@likec4/styles 1.27.0

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 (137) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +46 -0
  3. package/build.config.ts +27 -0
  4. package/dev.ts +36 -0
  5. package/dist/css/conditions.mjs +36 -0
  6. package/dist/css/css.d.ts +22 -0
  7. package/dist/css/css.mjs +45 -0
  8. package/dist/css/cva.d.ts +6 -0
  9. package/dist/css/cva.mjs +87 -0
  10. package/dist/css/cx.d.ts +5 -0
  11. package/dist/css/cx.mjs +15 -0
  12. package/dist/css/index.d.ts +5 -0
  13. package/dist/css/index.mjs +4 -0
  14. package/dist/css/sva.d.ts +4 -0
  15. package/dist/css/sva.mjs +41 -0
  16. package/dist/helpers.mjs +336 -0
  17. package/dist/jsx/aspect-ratio.d.ts +10 -0
  18. package/dist/jsx/aspect-ratio.mjs +14 -0
  19. package/dist/jsx/bleed.d.ts +10 -0
  20. package/dist/jsx/bleed.mjs +14 -0
  21. package/dist/jsx/box.d.ts +10 -0
  22. package/dist/jsx/box.mjs +14 -0
  23. package/dist/jsx/center.d.ts +10 -0
  24. package/dist/jsx/center.mjs +14 -0
  25. package/dist/jsx/circle.d.ts +10 -0
  26. package/dist/jsx/circle.mjs +14 -0
  27. package/dist/jsx/container.d.ts +10 -0
  28. package/dist/jsx/container.mjs +14 -0
  29. package/dist/jsx/cq.d.ts +10 -0
  30. package/dist/jsx/cq.mjs +14 -0
  31. package/dist/jsx/divider.d.ts +10 -0
  32. package/dist/jsx/divider.mjs +14 -0
  33. package/dist/jsx/factory-helper.mjs +22 -0
  34. package/dist/jsx/factory.d.ts +3 -0
  35. package/dist/jsx/factory.mjs +80 -0
  36. package/dist/jsx/flex.d.ts +10 -0
  37. package/dist/jsx/flex.mjs +14 -0
  38. package/dist/jsx/float.d.ts +10 -0
  39. package/dist/jsx/float.mjs +14 -0
  40. package/dist/jsx/grid-item.d.ts +10 -0
  41. package/dist/jsx/grid-item.mjs +14 -0
  42. package/dist/jsx/grid.d.ts +10 -0
  43. package/dist/jsx/grid.mjs +14 -0
  44. package/dist/jsx/hstack.d.ts +10 -0
  45. package/dist/jsx/hstack.mjs +14 -0
  46. package/dist/jsx/index.d.ts +24 -0
  47. package/dist/jsx/index.mjs +22 -0
  48. package/dist/jsx/is-valid-prop.d.ts +11 -0
  49. package/dist/jsx/is-valid-prop.mjs +17 -0
  50. package/dist/jsx/link-overlay.d.ts +10 -0
  51. package/dist/jsx/link-overlay.mjs +14 -0
  52. package/dist/jsx/spacer.d.ts +10 -0
  53. package/dist/jsx/spacer.mjs +14 -0
  54. package/dist/jsx/square.d.ts +10 -0
  55. package/dist/jsx/square.mjs +14 -0
  56. package/dist/jsx/stack.d.ts +10 -0
  57. package/dist/jsx/stack.mjs +14 -0
  58. package/dist/jsx/visually-hidden.d.ts +10 -0
  59. package/dist/jsx/visually-hidden.mjs +14 -0
  60. package/dist/jsx/vstack.d.ts +10 -0
  61. package/dist/jsx/vstack.mjs +14 -0
  62. package/dist/jsx/wrap.d.ts +10 -0
  63. package/dist/jsx/wrap.mjs +14 -0
  64. package/dist/patterns/aspect-ratio.d.ts +21 -0
  65. package/dist/patterns/aspect-ratio.mjs +38 -0
  66. package/dist/patterns/bleed.d.ts +22 -0
  67. package/dist/patterns/bleed.mjs +24 -0
  68. package/dist/patterns/box.d.ts +21 -0
  69. package/dist/patterns/box.mjs +15 -0
  70. package/dist/patterns/center.d.ts +21 -0
  71. package/dist/patterns/center.mjs +21 -0
  72. package/dist/patterns/circle.d.ts +21 -0
  73. package/dist/patterns/circle.mjs +25 -0
  74. package/dist/patterns/container.d.ts +21 -0
  75. package/dist/patterns/container.mjs +21 -0
  76. package/dist/patterns/cq.d.ts +22 -0
  77. package/dist/patterns/cq.mjs +21 -0
  78. package/dist/patterns/divider.d.ts +23 -0
  79. package/dist/patterns/divider.mjs +25 -0
  80. package/dist/patterns/flex.d.ts +27 -0
  81. package/dist/patterns/flex.mjs +26 -0
  82. package/dist/patterns/float.d.ts +24 -0
  83. package/dist/patterns/float.mjs +52 -0
  84. package/dist/patterns/grid-item.d.ts +26 -0
  85. package/dist/patterns/grid-item.mjs +25 -0
  86. package/dist/patterns/grid.d.ts +25 -0
  87. package/dist/patterns/grid.mjs +27 -0
  88. package/dist/patterns/hstack.d.ts +22 -0
  89. package/dist/patterns/hstack.mjs +24 -0
  90. package/dist/patterns/index.d.ts +21 -0
  91. package/dist/patterns/index.mjs +20 -0
  92. package/dist/patterns/link-overlay.d.ts +21 -0
  93. package/dist/patterns/link-overlay.mjs +24 -0
  94. package/dist/patterns/spacer.d.ts +21 -0
  95. package/dist/patterns/spacer.mjs +21 -0
  96. package/dist/patterns/square.d.ts +21 -0
  97. package/dist/patterns/square.mjs +24 -0
  98. package/dist/patterns/stack.d.ts +24 -0
  99. package/dist/patterns/stack.mjs +24 -0
  100. package/dist/patterns/visually-hidden.d.ts +21 -0
  101. package/dist/patterns/visually-hidden.mjs +18 -0
  102. package/dist/patterns/vstack.d.ts +22 -0
  103. package/dist/patterns/vstack.mjs +24 -0
  104. package/dist/patterns/wrap.d.ts +25 -0
  105. package/dist/patterns/wrap.mjs +25 -0
  106. package/dist/recipes/action-btn.d.ts +43 -0
  107. package/dist/recipes/action-btn.mjs +41 -0
  108. package/dist/recipes/create-recipe.mjs +82 -0
  109. package/dist/recipes/index.d.ts +2 -0
  110. package/dist/recipes/index.mjs +1 -0
  111. package/dist/styles.css +1601 -0
  112. package/dist/tokens/index.d.ts +9 -0
  113. package/dist/tokens/index.mjs +5044 -0
  114. package/dist/tokens/tokens.d.ts +45 -0
  115. package/dist/types/composition.d.ts +164 -0
  116. package/dist/types/conditions.d.ts +328 -0
  117. package/dist/types/csstype.d.ts +21298 -0
  118. package/dist/types/global.d.ts +20 -0
  119. package/dist/types/index.d.ts +8 -0
  120. package/dist/types/jsx.d.ts +52 -0
  121. package/dist/types/parts.d.ts +8 -0
  122. package/dist/types/pattern.d.ts +78 -0
  123. package/dist/types/prop-type.d.ts +232 -0
  124. package/dist/types/recipe.d.ts +181 -0
  125. package/dist/types/selectors.d.ts +59 -0
  126. package/dist/types/static-css.d.ts +56 -0
  127. package/dist/types/style-props.d.ts +7499 -0
  128. package/dist/types/system-types.d.ts +193 -0
  129. package/package.json +85 -0
  130. package/panda.config.ts +6 -0
  131. package/postcss.d.mts +6 -0
  132. package/postcss.mjs +2 -0
  133. package/preset.d.mts +2746 -0
  134. package/preset.mjs +2746 -0
  135. package/preset.ts +3 -0
  136. package/vite.d.mts +5 -0
  137. package/vite.mjs +5 -0
