@purpur/library 9.6.0 → 9.7.1

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 (288) hide show
  1. package/CHANGELOG.json +57 -0
  2. package/CHANGELOG.md +26 -1
  3. package/dist/LICENSE.txt +7 -7
  4. package/dist/ThemeProvider-D7oXcAde.js +2 -0
  5. package/dist/{ThemeProvider-Dy771oix.js.map → ThemeProvider-D7oXcAde.js.map} +1 -1
  6. package/dist/ThemeProvider-DiDBfyFA.mjs +348 -0
  7. package/dist/{ThemeProvider-CkX-BNWN.mjs.map → ThemeProvider-DiDBfyFA.mjs.map} +1 -1
  8. package/dist/carousel-BIKcwvYz.mjs +1658 -0
  9. package/dist/carousel-BIKcwvYz.mjs.map +1 -0
  10. package/dist/carousel-DnSaLDZf.js +2 -0
  11. package/dist/carousel-DnSaLDZf.js.map +1 -0
  12. package/dist/carousel.cjs.js +1 -1
  13. package/dist/carousel.es.js +1 -1
  14. package/dist/{comparison-table-Nhp5W6Yc.js → comparison-table-0UDB2BTU.js} +2 -2
  15. package/dist/{comparison-table-Nhp5W6Yc.js.map → comparison-table-0UDB2BTU.js.map} +1 -1
  16. package/dist/{comparison-table-CZMKl1TX.mjs → comparison-table-CjTE-fHN.mjs} +48 -48
  17. package/dist/{comparison-table-CZMKl1TX.mjs.map → comparison-table-CjTE-fHN.mjs.map} +1 -1
  18. package/dist/comparison-table.cjs.js +1 -1
  19. package/dist/comparison-table.es.js +1 -1
  20. package/dist/components/button/src/button.d.ts +1 -1
  21. package/dist/components/button/src/button.visual.fixtures.d.ts +43 -0
  22. package/dist/components/button/src/button.visual.fixtures.d.ts.map +1 -0
  23. package/dist/components/carousel/src/carousel.d.ts.map +1 -1
  24. package/dist/components/date-picker/src/date-picker.d.ts +8 -0
  25. package/dist/components/date-picker/src/date-picker.d.ts.map +1 -1
  26. package/dist/components/drawer/src/drawer-content.d.ts +21 -0
  27. package/dist/components/drawer/src/drawer-content.d.ts.map +1 -1
  28. package/dist/components/hero-banner/src/hero-banner.visual.fixtures.d.ts +14 -0
  29. package/dist/components/hero-banner/src/hero-banner.visual.fixtures.d.ts.map +1 -0
  30. package/dist/components/modal/src/modal-content.d.ts +21 -0
  31. package/dist/components/modal/src/modal-content.d.ts.map +1 -1
  32. package/dist/components/modal/src/modal.d.ts +2 -0
  33. package/dist/components/modal/src/modal.d.ts.map +1 -1
  34. package/dist/components/popover/src/popover-content.d.ts +14 -0
  35. package/dist/components/popover/src/popover-content.d.ts.map +1 -1
  36. package/dist/components/radio-card-group/src/is-radio-card-item.d.ts +4 -0
  37. package/dist/components/radio-card-group/src/is-radio-card-item.d.ts.map +1 -0
  38. package/dist/components/radio-card-group/src/radio-card-group.constants.d.ts +5 -0
  39. package/dist/components/radio-card-group/src/radio-card-group.constants.d.ts.map +1 -0
  40. package/dist/components/radio-card-group/src/radio-card-group.d.ts +5 -6
  41. package/dist/components/radio-card-group/src/radio-card-group.d.ts.map +1 -1
  42. package/dist/components/radio-card-group/src/radio-card-item.d.ts +1 -2
  43. package/dist/components/radio-card-group/src/radio-card-item.d.ts.map +1 -1
  44. package/dist/components/search-field/src/search-field-autocomplete.d.ts +6 -3
  45. package/dist/components/search-field/src/search-field-autocomplete.d.ts.map +1 -1
  46. package/dist/components/search-field/src/search-field-base.d.ts +10 -3
  47. package/dist/components/search-field/src/search-field-base.d.ts.map +1 -1
  48. package/dist/components/search-field/src/search-field-button.d.ts +3 -1
  49. package/dist/components/search-field/src/search-field-button.d.ts.map +1 -1
  50. package/dist/components/search-field/src/search-field.d.ts +12 -6
  51. package/dist/components/search-field/src/search-field.d.ts.map +1 -1
  52. package/dist/components/table/src/drag-indicator-circle.d.ts +8 -1
  53. package/dist/components/table/src/drag-indicator-circle.d.ts.map +1 -1
  54. package/dist/components/table/src/table.d.ts.map +1 -1
  55. package/dist/components/tooltip/src/tooltip.d.ts +21 -0
  56. package/dist/components/tooltip/src/tooltip.d.ts.map +1 -1
  57. package/dist/components-metadata.js +0 -2
  58. package/dist/date-picker-CIizn3Pv.js +2 -0
  59. package/dist/{date-picker-uyPKJulK.js.map → date-picker-CIizn3Pv.js.map} +1 -1
  60. package/dist/date-picker-DixxW60s.mjs +1617 -0
  61. package/dist/{date-picker-CzxhZxsw.mjs.map → date-picker-DixxW60s.mjs.map} +1 -1
  62. package/dist/date-picker.cjs.js +1 -1
  63. package/dist/date-picker.es.js +1 -1
  64. package/dist/drawer-BzkRd9F0.mjs +577 -0
  65. package/dist/drawer-BzkRd9F0.mjs.map +1 -0
  66. package/dist/drawer-DyhsP34o.js +2 -0
  67. package/dist/drawer-DyhsP34o.js.map +1 -0
  68. package/dist/drawer.cjs.js +1 -1
  69. package/dist/drawer.es.js +1 -1
  70. package/dist/{footer-D9AcPwlH.js → footer-3Y-664-8.js} +2 -2
  71. package/dist/{footer-D9AcPwlH.js.map → footer-3Y-664-8.js.map} +1 -1
  72. package/dist/{footer-BLPlXaZK.mjs → footer-DenAcikt.mjs} +3 -3
  73. package/dist/{footer-BLPlXaZK.mjs.map → footer-DenAcikt.mjs.map} +1 -1
  74. package/dist/footer.cjs.js +1 -1
  75. package/dist/footer.es.js +1 -1
  76. package/dist/{hero-banner-DkC_BqM7.mjs → hero-banner-B7xrDfzN.mjs} +2 -2
  77. package/dist/{hero-banner-DkC_BqM7.mjs.map → hero-banner-B7xrDfzN.mjs.map} +1 -1
  78. package/dist/{hero-banner-D1A-_qou.js → hero-banner-DthITuQ7.js} +2 -2
  79. package/dist/{hero-banner-D1A-_qou.js.map → hero-banner-DthITuQ7.js.map} +1 -1
  80. package/dist/hero-banner.cjs.js +1 -1
  81. package/dist/hero-banner.es.js +1 -1
  82. package/dist/libraries/theme/src/ThemeProvider.d.ts.map +1 -1
  83. package/dist/libraries/theme/src/theme.d.ts +1 -0
  84. package/dist/libraries/theme/src/theme.d.ts.map +1 -1
  85. package/dist/libraries/theme/src/types.d.ts +7 -0
  86. package/dist/libraries/theme/src/types.d.ts.map +1 -1
  87. package/dist/libraries/theme/src/useThemePortalContainer.d.ts +12 -0
  88. package/dist/libraries/theme/src/useThemePortalContainer.d.ts.map +1 -0
  89. package/dist/library.cjs.js +1 -1
  90. package/dist/library.es.js +469 -469
  91. package/dist/library.es.js.map +1 -1
  92. package/dist/modal-DJn9idcw.js +2 -0
  93. package/dist/modal-DJn9idcw.js.map +1 -0
  94. package/dist/{modal-fp37VbrH.mjs → modal-EIP36327.mjs} +83 -80
  95. package/dist/modal-EIP36327.mjs.map +1 -0
  96. package/dist/modal.cjs.js +1 -1
  97. package/dist/modal.es.js +1 -1
  98. package/dist/{popover-I26xNbTz.mjs → popover-DERrvReO.mjs} +328 -325
  99. package/dist/popover-DERrvReO.mjs.map +1 -0
  100. package/dist/popover-DnGgzfQr.js +2 -0
  101. package/dist/popover-DnGgzfQr.js.map +1 -0
  102. package/dist/popover.cjs.js +1 -1
  103. package/dist/popover.es.js +1 -1
  104. package/dist/{promotion-card-BiHnQvhn.mjs → promotion-card-BnzIVNQ4.mjs} +2 -2
  105. package/dist/{promotion-card-BiHnQvhn.mjs.map → promotion-card-BnzIVNQ4.mjs.map} +1 -1
  106. package/dist/{promotion-card-Bag64gqP.js → promotion-card-DKc2Cx1h.js} +2 -2
  107. package/dist/{promotion-card-Bag64gqP.js.map → promotion-card-DKc2Cx1h.js.map} +1 -1
  108. package/dist/promotion-card.cjs.js +1 -1
  109. package/dist/promotion-card.es.js +1 -1
  110. package/dist/purpur.css +1 -1
  111. package/dist/radio-card-group-ZBXjYcQs.mjs +166 -0
  112. package/dist/radio-card-group-ZBXjYcQs.mjs.map +1 -0
  113. package/dist/radio-card-group-nrDi5EPK.js +2 -0
  114. package/dist/radio-card-group-nrDi5EPK.js.map +1 -0
  115. package/dist/radio-card-group.cjs.js +1 -1
  116. package/dist/radio-card-group.es.js +3 -5
  117. package/dist/search-field-2vdDbiT0.js +2 -0
  118. package/dist/search-field-2vdDbiT0.js.map +1 -0
  119. package/dist/search-field-DKyNh7pE.mjs +167 -0
  120. package/dist/search-field-DKyNh7pE.mjs.map +1 -0
  121. package/dist/search-field.cjs.js +1 -1
  122. package/dist/search-field.es.js +1 -1
  123. package/dist/{stepper-CWR2vGPj.mjs → stepper-BDsSa6yr.mjs} +2 -2
  124. package/dist/{stepper-CWR2vGPj.mjs.map → stepper-BDsSa6yr.mjs.map} +1 -1
  125. package/dist/{stepper-Df4X7DDR.js → stepper-DpauItjx.js} +2 -2
  126. package/dist/{stepper-Df4X7DDR.js.map → stepper-DpauItjx.js.map} +1 -1
  127. package/dist/stepper.cjs.js +1 -1
  128. package/dist/stepper.es.js +1 -1
  129. package/dist/{table-gnGUejtb.js → table-BOCcBzSO.js} +4 -4
  130. package/dist/table-BOCcBzSO.js.map +1 -0
  131. package/dist/{table-g_n68i4s.mjs → table-i1Gs9e0e.mjs} +440 -440
  132. package/dist/table-i1Gs9e0e.mjs.map +1 -0
  133. package/dist/table.cjs.js +1 -1
  134. package/dist/table.es.js +1 -1
  135. package/dist/{text-area-peNKG7g4.js → text-area-D0truMT1.js} +2 -2
  136. package/dist/{text-area-peNKG7g4.js.map → text-area-D0truMT1.js.map} +1 -1
  137. package/dist/{text-area-kJvg6cFp.mjs → text-area-IVH-k4MM.mjs} +3 -3
  138. package/dist/{text-area-kJvg6cFp.mjs.map → text-area-IVH-k4MM.mjs.map} +1 -1
  139. package/dist/text-area.cjs.js +1 -1
  140. package/dist/text-area.es.js +1 -1
  141. package/dist/theme.cjs.js +1 -1
  142. package/dist/theme.es.js +8 -6
  143. package/dist/theme.es.js.map +1 -1
  144. package/dist/tooltip-CJGmJDFQ.js +2 -0
  145. package/dist/{tooltip-C8Zxnqdb.js.map → tooltip-CJGmJDFQ.js.map} +1 -1
  146. package/dist/{tooltip-LU2Cy-QC.mjs → tooltip-RA-03bKs.mjs} +277 -274
  147. package/dist/{tooltip-LU2Cy-QC.mjs.map → tooltip-RA-03bKs.mjs.map} +1 -1
  148. package/dist/tooltip.cjs.js +1 -1
  149. package/dist/tooltip.es.js +1 -1
  150. package/dist/{useColorScheme-tAkY9LHt.mjs → useColorScheme-B9DWd-LN.mjs} +2 -2
  151. package/dist/{useColorScheme-tAkY9LHt.mjs.map → useColorScheme-B9DWd-LN.mjs.map} +1 -1
  152. package/dist/useColorScheme-DbTQjxNB.js +2 -0
  153. package/dist/{useColorScheme-DNyjsWX9.js.map → useColorScheme-DbTQjxNB.js.map} +1 -1
  154. package/dist/useThemePortalContainer-D9BYjEvT.js +2 -0
  155. package/dist/useThemePortalContainer-D9BYjEvT.js.map +1 -0
  156. package/dist/useThemePortalContainer-tFLTaYKN.mjs +9 -0
  157. package/dist/useThemePortalContainer-tFLTaYKN.mjs.map +1 -0
  158. package/package.json +29 -29
  159. package/scripts/generate.mts +62 -3
  160. package/src/library.ts +2 -71
  161. package/dist/ThemeProvider-CkX-BNWN.mjs +0 -337
  162. package/dist/ThemeProvider-Dy771oix.js +0 -2
  163. package/dist/carousel-DLkTL9sj.mjs +0 -1633
  164. package/dist/carousel-DLkTL9sj.mjs.map +0 -1
  165. package/dist/carousel-DXrtxRz5.js +0 -2
  166. package/dist/carousel-DXrtxRz5.js.map +0 -1
  167. package/dist/date-picker-CzxhZxsw.mjs +0 -1611
  168. package/dist/date-picker-uyPKJulK.js +0 -2
  169. package/dist/drawer-8Acg4wkV.mjs +0 -574
  170. package/dist/drawer-8Acg4wkV.mjs.map +0 -1
  171. package/dist/drawer-BLHgcEqb.js +0 -2
  172. package/dist/drawer-BLHgcEqb.js.map +0 -1
  173. package/dist/modal-Baisuc6m.js +0 -2
  174. package/dist/modal-Baisuc6m.js.map +0 -1
  175. package/dist/modal-fp37VbrH.mjs.map +0 -1
  176. package/dist/popover-B0XJZ5mj.js +0 -2
  177. package/dist/popover-B0XJZ5mj.js.map +0 -1
  178. package/dist/popover-I26xNbTz.mjs.map +0 -1
  179. package/dist/radio-card-group-CneOprGY.mjs +0 -168
  180. package/dist/radio-card-group-CneOprGY.mjs.map +0 -1
  181. package/dist/radio-card-group-Ctuvg61o.js +0 -2
  182. package/dist/radio-card-group-Ctuvg61o.js.map +0 -1
  183. package/dist/search-field-CpkHGIYi.mjs +0 -151
  184. package/dist/search-field-CpkHGIYi.mjs.map +0 -1
  185. package/dist/search-field-Z0PqDARl.js +0 -2
  186. package/dist/search-field-Z0PqDARl.js.map +0 -1
  187. package/dist/table-g_n68i4s.mjs.map +0 -1
  188. package/dist/table-gnGUejtb.js.map +0 -1
  189. package/dist/tooltip-C8Zxnqdb.js +0 -2
  190. package/dist/useColorScheme-DNyjsWX9.js +0 -2
  191. package/tokens/_dark.scss +0 -9
  192. package/tokens/_index.scss +0 -9
  193. package/tokens/border/variables.css +0 -13
  194. package/tokens/border/variables.d.ts +0 -10
  195. package/tokens/border/variables.dark.css +0 -12
  196. package/tokens/border/variables.dark.d.ts +0 -10
  197. package/tokens/border/variables.dark.js +0 -10
  198. package/tokens/border/variables.dark.json +0 -18
  199. package/tokens/border/variables.dark.scss +0 -10
  200. package/tokens/border/variables.js +0 -10
  201. package/tokens/border/variables.json +0 -18
  202. package/tokens/border/variables.scss +0 -10
  203. package/tokens/breakpoint/variables.css +0 -11
  204. package/tokens/breakpoint/variables.d.ts +0 -8
  205. package/tokens/breakpoint/variables.dark.css +0 -10
  206. package/tokens/breakpoint/variables.dark.d.ts +0 -8
  207. package/tokens/breakpoint/variables.dark.js +0 -8
  208. package/tokens/breakpoint/variables.dark.json +0 -14
  209. package/tokens/breakpoint/variables.dark.scss +0 -8
  210. package/tokens/breakpoint/variables.js +0 -8
  211. package/tokens/breakpoint/variables.json +0 -14
  212. package/tokens/breakpoint/variables.scss +0 -8
  213. package/tokens/color/variables.css +0 -262
  214. package/tokens/color/variables.d.ts +0 -253
  215. package/tokens/color/variables.dark.css +0 -262
  216. package/tokens/color/variables.dark.d.ts +0 -252
  217. package/tokens/color/variables.dark.js +0 -252
  218. package/tokens/color/variables.dark.json +0 -306
  219. package/tokens/color/variables.dark.scss +0 -252
  220. package/tokens/color/variables.js +0 -253
  221. package/tokens/color/variables.json +0 -307
  222. package/tokens/color/variables.scss +0 -253
  223. package/tokens/dark.css +0 -9
  224. package/tokens/dark.d.ts +0 -9
  225. package/tokens/dark.js +0 -9
  226. package/tokens/filter/variables.css +0 -4
  227. package/tokens/filter/variables.d.ts +0 -1
  228. package/tokens/filter/variables.dark.css +0 -3
  229. package/tokens/filter/variables.dark.d.ts +0 -1
  230. package/tokens/filter/variables.dark.js +0 -1
  231. package/tokens/filter/variables.dark.json +0 -7
  232. package/tokens/filter/variables.dark.scss +0 -1
  233. package/tokens/filter/variables.js +0 -1
  234. package/tokens/filter/variables.json +0 -7
  235. package/tokens/filter/variables.scss +0 -1
  236. package/tokens/gradient/variables.css +0 -53
  237. package/tokens/gradient/variables.d.ts +0 -9
  238. package/tokens/gradient/variables.dark.css +0 -51
  239. package/tokens/gradient/variables.dark.d.ts +0 -9
  240. package/tokens/gradient/variables.dark.js +0 -18
  241. package/tokens/gradient/variables.dark.json +0 -27
  242. package/tokens/gradient/variables.dark.scss +0 -36
  243. package/tokens/gradient/variables.js +0 -18
  244. package/tokens/gradient/variables.json +0 -27
  245. package/tokens/gradient/variables.scss +0 -42
  246. package/tokens/index.css +0 -18
  247. package/tokens/index.d.ts +0 -9
  248. package/tokens/index.js +0 -9
  249. package/tokens/motion/variables.css +0 -14
  250. package/tokens/motion/variables.d.ts +0 -11
  251. package/tokens/motion/variables.dark.css +0 -13
  252. package/tokens/motion/variables.dark.d.ts +0 -11
  253. package/tokens/motion/variables.dark.js +0 -11
  254. package/tokens/motion/variables.dark.json +0 -19
  255. package/tokens/motion/variables.dark.scss +0 -11
  256. package/tokens/motion/variables.js +0 -11
  257. package/tokens/motion/variables.json +0 -19
  258. package/tokens/motion/variables.scss +0 -11
  259. package/tokens/shadow/variables.css +0 -11
  260. package/tokens/shadow/variables.d.ts +0 -4
  261. package/tokens/shadow/variables.dark.css +0 -10
  262. package/tokens/shadow/variables.dark.d.ts +0 -4
  263. package/tokens/shadow/variables.dark.js +0 -4
  264. package/tokens/shadow/variables.dark.json +0 -8
  265. package/tokens/shadow/variables.dark.scss +0 -4
  266. package/tokens/shadow/variables.js +0 -4
  267. package/tokens/shadow/variables.json +0 -8
  268. package/tokens/shadow/variables.scss +0 -4
  269. package/tokens/spacing/variables.css +0 -26
  270. package/tokens/spacing/variables.d.ts +0 -23
  271. package/tokens/spacing/variables.dark.css +0 -17
  272. package/tokens/spacing/variables.dark.d.ts +0 -15
  273. package/tokens/spacing/variables.dark.js +0 -15
  274. package/tokens/spacing/variables.dark.json +0 -19
  275. package/tokens/spacing/variables.dark.scss +0 -15
  276. package/tokens/spacing/variables.js +0 -23
  277. package/tokens/spacing/variables.json +0 -31
  278. package/tokens/spacing/variables.scss +0 -23
  279. package/tokens/typography/variables.css +0 -30
  280. package/tokens/typography/variables.d.ts +0 -26
  281. package/tokens/typography/variables.dark.css +0 -29
  282. package/tokens/typography/variables.dark.d.ts +0 -26
  283. package/tokens/typography/variables.dark.js +0 -28
  284. package/tokens/typography/variables.dark.json +0 -38
  285. package/tokens/typography/variables.dark.scss +0 -26
  286. package/tokens/typography/variables.js +0 -28
  287. package/tokens/typography/variables.json +0 -38
  288. package/tokens/typography/variables.scss +0 -26
