@bitrise/bitkit-v2 0.3.252-beta.1706 → 0.3.252

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 (123) hide show
  1. package/AGENTS.md +1 -0
  2. package/dist/components/BitkitActionBar/BitkitActionBar.js +1 -1
  3. package/dist/components/BitkitActionBar/BitkitActionBar.js.map +1 -1
  4. package/dist/components/BitkitAlert/BitkitAlert.js +2 -2
  5. package/dist/components/BitkitAlert/BitkitAlert.js.map +1 -1
  6. package/dist/components/BitkitAvatar/BitkitAvatar.d.ts +4 -3
  7. package/dist/components/BitkitAvatar/BitkitAvatar.js +6 -4
  8. package/dist/components/BitkitAvatar/BitkitAvatar.js.map +1 -1
  9. package/dist/components/BitkitBadge/BitkitBadge.d.ts +5 -2
  10. package/dist/components/BitkitBadge/BitkitBadge.js.map +1 -1
  11. package/dist/components/BitkitCloseButton/BitkitCloseButton.d.ts +1 -1
  12. package/dist/components/BitkitCloseButton/BitkitCloseButton.js +3 -6
  13. package/dist/components/BitkitCloseButton/BitkitCloseButton.js.map +1 -1
  14. package/dist/components/BitkitColorButton/BitkitColorButton.d.ts +1 -1
  15. package/dist/components/BitkitColorButton/BitkitColorButton.js.map +1 -1
  16. package/dist/components/BitkitLabel/BitkitLabel.js +1 -1
  17. package/dist/components/BitkitLabel/BitkitLabel.js.map +1 -1
  18. package/dist/components/BitkitList/BitkitList.d.ts +1 -1
  19. package/dist/components/BitkitList/BitkitList.js +6 -6
  20. package/dist/components/BitkitList/BitkitList.js.map +1 -1
  21. package/dist/components/BitkitMarkdown/BitkitMarkdown.js +1 -1
  22. package/dist/components/BitkitMarkdown/BitkitMarkdown.js.map +1 -1
  23. package/dist/components/BitkitMultiselect/BitkitMultiselect.js +3 -3
  24. package/dist/components/BitkitMultiselect/BitkitMultiselect.js.map +1 -1
  25. package/dist/components/BitkitPageFooter/BitkitPageFooter.d.ts +2 -2
  26. package/dist/components/BitkitPageFooter/BitkitPageFooter.js +7 -7
  27. package/dist/components/BitkitPageFooter/BitkitPageFooter.js.map +1 -1
  28. package/dist/components/BitkitRadio/BitkitRadio.js +1 -1
  29. package/dist/components/BitkitRadio/BitkitRadio.js.map +1 -1
  30. package/dist/components/BitkitRibbon/BitkitRibbon.d.ts +1 -1
  31. package/dist/components/BitkitRibbon/BitkitRibbon.js +6 -4
  32. package/dist/components/BitkitRibbon/BitkitRibbon.js.map +1 -1
  33. package/dist/components/BitkitSearchInput/BitkitSearchInput.js +1 -1
  34. package/dist/components/BitkitSearchInput/BitkitSearchInput.js.map +1 -1
  35. package/dist/components/BitkitSwitch/components/BitkitSwitchReadOnly.js +2 -2
  36. package/dist/components/BitkitSwitch/components/BitkitSwitchReadOnly.js.map +1 -1
  37. package/dist/components/BitkitTable/BitkitSortableColumnHeader.js +1 -1
  38. package/dist/components/BitkitTable/BitkitSortableColumnHeader.js.map +1 -1
  39. package/dist/components/BitkitTag/BitkitTag.js +1 -1
  40. package/dist/components/BitkitTag/BitkitTag.js.map +1 -1
  41. package/dist/components/BitkitToast/BitkitToaster.js +2 -2
  42. package/dist/components/BitkitToast/BitkitToaster.js.map +1 -1
  43. package/dist/components/BitkitTooltip/BitkitTooltip.js +1 -1
  44. package/dist/components/BitkitTooltip/BitkitTooltip.js.map +1 -1
  45. package/dist/components/common/notificationMaps.d.ts +1 -8
  46. package/dist/components/common/notificationMaps.js.map +1 -1
  47. package/dist/docs/shared.d.ts +1 -1
  48. package/dist/theme/common/AlertAndToast.common.js +1 -1
  49. package/dist/theme/common/AlertAndToast.common.js.map +1 -1
  50. package/dist/theme/global-css.js +1 -1
  51. package/dist/theme/global-css.js.map +1 -1
  52. package/dist/theme/recipes/Badge.recipe.d.ts +5 -39
  53. package/dist/theme/recipes/Badge.recipe.js +20 -77
  54. package/dist/theme/recipes/Badge.recipe.js.map +1 -1
  55. package/dist/theme/recipes/Button.recipe.js +12 -12
  56. package/dist/theme/recipes/Button.recipe.js.map +1 -1
  57. package/dist/theme/recipes/CloseButton.recipe.d.ts +0 -68
  58. package/dist/theme/recipes/CloseButton.recipe.js +17 -56
  59. package/dist/theme/recipes/CloseButton.recipe.js.map +1 -1
  60. package/dist/theme/recipes/ColorButton.recipe.d.ts +0 -93
  61. package/dist/theme/recipes/ColorButton.recipe.js +30 -75
  62. package/dist/theme/recipes/ColorButton.recipe.js.map +1 -1
  63. package/dist/theme/recipes/DefinitionTooltip.recipe.js +2 -2
  64. package/dist/theme/recipes/DefinitionTooltip.recipe.js.map +1 -1
  65. package/dist/theme/recipes/Link.recipe.d.ts +1 -1
  66. package/dist/theme/recipes/Link.recipe.js +1 -1
  67. package/dist/theme/recipes/Link.recipe.js.map +1 -1
  68. package/dist/theme/recipes/Separator.recipe.js +1 -1
  69. package/dist/theme/recipes/Separator.recipe.js.map +1 -1
  70. package/dist/theme/recipes/Skeleton.recipe.js +2 -2
  71. package/dist/theme/recipes/Skeleton.recipe.js.map +1 -1
  72. package/dist/theme/recipes/index.d.ts +6 -201
  73. package/dist/theme/semantic-tokens/index.d.ts +1 -1772
  74. package/dist/theme/semantic-tokens/semanticColors.d.ts +1 -1772
  75. package/dist/theme/semantic-tokens/semanticColors.js +472 -356
  76. package/dist/theme/semantic-tokens/semanticColors.js.map +1 -1
  77. package/dist/theme/slot-recipes/Avatar.recipe.d.ts +0 -56
  78. package/dist/theme/slot-recipes/Avatar.recipe.js +3 -40
  79. package/dist/theme/slot-recipes/Avatar.recipe.js.map +1 -1
  80. package/dist/theme/slot-recipes/Collapsible.recipe.js +1 -1
  81. package/dist/theme/slot-recipes/Collapsible.recipe.js.map +1 -1
  82. package/dist/theme/slot-recipes/Dialog.recipe.js +1 -1
  83. package/dist/theme/slot-recipes/Dialog.recipe.js.map +1 -1
  84. package/dist/theme/slot-recipes/Drawer.recipe.js +2 -2
  85. package/dist/theme/slot-recipes/Drawer.recipe.js.map +1 -1
  86. package/dist/theme/slot-recipes/EmptyState.recipe.d.ts +2 -2
  87. package/dist/theme/slot-recipes/EmptyState.recipe.js +3 -3
  88. package/dist/theme/slot-recipes/EmptyState.recipe.js.map +1 -1
  89. package/dist/theme/slot-recipes/MarkdownCard.recipe.d.ts +3 -3
  90. package/dist/theme/slot-recipes/MarkdownCard.recipe.js +4 -4
  91. package/dist/theme/slot-recipes/MarkdownCard.recipe.js.map +1 -1
  92. package/dist/theme/slot-recipes/NoteCard.recipe.d.ts +2 -2
  93. package/dist/theme/slot-recipes/NoteCard.recipe.js +8 -8
  94. package/dist/theme/slot-recipes/NoteCard.recipe.js.map +1 -1
  95. package/dist/theme/slot-recipes/OverflowContent.recipe.js +1 -1
  96. package/dist/theme/slot-recipes/OverflowContent.recipe.js.map +1 -1
  97. package/dist/theme/slot-recipes/PageFooter.recipe.d.ts +4 -4
  98. package/dist/theme/slot-recipes/PageFooter.recipe.js +5 -5
  99. package/dist/theme/slot-recipes/PageFooter.recipe.js.map +1 -1
  100. package/dist/theme/slot-recipes/Ribbon.recipe.d.ts +1 -39
  101. package/dist/theme/slot-recipes/Ribbon.recipe.js +5 -29
  102. package/dist/theme/slot-recipes/Ribbon.recipe.js.map +1 -1
  103. package/dist/theme/slot-recipes/Tabs.recipe.d.ts +1 -1
  104. package/dist/theme/slot-recipes/Tabs.recipe.js +1 -1
  105. package/dist/theme/slot-recipes/Tabs.recipe.js.map +1 -1
  106. package/dist/theme/slot-recipes/Tag.recipe.d.ts +0 -44
  107. package/dist/theme/slot-recipes/Tag.recipe.js +7 -38
  108. package/dist/theme/slot-recipes/Tag.recipe.js.map +1 -1
  109. package/dist/theme/slot-recipes/TagsInput.recipe.js +5 -5
  110. package/dist/theme/slot-recipes/TagsInput.recipe.js.map +1 -1
  111. package/dist/theme/slot-recipes/Tooltip.recipe.d.ts +2 -2
  112. package/dist/theme/slot-recipes/Tooltip.recipe.js +3 -3
  113. package/dist/theme/slot-recipes/Tooltip.recipe.js.map +1 -1
  114. package/dist/theme/slot-recipes/index.d.ts +15 -153
  115. package/dist/theme/slot-recipes/index.js +1 -1
  116. package/dist/theme/tokens/colors.d.ts +845 -3
  117. package/dist/theme/tokens/colors.js +137 -22
  118. package/dist/theme/tokens/colors.js.map +1 -1
  119. package/dist/theme/tokens/index.d.ts +312 -15
  120. package/dist/theme/tokens/index.js +1 -1
  121. package/package.json +5 -6
  122. package/scripts/postinstall.cjs +0 -8
  123. package/scripts/prune-color-tokens.cjs +0 -78
