@orion-ds/react 4.2.10 → 4.2.11

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 (315) hide show
  1. package/dist/components/Button/Button.d.ts.map +1 -1
  2. package/dist/components/Button/Button.types.d.ts +12 -0
  3. package/dist/components/Button/Button.types.d.ts.map +1 -1
  4. package/dist/components/FormSection/FormSection.d.ts.map +1 -1
  5. package/dist/components/FormSection/FormSection.types.d.ts +3 -2
  6. package/dist/components/FormSection/FormSection.types.d.ts.map +1 -1
  7. package/dist/index10.cjs +1 -1
  8. package/dist/index10.mjs +1 -1
  9. package/dist/index100.cjs +1 -1
  10. package/dist/index100.mjs +14 -46
  11. package/dist/index101.cjs +1 -1
  12. package/dist/index101.mjs +28 -30
  13. package/dist/index102.cjs +1 -1
  14. package/dist/index102.mjs +27 -28
  15. package/dist/index103.cjs +1 -1
  16. package/dist/index103.mjs +28 -52
  17. package/dist/index104.cjs +1 -1
  18. package/dist/index104.mjs +20 -33
  19. package/dist/index105.cjs +1 -1
  20. package/dist/index105.mjs +46 -44
  21. package/dist/index106.cjs +1 -1
  22. package/dist/index106.mjs +54 -52
  23. package/dist/index108.cjs +1 -1
  24. package/dist/index108.mjs +32 -36
  25. package/dist/index109.cjs +1 -1
  26. package/dist/index109.mjs +64 -40
  27. package/dist/index11.cjs +1 -1
  28. package/dist/index11.mjs +1 -1
  29. package/dist/index110.cjs +1 -1
  30. package/dist/index110.mjs +24 -30
  31. package/dist/index111.cjs +1 -1
  32. package/dist/index111.mjs +52 -30
  33. package/dist/index112.cjs +1 -1
  34. package/dist/index112.mjs +37 -31
  35. package/dist/index113.cjs +1 -1
  36. package/dist/index113.mjs +27 -21
  37. package/dist/index114.cjs +1 -1
  38. package/dist/index114.mjs +43 -17
  39. package/dist/index115.cjs +1 -1
  40. package/dist/index115.mjs +28 -12
  41. package/dist/index116.cjs +1 -1
  42. package/dist/index116.mjs +36 -62
  43. package/dist/index117.cjs +1 -1
  44. package/dist/index117.mjs +28 -57
  45. package/dist/index118.cjs +1 -1
  46. package/dist/index118.mjs +22 -42
  47. package/dist/index119.cjs +1 -1
  48. package/dist/index119.mjs +42 -28
  49. package/dist/index12.cjs +1 -1
  50. package/dist/index12.mjs +1 -1
  51. package/dist/index120.cjs +1 -1
  52. package/dist/index120.mjs +40 -24
  53. package/dist/index121.cjs +1 -1
  54. package/dist/index121.mjs +28 -18
  55. package/dist/index122.cjs +1 -1
  56. package/dist/index122.mjs +52 -32
  57. package/dist/index123.cjs +1 -1
  58. package/dist/index123.mjs +32 -46
  59. package/dist/index124.cjs +1 -1
  60. package/dist/index124.mjs +62 -28
  61. package/dist/index125.cjs +1 -1
  62. package/dist/index125.mjs +35 -20
  63. package/dist/index126.cjs +1 -1
  64. package/dist/index126.mjs +30 -14
  65. package/dist/index127.cjs +1 -1
  66. package/dist/index127.mjs +20 -16
  67. package/dist/index128.cjs +1 -1
  68. package/dist/index128.mjs +46 -20
  69. package/dist/index129.cjs +1 -1
  70. package/dist/index129.mjs +53 -28
  71. package/dist/index13.cjs +1 -1
  72. package/dist/index13.mjs +1 -1
  73. package/dist/index130.cjs +1 -1
  74. package/dist/index130.mjs +64 -36
  75. package/dist/index131.cjs +1 -1
  76. package/dist/index131.mjs +44 -50
  77. package/dist/index132.cjs +1 -1
  78. package/dist/index132.mjs +41 -29
  79. package/dist/index134.cjs +1 -1
  80. package/dist/index134.mjs +13 -37
  81. package/dist/index135.cjs +1 -1
  82. package/dist/index135.mjs +20 -28
  83. package/dist/index136.cjs +1 -1
  84. package/dist/index136.mjs +24 -26
  85. package/dist/index137.cjs +1 -1
  86. package/dist/index137.mjs +16 -18
  87. package/dist/index138.cjs +1 -1
  88. package/dist/index138.mjs +50 -38
  89. package/dist/index139.cjs +1 -1
  90. package/dist/index139.mjs +40 -24
  91. package/dist/index14.cjs +1 -1
  92. package/dist/index14.mjs +33 -32
  93. package/dist/index140.cjs +1 -1
  94. package/dist/index140.mjs +42 -35
  95. package/dist/index141.cjs +1 -1
  96. package/dist/index141.mjs +18 -234
  97. package/dist/index142.cjs +1 -1
  98. package/dist/index142.mjs +56 -34
  99. package/dist/index143.cjs +1 -1
  100. package/dist/index143.mjs +66 -44
  101. package/dist/index144.cjs +1 -1
  102. package/dist/index144.mjs +33 -170
  103. package/dist/index145.cjs +1 -1
  104. package/dist/index145.mjs +19 -186
  105. package/dist/index146.cjs +1 -1
  106. package/dist/index146.mjs +68 -29
  107. package/dist/index147.cjs +1 -1
  108. package/dist/index147.mjs +56 -90
  109. package/dist/index148.cjs +1 -1
  110. package/dist/index148.mjs +19 -53
  111. package/dist/index149.cjs +1 -1
  112. package/dist/index149.mjs +62 -66
  113. package/dist/index15.cjs +1 -1
  114. package/dist/index15.mjs +1 -1
  115. package/dist/index150.cjs +1 -1
  116. package/dist/index150.mjs +76 -124
  117. package/dist/index151.cjs +1 -1
  118. package/dist/index151.mjs +24 -108
  119. package/dist/index152.cjs +1 -1
  120. package/dist/index152.mjs +32 -111
  121. package/dist/index153.cjs +1 -1
  122. package/dist/index153.mjs +30 -122
  123. package/dist/index154.cjs +1 -1
  124. package/dist/index154.mjs +30 -214
  125. package/dist/index155.cjs +1 -1
  126. package/dist/index155.mjs +106 -18
  127. package/dist/index156.cjs +1 -1
  128. package/dist/index156.mjs +41 -63
  129. package/dist/index157.cjs +1 -1
  130. package/dist/index157.mjs +234 -55
  131. package/dist/index158.cjs +1 -1
  132. package/dist/index158.mjs +34 -21
  133. package/dist/index159.cjs +1 -1
  134. package/dist/index159.mjs +44 -33
  135. package/dist/index16.cjs +1 -1
  136. package/dist/index16.mjs +1 -1
  137. package/dist/index160.cjs +1 -1
  138. package/dist/index160.mjs +170 -56
  139. package/dist/index161.cjs +1 -1
  140. package/dist/index161.mjs +186 -29
  141. package/dist/index162.cjs +1 -1
  142. package/dist/index162.mjs +29 -25
  143. package/dist/index163.cjs +1 -1
  144. package/dist/index163.mjs +90 -52
  145. package/dist/index164.cjs +1 -1
  146. package/dist/index164.mjs +53 -66
  147. package/dist/index165.cjs +1 -1
  148. package/dist/index165.mjs +66 -62
  149. package/dist/index166.cjs +1 -1
  150. package/dist/index166.mjs +124 -106
  151. package/dist/index167.cjs +1 -1
  152. package/dist/index167.mjs +108 -45
  153. package/dist/index168.cjs +1 -1
  154. package/dist/index168.mjs +111 -20
  155. package/dist/index169.cjs +1 -1
  156. package/dist/index169.mjs +122 -30
  157. package/dist/index17.cjs +1 -1
  158. package/dist/index17.mjs +1 -1
  159. package/dist/index170.cjs +1 -1
  160. package/dist/index170.mjs +214 -27
  161. package/dist/index171.cjs +1 -1
  162. package/dist/index171.mjs +33 -46
  163. package/dist/index172.cjs +1 -1
  164. package/dist/index172.mjs +26 -24
  165. package/dist/index173.cjs +1 -1
  166. package/dist/index173.mjs +20 -12
  167. package/dist/index174.cjs +1 -1
  168. package/dist/index174.mjs +46 -33
  169. package/dist/index175.cjs +1 -1
  170. package/dist/index175.mjs +28 -42
  171. package/dist/index176.cjs +1 -1
  172. package/dist/index176.mjs +57 -64
  173. package/dist/index177.cjs +1 -1
  174. package/dist/index177.mjs +24 -53
  175. package/dist/index178.cjs +1 -1
  176. package/dist/index178.mjs +12 -76
  177. package/dist/index179.cjs +1 -1
  178. package/dist/index179.mjs +18 -42
  179. package/dist/index18.cjs +1 -1
  180. package/dist/index18.mjs +1 -1
  181. package/dist/index180.cjs +1 -1
  182. package/dist/index180.mjs +38 -64
  183. package/dist/index181.cjs +1 -1
  184. package/dist/index181.mjs +30 -44
  185. package/dist/index185.cjs +1 -1
  186. package/dist/index185.mjs +1 -1
  187. package/dist/index19.cjs +1 -1
  188. package/dist/index19.mjs +2 -2
  189. package/dist/index20.cjs +1 -1
  190. package/dist/index20.mjs +14 -14
  191. package/dist/index21.cjs +1 -1
  192. package/dist/index21.mjs +1 -1
  193. package/dist/index22.cjs +1 -1
  194. package/dist/index22.mjs +1 -1
  195. package/dist/index23.cjs +1 -1
  196. package/dist/index23.mjs +1 -1
  197. package/dist/index24.cjs +1 -1
  198. package/dist/index24.mjs +1 -1
  199. package/dist/index25.cjs +1 -1
  200. package/dist/index25.mjs +1 -1
  201. package/dist/index26.cjs +1 -1
  202. package/dist/index26.mjs +1 -1
  203. package/dist/index27.cjs +1 -1
  204. package/dist/index27.mjs +1 -1
  205. package/dist/index28.cjs +1 -1
  206. package/dist/index28.mjs +1 -1
  207. package/dist/index30.cjs +1 -1
  208. package/dist/index30.mjs +1 -1
  209. package/dist/index31.cjs +1 -1
  210. package/dist/index31.mjs +1 -1
  211. package/dist/index32.cjs +1 -1
  212. package/dist/index32.mjs +1 -1
  213. package/dist/index33.cjs +1 -1
  214. package/dist/index33.mjs +1 -1
  215. package/dist/index34.cjs +1 -1
  216. package/dist/index34.mjs +1 -1
  217. package/dist/index35.cjs +1 -1
  218. package/dist/index35.mjs +1 -1
  219. package/dist/index36.cjs +1 -1
  220. package/dist/index36.mjs +1 -1
  221. package/dist/index37.cjs +1 -1
  222. package/dist/index37.mjs +1 -1
  223. package/dist/index38.cjs +1 -1
  224. package/dist/index38.mjs +1 -1
  225. package/dist/index39.cjs +1 -1
  226. package/dist/index39.mjs +1 -1
  227. package/dist/index40.cjs +1 -1
  228. package/dist/index40.mjs +1 -1
  229. package/dist/index42.cjs +1 -1
  230. package/dist/index42.mjs +36 -36
  231. package/dist/index43.cjs +1 -1
  232. package/dist/index43.mjs +1 -1
  233. package/dist/index44.cjs +1 -1
  234. package/dist/index44.mjs +1 -1
  235. package/dist/index46.cjs +1 -1
  236. package/dist/index46.mjs +1 -1
  237. package/dist/index47.cjs +1 -1
  238. package/dist/index47.mjs +1 -1
  239. package/dist/index49.cjs +1 -1
  240. package/dist/index49.mjs +1 -1
  241. package/dist/index5.cjs +1 -1
  242. package/dist/index5.mjs +1 -1
  243. package/dist/index50.cjs +1 -1
  244. package/dist/index50.mjs +1 -1
  245. package/dist/index51.cjs +1 -1
  246. package/dist/index51.mjs +1 -1
  247. package/dist/index53.cjs +1 -1
  248. package/dist/index53.mjs +1 -1
  249. package/dist/index54.cjs +1 -1
  250. package/dist/index54.mjs +1 -1
  251. package/dist/index55.cjs +1 -1
  252. package/dist/index55.mjs +1 -1
  253. package/dist/index56.cjs +1 -1
  254. package/dist/index56.mjs +1 -1
  255. package/dist/index57.cjs +1 -1
  256. package/dist/index57.mjs +1 -1
  257. package/dist/index58.cjs +1 -1
  258. package/dist/index58.mjs +1 -1
  259. package/dist/index59.cjs +1 -1
  260. package/dist/index59.mjs +1 -1
  261. package/dist/index6.cjs +1 -1
  262. package/dist/index6.mjs +1 -1
  263. package/dist/index60.cjs +1 -1
  264. package/dist/index60.mjs +1 -1
  265. package/dist/index61.cjs +1 -1
  266. package/dist/index61.mjs +1 -1
  267. package/dist/index62.cjs +1 -1
  268. package/dist/index62.mjs +1 -1
  269. package/dist/index64.cjs +1 -1
  270. package/dist/index64.mjs +1 -1
  271. package/dist/index65.cjs +1 -1
  272. package/dist/index65.mjs +1 -1
  273. package/dist/index66.cjs +1 -1
  274. package/dist/index66.mjs +1 -1
  275. package/dist/index67.cjs +1 -1
  276. package/dist/index67.mjs +1 -1
  277. package/dist/index68.cjs +1 -1
  278. package/dist/index68.mjs +1 -1
  279. package/dist/index69.cjs +1 -1
  280. package/dist/index69.mjs +1 -1
  281. package/dist/index7.cjs +1 -1
  282. package/dist/index7.mjs +1 -1
  283. package/dist/index70.cjs +1 -1
  284. package/dist/index70.mjs +1 -1
  285. package/dist/index71.cjs +1 -1
  286. package/dist/index71.mjs +1 -1
  287. package/dist/index72.cjs +1 -1
  288. package/dist/index72.mjs +1 -1
  289. package/dist/index73.cjs +1 -1
  290. package/dist/index73.mjs +1 -1
  291. package/dist/index76.cjs +1 -1
  292. package/dist/index76.mjs +1 -1
  293. package/dist/index77.cjs +1 -1
  294. package/dist/index77.mjs +1 -1
  295. package/dist/index78.cjs +1 -1
  296. package/dist/index78.mjs +1 -1
  297. package/dist/index79.cjs +1 -1
  298. package/dist/index79.mjs +1 -1
  299. package/dist/index8.cjs +1 -1
  300. package/dist/index8.mjs +1 -1
  301. package/dist/index80.cjs +1 -1
  302. package/dist/index80.mjs +1 -1
  303. package/dist/index81.cjs +1 -1
  304. package/dist/index81.mjs +1 -1
  305. package/dist/index82.cjs +1 -1
  306. package/dist/index82.mjs +2 -2
  307. package/dist/index9.cjs +1 -1
  308. package/dist/index9.mjs +1 -1
  309. package/dist/index97.cjs +1 -1
  310. package/dist/index97.mjs +30 -154
  311. package/dist/index98.cjs +1 -1
  312. package/dist/index98.mjs +138 -202
  313. package/dist/index99.cjs +1 -1
  314. package/dist/index99.mjs +218 -36
  315. package/package.json +1 -1
