@vellira-ui/tokens 2.19.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (262) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +146 -0
  3. package/dist/css/tokens.css +1453 -0
  4. package/dist/dark/components/button.d.ts +59 -0
  5. package/dist/dark/components/button.d.ts.map +1 -0
  6. package/dist/dark/components/button.js +26 -0
  7. package/dist/dark/components/checkbox.d.ts +42 -0
  8. package/dist/dark/components/checkbox.d.ts.map +1 -0
  9. package/dist/dark/components/checkbox.js +34 -0
  10. package/dist/dark/components/dropdown.d.ts +75 -0
  11. package/dist/dark/components/dropdown.d.ts.map +1 -0
  12. package/dist/dark/components/dropdown.js +77 -0
  13. package/dist/dark/components/formField.d.ts +34 -0
  14. package/dist/dark/components/formField.d.ts.map +1 -0
  15. package/dist/dark/components/formField.js +35 -0
  16. package/dist/dark/components/index.d.ts +12 -0
  17. package/dist/dark/components/index.d.ts.map +1 -0
  18. package/dist/dark/components/index.js +11 -0
  19. package/dist/dark/components/input.d.ts +36 -0
  20. package/dist/dark/components/input.d.ts.map +1 -0
  21. package/dist/dark/components/input.js +40 -0
  22. package/dist/dark/components/menu.d.ts +50 -0
  23. package/dist/dark/components/menu.d.ts.map +1 -0
  24. package/dist/dark/components/menu.js +47 -0
  25. package/dist/dark/components/modal.d.ts +31 -0
  26. package/dist/dark/components/modal.d.ts.map +1 -0
  27. package/dist/dark/components/modal.js +34 -0
  28. package/dist/dark/components/radio.d.ts +38 -0
  29. package/dist/dark/components/radio.d.ts.map +1 -0
  30. package/dist/dark/components/radio.js +32 -0
  31. package/dist/dark/components/select.d.ts +63 -0
  32. package/dist/dark/components/select.d.ts.map +1 -0
  33. package/dist/dark/components/select.js +64 -0
  34. package/dist/dark/components/tabs.d.ts +67 -0
  35. package/dist/dark/components/tabs.d.ts.map +1 -0
  36. package/dist/dark/components/tabs.js +72 -0
  37. package/dist/dark/components/tooltip.d.ts +11 -0
  38. package/dist/dark/components/tooltip.d.ts.map +1 -0
  39. package/dist/dark/components/tooltip.js +13 -0
  40. package/dist/dark/semantic/action.d.ts +72 -0
  41. package/dist/dark/semantic/action.d.ts.map +1 -0
  42. package/dist/dark/semantic/action.js +73 -0
  43. package/dist/dark/semantic/border.d.ts +9 -0
  44. package/dist/dark/semantic/border.d.ts.map +1 -0
  45. package/dist/dark/semantic/border.js +9 -0
  46. package/dist/dark/semantic/control.d.ts +30 -0
  47. package/dist/dark/semantic/control.d.ts.map +1 -0
  48. package/dist/dark/semantic/control.js +32 -0
  49. package/dist/dark/semantic/divider.d.ts +6 -0
  50. package/dist/dark/semantic/divider.d.ts.map +1 -0
  51. package/dist/dark/semantic/divider.js +6 -0
  52. package/dist/dark/semantic/focus.d.ts +5 -0
  53. package/dist/dark/semantic/focus.d.ts.map +1 -0
  54. package/dist/dark/semantic/focus.js +5 -0
  55. package/dist/dark/semantic/index.d.ts +11 -0
  56. package/dist/dark/semantic/index.d.ts.map +1 -0
  57. package/dist/dark/semantic/index.js +10 -0
  58. package/dist/dark/semantic/navigation.d.ts +34 -0
  59. package/dist/dark/semantic/navigation.d.ts.map +1 -0
  60. package/dist/dark/semantic/navigation.js +36 -0
  61. package/dist/dark/semantic/skeleton.d.ts +5 -0
  62. package/dist/dark/semantic/skeleton.d.ts.map +1 -0
  63. package/dist/dark/semantic/skeleton.js +5 -0
  64. package/dist/dark/semantic/status.d.ts +27 -0
  65. package/dist/dark/semantic/status.d.ts.map +1 -0
  66. package/dist/dark/semantic/status.js +27 -0
  67. package/dist/dark/semantic/surface.d.ts +10 -0
  68. package/dist/dark/semantic/surface.d.ts.map +1 -0
  69. package/dist/dark/semantic/surface.js +10 -0
  70. package/dist/dark/semantic/text.d.ts +12 -0
  71. package/dist/dark/semantic/text.d.ts.map +1 -0
  72. package/dist/dark/semantic/text.js +12 -0
  73. package/dist/dark/theme.d.ts +228 -0
  74. package/dist/dark/theme.d.ts.map +1 -0
  75. package/dist/dark/theme.js +17 -0
  76. package/dist/generated/color-preview.d.ts +120 -0
  77. package/dist/generated/color-preview.d.ts.map +1 -0
  78. package/dist/generated/color-preview.js +119 -0
  79. package/dist/generated/token-types.d.ts +38 -0
  80. package/dist/generated/token-types.d.ts.map +1 -0
  81. package/dist/generated/token-types.js +2124 -0
  82. package/dist/highContrast/components/button.d.ts +59 -0
  83. package/dist/highContrast/components/button.d.ts.map +1 -0
  84. package/dist/highContrast/components/button.js +26 -0
  85. package/dist/highContrast/components/checkbox.d.ts +42 -0
  86. package/dist/highContrast/components/checkbox.d.ts.map +1 -0
  87. package/dist/highContrast/components/checkbox.js +31 -0
  88. package/dist/highContrast/components/dropdown.d.ts +75 -0
  89. package/dist/highContrast/components/dropdown.d.ts.map +1 -0
  90. package/dist/highContrast/components/dropdown.js +77 -0
  91. package/dist/highContrast/components/formField.d.ts +34 -0
  92. package/dist/highContrast/components/formField.d.ts.map +1 -0
  93. package/dist/highContrast/components/formField.js +35 -0
  94. package/dist/highContrast/components/index.d.ts +12 -0
  95. package/dist/highContrast/components/index.d.ts.map +1 -0
  96. package/dist/highContrast/components/index.js +11 -0
  97. package/dist/highContrast/components/input.d.ts +36 -0
  98. package/dist/highContrast/components/input.d.ts.map +1 -0
  99. package/dist/highContrast/components/input.js +41 -0
  100. package/dist/highContrast/components/menu.d.ts +50 -0
  101. package/dist/highContrast/components/menu.d.ts.map +1 -0
  102. package/dist/highContrast/components/menu.js +48 -0
  103. package/dist/highContrast/components/modal.d.ts +31 -0
  104. package/dist/highContrast/components/modal.d.ts.map +1 -0
  105. package/dist/highContrast/components/modal.js +34 -0
  106. package/dist/highContrast/components/radio.d.ts +38 -0
  107. package/dist/highContrast/components/radio.d.ts.map +1 -0
  108. package/dist/highContrast/components/radio.js +32 -0
  109. package/dist/highContrast/components/select.d.ts +63 -0
  110. package/dist/highContrast/components/select.d.ts.map +1 -0
  111. package/dist/highContrast/components/select.js +65 -0
  112. package/dist/highContrast/components/tabs.d.ts +67 -0
  113. package/dist/highContrast/components/tabs.d.ts.map +1 -0
  114. package/dist/highContrast/components/tabs.js +70 -0
  115. package/dist/highContrast/components/tooltip.d.ts +11 -0
  116. package/dist/highContrast/components/tooltip.d.ts.map +1 -0
  117. package/dist/highContrast/components/tooltip.js +13 -0
  118. package/dist/highContrast/semantic/action.d.ts +72 -0
  119. package/dist/highContrast/semantic/action.d.ts.map +1 -0
  120. package/dist/highContrast/semantic/action.js +73 -0
  121. package/dist/highContrast/semantic/border.d.ts +10 -0
  122. package/dist/highContrast/semantic/border.d.ts.map +1 -0
  123. package/dist/highContrast/semantic/border.js +10 -0
  124. package/dist/highContrast/semantic/control.d.ts +40 -0
  125. package/dist/highContrast/semantic/control.d.ts.map +1 -0
  126. package/dist/highContrast/semantic/control.js +41 -0
  127. package/dist/highContrast/semantic/divider.d.ts +6 -0
  128. package/dist/highContrast/semantic/divider.d.ts.map +1 -0
  129. package/dist/highContrast/semantic/divider.js +6 -0
  130. package/dist/highContrast/semantic/focus.d.ts +5 -0
  131. package/dist/highContrast/semantic/focus.d.ts.map +1 -0
  132. package/dist/highContrast/semantic/focus.js +5 -0
  133. package/dist/highContrast/semantic/index.d.ts +11 -0
  134. package/dist/highContrast/semantic/index.d.ts.map +1 -0
  135. package/dist/highContrast/semantic/index.js +10 -0
  136. package/dist/highContrast/semantic/navigation.d.ts +45 -0
  137. package/dist/highContrast/semantic/navigation.d.ts.map +1 -0
  138. package/dist/highContrast/semantic/navigation.js +47 -0
  139. package/dist/highContrast/semantic/skeleton.d.ts +5 -0
  140. package/dist/highContrast/semantic/skeleton.d.ts.map +1 -0
  141. package/dist/highContrast/semantic/skeleton.js +5 -0
  142. package/dist/highContrast/semantic/status.d.ts +27 -0
  143. package/dist/highContrast/semantic/status.d.ts.map +1 -0
  144. package/dist/highContrast/semantic/status.js +27 -0
  145. package/dist/highContrast/semantic/surface.d.ts +10 -0
  146. package/dist/highContrast/semantic/surface.d.ts.map +1 -0
  147. package/dist/highContrast/semantic/surface.js +10 -0
  148. package/dist/highContrast/semantic/text.d.ts +11 -0
  149. package/dist/highContrast/semantic/text.d.ts.map +1 -0
  150. package/dist/highContrast/semantic/text.js +12 -0
  151. package/dist/highContrast/theme.d.ts +228 -0
  152. package/dist/highContrast/theme.d.ts.map +1 -0
  153. package/dist/highContrast/theme.js +17 -0
  154. package/dist/index.d.ts +97 -0
  155. package/dist/index.d.ts.map +1 -0
  156. package/dist/index.js +11 -0
  157. package/dist/light/components/button.d.ts +59 -0
  158. package/dist/light/components/button.d.ts.map +1 -0
  159. package/dist/light/components/button.js +26 -0
  160. package/dist/light/components/checkbox.d.ts +42 -0
  161. package/dist/light/components/checkbox.d.ts.map +1 -0
  162. package/dist/light/components/checkbox.js +31 -0
  163. package/dist/light/components/dropdown.d.ts +75 -0
  164. package/dist/light/components/dropdown.d.ts.map +1 -0
  165. package/dist/light/components/dropdown.js +77 -0
  166. package/dist/light/components/formField.d.ts +34 -0
  167. package/dist/light/components/formField.d.ts.map +1 -0
  168. package/dist/light/components/formField.js +35 -0
  169. package/dist/light/components/index.d.ts +12 -0
  170. package/dist/light/components/index.d.ts.map +1 -0
  171. package/dist/light/components/index.js +11 -0
  172. package/dist/light/components/input.d.ts +36 -0
  173. package/dist/light/components/input.d.ts.map +1 -0
  174. package/dist/light/components/input.js +41 -0
  175. package/dist/light/components/menu.d.ts +50 -0
  176. package/dist/light/components/menu.d.ts.map +1 -0
  177. package/dist/light/components/menu.js +48 -0
  178. package/dist/light/components/modal.d.ts +31 -0
  179. package/dist/light/components/modal.d.ts.map +1 -0
  180. package/dist/light/components/modal.js +34 -0
  181. package/dist/light/components/radio.d.ts +38 -0
  182. package/dist/light/components/radio.d.ts.map +1 -0
  183. package/dist/light/components/radio.js +32 -0
  184. package/dist/light/components/select.d.ts +63 -0
  185. package/dist/light/components/select.d.ts.map +1 -0
  186. package/dist/light/components/select.js +61 -0
  187. package/dist/light/components/tabs.d.ts +67 -0
  188. package/dist/light/components/tabs.d.ts.map +1 -0
  189. package/dist/light/components/tabs.js +72 -0
  190. package/dist/light/components/tooltip.d.ts +11 -0
  191. package/dist/light/components/tooltip.d.ts.map +1 -0
  192. package/dist/light/components/tooltip.js +13 -0
  193. package/dist/light/semantic/action.d.ts +72 -0
  194. package/dist/light/semantic/action.d.ts.map +1 -0
  195. package/dist/light/semantic/action.js +73 -0
  196. package/dist/light/semantic/border.d.ts +9 -0
  197. package/dist/light/semantic/border.d.ts.map +1 -0
  198. package/dist/light/semantic/border.js +9 -0
  199. package/dist/light/semantic/control.d.ts +30 -0
  200. package/dist/light/semantic/control.d.ts.map +1 -0
  201. package/dist/light/semantic/control.js +31 -0
  202. package/dist/light/semantic/divider.d.ts +6 -0
  203. package/dist/light/semantic/divider.d.ts.map +1 -0
  204. package/dist/light/semantic/divider.js +6 -0
  205. package/dist/light/semantic/focus.d.ts +5 -0
  206. package/dist/light/semantic/focus.d.ts.map +1 -0
  207. package/dist/light/semantic/focus.js +5 -0
  208. package/dist/light/semantic/index.d.ts +11 -0
  209. package/dist/light/semantic/index.d.ts.map +1 -0
  210. package/dist/light/semantic/index.js +10 -0
  211. package/dist/light/semantic/navigation.d.ts +30 -0
  212. package/dist/light/semantic/navigation.d.ts.map +1 -0
  213. package/dist/light/semantic/navigation.js +31 -0
  214. package/dist/light/semantic/skeleton.d.ts +5 -0
  215. package/dist/light/semantic/skeleton.d.ts.map +1 -0
  216. package/dist/light/semantic/skeleton.js +5 -0
  217. package/dist/light/semantic/status.d.ts +27 -0
  218. package/dist/light/semantic/status.d.ts.map +1 -0
  219. package/dist/light/semantic/status.js +27 -0
  220. package/dist/light/semantic/surface.d.ts +10 -0
  221. package/dist/light/semantic/surface.d.ts.map +1 -0
  222. package/dist/light/semantic/surface.js +10 -0
  223. package/dist/light/semantic/text.d.ts +11 -0
  224. package/dist/light/semantic/text.d.ts.map +1 -0
  225. package/dist/light/semantic/text.js +12 -0
  226. package/dist/light/theme.d.ts +228 -0
  227. package/dist/light/theme.d.ts.map +1 -0
  228. package/dist/light/theme.js +17 -0
  229. package/dist/primitives/colors.d.ts +142 -0
  230. package/dist/primitives/colors.d.ts.map +1 -0
  231. package/dist/primitives/colors.js +141 -0
  232. package/dist/primitives/selectionControl.d.ts +1 -0
  233. package/dist/primitives/selectionControl.d.ts.map +1 -0
  234. package/dist/primitives/selectionControl.js +1 -0
  235. package/dist/semantic/index.d.ts +3 -0
  236. package/dist/semantic/index.d.ts.map +1 -0
  237. package/dist/semantic/index.js +2 -0
  238. package/dist/semantic/overlay.d.ts +5 -0
  239. package/dist/semantic/overlay.d.ts.map +1 -0
  240. package/dist/semantic/overlay.js +4 -0
  241. package/dist/semantic/selection.d.ts +5 -0
  242. package/dist/semantic/selection.d.ts.map +1 -0
  243. package/dist/semantic/selection.js +5 -0
  244. package/dist/tokens/index.d.ts +6 -0
  245. package/dist/tokens/index.d.ts.map +1 -0
  246. package/dist/tokens/index.js +5 -0
  247. package/dist/tokens/radius.d.ts +8 -0
  248. package/dist/tokens/radius.d.ts.map +1 -0
  249. package/dist/tokens/radius.js +7 -0
  250. package/dist/tokens/shadows.d.ts +27 -0
  251. package/dist/tokens/shadows.d.ts.map +1 -0
  252. package/dist/tokens/shadows.js +27 -0
  253. package/dist/tokens/spacing.d.ts +14 -0
  254. package/dist/tokens/spacing.d.ts.map +1 -0
  255. package/dist/tokens/spacing.js +13 -0
  256. package/dist/tokens/typography.d.ts +30 -0
  257. package/dist/tokens/typography.d.ts.map +1 -0
  258. package/dist/tokens/typography.js +29 -0
  259. package/dist/tokens/zIndex.d.ts +9 -0
  260. package/dist/tokens/zIndex.d.ts.map +1 -0
  261. package/dist/tokens/zIndex.js +8 -0
  262. package/package.json +46 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/divider.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;CAIV,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { colors } from '../../primitives/colors.js';