package/dist/theme/semantic-tokens/semanticColors.js CHANGED
@@ -1,361 +1,477 @@
1
+ import { withSlashes } from "../themeUtils.js";
1
2
  import { defineSemanticTokens } from "@chakra-ui/react/styled-system";
2
3
  //#region lib/theme/semantic-tokens/semanticColors.ts
3
- var semanticColors = defineSemanticTokens.colors({
4
- "sys/fg/base": { value: { _light: "{colors.neutral.10}" } },
5
- "sys/fg/primary": { value: { _light: "{colors.purple.10}" } },
6
- "sys/fg/secondary": { value: { _light: "{colors.neutral.40}" } },
7
- "sys/fg/tertiary": { value: { _light: "{colors.neutral.60}" } },
8
- "sys/fg/subtle": { value: { _light: "{colors.neutral.70}" } },
9
- "sys/fg/minimal": { value: { _light: "{colors.neutral.80}" } },
10
- "sys/fg/positive": { value: { _light: "{colors.green.50}" } },
11
- "sys/fg/negative": { value: { _light: "{colors.red.50}" } },
12
- "sys/fg/on-color": { value: { _light: "{colors.neutral.100}" } },
13
- "sys/fg/on-contrast": { value: { _light: "{colors.neutral.95}" } },
14
- "sys/fg/on-disabled": { value: { _light: "{colors.neutral.70}" } },
15
- "sys/fg/disabled": { value: { _light: "{colors.neutral.80}" } },
16
- "sys/fg/warning": { value: { _light: "{colors.yellow.60}" } },
17
- "sys/bg/surface": { value: { _light: "{colors.neutral.100}" } },
18
- "sys/bg/contrast": { value: { _light: "{colors.neutral.10}" } },
19
- "sys/bg/moderate": { value: { _light: "{colors.neutral.90}" } },
20
- "sys/bg/subtle": { value: { _light: "{colors.neutral.93}" } },
21
- "sys/bg/minimal": { value: { _light: "{colors.neutral.95}" } },
22
- "sys/bg/disabled": { value: { _light: "{colors.neutral.95}" } },
23
- "sys/border/minimal": { value: { _light: "{colors.neutral.93}" } },
24
- "sys/border/subtle": { value: { _light: "{colors.neutral.90}" } },
25
- "sys/border/strong": { value: { _light: "{colors.neutral.80}" } },
26
- "sys/border/emphasized": { value: { _light: "{colors.neutral.70}" } },
27
- "sys/border/critical": { value: { _light: "{colors.red.50}" } },
28
- "sys/border/inverse": { value: { _light: "{colors.neutral.100}" } },
29
- "sys/border/on-contrast": { value: { _light: "{colors.neutral.95}" } },
30
- "sys/border/disabled": { value: { _light: "{colors.neutral.90}" } },
31
- "sys/primary/base": { value: { _light: "{colors.purple.40}" } },
32
- "sys/primary/emphasized": { value: { _light: "{colors.purple.30}" } },
33
- "sys/primary/contrast": { value: { _light: "{colors.purple.10}" } },
34
- "sys/primary/muted": { value: { _light: "{colors.purple.80}" } },
35
- "sys/primary/subtle": { value: { _light: "{colors.purple.93}" } },
36
- "sys/primary/disabled": { value: { _light: "{colors.neutral.90}" } },
37
- "sys/interactive/base": { value: { _light: "{colors.purple.50}" } },
38
- "sys/interactive/strong": { value: { _light: "{colors.purple.40}" } },
39
- "sys/interactive/highlight": { value: { _light: "{colors.purple.70}" } },
40
- "sys/interactive/disabled": { value: { _light: "{colors.neutral.90}" } },
41
- "sys/ui/header/control/bg": { value: { _light: "{colors.color/white/a0}" } },
42
- "sys/ui/header/control/bg-hover": { value: { _light: "{colors.color/white/a10}" } },
43
- "sys/ui/header/control/bg-active": { value: { _light: "{colors.color/white/a20}" } },
44
- "sys/ui/header/control/bg-selected": { value: { _light: "{colors.color/white/a10}" } },
45
- "sys/ui/header/control/bg-selected-hover": { value: { _light: "{colors.color/white/a20}" } },
46
- "color/purple/base": { value: { _light: "{colors.purple.50}" } },
47
- "color/purple/strong": { value: { _light: "{colors.purple.40}" } },
48
- "color/purple/bold": { value: { _light: "{colors.purple.60}" } },
49
- "color/purple/highlight": { value: { _light: "{colors.purple.70}" } },
50
- "color/purple/muted": { value: { _light: "{colors.purple.80}" } },
51
- "color/purple/moderate": { value: { _light: "{colors.purple.90}" } },
52
- "color/purple/subtle": { value: { _light: "{colors.purple.93}" } },
53
- "color/purple/minimal": { value: { _light: "{colors.purple.95}" } },
54
- "color/purple/disabled": { value: { _light: "{colors.neutral.90}" } },
55
- "color/indigo/base": { value: { _light: "{colors.indigo.50}" } },
56
- "color/indigo/dark": { value: { _light: "{colors.indigo.20}" } },
57
- "color/indigo/emphasized": { value: { _light: "{colors.indigo.30}" } },
58
- "color/indigo/strong": { value: { _light: "{colors.indigo.40}" } },
59
- "color/indigo/bold": { value: { _light: "{colors.indigo.60}" } },
60
- "color/indigo/muted": { value: { _light: "{colors.indigo.80}" } },
61
- "color/indigo/moderate": { value: { _light: "{colors.indigo.90}" } },
62
- "color/indigo/subtle": { value: { _light: "{colors.indigo.93}" } },
63
- "color/indigo/minimal": { value: { _light: "{colors.indigo.95}" } },
64
- "color/blue/base": { value: { _light: "{colors.blue.50}" } },
65
- "color/blue/strong": { value: { _light: "{colors.blue.40}" } },
66
- "color/blue/bold": { value: { _light: "{colors.blue.60}" } },
67
- "color/blue/muted": { value: { _light: "{colors.blue.80}" } },
68
- "color/blue/moderate": { value: { _light: "{colors.blue.90}" } },
69
- "color/blue/subtle": { value: { _light: "{colors.blue.93}" } },
70
- "color/blue/minimal": { value: { _light: "{colors.blue.95}" } },
71
- "color/green/base": { value: { _light: "{colors.green.50}" } },
72
- "color/green/strong": { value: { _light: "{colors.green.40}" } },
73
- "color/green/bold": { value: { _light: "{colors.green.60}" } },
74
- "color/green/muted": { value: { _light: "{colors.green.80}" } },
75
- "color/green/moderate": { value: { _light: "{colors.green.90}" } },
76
- "color/green/subtle": { value: { _light: "{colors.green.93}" } },
77
- "color/green/minimal": { value: { _light: "{colors.green.95}" } },
78
- "color/yellow/base": { value: { _light: "{colors.yellow.50}" } },
79
- "color/yellow/strong": { value: { _light: "{colors.yellow.40}" } },
80
- "color/yellow/bold": { value: { _light: "{colors.yellow.60}" } },
81
- "color/yellow/muted": { value: { _light: "{colors.yellow.80}" } },
82
- "color/yellow/moderate": { value: { _light: "{colors.yellow.90}" } },
83
- "color/yellow/subtle": { value: { _light: "{colors.yellow.93}" } },
84
- "color/yellow/minimal": { value: { _light: "{colors.yellow.95}" } },
85
- "color/red/base": { value: { _light: "{colors.red.50}" } },
86
- "color/red/dark": { value: { _light: "{colors.red.20}" } },
87
- "color/red/strong": { value: { _light: "{colors.red.40}" } },
88
- "color/red/bold": { value: { _light: "{colors.red.60}" } },
89
- "color/red/muted": { value: { _light: "{colors.red.80}" } },
90
- "color/red/moderate": { value: { _light: "{colors.red.90}" } },
91
- "color/red/subtle": { value: { _light: "{colors.red.93}" } },
92
- "color/red/minimal": { value: { _light: "{colors.red.95}" } },
93
- "color/neutral/base": { value: { _light: "{colors.neutral.50}" } },
94
- "color/neutral/strong": { value: { _light: "{colors.neutral.40}" } },
95
- "color/neutral/bold": { value: { _light: "{colors.neutral.60}" } },
96
- "color/neutral/muted": { value: { _light: "{colors.neutral.80}" } },
97
- "color/neutral/moderate": { value: { _light: "{colors.neutral.90}" } },
98
- "color/neutral/subtle": { value: { _light: "{colors.neutral.93}" } },
99
- "color/neutral/minimal": { value: { _light: "{colors.neutral.95}" } },
100
- "color/orange/base": { value: { _light: "{colors.orange.50}" } },
101
- "color/orange/strong": { value: { _light: "{colors.orange.40}" } },
102
- "color/orange/bold": { value: { _light: "{colors.orange.60}" } },
103
- "color/orange/muted": { value: { _light: "{colors.orange.80}" } },
104
- "color/orange/moderate": { value: { _light: "{colors.orange.90}" } },
105
- "color/orange/subtle": { value: { _light: "{colors.orange.93}" } },
106
- "color/orange/minimal": { value: { _light: "{colors.orange.95}" } },
107
- "color/turquoise/base": { value: { _light: "{colors.turquoise.50}" } },
108
- "color/turquoise/dark": { value: { _light: "{colors.turquoise.20}" } },
109
- "color/turquoise/emphasized": { value: { _light: "{colors.turquoise.30}" } },
110
- "color/turquoise/strong": { value: { _light: "{colors.turquoise.40}" } },
111
- "color/turquoise/bold": { value: { _light: "{colors.turquoise.60}" } },
112
- "color/turquoise/muted": { value: { _light: "{colors.turquoise.80}" } },
113
- "color/turquoise/moderate": { value: { _light: "{colors.turquoise.90}" } },
114
- "color/turquoise/subtle": { value: { _light: "{colors.turquoise.93}" } },
115
- "color/turquoise/minimal": { value: { _light: "{colors.turquoise.95}" } },
116
- "color/white/a0": { value: { _light: "rgba(255, 255, 255, 0)" } },
117
- "color/white/a10": { value: { _light: "{colors.white.10}" } },
118
- "color/white/a15": { value: { _light: "{colors.white.15}" } },
119
- "color/white/a20": { value: { _light: "{colors.white.20}" } },
120
- "color/white/a30": { value: { _light: "{colors.white.30}" } },
121
- "color/white/a50": { value: { _light: "{colors.white.50}" } },
122
- "color/white/a80": { value: { _light: "{colors.white.80}" } },
123
- "color/white/a90": { value: { _light: "{colors.white.90}" } },
124
- "color/white/a100": { value: { _light: "{colors.white.100}" } },
125
- "ai/background/base": { value: { base: "linear-gradient(90deg, {colors.purple.50} 0%, {colors.indigo.50} 50%, {colors.blue.50} 100%)" } },
126
- "ai/background/bold": { value: { base: "linear-gradient(90deg, {colors.purple.60} 0%, {colors.indigo.60} 50%, {colors.blue.60} 100%)" } },
127
- "ai/background/muted": { value: { base: "linear-gradient(90deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%)" } },
128
- "ai/background/minimal": { value: { base: "linear-gradient(90deg, {colors.purple.95} 0%, {colors.indigo.95} 50%, {colors.blue.95} 100%)" } },
129
- "ai/background/subtle": { value: { base: "linear-gradient(90deg, {colors.purple.93} 0%, {colors.indigo.93} 50%, {colors.blue.93} 100%)" } },
130
- "ai/background/moderate": { value: { base: "linear-gradient(90deg, {colors.purple.90} 0%, {colors.indigo.90} 50%, {colors.blue.90} 100%)" } },
131
- "ai/background/minimal-vertical": { value: { base: "linear-gradient(180deg, {colors.purple.95} 0%, {colors.indigo.95} 50%, {colors.blue.95} 100%)" } },
132
- "ai/border/regular": { value: { base: "linear-gradient(135deg, {colors.purple.93} 0%, {colors.indigo.93} 50%, {colors.blue.93} 100%)" } },
133
- "ai/border/minimal": { value: { base: "linear-gradient(135deg, {colors.purple.95} 0%, {colors.indigo.95} 50%, {colors.blue.95} 100%)" } },
134
- "ai/border/strong": { value: { base: "linear-gradient(135deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%)" } },
135
- "background/primary": { value: { base: "{colors.sys/bg/surface}" } },
136
- "background/secondary": { value: { base: "{colors.sys/bg/minimal}" } },
137
- "background/tertiary": { value: { base: "{colors.sys/bg/subtle}" } },
138
- "background/hover": { value: { base: "{colors.sys/bg/subtle}" } },
139
- "background/active": { value: { base: "{colors.sys/bg/moderate}" } },
140
- "background/selected": { value: { base: "{colors.color/purple/minimal}" } },
141
- "background/selected-active": { value: { base: "{colors.color/purple/moderate}" } },
142
- "background/selected-hover": { value: { base: "{colors.color/purple/subtle}" } },
143
- "background/contrast": { value: { base: "{colors.sys/bg/contrast}" } },
144
- "background/disabled": { value: { base: "{colors.sys/bg/disabled}" } },
145
- "border/regular": { value: { base: "{colors.sys/border/subtle}" } },
146
- "border/minimal": { value: { base: "{colors.sys/border/minimal}" } },
147
- "border/strong": { value: { base: "{colors.sys/border/strong}" } },
148
- "border/hover": { value: { base: "{colors.sys/border/emphasized}" } },
149
- "border/focus": { value: { base: "{colors.color/purple/highlight}" } },
150
- "border/selected": { value: { base: "{colors.color/purple/base}" } },
151
- "border/error": { value: { base: "{colors.sys/border/critical}" } },
152
- "border/inverse": { value: { base: "{colors.sys/border/inverse}" } },
153
- "border/on-contrast": { value: { base: "{colors.sys/border/on-contrast}" } },
154
- "border/disabled": { value: { base: "{colors.sys/border/disabled}" } },
155
- "text/primary": { value: { base: "{colors.sys/fg/primary}" } },
156
- "text/secondary": { value: { base: "{colors.sys/fg/secondary}" } },
157
- "text/tertiary": { value: { base: "{colors.sys/fg/tertiary}" } },
158
- "text/body": { value: { base: "{colors.sys/fg/base}" } },
159
- "text/helper": { value: { base: "{colors.sys/fg/secondary}" } },
160
- "text/link": { value: { base: "{colors.color/purple/base}" } },
161
- "text/link-hover": { value: { base: "{colors.color/purple/strong}" } },
162
- "text/selected": { value: { base: "{colors.color/purple/base}" } },
163
- "text/positive": { value: { base: "{colors.sys/fg/positive}" } },
164
- "text/negative": { value: { base: "{colors.sys/fg/negative}" } },
165
- "text/on-color": { value: { base: "{colors.sys/fg/on-color}" } },
166
- "text/on-contrast": { value: { base: "{colors.sys/fg/on-contrast}" } },
167
- "text/on-disabled": { value: { base: "{colors.sys/fg/on-disabled}" } },
168
- "text/disabled": { value: { base: "{colors.sys/fg/disabled}" } },
169
- "icon/primary": { value: { base: "{colors.sys/fg/primary}" } },
170
- "icon/secondary": { value: { base: "{colors.sys/fg/secondary}" } },
171
- "icon/tertiary": { value: { base: "{colors.sys/fg/tertiary}" } },
172
- "icon/interactive": { value: { base: "{colors.color/purple/base}" } },
173
- "icon/interactive-hover": { value: { base: "{colors.color/purple/strong}" } },
174
- "icon/positive": { value: { base: "{colors.sys/fg/positive}" } },
175
- "icon/negative": { value: { base: "{colors.sys/fg/negative}" } },
176
- "icon/on-color": { value: { base: "{colors.sys/fg/on-color}" } },
177
- "icon/on-contrast": { value: { base: "{colors.sys/fg/on-contrast}" } },
178
- "icon/on-disabled": { value: { base: "{colors.sys/fg/on-disabled}" } },
179
- "icon/disabled": { value: { base: "{colors.sys/fg/disabled}" } },
180
- "icon/warning": { value: { base: "{colors.sys/fg/warning}" } },
181
- "button/primary/bg": { value: { base: "{colors.sys/primary/base}" } },
182
- "button/primary/bg-hover": { value: { base: "{colors.sys/primary/emphasized}" } },
183
- "button/primary/bg-active": { value: { base: "{colors.sys/fg/primary}" } },
184
- "button/primary/bg-disabled": { value: { base: "{colors.sys/primary/disabled}" } },
185
- "button/primary/fg": { value: { base: "{colors.sys/fg/on-color}" } },
186
- "button/primary/fg-hover": { value: { base: "{colors.sys/fg/on-color}" } },
187
- "button/primary/fg-active": { value: { base: "{colors.sys/fg/on-color}" } },
188
- "button/primary/fg-disabled": { value: { base: "{colors.sys/fg/on-disabled}" } },
189
- "button/secondary/bg": { value: { base: "{colors.sys/bg/surface}" } },
190
- "button/secondary/bg-hover": { value: { base: "{colors.sys/bg/subtle}" } },
191
- "button/secondary/bg-active": { value: { base: "{colors.sys/bg/moderate}" } },
192
- "button/secondary/bg-disabled": { value: { base: "{colors.sys/bg/minimal}" } },
193
- "button/secondary/fg/base": { value: { base: "{colors.sys/fg/primary}" } },
194
- "button/secondary/fg/text": { value: { base: "{colors.sys/fg/primary}" } },
195
- "button/secondary/fg/icon": { value: { base: "{colors.sys/fg/secondary}" } },
196
- "button/secondary/fg-hover": { value: { base: "{colors.sys/fg/primary}" } },
197
- "button/secondary/fg-active": { value: { base: "{colors.sys/fg/primary}" } },
198
- "button/secondary/fg-disabled": { value: { base: "{colors.sys/fg/disabled}" } },
199
- "button/secondary/border": { value: { base: "{colors.sys/border/strong}" } },
200
- "button/secondary/border-hover": { value: { base: "{colors.sys/border/emphasized}" } },
201
- "button/secondary/border-active": { value: { base: "{colors.sys/border/emphasized}" } },
202
- "button/secondary/border-disabled": { value: { base: "{colors.sys/border/disabled}" } },
203
- "button/tertiary/bg": { value: { base: "transparent" } },
204
- "button/tertiary/bg-hover": { value: { base: "{colors.sys/bg/subtle}" } },
205
- "button/tertiary/bg-active": { value: { base: "{colors.sys/bg/moderate}" } },
206
- "button/tertiary/bg-disabled": { value: { base: "transparent" } },
207
- "button/tertiary/fg": { value: { base: "{colors.color/purple/base}" } },
208
- "button/tertiary/fg-hover": { value: { base: "{colors.color/purple/strong}" } },
209
- "button/tertiary/fg-active": { value: { base: "{colors.sys/fg/primary}" } },
210
- "button/tertiary/fg-disabled": { value: { base: "{colors.sys/fg/disabled}" } },
211
- "button/danger-primary/bg": { value: { base: "{colors.color/red/base}" } },
212
- "button/danger-primary/bg-hover": { value: { base: "{colors.color/red/strong}" } },
213
- "button/danger-primary/bg-active": { value: { base: "{colors.color/red/dark}" } },
214
- "button/danger-primary/bg-disabled": { value: { base: "{colors.sys/primary/disabled}" } },
215
- "button/danger-primary/fg": { value: { base: "{colors.sys/fg/on-color}" } },
216
- "button/danger-primary/fg-hover": { value: { base: "{colors.sys/fg/on-color}" } },
217
- "button/danger-primary/fg-active": { value: { base: "{colors.sys/fg/on-color}" } },
218
- "button/danger-primary/fg-disabled": { value: { base: "{colors.sys/fg/on-disabled}" } },
219
- "button/danger-secondary/bg": { value: { base: "{colors.sys/bg/surface}" } },
220
- "button/danger-secondary/bg-hover": { value: { base: "{colors.color/red/minimal}" } },
221
- "button/danger-secondary/bg-active": { value: { base: "{colors.color/red/moderate}" } },
222
- "button/danger-secondary/bg-disabled": { value: { base: "{colors.sys/bg/minimal}" } },
223
- "button/danger-secondary/fg": { value: { base: "{colors.color/red/base}" } },
224
- "button/danger-secondary/fg-hover": { value: { base: "{colors.color/red/base}" } },
225
- "button/danger-secondary/fg-active": { value: { base: "{colors.color/red/strong}" } },
226
- "button/danger-secondary/fg-disabled": { value: { base: "{colors.sys/fg/disabled}" } },
227
- "button/danger-secondary/border": { value: { base: "{colors.color/red/muted}" } },
228
- "button/danger-secondary/border-hover": { value: { base: "{colors.color/red/muted}" } },
229
- "button/danger-secondary/border-active": { value: { base: "{colors.color/red/base}" } },
230
- "button/danger-secondary/border-disabled": { value: { base: "{colors.sys/border/disabled}" } },
231
- "button/danger-tertiary/bg": { value: { base: "transparent" } },
232
- "button/danger-tertiary/bg-hover": { value: { base: "{colors.color/red/minimal}" } },
233
- "button/danger-tertiary/bg-active": { value: { base: "{colors.color/red/moderate}" } },
234
- "button/danger-tertiary/bg-disabled": { value: { base: "transparent" } },
235
- "button/danger-tertiary/fg": { value: { base: "{colors.color/red/base}" } },
236
- "button/danger-tertiary/fg-hover": { value: { base: "{colors.color/red/base}" } },
237
- "button/danger-tertiary/fg-active": { value: { base: "{colors.color/red/strong}" } },
238
- "button/danger-tertiary/fg-disabled": { value: { base: "{colors.sys/fg/disabled}" } },
239
- "button/ai-primary/bg": { value: { base: "{colors.color/indigo/base}" } },
240
- "button/ai-primary/bg-hover": { value: { base: "{colors.color/indigo/emphasized}" } },
241
- "button/ai-primary/bg-active": { value: { base: "{colors.color/indigo/dark}" } },
242
- "button/ai-primary/bg-disabled": { value: { base: "{colors.sys/primary/disabled}" } },
243
- "button/ai-primary/fg": { value: { base: "{colors.sys/fg/on-color}" } },
244
- "button/ai-primary/fg-hover": { value: { base: "{colors.sys/fg/on-color}" } },
245
- "button/ai-primary/fg-active": { value: { base: "{colors.sys/fg/on-color}" } },
246
- "button/ai-primary/fg-disabled": { value: { base: "{colors.sys/fg/on-disabled}" } },
247
- "button/ai-secondary/bg": { value: { base: "{colors.sys/bg/surface}" } },
248
- "button/ai-secondary/bg-hover": { value: { base: "{colors.color/indigo/minimal}" } },
249
- "button/ai-secondary/bg-active": { value: { base: "{colors.color/indigo/moderate}" } },
250
- "button/ai-secondary/bg-disabled": { value: { base: "{colors.sys/bg/minimal}" } },
251
- "button/ai-secondary/fg": { value: { base: "{colors.color/indigo/base}" } },
252
- "button/ai-secondary/fg-hover": { value: { base: "{colors.color/indigo/base}" } },
253
- "button/ai-secondary/fg-active": { value: { base: "{colors.color/indigo/strong}" } },
254
- "button/ai-secondary/fg-disabled": { value: { base: "{colors.sys/fg/disabled}" } },
255
- "button/ai-secondary/border": { value: { base: "{colors.color/indigo/muted}" } },
256
- "button/ai-secondary/border-hover": { value: { base: "{colors.color/indigo/muted}" } },
257
- "button/ai-secondary/border-active": { value: { base: "{colors.color/indigo/base}" } },
258
- "button/ai-secondary/border-disabled": { value: { base: "{colors.sys/border/disabled}" } },
259
- "button/ai-tertiary/bg": { value: { base: "transparent" } },
260
- "button/ai-tertiary/bg-hover": { value: { base: "{colors.color/indigo/minimal}" } },
261
- "button/ai-tertiary/bg-active": { value: { base: "{colors.color/indigo/moderate}" } },
262
- "button/ai-tertiary/bg-disabled": { value: { base: "transparent" } },
263
- "button/ai-tertiary/fg": { value: { base: "{colors.color/indigo/base}" } },
264
- "button/ai-tertiary/fg-hover": { value: { base: "{colors.color/indigo/base}" } },
265
- "button/ai-tertiary/fg-active": { value: { base: "{colors.color/indigo/strong}" } },
266
- "button/ai-tertiary/fg-disabled": { value: { base: "{colors.sys/fg/disabled}" } },
267
- "button/control/bg": { value: { base: "transparent" } },
268
- "button/control/bg-hover": { value: { base: "{colors.sys/bg/subtle}" } },
269
- "button/control/bg-active": { value: { base: "{colors.sys/bg/moderate}" } },
270
- "button/control/bg-disabled": { value: { base: "{colors.sys/bg/minimal}" } },
271
- "button/control/fg": { value: { base: "{colors.sys/fg/secondary}" } },
272
- "button/control/fg-hover": { value: { base: "{colors.sys/fg/primary}" } },
273
- "button/control/fg-active": { value: { base: "{colors.sys/fg/primary}" } },
274
- "button/control/fg-disabled": { value: { base: "{colors.sys/fg/disabled}" } },
275
- "button/control-danger/bg": { value: { base: "transparent" } },
276
- "button/control-danger/bg-hover": { value: { base: "{colors.color/red/minimal}" } },
277
- "button/control-danger/bg-active": { value: { base: "{colors.color/red/moderate}" } },
278
- "button/control-danger/bg-disabled": { value: { base: "{colors.sys/bg/minimal}" } },
279
- "button/control-danger/fg": { value: { base: "{colors.color/red/base}" } },
280
- "button/control-danger/fg-hover": { value: { base: "{colors.color/red/base}" } },
281
- "button/control-danger/fg-active": { value: { base: "{colors.color/red/strong}" } },
282
- "button/control-danger/fg-disabled": { value: { base: "{colors.sys/fg/disabled}" } },
283
- "ui-header/bg": { value: { base: "{colors.color/white/a0}" } },
284
- "ui-header/bg-hover": { value: { base: "{colors.color/white/a10}" } },
285
- "ui-header/bg-active": { value: { base: "{colors.color/white/a20}" } },
286
- "ui-header/bg-selected": { value: { base: "{colors.color/white/a20}" } },
287
- "ui-header/bg-selected-hover": { value: { base: "{colors.color/white/a10}" } },
288
- "input/text/label": { value: { base: "{colors.sys/fg/primary}" } },
289
- "input/text/inputValue": { value: { base: "{colors.sys/fg/base}" } },
290
- "input/text/placeholder": { value: { base: "{colors.sys/fg/subtle}" } },
291
- "input/text/helper": { value: { base: "{colors.sys/fg/secondary}" } },
292
- "input/text/error": { value: { base: "{colors.sys/fg/negative}" } },
293
- "input/checkbox/selection": { value: { base: "{colors.interactive/base}" } },
294
- "input/checkbox/selection-disabled": { value: { base: "{colors.interactive/disabled}" } },
295
- "input/switch/on/track": { value: { base: "{colors.color/green/bold}" } },
296
- "input/switch/on/track-disabled": { value: { base: "color-mix(in srgb, {colors.green.60} 50%, transparent)" } },
297
- "input/switch/on/thumb": { value: { base: "{colors.sys/bg/surface}" } },
298
- "input/switch/on/thumb-disabled": { value: { base: "{colors.sys/bg/surface}" } },
299
- "input/switch/off/track": { value: { base: "{colors.color/neutral/bold}" } },
300
- "input/switch/off/track-disabled": { value: { base: "color-mix(in srgb, {colors.neutral.60} 50%, transparent)" } },
301
- "input/switch/off/thumb": { value: { base: "{colors.sys/bg/surface}" } },
302
- "input/switch/off/thumb-disabled": { value: { base: "{colors.sys/bg/surface}" } },
303
- "interactive/base": { value: { base: "{colors.color/purple/base}" } },
304
- "interactive/bold": { value: { base: "{colors.color/purple/bold}" } },
305
- "interactive/highlight": { value: { base: "{colors.color/purple/highlight}" } },
306
- "interactive/muted": { value: { base: "{colors.color/purple/muted}" } },
307
- "interactive/moderate": { value: { base: "{colors.color/purple/moderate}" } },
308
- "interactive/subtle": { value: { base: "{colors.color/purple/subtle}" } },
309
- "interactive/minimal": { value: { base: "{colors.color/purple/minimal}" } },
310
- "interactive/disabled": { value: { base: "{colors.color/neutral/moderate}" } },
311
- "status/info/bg": { value: { base: "{colors.color/blue/minimal}" } },
312
- "status/info/bg-hover": { value: { base: "{colors.color/blue/subtle}" } },
313
- "status/info/bg-active": { value: { base: "{colors.color/blue/moderate}" } },
314
- "status/info/border": { value: { base: "{colors.color/blue/muted}" } },
315
- "status/info/icon": { value: { base: "{colors.color/blue/strong}" } },
316
- "status/info/text": { value: { base: "{colors.color/blue/strong}" } },
317
- "status/success/bg": { value: { base: "{colors.color/green/minimal}" } },
318
- "status/success/bg-hover": { value: { base: "{colors.color/green/subtle}" } },
319
- "status/success/bg-active": { value: { base: "{colors.color/green/moderate}" } },
320
- "status/success/border": { value: { base: "{colors.color/green/muted}" } },
321
- "status/success/icon": { value: { base: "{colors.color/green/strong}" } },
322
- "status/success/text": { value: { base: "{colors.color/green/strong}" } },
323
- "status/warning/bg": { value: { base: "{colors.color/yellow/minimal}" } },
324
- "status/warning/bg-hover": { value: { base: "{colors.color/yellow/subtle}" } },
325
- "status/warning/bg-active": { value: { base: "{colors.color/yellow/moderate}" } },
326
- "status/warning/border": { value: { base: "{colors.color/yellow/muted}" } },
327
- "status/warning/icon": { value: { base: "{colors.color/yellow/strong}" } },
328
- "status/warning/text": { value: { base: "{colors.color/yellow/strong}" } },
329
- "status/critical/bg": { value: { base: "{colors.color/red/minimal}" } },
330
- "status/critical/bg-hover": { value: { base: "{colors.color/red/subtle}" } },
331
- "status/critical/bg-active": { value: { base: "{colors.color/red/moderate}" } },
332
- "status/critical/border": { value: { base: "{colors.color/red/muted}" } },
333
- "status/critical/icon": { value: { base: "{colors.color/red/strong}" } },
334
- "status/critical/text": { value: { base: "{colors.color/red/strong}" } },
335
- "status/progress/bg": { value: { base: "{colors.color/purple/minimal}" } },
336
- "status/progress/bg-hover": { value: { base: "{colors.color/purple/subtle}" } },
337
- "status/progress/bg-active": { value: { base: "{colors.color/purple/moderate}" } },
338
- "status/progress/border": { value: { base: "{colors.color/purple/muted}" } },
339
- "status/progress/icon": { value: { base: "{colors.color/purple/strong}" } },
340
- "status/progress/text": { value: { base: "{colors.color/purple/strong}" } },
341
- "status/neutral/bg": { value: { base: "{colors.color/neutral/minimal}" } },
342
- "status/neutral/bg-hover": { value: { base: "{colors.color/neutral/subtle}" } },
343
- "status/neutral/bg-active": { value: { base: "{colors.color/neutral/moderate}" } },
344
- "status/neutral/border": { value: { base: "{colors.color/neutral/muted}" } },
345
- "status/neutral/icon": { value: { base: "{colors.color/neutral/strong}" } },
346
- "status/neutral/text": { value: { base: "{colors.color/neutral/strong}" } },
347
- "status/ai/bg": { value: { base: "linear-gradient(90deg, {colors.purple.95} 0%, {colors.indigo.95} 50%, {colors.blue.95} 100%)" } },
348
- "status/ai/bg-hover": { value: { base: "linear-gradient(90deg, {colors.purple.93} 0%, {colors.indigo.93} 50%, {colors.blue.93} 100%)" } },
349
- "status/ai/bg-active": { value: { base: "linear-gradient(90deg, {colors.purple.90} 0%, {colors.indigo.90} 50%, {colors.blue.90} 100%)" } },
350
- "status/ai/border": { value: { base: "linear-gradient(135deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%)" } },
351
- "status/ai/icon": { value: { base: "{colors.color/indigo/strong}" } },
352
- "status/ai/text": { value: { base: "{colors.color/indigo/strong}" } },
353
- "utilities/overlay": { value: { base: "color-mix(in srgb, {colors.neutral.10} 50%, transparent)" } },
354
- "utilities/overlay-side": { value: { base: "linear-gradient(90deg, color-mix(in srgb, {colors.neutral.10} 0%, transparent) 0%, color-mix(in srgb, {colors.neutral.10} 32%, transparent) 100%)" } },
355
- "utilities/overlay-light": { value: { base: "color-mix(in srgb, {colors.neutral.10} 16%, transparent)" } },
356
- "utilities/skeleton": { value: { base: "{colors.sys/bg/subtle}" } },
357
- "utilities/skeleton-strong": { value: { base: "{colors.sys/fg/minimal}" } }
358
- });
4
+ var semanticColors = defineSemanticTokens.colors(withSlashes({
5
+ brand: { primary: { value: { base: "{colors.purple.30}" } } },
6
+ separator: { primary: { value: { base: "{colors.neutral.90}" } } },
7
+ sys: {
8
+ fg: {
9
+ base: { value: { _light: "{colors.neutral.10}" } },
10
+ primary: { value: { _light: "{colors.purple.10}" } },
11
+ secondary: { value: { _light: "{colors.neutral.40}" } },
12
+ tertiary: { value: { _light: "{colors.neutral.60}" } },
13
+ subtle: { value: { _light: "{colors.neutral.70}" } },
14
+ minimal: { value: { _light: "{colors.neutral.80}" } },
15
+ positive: { value: { _light: "{colors.green.50}" } },
16
+ negative: { value: { _light: "{colors.red.50}" } },
17
+ "on-color": { value: { _light: "{colors.neutral.100}" } },
18
+ "on-contrast": { value: { _light: "{colors.neutral.95}" } },
19
+ "on-disabled": { value: { _light: "{colors.neutral.70}" } },
20
+ disabled: { value: { _light: "{colors.neutral.80}" } },
21
+ warning: { value: { _light: "{colors.yellow.60}" } }
22
+ },
23
+ bg: {
24
+ surface: { value: { _light: "{colors.neutral.100}" } },
25
+ contrast: { value: { _light: "{colors.neutral.10}" } },
26
+ moderate: { value: { _light: "{colors.neutral.90}" } },
27
+ subtle: { value: { _light: "{colors.neutral.93}" } },
28
+ minimal: { value: { _light: "{colors.neutral.95}" } },
29
+ disabled: { value: { _light: "{colors.neutral.95}" } }
30
+ },
31
+ border: {
32
+ minimal: { value: { _light: "{colors.neutral.93}" } },
33
+ subtle: { value: { _light: "{colors.neutral.90}" } },
34
+ strong: { value: { _light: "{colors.neutral.80}" } },
35
+ emphasized: { value: { _light: "{colors.neutral.70}" } },
36
+ critical: { value: { _light: "{colors.red.50}" } },
37
+ inverse: { value: { _light: "{colors.neutral.100}" } },
38
+ "on-contrast": { value: { _light: "{colors.neutral.95}" } },
39
+ disabled: { value: { _light: "{colors.neutral.90}" } }
40
+ },
41
+ primary: {
42
+ base: { value: { _light: "{colors.purple.40}" } },
43
+ emphasized: { value: { _light: "{colors.purple.30}" } },
44
+ contrast: { value: { _light: "{colors.purple.10}" } },
45
+ muted: { value: { _light: "{colors.purple.80}" } },
46
+ subtle: { value: { _light: "{colors.purple.93}" } },
47
+ disabled: { value: { _light: "{colors.neutral.90}" } }
48
+ },
49
+ interactive: {
50
+ base: { value: { _light: "{colors.purple.50}" } },
51
+ strong: { value: { _light: "{colors.purple.40}" } },
52
+ highlight: { value: { _light: "{colors.purple.70}" } },
53
+ disabled: { value: { _light: "{colors.neutral.90}" } }
54
+ },
55
+ purple: {
56
+ base: { value: { _light: "{colors.purple.50}" } },
57
+ strong: { value: { _light: "{colors.purple.40}" } },
58
+ bold: { value: { _light: "{colors.purple.60}" } },
59
+ highlight: { value: { _light: "{colors.purple.70}" } },
60
+ muted: { value: { _light: "{colors.purple.80}" } },
61
+ moderate: { value: { _light: "{colors.purple.90}" } },
62
+ subtle: { value: { _light: "{colors.purple.93}" } },
63
+ minimal: { value: { _light: "{colors.purple.95}" } },
64
+ disabled: { value: { _light: "{colors.neutral.90}" } }
65
+ },
66
+ indigo: {
67
+ base: { value: { _light: "{colors.indigo.50}" } },
68
+ dark: { value: { _light: "{colors.indigo.20}" } },
69
+ emphasized: { value: { _light: "{colors.indigo.30}" } },
70
+ strong: { value: { _light: "{colors.indigo.40}" } },
71
+ bold: { value: { _light: "{colors.indigo.60}" } },
72
+ muted: { value: { _light: "{colors.indigo.80}" } },
73
+ moderate: { value: { _light: "{colors.indigo.90}" } },
74
+ subtle: { value: { _light: "{colors.indigo.93}" } },
75
+ minimal: { value: { _light: "{colors.indigo.95}" } }
76
+ },
77
+ blue: {
78
+ base: { value: { _light: "{colors.blue.50}" } },
79
+ strong: { value: { _light: "{colors.blue.40}" } },
80
+ bold: { value: { _light: "{colors.blue.60}" } },
81
+ muted: { value: { _light: "{colors.blue.80}" } },
82
+ moderate: { value: { _light: "{colors.blue.90}" } },
83
+ subtle: { value: { _light: "{colors.blue.93}" } },
84
+ minimal: { value: { _light: "{colors.blue.95}" } }
85
+ },
86
+ green: {
87
+ base: { value: { _light: "{colors.green.50}" } },
88
+ strong: { value: { _light: "{colors.green.40}" } },
89
+ bold: { value: { _light: "{colors.green.60}" } },
90
+ muted: { value: { _light: "{colors.green.80}" } },
91
+ moderate: { value: { _light: "{colors.green.90}" } },
92
+ subtle: { value: { _light: "{colors.green.93}" } },
93
+ minimal: { value: { _light: "{colors.green.95}" } }
94
+ },
95
+ yellow: {
96
+ base: { value: { _light: "{colors.yellow.50}" } },
97
+ strong: { value: { _light: "{colors.yellow.40}" } },
98
+ bold: { value: { _light: "{colors.yellow.60}" } },
99
+ muted: { value: { _light: "{colors.yellow.80}" } },
100
+ moderate: { value: { _light: "{colors.yellow.90}" } },
101
+ subtle: { value: { _light: "{colors.yellow.93}" } },
102
+ minimal: { value: { _light: "{colors.yellow.95}" } }
103
+ },
104
+ red: {
105
+ base: { value: { _light: "{colors.red.50}" } },
106
+ dark: { value: { _light: "{colors.red.20}" } },
107
+ strong: { value: { _light: "{colors.red.40}" } },
108
+ bold: { value: { _light: "{colors.red.60}" } },
109
+ muted: { value: { _light: "{colors.red.80}" } },
110
+ moderate: { value: { _light: "{colors.red.90}" } },
111
+ subtle: { value: { _light: "{colors.red.93}" } },
112
+ minimal: { value: { _light: "{colors.red.95}" } }
113
+ },
114
+ neutral: {
115
+ base: { value: { _light: "{colors.neutral.50}" } },
116
+ strong: { value: { _light: "{colors.neutral.40}" } },
117
+ bold: { value: { _light: "{colors.neutral.60}" } },
118
+ muted: { value: { _light: "{colors.neutral.80}" } },
119
+ moderate: { value: { _light: "{colors.neutral.90}" } },
120
+ subtle: { value: { _light: "{colors.neutral.93}" } },
121
+ minimal: { value: { _light: "{colors.neutral.95}" } }
122
+ },
123
+ orange: {
124
+ base: { value: { _light: "{colors.orange.50}" } },
125
+ strong: { value: { _light: "{colors.orange.40}" } },
126
+ bold: { value: { _light: "{colors.orange.60}" } },
127
+ muted: { value: { _light: "{colors.orange.80}" } },
128
+ moderate: { value: { _light: "{colors.orange.90}" } },
129
+ subtle: { value: { _light: "{colors.orange.93}" } },
130
+ minimal: { value: { _light: "{colors.orange.95}" } }
131
+ },
132
+ turquoise: {
133
+ base: { value: { _light: "{colors.turquoise.50}" } },
134
+ dark: { value: { _light: "{colors.turquoise.20}" } },
135
+ emphasized: { value: { _light: "{colors.turquoise.30}" } },
136
+ strong: { value: { _light: "{colors.turquoise.40}" } },
137
+ bold: { value: { _light: "{colors.turquoise.60}" } },
138
+ muted: { value: { _light: "{colors.turquoise.80}" } },
139
+ moderate: { value: { _light: "{colors.turquoise.90}" } },
140
+ subtle: { value: { _light: "{colors.turquoise.93}" } },
141
+ minimal: { value: { _light: "{colors.turquoise.95}" } }
142
+ },
143
+ white: {
144
+ a0: { value: { _light: "rgba(255, 255, 255, 0)" } },
145
+ a10: { value: { _light: "rgba(255, 255, 255, 0.1)" } },
146
+ a15: { value: { _light: "rgba(255, 255, 255, 0.15)" } },
147
+ a20: { value: { _light: "rgba(255, 255, 255, 0.2)" } },
148
+ a30: { value: { _light: "rgba(255, 255, 255, 0.3)" } },
149
+ a50: { value: { _light: "rgba(255, 255, 255, 0.5)" } },
150
+ a80: { value: { _light: "rgba(255, 255, 255, 0.8)" } },
151
+ a90: { value: { _light: "rgba(255, 255, 255, 0.9)" } },
152
+ a100: { value: { _light: "rgb(255, 255, 255)" } }
153
+ },
154
+ "ai-gradient": {
155
+ base: { value: { _light: "linear-gradient(90deg, {colors.sys.purple} 0%, {colors.sys.indigo} 50%, {colors.sys.blue} 100%)" } },
156
+ bold: { value: { _light: "linear-gradient(90deg, {colors.sys.purple.bold} 0%, {colors.sys.indigo.bold} 50%, {colors.sys.blue.bold} 100%)" } },
157
+ minimal: { value: { _light: "linear-gradient(90deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)" } },
158
+ moderate: { value: { _light: "linear-gradient(90deg, {colors.sys.purple.moderate} 0%, {colors.sys.indigo.moderate} 50%, {colors.sys.blue.moderate} 100%)" } },
159
+ muted: { value: { _light: "linear-gradient(90deg, {colors.sys.purple.muted} 0%, {colors.sys.indigo.muted} 50%, {colors.sys.blue.muted} 100%)" } },
160
+ subtle: { value: { _light: "linear-gradient(90deg, {colors.sys.purple.subtle} 0%, {colors.sys.indigo.subtle} 50%, {colors.sys.blue.subtle} 100%)" } }
161
+ }
162
+ },
163
+ background: {
164
+ primary: { value: { base: "{colors.sys.bg.surface}" } },
165
+ secondary: { value: { base: "{colors.sys.bg.minimal}" } },
166
+ tertiary: { value: { base: "{colors.sys.bg.subtle}" } },
167
+ hover: { value: { base: "{colors.sys.bg.subtle}" } },
168
+ active: { value: { base: "{colors.sys.bg.moderate}" } },
169
+ selected: { value: { base: "{colors.sys.purple.minimal}" } },
170
+ "selected-active": { value: { base: "{colors.sys.purple.moderate}" } },
171
+ "selected-hover": { value: { base: "{colors.sys.purple.subtle}" } },
172
+ contrast: { value: { base: "{colors.sys.bg.contrast}" } },
173
+ disabled: { value: { base: "{colors.sys.bg.disabled}" } }
174
+ },
175
+ border: {
176
+ regular: { value: { base: "{colors.sys.border.subtle}" } },
177
+ minimal: { value: { base: "{colors.sys.border.minimal}" } },
178
+ strong: { value: { base: "{colors.sys.border.strong}" } },
179
+ hover: { value: { base: "{colors.sys.border.emphasized}" } },
180
+ focus: { value: { base: "{colors.sys.interactive.highlight}" } },
181
+ selected: { value: { base: "{colors.sys.interactive}" } },
182
+ error: { value: { base: "{colors.sys.border.critical}" } },
183
+ inverse: { value: { base: "{colors.sys.border.inverse}" } },
184
+ "on-contrast": { value: { base: "{colors.sys.border.on-contrast}" } },
185
+ disabled: { value: { base: "{colors.sys.border.disabled}" } }
186
+ },
187
+ text: {
188
+ primary: { value: { base: "{colors.sys.fg.primary}" } },
189
+ secondary: { value: { base: "{colors.sys.fg.secondary}" } },
190
+ tertiary: { value: { base: "{colors.sys.fg.tertiary}" } },
191
+ body: { value: { base: "{colors.sys.fg}" } },
192
+ helper: { value: { base: "{colors.sys.fg.secondary}" } },
193
+ link: { value: { base: "{colors.sys.interactive}" } },
194
+ "link-hover": { value: { base: "{colors.sys.interactive.strong}" } },
195
+ selected: { value: { base: "{colors.sys.interactive}" } },
196
+ positive: { value: { base: "{colors.sys.fg.positive}" } },
197
+ negative: { value: { base: "{colors.sys.fg.negative}" } },
198
+ "on-color": { value: { base: "{colors.sys.fg.on-color}" } },
199
+ "on-contrast": { value: { base: "{colors.sys.fg.on-contrast}" } },
200
+ "on-disabled": { value: { base: "{colors.sys.fg.on-disabled}" } },
201
+ disabled: { value: { base: "{colors.sys.fg.disabled}" } }
202
+ },
203
+ icon: {
204
+ primary: { value: { base: "{colors.sys.fg.primary}" } },
205
+ secondary: { value: { base: "{colors.sys.fg.secondary}" } },
206
+ tertiary: { value: { base: "{colors.sys.fg.tertiary}" } },
207
+ interactive: { value: { base: "{colors.sys.interactive}" } },
208
+ "interactive-hover": { value: { base: "{colors.sys.interactive.strong}" } },
209
+ positive: { value: { base: "{colors.sys.fg.positive}" } },
210
+ negative: { value: { base: "{colors.sys.fg.negative}" } },
211
+ "on-color": { value: { base: "{colors.sys.fg.on-color}" } },
212
+ "on-contrast": { value: { base: "{colors.sys.fg.on-contrast}" } },
213
+ "on-disabled": { value: { base: "{colors.sys.fg.on-disabled}" } },
214
+ disabled: { value: { base: "{colors.sys.fg.disabled}" } },
215
+ warning: { value: { base: "{colors.sys.fg.warning}" } }
216
+ },
217
+ button: {
218
+ primary: {
219
+ bg: { value: { base: "{colors.sys.primary}" } },
220
+ "bg-hover": { value: { base: "{colors.sys.primary.emphasized}" } },
221
+ "bg-active": { value: { base: "{colors.sys.fg.primary}" } },
222
+ "bg-disabled": { value: { base: "{colors.sys.primary.disabled}" } },
223
+ fg: { value: { base: "{colors.sys.fg.on-color}" } },
224
+ "fg-hover": { value: { base: "{colors.sys.fg.on-color}" } },
225
+ "fg-active": { value: { base: "{colors.sys.fg.on-color}" } },
226
+ "fg-disabled": { value: { base: "{colors.sys.fg.on-disabled}" } }
227
+ },
228
+ secondary: {
229
+ bg: { value: { base: "{colors.sys.bg.surface}" } },
230
+ "bg-hover": { value: { base: "{colors.sys.bg.subtle}" } },
231
+ "bg-active": { value: { base: "{colors.sys.bg.moderate}" } },
232
+ "bg-disabled": { value: { base: "{colors.sys.bg.minimal}" } },
233
+ fg: {
234
+ base: { value: { base: "{colors.sys.fg.primary}" } },
235
+ text: { value: { base: "{colors.sys.fg.primary}" } },
236
+ icon: { value: { base: "{colors.sys.fg.secondary}" } }
237
+ },
238
+ "fg-hover": { value: { base: "{colors.sys.fg.primary}" } },
239
+ "fg-active": { value: { base: "{colors.sys.fg.primary}" } },
240
+ "fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } },
241
+ border: { value: { base: "{colors.sys.border.strong}" } },
242
+ "border-hover": { value: { base: "{colors.sys.border.emphasized}" } },
243
+ "border-active": { value: { base: "{colors.sys.border.emphasized}" } },
244
+ "border-disabled": { value: { base: "{colors.sys.border.disabled}" } }
245
+ },
246
+ tertiary: {
247
+ bg: { value: { base: "transparent" } },
248
+ "bg-hover": { value: { base: "{colors.sys.bg.subtle}" } },
249
+ "bg-active": { value: { base: "{colors.sys.bg.moderate}" } },
250
+ "bg-disabled": { value: { base: "transparent" } },
251
+ fg: { value: { base: "{colors.sys.interactive}" } },
252
+ "fg-hover": { value: { base: "{colors.sys.interactive.strong}" } },
253
+ "fg-active": { value: { base: "{colors.sys.fg.primary}" } },
254
+ "fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
255
+ },
256
+ "danger-primary": {
257
+ bg: { value: { base: "{colors.sys.red}" } },
258
+ "bg-hover": { value: { base: "{colors.sys.red.strong}" } },
259
+ "bg-active": { value: { base: "{colors.sys.red.dark}" } },
260
+ "bg-disabled": { value: { base: "{colors.sys.primary.disabled}" } },
261
+ fg: { value: { base: "{colors.sys.fg.on-color}" } },
262
+ "fg-hover": { value: { base: "{colors.sys.fg.on-color}" } },
263
+ "fg-active": { value: { base: "{colors.sys.fg.on-color}" } },
264
+ "fg-disabled": { value: { base: "{colors.sys.fg.on-disabled}" } }
265
+ },
266
+ "danger-secondary": {
267
+ bg: { value: { base: "{colors.sys.bg.surface}" } },
268
+ "bg-hover": { value: { base: "{colors.sys.red.minimal}" } },
269
+ "bg-active": { value: { base: "{colors.sys.red.moderate}" } },
270
+ "bg-disabled": { value: { base: "{colors.sys.bg.minimal}" } },
271
+ fg: { value: { base: "{colors.sys.red}" } },
272
+ "fg-hover": { value: { base: "{colors.sys.red}" } },
273
+ "fg-active": { value: { base: "{colors.sys.red.strong}" } },
274
+ "fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } },
275
+ border: { value: { base: "{colors.sys.red.muted}" } },
276
+ "border-hover": { value: { base: "{colors.sys.red.muted}" } },
277
+ "border-active": { value: { base: "{colors.sys.red}" } },
278
+ "border-disabled": { value: { base: "{colors.sys.border.disabled}" } }
279
+ },
280
+ "danger-tertiary": {
281
+ bg: { value: { base: "transparent" } },
282
+ "bg-hover": { value: { base: "{colors.sys.red.minimal}" } },
283
+ "bg-active": { value: { base: "{colors.sys.red.moderate}" } },
284
+ "bg-disabled": { value: { base: "transparent" } },
285
+ fg: { value: { base: "{colors.sys.red}" } },
286
+ "fg-hover": { value: { base: "{colors.sys.red}" } },
287
+ "fg-active": { value: { base: "{colors.sys.red.strong}" } },
288
+ "fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
289
+ },
290
+ "ai-primary": {
291
+ bg: { value: { base: "{colors.sys.indigo}" } },
292
+ "bg-hover": { value: { base: "{colors.sys.indigo.emphasized}" } },
293
+ "bg-active": { value: { base: "{colors.sys.indigo.dark}" } },
294
+ "bg-disabled": { value: { base: "{colors.sys.primary.disabled}" } },
295
+ fg: { value: { base: "{colors.sys.fg.on-color}" } },
296
+ "fg-hover": { value: { base: "{colors.sys.fg.on-color}" } },
297
+ "fg-active": { value: { base: "{colors.sys.fg.on-color}" } },
298
+ "fg-disabled": { value: { base: "{colors.sys.fg.on-disabled}" } }
299
+ },
300
+ "ai-secondary": {
301
+ bg: { value: { base: "{colors.sys.bg.surface}" } },
302
+ "bg-hover": { value: { base: "{colors.sys.indigo.minimal}" } },
303
+ "bg-active": { value: { base: "{colors.sys.indigo.moderate}" } },
304
+ "bg-disabled": { value: { base: "{colors.sys.bg.minimal}" } },
305
+ fg: { value: { base: "{colors.sys.indigo}" } },
306
+ "fg-hover": { value: { base: "{colors.sys.indigo}" } },
307
+ "fg-active": { value: { base: "{colors.sys.indigo.strong}" } },
308
+ "fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } },
309
+ border: { value: { base: "{colors.sys.indigo.muted}" } },
310
+ "border-hover": { value: { base: "{colors.sys.indigo.muted}" } },
311
+ "border-active": { value: { base: "{colors.sys.indigo}" } },
312
+ "border-disabled": { value: { base: "{colors.sys.border.disabled}" } }
313
+ },
314
+ "ai-tertiary": {
315
+ bg: { value: { base: "transparent" } },
316
+ "bg-hover": { value: { base: "{colors.sys.indigo.minimal}" } },
317
+ "bg-active": { value: { base: "{colors.sys.indigo.moderate}" } },
318
+ "bg-disabled": { value: { base: "transparent" } },
319
+ fg: { value: { base: "{colors.sys.indigo}" } },
320
+ "fg-hover": { value: { base: "{colors.sys.indigo}" } },
321
+ "fg-active": { value: { base: "{colors.sys.indigo.strong}" } },
322
+ "fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
323
+ },
324
+ control: {
325
+ bg: { value: { base: "transparent" } },
326
+ "bg-hover": { value: { base: "{colors.sys.bg.subtle}" } },
327
+ "bg-active": { value: { base: "{colors.sys.bg.moderate}" } },
328
+ "bg-disabled": { value: { base: "{colors.sys.bg.minimal}" } },
329
+ fg: { value: { base: "{colors.sys.fg.secondary}" } },
330
+ "fg-hover": { value: { base: "{colors.sys.fg.primary}" } },
331
+ "fg-active": { value: { base: "{colors.sys.fg.primary}" } },
332
+ "fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
333
+ },
334
+ "control-danger": {
335
+ bg: { value: { base: "transparent" } },
336
+ "bg-hover": { value: { base: "{colors.sys.red.minimal}" } },
337
+ "bg-active": { value: { base: "{colors.sys.red.moderate}" } },
338
+ "bg-disabled": { value: { base: "{colors.sys.bg.minimal}" } },
339
+ fg: { value: { base: "{colors.sys.red}" } },
340
+ "fg-hover": { value: { base: "{colors.sys.red}" } },
341
+ "fg-active": { value: { base: "{colors.sys.red.strong}" } },
342
+ "fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
343
+ }
344
+ },
345
+ "ui-header": {
346
+ bg: { value: { base: "{colors.sys.white.a0}" } },
347
+ "bg-hover": { value: { base: "{colors.sys.white.a10}" } },
348
+ "bg-active": { value: { base: "{colors.sys.white.a20}" } },
349
+ "bg-selected": { value: { base: "{colors.sys.white.a20}" } },
350
+ "bg-selected-hover": { value: { base: "{colors.sys.white.a10}" } }
351
+ },
352
+ input: {
353
+ text: {
354
+ label: { value: { base: "{colors.sys.fg.primary}" } },
355
+ inputValue: { value: { base: "{colors.sys.fg}" } },
356
+ placeholder: { value: { base: "{colors.sys.fg.subtle}" } },
357
+ helper: { value: { base: "{colors.sys.fg.secondary}" } },
358
+ error: { value: { base: "{colors.sys.fg.negative}" } }
359
+ },
360
+ checkbox: {
361
+ selection: { value: { base: "{colors.sys.interactive}" } },
362
+ "selection-disabled": { value: { base: "{colors.sys.interactive.disabled}" } }
363
+ },
364
+ switch: {
365
+ on: {
366
+ track: { value: { base: "{colors.sys.green.bold}" } },
367
+ "track-disabled": { value: { base: "{colors.sys.green.bold/50}" } },
368
+ thumb: { value: { base: "{colors.sys.bg.surface}" } },
369
+ "thumb-disabled": { value: { base: "{colors.sys.bg.surface}" } }
370
+ },
371
+ off: {
372
+ track: { value: { base: "{colors.sys.neutral.bold}" } },
373
+ "track-disabled": { value: { base: "{colors.sys.neutral.bold/50}" } },
374
+ thumb: { value: { base: "{colors.sys.bg.surface}" } },
375
+ "thumb-disabled": { value: { base: "{colors.sys.bg.surface}" } }
376
+ }
377
+ }
378
+ },
379
+ interactive: {
380
+ base: { value: { base: "{colors.sys.purple}" } },
381
+ bold: { value: { base: "{colors.sys.purple.bold}" } },
382
+ highlight: { value: { base: "{colors.sys.interactive.highlight}" } },
383
+ muted: { value: { base: "{colors.sys.purple.muted}" } },
384
+ moderate: { value: { base: "{colors.sys.purple.moderate}" } },
385
+ subtle: { value: { base: "{colors.sys.purple.subtle}" } },
386
+ minimal: { value: { base: "{colors.sys.purple.minimal}" } },
387
+ disabled: { value: { base: "{colors.sys.neutral.subtle}" } }
388
+ },
389
+ status: {
390
+ info: {
391
+ bg: { value: { base: "{colors.sys.blue.minimal}" } },
392
+ "bg-hover": { value: { base: "{colors.sys.blue.subtle}" } },
393
+ "bg-active": { value: { base: "{colors.sys.blue.moderate}" } },
394
+ border: { value: { base: "{colors.sys.blue.muted}" } },
395
+ icon: { value: { base: "{colors.sys.blue.strong}" } },
396
+ text: { value: { base: "{colors.sys.blue.strong}" } }
397
+ },
398
+ success: {
399
+ bg: { value: { base: "{colors.sys.green.minimal}" } },
400
+ "bg-hover": { value: { base: "{colors.sys.green.subtle}" } },
401
+ "bg-active": { value: { base: "{colors.sys.green.moderate}" } },
402
+ border: { value: { base: "{colors.sys.green.muted}" } },
403
+ icon: { value: { base: "{colors.sys.green.strong}" } },
404
+ text: { value: { base: "{colors.sys.green.strong}" } }
405
+ },
406
+ warning: {
407
+ bg: { value: { base: "{colors.sys.yellow.minimal}" } },
408
+ "bg-hover": { value: { base: "{colors.sys.yellow.subtle}" } },
409
+ "bg-active": { value: { base: "{colors.sys.yellow.moderate}" } },
410
+ border: { value: { base: "{colors.sys.yellow.muted}" } },
411
+ icon: { value: { base: "{colors.sys.yellow.strong}" } },
412
+ text: { value: { base: "{colors.sys.yellow.strong}" } }
413
+ },
414
+ critical: {
415
+ bg: { value: { base: "{colors.sys.red.minimal}" } },
416
+ "bg-hover": { value: { base: "{colors.sys.red.subtle}" } },
417
+ "bg-active": { value: { base: "{colors.sys.red.moderate}" } },
418
+ border: { value: { base: "{colors.sys.red.muted}" } },
419
+ icon: { value: { base: "{colors.sys.red.strong}" } },
420
+ text: { value: { base: "{colors.sys.red.strong}" } }
421
+ },
422
+ progress: {
423
+ bg: { value: { base: "{colors.sys.purple.minimal}" } },
424
+ "bg-hover": { value: { base: "{colors.sys.purple.subtle}" } },
425
+ "bg-active": { value: { base: "{colors.sys.purple.moderate}" } },
426
+ border: { value: { base: "{colors.sys.purple.muted}" } },
427
+ icon: { value: { base: "{colors.sys.interactive.strong}" } },
428
+ text: { value: { base: "{colors.sys.interactive.strong}" } }
429
+ },
430
+ neutral: {
431
+ bg: { value: { base: "{colors.sys.neutral.minimal}" } },
432
+ "bg-hover": { value: { base: "{colors.sys.neutral.subtle}" } },
433
+ "bg-active": { value: { base: "{colors.sys.neutral.moderate}" } },
434
+ border: { value: { base: "{colors.sys.neutral.muted}" } },
435
+ icon: { value: { base: "{colors.sys.neutral.strong}" } },
436
+ text: { value: { base: "{colors.sys.neutral.strong}" } }
437
+ },
438
+ ai: {
439
+ bg: { value: { base: "{colors.sys.ai-gradient.minimal}" } },
440
+ "bg-hover": { value: { base: "{colors.sys.ai-gradient.subtle}" } },
441
+ "bg-active": { value: { base: "{colors.sys.ai-gradient.moderate}" } },
442
+ border: { value: { base: "{colors.ai.border.strong}" } },
443
+ icon: { value: { base: "{colors.sys.indigo.strong}" } },
444
+ text: { value: { base: "{colors.sys.indigo.strong}" } }
445
+ }
446
+ },
447
+ ai: {
448
+ background: {
449
+ minimal: { value: { base: "{colors.sys.ai-gradient.minimal}" } },
450
+ subtle: { value: { base: "{colors.sys.ai-gradient.subtle}" } },
451
+ moderate: { value: { base: "{colors.sys.ai-gradient.moderate}" } },
452
+ "minimal-vertical": { value: { base: "linear-gradient(180deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)" } }
453
+ },
454
+ border: {
455
+ regular: { value: { base: "linear-gradient(135deg, {colors.sys.purple.subtle} 0%, {colors.sys.indigo.subtle} 50%, {colors.sys.blue.subtle} 100%)" } },
456
+ minimal: { value: { base: "linear-gradient(135deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)" } },
457
+ strong: { value: { base: "linear-gradient(135deg, {colors.sys.purple.muted} 0%, {colors.sys.indigo.muted} 50%, {colors.sys.blue.muted} 100%)" } }
458
+ }
459
+ },
460
+ utilities: {
461
+ overlay: { value: { base: "{colors.sys.bg.contrast/50}" } },
462
+ "overlay-side": { value: { base: "linear-gradient(90deg, {colors.sys.bg.contrast/0} 0%, {colors.sys.bg.contrast/32} 100%)" } },
463
+ "overlay-light": { value: { base: "{colors.sys.bg.contrast/16}" } },
464
+ skeleton: { value: { base: "{colors.sys.bg.subtle}" } },
465
+ "skeleton-strong": { value: { base: "{colors.sys.fg.minimal}" } }
466
+ },
467
+ ui: { "header-action": {
468
+ bg: { value: { base: "{colors.sys.bg.surface/0}" } },
469
+ "bg-hover": { value: { base: "{colors.sys.bg.surface/20}" } },
470
+ "bg-active": { value: { base: "{colors.sys.bg.surface/20}" } },
471
+ "bg-selected": { value: { base: "{colors.sys.bg.surface/20}" } },
472
+ "bg-selected-hover": { value: { base: "{colors.sys.bg.surface/10}" } }
473
+ } }
474
+ }));
359
475
  //#endregion
360
476
  export { semanticColors as default };
361
477