package/dist/index98.mjs CHANGED
@@ -1,221 +1,157 @@
1
1
  const r = {
2
- orion: {
3
- name: "Orion",
4
- description: "Default brand - Orion Blue, professional rounded corners",
5
- accent: {
6
- primary: "{color.brand.orion.500}",
7
- light: "{color.brand.orion.100}",
8
- dark: "{color.brand.orion.900}"
9
- },
10
- typography: {
11
- primary: "Libre Baskerville",
12
- secondary: "Inter",
13
- mono: "JetBrains Mono"
14
- },
15
- geometry: {
16
- radiusControl: "{radius.md}",
17
- radiusContainer: "{radius.lg}",
18
- buttonStyle: "pill"
19
- },
20
- semantic: {
21
- light: {
22
- interactivePrimary: "{color.brand.orion.500}",
23
- interactivePrimaryHover: "{color.brand.orion.700}",
24
- interactivePrimaryText: "{color.neutral.0}"
25
- },
26
- dark: {
27
- interactivePrimary: "{color.brand.orion.500}",
28
- interactivePrimaryHover: "{color.brand.orion.400}",
29
- interactivePrimaryText: "{color.neutral.0}"
2
+ theme: "light",
3
+ semantic: {
4
+ surface: {
5
+ base: "{color.neutral.0}",
6
+ subtle: "{color.neutral.50}",
7
+ layer: "{color.neutral.100}",
8
+ primary: "{color.neutral.100}",
9
+ secondary: "{color.neutral.50}",
10
+ glass: "color-mix(in srgb, {color.neutral.0} 70%, transparent)",
11
+ sunken: "color-mix(in srgb, {color.neutral.0} 40%, transparent)",
12
+ overlay: "color-mix(in srgb, {color.neutral.1000} 50%, transparent)"
13
+ },
14
+ text: {
15
+ primary: "{color.neutral.900}",
16
+ secondary: "{color.neutral.500}",
17
+ tertiary: "{color.neutral.400}",
18
+ inverse: "{color.neutral.0}",
19
+ brand: "{color.brand.500}",
20
+ "on-brand": {
21
+ primary: "{color.neutral.0}",
22
+ secondary: "color-mix(in srgb, {color.neutral.0} 90%, transparent)",
23
+ tertiary: "color-mix(in srgb, {color.neutral.0} 70%, transparent)"
30
24
  }
31
25
  },
32
- usage: {
33
- html: '<html data-theme="dark">',
34
- css: "/* No additional CSS needed - default */",
35
- attribute: null
36
- }
37
- },
38
- deepblue: {
39
- name: "Deepblue",
40
- description: "Deepblue brand - Deep Blue with Work Sans typography",
41
- accent: {
42
- primary: "{color.brand.deepblue.500}",
43
- light: "{color.brand.deepblue.100}",
44
- dark: "{color.brand.deepblue.800}"
45
- },
46
- typography: {
47
- primary: "Work Sans",
48
- secondary: "Work Sans",
49
- mono: "JetBrains Mono"
50
- },
51
- geometry: {
52
- radiusControl: "{radius.md}",
53
- radiusContainer: "{radius.lg}",
54
- buttonStyle: "rounded"
55
- },
56
- semantic: {
57
- light: {
58
- interactivePrimary: "{color.brand.deepblue.500}",
59
- interactivePrimaryHover: "{color.brand.deepblue.700}",
60
- interactivePrimaryText: "{color.neutral.0}"
61
- },
62
- dark: {
63
- interactivePrimary: "{color.brand.deepblue.500}",
64
- interactivePrimaryHover: "{color.brand.deepblue.400}",
65
- interactivePrimaryText: "{color.neutral.900}"
66
- }
26
+ border: {
27
+ subtle: "{color.neutral.200}",
28
+ strong: "{color.neutral.300}",
29
+ interactive: "{color.brand.500}"
67
30
  },
68
- usage: {
69
- html: '<html data-theme="dark" data-brand="deepblue">',
70
- css: '/* Included in theme.css via [data-brand="deepblue"] */',
71
- attribute: "deepblue"
72
- }
73
- },
74
- red: {
75
- name: "Red",
76
- description: "Red brand - Red with Poppins typography and pill buttons",
77
- accent: {
78
- primary: "{color.brand.red.500}",
79
- light: "{color.brand.red.100}",
80
- dark: "{color.brand.red.900}"
81
- },
82
- typography: {
83
- primary: "Poppins",
84
- secondary: "Inter",
85
- mono: "JetBrains Mono"
86
- },
87
- geometry: {
88
- radiusControl: "var(--radius-lg)",
89
- radiusContainer: "{radius.lg}",
90
- buttonStyle: "pill"
91
- },
92
- semantic: {
93
- light: {
94
- interactivePrimary: "{color.brand.red.500}",
95
- interactivePrimaryHover: "{color.brand.red.600}",
96
- interactivePrimaryText: "{color.neutral.0}"
31
+ interactive: {
32
+ primary: {
33
+ default: "{color.brand.500}",
34
+ hover: "{color.brand.700}",
35
+ text: "{color.neutral.0}"
97
36
  },
98
- dark: {
99
- interactivePrimary: "{color.brand.red.500}",
100
- interactivePrimaryHover: "{color.brand.red.400}",
101
- interactivePrimaryText: "{color.neutral.0}"
102
- }
103
- },
104
- usage: {
105
- html: '<html data-theme="dark" data-brand="red">',
106
- css: '/* Included in theme.css via [data-brand="red"] */',
107
- attribute: "red"
108
- }
109
- },
110
- orange: {
111
- name: "Orange",
112
- description: "Orange brand - Red-Orange with pill buttons",
113
- accent: {
114
- primary: "{color.brand.orange.500}",
115
- light: "{color.brand.orange.100}",
116
- dark: "{color.brand.orange.900}"
117
- },
118
- typography: {
119
- primary: "DM Sans",
120
- secondary: "Inter",
121
- mono: "JetBrains Mono"
122
- },
123
- geometry: {
124
- radiusControl: "{radius.full}",
125
- radiusContainer: "{radius.lg}",
126
- buttonStyle: "pill"
127
- },
128
- semantic: {
129
- light: {
130
- interactivePrimary: "{color.brand.orange.500}",
131
- interactivePrimaryHover: "{color.brand.orange.700}",
132
- interactivePrimaryText: "{color.neutral.0}"
37
+ secondary: {
38
+ default: "{color.neutral.100}",
39
+ hover: "{color.neutral.200}",
40
+ text: "{color.neutral.900}"
133
41
  },
134
- dark: {
135
- interactivePrimary: "{color.brand.orange.500}",
136
- interactivePrimaryHover: "{color.brand.orange.400}",
137
- interactivePrimaryText: "{color.neutral.0}"
42
+ ghost: {
43
+ hover: "color-mix(in srgb, {color.neutral.1000} 5%, transparent)"
138
44
  }
139
45
  },
140
- usage: {
141
- html: '<html data-theme="dark" data-brand="orange">',
142
- css: '/* Included in theme.css via [data-brand="orange"] */',
143
- attribute: "orange"
46
+ status: {
47
+ error: "{color.error.500}",
48
+ success: "{color.success.500}",
49
+ warning: "{color.warning.500}",
50
+ info: "{color.info.500}"
51
+ },
52
+ soft: {
53
+ brand: "color-mix(in srgb, {color.brand.500} 10%, transparent)",
54
+ "brand-hover": "color-mix(in srgb, {color.brand.500} 20%, transparent)",
55
+ success: "color-mix(in srgb, {color.success.500} 10%, transparent)",
56
+ error: "color-mix(in srgb, {color.error.500} 10%, transparent)",
57
+ warning: "color-mix(in srgb, {color.warning.500} 10%, transparent)",
58
+ info: "color-mix(in srgb, {color.info.500} 10%, transparent)"
59
+ },
60
+ focus: {
61
+ ring: "0 0 0 3px color-mix(in srgb, {color.brand.500} 40%, transparent)"
62
+ },
63
+ gradient: {
64
+ start: "{color.brand.400}",
65
+ end: "{color.brand.600}"
66
+ },
67
+ chart: {
68
+ 1: "{color.brand.500}",
69
+ 2: "{color.brand.300}",
70
+ 3: "{color.brand.700}",
71
+ 4: "{color.success.500}",
72
+ 5: "{color.warning.500}"
144
73
  }
145
- },
146
- ember: {
147
- name: "Ember",
148
- description: "Ember brand — Orange accent with dark neutral buttons and rectangular geometry",
149
- accent: {
150
- primary: "{color.brand.orange.500}",
151
- light: "{color.brand.orange.100}",
152
- dark: "{color.brand.orange.900}"
153
- },
154
- typography: {
155
- primary: "DM Sans",
156
- secondary: "Inter",
157
- mono: "JetBrains Mono"
158
- },
159
- geometry: {
160
- radiusControl: "{radius.md}",
161
- radiusContainer: "{radius.xl}",
162
- buttonStyle: "rounded"
163
- },
164
- semantic: {
165
- light: {
166
- interactivePrimary: "{color.neutral.900}",
167
- interactivePrimaryHover: "{color.neutral.700}",
168
- interactivePrimaryText: "{color.neutral.0}"
169
- },
170
- dark: {
171
- interactivePrimary: "{color.neutral.100}",
172
- interactivePrimaryHover: "{color.neutral.0}",
173
- interactivePrimaryText: "{color.neutral.900}"
74
+ }
75
+ }, o = {
76
+ theme: "dark",
77
+ semantic: {
78
+ surface: {
79
+ base: "{color.neutral.900}",
80
+ subtle: "{color.neutral.950}",
81
+ layer: "{color.neutral.900}",
82
+ primary: "{color.neutral.900}",
83
+ secondary: "{color.neutral.900}",
84
+ glass: "color-mix(in srgb, {color.neutral.950} 60%, transparent)",
85
+ sunken: "color-mix(in srgb, {color.neutral.950} 40%, transparent)",
86
+ overlay: "color-mix(in srgb, {color.neutral.1000} 70%, transparent)"
87
+ },
88
+ text: {
89
+ primary: "{color.neutral.50}",
90
+ secondary: "{color.neutral.400}",
91
+ tertiary: "{color.neutral.600}",
92
+ inverse: "{color.neutral.950}",
93
+ brand: "{color.brand.400}",
94
+ "on-brand": {
95
+ primary: "{color.neutral.0}",
96
+ secondary: "color-mix(in srgb, {color.neutral.0} 90%, transparent)",
97
+ tertiary: "color-mix(in srgb, {color.neutral.0} 70%, transparent)"
174
98
  }
175
99
  },
176
- usage: {
177
- html: '<html data-theme="light|dark" data-brand="ember">',
178
- css: '/* Included in theme.css via [data-brand="ember"] */',
179
- attribute: "ember"
180
- }
181
- },
182
- lemon: {
183
- name: "Lemon",
184
- description: "Lemon brand - Bright lime green with Anton typography and highly rounded design",
185
- accent: {
186
- primary: "{color.brand.lemon.600}",
187
- light: "{color.brand.lemon.100}",
188
- dark: "{color.brand.lemon.900}"
189
- },
190
- typography: {
191
- primary: "Anton",
192
- secondary: "Work Sans",
193
- mono: "JetBrains Mono"
194
- },
195
- geometry: {
196
- radiusControl: "{radius.lg}",
197
- radiusContainer: "{radius.lg}",
198
- buttonStyle: "pill"
199
- },
200
- semantic: {
201
- light: {
202
- interactivePrimary: "{color.brand.lemon.700}",
203
- interactivePrimaryHover: "{color.brand.lemon.800}",
204
- interactivePrimaryText: "{color.neutral.0}"
100
+ border: {
101
+ subtle: "{color.neutral.800}",
102
+ strong: "{color.neutral.700}",
103
+ interactive: "{color.brand.500}"
104
+ },
105
+ interactive: {
106
+ primary: {
107
+ default: "{color.brand.500}",
108
+ hover: "{color.brand.400}",
109
+ text: "{color.neutral.900}"
110
+ },
111
+ secondary: {
112
+ default: "{color.neutral.800}",
113
+ hover: "{color.neutral.700}",
114
+ text: "{color.neutral.50}"
205
115
  },
206
- dark: {
207
- interactivePrimary: "{color.brand.lemon.500}",
208
- interactivePrimaryHover: "{color.brand.lemon.600}",
209
- interactivePrimaryText: "{color.neutral.900}"
116
+ ghost: {
117
+ hover: "color-mix(in srgb, {color.neutral.0} 10%, transparent)"
210
118
  }
211
119
  },
212
- usage: {
213
- html: '<html data-theme="dark" data-brand="lemon">',
214
- css: '/* Included in theme.css via [data-brand="lemon"] */',
215
- attribute: "lemon"
120
+ status: {
121
+ error: "{color.error.500}",
122
+ success: "{color.success.500}",
123
+ warning: "{color.warning.500}",
124
+ info: "{color.info.500}"
125
+ },
126
+ soft: {
127
+ brand: "color-mix(in srgb, {color.brand.500} 15%, transparent)",
128
+ "brand-hover": "color-mix(in srgb, {color.brand.500} 25%, transparent)",
129
+ success: "color-mix(in srgb, {color.success.500} 15%, transparent)",
130
+ error: "color-mix(in srgb, {color.error.500} 15%, transparent)",
131
+ warning: "color-mix(in srgb, {color.warning.500} 15%, transparent)",
132
+ info: "color-mix(in srgb, {color.info.500} 15%, transparent)"
133
+ },
134
+ focus: {
135
+ ring: "0 0 0 3px color-mix(in srgb, {color.brand.500} 50%, transparent)"
136
+ },
137
+ gradient: {
138
+ start: "{color.brand.400}",
139
+ end: "{color.brand.600}"
140
+ },
141
+ chart: {
142
+ 1: "{color.brand.400}",
143
+ 2: "{color.brand.200}",
144
+ 3: "{color.brand.600}",
145
+ 4: "{color.success.500}",
146
+ 5: "{color.warning.500}"
216
147
  }
217
148
  }
149
+ }, n = {
150
+ light: r,
151
+ dark: o
218
152
  };
219
153
  export {
220
- r as brands
154
+ o as darkTheme,
155
+ r as lightTheme,
156
+ n as themes
221
157
  };
package/dist/index99.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c="_icon_3txcc_9",r="_xs_3txcc_29",s="_sm_3txcc_34",t="_md_3txcc_39",_="_lg_3txcc_44",n="_xl_3txcc_49",e="_current_3txcc_58",o="_primary_3txcc_62",i="_secondary_3txcc_66",a="_tertiary_3txcc_70",x="_brand_3txcc_74",d="_success_3txcc_78",l="_warning_3txcc_82",u="_error_3txcc_86",y="_info_3txcc_90",m="_inverse_3txcc_94",b="_disabled_3txcc_102",g={icon:c,xs:r,sm:s,md:t,lg:_,xl:n,current:e,primary:o,secondary:i,tertiary:a,brand:x,success:d,warning:l,error:u,info:y,inverse:m,disabled:b};exports.brand=x;exports.current=e;exports.default=g;exports.disabled=b;exports.error=u;exports.icon=c;exports.info=y;exports.inverse=m;exports.lg=_;exports.md=t;exports.primary=o;exports.secondary=i;exports.sm=s;exports.success=d;exports.tertiary=a;exports.warning=l;exports.xl=n;exports.xs=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={orion:{name:"Orion",description:"Default brand - Orion Blue, professional rounded corners",accent:{primary:"{color.brand.orion.500}",light:"{color.brand.orion.100}",dark:"{color.brand.orion.900}"},typography:{primary:"Libre Baskerville",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.orion.500}",interactivePrimaryHover:"{color.brand.orion.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.orion.500}",interactivePrimaryHover:"{color.brand.orion.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark">',css:"/* No additional CSS needed - default */",attribute:null}},deepblue:{name:"Deepblue",description:"Deepblue brand - Deep Blue with Work Sans typography",accent:{primary:"{color.brand.deepblue.500}",light:"{color.brand.deepblue.100}",dark:"{color.brand.deepblue.800}"},typography:{primary:"Work Sans",secondary:"Work Sans",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.lg}",buttonStyle:"rounded"},semantic:{light:{interactivePrimary:"{color.brand.deepblue.500}",interactivePrimaryHover:"{color.brand.deepblue.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.deepblue.500}",interactivePrimaryHover:"{color.brand.deepblue.400}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="dark" data-brand="deepblue">',css:'/* Included in theme.css via [data-brand="deepblue"] */',attribute:"deepblue"}},red:{name:"Red",description:"Red brand - Red with Poppins typography and pill buttons",accent:{primary:"{color.brand.red.500}",light:"{color.brand.red.100}",dark:"{color.brand.red.900}"},typography:{primary:"Poppins",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"var(--radius-lg)",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.red.500}",interactivePrimaryHover:"{color.brand.red.600}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.red.500}",interactivePrimaryHover:"{color.brand.red.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark" data-brand="red">',css:'/* Included in theme.css via [data-brand="red"] */',attribute:"red"}},orange:{name:"Orange",description:"Orange brand - Red-Orange with pill buttons",accent:{primary:"{color.brand.orange.500}",light:"{color.brand.orange.100}",dark:"{color.brand.orange.900}"},typography:{primary:"DM Sans",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.full}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.orange.500}",interactivePrimaryHover:"{color.brand.orange.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.orange.500}",interactivePrimaryHover:"{color.brand.orange.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark" data-brand="orange">',css:'/* Included in theme.css via [data-brand="orange"] */',attribute:"orange"}},ember:{name:"Ember",description:"Ember brand — Orange accent with dark neutral buttons and rectangular geometry",accent:{primary:"{color.brand.orange.500}",light:"{color.brand.orange.100}",dark:"{color.brand.orange.900}"},typography:{primary:"DM Sans",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.xl}",buttonStyle:"rounded"},semantic:{light:{interactivePrimary:"{color.neutral.900}",interactivePrimaryHover:"{color.neutral.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.neutral.100}",interactivePrimaryHover:"{color.neutral.0}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="light|dark" data-brand="ember">',css:'/* Included in theme.css via [data-brand="ember"] */',attribute:"ember"}},lemon:{name:"Lemon",description:"Lemon brand - Bright lime green with Anton typography and highly rounded design",accent:{primary:"{color.brand.lemon.600}",light:"{color.brand.lemon.100}",dark:"{color.brand.lemon.900}"},typography:{primary:"Anton",secondary:"Work Sans",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.lg}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.lemon.700}",interactivePrimaryHover:"{color.brand.lemon.800}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.lemon.500}",interactivePrimaryHover:"{color.brand.lemon.600}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="dark" data-brand="lemon">',css:'/* Included in theme.css via [data-brand="lemon"] */',attribute:"lemon"}}};exports.brands=r;
package/dist/index99.mjs CHANGED
@@ -1,39 +1,221 @@
1
- const c = "_icon_3txcc_9", _ = "_xs_3txcc_29", t = "_sm_3txcc_34", s = "_md_3txcc_39", n = "_lg_3txcc_44", r = "_xl_3txcc_49", o = "_current_3txcc_58", e = "_primary_3txcc_62", x = "_secondary_3txcc_66", i = "_tertiary_3txcc_70", a = "_brand_3txcc_74", d = "_success_3txcc_78", l = "_warning_3txcc_82", y = "_error_3txcc_86", m = "_info_3txcc_90", u = "_inverse_3txcc_94", b = "_disabled_3txcc_102", g = {
2
- icon: c,
3
- xs: _,
4
- sm: t,
5
- md: s,
6
- lg: n,
7
- xl: r,
8
- current: o,
9
- primary: e,
10
- secondary: x,
11
- tertiary: i,
12
- brand: a,
13
- success: d,
14
- warning: l,
15
- error: y,
16
- info: m,
17
- inverse: u,
18
- disabled: b
1
+ const r = {
2
+ orion: {
3
+ name: "Orion",
4
+ description: "Default brand - Orion Blue, professional rounded corners",
5
+ accent: {
6
+ primary: "{color.brand.orion.500}",
7
+ light: "{color.brand.orion.100}",
8
+ dark: "{color.brand.orion.900}"
9
+ },
10
+ typography: {
11
+ primary: "Libre Baskerville",
12
+ secondary: "Inter",
13
+ mono: "JetBrains Mono"
14
+ },
15
+ geometry: {
16
+ radiusControl: "{radius.md}",
17
+ radiusContainer: "{radius.lg}",
18
+ buttonStyle: "pill"
19
+ },
20
+ semantic: {
21
+ light: {
22
+ interactivePrimary: "{color.brand.orion.500}",
23
+ interactivePrimaryHover: "{color.brand.orion.700}",
24
+ interactivePrimaryText: "{color.neutral.0}"
25
+ },
26
+ dark: {
27
+ interactivePrimary: "{color.brand.orion.500}",
28
+ interactivePrimaryHover: "{color.brand.orion.400}",
29
+ interactivePrimaryText: "{color.neutral.0}"
30
+ }
31
+ },
32
+ usage: {
33
+ html: '<html data-theme="dark">',
34
+ css: "/* No additional CSS needed - default */",
35
+ attribute: null
36
+ }
37
+ },
38
+ deepblue: {
39
+ name: "Deepblue",
40
+ description: "Deepblue brand - Deep Blue with Work Sans typography",
41
+ accent: {
42
+ primary: "{color.brand.deepblue.500}",
43
+ light: "{color.brand.deepblue.100}",
44
+ dark: "{color.brand.deepblue.800}"
45
+ },
46
+ typography: {
47
+ primary: "Work Sans",
48
+ secondary: "Work Sans",
49
+ mono: "JetBrains Mono"
50
+ },
51
+ geometry: {
52
+ radiusControl: "{radius.md}",
53
+ radiusContainer: "{radius.lg}",
54
+ buttonStyle: "rounded"
55
+ },
56
+ semantic: {
57
+ light: {
58
+ interactivePrimary: "{color.brand.deepblue.500}",
59
+ interactivePrimaryHover: "{color.brand.deepblue.700}",
60
+ interactivePrimaryText: "{color.neutral.0}"
61
+ },
62
+ dark: {
63
+ interactivePrimary: "{color.brand.deepblue.500}",
64
+ interactivePrimaryHover: "{color.brand.deepblue.400}",
65
+ interactivePrimaryText: "{color.neutral.900}"
66
+ }
67
+ },
68
+ usage: {
69
+ html: '<html data-theme="dark" data-brand="deepblue">',
70
+ css: '/* Included in theme.css via [data-brand="deepblue"] */',
71
+ attribute: "deepblue"
72
+ }
73
+ },
74
+ red: {
75
+ name: "Red",
76
+ description: "Red brand - Red with Poppins typography and pill buttons",
77
+ accent: {
78
+ primary: "{color.brand.red.500}",
79
+ light: "{color.brand.red.100}",
80
+ dark: "{color.brand.red.900}"
81
+ },
82
+ typography: {
83
+ primary: "Poppins",
84
+ secondary: "Inter",
85
+ mono: "JetBrains Mono"
86
+ },
87
+ geometry: {
88
+ radiusControl: "var(--radius-lg)",
89
+ radiusContainer: "{radius.lg}",
90
+ buttonStyle: "pill"
91
+ },
92
+ semantic: {
93
+ light: {
94
+ interactivePrimary: "{color.brand.red.500}",
95
+ interactivePrimaryHover: "{color.brand.red.600}",
96
+ interactivePrimaryText: "{color.neutral.0}"
97
+ },
98
+ dark: {
99
+ interactivePrimary: "{color.brand.red.500}",
100
+ interactivePrimaryHover: "{color.brand.red.400}",
101
+ interactivePrimaryText: "{color.neutral.0}"
102
+ }
103
+ },
104
+ usage: {
105
+ html: '<html data-theme="dark" data-brand="red">',
106
+ css: '/* Included in theme.css via [data-brand="red"] */',
107
+ attribute: "red"
108
+ }
109
+ },
110
+ orange: {
111
+ name: "Orange",
112
+ description: "Orange brand - Red-Orange with pill buttons",
113
+ accent: {
114
+ primary: "{color.brand.orange.500}",
115
+ light: "{color.brand.orange.100}",
116
+ dark: "{color.brand.orange.900}"
117
+ },
118
+ typography: {
119
+ primary: "DM Sans",
120
+ secondary: "Inter",
121
+ mono: "JetBrains Mono"
122
+ },
123
+ geometry: {
124
+ radiusControl: "{radius.full}",
125
+ radiusContainer: "{radius.lg}",
126
+ buttonStyle: "pill"
127
+ },
128
+ semantic: {
129
+ light: {
130
+ interactivePrimary: "{color.brand.orange.500}",
131
+ interactivePrimaryHover: "{color.brand.orange.700}",
132
+ interactivePrimaryText: "{color.neutral.0}"
133
+ },
134
+ dark: {
135
+ interactivePrimary: "{color.brand.orange.500}",
136
+ interactivePrimaryHover: "{color.brand.orange.400}",
137
+ interactivePrimaryText: "{color.neutral.0}"
138
+ }
139
+ },
140
+ usage: {
141
+ html: '<html data-theme="dark" data-brand="orange">',
142
+ css: '/* Included in theme.css via [data-brand="orange"] */',
143
+ attribute: "orange"
144
+ }
145
+ },
146
+ ember: {
147
+ name: "Ember",
148
+ description: "Ember brand — Orange accent with dark neutral buttons and rectangular geometry",
149
+ accent: {
150
+ primary: "{color.brand.orange.500}",
151
+ light: "{color.brand.orange.100}",
152
+ dark: "{color.brand.orange.900}"
153
+ },
154
+ typography: {
155
+ primary: "DM Sans",
156
+ secondary: "Inter",
157
+ mono: "JetBrains Mono"
158
+ },
159
+ geometry: {
160
+ radiusControl: "{radius.md}",
161
+ radiusContainer: "{radius.xl}",
162
+ buttonStyle: "rounded"
163
+ },
164
+ semantic: {
165
+ light: {
166
+ interactivePrimary: "{color.neutral.900}",
167
+ interactivePrimaryHover: "{color.neutral.700}",
168
+ interactivePrimaryText: "{color.neutral.0}"
169
+ },
170
+ dark: {
171
+ interactivePrimary: "{color.neutral.100}",
172
+ interactivePrimaryHover: "{color.neutral.0}",
173
+ interactivePrimaryText: "{color.neutral.900}"
174
+ }
175
+ },
176
+ usage: {
177
+ html: '<html data-theme="light|dark" data-brand="ember">',
178
+ css: '/* Included in theme.css via [data-brand="ember"] */',
179
+ attribute: "ember"
180
+ }
181
+ },
182
+ lemon: {
183
+ name: "Lemon",
184
+ description: "Lemon brand - Bright lime green with Anton typography and highly rounded design",
185
+ accent: {
186
+ primary: "{color.brand.lemon.600}",
187
+ light: "{color.brand.lemon.100}",
188
+ dark: "{color.brand.lemon.900}"
189
+ },
190
+ typography: {
191
+ primary: "Anton",
192
+ secondary: "Work Sans",
193
+ mono: "JetBrains Mono"
194
+ },
195
+ geometry: {
196
+ radiusControl: "{radius.lg}",
197
+ radiusContainer: "{radius.lg}",
198
+ buttonStyle: "pill"
199
+ },
200
+ semantic: {
201
+ light: {
202
+ interactivePrimary: "{color.brand.lemon.700}",
203
+ interactivePrimaryHover: "{color.brand.lemon.800}",
204
+ interactivePrimaryText: "{color.neutral.0}"
205
+ },
206
+ dark: {
207
+ interactivePrimary: "{color.brand.lemon.500}",
208
+ interactivePrimaryHover: "{color.brand.lemon.600}",
209
+ interactivePrimaryText: "{color.neutral.900}"
210
+ }
211
+ },
212
+ usage: {
213
+ html: '<html data-theme="dark" data-brand="lemon">',
214
+ css: '/* Included in theme.css via [data-brand="lemon"] */',
215
+ attribute: "lemon"
216
+ }
217
+ }
19
218
  };
20
219
  export {
21
- a as brand,
22
- o as current,
23
- g as default,
24
- b as disabled,
25
- y as error,
26
- c as icon,
27
- m as info,
28
- u as inverse,
29
- n as lg,
30
- s as md,
31
- e as primary,
32
- x as secondary,
33
- t as sm,
34
- d as success,
35
- i as tertiary,
36
- l as warning,
37
- r as xl,
38
- _ as xs
220
+ r as brands
39
221
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orion-ds/react",
3
- "version": "4.2.10",
3
+ "version": "4.2.11",
4
4
  "type": "module",
5
5
  "description": "Orion Design System - React component library with 40+ AI-ready components and 9 templates",
6
6
  "author": "Orion Design System Team",