@serendie/ui 0.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +86 -0
- package/dist/components/Accordion.d.ts +23 -0
- package/dist/components/AccordionGroup.d.ts +2 -0
- package/dist/components/Avatar.d.ts +40 -0
- package/dist/components/Badge.d.ts +90 -0
- package/dist/components/Banner.d.ts +43 -0
- package/dist/components/BottomNavigation.d.ts +2 -0
- package/dist/components/BottomNavigationItem.d.ts +30 -0
- package/dist/components/Button.d.ts +133 -0
- package/dist/components/CheckBox.d.ts +47 -0
- package/dist/components/ChoiceBox.d.ts +8 -0
- package/dist/components/DashboardWidget.d.ts +13 -0
- package/dist/components/Divider.d.ts +33 -0
- package/dist/components/Drawer.d.ts +40 -0
- package/dist/components/DropdownMenu.d.ts +14 -0
- package/dist/components/IconButton.d.ts +81 -0
- package/dist/components/List.d.ts +2 -0
- package/dist/components/ListItem.d.ts +46 -0
- package/dist/components/ModalDialog.d.ts +15 -0
- package/dist/components/NotificationBadge.d.ts +54 -0
- package/dist/components/ProgressIndicator.d.ts +29 -0
- package/dist/components/RadioButton.d.ts +30 -0
- package/dist/components/RadioGroup.d.ts +2 -0
- package/dist/components/Search.d.ts +51 -0
- package/dist/components/Select.d.ts +63 -0
- package/dist/components/SvgIcon.d.ts +75 -0
- package/dist/components/SvgIcon.stories.d.ts +7 -0
- package/dist/components/Switch.d.ts +10 -0
- package/dist/components/TabItem.d.ts +22 -0
- package/dist/components/Tabs.d.ts +3 -0
- package/dist/components/TextArea.d.ts +8 -0
- package/dist/components/TextField.d.ts +7 -0
- package/dist/components/Toast.d.ts +35 -0
- package/dist/components/TopAppBar.d.ts +37 -0
- package/dist/index.cjs +65 -0
- package/dist/index.d.ts +33 -0
- package/dist/index.js +19523 -0
- package/dist/preset.d.ts +534 -0
- package/dist/recipes/index.d.ts +2 -0
- package/dist/styles.css +1 -0
- package/dist/tokens/getToken.d.ts +789 -0
- package/dist/tokens/index.d.ts +1808 -0
- package/dist/tokens/keyframes/index.d.ts +10 -0
- package/package.json +100 -0
- package/styled-system/css/conditions.js +34 -0
- package/styled-system/css/css.d.ts +22 -0
- package/styled-system/css/css.js +45 -0
- package/styled-system/css/cva.d.ts +6 -0
- package/styled-system/css/cva.js +87 -0
- package/styled-system/css/cx.d.ts +5 -0
- package/styled-system/css/cx.js +15 -0
- package/styled-system/css/index.d.ts +5 -0
- package/styled-system/css/index.js +4 -0
- package/styled-system/css/sva.d.ts +4 -0
- package/styled-system/css/sva.js +41 -0
- package/styled-system/helpers.js +326 -0
- package/styled-system/jsx/aspect-ratio.d.ts +10 -0
- package/styled-system/jsx/aspect-ratio.js +14 -0
- package/styled-system/jsx/bleed.d.ts +10 -0
- package/styled-system/jsx/bleed.js +14 -0
- package/styled-system/jsx/box.d.ts +10 -0
- package/styled-system/jsx/box.js +14 -0
- package/styled-system/jsx/center.d.ts +10 -0
- package/styled-system/jsx/center.js +14 -0
- package/styled-system/jsx/circle.d.ts +10 -0
- package/styled-system/jsx/circle.js +14 -0
- package/styled-system/jsx/container.d.ts +10 -0
- package/styled-system/jsx/container.js +14 -0
- package/styled-system/jsx/cq.d.ts +10 -0
- package/styled-system/jsx/cq.js +14 -0
- package/styled-system/jsx/divider.d.ts +10 -0
- package/styled-system/jsx/divider.js +14 -0
- package/styled-system/jsx/factory-helper.js +22 -0
- package/styled-system/jsx/factory.d.ts +3 -0
- package/styled-system/jsx/factory.js +80 -0
- package/styled-system/jsx/flex.d.ts +10 -0
- package/styled-system/jsx/flex.js +14 -0
- package/styled-system/jsx/float.d.ts +10 -0
- package/styled-system/jsx/float.js +14 -0
- package/styled-system/jsx/grid-item.d.ts +10 -0
- package/styled-system/jsx/grid-item.js +14 -0
- package/styled-system/jsx/grid.d.ts +10 -0
- package/styled-system/jsx/grid.js +14 -0
- package/styled-system/jsx/hstack.d.ts +10 -0
- package/styled-system/jsx/hstack.js +14 -0
- package/styled-system/jsx/index.d.ts +24 -0
- package/styled-system/jsx/index.js +22 -0
- package/styled-system/jsx/is-valid-prop.d.ts +11 -0
- package/styled-system/jsx/is-valid-prop.js +17 -0
- package/styled-system/jsx/link-overlay.d.ts +10 -0
- package/styled-system/jsx/link-overlay.js +14 -0
- package/styled-system/jsx/spacer.d.ts +10 -0
- package/styled-system/jsx/spacer.js +14 -0
- package/styled-system/jsx/square.d.ts +10 -0
- package/styled-system/jsx/square.js +14 -0
- package/styled-system/jsx/stack.d.ts +10 -0
- package/styled-system/jsx/stack.js +14 -0
- package/styled-system/jsx/visually-hidden.d.ts +10 -0
- package/styled-system/jsx/visually-hidden.js +14 -0
- package/styled-system/jsx/vstack.d.ts +10 -0
- package/styled-system/jsx/vstack.js +14 -0
- package/styled-system/jsx/wrap.d.ts +10 -0
- package/styled-system/jsx/wrap.js +14 -0
- package/styled-system/patterns/aspect-ratio.d.ts +21 -0
- package/styled-system/patterns/aspect-ratio.js +38 -0
- package/styled-system/patterns/bleed.d.ts +22 -0
- package/styled-system/patterns/bleed.js +24 -0
- package/styled-system/patterns/box.d.ts +21 -0
- package/styled-system/patterns/box.js +15 -0
- package/styled-system/patterns/center.d.ts +21 -0
- package/styled-system/patterns/center.js +21 -0
- package/styled-system/patterns/circle.d.ts +21 -0
- package/styled-system/patterns/circle.js +25 -0
- package/styled-system/patterns/container.d.ts +21 -0
- package/styled-system/patterns/container.js +21 -0
- package/styled-system/patterns/cq.d.ts +22 -0
- package/styled-system/patterns/cq.js +21 -0
- package/styled-system/patterns/divider.d.ts +23 -0
- package/styled-system/patterns/divider.js +25 -0
- package/styled-system/patterns/flex.d.ts +27 -0
- package/styled-system/patterns/flex.js +26 -0
- package/styled-system/patterns/float.d.ts +24 -0
- package/styled-system/patterns/float.js +52 -0
- package/styled-system/patterns/grid-item.d.ts +26 -0
- package/styled-system/patterns/grid-item.js +25 -0
- package/styled-system/patterns/grid.d.ts +25 -0
- package/styled-system/patterns/grid.js +27 -0
- package/styled-system/patterns/hstack.d.ts +22 -0
- package/styled-system/patterns/hstack.js +24 -0
- package/styled-system/patterns/index.d.ts +21 -0
- package/styled-system/patterns/index.js +20 -0
- package/styled-system/patterns/link-overlay.d.ts +21 -0
- package/styled-system/patterns/link-overlay.js +24 -0
- package/styled-system/patterns/spacer.d.ts +21 -0
- package/styled-system/patterns/spacer.js +21 -0
- package/styled-system/patterns/square.d.ts +21 -0
- package/styled-system/patterns/square.js +24 -0
- package/styled-system/patterns/stack.d.ts +24 -0
- package/styled-system/patterns/stack.js +24 -0
- package/styled-system/patterns/visually-hidden.d.ts +21 -0
- package/styled-system/patterns/visually-hidden.js +18 -0
- package/styled-system/patterns/vstack.d.ts +22 -0
- package/styled-system/patterns/vstack.js +24 -0
- package/styled-system/patterns/wrap.d.ts +25 -0
- package/styled-system/patterns/wrap.js +25 -0
- package/styled-system/themes/asagi.json +5 -0
- package/styled-system/themes/index.d.ts +36 -0
- package/styled-system/themes/index.js +24 -0
- package/styled-system/themes/kurikawa.json +5 -0
- package/styled-system/themes/sumire.json +5 -0
- package/styled-system/themes/theme-asagi.json +5 -0
- package/styled-system/themes/theme-kurikawa.json +5 -0
- package/styled-system/themes/theme-sumire.json +5 -0
- package/styled-system/themes/theme-tsutsuji.json +5 -0
- package/styled-system/themes/tsutsuji.json +5 -0
- package/styled-system/tokens/index.d.ts +9 -0
- package/styled-system/tokens/index.js +3548 -0
- package/styled-system/tokens/tokens.d.ts +48 -0
- package/styled-system/types/composition.d.ts +138 -0
- package/styled-system/types/conditions.d.ts +214 -0
- package/styled-system/types/csstype.d.ts +21298 -0
- package/styled-system/types/global.d.ts +19 -0
- package/styled-system/types/index.d.ts +8 -0
- package/styled-system/types/jsx.d.ts +52 -0
- package/styled-system/types/parts.d.ts +8 -0
- package/styled-system/types/pattern.d.ts +78 -0
- package/styled-system/types/prop-type.d.ts +237 -0
- package/styled-system/types/recipe.d.ts +181 -0
- package/styled-system/types/selectors.d.ts +59 -0
- package/styled-system/types/static-css.d.ts +51 -0
- package/styled-system/types/style-props.d.ts +7468 -0
- package/styled-system/types/system-types.d.ts +88 -0
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
export type Token = "colors.sd.reference.color.scale.white.1000" | "colors.sd.reference.color.scale.black.1000" | "colors.sd.reference.color.scale.transparency.5" | "colors.sd.reference.color.scale.transparency.20" | "colors.sd.reference.color.scale.transparency.60" | "colors.sd.reference.color.scale.gray.100" | "colors.sd.reference.color.scale.gray.200" | "colors.sd.reference.color.scale.gray.300" | "colors.sd.reference.color.scale.gray.400" | "colors.sd.reference.color.scale.gray.500" | "colors.sd.reference.color.scale.gray.600" | "colors.sd.reference.color.scale.gray.700" | "colors.sd.reference.color.scale.gray.800" | "colors.sd.reference.color.scale.gray.900" | "colors.sd.reference.color.scale.gray.1000" | "colors.sd.reference.color.scale.red.100" | "colors.sd.reference.color.scale.red.200" | "colors.sd.reference.color.scale.red.300" | "colors.sd.reference.color.scale.red.400" | "colors.sd.reference.color.scale.red.500" | "colors.sd.reference.color.scale.red.600" | "colors.sd.reference.color.scale.red.700" | "colors.sd.reference.color.scale.red.800" | "colors.sd.reference.color.scale.red.900" | "colors.sd.reference.color.scale.red.1000" | "colors.sd.reference.color.scale.chestnut.100" | "colors.sd.reference.color.scale.chestnut.200" | "colors.sd.reference.color.scale.chestnut.300" | "colors.sd.reference.color.scale.chestnut.400" | "colors.sd.reference.color.scale.chestnut.500" | "colors.sd.reference.color.scale.chestnut.600" | "colors.sd.reference.color.scale.chestnut.700" | "colors.sd.reference.color.scale.chestnut.800" | "colors.sd.reference.color.scale.chestnut.900" | "colors.sd.reference.color.scale.chestnut.1000" | "colors.sd.reference.color.scale.beige.100" | "colors.sd.reference.color.scale.beige.200" | "colors.sd.reference.color.scale.beige.300" | "colors.sd.reference.color.scale.beige.400" | "colors.sd.reference.color.scale.beige.500" | "colors.sd.reference.color.scale.beige.600" | "colors.sd.reference.color.scale.beige.700" | "colors.sd.reference.color.scale.beige.800" | "colors.sd.reference.color.scale.beige.900" | "colors.sd.reference.color.scale.beige.1000" | "colors.sd.reference.color.scale.yellow.100" | "colors.sd.reference.color.scale.yellow.200" | "colors.sd.reference.color.scale.yellow.300" | "colors.sd.reference.color.scale.yellow.400" | "colors.sd.reference.color.scale.yellow.500" | "colors.sd.reference.color.scale.yellow.600" | "colors.sd.reference.color.scale.yellow.700" | "colors.sd.reference.color.scale.yellow.800" | "colors.sd.reference.color.scale.yellow.900" | "colors.sd.reference.color.scale.yellow.1000" | "colors.sd.reference.color.scale.green.100" | "colors.sd.reference.color.scale.green.200" | "colors.sd.reference.color.scale.green.300" | "colors.sd.reference.color.scale.green.400" | "colors.sd.reference.color.scale.green.500" | "colors.sd.reference.color.scale.green.600" | "colors.sd.reference.color.scale.green.700" | "colors.sd.reference.color.scale.green.800" | "colors.sd.reference.color.scale.green.900" | "colors.sd.reference.color.scale.green.1000" | "colors.sd.reference.color.scale.skyBlue.100" | "colors.sd.reference.color.scale.skyBlue.200" | "colors.sd.reference.color.scale.skyBlue.300" | "colors.sd.reference.color.scale.skyBlue.400" | "colors.sd.reference.color.scale.skyBlue.500" | "colors.sd.reference.color.scale.skyBlue.600" | "colors.sd.reference.color.scale.skyBlue.700" | "colors.sd.reference.color.scale.skyBlue.800" | "colors.sd.reference.color.scale.skyBlue.900" | "colors.sd.reference.color.scale.skyBlue.1000" | "colors.sd.reference.color.scale.blue.100" | "colors.sd.reference.color.scale.blue.200" | "colors.sd.reference.color.scale.blue.300" | "colors.sd.reference.color.scale.blue.400" | "colors.sd.reference.color.scale.blue.500" | "colors.sd.reference.color.scale.blue.600" | "colors.sd.reference.color.scale.blue.700" | "colors.sd.reference.color.scale.blue.800" | "colors.sd.reference.color.scale.blue.900" | "colors.sd.reference.color.scale.blue.1000" | "colors.sd.reference.color.scale.purple.100" | "colors.sd.reference.color.scale.purple.200" | "colors.sd.reference.color.scale.purple.300" | "colors.sd.reference.color.scale.purple.400" | "colors.sd.reference.color.scale.purple.500" | "colors.sd.reference.color.scale.purple.600" | "colors.sd.reference.color.scale.purple.700" | "colors.sd.reference.color.scale.purple.800" | "colors.sd.reference.color.scale.purple.900" | "colors.sd.reference.color.scale.purple.1000" | "colors.sd.reference.color.scale.pink.100" | "colors.sd.reference.color.scale.pink.200" | "colors.sd.reference.color.scale.pink.300" | "colors.sd.reference.color.scale.pink.400" | "colors.sd.reference.color.scale.pink.500" | "colors.sd.reference.color.scale.pink.600" | "colors.sd.reference.color.scale.pink.700" | "colors.sd.reference.color.scale.pink.800" | "colors.sd.reference.color.scale.pink.900" | "colors.sd.reference.color.scale.pink.1000" | "colors.sd.system.color.impression.primary" | "colors.sd.system.color.impression.onPrimary" | "colors.sd.system.color.impression.primaryContainer" | "colors.sd.system.color.impression.onPrimaryContainer" | "colors.sd.system.color.impression.secondary" | "colors.sd.system.color.impression.onSecondary" | "colors.sd.system.color.impression.secondaryContainer" | "colors.sd.system.color.impression.onSecondaryContainer" | "colors.sd.system.color.impression.tertiary" | "colors.sd.system.color.impression.onTertiary" | "colors.sd.system.color.impression.tertiaryContainer" | "colors.sd.system.color.impression.onTertiaryContainer" | "colors.sd.system.color.impression.notice" | "colors.sd.system.color.impression.onNotice" | "colors.sd.system.color.impression.noticeContainer" | "colors.sd.system.color.impression.onNoticeContainer" | "colors.sd.system.color.impression.negative" | "colors.sd.system.color.impression.onNegative" | "colors.sd.system.color.impression.negativeContainer" | "colors.sd.system.color.impression.onNegativeContainer" | "colors.sd.system.color.impression.positive" | "colors.sd.system.color.impression.onPositive" | "colors.sd.system.color.impression.positiveContainer" | "colors.sd.system.color.impression.onPositiveContainer" | "colors.sd.system.color.component.surface" | "colors.sd.system.color.component.onSurface" | "colors.sd.system.color.component.onSurfaceVariant" | "colors.sd.system.color.component.inverseSurface" | "colors.sd.system.color.component.inverseOnSurface" | "colors.sd.system.color.component.outline" | "colors.sd.system.color.component.outlineVariant" | "colors.sd.system.color.component.scrim" | "colors.sd.system.color.interaction.disabled" | "colors.sd.system.color.interaction.disabledOnSurface" | "colors.sd.system.color.interaction.selectedSurface" | "colors.sd.system.color.interaction.hovered" | "colors.sd.system.color.interaction.hoveredVariant" | "colors.sd.system.color.interaction.hoveredOnPrimary" | "spacing.sd.reference.dimension.scale.0" | "spacing.sd.reference.dimension.scale.1" | "spacing.sd.reference.dimension.scale.2" | "spacing.sd.reference.dimension.scale.3" | "spacing.sd.reference.dimension.scale.4" | "spacing.sd.reference.dimension.scale.5" | "spacing.sd.reference.dimension.scale.6" | "spacing.sd.reference.dimension.scale.7" | "spacing.sd.reference.dimension.scale.8" | "spacing.sd.reference.dimension.scale.9" | "spacing.sd.reference.dimension.scale.10" | "spacing.sd.reference.dimension.scale.11" | "spacing.sd.reference.dimension.scale.12" | "spacing.sd.reference.dimension.scale.13" | "spacing.sd.reference.dimension.scale.14" | "spacing.sd.reference.dimension.scale.15" | "spacing.sd.reference.dimension.scale.16" | "spacing.sd.reference.dimension.scale.17" | "spacing.sd.reference.dimension.scale.18" | "spacing.sd.system.dimension.spacing.none" | "spacing.sd.system.dimension.spacing.twoExtraSmall" | "spacing.sd.system.dimension.spacing.extraSmall" | "spacing.sd.system.dimension.spacing.small" | "spacing.sd.system.dimension.spacing.medium" | "spacing.sd.system.dimension.spacing.large" | "spacing.sd.system.dimension.spacing.extraLarge" | "spacing.sd.system.dimension.spacing.twoExtraLarge" | "spacing.sd.system.dimension.spacing.threeExtraLarge" | "spacing.sd.system.dimension.spacing.fourExtraLarge" | "spacing.sd.system.dimension.spacing.fiveExtraLarge" | "spacing.sd.system.dimension.spacing.sixExtraLarge" | "opacity.sd.reference.elevation.opacity.scale.0" | "opacity.sd.reference.elevation.opacity.scale.1" | "opacity.sd.reference.elevation.opacity.scale.2" | "opacity.sd.reference.elevation.opacity.scale.3" | "opacity.sd.reference.elevation.opacity.scale.4" | "opacity.sd.reference.elevation.opacity.scale.5" | "opacity.sd.reference.elevation.opacity.scale.6" | "opacity.sd.reference.elevation.opacity.scale.7" | "opacity.sd.reference.elevation.opacity.scale.8" | "opacity.sd.reference.elevation.opacity.scale.9" | "opacity.sd.reference.elevation.opacity.scale.10" | "fonts.sd.reference.typography.fontFamily.primary" | "fonts.sd.reference.typography.fontFamily.monospace" | "fontWeights.sd.reference.typography.fontWeight.regular" | "fontWeights.sd.reference.typography.fontWeight.bold" | "lineHeights.sd.reference.typography.lineHeight.none" | "lineHeights.sd.reference.typography.lineHeight.tight" | "lineHeights.sd.reference.typography.lineHeight.normal" | "lineHeights.sd.reference.typography.lineHeight.relaxed" | "fontSizes.sd.reference.typography.scale.expanded.fourExtraSmall" | "fontSizes.sd.reference.typography.scale.expanded.threeExtraSmall" | "fontSizes.sd.reference.typography.scale.expanded.twoExtraSmall" | "fontSizes.sd.reference.typography.scale.expanded.extraSmall" | "fontSizes.sd.reference.typography.scale.expanded.small" | "fontSizes.sd.reference.typography.scale.expanded.medium" | "fontSizes.sd.reference.typography.scale.expanded.large" | "fontSizes.sd.reference.typography.scale.expanded.extraLarge" | "fontSizes.sd.reference.typography.scale.expanded.twoExtraLarge" | "fontSizes.sd.reference.typography.scale.expanded.threeExtraLarge" | "fontSizes.sd.reference.typography.scale.expanded.fourExtraLarge" | "fontSizes.sd.reference.typography.scale.expanded.fiveExtraLarge" | "fontSizes.sd.reference.typography.scale.compact.twoExtraSmall" | "fontSizes.sd.reference.typography.scale.compact.extraSmall" | "fontSizes.sd.reference.typography.scale.compact.small" | "fontSizes.sd.reference.typography.scale.compact.medium" | "fontSizes.sd.reference.typography.scale.compact.large" | "fontSizes.sd.reference.typography.scale.compact.extraLarge" | "fontSizes.sd.reference.typography.scale.compact.twoExtraLarge" | "fontSizes.sd.reference.typography.scale.compact.threeExtraLarge" | "fontSizes.sd.reference.typography.scale.compact.fourExtraLarge" | "fontSizes.sd.reference.typography.scale.compact.fiveExtraLarge" | "borderWidths.sd.system.dimension.border.medium" | "borderWidths.sd.system.dimension.border.thick" | "borderWidths.sd.system.dimension.border.extraThick" | "radii.sd.system.dimension.radius.extraSmall" | "radii.sd.system.dimension.radius.small" | "radii.sd.system.dimension.radius.medium" | "radii.sd.system.dimension.radius.large" | "radii.sd.system.dimension.radius.extraLarge" | "radii.sd.system.dimension.radius.full" | "shadows.sd.system.elevation.shadow.level1" | "shadows.sd.system.elevation.shadow.level2" | "shadows.sd.system.elevation.shadow.level3" | "shadows.sd.system.elevation.shadow.level4" | "shadows.sd.system.elevation.shadow.level5" | "zIndex.sd.system.elevation.zIndex.deepDive" | "zIndex.sd.system.elevation.zIndex.base" | "zIndex.sd.system.elevation.zIndex.docked" | "zIndex.sd.system.elevation.zIndex.dropdown" | "zIndex.sd.system.elevation.zIndex.modal" | "zIndex.sd.system.elevation.zIndex.toast" | "sizes.sd.reference.dimension.scale.0" | "sizes.sd.reference.dimension.scale.1" | "sizes.sd.reference.dimension.scale.2" | "sizes.sd.reference.dimension.scale.3" | "sizes.sd.reference.dimension.scale.4" | "sizes.sd.reference.dimension.scale.5" | "sizes.sd.reference.dimension.scale.6" | "sizes.sd.reference.dimension.scale.7" | "sizes.sd.reference.dimension.scale.8" | "sizes.sd.reference.dimension.scale.9" | "sizes.sd.reference.dimension.scale.10" | "sizes.sd.reference.dimension.scale.11" | "sizes.sd.reference.dimension.scale.12" | "sizes.sd.reference.dimension.scale.13" | "sizes.sd.reference.dimension.scale.14" | "sizes.sd.reference.dimension.scale.15" | "sizes.sd.reference.dimension.scale.16" | "sizes.sd.reference.dimension.scale.17" | "sizes.sd.reference.dimension.scale.18" | "sizes.sd.system.dimension.spacing.none" | "sizes.sd.system.dimension.spacing.twoExtraSmall" | "sizes.sd.system.dimension.spacing.extraSmall" | "sizes.sd.system.dimension.spacing.small" | "sizes.sd.system.dimension.spacing.medium" | "sizes.sd.system.dimension.spacing.large" | "sizes.sd.system.dimension.spacing.extraLarge" | "sizes.sd.system.dimension.spacing.twoExtraLarge" | "sizes.sd.system.dimension.spacing.threeExtraLarge" | "sizes.sd.system.dimension.spacing.fourExtraLarge" | "sizes.sd.system.dimension.spacing.fiveExtraLarge" | "sizes.sd.system.dimension.spacing.sixExtraLarge" | "sizes.breakpoint-expanded" | "breakpoints.expanded" | "spacing.sd.reference.dimension.scale.-0" | "spacing.sd.reference.dimension.scale.-1" | "spacing.sd.reference.dimension.scale.-2" | "spacing.sd.reference.dimension.scale.-3" | "spacing.sd.reference.dimension.scale.-4" | "spacing.sd.reference.dimension.scale.-5" | "spacing.sd.reference.dimension.scale.-6" | "spacing.sd.reference.dimension.scale.-7" | "spacing.sd.reference.dimension.scale.-8" | "spacing.sd.reference.dimension.scale.-9" | "spacing.sd.reference.dimension.scale.-10" | "spacing.sd.reference.dimension.scale.-11" | "spacing.sd.reference.dimension.scale.-12" | "spacing.sd.reference.dimension.scale.-13" | "spacing.sd.reference.dimension.scale.-14" | "spacing.sd.reference.dimension.scale.-15" | "spacing.sd.reference.dimension.scale.-16" | "spacing.sd.reference.dimension.scale.-17" | "spacing.sd.reference.dimension.scale.-18" | "spacing.sd.system.dimension.spacing.-none" | "spacing.sd.system.dimension.spacing.-twoExtraSmall" | "spacing.sd.system.dimension.spacing.-extraSmall" | "spacing.sd.system.dimension.spacing.-small" | "spacing.sd.system.dimension.spacing.-medium" | "spacing.sd.system.dimension.spacing.-large" | "spacing.sd.system.dimension.spacing.-extraLarge" | "spacing.sd.system.dimension.spacing.-twoExtraLarge" | "spacing.sd.system.dimension.spacing.-threeExtraLarge" | "spacing.sd.system.dimension.spacing.-fourExtraLarge" | "spacing.sd.system.dimension.spacing.-fiveExtraLarge" | "spacing.sd.system.dimension.spacing.-sixExtraLarge" | "colors.colorPalette.reference.color.scale.white.1000" | "colors.colorPalette.color.scale.white.1000" | "colors.colorPalette.scale.white.1000" | "colors.colorPalette.white.1000" | "colors.colorPalette.1000" | "colors.colorPalette.reference.color.scale.black.1000" | "colors.colorPalette.color.scale.black.1000" | "colors.colorPalette.scale.black.1000" | "colors.colorPalette.black.1000" | "colors.colorPalette.reference.color.scale.transparency.5" | "colors.colorPalette.color.scale.transparency.5" | "colors.colorPalette.scale.transparency.5" | "colors.colorPalette.transparency.5" | "colors.colorPalette.5" | "colors.colorPalette.reference.color.scale.transparency.20" | "colors.colorPalette.color.scale.transparency.20" | "colors.colorPalette.scale.transparency.20" | "colors.colorPalette.transparency.20" | "colors.colorPalette.20" | "colors.colorPalette.reference.color.scale.transparency.60" | "colors.colorPalette.color.scale.transparency.60" | "colors.colorPalette.scale.transparency.60" | "colors.colorPalette.transparency.60" | "colors.colorPalette.60" | "colors.colorPalette.reference.color.scale.gray.100" | "colors.colorPalette.color.scale.gray.100" | "colors.colorPalette.scale.gray.100" | "colors.colorPalette.gray.100" | "colors.colorPalette.100" | "colors.colorPalette.reference.color.scale.gray.200" | "colors.colorPalette.color.scale.gray.200" | "colors.colorPalette.scale.gray.200" | "colors.colorPalette.gray.200" | "colors.colorPalette.200" | "colors.colorPalette.reference.color.scale.gray.300" | "colors.colorPalette.color.scale.gray.300" | "colors.colorPalette.scale.gray.300" | "colors.colorPalette.gray.300" | "colors.colorPalette.300" | "colors.colorPalette.reference.color.scale.gray.400" | "colors.colorPalette.color.scale.gray.400" | "colors.colorPalette.scale.gray.400" | "colors.colorPalette.gray.400" | "colors.colorPalette.400" | "colors.colorPalette.reference.color.scale.gray.500" | "colors.colorPalette.color.scale.gray.500" | "colors.colorPalette.scale.gray.500" | "colors.colorPalette.gray.500" | "colors.colorPalette.500" | "colors.colorPalette.reference.color.scale.gray.600" | "colors.colorPalette.color.scale.gray.600" | "colors.colorPalette.scale.gray.600" | "colors.colorPalette.gray.600" | "colors.colorPalette.600" | "colors.colorPalette.reference.color.scale.gray.700" | "colors.colorPalette.color.scale.gray.700" | "colors.colorPalette.scale.gray.700" | "colors.colorPalette.gray.700" | "colors.colorPalette.700" | "colors.colorPalette.reference.color.scale.gray.800" | "colors.colorPalette.color.scale.gray.800" | "colors.colorPalette.scale.gray.800" | "colors.colorPalette.gray.800" | "colors.colorPalette.800" | "colors.colorPalette.reference.color.scale.gray.900" | "colors.colorPalette.color.scale.gray.900" | "colors.colorPalette.scale.gray.900" | "colors.colorPalette.gray.900" | "colors.colorPalette.900" | "colors.colorPalette.reference.color.scale.gray.1000" | "colors.colorPalette.color.scale.gray.1000" | "colors.colorPalette.scale.gray.1000" | "colors.colorPalette.gray.1000" | "colors.colorPalette.reference.color.scale.red.100" | "colors.colorPalette.color.scale.red.100" | "colors.colorPalette.scale.red.100" | "colors.colorPalette.red.100" | "colors.colorPalette.reference.color.scale.red.200" | "colors.colorPalette.color.scale.red.200" | "colors.colorPalette.scale.red.200" | "colors.colorPalette.red.200" | "colors.colorPalette.reference.color.scale.red.300" | "colors.colorPalette.color.scale.red.300" | "colors.colorPalette.scale.red.300" | "colors.colorPalette.red.300" | "colors.colorPalette.reference.color.scale.red.400" | "colors.colorPalette.color.scale.red.400" | "colors.colorPalette.scale.red.400" | "colors.colorPalette.red.400" | "colors.colorPalette.reference.color.scale.red.500" | "colors.colorPalette.color.scale.red.500" | "colors.colorPalette.scale.red.500" | "colors.colorPalette.red.500" | "colors.colorPalette.reference.color.scale.red.600" | "colors.colorPalette.color.scale.red.600" | "colors.colorPalette.scale.red.600" | "colors.colorPalette.red.600" | "colors.colorPalette.reference.color.scale.red.700" | "colors.colorPalette.color.scale.red.700" | "colors.colorPalette.scale.red.700" | "colors.colorPalette.red.700" | "colors.colorPalette.reference.color.scale.red.800" | "colors.colorPalette.color.scale.red.800" | "colors.colorPalette.scale.red.800" | "colors.colorPalette.red.800" | "colors.colorPalette.reference.color.scale.red.900" | "colors.colorPalette.color.scale.red.900" | "colors.colorPalette.scale.red.900" | "colors.colorPalette.red.900" | "colors.colorPalette.reference.color.scale.red.1000" | "colors.colorPalette.color.scale.red.1000" | "colors.colorPalette.scale.red.1000" | "colors.colorPalette.red.1000" | "colors.colorPalette.reference.color.scale.chestnut.100" | "colors.colorPalette.color.scale.chestnut.100" | "colors.colorPalette.scale.chestnut.100" | "colors.colorPalette.chestnut.100" | "colors.colorPalette.reference.color.scale.chestnut.200" | "colors.colorPalette.color.scale.chestnut.200" | "colors.colorPalette.scale.chestnut.200" | "colors.colorPalette.chestnut.200" | "colors.colorPalette.reference.color.scale.chestnut.300" | "colors.colorPalette.color.scale.chestnut.300" | "colors.colorPalette.scale.chestnut.300" | "colors.colorPalette.chestnut.300" | "colors.colorPalette.reference.color.scale.chestnut.400" | "colors.colorPalette.color.scale.chestnut.400" | "colors.colorPalette.scale.chestnut.400" | "colors.colorPalette.chestnut.400" | "colors.colorPalette.reference.color.scale.chestnut.500" | "colors.colorPalette.color.scale.chestnut.500" | "colors.colorPalette.scale.chestnut.500" | "colors.colorPalette.chestnut.500" | "colors.colorPalette.reference.color.scale.chestnut.600" | "colors.colorPalette.color.scale.chestnut.600" | "colors.colorPalette.scale.chestnut.600" | "colors.colorPalette.chestnut.600" | "colors.colorPalette.reference.color.scale.chestnut.700" | "colors.colorPalette.color.scale.chestnut.700" | "colors.colorPalette.scale.chestnut.700" | "colors.colorPalette.chestnut.700" | "colors.colorPalette.reference.color.scale.chestnut.800" | "colors.colorPalette.color.scale.chestnut.800" | "colors.colorPalette.scale.chestnut.800" | "colors.colorPalette.chestnut.800" | "colors.colorPalette.reference.color.scale.chestnut.900" | "colors.colorPalette.color.scale.chestnut.900" | "colors.colorPalette.scale.chestnut.900" | "colors.colorPalette.chestnut.900" | "colors.colorPalette.reference.color.scale.chestnut.1000" | "colors.colorPalette.color.scale.chestnut.1000" | "colors.colorPalette.scale.chestnut.1000" | "colors.colorPalette.chestnut.1000" | "colors.colorPalette.reference.color.scale.beige.100" | "colors.colorPalette.color.scale.beige.100" | "colors.colorPalette.scale.beige.100" | "colors.colorPalette.beige.100" | "colors.colorPalette.reference.color.scale.beige.200" | "colors.colorPalette.color.scale.beige.200" | "colors.colorPalette.scale.beige.200" | "colors.colorPalette.beige.200" | "colors.colorPalette.reference.color.scale.beige.300" | "colors.colorPalette.color.scale.beige.300" | "colors.colorPalette.scale.beige.300" | "colors.colorPalette.beige.300" | "colors.colorPalette.reference.color.scale.beige.400" | "colors.colorPalette.color.scale.beige.400" | "colors.colorPalette.scale.beige.400" | "colors.colorPalette.beige.400" | "colors.colorPalette.reference.color.scale.beige.500" | "colors.colorPalette.color.scale.beige.500" | "colors.colorPalette.scale.beige.500" | "colors.colorPalette.beige.500" | "colors.colorPalette.reference.color.scale.beige.600" | "colors.colorPalette.color.scale.beige.600" | "colors.colorPalette.scale.beige.600" | "colors.colorPalette.beige.600" | "colors.colorPalette.reference.color.scale.beige.700" | "colors.colorPalette.color.scale.beige.700" | "colors.colorPalette.scale.beige.700" | "colors.colorPalette.beige.700" | "colors.colorPalette.reference.color.scale.beige.800" | "colors.colorPalette.color.scale.beige.800" | "colors.colorPalette.scale.beige.800" | "colors.colorPalette.beige.800" | "colors.colorPalette.reference.color.scale.beige.900" | "colors.colorPalette.color.scale.beige.900" | "colors.colorPalette.scale.beige.900" | "colors.colorPalette.beige.900" | "colors.colorPalette.reference.color.scale.beige.1000" | "colors.colorPalette.color.scale.beige.1000" | "colors.colorPalette.scale.beige.1000" | "colors.colorPalette.beige.1000" | "colors.colorPalette.reference.color.scale.yellow.100" | "colors.colorPalette.color.scale.yellow.100" | "colors.colorPalette.scale.yellow.100" | "colors.colorPalette.yellow.100" | "colors.colorPalette.reference.color.scale.yellow.200" | "colors.colorPalette.color.scale.yellow.200" | "colors.colorPalette.scale.yellow.200" | "colors.colorPalette.yellow.200" | "colors.colorPalette.reference.color.scale.yellow.300" | "colors.colorPalette.color.scale.yellow.300" | "colors.colorPalette.scale.yellow.300" | "colors.colorPalette.yellow.300" | "colors.colorPalette.reference.color.scale.yellow.400" | "colors.colorPalette.color.scale.yellow.400" | "colors.colorPalette.scale.yellow.400" | "colors.colorPalette.yellow.400" | "colors.colorPalette.reference.color.scale.yellow.500" | "colors.colorPalette.color.scale.yellow.500" | "colors.colorPalette.scale.yellow.500" | "colors.colorPalette.yellow.500" | "colors.colorPalette.reference.color.scale.yellow.600" | "colors.colorPalette.color.scale.yellow.600" | "colors.colorPalette.scale.yellow.600" | "colors.colorPalette.yellow.600" | "colors.colorPalette.reference.color.scale.yellow.700" | "colors.colorPalette.color.scale.yellow.700" | "colors.colorPalette.scale.yellow.700" | "colors.colorPalette.yellow.700" | "colors.colorPalette.reference.color.scale.yellow.800" | "colors.colorPalette.color.scale.yellow.800" | "colors.colorPalette.scale.yellow.800" | "colors.colorPalette.yellow.800" | "colors.colorPalette.reference.color.scale.yellow.900" | "colors.colorPalette.color.scale.yellow.900" | "colors.colorPalette.scale.yellow.900" | "colors.colorPalette.yellow.900" | "colors.colorPalette.reference.color.scale.yellow.1000" | "colors.colorPalette.color.scale.yellow.1000" | "colors.colorPalette.scale.yellow.1000" | "colors.colorPalette.yellow.1000" | "colors.colorPalette.reference.color.scale.green.100" | "colors.colorPalette.color.scale.green.100" | "colors.colorPalette.scale.green.100" | "colors.colorPalette.green.100" | "colors.colorPalette.reference.color.scale.green.200" | "colors.colorPalette.color.scale.green.200" | "colors.colorPalette.scale.green.200" | "colors.colorPalette.green.200" | "colors.colorPalette.reference.color.scale.green.300" | "colors.colorPalette.color.scale.green.300" | "colors.colorPalette.scale.green.300" | "colors.colorPalette.green.300" | "colors.colorPalette.reference.color.scale.green.400" | "colors.colorPalette.color.scale.green.400" | "colors.colorPalette.scale.green.400" | "colors.colorPalette.green.400" | "colors.colorPalette.reference.color.scale.green.500" | "colors.colorPalette.color.scale.green.500" | "colors.colorPalette.scale.green.500" | "colors.colorPalette.green.500" | "colors.colorPalette.reference.color.scale.green.600" | "colors.colorPalette.color.scale.green.600" | "colors.colorPalette.scale.green.600" | "colors.colorPalette.green.600" | "colors.colorPalette.reference.color.scale.green.700" | "colors.colorPalette.color.scale.green.700" | "colors.colorPalette.scale.green.700" | "colors.colorPalette.green.700" | "colors.colorPalette.reference.color.scale.green.800" | "colors.colorPalette.color.scale.green.800" | "colors.colorPalette.scale.green.800" | "colors.colorPalette.green.800" | "colors.colorPalette.reference.color.scale.green.900" | "colors.colorPalette.color.scale.green.900" | "colors.colorPalette.scale.green.900" | "colors.colorPalette.green.900" | "colors.colorPalette.reference.color.scale.green.1000" | "colors.colorPalette.color.scale.green.1000" | "colors.colorPalette.scale.green.1000" | "colors.colorPalette.green.1000" | "colors.colorPalette.reference.color.scale.skyBlue.100" | "colors.colorPalette.color.scale.skyBlue.100" | "colors.colorPalette.scale.skyBlue.100" | "colors.colorPalette.skyBlue.100" | "colors.colorPalette.reference.color.scale.skyBlue.200" | "colors.colorPalette.color.scale.skyBlue.200" | "colors.colorPalette.scale.skyBlue.200" | "colors.colorPalette.skyBlue.200" | "colors.colorPalette.reference.color.scale.skyBlue.300" | "colors.colorPalette.color.scale.skyBlue.300" | "colors.colorPalette.scale.skyBlue.300" | "colors.colorPalette.skyBlue.300" | "colors.colorPalette.reference.color.scale.skyBlue.400" | "colors.colorPalette.color.scale.skyBlue.400" | "colors.colorPalette.scale.skyBlue.400" | "colors.colorPalette.skyBlue.400" | "colors.colorPalette.reference.color.scale.skyBlue.500" | "colors.colorPalette.color.scale.skyBlue.500" | "colors.colorPalette.scale.skyBlue.500" | "colors.colorPalette.skyBlue.500" | "colors.colorPalette.reference.color.scale.skyBlue.600" | "colors.colorPalette.color.scale.skyBlue.600" | "colors.colorPalette.scale.skyBlue.600" | "colors.colorPalette.skyBlue.600" | "colors.colorPalette.reference.color.scale.skyBlue.700" | "colors.colorPalette.color.scale.skyBlue.700" | "colors.colorPalette.scale.skyBlue.700" | "colors.colorPalette.skyBlue.700" | "colors.colorPalette.reference.color.scale.skyBlue.800" | "colors.colorPalette.color.scale.skyBlue.800" | "colors.colorPalette.scale.skyBlue.800" | "colors.colorPalette.skyBlue.800" | "colors.colorPalette.reference.color.scale.skyBlue.900" | "colors.colorPalette.color.scale.skyBlue.900" | "colors.colorPalette.scale.skyBlue.900" | "colors.colorPalette.skyBlue.900" | "colors.colorPalette.reference.color.scale.skyBlue.1000" | "colors.colorPalette.color.scale.skyBlue.1000" | "colors.colorPalette.scale.skyBlue.1000" | "colors.colorPalette.skyBlue.1000" | "colors.colorPalette.reference.color.scale.blue.100" | "colors.colorPalette.color.scale.blue.100" | "colors.colorPalette.scale.blue.100" | "colors.colorPalette.blue.100" | "colors.colorPalette.reference.color.scale.blue.200" | "colors.colorPalette.color.scale.blue.200" | "colors.colorPalette.scale.blue.200" | "colors.colorPalette.blue.200" | "colors.colorPalette.reference.color.scale.blue.300" | "colors.colorPalette.color.scale.blue.300" | "colors.colorPalette.scale.blue.300" | "colors.colorPalette.blue.300" | "colors.colorPalette.reference.color.scale.blue.400" | "colors.colorPalette.color.scale.blue.400" | "colors.colorPalette.scale.blue.400" | "colors.colorPalette.blue.400" | "colors.colorPalette.reference.color.scale.blue.500" | "colors.colorPalette.color.scale.blue.500" | "colors.colorPalette.scale.blue.500" | "colors.colorPalette.blue.500" | "colors.colorPalette.reference.color.scale.blue.600" | "colors.colorPalette.color.scale.blue.600" | "colors.colorPalette.scale.blue.600" | "colors.colorPalette.blue.600" | "colors.colorPalette.reference.color.scale.blue.700" | "colors.colorPalette.color.scale.blue.700" | "colors.colorPalette.scale.blue.700" | "colors.colorPalette.blue.700" | "colors.colorPalette.reference.color.scale.blue.800" | "colors.colorPalette.color.scale.blue.800" | "colors.colorPalette.scale.blue.800" | "colors.colorPalette.blue.800" | "colors.colorPalette.reference.color.scale.blue.900" | "colors.colorPalette.color.scale.blue.900" | "colors.colorPalette.scale.blue.900" | "colors.colorPalette.blue.900" | "colors.colorPalette.reference.color.scale.blue.1000" | "colors.colorPalette.color.scale.blue.1000" | "colors.colorPalette.scale.blue.1000" | "colors.colorPalette.blue.1000" | "colors.colorPalette.reference.color.scale.purple.100" | "colors.colorPalette.color.scale.purple.100" | "colors.colorPalette.scale.purple.100" | "colors.colorPalette.purple.100" | "colors.colorPalette.reference.color.scale.purple.200" | "colors.colorPalette.color.scale.purple.200" | "colors.colorPalette.scale.purple.200" | "colors.colorPalette.purple.200" | "colors.colorPalette.reference.color.scale.purple.300" | "colors.colorPalette.color.scale.purple.300" | "colors.colorPalette.scale.purple.300" | "colors.colorPalette.purple.300" | "colors.colorPalette.reference.color.scale.purple.400" | "colors.colorPalette.color.scale.purple.400" | "colors.colorPalette.scale.purple.400" | "colors.colorPalette.purple.400" | "colors.colorPalette.reference.color.scale.purple.500" | "colors.colorPalette.color.scale.purple.500" | "colors.colorPalette.scale.purple.500" | "colors.colorPalette.purple.500" | "colors.colorPalette.reference.color.scale.purple.600" | "colors.colorPalette.color.scale.purple.600" | "colors.colorPalette.scale.purple.600" | "colors.colorPalette.purple.600" | "colors.colorPalette.reference.color.scale.purple.700" | "colors.colorPalette.color.scale.purple.700" | "colors.colorPalette.scale.purple.700" | "colors.colorPalette.purple.700" | "colors.colorPalette.reference.color.scale.purple.800" | "colors.colorPalette.color.scale.purple.800" | "colors.colorPalette.scale.purple.800" | "colors.colorPalette.purple.800" | "colors.colorPalette.reference.color.scale.purple.900" | "colors.colorPalette.color.scale.purple.900" | "colors.colorPalette.scale.purple.900" | "colors.colorPalette.purple.900" | "colors.colorPalette.reference.color.scale.purple.1000" | "colors.colorPalette.color.scale.purple.1000" | "colors.colorPalette.scale.purple.1000" | "colors.colorPalette.purple.1000" | "colors.colorPalette.reference.color.scale.pink.100" | "colors.colorPalette.color.scale.pink.100" | "colors.colorPalette.scale.pink.100" | "colors.colorPalette.pink.100" | "colors.colorPalette.reference.color.scale.pink.200" | "colors.colorPalette.color.scale.pink.200" | "colors.colorPalette.scale.pink.200" | "colors.colorPalette.pink.200" | "colors.colorPalette.reference.color.scale.pink.300" | "colors.colorPalette.color.scale.pink.300" | "colors.colorPalette.scale.pink.300" | "colors.colorPalette.pink.300" | "colors.colorPalette.reference.color.scale.pink.400" | "colors.colorPalette.color.scale.pink.400" | "colors.colorPalette.scale.pink.400" | "colors.colorPalette.pink.400" | "colors.colorPalette.reference.color.scale.pink.500" | "colors.colorPalette.color.scale.pink.500" | "colors.colorPalette.scale.pink.500" | "colors.colorPalette.pink.500" | "colors.colorPalette.reference.color.scale.pink.600" | "colors.colorPalette.color.scale.pink.600" | "colors.colorPalette.scale.pink.600" | "colors.colorPalette.pink.600" | "colors.colorPalette.reference.color.scale.pink.700" | "colors.colorPalette.color.scale.pink.700" | "colors.colorPalette.scale.pink.700" | "colors.colorPalette.pink.700" | "colors.colorPalette.reference.color.scale.pink.800" | "colors.colorPalette.color.scale.pink.800" | "colors.colorPalette.scale.pink.800" | "colors.colorPalette.pink.800" | "colors.colorPalette.reference.color.scale.pink.900" | "colors.colorPalette.color.scale.pink.900" | "colors.colorPalette.scale.pink.900" | "colors.colorPalette.pink.900" | "colors.colorPalette.reference.color.scale.pink.1000" | "colors.colorPalette.color.scale.pink.1000" | "colors.colorPalette.scale.pink.1000" | "colors.colorPalette.pink.1000" | "colors.colorPalette.system.color.impression.primary" | "colors.colorPalette.color.impression.primary" | "colors.colorPalette.impression.primary" | "colors.colorPalette.primary" | "colors.colorPalette.system.color.impression.onPrimary" | "colors.colorPalette.color.impression.onPrimary" | "colors.colorPalette.impression.onPrimary" | "colors.colorPalette.onPrimary" | "colors.colorPalette.system.color.impression.primaryContainer" | "colors.colorPalette.color.impression.primaryContainer" | "colors.colorPalette.impression.primaryContainer" | "colors.colorPalette.primaryContainer" | "colors.colorPalette.system.color.impression.onPrimaryContainer" | "colors.colorPalette.color.impression.onPrimaryContainer" | "colors.colorPalette.impression.onPrimaryContainer" | "colors.colorPalette.onPrimaryContainer" | "colors.colorPalette.system.color.impression.secondary" | "colors.colorPalette.color.impression.secondary" | "colors.colorPalette.impression.secondary" | "colors.colorPalette.secondary" | "colors.colorPalette.system.color.impression.onSecondary" | "colors.colorPalette.color.impression.onSecondary" | "colors.colorPalette.impression.onSecondary" | "colors.colorPalette.onSecondary" | "colors.colorPalette.system.color.impression.secondaryContainer" | "colors.colorPalette.color.impression.secondaryContainer" | "colors.colorPalette.impression.secondaryContainer" | "colors.colorPalette.secondaryContainer" | "colors.colorPalette.system.color.impression.onSecondaryContainer" | "colors.colorPalette.color.impression.onSecondaryContainer" | "colors.colorPalette.impression.onSecondaryContainer" | "colors.colorPalette.onSecondaryContainer" | "colors.colorPalette.system.color.impression.tertiary" | "colors.colorPalette.color.impression.tertiary" | "colors.colorPalette.impression.tertiary" | "colors.colorPalette.tertiary" | "colors.colorPalette.system.color.impression.onTertiary" | "colors.colorPalette.color.impression.onTertiary" | "colors.colorPalette.impression.onTertiary" | "colors.colorPalette.onTertiary" | "colors.colorPalette.system.color.impression.tertiaryContainer" | "colors.colorPalette.color.impression.tertiaryContainer" | "colors.colorPalette.impression.tertiaryContainer" | "colors.colorPalette.tertiaryContainer" | "colors.colorPalette.system.color.impression.onTertiaryContainer" | "colors.colorPalette.color.impression.onTertiaryContainer" | "colors.colorPalette.impression.onTertiaryContainer" | "colors.colorPalette.onTertiaryContainer" | "colors.colorPalette.system.color.impression.notice" | "colors.colorPalette.color.impression.notice" | "colors.colorPalette.impression.notice" | "colors.colorPalette.notice" | "colors.colorPalette.system.color.impression.onNotice" | "colors.colorPalette.color.impression.onNotice" | "colors.colorPalette.impression.onNotice" | "colors.colorPalette.onNotice" | "colors.colorPalette.system.color.impression.noticeContainer" | "colors.colorPalette.color.impression.noticeContainer" | "colors.colorPalette.impression.noticeContainer" | "colors.colorPalette.noticeContainer" | "colors.colorPalette.system.color.impression.onNoticeContainer" | "colors.colorPalette.color.impression.onNoticeContainer" | "colors.colorPalette.impression.onNoticeContainer" | "colors.colorPalette.onNoticeContainer" | "colors.colorPalette.system.color.impression.negative" | "colors.colorPalette.color.impression.negative" | "colors.colorPalette.impression.negative" | "colors.colorPalette.negative" | "colors.colorPalette.system.color.impression.onNegative" | "colors.colorPalette.color.impression.onNegative" | "colors.colorPalette.impression.onNegative" | "colors.colorPalette.onNegative" | "colors.colorPalette.system.color.impression.negativeContainer" | "colors.colorPalette.color.impression.negativeContainer" | "colors.colorPalette.impression.negativeContainer" | "colors.colorPalette.negativeContainer" | "colors.colorPalette.system.color.impression.onNegativeContainer" | "colors.colorPalette.color.impression.onNegativeContainer" | "colors.colorPalette.impression.onNegativeContainer" | "colors.colorPalette.onNegativeContainer" | "colors.colorPalette.system.color.impression.positive" | "colors.colorPalette.color.impression.positive" | "colors.colorPalette.impression.positive" | "colors.colorPalette.positive" | "colors.colorPalette.system.color.impression.onPositive" | "colors.colorPalette.color.impression.onPositive" | "colors.colorPalette.impression.onPositive" | "colors.colorPalette.onPositive" | "colors.colorPalette.system.color.impression.positiveContainer" | "colors.colorPalette.color.impression.positiveContainer" | "colors.colorPalette.impression.positiveContainer" | "colors.colorPalette.positiveContainer" | "colors.colorPalette.system.color.impression.onPositiveContainer" | "colors.colorPalette.color.impression.onPositiveContainer" | "colors.colorPalette.impression.onPositiveContainer" | "colors.colorPalette.onPositiveContainer" | "colors.colorPalette.system.color.component.surface" | "colors.colorPalette.color.component.surface" | "colors.colorPalette.component.surface" | "colors.colorPalette.surface" | "colors.colorPalette.system.color.component.onSurface" | "colors.colorPalette.color.component.onSurface" | "colors.colorPalette.component.onSurface" | "colors.colorPalette.onSurface" | "colors.colorPalette.system.color.component.onSurfaceVariant" | "colors.colorPalette.color.component.onSurfaceVariant" | "colors.colorPalette.component.onSurfaceVariant" | "colors.colorPalette.onSurfaceVariant" | "colors.colorPalette.system.color.component.inverseSurface" | "colors.colorPalette.color.component.inverseSurface" | "colors.colorPalette.component.inverseSurface" | "colors.colorPalette.inverseSurface" | "colors.colorPalette.system.color.component.inverseOnSurface" | "colors.colorPalette.color.component.inverseOnSurface" | "colors.colorPalette.component.inverseOnSurface" | "colors.colorPalette.inverseOnSurface" | "colors.colorPalette.system.color.component.outline" | "colors.colorPalette.color.component.outline" | "colors.colorPalette.component.outline" | "colors.colorPalette.outline" | "colors.colorPalette.system.color.component.outlineVariant" | "colors.colorPalette.color.component.outlineVariant" | "colors.colorPalette.component.outlineVariant" | "colors.colorPalette.outlineVariant" | "colors.colorPalette.system.color.component.scrim" | "colors.colorPalette.color.component.scrim" | "colors.colorPalette.component.scrim" | "colors.colorPalette.scrim" | "colors.colorPalette.system.color.interaction.disabled" | "colors.colorPalette.color.interaction.disabled" | "colors.colorPalette.interaction.disabled" | "colors.colorPalette.disabled" | "colors.colorPalette.system.color.interaction.disabledOnSurface" | "colors.colorPalette.color.interaction.disabledOnSurface" | "colors.colorPalette.interaction.disabledOnSurface" | "colors.colorPalette.disabledOnSurface" | "colors.colorPalette.system.color.interaction.selectedSurface" | "colors.colorPalette.color.interaction.selectedSurface" | "colors.colorPalette.interaction.selectedSurface" | "colors.colorPalette.selectedSurface" | "colors.colorPalette.system.color.interaction.hovered" | "colors.colorPalette.color.interaction.hovered" | "colors.colorPalette.interaction.hovered" | "colors.colorPalette.hovered" | "colors.colorPalette.system.color.interaction.hoveredVariant" | "colors.colorPalette.color.interaction.hoveredVariant" | "colors.colorPalette.interaction.hoveredVariant" | "colors.colorPalette.hoveredVariant" | "colors.colorPalette.system.color.interaction.hoveredOnPrimary" | "colors.colorPalette.color.interaction.hoveredOnPrimary" | "colors.colorPalette.interaction.hoveredOnPrimary" | "colors.colorPalette.hoveredOnPrimary"
|
|
3
|
+
|
|
4
|
+
export type ColorPalette = "sd" | "sd.reference" | "sd.reference.color" | "sd.reference.color.scale" | "sd.reference.color.scale.white" | "sd.reference.color.scale.black" | "sd.reference.color.scale.transparency" | "sd.reference.color.scale.gray" | "sd.reference.color.scale.red" | "sd.reference.color.scale.chestnut" | "sd.reference.color.scale.beige" | "sd.reference.color.scale.yellow" | "sd.reference.color.scale.green" | "sd.reference.color.scale.skyBlue" | "sd.reference.color.scale.blue" | "sd.reference.color.scale.purple" | "sd.reference.color.scale.pink" | "sd.system" | "sd.system.color" | "sd.system.color.impression" | "sd.system.color.component" | "sd.system.color.interaction"
|
|
5
|
+
|
|
6
|
+
export type ColorToken = "sd.reference.color.scale.white.1000" | "sd.reference.color.scale.black.1000" | "sd.reference.color.scale.transparency.5" | "sd.reference.color.scale.transparency.20" | "sd.reference.color.scale.transparency.60" | "sd.reference.color.scale.gray.100" | "sd.reference.color.scale.gray.200" | "sd.reference.color.scale.gray.300" | "sd.reference.color.scale.gray.400" | "sd.reference.color.scale.gray.500" | "sd.reference.color.scale.gray.600" | "sd.reference.color.scale.gray.700" | "sd.reference.color.scale.gray.800" | "sd.reference.color.scale.gray.900" | "sd.reference.color.scale.gray.1000" | "sd.reference.color.scale.red.100" | "sd.reference.color.scale.red.200" | "sd.reference.color.scale.red.300" | "sd.reference.color.scale.red.400" | "sd.reference.color.scale.red.500" | "sd.reference.color.scale.red.600" | "sd.reference.color.scale.red.700" | "sd.reference.color.scale.red.800" | "sd.reference.color.scale.red.900" | "sd.reference.color.scale.red.1000" | "sd.reference.color.scale.chestnut.100" | "sd.reference.color.scale.chestnut.200" | "sd.reference.color.scale.chestnut.300" | "sd.reference.color.scale.chestnut.400" | "sd.reference.color.scale.chestnut.500" | "sd.reference.color.scale.chestnut.600" | "sd.reference.color.scale.chestnut.700" | "sd.reference.color.scale.chestnut.800" | "sd.reference.color.scale.chestnut.900" | "sd.reference.color.scale.chestnut.1000" | "sd.reference.color.scale.beige.100" | "sd.reference.color.scale.beige.200" | "sd.reference.color.scale.beige.300" | "sd.reference.color.scale.beige.400" | "sd.reference.color.scale.beige.500" | "sd.reference.color.scale.beige.600" | "sd.reference.color.scale.beige.700" | "sd.reference.color.scale.beige.800" | "sd.reference.color.scale.beige.900" | "sd.reference.color.scale.beige.1000" | "sd.reference.color.scale.yellow.100" | "sd.reference.color.scale.yellow.200" | "sd.reference.color.scale.yellow.300" | "sd.reference.color.scale.yellow.400" | "sd.reference.color.scale.yellow.500" | "sd.reference.color.scale.yellow.600" | "sd.reference.color.scale.yellow.700" | "sd.reference.color.scale.yellow.800" | "sd.reference.color.scale.yellow.900" | "sd.reference.color.scale.yellow.1000" | "sd.reference.color.scale.green.100" | "sd.reference.color.scale.green.200" | "sd.reference.color.scale.green.300" | "sd.reference.color.scale.green.400" | "sd.reference.color.scale.green.500" | "sd.reference.color.scale.green.600" | "sd.reference.color.scale.green.700" | "sd.reference.color.scale.green.800" | "sd.reference.color.scale.green.900" | "sd.reference.color.scale.green.1000" | "sd.reference.color.scale.skyBlue.100" | "sd.reference.color.scale.skyBlue.200" | "sd.reference.color.scale.skyBlue.300" | "sd.reference.color.scale.skyBlue.400" | "sd.reference.color.scale.skyBlue.500" | "sd.reference.color.scale.skyBlue.600" | "sd.reference.color.scale.skyBlue.700" | "sd.reference.color.scale.skyBlue.800" | "sd.reference.color.scale.skyBlue.900" | "sd.reference.color.scale.skyBlue.1000" | "sd.reference.color.scale.blue.100" | "sd.reference.color.scale.blue.200" | "sd.reference.color.scale.blue.300" | "sd.reference.color.scale.blue.400" | "sd.reference.color.scale.blue.500" | "sd.reference.color.scale.blue.600" | "sd.reference.color.scale.blue.700" | "sd.reference.color.scale.blue.800" | "sd.reference.color.scale.blue.900" | "sd.reference.color.scale.blue.1000" | "sd.reference.color.scale.purple.100" | "sd.reference.color.scale.purple.200" | "sd.reference.color.scale.purple.300" | "sd.reference.color.scale.purple.400" | "sd.reference.color.scale.purple.500" | "sd.reference.color.scale.purple.600" | "sd.reference.color.scale.purple.700" | "sd.reference.color.scale.purple.800" | "sd.reference.color.scale.purple.900" | "sd.reference.color.scale.purple.1000" | "sd.reference.color.scale.pink.100" | "sd.reference.color.scale.pink.200" | "sd.reference.color.scale.pink.300" | "sd.reference.color.scale.pink.400" | "sd.reference.color.scale.pink.500" | "sd.reference.color.scale.pink.600" | "sd.reference.color.scale.pink.700" | "sd.reference.color.scale.pink.800" | "sd.reference.color.scale.pink.900" | "sd.reference.color.scale.pink.1000" | "sd.system.color.impression.primary" | "sd.system.color.impression.onPrimary" | "sd.system.color.impression.primaryContainer" | "sd.system.color.impression.onPrimaryContainer" | "sd.system.color.impression.secondary" | "sd.system.color.impression.onSecondary" | "sd.system.color.impression.secondaryContainer" | "sd.system.color.impression.onSecondaryContainer" | "sd.system.color.impression.tertiary" | "sd.system.color.impression.onTertiary" | "sd.system.color.impression.tertiaryContainer" | "sd.system.color.impression.onTertiaryContainer" | "sd.system.color.impression.notice" | "sd.system.color.impression.onNotice" | "sd.system.color.impression.noticeContainer" | "sd.system.color.impression.onNoticeContainer" | "sd.system.color.impression.negative" | "sd.system.color.impression.onNegative" | "sd.system.color.impression.negativeContainer" | "sd.system.color.impression.onNegativeContainer" | "sd.system.color.impression.positive" | "sd.system.color.impression.onPositive" | "sd.system.color.impression.positiveContainer" | "sd.system.color.impression.onPositiveContainer" | "sd.system.color.component.surface" | "sd.system.color.component.onSurface" | "sd.system.color.component.onSurfaceVariant" | "sd.system.color.component.inverseSurface" | "sd.system.color.component.inverseOnSurface" | "sd.system.color.component.outline" | "sd.system.color.component.outlineVariant" | "sd.system.color.component.scrim" | "sd.system.color.interaction.disabled" | "sd.system.color.interaction.disabledOnSurface" | "sd.system.color.interaction.selectedSurface" | "sd.system.color.interaction.hovered" | "sd.system.color.interaction.hoveredVariant" | "sd.system.color.interaction.hoveredOnPrimary" | "colorPalette.reference.color.scale.white.1000" | "colorPalette.color.scale.white.1000" | "colorPalette.scale.white.1000" | "colorPalette.white.1000" | "colorPalette.1000" | "colorPalette.reference.color.scale.black.1000" | "colorPalette.color.scale.black.1000" | "colorPalette.scale.black.1000" | "colorPalette.black.1000" | "colorPalette.reference.color.scale.transparency.5" | "colorPalette.color.scale.transparency.5" | "colorPalette.scale.transparency.5" | "colorPalette.transparency.5" | "colorPalette.5" | "colorPalette.reference.color.scale.transparency.20" | "colorPalette.color.scale.transparency.20" | "colorPalette.scale.transparency.20" | "colorPalette.transparency.20" | "colorPalette.20" | "colorPalette.reference.color.scale.transparency.60" | "colorPalette.color.scale.transparency.60" | "colorPalette.scale.transparency.60" | "colorPalette.transparency.60" | "colorPalette.60" | "colorPalette.reference.color.scale.gray.100" | "colorPalette.color.scale.gray.100" | "colorPalette.scale.gray.100" | "colorPalette.gray.100" | "colorPalette.100" | "colorPalette.reference.color.scale.gray.200" | "colorPalette.color.scale.gray.200" | "colorPalette.scale.gray.200" | "colorPalette.gray.200" | "colorPalette.200" | "colorPalette.reference.color.scale.gray.300" | "colorPalette.color.scale.gray.300" | "colorPalette.scale.gray.300" | "colorPalette.gray.300" | "colorPalette.300" | "colorPalette.reference.color.scale.gray.400" | "colorPalette.color.scale.gray.400" | "colorPalette.scale.gray.400" | "colorPalette.gray.400" | "colorPalette.400" | "colorPalette.reference.color.scale.gray.500" | "colorPalette.color.scale.gray.500" | "colorPalette.scale.gray.500" | "colorPalette.gray.500" | "colorPalette.500" | "colorPalette.reference.color.scale.gray.600" | "colorPalette.color.scale.gray.600" | "colorPalette.scale.gray.600" | "colorPalette.gray.600" | "colorPalette.600" | "colorPalette.reference.color.scale.gray.700" | "colorPalette.color.scale.gray.700" | "colorPalette.scale.gray.700" | "colorPalette.gray.700" | "colorPalette.700" | "colorPalette.reference.color.scale.gray.800" | "colorPalette.color.scale.gray.800" | "colorPalette.scale.gray.800" | "colorPalette.gray.800" | "colorPalette.800" | "colorPalette.reference.color.scale.gray.900" | "colorPalette.color.scale.gray.900" | "colorPalette.scale.gray.900" | "colorPalette.gray.900" | "colorPalette.900" | "colorPalette.reference.color.scale.gray.1000" | "colorPalette.color.scale.gray.1000" | "colorPalette.scale.gray.1000" | "colorPalette.gray.1000" | "colorPalette.reference.color.scale.red.100" | "colorPalette.color.scale.red.100" | "colorPalette.scale.red.100" | "colorPalette.red.100" | "colorPalette.reference.color.scale.red.200" | "colorPalette.color.scale.red.200" | "colorPalette.scale.red.200" | "colorPalette.red.200" | "colorPalette.reference.color.scale.red.300" | "colorPalette.color.scale.red.300" | "colorPalette.scale.red.300" | "colorPalette.red.300" | "colorPalette.reference.color.scale.red.400" | "colorPalette.color.scale.red.400" | "colorPalette.scale.red.400" | "colorPalette.red.400" | "colorPalette.reference.color.scale.red.500" | "colorPalette.color.scale.red.500" | "colorPalette.scale.red.500" | "colorPalette.red.500" | "colorPalette.reference.color.scale.red.600" | "colorPalette.color.scale.red.600" | "colorPalette.scale.red.600" | "colorPalette.red.600" | "colorPalette.reference.color.scale.red.700" | "colorPalette.color.scale.red.700" | "colorPalette.scale.red.700" | "colorPalette.red.700" | "colorPalette.reference.color.scale.red.800" | "colorPalette.color.scale.red.800" | "colorPalette.scale.red.800" | "colorPalette.red.800" | "colorPalette.reference.color.scale.red.900" | "colorPalette.color.scale.red.900" | "colorPalette.scale.red.900" | "colorPalette.red.900" | "colorPalette.reference.color.scale.red.1000" | "colorPalette.color.scale.red.1000" | "colorPalette.scale.red.1000" | "colorPalette.red.1000" | "colorPalette.reference.color.scale.chestnut.100" | "colorPalette.color.scale.chestnut.100" | "colorPalette.scale.chestnut.100" | "colorPalette.chestnut.100" | "colorPalette.reference.color.scale.chestnut.200" | "colorPalette.color.scale.chestnut.200" | "colorPalette.scale.chestnut.200" | "colorPalette.chestnut.200" | "colorPalette.reference.color.scale.chestnut.300" | "colorPalette.color.scale.chestnut.300" | "colorPalette.scale.chestnut.300" | "colorPalette.chestnut.300" | "colorPalette.reference.color.scale.chestnut.400" | "colorPalette.color.scale.chestnut.400" | "colorPalette.scale.chestnut.400" | "colorPalette.chestnut.400" | "colorPalette.reference.color.scale.chestnut.500" | "colorPalette.color.scale.chestnut.500" | "colorPalette.scale.chestnut.500" | "colorPalette.chestnut.500" | "colorPalette.reference.color.scale.chestnut.600" | "colorPalette.color.scale.chestnut.600" | "colorPalette.scale.chestnut.600" | "colorPalette.chestnut.600" | "colorPalette.reference.color.scale.chestnut.700" | "colorPalette.color.scale.chestnut.700" | "colorPalette.scale.chestnut.700" | "colorPalette.chestnut.700" | "colorPalette.reference.color.scale.chestnut.800" | "colorPalette.color.scale.chestnut.800" | "colorPalette.scale.chestnut.800" | "colorPalette.chestnut.800" | "colorPalette.reference.color.scale.chestnut.900" | "colorPalette.color.scale.chestnut.900" | "colorPalette.scale.chestnut.900" | "colorPalette.chestnut.900" | "colorPalette.reference.color.scale.chestnut.1000" | "colorPalette.color.scale.chestnut.1000" | "colorPalette.scale.chestnut.1000" | "colorPalette.chestnut.1000" | "colorPalette.reference.color.scale.beige.100" | "colorPalette.color.scale.beige.100" | "colorPalette.scale.beige.100" | "colorPalette.beige.100" | "colorPalette.reference.color.scale.beige.200" | "colorPalette.color.scale.beige.200" | "colorPalette.scale.beige.200" | "colorPalette.beige.200" | "colorPalette.reference.color.scale.beige.300" | "colorPalette.color.scale.beige.300" | "colorPalette.scale.beige.300" | "colorPalette.beige.300" | "colorPalette.reference.color.scale.beige.400" | "colorPalette.color.scale.beige.400" | "colorPalette.scale.beige.400" | "colorPalette.beige.400" | "colorPalette.reference.color.scale.beige.500" | "colorPalette.color.scale.beige.500" | "colorPalette.scale.beige.500" | "colorPalette.beige.500" | "colorPalette.reference.color.scale.beige.600" | "colorPalette.color.scale.beige.600" | "colorPalette.scale.beige.600" | "colorPalette.beige.600" | "colorPalette.reference.color.scale.beige.700" | "colorPalette.color.scale.beige.700" | "colorPalette.scale.beige.700" | "colorPalette.beige.700" | "colorPalette.reference.color.scale.beige.800" | "colorPalette.color.scale.beige.800" | "colorPalette.scale.beige.800" | "colorPalette.beige.800" | "colorPalette.reference.color.scale.beige.900" | "colorPalette.color.scale.beige.900" | "colorPalette.scale.beige.900" | "colorPalette.beige.900" | "colorPalette.reference.color.scale.beige.1000" | "colorPalette.color.scale.beige.1000" | "colorPalette.scale.beige.1000" | "colorPalette.beige.1000" | "colorPalette.reference.color.scale.yellow.100" | "colorPalette.color.scale.yellow.100" | "colorPalette.scale.yellow.100" | "colorPalette.yellow.100" | "colorPalette.reference.color.scale.yellow.200" | "colorPalette.color.scale.yellow.200" | "colorPalette.scale.yellow.200" | "colorPalette.yellow.200" | "colorPalette.reference.color.scale.yellow.300" | "colorPalette.color.scale.yellow.300" | "colorPalette.scale.yellow.300" | "colorPalette.yellow.300" | "colorPalette.reference.color.scale.yellow.400" | "colorPalette.color.scale.yellow.400" | "colorPalette.scale.yellow.400" | "colorPalette.yellow.400" | "colorPalette.reference.color.scale.yellow.500" | "colorPalette.color.scale.yellow.500" | "colorPalette.scale.yellow.500" | "colorPalette.yellow.500" | "colorPalette.reference.color.scale.yellow.600" | "colorPalette.color.scale.yellow.600" | "colorPalette.scale.yellow.600" | "colorPalette.yellow.600" | "colorPalette.reference.color.scale.yellow.700" | "colorPalette.color.scale.yellow.700" | "colorPalette.scale.yellow.700" | "colorPalette.yellow.700" | "colorPalette.reference.color.scale.yellow.800" | "colorPalette.color.scale.yellow.800" | "colorPalette.scale.yellow.800" | "colorPalette.yellow.800" | "colorPalette.reference.color.scale.yellow.900" | "colorPalette.color.scale.yellow.900" | "colorPalette.scale.yellow.900" | "colorPalette.yellow.900" | "colorPalette.reference.color.scale.yellow.1000" | "colorPalette.color.scale.yellow.1000" | "colorPalette.scale.yellow.1000" | "colorPalette.yellow.1000" | "colorPalette.reference.color.scale.green.100" | "colorPalette.color.scale.green.100" | "colorPalette.scale.green.100" | "colorPalette.green.100" | "colorPalette.reference.color.scale.green.200" | "colorPalette.color.scale.green.200" | "colorPalette.scale.green.200" | "colorPalette.green.200" | "colorPalette.reference.color.scale.green.300" | "colorPalette.color.scale.green.300" | "colorPalette.scale.green.300" | "colorPalette.green.300" | "colorPalette.reference.color.scale.green.400" | "colorPalette.color.scale.green.400" | "colorPalette.scale.green.400" | "colorPalette.green.400" | "colorPalette.reference.color.scale.green.500" | "colorPalette.color.scale.green.500" | "colorPalette.scale.green.500" | "colorPalette.green.500" | "colorPalette.reference.color.scale.green.600" | "colorPalette.color.scale.green.600" | "colorPalette.scale.green.600" | "colorPalette.green.600" | "colorPalette.reference.color.scale.green.700" | "colorPalette.color.scale.green.700" | "colorPalette.scale.green.700" | "colorPalette.green.700" | "colorPalette.reference.color.scale.green.800" | "colorPalette.color.scale.green.800" | "colorPalette.scale.green.800" | "colorPalette.green.800" | "colorPalette.reference.color.scale.green.900" | "colorPalette.color.scale.green.900" | "colorPalette.scale.green.900" | "colorPalette.green.900" | "colorPalette.reference.color.scale.green.1000" | "colorPalette.color.scale.green.1000" | "colorPalette.scale.green.1000" | "colorPalette.green.1000" | "colorPalette.reference.color.scale.skyBlue.100" | "colorPalette.color.scale.skyBlue.100" | "colorPalette.scale.skyBlue.100" | "colorPalette.skyBlue.100" | "colorPalette.reference.color.scale.skyBlue.200" | "colorPalette.color.scale.skyBlue.200" | "colorPalette.scale.skyBlue.200" | "colorPalette.skyBlue.200" | "colorPalette.reference.color.scale.skyBlue.300" | "colorPalette.color.scale.skyBlue.300" | "colorPalette.scale.skyBlue.300" | "colorPalette.skyBlue.300" | "colorPalette.reference.color.scale.skyBlue.400" | "colorPalette.color.scale.skyBlue.400" | "colorPalette.scale.skyBlue.400" | "colorPalette.skyBlue.400" | "colorPalette.reference.color.scale.skyBlue.500" | "colorPalette.color.scale.skyBlue.500" | "colorPalette.scale.skyBlue.500" | "colorPalette.skyBlue.500" | "colorPalette.reference.color.scale.skyBlue.600" | "colorPalette.color.scale.skyBlue.600" | "colorPalette.scale.skyBlue.600" | "colorPalette.skyBlue.600" | "colorPalette.reference.color.scale.skyBlue.700" | "colorPalette.color.scale.skyBlue.700" | "colorPalette.scale.skyBlue.700" | "colorPalette.skyBlue.700" | "colorPalette.reference.color.scale.skyBlue.800" | "colorPalette.color.scale.skyBlue.800" | "colorPalette.scale.skyBlue.800" | "colorPalette.skyBlue.800" | "colorPalette.reference.color.scale.skyBlue.900" | "colorPalette.color.scale.skyBlue.900" | "colorPalette.scale.skyBlue.900" | "colorPalette.skyBlue.900" | "colorPalette.reference.color.scale.skyBlue.1000" | "colorPalette.color.scale.skyBlue.1000" | "colorPalette.scale.skyBlue.1000" | "colorPalette.skyBlue.1000" | "colorPalette.reference.color.scale.blue.100" | "colorPalette.color.scale.blue.100" | "colorPalette.scale.blue.100" | "colorPalette.blue.100" | "colorPalette.reference.color.scale.blue.200" | "colorPalette.color.scale.blue.200" | "colorPalette.scale.blue.200" | "colorPalette.blue.200" | "colorPalette.reference.color.scale.blue.300" | "colorPalette.color.scale.blue.300" | "colorPalette.scale.blue.300" | "colorPalette.blue.300" | "colorPalette.reference.color.scale.blue.400" | "colorPalette.color.scale.blue.400" | "colorPalette.scale.blue.400" | "colorPalette.blue.400" | "colorPalette.reference.color.scale.blue.500" | "colorPalette.color.scale.blue.500" | "colorPalette.scale.blue.500" | "colorPalette.blue.500" | "colorPalette.reference.color.scale.blue.600" | "colorPalette.color.scale.blue.600" | "colorPalette.scale.blue.600" | "colorPalette.blue.600" | "colorPalette.reference.color.scale.blue.700" | "colorPalette.color.scale.blue.700" | "colorPalette.scale.blue.700" | "colorPalette.blue.700" | "colorPalette.reference.color.scale.blue.800" | "colorPalette.color.scale.blue.800" | "colorPalette.scale.blue.800" | "colorPalette.blue.800" | "colorPalette.reference.color.scale.blue.900" | "colorPalette.color.scale.blue.900" | "colorPalette.scale.blue.900" | "colorPalette.blue.900" | "colorPalette.reference.color.scale.blue.1000" | "colorPalette.color.scale.blue.1000" | "colorPalette.scale.blue.1000" | "colorPalette.blue.1000" | "colorPalette.reference.color.scale.purple.100" | "colorPalette.color.scale.purple.100" | "colorPalette.scale.purple.100" | "colorPalette.purple.100" | "colorPalette.reference.color.scale.purple.200" | "colorPalette.color.scale.purple.200" | "colorPalette.scale.purple.200" | "colorPalette.purple.200" | "colorPalette.reference.color.scale.purple.300" | "colorPalette.color.scale.purple.300" | "colorPalette.scale.purple.300" | "colorPalette.purple.300" | "colorPalette.reference.color.scale.purple.400" | "colorPalette.color.scale.purple.400" | "colorPalette.scale.purple.400" | "colorPalette.purple.400" | "colorPalette.reference.color.scale.purple.500" | "colorPalette.color.scale.purple.500" | "colorPalette.scale.purple.500" | "colorPalette.purple.500" | "colorPalette.reference.color.scale.purple.600" | "colorPalette.color.scale.purple.600" | "colorPalette.scale.purple.600" | "colorPalette.purple.600" | "colorPalette.reference.color.scale.purple.700" | "colorPalette.color.scale.purple.700" | "colorPalette.scale.purple.700" | "colorPalette.purple.700" | "colorPalette.reference.color.scale.purple.800" | "colorPalette.color.scale.purple.800" | "colorPalette.scale.purple.800" | "colorPalette.purple.800" | "colorPalette.reference.color.scale.purple.900" | "colorPalette.color.scale.purple.900" | "colorPalette.scale.purple.900" | "colorPalette.purple.900" | "colorPalette.reference.color.scale.purple.1000" | "colorPalette.color.scale.purple.1000" | "colorPalette.scale.purple.1000" | "colorPalette.purple.1000" | "colorPalette.reference.color.scale.pink.100" | "colorPalette.color.scale.pink.100" | "colorPalette.scale.pink.100" | "colorPalette.pink.100" | "colorPalette.reference.color.scale.pink.200" | "colorPalette.color.scale.pink.200" | "colorPalette.scale.pink.200" | "colorPalette.pink.200" | "colorPalette.reference.color.scale.pink.300" | "colorPalette.color.scale.pink.300" | "colorPalette.scale.pink.300" | "colorPalette.pink.300" | "colorPalette.reference.color.scale.pink.400" | "colorPalette.color.scale.pink.400" | "colorPalette.scale.pink.400" | "colorPalette.pink.400" | "colorPalette.reference.color.scale.pink.500" | "colorPalette.color.scale.pink.500" | "colorPalette.scale.pink.500" | "colorPalette.pink.500" | "colorPalette.reference.color.scale.pink.600" | "colorPalette.color.scale.pink.600" | "colorPalette.scale.pink.600" | "colorPalette.pink.600" | "colorPalette.reference.color.scale.pink.700" | "colorPalette.color.scale.pink.700" | "colorPalette.scale.pink.700" | "colorPalette.pink.700" | "colorPalette.reference.color.scale.pink.800" | "colorPalette.color.scale.pink.800" | "colorPalette.scale.pink.800" | "colorPalette.pink.800" | "colorPalette.reference.color.scale.pink.900" | "colorPalette.color.scale.pink.900" | "colorPalette.scale.pink.900" | "colorPalette.pink.900" | "colorPalette.reference.color.scale.pink.1000" | "colorPalette.color.scale.pink.1000" | "colorPalette.scale.pink.1000" | "colorPalette.pink.1000" | "colorPalette.system.color.impression.primary" | "colorPalette.color.impression.primary" | "colorPalette.impression.primary" | "colorPalette.primary" | "colorPalette.system.color.impression.onPrimary" | "colorPalette.color.impression.onPrimary" | "colorPalette.impression.onPrimary" | "colorPalette.onPrimary" | "colorPalette.system.color.impression.primaryContainer" | "colorPalette.color.impression.primaryContainer" | "colorPalette.impression.primaryContainer" | "colorPalette.primaryContainer" | "colorPalette.system.color.impression.onPrimaryContainer" | "colorPalette.color.impression.onPrimaryContainer" | "colorPalette.impression.onPrimaryContainer" | "colorPalette.onPrimaryContainer" | "colorPalette.system.color.impression.secondary" | "colorPalette.color.impression.secondary" | "colorPalette.impression.secondary" | "colorPalette.secondary" | "colorPalette.system.color.impression.onSecondary" | "colorPalette.color.impression.onSecondary" | "colorPalette.impression.onSecondary" | "colorPalette.onSecondary" | "colorPalette.system.color.impression.secondaryContainer" | "colorPalette.color.impression.secondaryContainer" | "colorPalette.impression.secondaryContainer" | "colorPalette.secondaryContainer" | "colorPalette.system.color.impression.onSecondaryContainer" | "colorPalette.color.impression.onSecondaryContainer" | "colorPalette.impression.onSecondaryContainer" | "colorPalette.onSecondaryContainer" | "colorPalette.system.color.impression.tertiary" | "colorPalette.color.impression.tertiary" | "colorPalette.impression.tertiary" | "colorPalette.tertiary" | "colorPalette.system.color.impression.onTertiary" | "colorPalette.color.impression.onTertiary" | "colorPalette.impression.onTertiary" | "colorPalette.onTertiary" | "colorPalette.system.color.impression.tertiaryContainer" | "colorPalette.color.impression.tertiaryContainer" | "colorPalette.impression.tertiaryContainer" | "colorPalette.tertiaryContainer" | "colorPalette.system.color.impression.onTertiaryContainer" | "colorPalette.color.impression.onTertiaryContainer" | "colorPalette.impression.onTertiaryContainer" | "colorPalette.onTertiaryContainer" | "colorPalette.system.color.impression.notice" | "colorPalette.color.impression.notice" | "colorPalette.impression.notice" | "colorPalette.notice" | "colorPalette.system.color.impression.onNotice" | "colorPalette.color.impression.onNotice" | "colorPalette.impression.onNotice" | "colorPalette.onNotice" | "colorPalette.system.color.impression.noticeContainer" | "colorPalette.color.impression.noticeContainer" | "colorPalette.impression.noticeContainer" | "colorPalette.noticeContainer" | "colorPalette.system.color.impression.onNoticeContainer" | "colorPalette.color.impression.onNoticeContainer" | "colorPalette.impression.onNoticeContainer" | "colorPalette.onNoticeContainer" | "colorPalette.system.color.impression.negative" | "colorPalette.color.impression.negative" | "colorPalette.impression.negative" | "colorPalette.negative" | "colorPalette.system.color.impression.onNegative" | "colorPalette.color.impression.onNegative" | "colorPalette.impression.onNegative" | "colorPalette.onNegative" | "colorPalette.system.color.impression.negativeContainer" | "colorPalette.color.impression.negativeContainer" | "colorPalette.impression.negativeContainer" | "colorPalette.negativeContainer" | "colorPalette.system.color.impression.onNegativeContainer" | "colorPalette.color.impression.onNegativeContainer" | "colorPalette.impression.onNegativeContainer" | "colorPalette.onNegativeContainer" | "colorPalette.system.color.impression.positive" | "colorPalette.color.impression.positive" | "colorPalette.impression.positive" | "colorPalette.positive" | "colorPalette.system.color.impression.onPositive" | "colorPalette.color.impression.onPositive" | "colorPalette.impression.onPositive" | "colorPalette.onPositive" | "colorPalette.system.color.impression.positiveContainer" | "colorPalette.color.impression.positiveContainer" | "colorPalette.impression.positiveContainer" | "colorPalette.positiveContainer" | "colorPalette.system.color.impression.onPositiveContainer" | "colorPalette.color.impression.onPositiveContainer" | "colorPalette.impression.onPositiveContainer" | "colorPalette.onPositiveContainer" | "colorPalette.system.color.component.surface" | "colorPalette.color.component.surface" | "colorPalette.component.surface" | "colorPalette.surface" | "colorPalette.system.color.component.onSurface" | "colorPalette.color.component.onSurface" | "colorPalette.component.onSurface" | "colorPalette.onSurface" | "colorPalette.system.color.component.onSurfaceVariant" | "colorPalette.color.component.onSurfaceVariant" | "colorPalette.component.onSurfaceVariant" | "colorPalette.onSurfaceVariant" | "colorPalette.system.color.component.inverseSurface" | "colorPalette.color.component.inverseSurface" | "colorPalette.component.inverseSurface" | "colorPalette.inverseSurface" | "colorPalette.system.color.component.inverseOnSurface" | "colorPalette.color.component.inverseOnSurface" | "colorPalette.component.inverseOnSurface" | "colorPalette.inverseOnSurface" | "colorPalette.system.color.component.outline" | "colorPalette.color.component.outline" | "colorPalette.component.outline" | "colorPalette.outline" | "colorPalette.system.color.component.outlineVariant" | "colorPalette.color.component.outlineVariant" | "colorPalette.component.outlineVariant" | "colorPalette.outlineVariant" | "colorPalette.system.color.component.scrim" | "colorPalette.color.component.scrim" | "colorPalette.component.scrim" | "colorPalette.scrim" | "colorPalette.system.color.interaction.disabled" | "colorPalette.color.interaction.disabled" | "colorPalette.interaction.disabled" | "colorPalette.disabled" | "colorPalette.system.color.interaction.disabledOnSurface" | "colorPalette.color.interaction.disabledOnSurface" | "colorPalette.interaction.disabledOnSurface" | "colorPalette.disabledOnSurface" | "colorPalette.system.color.interaction.selectedSurface" | "colorPalette.color.interaction.selectedSurface" | "colorPalette.interaction.selectedSurface" | "colorPalette.selectedSurface" | "colorPalette.system.color.interaction.hovered" | "colorPalette.color.interaction.hovered" | "colorPalette.interaction.hovered" | "colorPalette.hovered" | "colorPalette.system.color.interaction.hoveredVariant" | "colorPalette.color.interaction.hoveredVariant" | "colorPalette.interaction.hoveredVariant" | "colorPalette.hoveredVariant" | "colorPalette.system.color.interaction.hoveredOnPrimary" | "colorPalette.color.interaction.hoveredOnPrimary" | "colorPalette.interaction.hoveredOnPrimary" | "colorPalette.hoveredOnPrimary"
|
|
7
|
+
|
|
8
|
+
export type SpacingToken = "sd.reference.dimension.scale.0" | "sd.reference.dimension.scale.1" | "sd.reference.dimension.scale.2" | "sd.reference.dimension.scale.3" | "sd.reference.dimension.scale.4" | "sd.reference.dimension.scale.5" | "sd.reference.dimension.scale.6" | "sd.reference.dimension.scale.7" | "sd.reference.dimension.scale.8" | "sd.reference.dimension.scale.9" | "sd.reference.dimension.scale.10" | "sd.reference.dimension.scale.11" | "sd.reference.dimension.scale.12" | "sd.reference.dimension.scale.13" | "sd.reference.dimension.scale.14" | "sd.reference.dimension.scale.15" | "sd.reference.dimension.scale.16" | "sd.reference.dimension.scale.17" | "sd.reference.dimension.scale.18" | "sd.system.dimension.spacing.none" | "sd.system.dimension.spacing.twoExtraSmall" | "sd.system.dimension.spacing.extraSmall" | "sd.system.dimension.spacing.small" | "sd.system.dimension.spacing.medium" | "sd.system.dimension.spacing.large" | "sd.system.dimension.spacing.extraLarge" | "sd.system.dimension.spacing.twoExtraLarge" | "sd.system.dimension.spacing.threeExtraLarge" | "sd.system.dimension.spacing.fourExtraLarge" | "sd.system.dimension.spacing.fiveExtraLarge" | "sd.system.dimension.spacing.sixExtraLarge" | "-sd.reference.dimension.scale.0" | "-sd.reference.dimension.scale.1" | "-sd.reference.dimension.scale.2" | "-sd.reference.dimension.scale.3" | "-sd.reference.dimension.scale.4" | "-sd.reference.dimension.scale.5" | "-sd.reference.dimension.scale.6" | "-sd.reference.dimension.scale.7" | "-sd.reference.dimension.scale.8" | "-sd.reference.dimension.scale.9" | "-sd.reference.dimension.scale.10" | "-sd.reference.dimension.scale.11" | "-sd.reference.dimension.scale.12" | "-sd.reference.dimension.scale.13" | "-sd.reference.dimension.scale.14" | "-sd.reference.dimension.scale.15" | "-sd.reference.dimension.scale.16" | "-sd.reference.dimension.scale.17" | "-sd.reference.dimension.scale.18" | "-sd.system.dimension.spacing.none" | "-sd.system.dimension.spacing.twoExtraSmall" | "-sd.system.dimension.spacing.extraSmall" | "-sd.system.dimension.spacing.small" | "-sd.system.dimension.spacing.medium" | "-sd.system.dimension.spacing.large" | "-sd.system.dimension.spacing.extraLarge" | "-sd.system.dimension.spacing.twoExtraLarge" | "-sd.system.dimension.spacing.threeExtraLarge" | "-sd.system.dimension.spacing.fourExtraLarge" | "-sd.system.dimension.spacing.fiveExtraLarge" | "-sd.system.dimension.spacing.sixExtraLarge"
|
|
9
|
+
|
|
10
|
+
export type OpacityToken = "sd.reference.elevation.opacity.scale.0" | "sd.reference.elevation.opacity.scale.1" | "sd.reference.elevation.opacity.scale.2" | "sd.reference.elevation.opacity.scale.3" | "sd.reference.elevation.opacity.scale.4" | "sd.reference.elevation.opacity.scale.5" | "sd.reference.elevation.opacity.scale.6" | "sd.reference.elevation.opacity.scale.7" | "sd.reference.elevation.opacity.scale.8" | "sd.reference.elevation.opacity.scale.9" | "sd.reference.elevation.opacity.scale.10"
|
|
11
|
+
|
|
12
|
+
export type FontToken = "sd.reference.typography.fontFamily.primary" | "sd.reference.typography.fontFamily.monospace"
|
|
13
|
+
|
|
14
|
+
export type FontWeightToken = "sd.reference.typography.fontWeight.regular" | "sd.reference.typography.fontWeight.bold"
|
|
15
|
+
|
|
16
|
+
export type LineHeightToken = "sd.reference.typography.lineHeight.none" | "sd.reference.typography.lineHeight.tight" | "sd.reference.typography.lineHeight.normal" | "sd.reference.typography.lineHeight.relaxed"
|
|
17
|
+
|
|
18
|
+
export type FontSizeToken = "sd.reference.typography.scale.expanded.fourExtraSmall" | "sd.reference.typography.scale.expanded.threeExtraSmall" | "sd.reference.typography.scale.expanded.twoExtraSmall" | "sd.reference.typography.scale.expanded.extraSmall" | "sd.reference.typography.scale.expanded.small" | "sd.reference.typography.scale.expanded.medium" | "sd.reference.typography.scale.expanded.large" | "sd.reference.typography.scale.expanded.extraLarge" | "sd.reference.typography.scale.expanded.twoExtraLarge" | "sd.reference.typography.scale.expanded.threeExtraLarge" | "sd.reference.typography.scale.expanded.fourExtraLarge" | "sd.reference.typography.scale.expanded.fiveExtraLarge" | "sd.reference.typography.scale.compact.twoExtraSmall" | "sd.reference.typography.scale.compact.extraSmall" | "sd.reference.typography.scale.compact.small" | "sd.reference.typography.scale.compact.medium" | "sd.reference.typography.scale.compact.large" | "sd.reference.typography.scale.compact.extraLarge" | "sd.reference.typography.scale.compact.twoExtraLarge" | "sd.reference.typography.scale.compact.threeExtraLarge" | "sd.reference.typography.scale.compact.fourExtraLarge" | "sd.reference.typography.scale.compact.fiveExtraLarge"
|
|
19
|
+
|
|
20
|
+
export type BorderWidthToken = "sd.system.dimension.border.medium" | "sd.system.dimension.border.thick" | "sd.system.dimension.border.extraThick"
|
|
21
|
+
|
|
22
|
+
export type RadiusToken = "sd.system.dimension.radius.extraSmall" | "sd.system.dimension.radius.small" | "sd.system.dimension.radius.medium" | "sd.system.dimension.radius.large" | "sd.system.dimension.radius.extraLarge" | "sd.system.dimension.radius.full"
|
|
23
|
+
|
|
24
|
+
export type ShadowToken = "sd.system.elevation.shadow.level1" | "sd.system.elevation.shadow.level2" | "sd.system.elevation.shadow.level3" | "sd.system.elevation.shadow.level4" | "sd.system.elevation.shadow.level5"
|
|
25
|
+
|
|
26
|
+
export type ZIndexToken = "sd.system.elevation.zIndex.deepDive" | "sd.system.elevation.zIndex.base" | "sd.system.elevation.zIndex.docked" | "sd.system.elevation.zIndex.dropdown" | "sd.system.elevation.zIndex.modal" | "sd.system.elevation.zIndex.toast"
|
|
27
|
+
|
|
28
|
+
export type SizeToken = "sd.reference.dimension.scale.0" | "sd.reference.dimension.scale.1" | "sd.reference.dimension.scale.2" | "sd.reference.dimension.scale.3" | "sd.reference.dimension.scale.4" | "sd.reference.dimension.scale.5" | "sd.reference.dimension.scale.6" | "sd.reference.dimension.scale.7" | "sd.reference.dimension.scale.8" | "sd.reference.dimension.scale.9" | "sd.reference.dimension.scale.10" | "sd.reference.dimension.scale.11" | "sd.reference.dimension.scale.12" | "sd.reference.dimension.scale.13" | "sd.reference.dimension.scale.14" | "sd.reference.dimension.scale.15" | "sd.reference.dimension.scale.16" | "sd.reference.dimension.scale.17" | "sd.reference.dimension.scale.18" | "sd.system.dimension.spacing.none" | "sd.system.dimension.spacing.twoExtraSmall" | "sd.system.dimension.spacing.extraSmall" | "sd.system.dimension.spacing.small" | "sd.system.dimension.spacing.medium" | "sd.system.dimension.spacing.large" | "sd.system.dimension.spacing.extraLarge" | "sd.system.dimension.spacing.twoExtraLarge" | "sd.system.dimension.spacing.threeExtraLarge" | "sd.system.dimension.spacing.fourExtraLarge" | "sd.system.dimension.spacing.fiveExtraLarge" | "sd.system.dimension.spacing.sixExtraLarge" | "breakpoint-expanded"
|
|
29
|
+
|
|
30
|
+
export type BreakpointToken = "expanded"
|
|
31
|
+
|
|
32
|
+
export type Tokens = {
|
|
33
|
+
colors: ColorToken
|
|
34
|
+
spacing: SpacingToken
|
|
35
|
+
opacity: OpacityToken
|
|
36
|
+
fonts: FontToken
|
|
37
|
+
fontWeights: FontWeightToken
|
|
38
|
+
lineHeights: LineHeightToken
|
|
39
|
+
fontSizes: FontSizeToken
|
|
40
|
+
borderWidths: BorderWidthToken
|
|
41
|
+
radii: RadiusToken
|
|
42
|
+
shadows: ShadowToken
|
|
43
|
+
zIndex: ZIndexToken
|
|
44
|
+
sizes: SizeToken
|
|
45
|
+
breakpoints: BreakpointToken
|
|
46
|
+
} & { [token: string]: never }
|
|
47
|
+
|
|
48
|
+
export type TokenCategory = "aspectRatios" | "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "shadows" | "spacing" | "radii" | "borders" | "borderWidths" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets"
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { CompositionStyleObject } from './system-types';
|
|
3
|
+
|
|
4
|
+
interface Token<T> {
|
|
5
|
+
value: T
|
|
6
|
+
description?: string
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
interface Recursive<T> {
|
|
10
|
+
[key: string]: Recursive<T> | T
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
/* -----------------------------------------------------------------------------
|
|
14
|
+
* Text styles
|
|
15
|
+
* -----------------------------------------------------------------------------*/
|
|
16
|
+
|
|
17
|
+
type TextStyleProperty =
|
|
18
|
+
| 'font'
|
|
19
|
+
| 'fontFamily'
|
|
20
|
+
| 'fontFeatureSettings'
|
|
21
|
+
| 'fontKerning'
|
|
22
|
+
| 'fontLanguageOverride'
|
|
23
|
+
| 'fontOpticalSizing'
|
|
24
|
+
| 'fontPalette'
|
|
25
|
+
| 'fontSize'
|
|
26
|
+
| 'fontSizeAdjust'
|
|
27
|
+
| 'fontStretch'
|
|
28
|
+
| 'fontStyle'
|
|
29
|
+
| 'fontSynthesis'
|
|
30
|
+
| 'fontVariant'
|
|
31
|
+
| 'fontVariantAlternates'
|
|
32
|
+
| 'fontVariantCaps'
|
|
33
|
+
| 'fontVariantLigatures'
|
|
34
|
+
| 'fontVariantNumeric'
|
|
35
|
+
| 'fontVariantPosition'
|
|
36
|
+
| 'fontVariationSettings'
|
|
37
|
+
| 'fontWeight'
|
|
38
|
+
| 'hypens'
|
|
39
|
+
| 'hyphenateCharacter'
|
|
40
|
+
| 'hyphenateLimitChars'
|
|
41
|
+
| 'letterSpacing'
|
|
42
|
+
| 'lineBreak'
|
|
43
|
+
| 'lineHeight'
|
|
44
|
+
| 'quotes'
|
|
45
|
+
| 'overflowWrap'
|
|
46
|
+
| 'textCombineUpright'
|
|
47
|
+
| 'textDecoration'
|
|
48
|
+
| 'textDecorationColor'
|
|
49
|
+
| 'textDecorationLine'
|
|
50
|
+
| 'textDecorationSkipInk'
|
|
51
|
+
| 'textDecorationStyle'
|
|
52
|
+
| 'textDecorationThickness'
|
|
53
|
+
| 'textEmphasis'
|
|
54
|
+
| 'textEmphasisColor'
|
|
55
|
+
| 'textEmphasisPosition'
|
|
56
|
+
| 'textEmphasisStyle'
|
|
57
|
+
| 'textIndent'
|
|
58
|
+
| 'textJustify'
|
|
59
|
+
| 'textOrientation'
|
|
60
|
+
| 'textOverflow'
|
|
61
|
+
| 'textRendering'
|
|
62
|
+
| 'textShadow'
|
|
63
|
+
| 'textTransform'
|
|
64
|
+
| 'textUnderlineOffset'
|
|
65
|
+
| 'textUnderlinePosition'
|
|
66
|
+
| 'textWrap'
|
|
67
|
+
| 'textWrapMode'
|
|
68
|
+
| 'textWrapStyle'
|
|
69
|
+
| 'verticalAlign'
|
|
70
|
+
| 'whiteSpace'
|
|
71
|
+
| 'wordBreak'
|
|
72
|
+
| 'wordSpacing'
|
|
73
|
+
|
|
74
|
+
export type TextStyle = CompositionStyleObject<TextStyleProperty>
|
|
75
|
+
|
|
76
|
+
export type TextStyles = Recursive<Token<TextStyle>>
|
|
77
|
+
|
|
78
|
+
/* -----------------------------------------------------------------------------
|
|
79
|
+
* Layer styles
|
|
80
|
+
* -----------------------------------------------------------------------------*/
|
|
81
|
+
|
|
82
|
+
type Placement =
|
|
83
|
+
| 'Top'
|
|
84
|
+
| 'Right'
|
|
85
|
+
| 'Bottom'
|
|
86
|
+
| 'Left'
|
|
87
|
+
| 'Inline'
|
|
88
|
+
| 'Block'
|
|
89
|
+
| 'InlineStart'
|
|
90
|
+
| 'InlineEnd'
|
|
91
|
+
| 'BlockStart'
|
|
92
|
+
| 'BlockEnd'
|
|
93
|
+
|
|
94
|
+
type Radius =
|
|
95
|
+
| `Top${'Right' | 'Left'}`
|
|
96
|
+
| `Bottom${'Right' | 'Left'}`
|
|
97
|
+
| `Start${'Start' | 'End'}`
|
|
98
|
+
| `End${'Start' | 'End'}`
|
|
99
|
+
|
|
100
|
+
type LayerStyleProperty =
|
|
101
|
+
| 'background'
|
|
102
|
+
| 'backgroundColor'
|
|
103
|
+
| 'backgroundImage'
|
|
104
|
+
| 'borderRadius'
|
|
105
|
+
| 'border'
|
|
106
|
+
| 'borderWidth'
|
|
107
|
+
| 'borderColor'
|
|
108
|
+
| 'borderStyle'
|
|
109
|
+
| 'boxShadow'
|
|
110
|
+
| 'filter'
|
|
111
|
+
| 'backdropFilter'
|
|
112
|
+
| 'transform'
|
|
113
|
+
| 'color'
|
|
114
|
+
| 'opacity'
|
|
115
|
+
| 'backgroundBlendMode'
|
|
116
|
+
| 'backgroundAttachment'
|
|
117
|
+
| 'backgroundClip'
|
|
118
|
+
| 'backgroundOrigin'
|
|
119
|
+
| 'backgroundPosition'
|
|
120
|
+
| 'backgroundRepeat'
|
|
121
|
+
| 'backgroundSize'
|
|
122
|
+
| `border${Placement}`
|
|
123
|
+
| `border${Placement}Width`
|
|
124
|
+
| 'borderRadius'
|
|
125
|
+
| `border${Radius}Radius`
|
|
126
|
+
| `border${Placement}Color`
|
|
127
|
+
| `border${Placement}Style`
|
|
128
|
+
| 'padding'
|
|
129
|
+
| `padding${Placement}`
|
|
130
|
+
|
|
131
|
+
export type LayerStyle = CompositionStyleObject<LayerStyleProperty>
|
|
132
|
+
|
|
133
|
+
export type LayerStyles = Recursive<Token<LayerStyle>>
|
|
134
|
+
|
|
135
|
+
export interface CompositionStyles {
|
|
136
|
+
textStyles: TextStyles
|
|
137
|
+
layerStyles: LayerStyles
|
|
138
|
+
}
|
|
@@ -0,0 +1,214 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { AnySelector, Selectors } from './selectors';
|
|
3
|
+
|
|
4
|
+
export interface Conditions {
|
|
5
|
+
/** `&:is(:hover, [data-hover])` */
|
|
6
|
+
"_hover": string
|
|
7
|
+
/** `&:is(:focus, [data-focus])` */
|
|
8
|
+
"_focus": string
|
|
9
|
+
/** `&:focus-within` */
|
|
10
|
+
"_focusWithin": string
|
|
11
|
+
/** `&:is(:focus-visible, [data-focus-visible])` */
|
|
12
|
+
"_focusVisible": string
|
|
13
|
+
/** `&:is(:disabled, [disabled], [data-disabled])` */
|
|
14
|
+
"_disabled": string
|
|
15
|
+
/** `&:is(:active, [data-active])` */
|
|
16
|
+
"_active": string
|
|
17
|
+
/** `&:visited` */
|
|
18
|
+
"_visited": string
|
|
19
|
+
/** `&:target` */
|
|
20
|
+
"_target": string
|
|
21
|
+
/** `&:is(:read-only, [data-read-only])` */
|
|
22
|
+
"_readOnly": string
|
|
23
|
+
/** `&:read-write` */
|
|
24
|
+
"_readWrite": string
|
|
25
|
+
/** `&:is(:empty, [data-empty])` */
|
|
26
|
+
"_empty": string
|
|
27
|
+
/** `&:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])` */
|
|
28
|
+
"_checked": string
|
|
29
|
+
/** `&:enabled` */
|
|
30
|
+
"_enabled": string
|
|
31
|
+
/** `&:is([aria-expanded=true], [data-expanded], [data-state="expanded"])` */
|
|
32
|
+
"_expanded": string
|
|
33
|
+
/** `&[data-highlighted]` */
|
|
34
|
+
"_highlighted": string
|
|
35
|
+
/** `&::before` */
|
|
36
|
+
"_before": string
|
|
37
|
+
/** `&::after` */
|
|
38
|
+
"_after": string
|
|
39
|
+
/** `&::first-letter` */
|
|
40
|
+
"_firstLetter": string
|
|
41
|
+
/** `&::first-line` */
|
|
42
|
+
"_firstLine": string
|
|
43
|
+
/** `&::marker` */
|
|
44
|
+
"_marker": string
|
|
45
|
+
/** `&::selection` */
|
|
46
|
+
"_selection": string
|
|
47
|
+
/** `&::file-selector-button` */
|
|
48
|
+
"_file": string
|
|
49
|
+
/** `&::backdrop` */
|
|
50
|
+
"_backdrop": string
|
|
51
|
+
/** `&:first-child` */
|
|
52
|
+
"_first": string
|
|
53
|
+
/** `&:last-child` */
|
|
54
|
+
"_last": string
|
|
55
|
+
/** `&:only-child` */
|
|
56
|
+
"_only": string
|
|
57
|
+
/** `&:nth-child(even)` */
|
|
58
|
+
"_even": string
|
|
59
|
+
/** `&:nth-child(odd)` */
|
|
60
|
+
"_odd": string
|
|
61
|
+
/** `&:first-of-type` */
|
|
62
|
+
"_firstOfType": string
|
|
63
|
+
/** `&:last-of-type` */
|
|
64
|
+
"_lastOfType": string
|
|
65
|
+
/** `&:only-of-type` */
|
|
66
|
+
"_onlyOfType": string
|
|
67
|
+
/** `.peer:is(:focus, [data-focus]) ~ &` */
|
|
68
|
+
"_peerFocus": string
|
|
69
|
+
/** `.peer:is(:hover, [data-hover]) ~ &` */
|
|
70
|
+
"_peerHover": string
|
|
71
|
+
/** `.peer:is(:active, [data-active]) ~ &` */
|
|
72
|
+
"_peerActive": string
|
|
73
|
+
/** `.peer:focus-within ~ &` */
|
|
74
|
+
"_peerFocusWithin": string
|
|
75
|
+
/** `.peer:is(:focus-visible, [data-focus-visible]) ~ &` */
|
|
76
|
+
"_peerFocusVisible": string
|
|
77
|
+
/** `.peer:is(:disabled, [disabled], [data-disabled]) ~ &` */
|
|
78
|
+
"_peerDisabled": string
|
|
79
|
+
/** `.peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ &` */
|
|
80
|
+
"_peerChecked": string
|
|
81
|
+
/** `.peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &` */
|
|
82
|
+
"_peerInvalid": string
|
|
83
|
+
/** `.peer:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) ~ &` */
|
|
84
|
+
"_peerExpanded": string
|
|
85
|
+
/** `.peer:placeholder-shown ~ &` */
|
|
86
|
+
"_peerPlaceholderShown": string
|
|
87
|
+
/** `.group:is(:focus, [data-focus]) &` */
|
|
88
|
+
"_groupFocus": string
|
|
89
|
+
/** `.group:is(:hover, [data-hover]) &` */
|
|
90
|
+
"_groupHover": string
|
|
91
|
+
/** `.group:is(:active, [data-active]) &` */
|
|
92
|
+
"_groupActive": string
|
|
93
|
+
/** `.group:focus-within &` */
|
|
94
|
+
"_groupFocusWithin": string
|
|
95
|
+
/** `.group:is(:focus-visible, [data-focus-visible]) &` */
|
|
96
|
+
"_groupFocusVisible": string
|
|
97
|
+
/** `.group:is(:disabled, [disabled], [data-disabled]) &` */
|
|
98
|
+
"_groupDisabled": string
|
|
99
|
+
/** `.group:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) &` */
|
|
100
|
+
"_groupChecked": string
|
|
101
|
+
/** `.group:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) &` */
|
|
102
|
+
"_groupExpanded": string
|
|
103
|
+
/** `.group:invalid &` */
|
|
104
|
+
"_groupInvalid": string
|
|
105
|
+
/** `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate"])` */
|
|
106
|
+
"_indeterminate": string
|
|
107
|
+
/** `&:is(:required, [data-required], [aria-required=true])` */
|
|
108
|
+
"_required": string
|
|
109
|
+
/** `&:is(:valid, [data-valid])` */
|
|
110
|
+
"_valid": string
|
|
111
|
+
/** `&:is(:invalid, [data-invalid])` */
|
|
112
|
+
"_invalid": string
|
|
113
|
+
/** `&:autofill` */
|
|
114
|
+
"_autofill": string
|
|
115
|
+
/** `&:in-range` */
|
|
116
|
+
"_inRange": string
|
|
117
|
+
/** `&:out-of-range` */
|
|
118
|
+
"_outOfRange": string
|
|
119
|
+
/** `&::placeholder, &[data-placeholder]` */
|
|
120
|
+
"_placeholder": string
|
|
121
|
+
/** `&:is(:placeholder-shown, [data-placeholder-shown])` */
|
|
122
|
+
"_placeholderShown": string
|
|
123
|
+
/** `&:is([aria-pressed=true], [data-pressed])` */
|
|
124
|
+
"_pressed": string
|
|
125
|
+
/** `&:is([aria-selected=true], [data-selected])` */
|
|
126
|
+
"_selected": string
|
|
127
|
+
/** `&:default` */
|
|
128
|
+
"_default": string
|
|
129
|
+
/** `&:optional` */
|
|
130
|
+
"_optional": string
|
|
131
|
+
/** `&:is([open], [data-open], [data-state="open"])` */
|
|
132
|
+
"_open": string
|
|
133
|
+
/** `&:is([closed], [data-closed], [data-state="closed"])` */
|
|
134
|
+
"_closed": string
|
|
135
|
+
/** `&:fullscreen` */
|
|
136
|
+
"_fullscreen": string
|
|
137
|
+
/** `&:is([data-loading], [aria-busy=true])` */
|
|
138
|
+
"_loading": string
|
|
139
|
+
/** `&[aria-current=page]` */
|
|
140
|
+
"_currentPage": string
|
|
141
|
+
/** `&[aria-current=step]` */
|
|
142
|
+
"_currentStep": string
|
|
143
|
+
/** `@media (prefers-reduced-motion: reduce)` */
|
|
144
|
+
"_motionReduce": string
|
|
145
|
+
/** `@media (prefers-reduced-motion: no-preference)` */
|
|
146
|
+
"_motionSafe": string
|
|
147
|
+
/** `@media print` */
|
|
148
|
+
"_print": string
|
|
149
|
+
/** `@media (orientation: landscape)` */
|
|
150
|
+
"_landscape": string
|
|
151
|
+
/** `@media (orientation: portrait)` */
|
|
152
|
+
"_portrait": string
|
|
153
|
+
/** `.dark &` */
|
|
154
|
+
"_dark": string
|
|
155
|
+
/** `.light &` */
|
|
156
|
+
"_light": string
|
|
157
|
+
/** `@media (prefers-color-scheme: dark)` */
|
|
158
|
+
"_osDark": string
|
|
159
|
+
/** `@media (prefers-color-scheme: light)` */
|
|
160
|
+
"_osLight": string
|
|
161
|
+
/** `@media (forced-colors: active)` */
|
|
162
|
+
"_highContrast": string
|
|
163
|
+
/** `@media (prefers-contrast: less)` */
|
|
164
|
+
"_lessContrast": string
|
|
165
|
+
/** `@media (prefers-contrast: more)` */
|
|
166
|
+
"_moreContrast": string
|
|
167
|
+
/** `[dir=ltr] &` */
|
|
168
|
+
"_ltr": string
|
|
169
|
+
/** `[dir=rtl] &` */
|
|
170
|
+
"_rtl": string
|
|
171
|
+
/** `&::-webkit-scrollbar` */
|
|
172
|
+
"_scrollbar": string
|
|
173
|
+
/** `&::-webkit-scrollbar-thumb` */
|
|
174
|
+
"_scrollbarThumb": string
|
|
175
|
+
/** `&::-webkit-scrollbar-track` */
|
|
176
|
+
"_scrollbarTrack": string
|
|
177
|
+
/** `&[data-orientation=horizontal]` */
|
|
178
|
+
"_horizontal": string
|
|
179
|
+
/** `&[data-orientation=vertical]` */
|
|
180
|
+
"_vertical": string
|
|
181
|
+
/** `@starting-style` */
|
|
182
|
+
"_starting": string
|
|
183
|
+
/** `@media screen and (min-width: 48rem)` */
|
|
184
|
+
"expanded": string
|
|
185
|
+
/** `@media screen and (min-width: 48rem)` */
|
|
186
|
+
"expandedOnly": string
|
|
187
|
+
/** `@media screen and (max-width: 47.9975rem)` */
|
|
188
|
+
"expandedDown": string
|
|
189
|
+
/** `& [data-panda-theme=asagi]` */
|
|
190
|
+
"_themeAsagi": string
|
|
191
|
+
/** `& [data-panda-theme=kurikawa]` */
|
|
192
|
+
"_themeKurikawa": string
|
|
193
|
+
/** `& [data-panda-theme=sumire]` */
|
|
194
|
+
"_themeSumire": string
|
|
195
|
+
/** `& [data-panda-theme=tsutsuji]` */
|
|
196
|
+
"_themeTsutsuji": string
|
|
197
|
+
/** The base (=no conditions) styles to apply */
|
|
198
|
+
"base": string
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
export type ConditionalValue<V> =
|
|
202
|
+
| V
|
|
203
|
+
| Array<V | null>
|
|
204
|
+
| {
|
|
205
|
+
[K in keyof Conditions]?: ConditionalValue<V>
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
export type Nested<P> = P & {
|
|
209
|
+
[K in Selectors]?: Nested<P>
|
|
210
|
+
} & {
|
|
211
|
+
[K in AnySelector]?: Nested<P>
|
|
212
|
+
} & {
|
|
213
|
+
[K in keyof Conditions]?: Nested<P>
|
|
214
|
+
}
|