package/dist/tokens/tokens.d.ts ADDED
@@ -0,0 +1,45 @@
1
+ /* eslint-disable */
2
+ export type Token = "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "fontSizes.xxs" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.likec4.xs" | "fontSizes.likec4.sm" | "fontSizes.likec4.md" | "fontSizes.likec4.lg" | "fontSizes.likec4.xl" | "shadows.xs" | "shadows.sm" | "shadows.md" | "shadows.lg" | "shadows.xl" | "lineHeights.1" | "lineHeights.xs" | "lineHeights.sm" | "lineHeights.md" | "lineHeights.lg" | "lineHeights.xl" | "borders.none" | "borders.transparent" | "borders.default" | "spacing.0" | "spacing.2" | "spacing.4" | "spacing.8" | "spacing.xs" | "spacing.sm" | "spacing.md" | "spacing.lg" | "spacing.xl" | "spacing.likec4.xs" | "spacing.likec4.sm" | "spacing.likec4.md" | "spacing.likec4.lg" | "spacing.likec4.xl" | "spacing.micro" | "spacing.2xs" | "colors.mantine.colors.primary" | "colors.mantine.colors.primary.filled" | "colors.mantine.colors.primary.filledHover" | "colors.mantine.colors.primary.light" | "colors.mantine.colors.primary.lightHover" | "colors.mantine.colors.primary.lightColor" | "colors.mantine.colors.primary.outline" | "colors.mantine.colors.primary.outlineHover" | "colors.mantine.colors.primary[0]" | "colors.mantine.colors.primary[1]" | "colors.mantine.colors.primary[2]" | "colors.mantine.colors.primary[3]" | "colors.mantine.colors.primary[4]" | "colors.mantine.colors.primary[5]" | "colors.mantine.colors.primary[6]" | "colors.mantine.colors.primary[7]" | "colors.mantine.colors.primary[8]" | "colors.mantine.colors.primary[9]" | "colors.mantine.colors.white" | "colors.mantine.colors.text" | "colors.mantine.colors.body" | "colors.mantine.colors.dimmed" | "colors.mantine.colors.defaultBorder" | "colors.mantine.colors.defaultColor" | "colors.mantine.colors.defaultHover" | "colors.mantine.colors.default" | "colors.mantine.colors.error" | "colors.mantine.colors.placeholder" | "colors.mantine.colors.gray" | "colors.mantine.colors.gray.filled" | "colors.mantine.colors.gray.filledHover" | "colors.mantine.colors.gray.light" | "colors.mantine.colors.gray.lightHover" | "colors.mantine.colors.gray.lightColor" | "colors.mantine.colors.gray.outline" | "colors.mantine.colors.gray.outlineHover" | "colors.mantine.colors.gray[0]" | "colors.mantine.colors.gray[1]" | "colors.mantine.colors.gray[2]" | "colors.mantine.colors.gray[3]" | "colors.mantine.colors.gray[4]" | "colors.mantine.colors.gray[5]" | "colors.mantine.colors.gray[6]" | "colors.mantine.colors.gray[7]" | "colors.mantine.colors.gray[8]" | "colors.mantine.colors.gray[9]" | "colors.mantine.colors.dark" | "colors.mantine.colors.dark.filled" | "colors.mantine.colors.dark.filledHover" | "colors.mantine.colors.dark.light" | "colors.mantine.colors.dark.lightHover" | "colors.mantine.colors.dark.lightColor" | "colors.mantine.colors.dark.outline" | "colors.mantine.colors.dark.outlineHover" | "colors.mantine.colors.dark[0]" | "colors.mantine.colors.dark[1]" | "colors.mantine.colors.dark[2]" | "colors.mantine.colors.dark[3]" | "colors.mantine.colors.dark[4]" | "colors.mantine.colors.dark[5]" | "colors.mantine.colors.dark[6]" | "colors.mantine.colors.dark[7]" | "colors.mantine.colors.dark[8]" | "colors.mantine.colors.dark[9]" | "colors.mantine.colors.orange" | "colors.mantine.colors.orange.filled" | "colors.mantine.colors.orange.filledHover" | "colors.mantine.colors.orange.light" | "colors.mantine.colors.orange.lightHover" | "colors.mantine.colors.orange.lightColor" | "colors.mantine.colors.orange.outline" | "colors.mantine.colors.orange.outlineHover" | "colors.mantine.colors.orange[0]" | "colors.mantine.colors.orange[1]" | "colors.mantine.colors.orange[2]" | "colors.mantine.colors.orange[3]" | "colors.mantine.colors.orange[4]" | "colors.mantine.colors.orange[5]" | "colors.mantine.colors.orange[6]" | "colors.mantine.colors.orange[7]" | "colors.mantine.colors.orange[8]" | "colors.mantine.colors.orange[9]" | "colors.mantine.colors.teal" | "colors.mantine.colors.teal.filled" | "colors.mantine.colors.teal.filledHover" | "colors.mantine.colors.teal.light" | "colors.mantine.colors.teal.lightHover" | "colors.mantine.colors.teal.lightColor" | "colors.mantine.colors.teal.outline" | "colors.mantine.colors.teal.outlineHover" | "colors.mantine.colors.teal[0]" | "colors.mantine.colors.teal[1]" | "colors.mantine.colors.teal[2]" | "colors.mantine.colors.teal[3]" | "colors.mantine.colors.teal[4]" | "colors.mantine.colors.teal[5]" | "colors.mantine.colors.teal[6]" | "colors.mantine.colors.teal[7]" | "colors.mantine.colors.teal[8]" | "colors.mantine.colors.teal[9]" | "colors.mantine.colors.red" | "colors.mantine.colors.red.filled" | "colors.mantine.colors.red.filledHover" | "colors.mantine.colors.red.light" | "colors.mantine.colors.red.lightHover" | "colors.mantine.colors.red.lightColor" | "colors.mantine.colors.red.outline" | "colors.mantine.colors.red.outlineHover" | "colors.mantine.colors.red[0]" | "colors.mantine.colors.red[1]" | "colors.mantine.colors.red[2]" | "colors.mantine.colors.red[3]" | "colors.mantine.colors.red[4]" | "colors.mantine.colors.red[5]" | "colors.mantine.colors.red[6]" | "colors.mantine.colors.red[7]" | "colors.mantine.colors.red[8]" | "colors.mantine.colors.red[9]" | "colors.mantine.colors.green" | "colors.mantine.colors.green.filled" | "colors.mantine.colors.green.filledHover" | "colors.mantine.colors.green.light" | "colors.mantine.colors.green.lightHover" | "colors.mantine.colors.green.lightColor" | "colors.mantine.colors.green.outline" | "colors.mantine.colors.green.outlineHover" | "colors.mantine.colors.green[0]" | "colors.mantine.colors.green[1]" | "colors.mantine.colors.green[2]" | "colors.mantine.colors.green[3]" | "colors.mantine.colors.green[4]" | "colors.mantine.colors.green[5]" | "colors.mantine.colors.green[6]" | "colors.mantine.colors.green[7]" | "colors.mantine.colors.green[8]" | "colors.mantine.colors.green[9]" | "colors.mantine.colors.yellow" | "colors.mantine.colors.yellow.filled" | "colors.mantine.colors.yellow.filledHover" | "colors.mantine.colors.yellow.light" | "colors.mantine.colors.yellow.lightHover" | "colors.mantine.colors.yellow.lightColor" | "colors.mantine.colors.yellow.outline" | "colors.mantine.colors.yellow.outlineHover" | "colors.mantine.colors.yellow[0]" | "colors.mantine.colors.yellow[1]" | "colors.mantine.colors.yellow[2]" | "colors.mantine.colors.yellow[3]" | "colors.mantine.colors.yellow[4]" | "colors.mantine.colors.yellow[5]" | "colors.mantine.colors.yellow[6]" | "colors.mantine.colors.yellow[7]" | "colors.mantine.colors.yellow[8]" | "colors.mantine.colors.yellow[9]" | "colors.transparent" | "fonts.body" | "fonts.likec4" | "fonts.likec4.element" | "fonts.likec4.compound" | "fonts.likec4.relation" | "easings.default" | "easings.in" | "easings.out" | "easings.inOut" | "durations.fastest" | "durations.faster" | "durations.fast" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "breakpoints.xs" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "sizes.breakpoint-xs" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "fontSizes.likec4.textSize" | "colors.likec4.background" | "colors.likec4.background.pattern" | "colors.likec4.amber.element.fill" | "colors.likec4.amber.element.stroke" | "colors.likec4.amber.element.hiContrast" | "colors.likec4.amber.element.loContrast" | "colors.likec4.amber.relation.stroke" | "colors.likec4.amber.relation.stroke.selected" | "colors.likec4.amber.relation.label" | "colors.likec4.amber.relation.label.bg" | "colors.likec4.blue.element.fill" | "colors.likec4.blue.element.stroke" | "colors.likec4.blue.element.hiContrast" | "colors.likec4.blue.element.loContrast" | "colors.likec4.blue.relation.stroke" | "colors.likec4.blue.relation.stroke.selected" | "colors.likec4.blue.relation.label" | "colors.likec4.blue.relation.label.bg" | "colors.likec4.gray.element.fill" | "colors.likec4.gray.element.stroke" | "colors.likec4.gray.element.hiContrast" | "colors.likec4.gray.element.loContrast" | "colors.likec4.gray.relation.stroke" | "colors.likec4.gray.relation.stroke.selected" | "colors.likec4.gray.relation.label" | "colors.likec4.gray.relation.label.bg" | "colors.likec4.slate.element.fill" | "colors.likec4.slate.element.stroke" | "colors.likec4.slate.element.hiContrast" | "colors.likec4.slate.element.loContrast" | "colors.likec4.slate.relation.stroke" | "colors.likec4.slate.relation.stroke.selected" | "colors.likec4.slate.relation.label" | "colors.likec4.slate.relation.label.bg" | "colors.likec4.green.element.fill" | "colors.likec4.green.element.stroke" | "colors.likec4.green.element.hiContrast" | "colors.likec4.green.element.loContrast" | "colors.likec4.green.relation.stroke" | "colors.likec4.green.relation.stroke.selected" | "colors.likec4.green.relation.label" | "colors.likec4.green.relation.label.bg" | "colors.likec4.indigo.element.fill" | "colors.likec4.indigo.element.stroke" | "colors.likec4.indigo.element.hiContrast" | "colors.likec4.indigo.element.loContrast" | "colors.likec4.indigo.relation.stroke" | "colors.likec4.indigo.relation.stroke.selected" | "colors.likec4.indigo.relation.label" | "colors.likec4.indigo.relation.label.bg" | "colors.likec4.muted.element.fill" | "colors.likec4.muted.element.stroke" | "colors.likec4.muted.element.hiContrast" | "colors.likec4.muted.element.loContrast" | "colors.likec4.muted.relation.stroke" | "colors.likec4.muted.relation.stroke.selected" | "colors.likec4.muted.relation.label" | "colors.likec4.muted.relation.label.bg" | "colors.likec4.primary.element.fill" | "colors.likec4.primary.element.stroke" | "colors.likec4.primary.element.hiContrast" | "colors.likec4.primary.element.loContrast" | "colors.likec4.primary.relation.stroke" | "colors.likec4.primary.relation.stroke.selected" | "colors.likec4.primary.relation.label" | "colors.likec4.primary.relation.label.bg" | "colors.likec4.red.element.fill" | "colors.likec4.red.element.stroke" | "colors.likec4.red.element.hiContrast" | "colors.likec4.red.element.loContrast" | "colors.likec4.red.relation.stroke" | "colors.likec4.red.relation.stroke.selected" | "colors.likec4.red.relation.label" | "colors.likec4.red.relation.label.bg" | "colors.likec4.secondary.element.fill" | "colors.likec4.secondary.element.stroke" | "colors.likec4.secondary.element.hiContrast" | "colors.likec4.secondary.element.loContrast" | "colors.likec4.secondary.relation.stroke" | "colors.likec4.secondary.relation.stroke.selected" | "colors.likec4.secondary.relation.label" | "colors.likec4.secondary.relation.label.bg" | "colors.likec4.sky.element.fill" | "colors.likec4.sky.element.stroke" | "colors.likec4.sky.element.hiContrast" | "colors.likec4.sky.element.loContrast" | "colors.likec4.sky.relation.stroke" | "colors.likec4.sky.relation.stroke.selected" | "colors.likec4.sky.relation.label" | "colors.likec4.sky.relation.label.bg" | "colors.likec4.compound1.amber.hiContrast" | "colors.likec4.compound1.amber.loContrast" | "colors.likec4.compound1.amber.fill" | "colors.likec4.compound1.amber.stroke" | "colors.likec4.compound1.blue.hiContrast" | "colors.likec4.compound1.blue.loContrast" | "colors.likec4.compound1.blue.fill" | "colors.likec4.compound1.blue.stroke" | "colors.likec4.compound1.gray.hiContrast" | "colors.likec4.compound1.gray.loContrast" | "colors.likec4.compound1.gray.fill" | "colors.likec4.compound1.gray.stroke" | "colors.likec4.compound1.slate.hiContrast" | "colors.likec4.compound1.slate.loContrast" | "colors.likec4.compound1.slate.fill" | "colors.likec4.compound1.slate.stroke" | "colors.likec4.compound1.green.hiContrast" | "colors.likec4.compound1.green.loContrast" | "colors.likec4.compound1.green.fill" | "colors.likec4.compound1.green.stroke" | "colors.likec4.compound1.indigo.hiContrast" | "colors.likec4.compound1.indigo.loContrast" | "colors.likec4.compound1.indigo.fill" | "colors.likec4.compound1.indigo.stroke" | "colors.likec4.compound1.muted.hiContrast" | "colors.likec4.compound1.muted.loContrast" | "colors.likec4.compound1.muted.fill" | "colors.likec4.compound1.muted.stroke" | "colors.likec4.compound1.primary.hiContrast" | "colors.likec4.compound1.primary.loContrast" | "colors.likec4.compound1.primary.fill" | "colors.likec4.compound1.primary.stroke" | "colors.likec4.compound1.red.hiContrast" | "colors.likec4.compound1.red.loContrast" | "colors.likec4.compound1.red.fill" | "colors.likec4.compound1.red.stroke" | "colors.likec4.compound1.secondary.hiContrast" | "colors.likec4.compound1.secondary.loContrast" | "colors.likec4.compound1.secondary.fill" | "colors.likec4.compound1.secondary.stroke" | "colors.likec4.compound1.sky.hiContrast" | "colors.likec4.compound1.sky.loContrast" | "colors.likec4.compound1.sky.fill" | "colors.likec4.compound1.sky.stroke" | "colors.likec4.compound2.amber.hiContrast" | "colors.likec4.compound2.amber.loContrast" | "colors.likec4.compound2.amber.fill" | "colors.likec4.compound2.amber.stroke" | "colors.likec4.compound2.blue.hiContrast" | "colors.likec4.compound2.blue.loContrast" | "colors.likec4.compound2.blue.fill" | "colors.likec4.compound2.blue.stroke" | "colors.likec4.compound2.gray.hiContrast" | "colors.likec4.compound2.gray.loContrast" | "colors.likec4.compound2.gray.fill" | "colors.likec4.compound2.gray.stroke" | "colors.likec4.compound2.slate.hiContrast" | "colors.likec4.compound2.slate.loContrast" | "colors.likec4.compound2.slate.fill" | "colors.likec4.compound2.slate.stroke" | "colors.likec4.compound2.green.hiContrast" | "colors.likec4.compound2.green.loContrast" | "colors.likec4.compound2.green.fill" | "colors.likec4.compound2.green.stroke" | "colors.likec4.compound2.indigo.hiContrast" | "colors.likec4.compound2.indigo.loContrast" | "colors.likec4.compound2.indigo.fill" | "colors.likec4.compound2.indigo.stroke" | "colors.likec4.compound2.muted.hiContrast" | "colors.likec4.compound2.muted.loContrast" | "colors.likec4.compound2.muted.fill" | "colors.likec4.compound2.muted.stroke" | "colors.likec4.compound2.primary.hiContrast" | "colors.likec4.compound2.primary.loContrast" | "colors.likec4.compound2.primary.fill" | "colors.likec4.compound2.primary.stroke" | "colors.likec4.compound2.red.hiContrast" | "colors.likec4.compound2.red.loContrast" | "colors.likec4.compound2.red.fill" | "colors.likec4.compound2.red.stroke" | "colors.likec4.compound2.secondary.hiContrast" | "colors.likec4.compound2.secondary.loContrast" | "colors.likec4.compound2.secondary.fill" | "colors.likec4.compound2.secondary.stroke" | "colors.likec4.compound2.sky.hiContrast" | "colors.likec4.compound2.sky.loContrast" | "colors.likec4.compound2.sky.fill" | "colors.likec4.compound2.sky.stroke" | "colors.likec4.compound3.amber.hiContrast" | "colors.likec4.compound3.amber.loContrast" | "colors.likec4.compound3.amber.fill" | "colors.likec4.compound3.amber.stroke" | "colors.likec4.compound3.blue.hiContrast" | "colors.likec4.compound3.blue.loContrast" | "colors.likec4.compound3.blue.fill" | "colors.likec4.compound3.blue.stroke" | "colors.likec4.compound3.gray.hiContrast" | "colors.likec4.compound3.gray.loContrast" | "colors.likec4.compound3.gray.fill" | "colors.likec4.compound3.gray.stroke" | "colors.likec4.compound3.slate.hiContrast" | "colors.likec4.compound3.slate.loContrast" | "colors.likec4.compound3.slate.fill" | "colors.likec4.compound3.slate.stroke" | "colors.likec4.compound3.green.hiContrast" | "colors.likec4.compound3.green.loContrast" | "colors.likec4.compound3.green.fill" | "colors.likec4.compound3.green.stroke" | "colors.likec4.compound3.indigo.hiContrast" | "colors.likec4.compound3.indigo.loContrast" | "colors.likec4.compound3.indigo.fill" | "colors.likec4.compound3.indigo.stroke" | "colors.likec4.compound3.muted.hiContrast" | "colors.likec4.compound3.muted.loContrast" | "colors.likec4.compound3.muted.fill" | "colors.likec4.compound3.muted.stroke" | "colors.likec4.compound3.primary.hiContrast" | "colors.likec4.compound3.primary.loContrast" | "colors.likec4.compound3.primary.fill" | "colors.likec4.compound3.primary.stroke" | "colors.likec4.compound3.red.hiContrast" | "colors.likec4.compound3.red.loContrast" | "colors.likec4.compound3.red.fill" | "colors.likec4.compound3.red.stroke" | "colors.likec4.compound3.secondary.hiContrast" | "colors.likec4.compound3.secondary.loContrast" | "colors.likec4.compound3.secondary.fill" | "colors.likec4.compound3.secondary.stroke" | "colors.likec4.compound3.sky.hiContrast" | "colors.likec4.compound3.sky.loContrast" | "colors.likec4.compound3.sky.fill" | "colors.likec4.compound3.sky.stroke" | "colors.likec4.compound4.amber.hiContrast" | "colors.likec4.compound4.amber.loContrast" | "colors.likec4.compound4.amber.fill" | "colors.likec4.compound4.amber.stroke" | "colors.likec4.compound4.blue.hiContrast" | "colors.likec4.compound4.blue.loContrast" | "colors.likec4.compound4.blue.fill" | "colors.likec4.compound4.blue.stroke" | "colors.likec4.compound4.gray.hiContrast" | "colors.likec4.compound4.gray.loContrast" | "colors.likec4.compound4.gray.fill" | "colors.likec4.compound4.gray.stroke" | "colors.likec4.compound4.slate.hiContrast" | "colors.likec4.compound4.slate.loContrast" | "colors.likec4.compound4.slate.fill" | "colors.likec4.compound4.slate.stroke" | "colors.likec4.compound4.green.hiContrast" | "colors.likec4.compound4.green.loContrast" | "colors.likec4.compound4.green.fill" | "colors.likec4.compound4.green.stroke" | "colors.likec4.compound4.indigo.hiContrast" | "colors.likec4.compound4.indigo.loContrast" | "colors.likec4.compound4.indigo.fill" | "colors.likec4.compound4.indigo.stroke" | "colors.likec4.compound4.muted.hiContrast" | "colors.likec4.compound4.muted.loContrast" | "colors.likec4.compound4.muted.fill" | "colors.likec4.compound4.muted.stroke" | "colors.likec4.compound4.primary.hiContrast" | "colors.likec4.compound4.primary.loContrast" | "colors.likec4.compound4.primary.fill" | "colors.likec4.compound4.primary.stroke" | "colors.likec4.compound4.red.hiContrast" | "colors.likec4.compound4.red.loContrast" | "colors.likec4.compound4.red.fill" | "colors.likec4.compound4.red.stroke" | "colors.likec4.compound4.secondary.hiContrast" | "colors.likec4.compound4.secondary.loContrast" | "colors.likec4.compound4.secondary.fill" | "colors.likec4.compound4.secondary.stroke" | "colors.likec4.compound4.sky.hiContrast" | "colors.likec4.compound4.sky.loContrast" | "colors.likec4.compound4.sky.fill" | "colors.likec4.compound4.sky.stroke" | "colors.likec4.compound5.amber.hiContrast" | "colors.likec4.compound5.amber.loContrast" | "colors.likec4.compound5.amber.fill" | "colors.likec4.compound5.amber.stroke" | "colors.likec4.compound5.blue.hiContrast" | "colors.likec4.compound5.blue.loContrast" | "colors.likec4.compound5.blue.fill" | "colors.likec4.compound5.blue.stroke" | "colors.likec4.compound5.gray.hiContrast" | "colors.likec4.compound5.gray.loContrast" | "colors.likec4.compound5.gray.fill" | "colors.likec4.compound5.gray.stroke" | "colors.likec4.compound5.slate.hiContrast" | "colors.likec4.compound5.slate.loContrast" | "colors.likec4.compound5.slate.fill" | "colors.likec4.compound5.slate.stroke" | "colors.likec4.compound5.green.hiContrast" | "colors.likec4.compound5.green.loContrast" | "colors.likec4.compound5.green.fill" | "colors.likec4.compound5.green.stroke" | "colors.likec4.compound5.indigo.hiContrast" | "colors.likec4.compound5.indigo.loContrast" | "colors.likec4.compound5.indigo.fill" | "colors.likec4.compound5.indigo.stroke" | "colors.likec4.compound5.muted.hiContrast" | "colors.likec4.compound5.muted.loContrast" | "colors.likec4.compound5.muted.fill" | "colors.likec4.compound5.muted.stroke" | "colors.likec4.compound5.primary.hiContrast" | "colors.likec4.compound5.primary.loContrast" | "colors.likec4.compound5.primary.fill" | "colors.likec4.compound5.primary.stroke" | "colors.likec4.compound5.red.hiContrast" | "colors.likec4.compound5.red.loContrast" | "colors.likec4.compound5.red.fill" | "colors.likec4.compound5.red.stroke" | "colors.likec4.compound5.secondary.hiContrast" | "colors.likec4.compound5.secondary.loContrast" | "colors.likec4.compound5.secondary.fill" | "colors.likec4.compound5.secondary.stroke" | "colors.likec4.compound5.sky.hiContrast" | "colors.likec4.compound5.sky.loContrast" | "colors.likec4.compound5.sky.fill" | "colors.likec4.compound5.sky.stroke" | "colors.likec4.mixColor" | "colors.likec4.palette" | "colors.likec4.palette.fill" | "colors.likec4.palette.stroke" | "colors.likec4.palette.hiContrast" | "colors.likec4.palette.loContrast" | "colors.likec4.relation.stroke" | "colors.likec4.relation.stroke.selected" | "colors.likec4.relation.label" | "colors.likec4.relation.label.bg" | "spacing.likec4.-xs" | "spacing.likec4.-sm" | "spacing.likec4.-md" | "spacing.likec4.-lg" | "spacing.likec4.-xl" | "colors.colorPalette.colors.primary" | "colors.colorPalette.primary" | "colors.colorPalette" | "colors.colorPalette.colors.primary.filled" | "colors.colorPalette.primary.filled" | "colors.colorPalette.filled" | "colors.colorPalette.colors.primary.filledHover" | "colors.colorPalette.primary.filledHover" | "colors.colorPalette.filledHover" | "colors.colorPalette.colors.primary.light" | "colors.colorPalette.primary.light" | "colors.colorPalette.light" | "colors.colorPalette.colors.primary.lightHover" | "colors.colorPalette.primary.lightHover" | "colors.colorPalette.lightHover" | "colors.colorPalette.colors.primary.lightColor" | "colors.colorPalette.primary.lightColor" | "colors.colorPalette.lightColor" | "colors.colorPalette.colors.primary.outline" | "colors.colorPalette.primary.outline" | "colors.colorPalette.outline" | "colors.colorPalette.colors.primary.outlineHover" | "colors.colorPalette.primary.outlineHover" | "colors.colorPalette.outlineHover" | "colors.colorPalette.colors.primary[0]" | "colors.colorPalette.primary[0]" | "colors.colorPalette.colors.primary[1]" | "colors.colorPalette.primary[1]" | "colors.colorPalette.colors.primary[2]" | "colors.colorPalette.primary[2]" | "colors.colorPalette.colors.primary[3]" | "colors.colorPalette.primary[3]" | "colors.colorPalette.colors.primary[4]" | "colors.colorPalette.primary[4]" | "colors.colorPalette.colors.primary[5]" | "colors.colorPalette.primary[5]" | "colors.colorPalette.colors.primary[6]" | "colors.colorPalette.primary[6]" | "colors.colorPalette.colors.primary[7]" | "colors.colorPalette.primary[7]" | "colors.colorPalette.colors.primary[8]" | "colors.colorPalette.primary[8]" | "colors.colorPalette.colors.primary[9]" | "colors.colorPalette.primary[9]" | "colors.colorPalette.colors.white" | "colors.colorPalette.white" | "colors.colorPalette.colors.text" | "colors.colorPalette.text" | "colors.colorPalette.colors.body" | "colors.colorPalette.body" | "colors.colorPalette.colors.dimmed" | "colors.colorPalette.dimmed" | "colors.colorPalette.colors.defaultBorder" | "colors.colorPalette.defaultBorder" | "colors.colorPalette.colors.defaultColor" | "colors.colorPalette.defaultColor" | "colors.colorPalette.colors.defaultHover" | "colors.colorPalette.defaultHover" | "colors.colorPalette.colors.default" | "colors.colorPalette.default" | "colors.colorPalette.colors.error" | "colors.colorPalette.error" | "colors.colorPalette.colors.placeholder" | "colors.colorPalette.placeholder" | "colors.colorPalette.colors.gray" | "colors.colorPalette.gray" | "colors.colorPalette.colors.gray.filled" | "colors.colorPalette.gray.filled" | "colors.colorPalette.colors.gray.filledHover" | "colors.colorPalette.gray.filledHover" | "colors.colorPalette.colors.gray.light" | "colors.colorPalette.gray.light" | "colors.colorPalette.colors.gray.lightHover" | "colors.colorPalette.gray.lightHover" | "colors.colorPalette.colors.gray.lightColor" | "colors.colorPalette.gray.lightColor" | "colors.colorPalette.colors.gray.outline" | "colors.colorPalette.gray.outline" | "colors.colorPalette.colors.gray.outlineHover" | "colors.colorPalette.gray.outlineHover" | "colors.colorPalette.colors.gray[0]" | "colors.colorPalette.gray[0]" | "colors.colorPalette.colors.gray[1]" | "colors.colorPalette.gray[1]" | "colors.colorPalette.colors.gray[2]" | "colors.colorPalette.gray[2]" | "colors.colorPalette.colors.gray[3]" | "colors.colorPalette.gray[3]" | "colors.colorPalette.colors.gray[4]" | "colors.colorPalette.gray[4]" | "colors.colorPalette.colors.gray[5]" | "colors.colorPalette.gray[5]" | "colors.colorPalette.colors.gray[6]" | "colors.colorPalette.gray[6]" | "colors.colorPalette.colors.gray[7]" | "colors.colorPalette.gray[7]" | "colors.colorPalette.colors.gray[8]" | "colors.colorPalette.gray[8]" | "colors.colorPalette.colors.gray[9]" | "colors.colorPalette.gray[9]" | "colors.colorPalette.colors.dark" | "colors.colorPalette.dark" | "colors.colorPalette.colors.dark.filled" | "colors.colorPalette.dark.filled" | "colors.colorPalette.colors.dark.filledHover" | "colors.colorPalette.dark.filledHover" | "colors.colorPalette.colors.dark.light" | "colors.colorPalette.dark.light" | "colors.colorPalette.colors.dark.lightHover" | "colors.colorPalette.dark.lightHover" | "colors.colorPalette.colors.dark.lightColor" | "colors.colorPalette.dark.lightColor" | "colors.colorPalette.colors.dark.outline" | "colors.colorPalette.dark.outline" | "colors.colorPalette.colors.dark.outlineHover" | "colors.colorPalette.dark.outlineHover" | "colors.colorPalette.colors.dark[0]" | "colors.colorPalette.dark[0]" | "colors.colorPalette.colors.dark[1]" | "colors.colorPalette.dark[1]" | "colors.colorPalette.colors.dark[2]" | "colors.colorPalette.dark[2]" | "colors.colorPalette.colors.dark[3]" | "colors.colorPalette.dark[3]" | "colors.colorPalette.colors.dark[4]" | "colors.colorPalette.dark[4]" | "colors.colorPalette.colors.dark[5]" | "colors.colorPalette.dark[5]" | "colors.colorPalette.colors.dark[6]" | "colors.colorPalette.dark[6]" | "colors.colorPalette.colors.dark[7]" | "colors.colorPalette.dark[7]" | "colors.colorPalette.colors.dark[8]" | "colors.colorPalette.dark[8]" | "colors.colorPalette.colors.dark[9]" | "colors.colorPalette.dark[9]" | "colors.colorPalette.colors.orange" | "colors.colorPalette.orange" | "colors.colorPalette.colors.orange.filled" | "colors.colorPalette.orange.filled" | "colors.colorPalette.colors.orange.filledHover" | "colors.colorPalette.orange.filledHover" | "colors.colorPalette.colors.orange.light" | "colors.colorPalette.orange.light" | "colors.colorPalette.colors.orange.lightHover" | "colors.colorPalette.orange.lightHover" | "colors.colorPalette.colors.orange.lightColor" | "colors.colorPalette.orange.lightColor" | "colors.colorPalette.colors.orange.outline" | "colors.colorPalette.orange.outline" | "colors.colorPalette.colors.orange.outlineHover" | "colors.colorPalette.orange.outlineHover" | "colors.colorPalette.colors.orange[0]" | "colors.colorPalette.orange[0]" | "colors.colorPalette.colors.orange[1]" | "colors.colorPalette.orange[1]" | "colors.colorPalette.colors.orange[2]" | "colors.colorPalette.orange[2]" | "colors.colorPalette.colors.orange[3]" | "colors.colorPalette.orange[3]" | "colors.colorPalette.colors.orange[4]" | "colors.colorPalette.orange[4]" | "colors.colorPalette.colors.orange[5]" | "colors.colorPalette.orange[5]" | "colors.colorPalette.colors.orange[6]" | "colors.colorPalette.orange[6]" | "colors.colorPalette.colors.orange[7]" | "colors.colorPalette.orange[7]" | "colors.colorPalette.colors.orange[8]" | "colors.colorPalette.orange[8]" | "colors.colorPalette.colors.orange[9]" | "colors.colorPalette.orange[9]" | "colors.colorPalette.colors.teal" | "colors.colorPalette.teal" | "colors.colorPalette.colors.teal.filled" | "colors.colorPalette.teal.filled" | "colors.colorPalette.colors.teal.filledHover" | "colors.colorPalette.teal.filledHover" | "colors.colorPalette.colors.teal.light" | "colors.colorPalette.teal.light" | "colors.colorPalette.colors.teal.lightHover" | "colors.colorPalette.teal.lightHover" | "colors.colorPalette.colors.teal.lightColor" | "colors.colorPalette.teal.lightColor" | "colors.colorPalette.colors.teal.outline" | "colors.colorPalette.teal.outline" | "colors.colorPalette.colors.teal.outlineHover" | "colors.colorPalette.teal.outlineHover" | "colors.colorPalette.colors.teal[0]" | "colors.colorPalette.teal[0]" | "colors.colorPalette.colors.teal[1]" | "colors.colorPalette.teal[1]" | "colors.colorPalette.colors.teal[2]" | "colors.colorPalette.teal[2]" | "colors.colorPalette.colors.teal[3]" | "colors.colorPalette.teal[3]" | "colors.colorPalette.colors.teal[4]" | "colors.colorPalette.teal[4]" | "colors.colorPalette.colors.teal[5]" | "colors.colorPalette.teal[5]" | "colors.colorPalette.colors.teal[6]" | "colors.colorPalette.teal[6]" | "colors.colorPalette.colors.teal[7]" | "colors.colorPalette.teal[7]" | "colors.colorPalette.colors.teal[8]" | "colors.colorPalette.teal[8]" | "colors.colorPalette.colors.teal[9]" | "colors.colorPalette.teal[9]" | "colors.colorPalette.colors.red" | "colors.colorPalette.red" | "colors.colorPalette.colors.red.filled" | "colors.colorPalette.red.filled" | "colors.colorPalette.colors.red.filledHover" | "colors.colorPalette.red.filledHover" | "colors.colorPalette.colors.red.light" | "colors.colorPalette.red.light" | "colors.colorPalette.colors.red.lightHover" | "colors.colorPalette.red.lightHover" | "colors.colorPalette.colors.red.lightColor" | "colors.colorPalette.red.lightColor" | "colors.colorPalette.colors.red.outline" | "colors.colorPalette.red.outline" | "colors.colorPalette.colors.red.outlineHover" | "colors.colorPalette.red.outlineHover" | "colors.colorPalette.colors.red[0]" | "colors.colorPalette.red[0]" | "colors.colorPalette.colors.red[1]" | "colors.colorPalette.red[1]" | "colors.colorPalette.colors.red[2]" | "colors.colorPalette.red[2]" | "colors.colorPalette.colors.red[3]" | "colors.colorPalette.red[3]" | "colors.colorPalette.colors.red[4]" | "colors.colorPalette.red[4]" | "colors.colorPalette.colors.red[5]" | "colors.colorPalette.red[5]" | "colors.colorPalette.colors.red[6]" | "colors.colorPalette.red[6]" | "colors.colorPalette.colors.red[7]" | "colors.colorPalette.red[7]" | "colors.colorPalette.colors.red[8]" | "colors.colorPalette.red[8]" | "colors.colorPalette.colors.red[9]" | "colors.colorPalette.red[9]" | "colors.colorPalette.colors.green" | "colors.colorPalette.green" | "colors.colorPalette.colors.green.filled" | "colors.colorPalette.green.filled" | "colors.colorPalette.colors.green.filledHover" | "colors.colorPalette.green.filledHover" | "colors.colorPalette.colors.green.light" | "colors.colorPalette.green.light" | "colors.colorPalette.colors.green.lightHover" | "colors.colorPalette.green.lightHover" | "colors.colorPalette.colors.green.lightColor" | "colors.colorPalette.green.lightColor" | "colors.colorPalette.colors.green.outline" | "colors.colorPalette.green.outline" | "colors.colorPalette.colors.green.outlineHover" | "colors.colorPalette.green.outlineHover" | "colors.colorPalette.colors.green[0]" | "colors.colorPalette.green[0]" | "colors.colorPalette.colors.green[1]" | "colors.colorPalette.green[1]" | "colors.colorPalette.colors.green[2]" | "colors.colorPalette.green[2]" | "colors.colorPalette.colors.green[3]" | "colors.colorPalette.green[3]" | "colors.colorPalette.colors.green[4]" | "colors.colorPalette.green[4]" | "colors.colorPalette.colors.green[5]" | "colors.colorPalette.green[5]" | "colors.colorPalette.colors.green[6]" | "colors.colorPalette.green[6]" | "colors.colorPalette.colors.green[7]" | "colors.colorPalette.green[7]" | "colors.colorPalette.colors.green[8]" | "colors.colorPalette.green[8]" | "colors.colorPalette.colors.green[9]" | "colors.colorPalette.green[9]" | "colors.colorPalette.colors.yellow" | "colors.colorPalette.yellow" | "colors.colorPalette.colors.yellow.filled" | "colors.colorPalette.yellow.filled" | "colors.colorPalette.colors.yellow.filledHover" | "colors.colorPalette.yellow.filledHover" | "colors.colorPalette.colors.yellow.light" | "colors.colorPalette.yellow.light" | "colors.colorPalette.colors.yellow.lightHover" | "colors.colorPalette.yellow.lightHover" | "colors.colorPalette.colors.yellow.lightColor" | "colors.colorPalette.yellow.lightColor" | "colors.colorPalette.colors.yellow.outline" | "colors.colorPalette.yellow.outline" | "colors.colorPalette.colors.yellow.outlineHover" | "colors.colorPalette.yellow.outlineHover" | "colors.colorPalette.colors.yellow[0]" | "colors.colorPalette.yellow[0]" | "colors.colorPalette.colors.yellow[1]" | "colors.colorPalette.yellow[1]" | "colors.colorPalette.colors.yellow[2]" | "colors.colorPalette.yellow[2]" | "colors.colorPalette.colors.yellow[3]" | "colors.colorPalette.yellow[3]" | "colors.colorPalette.colors.yellow[4]" | "colors.colorPalette.yellow[4]" | "colors.colorPalette.colors.yellow[5]" | "colors.colorPalette.yellow[5]" | "colors.colorPalette.colors.yellow[6]" | "colors.colorPalette.yellow[6]" | "colors.colorPalette.colors.yellow[7]" | "colors.colorPalette.yellow[7]" | "colors.colorPalette.colors.yellow[8]" | "colors.colorPalette.yellow[8]" | "colors.colorPalette.colors.yellow[9]" | "colors.colorPalette.yellow[9]" | "colors.colorPalette.background" | "colors.colorPalette.background.pattern" | "colors.colorPalette.pattern" | "colors.colorPalette.amber.element.fill" | "colors.colorPalette.element.fill" | "colors.colorPalette.fill" | "colors.colorPalette.amber.element.stroke" | "colors.colorPalette.element.stroke" | "colors.colorPalette.stroke" | "colors.colorPalette.amber.element.hiContrast" | "colors.colorPalette.element.hiContrast" | "colors.colorPalette.hiContrast" | "colors.colorPalette.amber.element.loContrast" | "colors.colorPalette.element.loContrast" | "colors.colorPalette.loContrast" | "colors.colorPalette.amber.relation.stroke" | "colors.colorPalette.relation.stroke" | "colors.colorPalette.amber.relation.stroke.selected" | "colors.colorPalette.relation.stroke.selected" | "colors.colorPalette.stroke.selected" | "colors.colorPalette.selected" | "colors.colorPalette.amber.relation.label" | "colors.colorPalette.relation.label" | "colors.colorPalette.label" | "colors.colorPalette.amber.relation.label.bg" | "colors.colorPalette.relation.label.bg" | "colors.colorPalette.label.bg" | "colors.colorPalette.bg" | "colors.colorPalette.blue.element.fill" | "colors.colorPalette.blue.element.stroke" | "colors.colorPalette.blue.element.hiContrast" | "colors.colorPalette.blue.element.loContrast" | "colors.colorPalette.blue.relation.stroke" | "colors.colorPalette.blue.relation.stroke.selected" | "colors.colorPalette.blue.relation.label" | "colors.colorPalette.blue.relation.label.bg" | "colors.colorPalette.gray.element.fill" | "colors.colorPalette.gray.element.stroke" | "colors.colorPalette.gray.element.hiContrast" | "colors.colorPalette.gray.element.loContrast" | "colors.colorPalette.gray.relation.stroke" | "colors.colorPalette.gray.relation.stroke.selected" | "colors.colorPalette.gray.relation.label" | "colors.colorPalette.gray.relation.label.bg" | "colors.colorPalette.slate.element.fill" | "colors.colorPalette.slate.element.stroke" | "colors.colorPalette.slate.element.hiContrast" | "colors.colorPalette.slate.element.loContrast" | "colors.colorPalette.slate.relation.stroke" | "colors.colorPalette.slate.relation.stroke.selected" | "colors.colorPalette.slate.relation.label" | "colors.colorPalette.slate.relation.label.bg" | "colors.colorPalette.green.element.fill" | "colors.colorPalette.green.element.stroke" | "colors.colorPalette.green.element.hiContrast" | "colors.colorPalette.green.element.loContrast" | "colors.colorPalette.green.relation.stroke" | "colors.colorPalette.green.relation.stroke.selected" | "colors.colorPalette.green.relation.label" | "colors.colorPalette.green.relation.label.bg" | "colors.colorPalette.indigo.element.fill" | "colors.colorPalette.indigo.element.stroke" | "colors.colorPalette.indigo.element.hiContrast" | "colors.colorPalette.indigo.element.loContrast" | "colors.colorPalette.indigo.relation.stroke" | "colors.colorPalette.indigo.relation.stroke.selected" | "colors.colorPalette.indigo.relation.label" | "colors.colorPalette.indigo.relation.label.bg" | "colors.colorPalette.muted.element.fill" | "colors.colorPalette.muted.element.stroke" | "colors.colorPalette.muted.element.hiContrast" | "colors.colorPalette.muted.element.loContrast" | "colors.colorPalette.muted.relation.stroke" | "colors.colorPalette.muted.relation.stroke.selected" | "colors.colorPalette.muted.relation.label" | "colors.colorPalette.muted.relation.label.bg" | "colors.colorPalette.primary.element.fill" | "colors.colorPalette.primary.element.stroke" | "colors.colorPalette.primary.element.hiContrast" | "colors.colorPalette.primary.element.loContrast" | "colors.colorPalette.primary.relation.stroke" | "colors.colorPalette.primary.relation.stroke.selected" | "colors.colorPalette.primary.relation.label" | "colors.colorPalette.primary.relation.label.bg" | "colors.colorPalette.red.element.fill" | "colors.colorPalette.red.element.stroke" | "colors.colorPalette.red.element.hiContrast" | "colors.colorPalette.red.element.loContrast" | "colors.colorPalette.red.relation.stroke" | "colors.colorPalette.red.relation.stroke.selected" | "colors.colorPalette.red.relation.label" | "colors.colorPalette.red.relation.label.bg" | "colors.colorPalette.secondary.element.fill" | "colors.colorPalette.secondary.element.stroke" | "colors.colorPalette.secondary.element.hiContrast" | "colors.colorPalette.secondary.element.loContrast" | "colors.colorPalette.secondary.relation.stroke" | "colors.colorPalette.secondary.relation.stroke.selected" | "colors.colorPalette.secondary.relation.label" | "colors.colorPalette.secondary.relation.label.bg" | "colors.colorPalette.sky.element.fill" | "colors.colorPalette.sky.element.stroke" | "colors.colorPalette.sky.element.hiContrast" | "colors.colorPalette.sky.element.loContrast" | "colors.colorPalette.sky.relation.stroke" | "colors.colorPalette.sky.relation.stroke.selected" | "colors.colorPalette.sky.relation.label" | "colors.colorPalette.sky.relation.label.bg" | "colors.colorPalette.compound1.amber.hiContrast" | "colors.colorPalette.amber.hiContrast" | "colors.colorPalette.compound1.amber.loContrast" | "colors.colorPalette.amber.loContrast" | "colors.colorPalette.compound1.amber.fill" | "colors.colorPalette.amber.fill" | "colors.colorPalette.compound1.amber.stroke" | "colors.colorPalette.amber.stroke" | "colors.colorPalette.compound1.blue.hiContrast" | "colors.colorPalette.blue.hiContrast" | "colors.colorPalette.compound1.blue.loContrast" | "colors.colorPalette.blue.loContrast" | "colors.colorPalette.compound1.blue.fill" | "colors.colorPalette.blue.fill" | "colors.colorPalette.compound1.blue.stroke" | "colors.colorPalette.blue.stroke" | "colors.colorPalette.compound1.gray.hiContrast" | "colors.colorPalette.gray.hiContrast" | "colors.colorPalette.compound1.gray.loContrast" | "colors.colorPalette.gray.loContrast" | "colors.colorPalette.compound1.gray.fill" | "colors.colorPalette.gray.fill" | "colors.colorPalette.compound1.gray.stroke" | "colors.colorPalette.gray.stroke" | "colors.colorPalette.compound1.slate.hiContrast" | "colors.colorPalette.slate.hiContrast" | "colors.colorPalette.compound1.slate.loContrast" | "colors.colorPalette.slate.loContrast" | "colors.colorPalette.compound1.slate.fill" | "colors.colorPalette.slate.fill" | "colors.colorPalette.compound1.slate.stroke" | "colors.colorPalette.slate.stroke" | "colors.colorPalette.compound1.green.hiContrast" | "colors.colorPalette.green.hiContrast" | "colors.colorPalette.compound1.green.loContrast" | "colors.colorPalette.green.loContrast" | "colors.colorPalette.compound1.green.fill" | "colors.colorPalette.green.fill" | "colors.colorPalette.compound1.green.stroke" | "colors.colorPalette.green.stroke" | "colors.colorPalette.compound1.indigo.hiContrast" | "colors.colorPalette.indigo.hiContrast" | "colors.colorPalette.compound1.indigo.loContrast" | "colors.colorPalette.indigo.loContrast" | "colors.colorPalette.compound1.indigo.fill" | "colors.colorPalette.indigo.fill" | "colors.colorPalette.compound1.indigo.stroke" | "colors.colorPalette.indigo.stroke" | "colors.colorPalette.compound1.muted.hiContrast" | "colors.colorPalette.muted.hiContrast" | "colors.colorPalette.compound1.muted.loContrast" | "colors.colorPalette.muted.loContrast" | "colors.colorPalette.compound1.muted.fill" | "colors.colorPalette.muted.fill" | "colors.colorPalette.compound1.muted.stroke" | "colors.colorPalette.muted.stroke" | "colors.colorPalette.compound1.primary.hiContrast" | "colors.colorPalette.primary.hiContrast" | "colors.colorPalette.compound1.primary.loContrast" | "colors.colorPalette.primary.loContrast" | "colors.colorPalette.compound1.primary.fill" | "colors.colorPalette.primary.fill" | "colors.colorPalette.compound1.primary.stroke" | "colors.colorPalette.primary.stroke" | "colors.colorPalette.compound1.red.hiContrast" | "colors.colorPalette.red.hiContrast" | "colors.colorPalette.compound1.red.loContrast" | "colors.colorPalette.red.loContrast" | "colors.colorPalette.compound1.red.fill" | "colors.colorPalette.red.fill" | "colors.colorPalette.compound1.red.stroke" | "colors.colorPalette.red.stroke" | "colors.colorPalette.compound1.secondary.hiContrast" | "colors.colorPalette.secondary.hiContrast" | "colors.colorPalette.compound1.secondary.loContrast" | "colors.colorPalette.secondary.loContrast" | "colors.colorPalette.compound1.secondary.fill" | "colors.colorPalette.secondary.fill" | "colors.colorPalette.compound1.secondary.stroke" | "colors.colorPalette.secondary.stroke" | "colors.colorPalette.compound1.sky.hiContrast" | "colors.colorPalette.sky.hiContrast" | "colors.colorPalette.compound1.sky.loContrast" | "colors.colorPalette.sky.loContrast" | "colors.colorPalette.compound1.sky.fill" | "colors.colorPalette.sky.fill" | "colors.colorPalette.compound1.sky.stroke" | "colors.colorPalette.sky.stroke" | "colors.colorPalette.compound2.amber.hiContrast" | "colors.colorPalette.compound2.amber.loContrast" | "colors.colorPalette.compound2.amber.fill" | "colors.colorPalette.compound2.amber.stroke" | "colors.colorPalette.compound2.blue.hiContrast" | "colors.colorPalette.compound2.blue.loContrast" | "colors.colorPalette.compound2.blue.fill" | "colors.colorPalette.compound2.blue.stroke" | "colors.colorPalette.compound2.gray.hiContrast" | "colors.colorPalette.compound2.gray.loContrast" | "colors.colorPalette.compound2.gray.fill" | "colors.colorPalette.compound2.gray.stroke" | "colors.colorPalette.compound2.slate.hiContrast" | "colors.colorPalette.compound2.slate.loContrast" | "colors.colorPalette.compound2.slate.fill" | "colors.colorPalette.compound2.slate.stroke" | "colors.colorPalette.compound2.green.hiContrast" | "colors.colorPalette.compound2.green.loContrast" | "colors.colorPalette.compound2.green.fill" | "colors.colorPalette.compound2.green.stroke" | "colors.colorPalette.compound2.indigo.hiContrast" | "colors.colorPalette.compound2.indigo.loContrast" | "colors.colorPalette.compound2.indigo.fill" | "colors.colorPalette.compound2.indigo.stroke" | "colors.colorPalette.compound2.muted.hiContrast" | "colors.colorPalette.compound2.muted.loContrast" | "colors.colorPalette.compound2.muted.fill" | "colors.colorPalette.compound2.muted.stroke" | "colors.colorPalette.compound2.primary.hiContrast" | "colors.colorPalette.compound2.primary.loContrast" | "colors.colorPalette.compound2.primary.fill" | "colors.colorPalette.compound2.primary.stroke" | "colors.colorPalette.compound2.red.hiContrast" | "colors.colorPalette.compound2.red.loContrast" | "colors.colorPalette.compound2.red.fill" | "colors.colorPalette.compound2.red.stroke" | "colors.colorPalette.compound2.secondary.hiContrast" | "colors.colorPalette.compound2.secondary.loContrast" | "colors.colorPalette.compound2.secondary.fill" | "colors.colorPalette.compound2.secondary.stroke" | "colors.colorPalette.compound2.sky.hiContrast" | "colors.colorPalette.compound2.sky.loContrast" | "colors.colorPalette.compound2.sky.fill" | "colors.colorPalette.compound2.sky.stroke" | "colors.colorPalette.compound3.amber.hiContrast" | "colors.colorPalette.compound3.amber.loContrast" | "colors.colorPalette.compound3.amber.fill" | "colors.colorPalette.compound3.amber.stroke" | "colors.colorPalette.compound3.blue.hiContrast" | "colors.colorPalette.compound3.blue.loContrast" | "colors.colorPalette.compound3.blue.fill" | "colors.colorPalette.compound3.blue.stroke" | "colors.colorPalette.compound3.gray.hiContrast" | "colors.colorPalette.compound3.gray.loContrast" | "colors.colorPalette.compound3.gray.fill" | "colors.colorPalette.compound3.gray.stroke" | "colors.colorPalette.compound3.slate.hiContrast" | "colors.colorPalette.compound3.slate.loContrast" | "colors.colorPalette.compound3.slate.fill" | "colors.colorPalette.compound3.slate.stroke" | "colors.colorPalette.compound3.green.hiContrast" | "colors.colorPalette.compound3.green.loContrast" | "colors.colorPalette.compound3.green.fill" | "colors.colorPalette.compound3.green.stroke" | "colors.colorPalette.compound3.indigo.hiContrast" | "colors.colorPalette.compound3.indigo.loContrast" | "colors.colorPalette.compound3.indigo.fill" | "colors.colorPalette.compound3.indigo.stroke" | "colors.colorPalette.compound3.muted.hiContrast" | "colors.colorPalette.compound3.muted.loContrast" | "colors.colorPalette.compound3.muted.fill" | "colors.colorPalette.compound3.muted.stroke" | "colors.colorPalette.compound3.primary.hiContrast" | "colors.colorPalette.compound3.primary.loContrast" | "colors.colorPalette.compound3.primary.fill" | "colors.colorPalette.compound3.primary.stroke" | "colors.colorPalette.compound3.red.hiContrast" | "colors.colorPalette.compound3.red.loContrast" | "colors.colorPalette.compound3.red.fill" | "colors.colorPalette.compound3.red.stroke" | "colors.colorPalette.compound3.secondary.hiContrast" | "colors.colorPalette.compound3.secondary.loContrast" | "colors.colorPalette.compound3.secondary.fill" | "colors.colorPalette.compound3.secondary.stroke" | "colors.colorPalette.compound3.sky.hiContrast" | "colors.colorPalette.compound3.sky.loContrast" | "colors.colorPalette.compound3.sky.fill" | "colors.colorPalette.compound3.sky.stroke" | "colors.colorPalette.compound4.amber.hiContrast" | "colors.colorPalette.compound4.amber.loContrast" | "colors.colorPalette.compound4.amber.fill" | "colors.colorPalette.compound4.amber.stroke" | "colors.colorPalette.compound4.blue.hiContrast" | "colors.colorPalette.compound4.blue.loContrast" | "colors.colorPalette.compound4.blue.fill" | "colors.colorPalette.compound4.blue.stroke" | "colors.colorPalette.compound4.gray.hiContrast" | "colors.colorPalette.compound4.gray.loContrast" | "colors.colorPalette.compound4.gray.fill" | "colors.colorPalette.compound4.gray.stroke" | "colors.colorPalette.compound4.slate.hiContrast" | "colors.colorPalette.compound4.slate.loContrast" | "colors.colorPalette.compound4.slate.fill" | "colors.colorPalette.compound4.slate.stroke" | "colors.colorPalette.compound4.green.hiContrast" | "colors.colorPalette.compound4.green.loContrast" | "colors.colorPalette.compound4.green.fill" | "colors.colorPalette.compound4.green.stroke" | "colors.colorPalette.compound4.indigo.hiContrast" | "colors.colorPalette.compound4.indigo.loContrast" | "colors.colorPalette.compound4.indigo.fill" | "colors.colorPalette.compound4.indigo.stroke" | "colors.colorPalette.compound4.muted.hiContrast" | "colors.colorPalette.compound4.muted.loContrast" | "colors.colorPalette.compound4.muted.fill" | "colors.colorPalette.compound4.muted.stroke" | "colors.colorPalette.compound4.primary.hiContrast" | "colors.colorPalette.compound4.primary.loContrast" | "colors.colorPalette.compound4.primary.fill" | "colors.colorPalette.compound4.primary.stroke" | "colors.colorPalette.compound4.red.hiContrast" | "colors.colorPalette.compound4.red.loContrast" | "colors.colorPalette.compound4.red.fill" | "colors.colorPalette.compound4.red.stroke" | "colors.colorPalette.compound4.secondary.hiContrast" | "colors.colorPalette.compound4.secondary.loContrast" | "colors.colorPalette.compound4.secondary.fill" | "colors.colorPalette.compound4.secondary.stroke" | "colors.colorPalette.compound4.sky.hiContrast" | "colors.colorPalette.compound4.sky.loContrast" | "colors.colorPalette.compound4.sky.fill" | "colors.colorPalette.compound4.sky.stroke" | "colors.colorPalette.compound5.amber.hiContrast" | "colors.colorPalette.compound5.amber.loContrast" | "colors.colorPalette.compound5.amber.fill" | "colors.colorPalette.compound5.amber.stroke" | "colors.colorPalette.compound5.blue.hiContrast" | "colors.colorPalette.compound5.blue.loContrast" | "colors.colorPalette.compound5.blue.fill" | "colors.colorPalette.compound5.blue.stroke" | "colors.colorPalette.compound5.gray.hiContrast" | "colors.colorPalette.compound5.gray.loContrast" | "colors.colorPalette.compound5.gray.fill" | "colors.colorPalette.compound5.gray.stroke" | "colors.colorPalette.compound5.slate.hiContrast" | "colors.colorPalette.compound5.slate.loContrast" | "colors.colorPalette.compound5.slate.fill" | "colors.colorPalette.compound5.slate.stroke" | "colors.colorPalette.compound5.green.hiContrast" | "colors.colorPalette.compound5.green.loContrast" | "colors.colorPalette.compound5.green.fill" | "colors.colorPalette.compound5.green.stroke" | "colors.colorPalette.compound5.indigo.hiContrast" | "colors.colorPalette.compound5.indigo.loContrast" | "colors.colorPalette.compound5.indigo.fill" | "colors.colorPalette.compound5.indigo.stroke" | "colors.colorPalette.compound5.muted.hiContrast" | "colors.colorPalette.compound5.muted.loContrast" | "colors.colorPalette.compound5.muted.fill" | "colors.colorPalette.compound5.muted.stroke" | "colors.colorPalette.compound5.primary.hiContrast" | "colors.colorPalette.compound5.primary.loContrast" | "colors.colorPalette.compound5.primary.fill" | "colors.colorPalette.compound5.primary.stroke" | "colors.colorPalette.compound5.red.hiContrast" | "colors.colorPalette.compound5.red.loContrast" | "colors.colorPalette.compound5.red.fill" | "colors.colorPalette.compound5.red.stroke" | "colors.colorPalette.compound5.secondary.hiContrast" | "colors.colorPalette.compound5.secondary.loContrast" | "colors.colorPalette.compound5.secondary.fill" | "colors.colorPalette.compound5.secondary.stroke" | "colors.colorPalette.compound5.sky.hiContrast" | "colors.colorPalette.compound5.sky.loContrast" | "colors.colorPalette.compound5.sky.fill" | "colors.colorPalette.compound5.sky.stroke" | "colors.colorPalette.mixColor" | "colors.colorPalette.palette" | "colors.colorPalette.palette.fill" | "colors.colorPalette.palette.stroke" | "colors.colorPalette.palette.hiContrast" | "colors.colorPalette.palette.loContrast"
3
+
4
+ export type ColorPalette = "mantine" | "mantine.colors.primary" | "mantine.colors" | "mantine.colors.gray" | "mantine.colors.dark" | "mantine.colors.orange" | "mantine.colors.teal" | "mantine.colors.red" | "mantine.colors.green" | "mantine.colors.yellow" | "transparent" | "likec4" | "likec4.background" | "likec4.amber" | "likec4.amber.element" | "likec4.amber.relation.stroke" | "likec4.amber.relation" | "likec4.amber.relation.label" | "likec4.blue" | "likec4.blue.element" | "likec4.blue.relation.stroke" | "likec4.blue.relation" | "likec4.blue.relation.label" | "likec4.gray" | "likec4.gray.element" | "likec4.gray.relation.stroke" | "likec4.gray.relation" | "likec4.gray.relation.label" | "likec4.slate" | "likec4.slate.element" | "likec4.slate.relation.stroke" | "likec4.slate.relation" | "likec4.slate.relation.label" | "likec4.green" | "likec4.green.element" | "likec4.green.relation.stroke" | "likec4.green.relation" | "likec4.green.relation.label" | "likec4.indigo" | "likec4.indigo.element" | "likec4.indigo.relation.stroke" | "likec4.indigo.relation" | "likec4.indigo.relation.label" | "likec4.muted" | "likec4.muted.element" | "likec4.muted.relation.stroke" | "likec4.muted.relation" | "likec4.muted.relation.label" | "likec4.primary" | "likec4.primary.element" | "likec4.primary.relation.stroke" | "likec4.primary.relation" | "likec4.primary.relation.label" | "likec4.red" | "likec4.red.element" | "likec4.red.relation.stroke" | "likec4.red.relation" | "likec4.red.relation.label" | "likec4.secondary" | "likec4.secondary.element" | "likec4.secondary.relation.stroke" | "likec4.secondary.relation" | "likec4.secondary.relation.label" | "likec4.sky" | "likec4.sky.element" | "likec4.sky.relation.stroke" | "likec4.sky.relation" | "likec4.sky.relation.label" | "likec4.compound1" | "likec4.compound1.amber" | "likec4.compound1.blue" | "likec4.compound1.gray" | "likec4.compound1.slate" | "likec4.compound1.green" | "likec4.compound1.indigo" | "likec4.compound1.muted" | "likec4.compound1.primary" | "likec4.compound1.red" | "likec4.compound1.secondary" | "likec4.compound1.sky" | "likec4.compound2" | "likec4.compound2.amber" | "likec4.compound2.blue" | "likec4.compound2.gray" | "likec4.compound2.slate" | "likec4.compound2.green" | "likec4.compound2.indigo" | "likec4.compound2.muted" | "likec4.compound2.primary" | "likec4.compound2.red" | "likec4.compound2.secondary" | "likec4.compound2.sky" | "likec4.compound3" | "likec4.compound3.amber" | "likec4.compound3.blue" | "likec4.compound3.gray" | "likec4.compound3.slate" | "likec4.compound3.green" | "likec4.compound3.indigo" | "likec4.compound3.muted" | "likec4.compound3.primary" | "likec4.compound3.red" | "likec4.compound3.secondary" | "likec4.compound3.sky" | "likec4.compound4" | "likec4.compound4.amber" | "likec4.compound4.blue" | "likec4.compound4.gray" | "likec4.compound4.slate" | "likec4.compound4.green" | "likec4.compound4.indigo" | "likec4.compound4.muted" | "likec4.compound4.primary" | "likec4.compound4.red" | "likec4.compound4.secondary" | "likec4.compound4.sky" | "likec4.compound5" | "likec4.compound5.amber" | "likec4.compound5.blue" | "likec4.compound5.gray" | "likec4.compound5.slate" | "likec4.compound5.green" | "likec4.compound5.indigo" | "likec4.compound5.muted" | "likec4.compound5.primary" | "likec4.compound5.red" | "likec4.compound5.secondary" | "likec4.compound5.sky" | "likec4.palette" | "likec4.relation.stroke" | "likec4.relation" | "likec4.relation.label"
5
+
6
+ export type RadiusToken = "xs" | "sm" | "md" | "lg" | "xl"
7
+
8
+ export type FontSizeToken = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "likec4.xs" | "likec4.sm" | "likec4.md" | "likec4.lg" | "likec4.xl" | "likec4.textSize"
9
+
10
+ export type ShadowToken = "xs" | "sm" | "md" | "lg" | "xl"
11
+
12
+ export type LineHeightToken = "1" | "xs" | "sm" | "md" | "lg" | "xl"
13
+
14
+ export type BorderToken = "none" | "transparent" | "default"
15
+
16
+ export type SpacingToken = "0" | "2" | "4" | "8" | "xs" | "sm" | "md" | "lg" | "xl" | "likec4.xs" | "likec4.sm" | "likec4.md" | "likec4.lg" | "likec4.xl" | "micro" | "2xs"
17
+
18
+ export type ColorToken = "mantine.colors.primary" | "mantine.colors.primary.filled" | "mantine.colors.primary.filledHover" | "mantine.colors.primary.light" | "mantine.colors.primary.lightHover" | "mantine.colors.primary.lightColor" | "mantine.colors.primary.outline" | "mantine.colors.primary.outlineHover" | "mantine.colors.primary[0]" | "mantine.colors.primary[1]" | "mantine.colors.primary[2]" | "mantine.colors.primary[3]" | "mantine.colors.primary[4]" | "mantine.colors.primary[5]" | "mantine.colors.primary[6]" | "mantine.colors.primary[7]" | "mantine.colors.primary[8]" | "mantine.colors.primary[9]" | "mantine.colors.white" | "mantine.colors.text" | "mantine.colors.body" | "mantine.colors.dimmed" | "mantine.colors.defaultBorder" | "mantine.colors.defaultColor" | "mantine.colors.defaultHover" | "mantine.colors.default" | "mantine.colors.error" | "mantine.colors.placeholder" | "mantine.colors.gray" | "mantine.colors.gray.filled" | "mantine.colors.gray.filledHover" | "mantine.colors.gray.light" | "mantine.colors.gray.lightHover" | "mantine.colors.gray.lightColor" | "mantine.colors.gray.outline" | "mantine.colors.gray.outlineHover" | "mantine.colors.gray[0]" | "mantine.colors.gray[1]" | "mantine.colors.gray[2]" | "mantine.colors.gray[3]" | "mantine.colors.gray[4]" | "mantine.colors.gray[5]" | "mantine.colors.gray[6]" | "mantine.colors.gray[7]" | "mantine.colors.gray[8]" | "mantine.colors.gray[9]" | "mantine.colors.dark" | "mantine.colors.dark.filled" | "mantine.colors.dark.filledHover" | "mantine.colors.dark.light" | "mantine.colors.dark.lightHover" | "mantine.colors.dark.lightColor" | "mantine.colors.dark.outline" | "mantine.colors.dark.outlineHover" | "mantine.colors.dark[0]" | "mantine.colors.dark[1]" | "mantine.colors.dark[2]" | "mantine.colors.dark[3]" | "mantine.colors.dark[4]" | "mantine.colors.dark[5]" | "mantine.colors.dark[6]" | "mantine.colors.dark[7]" | "mantine.colors.dark[8]" | "mantine.colors.dark[9]" | "mantine.colors.orange" | "mantine.colors.orange.filled" | "mantine.colors.orange.filledHover" | "mantine.colors.orange.light" | "mantine.colors.orange.lightHover" | "mantine.colors.orange.lightColor" | "mantine.colors.orange.outline" | "mantine.colors.orange.outlineHover" | "mantine.colors.orange[0]" | "mantine.colors.orange[1]" | "mantine.colors.orange[2]" | "mantine.colors.orange[3]" | "mantine.colors.orange[4]" | "mantine.colors.orange[5]" | "mantine.colors.orange[6]" | "mantine.colors.orange[7]" | "mantine.colors.orange[8]" | "mantine.colors.orange[9]" | "mantine.colors.teal" | "mantine.colors.teal.filled" | "mantine.colors.teal.filledHover" | "mantine.colors.teal.light" | "mantine.colors.teal.lightHover" | "mantine.colors.teal.lightColor" | "mantine.colors.teal.outline" | "mantine.colors.teal.outlineHover" | "mantine.colors.teal[0]" | "mantine.colors.teal[1]" | "mantine.colors.teal[2]" | "mantine.colors.teal[3]" | "mantine.colors.teal[4]" | "mantine.colors.teal[5]" | "mantine.colors.teal[6]" | "mantine.colors.teal[7]" | "mantine.colors.teal[8]" | "mantine.colors.teal[9]" | "mantine.colors.red" | "mantine.colors.red.filled" | "mantine.colors.red.filledHover" | "mantine.colors.red.light" | "mantine.colors.red.lightHover" | "mantine.colors.red.lightColor" | "mantine.colors.red.outline" | "mantine.colors.red.outlineHover" | "mantine.colors.red[0]" | "mantine.colors.red[1]" | "mantine.colors.red[2]" | "mantine.colors.red[3]" | "mantine.colors.red[4]" | "mantine.colors.red[5]" | "mantine.colors.red[6]" | "mantine.colors.red[7]" | "mantine.colors.red[8]" | "mantine.colors.red[9]" | "mantine.colors.green" | "mantine.colors.green.filled" | "mantine.colors.green.filledHover" | "mantine.colors.green.light" | "mantine.colors.green.lightHover" | "mantine.colors.green.lightColor" | "mantine.colors.green.outline" | "mantine.colors.green.outlineHover" | "mantine.colors.green[0]" | "mantine.colors.green[1]" | "mantine.colors.green[2]" | "mantine.colors.green[3]" | "mantine.colors.green[4]" | "mantine.colors.green[5]" | "mantine.colors.green[6]" | "mantine.colors.green[7]" | "mantine.colors.green[8]" | "mantine.colors.green[9]" | "mantine.colors.yellow" | "mantine.colors.yellow.filled" | "mantine.colors.yellow.filledHover" | "mantine.colors.yellow.light" | "mantine.colors.yellow.lightHover" | "mantine.colors.yellow.lightColor" | "mantine.colors.yellow.outline" | "mantine.colors.yellow.outlineHover" | "mantine.colors.yellow[0]" | "mantine.colors.yellow[1]" | "mantine.colors.yellow[2]" | "mantine.colors.yellow[3]" | "mantine.colors.yellow[4]" | "mantine.colors.yellow[5]" | "mantine.colors.yellow[6]" | "mantine.colors.yellow[7]" | "mantine.colors.yellow[8]" | "mantine.colors.yellow[9]" | "transparent" | "likec4.background" | "likec4.background.pattern" | "likec4.amber.element.fill" | "likec4.amber.element.stroke" | "likec4.amber.element.hiContrast" | "likec4.amber.element.loContrast" | "likec4.amber.relation.stroke" | "likec4.amber.relation.label" | "likec4.amber.relation.label.bg" | "likec4.blue.element.fill" | "likec4.blue.element.stroke" | "likec4.blue.element.hiContrast" | "likec4.blue.element.loContrast" | "likec4.blue.relation.stroke" | "likec4.blue.relation.label" | "likec4.blue.relation.label.bg" | "likec4.gray.element.fill" | "likec4.gray.element.stroke" | "likec4.gray.element.hiContrast" | "likec4.gray.element.loContrast" | "likec4.gray.relation.stroke" | "likec4.gray.relation.label" | "likec4.gray.relation.label.bg" | "likec4.slate.element.fill" | "likec4.slate.element.stroke" | "likec4.slate.element.hiContrast" | "likec4.slate.element.loContrast" | "likec4.slate.relation.stroke" | "likec4.slate.relation.label" | "likec4.slate.relation.label.bg" | "likec4.green.element.fill" | "likec4.green.element.stroke" | "likec4.green.element.hiContrast" | "likec4.green.element.loContrast" | "likec4.green.relation.stroke" | "likec4.green.relation.label" | "likec4.green.relation.label.bg" | "likec4.indigo.element.fill" | "likec4.indigo.element.stroke" | "likec4.indigo.element.hiContrast" | "likec4.indigo.element.loContrast" | "likec4.indigo.relation.stroke" | "likec4.indigo.relation.label" | "likec4.indigo.relation.label.bg" | "likec4.muted.element.fill" | "likec4.muted.element.stroke" | "likec4.muted.element.hiContrast" | "likec4.muted.element.loContrast" | "likec4.muted.relation.stroke" | "likec4.muted.relation.label" | "likec4.muted.relation.label.bg" | "likec4.primary.element.fill" | "likec4.primary.element.stroke" | "likec4.primary.element.hiContrast" | "likec4.primary.element.loContrast" | "likec4.primary.relation.stroke" | "likec4.primary.relation.label" | "likec4.primary.relation.label.bg" | "likec4.red.element.fill" | "likec4.red.element.stroke" | "likec4.red.element.hiContrast" | "likec4.red.element.loContrast" | "likec4.red.relation.stroke" | "likec4.red.relation.label" | "likec4.red.relation.label.bg" | "likec4.secondary.element.fill" | "likec4.secondary.element.stroke" | "likec4.secondary.element.hiContrast" | "likec4.secondary.element.loContrast" | "likec4.secondary.relation.stroke" | "likec4.secondary.relation.label" | "likec4.secondary.relation.label.bg" | "likec4.sky.element.fill" | "likec4.sky.element.stroke" | "likec4.sky.element.hiContrast" | "likec4.sky.element.loContrast" | "likec4.sky.relation.stroke" | "likec4.sky.relation.label" | "likec4.sky.relation.label.bg" | "likec4.compound1.amber.hiContrast" | "likec4.compound1.amber.loContrast" | "likec4.compound1.blue.hiContrast" | "likec4.compound1.blue.loContrast" | "likec4.compound1.gray.hiContrast" | "likec4.compound1.gray.loContrast" | "likec4.compound1.slate.hiContrast" | "likec4.compound1.slate.loContrast" | "likec4.compound1.green.hiContrast" | "likec4.compound1.green.loContrast" | "likec4.compound1.indigo.hiContrast" | "likec4.compound1.indigo.loContrast" | "likec4.compound1.muted.hiContrast" | "likec4.compound1.muted.loContrast" | "likec4.compound1.primary.hiContrast" | "likec4.compound1.primary.loContrast" | "likec4.compound1.red.hiContrast" | "likec4.compound1.red.loContrast" | "likec4.compound1.secondary.hiContrast" | "likec4.compound1.secondary.loContrast" | "likec4.compound1.sky.hiContrast" | "likec4.compound1.sky.loContrast" | "likec4.compound2.amber.hiContrast" | "likec4.compound2.amber.loContrast" | "likec4.compound2.blue.hiContrast" | "likec4.compound2.blue.loContrast" | "likec4.compound2.gray.hiContrast" | "likec4.compound2.gray.loContrast" | "likec4.compound2.slate.hiContrast" | "likec4.compound2.slate.loContrast" | "likec4.compound2.green.hiContrast" | "likec4.compound2.green.loContrast" | "likec4.compound2.indigo.hiContrast" | "likec4.compound2.indigo.loContrast" | "likec4.compound2.muted.hiContrast" | "likec4.compound2.muted.loContrast" | "likec4.compound2.primary.hiContrast" | "likec4.compound2.primary.loContrast" | "likec4.compound2.red.hiContrast" | "likec4.compound2.red.loContrast" | "likec4.compound2.secondary.hiContrast" | "likec4.compound2.secondary.loContrast" | "likec4.compound2.sky.hiContrast" | "likec4.compound2.sky.loContrast" | "likec4.compound3.amber.hiContrast" | "likec4.compound3.amber.loContrast" | "likec4.compound3.blue.hiContrast" | "likec4.compound3.blue.loContrast" | "likec4.compound3.gray.hiContrast" | "likec4.compound3.gray.loContrast" | "likec4.compound3.slate.hiContrast" | "likec4.compound3.slate.loContrast" | "likec4.compound3.green.hiContrast" | "likec4.compound3.green.loContrast" | "likec4.compound3.indigo.hiContrast" | "likec4.compound3.indigo.loContrast" | "likec4.compound3.muted.hiContrast" | "likec4.compound3.muted.loContrast" | "likec4.compound3.primary.hiContrast" | "likec4.compound3.primary.loContrast" | "likec4.compound3.red.hiContrast" | "likec4.compound3.red.loContrast" | "likec4.compound3.secondary.hiContrast" | "likec4.compound3.secondary.loContrast" | "likec4.compound3.sky.hiContrast" | "likec4.compound3.sky.loContrast" | "likec4.compound4.amber.hiContrast" | "likec4.compound4.amber.loContrast" | "likec4.compound4.blue.hiContrast" | "likec4.compound4.blue.loContrast" | "likec4.compound4.gray.hiContrast" | "likec4.compound4.gray.loContrast" | "likec4.compound4.slate.hiContrast" | "likec4.compound4.slate.loContrast" | "likec4.compound4.green.hiContrast" | "likec4.compound4.green.loContrast" | "likec4.compound4.indigo.hiContrast" | "likec4.compound4.indigo.loContrast" | "likec4.compound4.muted.hiContrast" | "likec4.compound4.muted.loContrast" | "likec4.compound4.primary.hiContrast" | "likec4.compound4.primary.loContrast" | "likec4.compound4.red.hiContrast" | "likec4.compound4.red.loContrast" | "likec4.compound4.secondary.hiContrast" | "likec4.compound4.secondary.loContrast" | "likec4.compound4.sky.hiContrast" | "likec4.compound4.sky.loContrast" | "likec4.compound5.amber.hiContrast" | "likec4.compound5.amber.loContrast" | "likec4.compound5.blue.hiContrast" | "likec4.compound5.blue.loContrast" | "likec4.compound5.gray.hiContrast" | "likec4.compound5.gray.loContrast" | "likec4.compound5.slate.hiContrast" | "likec4.compound5.slate.loContrast" | "likec4.compound5.green.hiContrast" | "likec4.compound5.green.loContrast" | "likec4.compound5.indigo.hiContrast" | "likec4.compound5.indigo.loContrast" | "likec4.compound5.muted.hiContrast" | "likec4.compound5.muted.loContrast" | "likec4.compound5.primary.hiContrast" | "likec4.compound5.primary.loContrast" | "likec4.compound5.red.hiContrast" | "likec4.compound5.red.loContrast" | "likec4.compound5.secondary.hiContrast" | "likec4.compound5.secondary.loContrast" | "likec4.compound5.sky.hiContrast" | "likec4.compound5.sky.loContrast" | "likec4.palette" | "likec4.palette.fill" | "likec4.palette.stroke" | "likec4.palette.hiContrast" | "likec4.palette.loContrast" | "likec4.relation.stroke" | "likec4.relation.stroke.selected" | "likec4.relation.label" | "likec4.relation.label.bg" | "likec4.amber.relation.stroke.selected" | "likec4.blue.relation.stroke.selected" | "likec4.gray.relation.stroke.selected" | "likec4.slate.relation.stroke.selected" | "likec4.green.relation.stroke.selected" | "likec4.indigo.relation.stroke.selected" | "likec4.muted.relation.stroke.selected" | "likec4.primary.relation.stroke.selected" | "likec4.red.relation.stroke.selected" | "likec4.secondary.relation.stroke.selected" | "likec4.sky.relation.stroke.selected" | "likec4.compound1.amber.fill" | "likec4.compound1.amber.stroke" | "likec4.compound1.blue.fill" | "likec4.compound1.blue.stroke" | "likec4.compound1.gray.fill" | "likec4.compound1.gray.stroke" | "likec4.compound1.slate.fill" | "likec4.compound1.slate.stroke" | "likec4.compound1.green.fill" | "likec4.compound1.green.stroke" | "likec4.compound1.indigo.fill" | "likec4.compound1.indigo.stroke" | "likec4.compound1.muted.fill" | "likec4.compound1.muted.stroke" | "likec4.compound1.primary.fill" | "likec4.compound1.primary.stroke" | "likec4.compound1.red.fill" | "likec4.compound1.red.stroke" | "likec4.compound1.secondary.fill" | "likec4.compound1.secondary.stroke" | "likec4.compound1.sky.fill" | "likec4.compound1.sky.stroke" | "likec4.compound2.amber.fill" | "likec4.compound2.amber.stroke" | "likec4.compound2.blue.fill" | "likec4.compound2.blue.stroke" | "likec4.compound2.gray.fill" | "likec4.compound2.gray.stroke" | "likec4.compound2.slate.fill" | "likec4.compound2.slate.stroke" | "likec4.compound2.green.fill" | "likec4.compound2.green.stroke" | "likec4.compound2.indigo.fill" | "likec4.compound2.indigo.stroke" | "likec4.compound2.muted.fill" | "likec4.compound2.muted.stroke" | "likec4.compound2.primary.fill" | "likec4.compound2.primary.stroke" | "likec4.compound2.red.fill" | "likec4.compound2.red.stroke" | "likec4.compound2.secondary.fill" | "likec4.compound2.secondary.stroke" | "likec4.compound2.sky.fill" | "likec4.compound2.sky.stroke" | "likec4.compound3.amber.fill" | "likec4.compound3.amber.stroke" | "likec4.compound3.blue.fill" | "likec4.compound3.blue.stroke" | "likec4.compound3.gray.fill" | "likec4.compound3.gray.stroke" | "likec4.compound3.slate.fill" | "likec4.compound3.slate.stroke" | "likec4.compound3.green.fill" | "likec4.compound3.green.stroke" | "likec4.compound3.indigo.fill" | "likec4.compound3.indigo.stroke" | "likec4.compound3.muted.fill" | "likec4.compound3.muted.stroke" | "likec4.compound3.primary.fill" | "likec4.compound3.primary.stroke" | "likec4.compound3.red.fill" | "likec4.compound3.red.stroke" | "likec4.compound3.secondary.fill" | "likec4.compound3.secondary.stroke" | "likec4.compound3.sky.fill" | "likec4.compound3.sky.stroke" | "likec4.compound4.amber.fill" | "likec4.compound4.amber.stroke" | "likec4.compound4.blue.fill" | "likec4.compound4.blue.stroke" | "likec4.compound4.gray.fill" | "likec4.compound4.gray.stroke" | "likec4.compound4.slate.fill" | "likec4.compound4.slate.stroke" | "likec4.compound4.green.fill" | "likec4.compound4.green.stroke" | "likec4.compound4.indigo.fill" | "likec4.compound4.indigo.stroke" | "likec4.compound4.muted.fill" | "likec4.compound4.muted.stroke" | "likec4.compound4.primary.fill" | "likec4.compound4.primary.stroke" | "likec4.compound4.red.fill" | "likec4.compound4.red.stroke" | "likec4.compound4.secondary.fill" | "likec4.compound4.secondary.stroke" | "likec4.compound4.sky.fill" | "likec4.compound4.sky.stroke" | "likec4.compound5.amber.fill" | "likec4.compound5.amber.stroke" | "likec4.compound5.blue.fill" | "likec4.compound5.blue.stroke" | "likec4.compound5.gray.fill" | "likec4.compound5.gray.stroke" | "likec4.compound5.slate.fill" | "likec4.compound5.slate.stroke" | "likec4.compound5.green.fill" | "likec4.compound5.green.stroke" | "likec4.compound5.indigo.fill" | "likec4.compound5.indigo.stroke" | "likec4.compound5.muted.fill" | "likec4.compound5.muted.stroke" | "likec4.compound5.primary.fill" | "likec4.compound5.primary.stroke" | "likec4.compound5.red.fill" | "likec4.compound5.red.stroke" | "likec4.compound5.secondary.fill" | "likec4.compound5.secondary.stroke" | "likec4.compound5.sky.fill" | "likec4.compound5.sky.stroke" | "likec4.mixColor" | "colorPalette.colors.primary" | "colorPalette.primary" | "colorPalette" | "colorPalette.colors.primary.filled" | "colorPalette.primary.filled" | "colorPalette.filled" | "colorPalette.colors.primary.filledHover" | "colorPalette.primary.filledHover" | "colorPalette.filledHover" | "colorPalette.colors.primary.light" | "colorPalette.primary.light" | "colorPalette.light" | "colorPalette.colors.primary.lightHover" | "colorPalette.primary.lightHover" | "colorPalette.lightHover" | "colorPalette.colors.primary.lightColor" | "colorPalette.primary.lightColor" | "colorPalette.lightColor" | "colorPalette.colors.primary.outline" | "colorPalette.primary.outline" | "colorPalette.outline" | "colorPalette.colors.primary.outlineHover" | "colorPalette.primary.outlineHover" | "colorPalette.outlineHover" | "colorPalette.colors.primary[0]" | "colorPalette.primary[0]" | "colorPalette.colors.primary[1]" | "colorPalette.primary[1]" | "colorPalette.colors.primary[2]" | "colorPalette.primary[2]" | "colorPalette.colors.primary[3]" | "colorPalette.primary[3]" | "colorPalette.colors.primary[4]" | "colorPalette.primary[4]" | "colorPalette.colors.primary[5]" | "colorPalette.primary[5]" | "colorPalette.colors.primary[6]" | "colorPalette.primary[6]" | "colorPalette.colors.primary[7]" | "colorPalette.primary[7]" | "colorPalette.colors.primary[8]" | "colorPalette.primary[8]" | "colorPalette.colors.primary[9]" | "colorPalette.primary[9]" | "colorPalette.colors.white" | "colorPalette.white" | "colorPalette.colors.text" | "colorPalette.text" | "colorPalette.colors.body" | "colorPalette.body" | "colorPalette.colors.dimmed" | "colorPalette.dimmed" | "colorPalette.colors.defaultBorder" | "colorPalette.defaultBorder" | "colorPalette.colors.defaultColor" | "colorPalette.defaultColor" | "colorPalette.colors.defaultHover" | "colorPalette.defaultHover" | "colorPalette.colors.default" | "colorPalette.default" | "colorPalette.colors.error" | "colorPalette.error" | "colorPalette.colors.placeholder" | "colorPalette.placeholder" | "colorPalette.colors.gray" | "colorPalette.gray" | "colorPalette.colors.gray.filled" | "colorPalette.gray.filled" | "colorPalette.colors.gray.filledHover" | "colorPalette.gray.filledHover" | "colorPalette.colors.gray.light" | "colorPalette.gray.light" | "colorPalette.colors.gray.lightHover" | "colorPalette.gray.lightHover" | "colorPalette.colors.gray.lightColor" | "colorPalette.gray.lightColor" | "colorPalette.colors.gray.outline" | "colorPalette.gray.outline" | "colorPalette.colors.gray.outlineHover" | "colorPalette.gray.outlineHover" | "colorPalette.colors.gray[0]" | "colorPalette.gray[0]" | "colorPalette.colors.gray[1]" | "colorPalette.gray[1]" | "colorPalette.colors.gray[2]" | "colorPalette.gray[2]" | "colorPalette.colors.gray[3]" | "colorPalette.gray[3]" | "colorPalette.colors.gray[4]" | "colorPalette.gray[4]" | "colorPalette.colors.gray[5]" | "colorPalette.gray[5]" | "colorPalette.colors.gray[6]" | "colorPalette.gray[6]" | "colorPalette.colors.gray[7]" | "colorPalette.gray[7]" | "colorPalette.colors.gray[8]" | "colorPalette.gray[8]" | "colorPalette.colors.gray[9]" | "colorPalette.gray[9]" | "colorPalette.colors.dark" | "colorPalette.dark" | "colorPalette.colors.dark.filled" | "colorPalette.dark.filled" | "colorPalette.colors.dark.filledHover" | "colorPalette.dark.filledHover" | "colorPalette.colors.dark.light" | "colorPalette.dark.light" | "colorPalette.colors.dark.lightHover" | "colorPalette.dark.lightHover" | "colorPalette.colors.dark.lightColor" | "colorPalette.dark.lightColor" | "colorPalette.colors.dark.outline" | "colorPalette.dark.outline" | "colorPalette.colors.dark.outlineHover" | "colorPalette.dark.outlineHover" | "colorPalette.colors.dark[0]" | "colorPalette.dark[0]" | "colorPalette.colors.dark[1]" | "colorPalette.dark[1]" | "colorPalette.colors.dark[2]" | "colorPalette.dark[2]" | "colorPalette.colors.dark[3]" | "colorPalette.dark[3]" | "colorPalette.colors.dark[4]" | "colorPalette.dark[4]" | "colorPalette.colors.dark[5]" | "colorPalette.dark[5]" | "colorPalette.colors.dark[6]" | "colorPalette.dark[6]" | "colorPalette.colors.dark[7]" | "colorPalette.dark[7]" | "colorPalette.colors.dark[8]" | "colorPalette.dark[8]" | "colorPalette.colors.dark[9]" | "colorPalette.dark[9]" | "colorPalette.colors.orange" | "colorPalette.orange" | "colorPalette.colors.orange.filled" | "colorPalette.orange.filled" | "colorPalette.colors.orange.filledHover" | "colorPalette.orange.filledHover" | "colorPalette.colors.orange.light" | "colorPalette.orange.light" | "colorPalette.colors.orange.lightHover" | "colorPalette.orange.lightHover" | "colorPalette.colors.orange.lightColor" | "colorPalette.orange.lightColor" | "colorPalette.colors.orange.outline" | "colorPalette.orange.outline" | "colorPalette.colors.orange.outlineHover" | "colorPalette.orange.outlineHover" | "colorPalette.colors.orange[0]" | "colorPalette.orange[0]" | "colorPalette.colors.orange[1]" | "colorPalette.orange[1]" | "colorPalette.colors.orange[2]" | "colorPalette.orange[2]" | "colorPalette.colors.orange[3]" | "colorPalette.orange[3]" | "colorPalette.colors.orange[4]" | "colorPalette.orange[4]" | "colorPalette.colors.orange[5]" | "colorPalette.orange[5]" | "colorPalette.colors.orange[6]" | "colorPalette.orange[6]" | "colorPalette.colors.orange[7]" | "colorPalette.orange[7]" | "colorPalette.colors.orange[8]" | "colorPalette.orange[8]" | "colorPalette.colors.orange[9]" | "colorPalette.orange[9]" | "colorPalette.colors.teal" | "colorPalette.teal" | "colorPalette.colors.teal.filled" | "colorPalette.teal.filled" | "colorPalette.colors.teal.filledHover" | "colorPalette.teal.filledHover" | "colorPalette.colors.teal.light" | "colorPalette.teal.light" | "colorPalette.colors.teal.lightHover" | "colorPalette.teal.lightHover" | "colorPalette.colors.teal.lightColor" | "colorPalette.teal.lightColor" | "colorPalette.colors.teal.outline" | "colorPalette.teal.outline" | "colorPalette.colors.teal.outlineHover" | "colorPalette.teal.outlineHover" | "colorPalette.colors.teal[0]" | "colorPalette.teal[0]" | "colorPalette.colors.teal[1]" | "colorPalette.teal[1]" | "colorPalette.colors.teal[2]" | "colorPalette.teal[2]" | "colorPalette.colors.teal[3]" | "colorPalette.teal[3]" | "colorPalette.colors.teal[4]" | "colorPalette.teal[4]" | "colorPalette.colors.teal[5]" | "colorPalette.teal[5]" | "colorPalette.colors.teal[6]" | "colorPalette.teal[6]" | "colorPalette.colors.teal[7]" | "colorPalette.teal[7]" | "colorPalette.colors.teal[8]" | "colorPalette.teal[8]" | "colorPalette.colors.teal[9]" | "colorPalette.teal[9]" | "colorPalette.colors.red" | "colorPalette.red" | "colorPalette.colors.red.filled" | "colorPalette.red.filled" | "colorPalette.colors.red.filledHover" | "colorPalette.red.filledHover" | "colorPalette.colors.red.light" | "colorPalette.red.light" | "colorPalette.colors.red.lightHover" | "colorPalette.red.lightHover" | "colorPalette.colors.red.lightColor" | "colorPalette.red.lightColor" | "colorPalette.colors.red.outline" | "colorPalette.red.outline" | "colorPalette.colors.red.outlineHover" | "colorPalette.red.outlineHover" | "colorPalette.colors.red[0]" | "colorPalette.red[0]" | "colorPalette.colors.red[1]" | "colorPalette.red[1]" | "colorPalette.colors.red[2]" | "colorPalette.red[2]" | "colorPalette.colors.red[3]" | "colorPalette.red[3]" | "colorPalette.colors.red[4]" | "colorPalette.red[4]" | "colorPalette.colors.red[5]" | "colorPalette.red[5]" | "colorPalette.colors.red[6]" | "colorPalette.red[6]" | "colorPalette.colors.red[7]" | "colorPalette.red[7]" | "colorPalette.colors.red[8]" | "colorPalette.red[8]" | "colorPalette.colors.red[9]" | "colorPalette.red[9]" | "colorPalette.colors.green" | "colorPalette.green" | "colorPalette.colors.green.filled" | "colorPalette.green.filled" | "colorPalette.colors.green.filledHover" | "colorPalette.green.filledHover" | "colorPalette.colors.green.light" | "colorPalette.green.light" | "colorPalette.colors.green.lightHover" | "colorPalette.green.lightHover" | "colorPalette.colors.green.lightColor" | "colorPalette.green.lightColor" | "colorPalette.colors.green.outline" | "colorPalette.green.outline" | "colorPalette.colors.green.outlineHover" | "colorPalette.green.outlineHover" | "colorPalette.colors.green[0]" | "colorPalette.green[0]" | "colorPalette.colors.green[1]" | "colorPalette.green[1]" | "colorPalette.colors.green[2]" | "colorPalette.green[2]" | "colorPalette.colors.green[3]" | "colorPalette.green[3]" | "colorPalette.colors.green[4]" | "colorPalette.green[4]" | "colorPalette.colors.green[5]" | "colorPalette.green[5]" | "colorPalette.colors.green[6]" | "colorPalette.green[6]" | "colorPalette.colors.green[7]" | "colorPalette.green[7]" | "colorPalette.colors.green[8]" | "colorPalette.green[8]" | "colorPalette.colors.green[9]" | "colorPalette.green[9]" | "colorPalette.colors.yellow" | "colorPalette.yellow" | "colorPalette.colors.yellow.filled" | "colorPalette.yellow.filled" | "colorPalette.colors.yellow.filledHover" | "colorPalette.yellow.filledHover" | "colorPalette.colors.yellow.light" | "colorPalette.yellow.light" | "colorPalette.colors.yellow.lightHover" | "colorPalette.yellow.lightHover" | "colorPalette.colors.yellow.lightColor" | "colorPalette.yellow.lightColor" | "colorPalette.colors.yellow.outline" | "colorPalette.yellow.outline" | "colorPalette.colors.yellow.outlineHover" | "colorPalette.yellow.outlineHover" | "colorPalette.colors.yellow[0]" | "colorPalette.yellow[0]" | "colorPalette.colors.yellow[1]" | "colorPalette.yellow[1]" | "colorPalette.colors.yellow[2]" | "colorPalette.yellow[2]" | "colorPalette.colors.yellow[3]" | "colorPalette.yellow[3]" | "colorPalette.colors.yellow[4]" | "colorPalette.yellow[4]" | "colorPalette.colors.yellow[5]" | "colorPalette.yellow[5]" | "colorPalette.colors.yellow[6]" | "colorPalette.yellow[6]" | "colorPalette.colors.yellow[7]" | "colorPalette.yellow[7]" | "colorPalette.colors.yellow[8]" | "colorPalette.yellow[8]" | "colorPalette.colors.yellow[9]" | "colorPalette.yellow[9]" | "colorPalette.background" | "colorPalette.background.pattern" | "colorPalette.pattern" | "colorPalette.amber.element.fill" | "colorPalette.element.fill" | "colorPalette.fill" | "colorPalette.amber.element.stroke" | "colorPalette.element.stroke" | "colorPalette.stroke" | "colorPalette.amber.element.hiContrast" | "colorPalette.element.hiContrast" | "colorPalette.hiContrast" | "colorPalette.amber.element.loContrast" | "colorPalette.element.loContrast" | "colorPalette.loContrast" | "colorPalette.amber.relation.stroke" | "colorPalette.relation.stroke" | "colorPalette.amber.relation.stroke.selected" | "colorPalette.relation.stroke.selected" | "colorPalette.stroke.selected" | "colorPalette.selected" | "colorPalette.amber.relation.label" | "colorPalette.relation.label" | "colorPalette.label" | "colorPalette.amber.relation.label.bg" | "colorPalette.relation.label.bg" | "colorPalette.label.bg" | "colorPalette.bg" | "colorPalette.blue.element.fill" | "colorPalette.blue.element.stroke" | "colorPalette.blue.element.hiContrast" | "colorPalette.blue.element.loContrast" | "colorPalette.blue.relation.stroke" | "colorPalette.blue.relation.stroke.selected" | "colorPalette.blue.relation.label" | "colorPalette.blue.relation.label.bg" | "colorPalette.gray.element.fill" | "colorPalette.gray.element.stroke" | "colorPalette.gray.element.hiContrast" | "colorPalette.gray.element.loContrast" | "colorPalette.gray.relation.stroke" | "colorPalette.gray.relation.stroke.selected" | "colorPalette.gray.relation.label" | "colorPalette.gray.relation.label.bg" | "colorPalette.slate.element.fill" | "colorPalette.slate.element.stroke" | "colorPalette.slate.element.hiContrast" | "colorPalette.slate.element.loContrast" | "colorPalette.slate.relation.stroke" | "colorPalette.slate.relation.stroke.selected" | "colorPalette.slate.relation.label" | "colorPalette.slate.relation.label.bg" | "colorPalette.green.element.fill" | "colorPalette.green.element.stroke" | "colorPalette.green.element.hiContrast" | "colorPalette.green.element.loContrast" | "colorPalette.green.relation.stroke" | "colorPalette.green.relation.stroke.selected" | "colorPalette.green.relation.label" | "colorPalette.green.relation.label.bg" | "colorPalette.indigo.element.fill" | "colorPalette.indigo.element.stroke" | "colorPalette.indigo.element.hiContrast" | "colorPalette.indigo.element.loContrast" | "colorPalette.indigo.relation.stroke" | "colorPalette.indigo.relation.stroke.selected" | "colorPalette.indigo.relation.label" | "colorPalette.indigo.relation.label.bg" | "colorPalette.muted.element.fill" | "colorPalette.muted.element.stroke" | "colorPalette.muted.element.hiContrast" | "colorPalette.muted.element.loContrast" | "colorPalette.muted.relation.stroke" | "colorPalette.muted.relation.stroke.selected" | "colorPalette.muted.relation.label" | "colorPalette.muted.relation.label.bg" | "colorPalette.primary.element.fill" | "colorPalette.primary.element.stroke" | "colorPalette.primary.element.hiContrast" | "colorPalette.primary.element.loContrast" | "colorPalette.primary.relation.stroke" | "colorPalette.primary.relation.stroke.selected" | "colorPalette.primary.relation.label" | "colorPalette.primary.relation.label.bg" | "colorPalette.red.element.fill" | "colorPalette.red.element.stroke" | "colorPalette.red.element.hiContrast" | "colorPalette.red.element.loContrast" | "colorPalette.red.relation.stroke" | "colorPalette.red.relation.stroke.selected" | "colorPalette.red.relation.label" | "colorPalette.red.relation.label.bg" | "colorPalette.secondary.element.fill" | "colorPalette.secondary.element.stroke" | "colorPalette.secondary.element.hiContrast" | "colorPalette.secondary.element.loContrast" | "colorPalette.secondary.relation.stroke" | "colorPalette.secondary.relation.stroke.selected" | "colorPalette.secondary.relation.label" | "colorPalette.secondary.relation.label.bg" | "colorPalette.sky.element.fill" | "colorPalette.sky.element.stroke" | "colorPalette.sky.element.hiContrast" | "colorPalette.sky.element.loContrast" | "colorPalette.sky.relation.stroke" | "colorPalette.sky.relation.stroke.selected" | "colorPalette.sky.relation.label" | "colorPalette.sky.relation.label.bg" | "colorPalette.compound1.amber.hiContrast" | "colorPalette.amber.hiContrast" | "colorPalette.compound1.amber.loContrast" | "colorPalette.amber.loContrast" | "colorPalette.compound1.amber.fill" | "colorPalette.amber.fill" | "colorPalette.compound1.amber.stroke" | "colorPalette.amber.stroke" | "colorPalette.compound1.blue.hiContrast" | "colorPalette.blue.hiContrast" | "colorPalette.compound1.blue.loContrast" | "colorPalette.blue.loContrast" | "colorPalette.compound1.blue.fill" | "colorPalette.blue.fill" | "colorPalette.compound1.blue.stroke" | "colorPalette.blue.stroke" | "colorPalette.compound1.gray.hiContrast" | "colorPalette.gray.hiContrast" | "colorPalette.compound1.gray.loContrast" | "colorPalette.gray.loContrast" | "colorPalette.compound1.gray.fill" | "colorPalette.gray.fill" | "colorPalette.compound1.gray.stroke" | "colorPalette.gray.stroke" | "colorPalette.compound1.slate.hiContrast" | "colorPalette.slate.hiContrast" | "colorPalette.compound1.slate.loContrast" | "colorPalette.slate.loContrast" | "colorPalette.compound1.slate.fill" | "colorPalette.slate.fill" | "colorPalette.compound1.slate.stroke" | "colorPalette.slate.stroke" | "colorPalette.compound1.green.hiContrast" | "colorPalette.green.hiContrast" | "colorPalette.compound1.green.loContrast" | "colorPalette.green.loContrast" | "colorPalette.compound1.green.fill" | "colorPalette.green.fill" | "colorPalette.compound1.green.stroke" | "colorPalette.green.stroke" | "colorPalette.compound1.indigo.hiContrast" | "colorPalette.indigo.hiContrast" | "colorPalette.compound1.indigo.loContrast" | "colorPalette.indigo.loContrast" | "colorPalette.compound1.indigo.fill" | "colorPalette.indigo.fill" | "colorPalette.compound1.indigo.stroke" | "colorPalette.indigo.stroke" | "colorPalette.compound1.muted.hiContrast" | "colorPalette.muted.hiContrast" | "colorPalette.compound1.muted.loContrast" | "colorPalette.muted.loContrast" | "colorPalette.compound1.muted.fill" | "colorPalette.muted.fill" | "colorPalette.compound1.muted.stroke" | "colorPalette.muted.stroke" | "colorPalette.compound1.primary.hiContrast" | "colorPalette.primary.hiContrast" | "colorPalette.compound1.primary.loContrast" | "colorPalette.primary.loContrast" | "colorPalette.compound1.primary.fill" | "colorPalette.primary.fill" | "colorPalette.compound1.primary.stroke" | "colorPalette.primary.stroke" | "colorPalette.compound1.red.hiContrast" | "colorPalette.red.hiContrast" | "colorPalette.compound1.red.loContrast" | "colorPalette.red.loContrast" | "colorPalette.compound1.red.fill" | "colorPalette.red.fill" | "colorPalette.compound1.red.stroke" | "colorPalette.red.stroke" | "colorPalette.compound1.secondary.hiContrast" | "colorPalette.secondary.hiContrast" | "colorPalette.compound1.secondary.loContrast" | "colorPalette.secondary.loContrast" | "colorPalette.compound1.secondary.fill" | "colorPalette.secondary.fill" | "colorPalette.compound1.secondary.stroke" | "colorPalette.secondary.stroke" | "colorPalette.compound1.sky.hiContrast" | "colorPalette.sky.hiContrast" | "colorPalette.compound1.sky.loContrast" | "colorPalette.sky.loContrast" | "colorPalette.compound1.sky.fill" | "colorPalette.sky.fill" | "colorPalette.compound1.sky.stroke" | "colorPalette.sky.stroke" | "colorPalette.compound2.amber.hiContrast" | "colorPalette.compound2.amber.loContrast" | "colorPalette.compound2.amber.fill" | "colorPalette.compound2.amber.stroke" | "colorPalette.compound2.blue.hiContrast" | "colorPalette.compound2.blue.loContrast" | "colorPalette.compound2.blue.fill" | "colorPalette.compound2.blue.stroke" | "colorPalette.compound2.gray.hiContrast" | "colorPalette.compound2.gray.loContrast" | "colorPalette.compound2.gray.fill" | "colorPalette.compound2.gray.stroke" | "colorPalette.compound2.slate.hiContrast" | "colorPalette.compound2.slate.loContrast" | "colorPalette.compound2.slate.fill" | "colorPalette.compound2.slate.stroke" | "colorPalette.compound2.green.hiContrast" | "colorPalette.compound2.green.loContrast" | "colorPalette.compound2.green.fill" | "colorPalette.compound2.green.stroke" | "colorPalette.compound2.indigo.hiContrast" | "colorPalette.compound2.indigo.loContrast" | "colorPalette.compound2.indigo.fill" | "colorPalette.compound2.indigo.stroke" | "colorPalette.compound2.muted.hiContrast" | "colorPalette.compound2.muted.loContrast" | "colorPalette.compound2.muted.fill" | "colorPalette.compound2.muted.stroke" | "colorPalette.compound2.primary.hiContrast" | "colorPalette.compound2.primary.loContrast" | "colorPalette.compound2.primary.fill" | "colorPalette.compound2.primary.stroke" | "colorPalette.compound2.red.hiContrast" | "colorPalette.compound2.red.loContrast" | "colorPalette.compound2.red.fill" | "colorPalette.compound2.red.stroke" | "colorPalette.compound2.secondary.hiContrast" | "colorPalette.compound2.secondary.loContrast" | "colorPalette.compound2.secondary.fill" | "colorPalette.compound2.secondary.stroke" | "colorPalette.compound2.sky.hiContrast" | "colorPalette.compound2.sky.loContrast" | "colorPalette.compound2.sky.fill" | "colorPalette.compound2.sky.stroke" | "colorPalette.compound3.amber.hiContrast" | "colorPalette.compound3.amber.loContrast" | "colorPalette.compound3.amber.fill" | "colorPalette.compound3.amber.stroke" | "colorPalette.compound3.blue.hiContrast" | "colorPalette.compound3.blue.loContrast" | "colorPalette.compound3.blue.fill" | "colorPalette.compound3.blue.stroke" | "colorPalette.compound3.gray.hiContrast" | "colorPalette.compound3.gray.loContrast" | "colorPalette.compound3.gray.fill" | "colorPalette.compound3.gray.stroke" | "colorPalette.compound3.slate.hiContrast" | "colorPalette.compound3.slate.loContrast" | "colorPalette.compound3.slate.fill" | "colorPalette.compound3.slate.stroke" | "colorPalette.compound3.green.hiContrast" | "colorPalette.compound3.green.loContrast" | "colorPalette.compound3.green.fill" | "colorPalette.compound3.green.stroke" | "colorPalette.compound3.indigo.hiContrast" | "colorPalette.compound3.indigo.loContrast" | "colorPalette.compound3.indigo.fill" | "colorPalette.compound3.indigo.stroke" | "colorPalette.compound3.muted.hiContrast" | "colorPalette.compound3.muted.loContrast" | "colorPalette.compound3.muted.fill" | "colorPalette.compound3.muted.stroke" | "colorPalette.compound3.primary.hiContrast" | "colorPalette.compound3.primary.loContrast" | "colorPalette.compound3.primary.fill" | "colorPalette.compound3.primary.stroke" | "colorPalette.compound3.red.hiContrast" | "colorPalette.compound3.red.loContrast" | "colorPalette.compound3.red.fill" | "colorPalette.compound3.red.stroke" | "colorPalette.compound3.secondary.hiContrast" | "colorPalette.compound3.secondary.loContrast" | "colorPalette.compound3.secondary.fill" | "colorPalette.compound3.secondary.stroke" | "colorPalette.compound3.sky.hiContrast" | "colorPalette.compound3.sky.loContrast" | "colorPalette.compound3.sky.fill" | "colorPalette.compound3.sky.stroke" | "colorPalette.compound4.amber.hiContrast" | "colorPalette.compound4.amber.loContrast" | "colorPalette.compound4.amber.fill" | "colorPalette.compound4.amber.stroke" | "colorPalette.compound4.blue.hiContrast" | "colorPalette.compound4.blue.loContrast" | "colorPalette.compound4.blue.fill" | "colorPalette.compound4.blue.stroke" | "colorPalette.compound4.gray.hiContrast" | "colorPalette.compound4.gray.loContrast" | "colorPalette.compound4.gray.fill" | "colorPalette.compound4.gray.stroke" | "colorPalette.compound4.slate.hiContrast" | "colorPalette.compound4.slate.loContrast" | "colorPalette.compound4.slate.fill" | "colorPalette.compound4.slate.stroke" | "colorPalette.compound4.green.hiContrast" | "colorPalette.compound4.green.loContrast" | "colorPalette.compound4.green.fill" | "colorPalette.compound4.green.stroke" | "colorPalette.compound4.indigo.hiContrast" | "colorPalette.compound4.indigo.loContrast" | "colorPalette.compound4.indigo.fill" | "colorPalette.compound4.indigo.stroke" | "colorPalette.compound4.muted.hiContrast" | "colorPalette.compound4.muted.loContrast" | "colorPalette.compound4.muted.fill" | "colorPalette.compound4.muted.stroke" | "colorPalette.compound4.primary.hiContrast" | "colorPalette.compound4.primary.loContrast" | "colorPalette.compound4.primary.fill" | "colorPalette.compound4.primary.stroke" | "colorPalette.compound4.red.hiContrast" | "colorPalette.compound4.red.loContrast" | "colorPalette.compound4.red.fill" | "colorPalette.compound4.red.stroke" | "colorPalette.compound4.secondary.hiContrast" | "colorPalette.compound4.secondary.loContrast" | "colorPalette.compound4.secondary.fill" | "colorPalette.compound4.secondary.stroke" | "colorPalette.compound4.sky.hiContrast" | "colorPalette.compound4.sky.loContrast" | "colorPalette.compound4.sky.fill" | "colorPalette.compound4.sky.stroke" | "colorPalette.compound5.amber.hiContrast" | "colorPalette.compound5.amber.loContrast" | "colorPalette.compound5.amber.fill" | "colorPalette.compound5.amber.stroke" | "colorPalette.compound5.blue.hiContrast" | "colorPalette.compound5.blue.loContrast" | "colorPalette.compound5.blue.fill" | "colorPalette.compound5.blue.stroke" | "colorPalette.compound5.gray.hiContrast" | "colorPalette.compound5.gray.loContrast" | "colorPalette.compound5.gray.fill" | "colorPalette.compound5.gray.stroke" | "colorPalette.compound5.slate.hiContrast" | "colorPalette.compound5.slate.loContrast" | "colorPalette.compound5.slate.fill" | "colorPalette.compound5.slate.stroke" | "colorPalette.compound5.green.hiContrast" | "colorPalette.compound5.green.loContrast" | "colorPalette.compound5.green.fill" | "colorPalette.compound5.green.stroke" | "colorPalette.compound5.indigo.hiContrast" | "colorPalette.compound5.indigo.loContrast" | "colorPalette.compound5.indigo.fill" | "colorPalette.compound5.indigo.stroke" | "colorPalette.compound5.muted.hiContrast" | "colorPalette.compound5.muted.loContrast" | "colorPalette.compound5.muted.fill" | "colorPalette.compound5.muted.stroke" | "colorPalette.compound5.primary.hiContrast" | "colorPalette.compound5.primary.loContrast" | "colorPalette.compound5.primary.fill" | "colorPalette.compound5.primary.stroke" | "colorPalette.compound5.red.hiContrast" | "colorPalette.compound5.red.loContrast" | "colorPalette.compound5.red.fill" | "colorPalette.compound5.red.stroke" | "colorPalette.compound5.secondary.hiContrast" | "colorPalette.compound5.secondary.loContrast" | "colorPalette.compound5.secondary.fill" | "colorPalette.compound5.secondary.stroke" | "colorPalette.compound5.sky.hiContrast" | "colorPalette.compound5.sky.loContrast" | "colorPalette.compound5.sky.fill" | "colorPalette.compound5.sky.stroke" | "colorPalette.mixColor" | "colorPalette.palette" | "colorPalette.palette.fill" | "colorPalette.palette.stroke" | "colorPalette.palette.hiContrast" | "colorPalette.palette.loContrast"
19
+
20
+ export type FontToken = "body" | "likec4" | "likec4.element" | "likec4.compound" | "likec4.relation"
21
+
22
+ export type EasingToken = "default" | "in" | "out" | "inOut"
23
+
24
+ export type DurationToken = "fastest" | "faster" | "fast" | "normal" | "slow" | "slower" | "slowest"
25
+
26
+ export type BreakpointToken = "xs" | "sm" | "md" | "lg" | "xl"
27
+
28
+ export type SizeToken = "breakpoint-xs" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl"
29
+
30
+ export type Tokens = {
31
+ radii: RadiusToken
32
+ fontSizes: FontSizeToken
33
+ shadows: ShadowToken
34
+ lineHeights: LineHeightToken
35
+ borders: BorderToken
36
+ spacing: SpacingToken
37
+ colors: ColorToken
38
+ fonts: FontToken
39
+ easings: EasingToken
40
+ durations: DurationToken
41
+ breakpoints: BreakpointToken
42
+ sizes: SizeToken
43
+ } & { [token: string]: never }
44
+
45
+ export type TokenCategory = "aspectRatios" | "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "cursor" | "shadows" | "spacing" | "radii" | "borders" | "borderWidths" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets"
package/dist/types/composition.d.ts ADDED
@@ -0,0 +1,164 @@
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
+ /* -----------------------------------------------------------------------------
136
+ * Motion styles
137
+ * -----------------------------------------------------------------------------*/
138
+
139
+ type AnimationStyleProperty =
140
+ | 'animation'
141
+ | 'animationComposition'
142
+ | 'animationDelay'
143
+ | 'animationDirection'
144
+ | 'animationDuration'
145
+ | 'animationFillMode'
146
+ | 'animationIterationCount'
147
+ | 'animationName'
148
+ | 'animationPlayState'
149
+ | 'animationTimingFunction'
150
+ | 'animationRange'
151
+ | 'animationRangeStart'
152
+ | 'animationRangeEnd'
153
+ | 'animationTimeline'
154
+ | 'transformOrigin'
155
+
156
+ export type AnimationStyle = CompositionStyleObject<AnimationStyleProperty>
157
+
158
+ export type AnimationStyles = Recursive<Token<AnimationStyle>>
159
+
160
+ export interface CompositionStyles {
161
+ textStyles: TextStyles
162
+ layerStyles: LayerStyles
163
+ animationStyles: AnimationStyles
164
+ }