2
+ export const divider = {
3
+ default: colors.mono[50],
4
+ muted: colors.gray[600],
5
+ strong: colors.mono[50],
6
+ };
@@ -0,0 +1,5 @@
1
+ export declare const focus: {
2
+ readonly ring: "#FFFF00";
3
+ readonly ringOffset: "#000000";
4
+ };
5
+ //# sourceMappingURL=focus.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/focus.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK;;;CAGR,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { colors } from '../../primitives/colors.js';
2
+ export const focus = {
3
+ ring: colors.warning[500],
4
+ ringOffset: colors.mono[950],
5
+ };
@@ -0,0 +1,11 @@
1
+ export { action } from './action.js';
2
+ export { border } from './border.js';
3
+ export { control } from './control.js';
4
+ export { divider } from './divider.js';
5
+ export { focus } from './focus.js';
6
+ export { navigation } from './navigation.js';
7
+ export { skeleton } from './skeleton.js';
8
+ export { status } from './status.js';
9
+ export { surface } from './surface.js';
10
+ export { text } from './text.js';
11
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC"}
@@ -0,0 +1,10 @@
1
+ export { action } from './action.js';
2
+ export { border } from './border.js';
3
+ export { control } from './control.js';
4
+ export { divider } from './divider.js';
5
+ export { focus } from './focus.js';
6
+ export { navigation } from './navigation.js';
7
+ export { skeleton } from './skeleton.js';
8
+ export { status } from './status.js';
9
+ export { surface } from './surface.js';
10
+ export { text } from './text.js';
@@ -0,0 +1,45 @@
1
+ export declare const navigation: {
2
+ readonly hover: {
3
+ readonly bg: "#FFFF00";
4
+ readonly fg: "#000000";
5
+ };
6
+ readonly active: {
7
+ readonly bg: "#FFFF00";
8
+ readonly fg: "#000000";
9
+ };
10
+ readonly brandHover: {
11
+ readonly bg: "#FFFF00";
12
+ readonly fg: "#000000";
13
+ };
14
+ readonly tabHover: {
15
+ readonly fg: "#FFFF00";
16
+ };
17
+ readonly tabFocus: {
18
+ readonly ring: "#FFFF00";
19
+ };
20
+ readonly optionHover: {
21
+ readonly bg: "#1F2937";
22
+ readonly fg: "#FFFFFF";
23
+ };
24
+ readonly optionActive: {
25
+ readonly bg: "#111827";
26
+ readonly fg: "#FFFFFF";
27
+ };
28
+ readonly disabled: {
29
+ readonly bg: "#111827";
30
+ readonly fg: "#4B5563";
31
+ };
32
+ readonly groupLabel: {
33
+ readonly fg: "#9CA3AF";
34
+ };
35
+ readonly itemHover: {
36
+ readonly bg: "#1F2937";
37
+ readonly fg: "#FFFFFF";
38
+ };
39
+ readonly itemActive: {
40
+ readonly bg: "#1F2937";
41
+ readonly fg: "#FFFFFF";
42
+ };
43
+ readonly border: "#E5E7EB";
44
+ };
45
+ //# sourceMappingURL=navigation.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/navigation.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Cb,CAAC"}
@@ -0,0 +1,47 @@
1
+ import { colors } from '../../primitives/colors.js';
2
+ import { surface } from './surface.js';
3
+ import { text } from './text.js';
4
+ export const navigation = {
5
+ hover: {
6
+ bg: colors.warning[500],
7
+ fg: colors.mono[950],
8
+ },
9
+ active: {
10
+ bg: colors.warning[500],
11
+ fg: colors.mono[950],
12
+ },
13
+ brandHover: {
14
+ bg: colors.warning[500],
15
+ fg: colors.mono[950],
16
+ },
17
+ tabHover: {
18
+ fg: colors.warning[500],
19
+ },
20
+ tabFocus: {
21
+ ring: colors.warning[500],
22
+ },
23
+ optionHover: {
24
+ bg: surface.hover,
25
+ fg: text.primary,
26
+ },
27
+ optionActive: {
28
+ bg: surface.active,
29
+ fg: text.primary,
30
+ },
31
+ disabled: {
32
+ bg: colors.gray[900],
33
+ fg: colors.gray[600],
34
+ },
35
+ groupLabel: {
36
+ fg: colors.gray[400],
37
+ },
38
+ itemHover: {
39
+ bg: surface.hover,
40
+ fg: text.primary,
41
+ },
42
+ itemActive: {
43
+ bg: surface.hover,
44
+ fg: text.primary,
45
+ },
46
+ border: colors.gray[200],
47
+ };
@@ -0,0 +1,5 @@
1
+ export declare const skeleton: {
2
+ readonly base: "#111827";
3
+ readonly highlight: "#4DA3FF";
4
+ };
5
+ //# sourceMappingURL=skeleton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/skeleton.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;CAGX,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { colors } from '../../primitives/colors.js';
2
+ export const skeleton = {
3
+ base: colors.gray[900],
4
+ highlight: colors.info[400],
5
+ };
@@ -0,0 +1,27 @@
1
+ export declare const status: {
2
+ readonly success: {
3
+ readonly fg: "#9AFFB8";
4
+ readonly bg: "#111827";
5
+ readonly border: "#9AFFB8";
6
+ readonly strong: "#9AFFB8";
7
+ };
8
+ readonly error: {
9
+ readonly fg: "#FF8A8A";
10
+ readonly bg: "#111827";
11
+ readonly border: "#FF8A8A";
12
+ readonly strong: "#FF8A8A";
13
+ };
14
+ readonly warning: {
15
+ readonly fg: "#FFFF00";
16
+ readonly bg: "#111827";
17
+ readonly border: "#FFFF00";
18
+ readonly strong: "#FFFF00";
19
+ };
20
+ readonly info: {
21
+ readonly fg: "#4DA3FF";
22
+ readonly bg: "#111827";
23
+ readonly border: "#4DA3FF";
24
+ readonly strong: "#4DA3FF";
25
+ };
26
+ };
27
+ //# sourceMappingURL=status.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/status.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CA4BT,CAAC"}
@@ -0,0 +1,27 @@
1
+ import { colors } from '../../primitives/colors.js';
2
+ export const status = {
3
+ success: {
4
+ fg: colors.success[300],
5
+ bg: colors.gray[900],
6
+ border: colors.success[300],
7
+ strong: colors.success[300],
8
+ },
9
+ error: {
10
+ fg: colors.error[300],
11
+ bg: colors.gray[900],
12
+ border: colors.error[300],
13
+ strong: colors.error[300],
14
+ },
15
+ warning: {
16
+ fg: colors.warning[500],
17
+ bg: colors.gray[900],
18
+ border: colors.warning[500],
19
+ strong: colors.warning[500],
20
+ },
21
+ info: {
22
+ fg: colors.info[400],
23
+ bg: colors.gray[900],
24
+ border: colors.info[400],
25
+ strong: colors.info[400],
26
+ },
27
+ };
@@ -0,0 +1,10 @@
1
+ export declare const surface: {
2
+ readonly default: "#000000";
3
+ readonly muted: "#111827";
4
+ readonly subtle: "#1F2937";
5
+ readonly elevated: "#374151";
6
+ readonly hover: "#1F2937";
7
+ readonly active: "#111827";
8
+ readonly inverse: "#FFFFFF";
9
+ };
10
+ //# sourceMappingURL=surface.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/surface.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;CAUV,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { colors } from '../../primitives/colors.js';
2
+ export const surface = {
3
+ default: colors.mono[950],
4
+ muted: colors.gray[900],
5
+ subtle: colors.gray[800],
6
+ elevated: colors.gray[700],
7
+ hover: colors.gray[800],
8
+ active: colors.gray[900],
9
+ inverse: colors.mono[50],
10
+ };
@@ -0,0 +1,11 @@
1
+ export declare const text: {
2
+ readonly primary: "#FFFFFF";
3
+ readonly secondary: "#EEE8FA";
4
+ readonly muted: "#E5E7EB";
5
+ readonly disabled: "#6B7280";
6
+ readonly subtle: "#F3F4F6";
7
+ readonly inverse: "#000000";
8
+ readonly onInverse: "#000000";
9
+ readonly brand: "#A78BFA";
10
+ };
11
+ //# sourceMappingURL=text.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/highContrast/semantic/text.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI;;;;;;;;;CAWP,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { colors } from '../../primitives/colors.js';
2
+ const inverse = colors.mono[950];
3
+ export const text = {
4
+ primary: colors.mono[50],
5
+ secondary: colors.vellira[150],
6
+ muted: colors.gray[200],
7
+ disabled: colors.gray[500],
8
+ subtle: colors.gray[100],
9
+ inverse,
10
+ onInverse: inverse,
11
+ brand: colors.primary[300],
12
+ };
@@ -0,0 +1,228 @@
1
+ import * as components from './components/index.js';
2
+ import * as semantic from './semantic/index.js';
3
+ export declare const highContrastTheme: {
4
+ readonly name: "high-contrast";
5
+ readonly colors: {
6
+ readonly primary: {
7
+ readonly 50: "#EEF0FF";
8
+ readonly 100: "#DDD6FE";
9
+ readonly 200: "#C4B5FD";
10
+ readonly 300: "#A78BFA";
11
+ readonly 400: "#8B7CF6";
12
+ readonly 500: "#7C6CF2";
13
+ readonly 600: "#6D5BD0";
14
+ readonly 700: "#5B4BEA";
15
+ readonly 800: "#4936D9";
16
+ readonly 900: "#4338CA";
17
+ readonly 950: "#3B2BBF";
18
+ };
19
+ readonly secondary: {
20
+ readonly 50: "#F0F1FF";
21
+ readonly 100: "#D8DAFF";
22
+ readonly 200: "#B8BBF2";
23
+ readonly 300: "#9EA2EA";
24
+ readonly 400: "#7B80D8";
25
+ readonly 500: "#4C4F8F";
26
+ readonly 600: "#5F64B8";
27
+ readonly 700: "#555AA8";
28
+ readonly 800: "#494F95";
29
+ readonly 900: "#42477C";
30
+ readonly 950: "#373B68";
31
+ };
32
+ readonly vellira: {
33
+ readonly 25: "#FDFCFF";
34
+ readonly 50: "#FAF8FF";
35
+ readonly 100: "#F4F1FB";
36
+ readonly 150: "#EEE8FA";
37
+ readonly 200: "#E8E2F3";
38
+ readonly 250: "#D8D3E8";
39
+ readonly 300: "#A8A1BA";
40
+ readonly 400: "#746F86";
41
+ readonly 500: "#413957";
42
+ readonly 600: "#3A334D";
43
+ readonly 700: "#312C44";
44
+ readonly 800: "#29253A";
45
+ readonly 900: "#211E2E";
46
+ readonly 950: "#1B1726";
47
+ };
48
+ readonly info: {
49
+ readonly 50: "#F0F9FF";
50
+ readonly 100: "#EFF6FF";
51
+ readonly 200: "#DBEAFE";
52
+ readonly 300: "#93C5FD";
53
+ readonly 400: "#4DA3FF";
54
+ readonly 500: "#7BBCFF";
55
+ readonly 600: "#3399FF";
56
+ readonly 700: "#0EA5E9";
57
+ readonly 800: "#0284C7";
58
+ readonly 900: "#002B55";
59
+ readonly 950: "#102A43";
60
+ };
61
+ readonly success: {
62
+ readonly 50: "#ECFDF5";
63
+ readonly 100: "#D1FAE5";
64
+ readonly 200: "#A7F3D0";
65
+ readonly 300: "#9AFFB8";
66
+ readonly 400: "#4ADE80";
67
+ readonly 500: "#00B956";
68
+ readonly 600: "#22C55E";
69
+ readonly 700: "#008F6A";
70
+ readonly 800: "#00785A";
71
+ readonly 900: "#166534";
72
+ readonly 950: "#0F2F26";
73
+ };
74
+ readonly error: {
75
+ readonly 50: "#FEF2F2";
76
+ readonly 100: "#FFF1F2";
77
+ readonly 200: "#FDA4AF";
78
+ readonly 300: "#FF8A8A";
79
+ readonly 400: "#FB7185";
80
+ readonly 500: "#F43F5E";
81
+ readonly 600: "#E11D48";
82
+ readonly 700: "#DC2626";
83
+ readonly 800: "#B91C1C";
84
+ readonly 900: "#9F1239";
85
+ readonly 950: "#4C0519";
86
+ };
87
+ readonly warning: {
88
+ readonly 50: "#FFF7ED";
89
+ readonly 100: "#FFFBEB";
90
+ readonly 200: "#FEF3C7";
91
+ readonly 300: "#FCD34D";
92
+ readonly 400: "#FFFF99";
93
+ readonly 500: "#FFFF00";
94
+ readonly 600: "#FFEA00";
95
+ readonly 700: "#C05621";
96
+ readonly 800: "#A74308";
97
+ readonly 900: "#92400E";
98
+ readonly 950: "#3A2412";
99
+ };
100
+ readonly gray: {
101
+ readonly 50: "#F9FAFB";
102
+ readonly 100: "#F3F4F6";
103
+ readonly 200: "#E5E7EB";
104
+ readonly 300: "#D1D5DB";
105
+ readonly 400: "#9CA3AF";
106
+ readonly 500: "#6B7280";
107
+ readonly 600: "#4B5563";
108
+ readonly 700: "#374151";
109
+ readonly 800: "#1F2937";
110
+ readonly 900: "#111827";
111
+ readonly 950: "#0B1120";
112
+ };
113
+ readonly grayBlue: {
114
+ readonly 50: "#F7FBFF";
115
+ readonly 100: "#EDF5FF";
116
+ readonly 200: "#D8E4F2";
117
+ readonly 300: "#C4D0DD";
118
+ readonly 400: "#98A8BD";
119
+ readonly 500: "#6B7F99";
120
+ readonly 600: "#4B5F7A";
121
+ readonly 700: "#33435F";
122
+ readonly 800: "#1E2A44";
123
+ readonly 900: "#111C2E";
124
+ readonly 950: "#0B1120";
125
+ };
126
+ readonly mono: {
127
+ readonly 50: "#FFFFFF";
128
+ readonly 100: "#F9FAFB";
129
+ readonly 200: "#F3F4F6";
130
+ readonly 300: "#E5E7EB";
131
+ readonly 400: "#D1D5DB";
132
+ readonly 500: "#9CA3AF";
133
+ readonly 600: "#737373";
134
+ readonly 700: "#4B5563";
135
+ readonly 800: "#1A1A1A";
136
+ readonly 900: "#0F0F0F";
137
+ readonly 950: "#000000";
138
+ };
139
+ };
140
+ readonly semantic: typeof semantic;
141
+ readonly components: typeof components;
142
+ readonly tokens: {
143
+ readonly radius: {
144
+ readonly sm: 4;
145
+ readonly md: 8;
146
+ readonly lg: 12;
147
+ readonly xl: 16;
148
+ readonly full: 999;
149
+ };
150
+ readonly shadows: {
151
+ readonly sm: {
152
+ readonly x: 0;
153
+ readonly y: 1;
154
+ readonly blur: 3;
155
+ readonly color: "#000000";
156
+ readonly opacity: 0.04;
157
+ readonly elevation: 1;
158
+ };
159
+ readonly md: {
160
+ readonly x: 0;
161
+ readonly y: 6;
162
+ readonly blur: 16;
163
+ readonly color: "#000000";
164
+ readonly opacity: 0.08;
165
+ readonly elevation: 4;
166
+ };
167
+ readonly lg: {
168
+ readonly x: 0;
169
+ readonly y: 12;
170
+ readonly blur: 32;
171
+ readonly color: "#000000";
172
+ readonly opacity: 0.1;
173
+ readonly elevation: 8;
174
+ };
175
+ };
176
+ readonly spacing: {
177
+ readonly 0: 0;
178
+ readonly 1: 4;
179
+ readonly 2: 8;
180
+ readonly 3: 12;
181
+ readonly 4: 16;
182
+ readonly 5: 20;
183
+ readonly 6: 24;
184
+ readonly 8: 32;
185
+ readonly 10: 40;
186
+ readonly 12: 48;
187
+ readonly 16: 64;
188
+ };
189
+ readonly typography: {
190
+ readonly family: {
191
+ readonly base: "KantumruyPro";
192
+ readonly extraLight: "KantumruyPro-ExtraLight";
193
+ readonly regular: "KantumruyPro-Regular";
194
+ readonly medium: "KantumruyPro-Medium";
195
+ readonly semibold: "KantumruyPro-SemiBold";
196
+ };
197
+ readonly size: {
198
+ readonly xs: 12;
199
+ readonly sm: 14;
200
+ readonly md: 16;
201
+ readonly lg: 20;
202
+ readonly xl: 24;
203
+ readonly xxl: 32;
204
+ };
205
+ readonly weight: {
206
+ readonly light: "200";
207
+ readonly regular: "400";
208
+ readonly medium: "600";
209
+ readonly semibold: "700";
210
+ };
211
+ readonly lineHeight: {
212
+ readonly sm: 16;
213
+ readonly md: 24;
214
+ readonly lg: 32;
215
+ readonly xl: 40;
216
+ };
217
+ };
218
+ readonly zIndex: {
219
+ readonly dropdown: 100;
220
+ readonly popover: 200;
221
+ readonly tooltip: 300;
222
+ readonly backdrop: 900;
223
+ readonly modal: 1000;
224
+ readonly toast: 1100;
225
+ };
226
+ };
227
+ };
228
+ //# sourceMappingURL=theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/highContrast/theme.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYpB,CAAC"}
@@ -0,0 +1,17 @@
1
+ import { colors } from '../primitives/colors.js';
2
+ import { radius, shadows, spacing, typography, zIndex, } from '../tokens/index.js';
3
+ import * as components from './components/index.js';
4
+ import * as semantic from './semantic/index.js';
5
+ export const highContrastTheme = {
6
+ name: 'high-contrast',
7
+ colors,
8
+ semantic,
9
+ components,
10
+ tokens: {
11
+ radius,
12
+ shadows,
13
+ spacing,
14
+ typography,
15
+ zIndex,
16
+ },
17
+ };
@@ -0,0 +1,97 @@
1
+ import { darkTheme } from './dark/theme.js';
2
+ import { highContrastTheme } from './highContrast/theme.js';
3
+ import { lightTheme } from './light/theme.js';
4
+ export { darkTheme, highContrastTheme, lightTheme };
5
+ export type { BaseCssVariableName, BaseTokenPath, ColorTokenPath, ComponentTokenPath, CssVariableName, DarkTheme, HighContrastTheme, LightTheme, SemanticTokenPath, ThemeCssVariableName, ThemeName, TokenPath, VelliraBaseTokens, VelliraColors, VelliraComponentTokens, VelliraSemanticTokens, VelliraTheme, WidenTokenValues, } from './generated/token-types.js';
6
+ export { baseCssVariableNames, baseTokenPaths, colorTokenPaths, componentTokenPaths, cssVariableNames, semanticTokenPaths, themeCssVariableNames, themeNames, tokenPaths, } from './generated/token-types.js';
7
+ export { overlay } from './semantic/overlay.js';
8
+ export declare const theme: {
9
+ readonly semantic: typeof import("./dark/semantic/index.js");
10
+ readonly components: typeof import("./dark/components/index.js");
11
+ readonly tokens: {
12
+ readonly radius: {
13
+ readonly sm: 4;
14
+ readonly md: 8;
15
+ readonly lg: 12;
16
+ readonly xl: 16;
17
+ readonly full: 999;
18
+ };
19
+ readonly shadows: {
20
+ readonly sm: {
21
+ readonly x: 0;
22
+ readonly y: 1;
23
+ readonly blur: 3;
24
+ readonly color: "#000000";
25
+ readonly opacity: 0.04;
26
+ readonly elevation: 1;
27
+ };
28
+ readonly md: {
29
+ readonly x: 0;
30
+ readonly y: 6;
31
+ readonly blur: 16;
32
+ readonly color: "#000000";
33
+ readonly opacity: 0.08;
34
+ readonly elevation: 4;
35
+ };
36
+ readonly lg: {
37
+ readonly x: 0;
38
+ readonly y: 12;
39
+ readonly blur: 32;
40
+ readonly color: "#000000";
41
+ readonly opacity: 0.1;
42
+ readonly elevation: 8;
43
+ };
44
+ };
45
+ readonly spacing: {
46
+ readonly 0: 0;
47
+ readonly 1: 4;
48
+ readonly 2: 8;
49
+ readonly 3: 12;
50
+ readonly 4: 16;
51
+ readonly 5: 20;
52
+ readonly 6: 24;
53
+ readonly 8: 32;
54
+ readonly 10: 40;
55
+ readonly 12: 48;
56
+ readonly 16: 64;
57
+ };
58
+ readonly typography: {
59
+ readonly family: {
60
+ readonly base: "KantumruyPro";
61
+ readonly extraLight: "KantumruyPro-ExtraLight";
62
+ readonly regular: "KantumruyPro-Regular";
63
+ readonly medium: "KantumruyPro-Medium";
64
+ readonly semibold: "KantumruyPro-SemiBold";
65
+ };
66
+ readonly size: {
67
+ readonly xs: 12;
68
+ readonly sm: 14;
69
+ readonly md: 16;
70
+ readonly lg: 20;
71
+ readonly xl: 24;
72
+ readonly xxl: 32;
73
+ };
74
+ readonly weight: {
75
+ readonly light: "200";
76
+ readonly regular: "400";
77
+ readonly medium: "600";
78
+ readonly semibold: "700";
79
+ };
80
+ readonly lineHeight: {
81
+ readonly sm: 16;
82
+ readonly md: 24;
83
+ readonly lg: 32;
84
+ readonly xl: 40;
85
+ };
86
+ };
87
+ readonly zIndex: {
88
+ readonly dropdown: 100;
89
+ readonly popover: 200;
90
+ readonly tooltip: 300;
91
+ readonly backdrop: 900;
92
+ readonly modal: 1000;
93
+ readonly toast: 1100;
94
+ };
95
+ };
96
+ };
97
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAEpD,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,sBAAsB,EACtB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,UAAU,GACX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIR,CAAC"}
package/dist/index.js ADDED
@@ -0,0 +1,11 @@
1
+ import { darkTheme } from './dark/theme.js';
2
+ import { highContrastTheme } from './highContrast/theme.js';
3
+ import { lightTheme } from './light/theme.js';
4
+ export { darkTheme, highContrastTheme, lightTheme };
5
+ export { baseCssVariableNames, baseTokenPaths, colorTokenPaths, componentTokenPaths, cssVariableNames, semanticTokenPaths, themeCssVariableNames, themeNames, tokenPaths, } from './generated/token-types.js';
6
+ export { overlay } from './semantic/overlay.js';
7
+ export const theme = {
8
+ semantic: darkTheme.semantic,
9
+ components: darkTheme.components,
10
+ tokens: darkTheme.tokens,
11
+ };