@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.
Files changed (172) hide show
  1. package/README.md +86 -0
  2. package/dist/components/Accordion.d.ts +23 -0
  3. package/dist/components/AccordionGroup.d.ts +2 -0
  4. package/dist/components/Avatar.d.ts +40 -0
  5. package/dist/components/Badge.d.ts +90 -0
  6. package/dist/components/Banner.d.ts +43 -0
  7. package/dist/components/BottomNavigation.d.ts +2 -0
  8. package/dist/components/BottomNavigationItem.d.ts +30 -0
  9. package/dist/components/Button.d.ts +133 -0
  10. package/dist/components/CheckBox.d.ts +47 -0
  11. package/dist/components/ChoiceBox.d.ts +8 -0
  12. package/dist/components/DashboardWidget.d.ts +13 -0
  13. package/dist/components/Divider.d.ts +33 -0
  14. package/dist/components/Drawer.d.ts +40 -0
  15. package/dist/components/DropdownMenu.d.ts +14 -0
  16. package/dist/components/IconButton.d.ts +81 -0
  17. package/dist/components/List.d.ts +2 -0
  18. package/dist/components/ListItem.d.ts +46 -0
  19. package/dist/components/ModalDialog.d.ts +15 -0
  20. package/dist/components/NotificationBadge.d.ts +54 -0
  21. package/dist/components/ProgressIndicator.d.ts +29 -0
  22. package/dist/components/RadioButton.d.ts +30 -0
  23. package/dist/components/RadioGroup.d.ts +2 -0
  24. package/dist/components/Search.d.ts +51 -0
  25. package/dist/components/Select.d.ts +63 -0
  26. package/dist/components/SvgIcon.d.ts +75 -0
  27. package/dist/components/SvgIcon.stories.d.ts +7 -0
  28. package/dist/components/Switch.d.ts +10 -0
  29. package/dist/components/TabItem.d.ts +22 -0
  30. package/dist/components/Tabs.d.ts +3 -0
  31. package/dist/components/TextArea.d.ts +8 -0
  32. package/dist/components/TextField.d.ts +7 -0
  33. package/dist/components/Toast.d.ts +35 -0
  34. package/dist/components/TopAppBar.d.ts +37 -0
  35. package/dist/index.cjs +65 -0
  36. package/dist/index.d.ts +33 -0
  37. package/dist/index.js +19523 -0
  38. package/dist/preset.d.ts +534 -0
  39. package/dist/recipes/index.d.ts +2 -0
  40. package/dist/styles.css +1 -0
  41. package/dist/tokens/getToken.d.ts +789 -0
  42. package/dist/tokens/index.d.ts +1808 -0
  43. package/dist/tokens/keyframes/index.d.ts +10 -0
  44. package/package.json +100 -0
  45. package/styled-system/css/conditions.js +34 -0
  46. package/styled-system/css/css.d.ts +22 -0
  47. package/styled-system/css/css.js +45 -0
  48. package/styled-system/css/cva.d.ts +6 -0
  49. package/styled-system/css/cva.js +87 -0
  50. package/styled-system/css/cx.d.ts +5 -0
  51. package/styled-system/css/cx.js +15 -0
  52. package/styled-system/css/index.d.ts +5 -0
  53. package/styled-system/css/index.js +4 -0
  54. package/styled-system/css/sva.d.ts +4 -0
  55. package/styled-system/css/sva.js +41 -0
  56. package/styled-system/helpers.js +326 -0
  57. package/styled-system/jsx/aspect-ratio.d.ts +10 -0
  58. package/styled-system/jsx/aspect-ratio.js +14 -0
  59. package/styled-system/jsx/bleed.d.ts +10 -0
  60. package/styled-system/jsx/bleed.js +14 -0
  61. package/styled-system/jsx/box.d.ts +10 -0
  62. package/styled-system/jsx/box.js +14 -0
  63. package/styled-system/jsx/center.d.ts +10 -0
  64. package/styled-system/jsx/center.js +14 -0
  65. package/styled-system/jsx/circle.d.ts +10 -0
  66. package/styled-system/jsx/circle.js +14 -0
  67. package/styled-system/jsx/container.d.ts +10 -0
  68. package/styled-system/jsx/container.js +14 -0
  69. package/styled-system/jsx/cq.d.ts +10 -0
  70. package/styled-system/jsx/cq.js +14 -0
  71. package/styled-system/jsx/divider.d.ts +10 -0
  72. package/styled-system/jsx/divider.js +14 -0
  73. package/styled-system/jsx/factory-helper.js +22 -0
  74. package/styled-system/jsx/factory.d.ts +3 -0
  75. package/styled-system/jsx/factory.js +80 -0
  76. package/styled-system/jsx/flex.d.ts +10 -0
  77. package/styled-system/jsx/flex.js +14 -0
  78. package/styled-system/jsx/float.d.ts +10 -0
  79. package/styled-system/jsx/float.js +14 -0
  80. package/styled-system/jsx/grid-item.d.ts +10 -0
  81. package/styled-system/jsx/grid-item.js +14 -0
  82. package/styled-system/jsx/grid.d.ts +10 -0
  83. package/styled-system/jsx/grid.js +14 -0
  84. package/styled-system/jsx/hstack.d.ts +10 -0
  85. package/styled-system/jsx/hstack.js +14 -0
  86. package/styled-system/jsx/index.d.ts +24 -0
  87. package/styled-system/jsx/index.js +22 -0
  88. package/styled-system/jsx/is-valid-prop.d.ts +11 -0
  89. package/styled-system/jsx/is-valid-prop.js +17 -0
  90. package/styled-system/jsx/link-overlay.d.ts +10 -0
  91. package/styled-system/jsx/link-overlay.js +14 -0
  92. package/styled-system/jsx/spacer.d.ts +10 -0
  93. package/styled-system/jsx/spacer.js +14 -0
  94. package/styled-system/jsx/square.d.ts +10 -0
  95. package/styled-system/jsx/square.js +14 -0
  96. package/styled-system/jsx/stack.d.ts +10 -0
  97. package/styled-system/jsx/stack.js +14 -0
  98. package/styled-system/jsx/visually-hidden.d.ts +10 -0
  99. package/styled-system/jsx/visually-hidden.js +14 -0
  100. package/styled-system/jsx/vstack.d.ts +10 -0
  101. package/styled-system/jsx/vstack.js +14 -0
  102. package/styled-system/jsx/wrap.d.ts +10 -0
  103. package/styled-system/jsx/wrap.js +14 -0
  104. package/styled-system/patterns/aspect-ratio.d.ts +21 -0
  105. package/styled-system/patterns/aspect-ratio.js +38 -0
  106. package/styled-system/patterns/bleed.d.ts +22 -0
  107. package/styled-system/patterns/bleed.js +24 -0
  108. package/styled-system/patterns/box.d.ts +21 -0
  109. package/styled-system/patterns/box.js +15 -0
  110. package/styled-system/patterns/center.d.ts +21 -0
  111. package/styled-system/patterns/center.js +21 -0
  112. package/styled-system/patterns/circle.d.ts +21 -0
  113. package/styled-system/patterns/circle.js +25 -0
  114. package/styled-system/patterns/container.d.ts +21 -0
  115. package/styled-system/patterns/container.js +21 -0
  116. package/styled-system/patterns/cq.d.ts +22 -0
  117. package/styled-system/patterns/cq.js +21 -0
  118. package/styled-system/patterns/divider.d.ts +23 -0
  119. package/styled-system/patterns/divider.js +25 -0
  120. package/styled-system/patterns/flex.d.ts +27 -0
  121. package/styled-system/patterns/flex.js +26 -0
  122. package/styled-system/patterns/float.d.ts +24 -0
  123. package/styled-system/patterns/float.js +52 -0
  124. package/styled-system/patterns/grid-item.d.ts +26 -0
  125. package/styled-system/patterns/grid-item.js +25 -0
  126. package/styled-system/patterns/grid.d.ts +25 -0
  127. package/styled-system/patterns/grid.js +27 -0
  128. package/styled-system/patterns/hstack.d.ts +22 -0
  129. package/styled-system/patterns/hstack.js +24 -0
  130. package/styled-system/patterns/index.d.ts +21 -0
  131. package/styled-system/patterns/index.js +20 -0
  132. package/styled-system/patterns/link-overlay.d.ts +21 -0
  133. package/styled-system/patterns/link-overlay.js +24 -0
  134. package/styled-system/patterns/spacer.d.ts +21 -0
  135. package/styled-system/patterns/spacer.js +21 -0
  136. package/styled-system/patterns/square.d.ts +21 -0
  137. package/styled-system/patterns/square.js +24 -0
  138. package/styled-system/patterns/stack.d.ts +24 -0
  139. package/styled-system/patterns/stack.js +24 -0
  140. package/styled-system/patterns/visually-hidden.d.ts +21 -0
  141. package/styled-system/patterns/visually-hidden.js +18 -0
  142. package/styled-system/patterns/vstack.d.ts +22 -0
  143. package/styled-system/patterns/vstack.js +24 -0
  144. package/styled-system/patterns/wrap.d.ts +25 -0
  145. package/styled-system/patterns/wrap.js +25 -0
  146. package/styled-system/themes/asagi.json +5 -0
  147. package/styled-system/themes/index.d.ts +36 -0
  148. package/styled-system/themes/index.js +24 -0
  149. package/styled-system/themes/kurikawa.json +5 -0
  150. package/styled-system/themes/sumire.json +5 -0
  151. package/styled-system/themes/theme-asagi.json +5 -0
  152. package/styled-system/themes/theme-kurikawa.json +5 -0
  153. package/styled-system/themes/theme-sumire.json +5 -0
  154. package/styled-system/themes/theme-tsutsuji.json +5 -0
  155. package/styled-system/themes/tsutsuji.json +5 -0
  156. package/styled-system/tokens/index.d.ts +9 -0
  157. package/styled-system/tokens/index.js +3548 -0
  158. package/styled-system/tokens/tokens.d.ts +48 -0
  159. package/styled-system/types/composition.d.ts +138 -0
  160. package/styled-system/types/conditions.d.ts +214 -0
  161. package/styled-system/types/csstype.d.ts +21298 -0
  162. package/styled-system/types/global.d.ts +19 -0
  163. package/styled-system/types/index.d.ts +8 -0
  164. package/styled-system/types/jsx.d.ts +52 -0
  165. package/styled-system/types/parts.d.ts +8 -0
  166. package/styled-system/types/pattern.d.ts +78 -0
  167. package/styled-system/types/prop-type.d.ts +237 -0
  168. package/styled-system/types/recipe.d.ts +181 -0
  169. package/styled-system/types/selectors.d.ts +59 -0
  170. package/styled-system/types/static-css.d.ts +51 -0
  171. package/styled-system/types/style-props.d.ts +7468 -0
  172. 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
+ }