@@ -1,306 +0,0 @@
1
- {
2
- "color": {
3
- "purple": {
4
- "50": "#faf0ff",
5
- "100": "#f4e0ff",
6
- "200": "#e4b6fb",
7
- "300": "#d58df9",
8
- "400": "#c461f7",
9
- "500": "#b12df4",
10
- "550": "#990ae3",
11
- "600": "#8c07d0",
12
- "700": "#6d02a3",
13
- "800": "#4e0174",
14
- "900": "#29003e",
15
- "950": "#1f002e"
16
- },
17
- "beige": {
18
- "50": "#f9f1ec",
19
- "100": "#ede1d8",
20
- "200": "#d7c3b5",
21
- "300": "#bba494",
22
- "400": "#a08877",
23
- "500": "#807268",
24
- "600": "#665e58",
25
- "700": "#4f4741",
26
- "800": "#3b332d",
27
- "900": "#2d2824",
28
- "950": "#170f09"
29
- },
30
- "teal": {
31
- "50": "#edf5f5",
32
- "100": "#d5eae9",
33
- "200": "#a1cfcd",
34
- "300": "#6eb5b2",
35
- "400": "#3a9b96",
36
- "500": "#00847e",
37
- "600": "#006c67",
38
- "700": "#02534f",
39
- "800": "#063c39",
40
- "900": "#032220",
41
- "950": "#011413"
42
- },
43
- "gray": {
44
- "50": "#f5f5fa",
45
- "100": "#e5e5eb",
46
- "150": "#d6d6dd",
47
- "200": "#c6c6cd",
48
- "300": "#aaaab0",
49
- "400": "#8d8d94",
50
- "500": "#757579",
51
- "600": "#5f5f63",
52
- "700": "#4a4a4d",
53
- "800": "#353537",
54
- "850": "#2a2a2c",
55
- "900": "#202022",
56
- "950": "#121212"
57
- },
58
- "green": {
59
- "50": "#e1f9ec",
60
- "100": "#c5efd9",
61
- "200": "#79d9a7",
62
- "300": "#3dbf7c",
63
- "400": "#1fa15e",
64
- "500": "#018842",
65
- "600": "#017037",
66
- "700": "#02562b",
67
- "800": "#003e1e",
68
- "900": "#002411",
69
- "950": "#00150a"
70
- },
71
- "red": {
72
- "50": "#fff0f5",
73
- "100": "#ffdde8",
74
- "200": "#ffafc9",
75
- "300": "#ff80ab",
76
- "400": "#fb4885",
77
- "500": "#e4175c",
78
- "600": "#c00543",
79
- "700": "#980233",
80
- "800": "#700025",
81
- "900": "#440016",
82
- "950": "#2c000e"
83
- },
84
- "orange": {
85
- "50": "#fff2de",
86
- "100": "#ffe1b3",
87
- "200": "#f9bb5b",
88
- "300": "#f39200",
89
- "400": "#cc7a00",
90
- "500": "#a86602",
91
- "600": "#8b5301",
92
- "700": "#6a4102",
93
- "800": "#4c2f03",
94
- "900": "#2b1b03",
95
- "950": "#1a0f00"
96
- },
97
- "blue": {
98
- "50": "#e8f6ff",
99
- "100": "#caeaff",
100
- "200": "#91cdf4",
101
- "300": "#62b2e7",
102
- "400": "#3694d3",
103
- "500": "#0078cb",
104
- "600": "#0063a6",
105
- "700": "#014d80",
106
- "800": "#03385b",
107
- "900": "#002036",
108
- "950": "#011320"
109
- },
110
- "transparent-black": {
111
- "50": "rgba(0, 0, 0, 0.05)",
112
- "100": "rgba(0, 0, 0, 0.1)",
113
- "150": "rgba(0, 0, 0, 0.16)",
114
- "200": "rgba(0, 0, 0, 0.22)",
115
- "300": "rgba(0, 0, 0, 0.33)",
116
- "400": "rgba(0, 0, 0, 0.44)",
117
- "500": "rgba(0, 0, 0, 0.54)",
118
- "600": "rgba(0, 0, 0, 0.62)",
119
- "700": "rgba(0, 0, 0, 0.71)",
120
- "800": "rgba(0, 0, 0, 0.8)",
121
- "850": "rgba(0, 0, 0, 0.84)",
122
- "900": "rgba(0, 0, 0, 0.88)",
123
- "950": "rgba(0, 0, 0, 0.93)"
124
- },
125
- "transparent-white": {
126
- "50": "rgba(255, 255, 255, 0.07)",
127
- "100": "rgba(255, 255, 255, 0.11)",
128
- "150": "rgba(255, 255, 255, 0.16)",
129
- "200": "rgba(255, 255, 255, 0.21)",
130
- "300": "rgba(255, 255, 255, 0.29)",
131
- "400": "rgba(255, 255, 255, 0.37)",
132
- "500": "rgba(255, 255, 255, 0.46)",
133
- "600": "rgba(255, 255, 255, 0.55)",
134
- "700": "rgba(255, 255, 255, 0.66)",
135
- "800": "rgba(255, 255, 255, 0.79)",
136
- "850": "rgba(255, 255, 255, 0.84)",
137
- "900": "rgba(255, 255, 255, 0.89)",
138
- "950": "rgba(255, 255, 255, 0.95)"
139
- },
140
- "functional": {
141
- "black": "#000000",
142
- "white": "#ffffff",
143
- "transparent": "rgba(255, 255, 255, 0)"
144
- },
145
- "brand": {
146
- "deep-purple": "#f4e0ff",
147
- "core-purple": "#c461f7",
148
- "light-purple": "#29003e",
149
- "deep-beige": "#ede1d8",
150
- "beige": "#4f4741",
151
- "light-beige": "#3b332d",
152
- "off-black": "#ffffff",
153
- "white": "#202022"
154
- },
155
- "text": {
156
- "default": "rgba(255, 255, 255, 0.95)",
157
- "medium": "rgba(255, 255, 255, 0.66)",
158
- "weak": "rgba(255, 255, 255, 0.37)",
159
- "default-negative": "rgba(0, 0, 0, 0.8)",
160
- "medium-negative": "rgba(0, 0, 0, 0.54)",
161
- "weak-negative": "rgba(0, 0, 0, 0.44)",
162
- "interactive": {
163
- "primary": "#f4e0ff",
164
- "primary-hover": "#faf0ff",
165
- "primary-active": "#ffffff",
166
- "on-primary": "#4e0174",
167
- "on-primary-negative": "#ffffff",
168
- "primary-negative": "#6d02a3",
169
- "primary-hover-negative": "#4e0174",
170
- "primary-active-negative": "#29003e",
171
- "on-expressive": "#ffffff",
172
- "on-expressive-negative": "#ffffff",
173
- "on-expressive-hover": "#29003e",
174
- "on-expressive-hover-negative": "#ffffff",
175
- "on-expressive-active": "#29003e",
176
- "on-expressive-active-negative": "#ffffff",
177
- "on-destructive": "#ffffff",
178
- "selected": "#d58df9",
179
- "selected-negative": "#990ae3"
180
- },
181
- "status": {
182
- "discount": "#d58df9",
183
- "error-strong": "#ffafc9",
184
- "error-strong-negative": "#980233",
185
- "error-medium": "#fb4885",
186
- "error-medium-negative": "#e4175c",
187
- "success-strong": "#79d9a7",
188
- "success-strong-negative": "#02562b",
189
- "success-medium": "#1fa15e",
190
- "warning-strong": "#f9bb5b",
191
- "warning-medium": "#f39200",
192
- "warning-medium-negative": "#a86602",
193
- "info-strong": "#91cdf4",
194
- "info-medium": "#3694d3",
195
- "neutral": "#ffffff",
196
- "special": "#ffffff",
197
- "attention": "#4e0174",
198
- "black-friday": "#202022"
199
- },
200
- "tone-on-tone": {
201
- "primary": "#29003e",
202
- "secondary": "#f4e0ff",
203
- "tertiary": "#ffffff"
204
- }
205
- },
206
- "background": {
207
- "primary": "#121212",
208
- "primary-negative": "#ffffff",
209
- "secondary": "#202022",
210
- "secondary-negative": "#f5f5fa",
211
- "on-image": "rgba(0, 0, 0, 0.71)",
212
- "on-image-negative": "rgba(255, 255, 255, 0.84)",
213
- "interactive": {
214
- "auto-fill": "#03385b",
215
- "primary": "#f4e0ff",
216
- "primary-hover": "#e4b6fb",
217
- "primary-active": "#d58df9",
218
- "primary-negative": "#4e0174",
219
- "primary-hover-negative": "#6d02a3",
220
- "primary-active-negative": "#8c07d0",
221
- "expressive": "#990ae3",
222
- "expressive-hover": "#c461f7",
223
- "expressive-active": "#d58df9",
224
- "expressive-negative": "#990ae3",
225
- "expressive-hover-negative": "#6d02a3",
226
- "expressive-active-negative": "#4e0174",
227
- "disabled": "rgba(255, 255, 255, 0.11)",
228
- "disabled-negative": "rgba(0, 0, 0, 0.1)",
229
- "transparent-hover": "#4e0174",
230
- "transparent-hover-negative": "#e4b6fb",
231
- "transparent-active": "#6d02a3",
232
- "transparent-active-negative": "#d58df9",
233
- "inactive": "rgba(255, 255, 255, 0.16)",
234
- "inactive-negative": "rgba(0, 0, 0, 0.05)",
235
- "read-only": "rgba(255, 255, 255, 0.07)",
236
- "read-only-negative": "rgba(0, 0, 0, 0.05)",
237
- "destructive": "#e4175c",
238
- "destructive-hover": "#c00543",
239
- "destructive-active": "#980233"
240
- },
241
- "status": {
242
- "info-medium": "#03385b",
243
- "info-strong": "#62b2e7",
244
- "success-medium": "#003e1e",
245
- "success-strong": "#3dbf7c",
246
- "success-strong-negative": "#1fa15e",
247
- "error-medium": "#700025",
248
- "error-strong": "#ff80ab",
249
- "error-strong-negative": "#fb4885",
250
- "warning-medium": "#4c2f03",
251
- "warning-strong": "#f39200",
252
- "warning-strong-negative": "#f39200",
253
- "neutral": "#353537",
254
- "special": "#6d02a3",
255
- "attention": "#f4e0ff",
256
- "black-friday": "#ffffff"
257
- },
258
- "tone-on-tone": {
259
- "primary": "#f4e0ff",
260
- "secondary": "#29003e",
261
- "tertiary": "#4f4741",
262
- "quaternary": "#2d2824"
263
- }
264
- },
265
- "border": {
266
- "medium": "rgba(255, 255, 255, 0.29)",
267
- "medium-negative": "rgba(0, 0, 0, 0.33)",
268
- "strong": "rgba(255, 255, 255, 0.46)",
269
- "strong-negative": "rgba(0, 0, 0, 0.54)",
270
- "weak": "rgba(255, 255, 255, 0.16)",
271
- "weak-negative": "rgba(0, 0, 0, 0.16)",
272
- "interactive": {
273
- "focus": "#c461f7",
274
- "primary": "#f4e0ff",
275
- "primary-negative": "#6d02a3",
276
- "primary-hover": "#faf0ff",
277
- "primary-active": "#ffffff",
278
- "primary-hover-negative": "#4e0174",
279
- "primary-active-negative": "#29003e",
280
- "expressive": "#990ae3",
281
- "selected": "#d58df9",
282
- "subtle": "rgba(255, 255, 255, 0.37)",
283
- "subtle-negative": "rgba(0, 0, 0, 0.44)",
284
- "subtle-hover": "#e4b6fb",
285
- "subtle-hover-negative": "#6d02a3"
286
- },
287
- "status": {
288
- "error": "#fb4885",
289
- "error-negative": "#e4175c",
290
- "warning": "#f39200",
291
- "info": "#3694d3",
292
- "success": "#1fa15e",
293
- "success-negative": "#018842"
294
- }
295
- },
296
- "overlay": {
297
- "default": "rgba(0, 0, 0, 0.71)"
298
- },
299
- "gradient-ai": {
300
- "bottom": "#62b2e7",
301
- "bottom-negative": "#3694d3",
302
- "top": "#d58df9",
303
- "top-negative": "#b12df4"
304
- }
305
- }
306
- }
@@ -1,252 +0,0 @@
1
- $purpur-color-purple-50: #faf0ff;
2
- $purpur-color-purple-100: #f4e0ff;
3
- $purpur-color-purple-200: #e4b6fb;
4
- $purpur-color-purple-300: #d58df9;
5
- $purpur-color-purple-400: #c461f7;
6
- $purpur-color-purple-500: #b12df4;
7
- $purpur-color-purple-550: #990ae3;
8
- $purpur-color-purple-600: #8c07d0;
9
- $purpur-color-purple-700: #6d02a3;
10
- $purpur-color-purple-800: #4e0174;
11
- $purpur-color-purple-900: #29003e;
12
- $purpur-color-purple-950: #1f002e;
13
- $purpur-color-beige-50: #f9f1ec;
14
- $purpur-color-beige-100: #ede1d8;
15
- $purpur-color-beige-200: #d7c3b5;
16
- $purpur-color-beige-300: #bba494;
17
- $purpur-color-beige-400: #a08877;
18
- $purpur-color-beige-500: #807268;
19
- $purpur-color-beige-600: #665e58;
20
- $purpur-color-beige-700: #4f4741;
21
- $purpur-color-beige-800: #3b332d;
22
- $purpur-color-beige-900: #2d2824;
23
- $purpur-color-beige-950: #170f09;
24
- $purpur-color-teal-50: #edf5f5;
25
- $purpur-color-teal-100: #d5eae9;
26
- $purpur-color-teal-200: #a1cfcd;
27
- $purpur-color-teal-300: #6eb5b2;
28
- $purpur-color-teal-400: #3a9b96;
29
- $purpur-color-teal-500: #00847e;
30
- $purpur-color-teal-600: #006c67;
31
- $purpur-color-teal-700: #02534f;
32
- $purpur-color-teal-800: #063c39;
33
- $purpur-color-teal-900: #032220;
34
- $purpur-color-teal-950: #011413;
35
- $purpur-color-gray-50: #f5f5fa;
36
- $purpur-color-gray-100: #e5e5eb;
37
- $purpur-color-gray-150: #d6d6dd;
38
- $purpur-color-gray-200: #c6c6cd;
39
- $purpur-color-gray-300: #aaaab0;
40
- $purpur-color-gray-400: #8d8d94;
41
- $purpur-color-gray-500: #757579;
42
- $purpur-color-gray-600: #5f5f63;
43
- $purpur-color-gray-700: #4a4a4d;
44
- $purpur-color-gray-800: #353537;
45
- $purpur-color-gray-850: #2a2a2c;
46
- $purpur-color-gray-900: #202022;
47
- $purpur-color-gray-950: #121212;
48
- $purpur-color-green-50: #e1f9ec;
49
- $purpur-color-green-100: #c5efd9;
50
- $purpur-color-green-200: #79d9a7;
51
- $purpur-color-green-300: #3dbf7c;
52
- $purpur-color-green-400: #1fa15e;
53
- $purpur-color-green-500: #018842;
54
- $purpur-color-green-600: #017037;
55
- $purpur-color-green-700: #02562b;
56
- $purpur-color-green-800: #003e1e;
57
- $purpur-color-green-900: #002411;
58
- $purpur-color-green-950: #00150a;
59
- $purpur-color-red-50: #fff0f5;
60
- $purpur-color-red-100: #ffdde8;
61
- $purpur-color-red-200: #ffafc9;
62
- $purpur-color-red-300: #ff80ab;
63
- $purpur-color-red-400: #fb4885;
64
- $purpur-color-red-500: #e4175c;
65
- $purpur-color-red-600: #c00543;
66
- $purpur-color-red-700: #980233;
67
- $purpur-color-red-800: #700025;
68
- $purpur-color-red-900: #440016;
69
- $purpur-color-red-950: #2c000e;
70
- $purpur-color-orange-50: #fff2de;
71
- $purpur-color-orange-100: #ffe1b3;
72
- $purpur-color-orange-200: #f9bb5b;
73
- $purpur-color-orange-300: #f39200;
74
- $purpur-color-orange-400: #cc7a00;
75
- $purpur-color-orange-500: #a86602;
76
- $purpur-color-orange-600: #8b5301;
77
- $purpur-color-orange-700: #6a4102;
78
- $purpur-color-orange-800: #4c2f03;
79
- $purpur-color-orange-900: #2b1b03;
80
- $purpur-color-orange-950: #1a0f00;
81
- $purpur-color-blue-50: #e8f6ff;
82
- $purpur-color-blue-100: #caeaff;
83
- $purpur-color-blue-200: #91cdf4;
84
- $purpur-color-blue-300: #62b2e7;
85
- $purpur-color-blue-400: #3694d3;
86
- $purpur-color-blue-500: #0078cb;
87
- $purpur-color-blue-600: #0063a6;
88
- $purpur-color-blue-700: #014d80;
89
- $purpur-color-blue-800: #03385b;
90
- $purpur-color-blue-900: #002036;
91
- $purpur-color-blue-950: #011320;
92
- $purpur-color-transparent-black-50: rgba(0, 0, 0, 0.05);
93
- $purpur-color-transparent-black-100: rgba(0, 0, 0, 0.1);
94
- $purpur-color-transparent-black-150: rgba(0, 0, 0, 0.16);
95
- $purpur-color-transparent-black-200: rgba(0, 0, 0, 0.22);
96
- $purpur-color-transparent-black-300: rgba(0, 0, 0, 0.33);
97
- $purpur-color-transparent-black-400: rgba(0, 0, 0, 0.44);
98
- $purpur-color-transparent-black-500: rgba(0, 0, 0, 0.54);
99
- $purpur-color-transparent-black-600: rgba(0, 0, 0, 0.62);
100
- $purpur-color-transparent-black-700: rgba(0, 0, 0, 0.71);
101
- $purpur-color-transparent-black-800: rgba(0, 0, 0, 0.8);
102
- $purpur-color-transparent-black-850: rgba(0, 0, 0, 0.84);
103
- $purpur-color-transparent-black-900: rgba(0, 0, 0, 0.88);
104
- $purpur-color-transparent-black-950: rgba(0, 0, 0, 0.93);
105
- $purpur-color-transparent-white-50: rgba(255, 255, 255, 0.07);
106
- $purpur-color-transparent-white-100: rgba(255, 255, 255, 0.11);
107
- $purpur-color-transparent-white-150: rgba(255, 255, 255, 0.16);
108
- $purpur-color-transparent-white-200: rgba(255, 255, 255, 0.21);
109
- $purpur-color-transparent-white-300: rgba(255, 255, 255, 0.29);
110
- $purpur-color-transparent-white-400: rgba(255, 255, 255, 0.37);
111
- $purpur-color-transparent-white-500: rgba(255, 255, 255, 0.46);
112
- $purpur-color-transparent-white-600: rgba(255, 255, 255, 0.55);
113
- $purpur-color-transparent-white-700: rgba(255, 255, 255, 0.66);
114
- $purpur-color-transparent-white-800: rgba(255, 255, 255, 0.79);
115
- $purpur-color-transparent-white-850: rgba(255, 255, 255, 0.84);
116
- $purpur-color-transparent-white-900: rgba(255, 255, 255, 0.89);
117
- $purpur-color-transparent-white-950: rgba(255, 255, 255, 0.95);
118
- $purpur-color-functional-black: #000000;
119
- $purpur-color-functional-white: #ffffff;
120
- $purpur-color-functional-transparent: rgba(255, 255, 255, 0);
121
- $purpur-color-brand-deep-purple: $purpur-color-purple-100;
122
- $purpur-color-brand-core-purple: $purpur-color-purple-400;
123
- $purpur-color-brand-light-purple: $purpur-color-purple-900;
124
- $purpur-color-brand-deep-beige: $purpur-color-beige-100;
125
- $purpur-color-brand-beige: $purpur-color-beige-700;
126
- $purpur-color-brand-light-beige: $purpur-color-beige-800;
127
- $purpur-color-brand-off-black: $purpur-color-functional-white;
128
- $purpur-color-brand-white: $purpur-color-gray-900;
129
- $purpur-color-text-default: $purpur-color-transparent-white-950;
130
- $purpur-color-text-medium: $purpur-color-transparent-white-700;
131
- $purpur-color-text-weak: $purpur-color-transparent-white-400;
132
- $purpur-color-text-default-negative: $purpur-color-transparent-black-800;
133
- $purpur-color-text-medium-negative: $purpur-color-transparent-black-500;
134
- $purpur-color-text-weak-negative: $purpur-color-transparent-black-400;
135
- $purpur-color-text-interactive-primary: $purpur-color-purple-100;
136
- $purpur-color-text-interactive-primary-hover: $purpur-color-purple-50;
137
- $purpur-color-text-interactive-primary-active: $purpur-color-functional-white;
138
- $purpur-color-text-interactive-on-primary: $purpur-color-purple-800;
139
- $purpur-color-text-interactive-on-primary-negative: $purpur-color-functional-white;
140
- $purpur-color-text-interactive-primary-negative: $purpur-color-purple-700;
141
- $purpur-color-text-interactive-primary-hover-negative: $purpur-color-purple-800;
142
- $purpur-color-text-interactive-primary-active-negative: $purpur-color-purple-900;
143
- $purpur-color-text-interactive-on-expressive: $purpur-color-functional-white;
144
- $purpur-color-text-interactive-on-expressive-negative: $purpur-color-functional-white;
145
- $purpur-color-text-interactive-on-expressive-hover: $purpur-color-purple-900;
146
- $purpur-color-text-interactive-on-expressive-hover-negative: $purpur-color-functional-white;
147
- $purpur-color-text-interactive-on-expressive-active: $purpur-color-purple-900;
148
- $purpur-color-text-interactive-on-expressive-active-negative: $purpur-color-functional-white;
149
- $purpur-color-text-interactive-on-destructive: $purpur-color-functional-white;
150
- $purpur-color-text-interactive-selected: $purpur-color-purple-300;
151
- $purpur-color-text-interactive-selected-negative: $purpur-color-purple-550;
152
- $purpur-color-text-status-discount: $purpur-color-purple-300;
153
- $purpur-color-text-status-error-strong: $purpur-color-red-200;
154
- $purpur-color-text-status-error-strong-negative: $purpur-color-red-700;
155
- $purpur-color-text-status-error-medium: $purpur-color-red-400;
156
- $purpur-color-text-status-error-medium-negative: $purpur-color-red-500;
157
- $purpur-color-text-status-success-strong: $purpur-color-green-200;
158
- $purpur-color-text-status-success-strong-negative: $purpur-color-green-700;
159
- $purpur-color-text-status-success-medium: $purpur-color-green-400;
160
- $purpur-color-text-status-warning-strong: $purpur-color-orange-200;
161
- $purpur-color-text-status-warning-medium: $purpur-color-orange-300;
162
- $purpur-color-text-status-warning-medium-negative: $purpur-color-orange-500;
163
- $purpur-color-text-status-info-strong: $purpur-color-blue-200;
164
- $purpur-color-text-status-info-medium: $purpur-color-blue-400;
165
- $purpur-color-text-status-neutral: $purpur-color-functional-white;
166
- $purpur-color-text-status-special: $purpur-color-functional-white;
167
- $purpur-color-text-status-attention: $purpur-color-purple-800;
168
- $purpur-color-text-status-black-friday: $purpur-color-gray-900;
169
- $purpur-color-text-tone-on-tone-primary: $purpur-color-purple-900;
170
- $purpur-color-text-tone-on-tone-secondary: $purpur-color-purple-100;
171
- $purpur-color-text-tone-on-tone-tertiary: $purpur-color-functional-white;
172
- $purpur-color-background-primary: $purpur-color-gray-950;
173
- $purpur-color-background-primary-negative: $purpur-color-functional-white;
174
- $purpur-color-background-secondary: $purpur-color-gray-900;
175
- $purpur-color-background-secondary-negative: $purpur-color-gray-50;
176
- $purpur-color-background-on-image: $purpur-color-transparent-black-700;
177
- $purpur-color-background-on-image-negative: $purpur-color-transparent-white-850;
178
- $purpur-color-background-interactive-auto-fill: $purpur-color-blue-800;
179
- $purpur-color-background-interactive-primary: $purpur-color-purple-100;
180
- $purpur-color-background-interactive-primary-hover: $purpur-color-purple-200;
181
- $purpur-color-background-interactive-primary-active: $purpur-color-purple-300;
182
- $purpur-color-background-interactive-primary-negative: $purpur-color-purple-800;
183
- $purpur-color-background-interactive-primary-hover-negative: $purpur-color-purple-700;
184
- $purpur-color-background-interactive-primary-active-negative: $purpur-color-purple-600;
185
- $purpur-color-background-interactive-expressive: $purpur-color-purple-550;
186
- $purpur-color-background-interactive-expressive-hover: $purpur-color-purple-400;
187
- $purpur-color-background-interactive-expressive-active: $purpur-color-purple-300;
188
- $purpur-color-background-interactive-expressive-negative: $purpur-color-purple-550;
189
- $purpur-color-background-interactive-expressive-hover-negative: $purpur-color-purple-700;
190
- $purpur-color-background-interactive-expressive-active-negative: $purpur-color-purple-800;
191
- $purpur-color-background-interactive-disabled: $purpur-color-transparent-white-100;
192
- $purpur-color-background-interactive-disabled-negative: $purpur-color-transparent-black-100;
193
- $purpur-color-background-interactive-transparent-hover: $purpur-color-purple-800;
194
- $purpur-color-background-interactive-transparent-hover-negative: $purpur-color-purple-200;
195
- $purpur-color-background-interactive-transparent-active: $purpur-color-purple-700;
196
- $purpur-color-background-interactive-transparent-active-negative: $purpur-color-purple-300;
197
- $purpur-color-background-interactive-inactive: $purpur-color-transparent-white-150;
198
- $purpur-color-background-interactive-inactive-negative: $purpur-color-transparent-black-50;
199
- $purpur-color-background-interactive-read-only: $purpur-color-transparent-white-50;
200
- $purpur-color-background-interactive-read-only-negative: $purpur-color-transparent-black-50;
201
- $purpur-color-background-interactive-destructive: $purpur-color-red-500;
202
- $purpur-color-background-interactive-destructive-hover: $purpur-color-red-600;
203
- $purpur-color-background-interactive-destructive-active: $purpur-color-red-700;
204
- $purpur-color-background-status-info-medium: $purpur-color-blue-800;
205
- $purpur-color-background-status-info-strong: $purpur-color-blue-300;
206
- $purpur-color-background-status-success-medium: $purpur-color-green-800;
207
- $purpur-color-background-status-success-strong: $purpur-color-green-300;
208
- $purpur-color-background-status-success-strong-negative: $purpur-color-green-400;
209
- $purpur-color-background-status-error-medium: $purpur-color-red-800;
210
- $purpur-color-background-status-error-strong: $purpur-color-red-300;
211
- $purpur-color-background-status-error-strong-negative: $purpur-color-red-400;
212
- $purpur-color-background-status-warning-medium: $purpur-color-orange-800;
213
- $purpur-color-background-status-warning-strong: $purpur-color-orange-300;
214
- $purpur-color-background-status-warning-strong-negative: $purpur-color-orange-300;
215
- $purpur-color-background-status-neutral: $purpur-color-gray-800;
216
- $purpur-color-background-status-special: $purpur-color-purple-700;
217
- $purpur-color-background-status-attention: $purpur-color-purple-100;
218
- $purpur-color-background-status-black-friday: $purpur-color-functional-white;
219
- $purpur-color-background-tone-on-tone-primary: $purpur-color-purple-100;
220
- $purpur-color-background-tone-on-tone-secondary: $purpur-color-purple-900;
221
- $purpur-color-background-tone-on-tone-tertiary: $purpur-color-beige-700;
222
- $purpur-color-background-tone-on-tone-quaternary: $purpur-color-beige-900;
223
- $purpur-color-border-medium: $purpur-color-transparent-white-300;
224
- $purpur-color-border-medium-negative: $purpur-color-transparent-black-300;
225
- $purpur-color-border-strong: $purpur-color-transparent-white-500;
226
- $purpur-color-border-strong-negative: $purpur-color-transparent-black-500;
227
- $purpur-color-border-weak: $purpur-color-transparent-white-150;
228
- $purpur-color-border-weak-negative: $purpur-color-transparent-black-150;
229
- $purpur-color-border-interactive-focus: $purpur-color-purple-400;
230
- $purpur-color-border-interactive-primary: $purpur-color-purple-100;
231
- $purpur-color-border-interactive-primary-negative: $purpur-color-purple-700;
232
- $purpur-color-border-interactive-primary-hover: $purpur-color-purple-50;
233
- $purpur-color-border-interactive-primary-active: $purpur-color-functional-white;
234
- $purpur-color-border-interactive-primary-hover-negative: $purpur-color-purple-800;
235
- $purpur-color-border-interactive-primary-active-negative: $purpur-color-purple-900;
236
- $purpur-color-border-interactive-expressive: $purpur-color-purple-550;
237
- $purpur-color-border-interactive-selected: $purpur-color-purple-300;
238
- $purpur-color-border-interactive-subtle: $purpur-color-transparent-white-400;
239
- $purpur-color-border-interactive-subtle-negative: $purpur-color-transparent-black-400;
240
- $purpur-color-border-interactive-subtle-hover: $purpur-color-purple-200;
241
- $purpur-color-border-interactive-subtle-hover-negative: $purpur-color-purple-700;
242
- $purpur-color-border-status-error: $purpur-color-red-400;
243
- $purpur-color-border-status-error-negative: $purpur-color-red-500;
244
- $purpur-color-border-status-warning: $purpur-color-orange-300;
245
- $purpur-color-border-status-info: $purpur-color-blue-400;
246
- $purpur-color-border-status-success: $purpur-color-green-400;
247
- $purpur-color-border-status-success-negative: $purpur-color-green-500;
248
- $purpur-color-overlay-default: $purpur-color-transparent-black-700;
249
- $purpur-color-gradient-ai-bottom: $purpur-color-blue-300;
250
- $purpur-color-gradient-ai-bottom-negative: $purpur-color-blue-400;
251
- $purpur-color-gradient-ai-top: $purpur-color-purple-300;
252
- $purpur-color-gradient-ai-top-negative: $purpur-color-purple-500;