diff --git a/styles/css/core/variables.css b/styles/css/core/variables.css index fc64608b5f..4bea664d6f 100644 --- a/styles/css/core/variables.css +++ b/styles/css/core/variables.css @@ -1,6 +1,6 @@ /** * Do not edit directly, this file was auto-generated. - * Generated on Mon, 02 Sep 2024 19:21:13 GMT + * Generated on Tue, 03 Sep 2024 13:57:51 GMT */ :root { @@ -89,9 +89,9 @@ --pgn-typography-font-size-sm: 0.875rem; /* Small font size. */ --pgn-typography-font-size-lg: var(--pgn-typography-font-size-base) * 1.25; /* Lead text font size. */ --pgn-typography-font-size-base: 1.125rem; /* Base font size. */ - --pgn-typography-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, '"Liberation Mono"', '"Courier New"', monospace; /* Monospace font family. */ + --pgn-typography-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; /* Monospace font family. */ --pgn-typography-font-family-serif: serif; /* Serif font family. */ - --pgn-typography-font-family-sans-serif: -apple-system, BlinkMacSystemFont, '"Segoe UI"', Roboto, '"Helvetica Neue"', Arial, '"Noto Sans"', sans-serif, '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"'; /* Sans-serif font family. */ + --pgn-typography-font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; /* Sans-serif font family. */ --pgn-typography-font-family-base: var(--pgn-typography-font-family-sans-serif); /* Basic font family. */ --pgn-typography-blockquote-font-size: calc(var(--pgn-typography-font-size-base) * 1.25); --pgn-typography-blockquote-small-font-size: var(--pgn-typography-font-size-sm); diff --git a/tokens/src/core/alias/size.json b/tokens/src/core/alias/size.json index d4cf3baef7..62763473d1 100644 --- a/tokens/src/core/alias/size.json +++ b/tokens/src/core/alias/size.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "size": { + "$type": "dimension", "border": { "width": { "source": "$border-width", "$value": "1px", "$description": "Default border width." }, "radius": { diff --git a/tokens/src/core/components/ActionRow.json b/tokens/src/core/components/ActionRow.json index 2c65294d17..4dd026a3b6 100644 --- a/tokens/src/core/components/ActionRow.json +++ b/tokens/src/core/components/ActionRow.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "spacing": { + "$type": "dimension", "action-row": { "gap": { "x": { "source": "$action-row-gap-x", "$value": ".5rem" }, diff --git a/tokens/src/core/components/Annotation.json b/tokens/src/core/components/Annotation.json index 62539f1e2f..bd86bd7be2 100644 --- a/tokens/src/core/components/Annotation.json +++ b/tokens/src/core/components/Annotation.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "spacing": { + "$type": "dimension", "annotation": { "padding": { "source": "$annotation-padding", "$value": ".5rem" }, "arrow-side": { @@ -10,11 +10,12 @@ }, "typography": { "annotation": { - "font-size": { "source": "$annotation-font-size", "$value": "{typography.font.size.sm}" }, - "line-height": { "source": "$annotation-line-height", "$value": "{typography.line-height.sm}", "type": "number" } + "font-size": { "source": "$annotation-font-size", "$value": "{typography.font.size.sm}", "$type": "dimension" }, + "line-height": { "source": "$annotation-line-height", "$value": "{typography.line-height.sm}", "$type": "number" } } }, "size": { + "$type": "dimension", "annotation": { "arrow-border": { "width": { "source": "$annotation-arrow-border-width", "$value": ".5rem" } diff --git a/tokens/src/core/components/AvatarButton.json b/tokens/src/core/components/AvatarButton.json index e9c77a5baf..c5635bf79c 100644 --- a/tokens/src/core/components/AvatarButton.json +++ b/tokens/src/core/components/AvatarButton.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "spacing": { + "$type": "dimension", "avatar-button": { "padding-left": { "base": { "source": "$avatar-button-padding-left", "$value": ".25em" }, diff --git a/tokens/src/core/components/Breadcrumb.json b/tokens/src/core/components/Breadcrumb.json index f4aea97731..c3d34ad7c2 100644 --- a/tokens/src/core/components/Breadcrumb.json +++ b/tokens/src/core/components/Breadcrumb.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "spacing": { + "$type": "dimension", "breadcrumb": { "margin": { "left": { "source": "$breadcrumb-margin-left", "$value": ".5rem" } @@ -8,6 +8,7 @@ } }, "size": { + "$type": "dimension", "breadcrumb": { "border": { "radius": { diff --git a/tokens/src/core/components/Bubble.json b/tokens/src/core/components/Bubble.json index 1fa4f035f5..57b8659d36 100644 --- a/tokens/src/core/components/Bubble.json +++ b/tokens/src/core/components/Bubble.json @@ -1,6 +1,6 @@ { - "$type": "transition", "spacing": { + "$type": "transition", "bubble": { "expandable-padding": { "y": { "source": "$bubble-expandable-padding-y", "$value": "0" }, diff --git a/tokens/src/core/components/Card.json b/tokens/src/core/components/Card.json index e6260ebae8..f3990403f2 100644 --- a/tokens/src/core/components/Card.json +++ b/tokens/src/core/components/Card.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "spacing": { + "$type": "dimension", "card": { "spacer": { "x": { "source": "$card-spacer-x", "$value": "1.25rem" }, @@ -40,6 +40,7 @@ } }, "size": { + "$type": "dimension", "card": { "border": { "width": { "source": "$card-border-width", "$value": "{size.border.width}" }, @@ -74,6 +75,7 @@ } }, "typography": { + "$type": "dimension", "footer": { "text": { "font-size": { "source": "$card-footer-text-font-size", "$value": "{typography.font.size.xs}" } diff --git a/tokens/src/core/components/Chip.json b/tokens/src/core/components/Chip.json index 09cac920be..a6699c402e 100644 --- a/tokens/src/core/components/Chip.json +++ b/tokens/src/core/components/Chip.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "spacing": { + "$type": "dimension", "chip": { "margin": { "base": { "source": "$chip-margin", "$value": ".125rem" }, @@ -24,6 +24,7 @@ } }, "size": { + "$type": "dimension", "chip": { "border-radius": { "source": "$chip-border-radius", "$value": ".375rem" }, "icon": { "source": "$chip-icon-size", "$value": "1.5rem" } diff --git a/tokens/src/core/components/ChipCarousel.json b/tokens/src/core/components/ChipCarousel.json index 4769b322c7..ccb1edafd4 100644 --- a/tokens/src/core/components/ChipCarousel.json +++ b/tokens/src/core/components/ChipCarousel.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "spacing": { + "$type": "dimension", "chip-carousel": { "controls-top-offset": { "source": "$chip-carousel-controls-top-offset", "$value": ".375rem" }, "container": { diff --git a/tokens/src/core/components/Collapsible.json b/tokens/src/core/components/Collapsible.json index dac86793b5..91cc84d3f9 100644 --- a/tokens/src/core/components/Collapsible.json +++ b/tokens/src/core/components/Collapsible.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "spacing": { + "$type": "dimension", "collapsible": { "card": { "spacer": { diff --git a/tokens/src/core/components/ColorPicker.json b/tokens/src/core/components/ColorPicker.json index 809d85b9eb..35ed3a43a8 100644 --- a/tokens/src/core/components/ColorPicker.json +++ b/tokens/src/core/components/ColorPicker.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "size": { + "$type": "dimension", "color-picker": { "sm": { "source": "$picker-size-sm", "$value": "2rem" }, "md": { "source": "$picker-size-md", "$value": "calc(1.3333em + 1.125rem + 2px)" } diff --git a/tokens/src/core/components/Container.json b/tokens/src/core/components/Container.json index 52424d636f..fc72b78a5e 100644 --- a/tokens/src/core/components/Container.json +++ b/tokens/src/core/components/Container.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "size": { + "$type": "dimension", "container": { "max-width": { "xs": { "source": "$max-width-xs", "$value": "464px" }, diff --git a/tokens/src/core/components/Dropzone.json b/tokens/src/core/components/Dropzone.json index c3f78c9007..9cfcb28071 100644 --- a/tokens/src/core/components/Dropzone.json +++ b/tokens/src/core/components/Dropzone.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "typography": { + "$type": "dimension", "dropzone": { "restriction-msg": { "font-size": { "source": "$dropzone-restriction-msg-font-size", "$value": "{typography.font.size.xs}" } @@ -8,6 +8,7 @@ } }, "spacing": { + "$type": "dimension", "dropzone": { "padding": { "source": "$dropzone-padding", "$value": "1.5rem" }, "border": { diff --git a/tokens/src/core/components/Form/spacing.json b/tokens/src/core/components/Form/spacing.json index b69b650bff..e7ed970856 100644 --- a/tokens/src/core/components/Form/spacing.json +++ b/tokens/src/core/components/Form/spacing.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "spacing": { + "$type": "dimension", "form": { "input": { "padding": { diff --git a/tokens/src/core/components/Form/transition.json b/tokens/src/core/components/Form/transition.json index 735f9e5f5f..1348a40dc5 100644 --- a/tokens/src/core/components/Form/transition.json +++ b/tokens/src/core/components/Form/transition.json @@ -1,6 +1,6 @@ { - "$type": "transition", "transition": { + "$type": "transition", "form": { "input": { "source": "$input-transition", diff --git a/tokens/src/core/components/Icon.json b/tokens/src/core/components/Icon.json index 8d03d79d60..775992bfe5 100644 --- a/tokens/src/core/components/Icon.json +++ b/tokens/src/core/components/Icon.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "size": { + "$type": "dimension", "icon": { "inline": { "source": "$icon-inline", "$value": ".8em" }, "xs": { "source": "$icon-xs", "$value": "1rem" }, diff --git a/tokens/src/core/components/IconButton.json b/tokens/src/core/components/IconButton.json index 7ef43c7fe5..57c3b225be 100644 --- a/tokens/src/core/components/IconButton.json +++ b/tokens/src/core/components/IconButton.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "size": { + "$type": "dimension", "icon-button": { "diameter": { "md": { "source": "$btn-icon-diameter-md", "$value": "2.75rem" }, diff --git a/tokens/src/core/components/Navbar.json b/tokens/src/core/components/Navbar.json index 575bbafff0..2ea5f56ca0 100644 --- a/tokens/src/core/components/Navbar.json +++ b/tokens/src/core/components/Navbar.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "spacing": { + "$type": "dimension", "navbar": { "padding": { "y": { "source": "$navbar-padding-y", "$value": "calc({spacing.spacer.base} / 2)" }, @@ -23,6 +23,7 @@ } }, "typography": { + "$type": "dimension", "navbar": { "brand": { "font-size": { "source": "$navbar-brand-font-size", "$value": "{typography.font.size.lg}" } @@ -36,6 +37,7 @@ } }, "size": { + "$type": "dimension", "navbar": { "nav": { "scroll": { diff --git a/tokens/src/core/components/Pagination.json b/tokens/src/core/components/Pagination.json index b300e4ac78..dc1460a37f 100644 --- a/tokens/src/core/components/Pagination.json +++ b/tokens/src/core/components/Pagination.json @@ -1,14 +1,15 @@ { - "$type": "dimension", "typography": { "pagination": { "font-size": { + "$type": "dimension", "sm": { "source": "$pagination-font-size-sm", "$value": ".875rem" } }, "line-height": { "source": "$pagination-line-height", "$value": "1.5rem", "$type": "number" } } }, "spacing": { + "$type": "dimension", "pagination": { "padding": { "y": { @@ -25,6 +26,7 @@ } }, "size": { + "$type": "dimension", "pagination": { "icon": { "width": { "source": "$pagination-icon-width", "$value": "2.25rem" }, diff --git a/tokens/src/core/components/SearchField.json b/tokens/src/core/components/SearchField.json index 31e5f8eede..795c27de0f 100644 --- a/tokens/src/core/components/SearchField.json +++ b/tokens/src/core/components/SearchField.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "size": { + "$type": "dimension", "search-field": { "border": { "width": { @@ -13,6 +13,7 @@ } }, "spacing": { + "$type": "dimension", "search-field": { "margin-button": { "source": "$search-button-margin", "$value": ".5rem" } } diff --git a/tokens/src/core/components/SelectableBox.json b/tokens/src/core/components/SelectableBox.json index fb4b97aaab..b3b89e747b 100644 --- a/tokens/src/core/components/SelectableBox.json +++ b/tokens/src/core/components/SelectableBox.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "spacing": { + "$type": "dimension", "selectable-box": { "padding": { "source": "$selectable-box-padding", "$value": "1rem" }, "border-radius": { "source": "$selectable-box-border-radius", "$value": ".25rem" }, diff --git a/tokens/src/core/components/Sheet.json b/tokens/src/core/components/Sheet.json index 059eed5bb2..103e8f7f2c 100644 --- a/tokens/src/core/components/Sheet.json +++ b/tokens/src/core/components/Sheet.json @@ -1,6 +1,6 @@ { - "$type": "ratio", "elevation": { + "$type": "ratio", "sheet": { "zindex": { "backdrop": { "source": "$zindex-sheet-backdrop", "$value": "1031" }, diff --git a/tokens/src/core/components/Spinner.json b/tokens/src/core/components/Spinner.json index 6b46b6f0fa..4a086b811d 100644 --- a/tokens/src/core/components/Spinner.json +++ b/tokens/src/core/components/Spinner.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "size": { + "$type": "dimension", "spinner": { "base": { "width": { "source": "$spinner-width", "$value": "2rem" }, @@ -15,6 +15,7 @@ } }, "spacing": { + "$type": "dimension", "vertical-align": { "source": "$spinner-vertical-align", "$value": ".125em" } } } diff --git a/tokens/src/core/components/Stack.json b/tokens/src/core/components/Stack.json index 7b1cdf9c50..1a51bc842c 100644 --- a/tokens/src/core/components/Stack.json +++ b/tokens/src/core/components/Stack.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "size": { + "$type": "dimension", "stack": { "gap": { "source": "$stack-gap", "$value": "0" } } diff --git a/tokens/src/core/components/Stepper.json b/tokens/src/core/components/Stepper.json index e3e33d5ddc..f292871793 100644 --- a/tokens/src/core/components/Stepper.json +++ b/tokens/src/core/components/Stepper.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "spacing": { + "$type": "dimension", "stepper": { "header": { "padding": { @@ -21,6 +21,7 @@ } }, "size": { + "$type": "dimension", "stepper": { "header": { "height-min": { "source": "$stepper-header-min-height", "$value": "5.13rem" } diff --git a/tokens/src/core/components/Sticky.json b/tokens/src/core/components/Sticky.json index 001b481d66..e85f22aca8 100644 --- a/tokens/src/core/components/Sticky.json +++ b/tokens/src/core/components/Sticky.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "spacing": { + "$type": "dimension", "sticky": { "offset": { "source": "$sticky-offset", "$value": "0" } } diff --git a/tokens/src/core/components/Tab.json b/tokens/src/core/components/Tab.json index 233bdd72b6..6bc272e388 100644 --- a/tokens/src/core/components/Tab.json +++ b/tokens/src/core/components/Tab.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "spacing": { + "$type": "dimension", "tab": { "more-link-dropdown-toggle": { "padding-x": { "source": "$tab-more-link-dropdown-toggle-padding-x", "$value": ".7rem" }, diff --git a/tokens/src/core/components/Tabs.json b/tokens/src/core/components/Tabs.json index 93d7ce5d53..7670ff130a 100644 --- a/tokens/src/core/components/Tabs.json +++ b/tokens/src/core/components/Tabs.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "size": { + "$type": "dimension", "tabs": { "notification": { "height": { "source": "$tab-notification-height", "$value": "1rem" }, @@ -9,6 +9,7 @@ } }, "typography": { + "$type": "dimension", "tabs": { "notification": { "font-size": { "source": "$tab-notification-font-size", "$value": "{typography.font.size.xs}" } diff --git a/tokens/src/core/components/Toast.json b/tokens/src/core/components/Toast.json index 6b46867ab7..5da5d6e1fe 100644 --- a/tokens/src/core/components/Toast.json +++ b/tokens/src/core/components/Toast.json @@ -1,11 +1,12 @@ { - "$type": "dimension", "typography": { + "$type": "dimension", "toast": { "font-size": { "source": "$toast-font-size", "$value": ".875rem" } } }, "size": { + "$type": "dimension", "toast": { "max-width": { "source": "$toast-max-width", "$value": "400px" }, "border": { @@ -15,6 +16,7 @@ } }, "spacing": { + "$type": "dimension", "toast": { "padding": { "x": { "source": "$toast-padding-x", "$value": ".75rem" }, diff --git a/tokens/src/core/components/general/caret.json b/tokens/src/core/components/general/caret.json index 0a09e81e67..cb713a455c 100644 --- a/tokens/src/core/components/general/caret.json +++ b/tokens/src/core/components/general/caret.json @@ -1,11 +1,12 @@ { - "$type": "dimension", "size": { + "$type": "dimension", "caret": { "width": { "source": "$caret-width", "$value": ".3em" } } }, "spacing": { + "$type": "dimension", "caret": { "base": { "source": "$caret-spacing", "$value": ".255em" }, "vertical-align": { "source": "$caret-vertical-align", "$value": ".255em" } diff --git a/tokens/src/core/components/general/hr.json b/tokens/src/core/components/general/hr.json index 0464dd5d84..baeb366d2d 100644 --- a/tokens/src/core/components/general/hr.json +++ b/tokens/src/core/components/general/hr.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "size": { + "$type": "dimension", "hr": { "border": { "width": { "source": "$hr-border-width", "$value": "{size.border.width}" }, diff --git a/tokens/src/core/components/general/link.json b/tokens/src/core/components/general/link.json index e72197e63b..8b6e4d34bb 100644 --- a/tokens/src/core/components/general/link.json +++ b/tokens/src/core/components/general/link.json @@ -1,8 +1,8 @@ { - "$type": "textDecoration", "typography": { "link": { "decoration": { + "$type": "textDecoration", "base": { "source": "$link-decoration", "$value": "none" }, "hover": { "source": "$link-hover-decoration", "$value": "underline" }, "inline": { diff --git a/tokens/src/core/components/general/text.json b/tokens/src/core/components/general/text.json index 8608354cdc..4a2f13eb2d 100644 --- a/tokens/src/core/components/general/text.json +++ b/tokens/src/core/components/general/text.json @@ -1,12 +1,13 @@ { - "$type": "dimension", "spacing": { + "$type": "dimension", "paragraph": { "margin-bottom": { "source": "$paragraph-margin-bottom", "$value": "1rem" } }, "mark-padding": { "source": "$mark-padding", "$value": ".2em" } }, "typography": { + "$type": "dimension", "blockquote": { "small": { "font-size": { "source": "$blockquote-small-font-size", "$value": "{typography.font.size.sm}" } diff --git a/tokens/src/core/global/breakpoints.json b/tokens/src/core/global/breakpoints.json index 28b2e5a319..438b0f4491 100644 --- a/tokens/src/core/global/breakpoints.json +++ b/tokens/src/core/global/breakpoints.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "size": { + "$type": "dimension", "breakpoint": { "xs": { "$value": "0", diff --git a/tokens/src/core/global/elevation.json b/tokens/src/core/global/elevation.json index 3c4db0e022..df668415a4 100644 --- a/tokens/src/core/global/elevation.json +++ b/tokens/src/core/global/elevation.json @@ -1,6 +1,6 @@ { - "$type": "ratio", "elevation": { + "$type": "ratio", "zindex": { "0": { "$value": 0, diff --git a/tokens/src/core/global/other.json b/tokens/src/core/global/other.json index bf1c05f216..5ea9056694 100644 --- a/tokens/src/core/global/other.json +++ b/tokens/src/core/global/other.json @@ -1,7 +1,7 @@ { - "$type": "percentage", "yiq-contrasted-threshold": 128, "theme-interval": { + "$type": "percentage", "source": "$theme-color-interval", "$value": "8%" } diff --git a/tokens/src/core/global/spacing.json b/tokens/src/core/global/spacing.json index 2439f04631..6b4fc7a28a 100644 --- a/tokens/src/core/global/spacing.json +++ b/tokens/src/core/global/spacing.json @@ -1,6 +1,6 @@ { - "$type": "dimension", "spacing": { + "$type": "dimension", "spacer": { "0": { "$value": "0", diff --git a/tokens/src/core/global/transition.json b/tokens/src/core/global/transition.json index 43a8fba7fb..df27a59f47 100644 --- a/tokens/src/core/global/transition.json +++ b/tokens/src/core/global/transition.json @@ -1,6 +1,6 @@ { - "$type": "transition", "transition": { + "$type": "transition", "base": { "source": "$transition-base", "$value": "all .2s ease-in-out", diff --git a/tokens/src/core/global/typography.json b/tokens/src/core/global/typography.json index 022e875753..9ed5111019 100644 --- a/tokens/src/core/global/typography.json +++ b/tokens/src/core/global/typography.json @@ -11,7 +11,7 @@ "sans": { "serif": { "source": "$font-family-sans-serif", - "$value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"", + "$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "$description": "Sans-serif font family." } }, @@ -22,7 +22,7 @@ }, "monospace": { "source": "$font-family-monospace", - "$value": "SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", + "$value": "SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace", "$description": "Monospace font family." } }, diff --git a/tokens/src/themes/light/alias/color.json b/tokens/src/themes/light/alias/color.json index 88571fd5c9..e945ebcfe6 100644 --- a/tokens/src/themes/light/alias/color.json +++ b/tokens/src/themes/light/alias/color.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "bg": { "base": { "$value": "{color.white}", "$description": "Basic background color." }, "active": { diff --git a/tokens/src/themes/light/components/Alert.json b/tokens/src/themes/light/components/Alert.json index 4a5359008e..ffb40b3c53 100644 --- a/tokens/src/themes/light/components/Alert.json +++ b/tokens/src/themes/light/components/Alert.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "alert": { "title": { "source": "$alert-title-color", "$value": "{color.black}" }, "content": { "source": "$alert-content-color", "$value": "{color.gray.700}" }, diff --git a/tokens/src/themes/light/components/Avatar.json b/tokens/src/themes/light/components/Avatar.json index 6ad6de32bd..be1da05fe3 100644 --- a/tokens/src/themes/light/components/Avatar.json +++ b/tokens/src/themes/light/components/Avatar.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "avatar": { "border": { "$value": "{color.light.300}" } } diff --git a/tokens/src/themes/light/components/Badge.json b/tokens/src/themes/light/components/Badge.json index 09417ba9c8..0eca2c6651 100644 --- a/tokens/src/themes/light/components/Badge.json +++ b/tokens/src/themes/light/components/Badge.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "badge": { "text": { "primary": { "source": "$badge-primary-color", "modify": [{ "type": "color-yiq" }], "$value": "{color.primary.base}" }, diff --git a/tokens/src/themes/light/components/Breadcrumb.json b/tokens/src/themes/light/components/Breadcrumb.json index 42929bfe92..e745bc3616 100644 --- a/tokens/src/themes/light/components/Breadcrumb.json +++ b/tokens/src/themes/light/components/Breadcrumb.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "breadcrumb": { "base": { "source": "$breadcrumb-color", "$value": "{color.primary.500}" }, "active": { "source": "$breadcrumb-active-color", "$value": "{color.gray.500}" }, diff --git a/tokens/src/themes/light/components/Bubble.json b/tokens/src/themes/light/components/Bubble.json index c36f397309..eabea9b6cd 100644 --- a/tokens/src/themes/light/components/Bubble.json +++ b/tokens/src/themes/light/components/Bubble.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "bubble": { "text": { "success": { "source": "$bubble-success-color", "$value": "{color.white}" }, diff --git a/tokens/src/themes/light/components/Button/brand.json b/tokens/src/themes/light/components/Button/brand.json index f03f60bd19..23b6357841 100644 --- a/tokens/src/themes/light/components/Button/brand.json +++ b/tokens/src/themes/light/components/Button/brand.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "btn": { "text": { "brand": { diff --git a/tokens/src/themes/light/components/Button/danger.json b/tokens/src/themes/light/components/Button/danger.json index f5c0cc8ec3..92ec188b21 100644 --- a/tokens/src/themes/light/components/Button/danger.json +++ b/tokens/src/themes/light/components/Button/danger.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "btn": { "text": { "danger": { diff --git a/tokens/src/themes/light/components/Button/dark.json b/tokens/src/themes/light/components/Button/dark.json index c57a7bdf8b..1256ed603c 100644 --- a/tokens/src/themes/light/components/Button/dark.json +++ b/tokens/src/themes/light/components/Button/dark.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "btn": { "text": { "dark": { diff --git a/tokens/src/themes/light/components/Button/info.json b/tokens/src/themes/light/components/Button/info.json index b67c84e4ff..91d38cfe14 100644 --- a/tokens/src/themes/light/components/Button/info.json +++ b/tokens/src/themes/light/components/Button/info.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "btn": { "text": { "info": { diff --git a/tokens/src/themes/light/components/Button/light.json b/tokens/src/themes/light/components/Button/light.json index 5837658231..f7e76f50d8 100644 --- a/tokens/src/themes/light/components/Button/light.json +++ b/tokens/src/themes/light/components/Button/light.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "btn": { "text": { "light": { diff --git a/tokens/src/themes/light/components/Button/primary.json b/tokens/src/themes/light/components/Button/primary.json index bc9ad182d4..1344fbb04b 100644 --- a/tokens/src/themes/light/components/Button/primary.json +++ b/tokens/src/themes/light/components/Button/primary.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "btn": { "text": { "primary": { diff --git a/tokens/src/themes/light/components/Button/secondary.json b/tokens/src/themes/light/components/Button/secondary.json index e6c4532c96..c8057ffa9b 100644 --- a/tokens/src/themes/light/components/Button/secondary.json +++ b/tokens/src/themes/light/components/Button/secondary.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "btn": { "text": { "secondary": { diff --git a/tokens/src/themes/light/components/Button/success.json b/tokens/src/themes/light/components/Button/success.json index b04fa33702..e27a0aaca9 100644 --- a/tokens/src/themes/light/components/Button/success.json +++ b/tokens/src/themes/light/components/Button/success.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "btn": { "text": { "success": { diff --git a/tokens/src/themes/light/components/Button/tertiary.json b/tokens/src/themes/light/components/Button/tertiary.json index e42352b352..bfb8c43e22 100644 --- a/tokens/src/themes/light/components/Button/tertiary.json +++ b/tokens/src/themes/light/components/Button/tertiary.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "btn": { "text": { "tertiary": { "source": "$btn-tertiary-color", "$value": "{color.gray.700}" }, diff --git a/tokens/src/themes/light/components/Button/warning.json b/tokens/src/themes/light/components/Button/warning.json index f6b3c6929a..eeb6ff1806 100644 --- a/tokens/src/themes/light/components/Button/warning.json +++ b/tokens/src/themes/light/components/Button/warning.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "btn": { "text": { "warning": { diff --git a/tokens/src/themes/light/components/Card.json b/tokens/src/themes/light/components/Card.json index 7c7e77a4e3..faf3412fee 100644 --- a/tokens/src/themes/light/components/Card.json +++ b/tokens/src/themes/light/components/Card.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "card": { "base": { "source": "$card-color", "$value": "inherit" }, "bg": { diff --git a/tokens/src/themes/light/components/Form/elevation.json b/tokens/src/themes/light/components/Form/elevation.json index 19c3dc837b..e19b6dfa3e 100644 --- a/tokens/src/themes/light/components/Form/elevation.json +++ b/tokens/src/themes/light/components/Form/elevation.json @@ -1,6 +1,6 @@ { - "$type": "shadow", "elevation": { + "$type": "shadow", "form": { "input": { "base": { "source": "$input-box-shadow", "$value": "none" }, diff --git a/tokens/src/themes/light/components/Nav.json b/tokens/src/themes/light/components/Nav.json index f5c4b83a87..e04ad06a6d 100644 --- a/tokens/src/themes/light/components/Nav.json +++ b/tokens/src/themes/light/components/Nav.json @@ -1,6 +1,6 @@ { - "$type": "color", "border-color": { + "$type": "color", "nav": { "tabs-link": { "border": { @@ -18,6 +18,7 @@ } }, "color": { + "$type": "color", "nav": { "link": { "text": { diff --git a/tokens/src/themes/light/components/OverflowScroll.json b/tokens/src/themes/light/components/OverflowScroll.json index 7f2bf5c8f6..d02b743145 100644 --- a/tokens/src/themes/light/components/OverflowScroll.json +++ b/tokens/src/themes/light/components/OverflowScroll.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "overflow-scroll": { "opacity-mask-transparent": { "source": "$overflow-scroll-opacity-mask-transparent", diff --git a/tokens/src/themes/light/components/PageBanner.json b/tokens/src/themes/light/components/PageBanner.json index 46a4c8534f..1450d8c0a8 100644 --- a/tokens/src/themes/light/components/PageBanner.json +++ b/tokens/src/themes/light/components/PageBanner.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "page-banner": { "bg": { "dark": { "$value": "{color.dark.500}" }, diff --git a/tokens/src/themes/light/components/ProductTour.json b/tokens/src/themes/light/components/ProductTour.json index fa9b86c932..61b561110b 100644 --- a/tokens/src/themes/light/components/ProductTour.json +++ b/tokens/src/themes/light/components/ProductTour.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "product-tour": { "checkpoint": { "bg": { "source": "$checkpoint-background-color", "$value": "{color.light.300}" }, diff --git a/tokens/src/themes/light/components/Scrollable.json b/tokens/src/themes/light/components/Scrollable.json index 96dbe3f5b7..87da8f709c 100644 --- a/tokens/src/themes/light/components/Scrollable.json +++ b/tokens/src/themes/light/components/Scrollable.json @@ -1,6 +1,6 @@ { - "$type": "shadow", "elevation": { + "$type": "shadow", "scrollable": { "body": { "box-shadow": { diff --git a/tokens/src/themes/light/components/Sheet.json b/tokens/src/themes/light/components/Sheet.json index c9ac340f02..9084a8eb52 100644 --- a/tokens/src/themes/light/components/Sheet.json +++ b/tokens/src/themes/light/components/Sheet.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "sheet": { "skrim": { "bg": { diff --git a/tokens/src/themes/light/components/Stepper.json b/tokens/src/themes/light/components/Stepper.json index 797d79ac12..eeb118dec2 100644 --- a/tokens/src/themes/light/components/Stepper.json +++ b/tokens/src/themes/light/components/Stepper.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "stepper": { "header": { "bg": { diff --git a/tokens/src/themes/light/components/Sticky.json b/tokens/src/themes/light/components/Sticky.json index 496db6bf9e..85b87d70bb 100644 --- a/tokens/src/themes/light/components/Sticky.json +++ b/tokens/src/themes/light/components/Sticky.json @@ -1,6 +1,6 @@ { - "$type": "shadow", "elevation": { + "$type": "shadow", "sticky": { "shadow": { "top": { diff --git a/tokens/src/themes/light/components/Tab.json b/tokens/src/themes/light/components/Tab.json index 4aeef32674..5e7c601ff2 100644 --- a/tokens/src/themes/light/components/Tab.json +++ b/tokens/src/themes/light/components/Tab.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "tab": { "more-link-dropdown-toggle": { "btn": { diff --git a/tokens/src/themes/light/components/general/body.json b/tokens/src/themes/light/components/general/body.json index 33ad10fbb5..f894be2efe 100644 --- a/tokens/src/themes/light/components/general/body.json +++ b/tokens/src/themes/light/components/general/body.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "body": { "base": { "source": "$body-color", "$value": "{color.gray.700}" }, "bg": { "source": "$body-bg", "$value": "{color.bg.base}" } diff --git a/tokens/src/themes/light/components/general/headings.json b/tokens/src/themes/light/components/general/headings.json index 9deb1db864..755ccf7fd9 100644 --- a/tokens/src/themes/light/components/general/headings.json +++ b/tokens/src/themes/light/components/general/headings.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "headings": { "base": { "source": "$headings-color", "$value": "{color.black}" } } diff --git a/tokens/src/themes/light/components/general/hr.json b/tokens/src/themes/light/components/general/hr.json index de64b7d924..2d5ad16dbf 100644 --- a/tokens/src/themes/light/components/general/hr.json +++ b/tokens/src/themes/light/components/general/hr.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "hr": { "border": { "source": "$hr-border-color", diff --git a/tokens/src/themes/light/components/general/list.json b/tokens/src/themes/light/components/general/list.json index 3b490c8859..85059c7369 100644 --- a/tokens/src/themes/light/components/general/list.json +++ b/tokens/src/themes/light/components/general/list.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "list-group": { "base": { "source": "$list-group-color", "$value": "inherit" }, "bg": { diff --git a/tokens/src/themes/light/components/general/text.json b/tokens/src/themes/light/components/general/text.json index cfc64e42aa..af658a6d6b 100644 --- a/tokens/src/themes/light/components/general/text.json +++ b/tokens/src/themes/light/components/general/text.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "text-muted": { "source": "$text-muted", "$value": "{color.gray.500}" }, "mark-bg": { "source": "$mark-bg", "$value": "#FFF243" }, "blockquote": { diff --git a/tokens/src/themes/light/global/color.json b/tokens/src/themes/light/global/color.json index 0998797a94..5cc2c0c9b2 100644 --- a/tokens/src/themes/light/global/color.json +++ b/tokens/src/themes/light/global/color.json @@ -1,6 +1,6 @@ { - "$type": "color", "color": { + "$type": "color", "white": { "source": "$white", "$value": "#FFFFFF", diff --git a/tokens/src/themes/light/global/elevation.json b/tokens/src/themes/light/global/elevation.json index 7919b92413..518ff1f5d0 100644 --- a/tokens/src/themes/light/global/elevation.json +++ b/tokens/src/themes/light/global/elevation.json @@ -1,6 +1,6 @@ { - "$type": "shadow", "elevation": { + "$type": "shadow", "box-shadow": { "level": { "1": {