bromcom-ui-next 0.1.3 → 0.1.5

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 (272) hide show
  1. package/dist/bromcom-ui/bromcom-ui.css +1 -1
  2. package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
  3. package/dist/bromcom-ui/bromcom-ui.esm.js.map +1 -1
  4. package/dist/bromcom-ui/global/global.js +14 -15
  5. package/dist/bromcom-ui/{p-b36f4f44.js → p-12360e4c.js} +1 -1
  6. package/dist/bromcom-ui/p-15fe392b.js +3 -0
  7. package/dist/bromcom-ui/p-15fe392b.js.map +1 -0
  8. package/dist/bromcom-ui/p-2bbd3c52.entry.js +2 -0
  9. package/dist/bromcom-ui/p-2bbd3c52.entry.js.map +1 -0
  10. package/dist/bromcom-ui/p-2f1d87a7.entry.js +2 -0
  11. package/dist/bromcom-ui/p-2f1d87a7.entry.js.map +1 -0
  12. package/dist/bromcom-ui/p-31354aaa.js +2 -0
  13. package/dist/bromcom-ui/p-31354aaa.js.map +1 -0
  14. package/dist/bromcom-ui/p-4f402148.entry.js +2 -0
  15. package/dist/bromcom-ui/{p-6430a887.entry.js.map → p-4f402148.entry.js.map} +1 -1
  16. package/dist/bromcom-ui/p-53f21d16.entry.js +2 -0
  17. package/dist/bromcom-ui/{p-dcc13a55.entry.js.map → p-53f21d16.entry.js.map} +1 -1
  18. package/dist/bromcom-ui/p-5737e7de.entry.js +2 -0
  19. package/dist/bromcom-ui/p-5737e7de.entry.js.map +1 -0
  20. package/dist/bromcom-ui/p-5bee2e76.entry.js +2 -0
  21. package/dist/bromcom-ui/{p-bde58312.entry.js.map → p-5bee2e76.entry.js.map} +1 -1
  22. package/dist/bromcom-ui/p-63cb0933.entry.js +2 -0
  23. package/dist/bromcom-ui/p-63cb0933.entry.js.map +1 -0
  24. package/dist/bromcom-ui/p-6abaf96f.entry.js +2 -0
  25. package/dist/bromcom-ui/p-6abaf96f.entry.js.map +1 -0
  26. package/dist/bromcom-ui/p-729a870f.js +2 -0
  27. package/dist/bromcom-ui/p-729a870f.js.map +1 -0
  28. package/dist/bromcom-ui/p-7a1bf6a6.entry.js +2 -0
  29. package/dist/bromcom-ui/p-7a1bf6a6.entry.js.map +1 -0
  30. package/dist/bromcom-ui/p-e08b23ff.entry.js +2 -0
  31. package/dist/bromcom-ui/p-e08b23ff.entry.js.map +1 -0
  32. package/dist/bromcom-ui/p-f0ece968.entry.js +2 -0
  33. package/dist/bromcom-ui/p-f0ece968.entry.js.map +1 -0
  34. package/dist/bromcom-ui/{p-3805363a.entry.js → p-f9eeafa7.entry.js} +2 -2
  35. package/dist/bromcom-ui/{p-3805363a.entry.js.map → p-f9eeafa7.entry.js.map} +1 -1
  36. package/dist/bromcom-ui/styles/theme-variables.ts +369 -0
  37. package/dist/bromcom-ui/styles/themes/index.css +1 -0
  38. package/dist/bromcom-ui/styles/themes/library/default.css +73 -0
  39. package/dist/bromcom-ui/styles/variables/box-shadow.css +15 -0
  40. package/dist/bromcom-ui/styles/variables/colors-dark.css +314 -0
  41. package/dist/bromcom-ui/styles/variables/colors-light.css +325 -0
  42. package/dist/bromcom-ui/styles/variables/font-size-rem.css +33 -0
  43. package/dist/bromcom-ui/styles/variables/font-size.css +33 -0
  44. package/dist/bromcom-ui/styles/variables/index.css +6 -0
  45. package/dist/cjs/app-globals-29edfda4.js +39 -0
  46. package/dist/cjs/app-globals-29edfda4.js.map +1 -0
  47. package/dist/cjs/bcm-accordion-group.cjs.entry.js +3 -3
  48. package/dist/cjs/bcm-accordion-group.cjs.entry.js.map +1 -1
  49. package/dist/cjs/bcm-accordion.cjs.entry.js +7 -7
  50. package/dist/cjs/bcm-accordion.cjs.entry.js.map +1 -1
  51. package/dist/cjs/bcm-alert.cjs.entry.js +2 -2
  52. package/dist/cjs/bcm-alert.cjs.entry.js.map +1 -1
  53. package/dist/cjs/bcm-avatar_4.cjs.entry.js +577 -0
  54. package/dist/cjs/bcm-avatar_4.cjs.entry.js.map +1 -0
  55. package/dist/cjs/bcm-chip.cjs.entry.js +4 -4
  56. package/dist/cjs/bcm-chip.cjs.entry.js.map +1 -1
  57. package/dist/cjs/bcm-divider.cjs.entry.js +81 -0
  58. package/dist/cjs/bcm-divider.cjs.entry.js.map +1 -0
  59. package/dist/cjs/bcm-dropdown-item.cjs.entry.js +63 -0
  60. package/dist/cjs/bcm-dropdown-item.cjs.entry.js.map +1 -0
  61. package/dist/cjs/bcm-dropdown.cjs.entry.js +56 -0
  62. package/dist/cjs/bcm-dropdown.cjs.entry.js.map +1 -0
  63. package/dist/cjs/bcm-input.cjs.entry.js +313 -0
  64. package/dist/cjs/bcm-input.cjs.entry.js.map +1 -0
  65. package/dist/cjs/bcm-linked.cjs.entry.js +1981 -0
  66. package/dist/cjs/bcm-linked.cjs.entry.js.map +1 -0
  67. package/dist/cjs/bcm-text.cjs.entry.js +4 -4
  68. package/dist/cjs/bcm-text.cjs.entry.js.map +1 -1
  69. package/dist/cjs/bcm-textarea.cjs.entry.js +316 -0
  70. package/dist/cjs/bcm-textarea.cjs.entry.js.map +1 -0
  71. package/dist/cjs/bromcom-ui.cjs.js +3 -3
  72. package/dist/cjs/{index-c36002ae.js → index-4795c073.js} +13 -4
  73. package/dist/cjs/index-4795c073.js.map +1 -0
  74. package/dist/{components/p-b36f4f44.js → cjs/index-5a88e57b.js} +5 -3
  75. package/dist/cjs/{index-a4eea4bb.js.map → index-5a88e57b.js.map} +1 -1
  76. package/dist/cjs/loader.cjs.js +3 -3
  77. package/dist/cjs/validation-messages-c36e5c31.js +134 -0
  78. package/dist/cjs/validation-messages-c36e5c31.js.map +1 -0
  79. package/dist/collection/collection-manifest.json +8 -1
  80. package/dist/collection/components/accordion/accordion.component.js +5 -5
  81. package/dist/collection/components/accordion/accordion.component.js.map +1 -1
  82. package/dist/collection/components/accordion/accordion.css +1 -1
  83. package/dist/collection/components/accordion-group/accordion-group.component.js +1 -1
  84. package/dist/collection/components/accordion-group/accordion-group.component.js.map +1 -1
  85. package/dist/collection/components/accordion-group/accordion-group.css +1 -1
  86. package/dist/collection/components/alert/alert.css +1 -1
  87. package/dist/collection/components/avatar/avatar.component.js.map +1 -1
  88. package/dist/collection/components/avatar/avatar.css +1 -1
  89. package/dist/collection/components/badge/badge.component.js +373 -0
  90. package/dist/collection/components/badge/badge.component.js.map +1 -0
  91. package/dist/collection/components/badge/badge.css +1 -0
  92. package/dist/collection/components/basic-badge/basic-badge.component.js +236 -0
  93. package/dist/collection/components/basic-badge/basic-badge.component.js.map +1 -0
  94. package/dist/collection/components/basic-badge/basic-badge.css +1 -0
  95. package/dist/collection/components/button/button.component.js +2 -2
  96. package/dist/collection/components/button/button.css +1 -1
  97. package/dist/collection/components/chip/chip.component.js +2 -2
  98. package/dist/collection/components/chip/chip.component.js.map +1 -1
  99. package/dist/collection/components/chip/chip.css +1 -1
  100. package/dist/collection/components/divider/divider.component.js +190 -0
  101. package/dist/collection/components/divider/divider.component.js.map +1 -0
  102. package/dist/collection/components/divider/divider.css +1 -0
  103. package/dist/collection/components/dropdown/dropdown.component.js +110 -0
  104. package/dist/collection/components/dropdown/dropdown.component.js.map +1 -0
  105. package/dist/collection/components/dropdown/dropdown.css +1 -0
  106. package/dist/collection/components/dropdown-item/dropdown-item.component.js +198 -0
  107. package/dist/collection/components/dropdown-item/dropdown-item.component.js.map +1 -0
  108. package/dist/collection/components/dropdown-item/dropdown-item.css +1 -0
  109. package/dist/collection/components/input/input.component.js +209 -24
  110. package/dist/collection/components/input/input.component.js.map +1 -1
  111. package/dist/collection/components/input/input.css +1 -1
  112. package/dist/collection/components/input/types.js +10 -1
  113. package/dist/collection/components/input/types.js.map +1 -1
  114. package/dist/collection/components/linked/linked.component.js +140 -0
  115. package/dist/collection/components/linked/linked.component.js.map +1 -0
  116. package/dist/collection/components/linked/linked.css +1 -0
  117. package/dist/collection/components/text/text.component.js +1 -1
  118. package/dist/collection/components/text/text.css +1 -1
  119. package/dist/collection/components/textarea/textarea.component.js +1013 -0
  120. package/dist/collection/components/textarea/textarea.component.js.map +1 -0
  121. package/dist/collection/components/textarea/textarea.css +2 -0
  122. package/dist/collection/components/textarea/types.js +2 -0
  123. package/dist/collection/components/textarea/types.js.map +1 -0
  124. package/dist/collection/global/global.js +14 -15
  125. package/dist/collection/styles/theme-variables.js +15 -0
  126. package/dist/collection/styles/theme-variables.js.map +1 -1
  127. package/dist/collection/styles/theme-variables.ts +369 -0
  128. package/dist/collection/styles/themes/index.css +1 -0
  129. package/dist/collection/styles/themes/library/default.css +73 -0
  130. package/dist/collection/styles/variables/box-shadow.css +15 -0
  131. package/dist/collection/styles/variables/colors-dark.css +314 -0
  132. package/dist/collection/styles/variables/colors-light.css +325 -0
  133. package/dist/collection/styles/variables/font-size-rem.css +33 -0
  134. package/dist/collection/styles/variables/font-size.css +33 -0
  135. package/dist/collection/styles/variables/index.css +6 -0
  136. package/dist/collection/utils/i18n.js +29 -0
  137. package/dist/collection/utils/i18n.js.map +1 -0
  138. package/dist/collection/utils/slot/check-slot-content.js +15 -0
  139. package/dist/collection/utils/slot/check-slot-content.js.map +1 -0
  140. package/dist/collection/utils/validation-messages.js +17 -0
  141. package/dist/collection/utils/validation-messages.js.map +1 -0
  142. package/dist/components/bcm-accordion-group.js +3 -3
  143. package/dist/components/bcm-accordion-group.js.map +1 -1
  144. package/dist/components/bcm-accordion.js +7 -7
  145. package/dist/components/bcm-accordion.js.map +1 -1
  146. package/dist/components/bcm-alert.js +2 -2
  147. package/dist/components/bcm-alert.js.map +1 -1
  148. package/dist/components/bcm-avatar.js +13 -7
  149. package/dist/components/bcm-avatar.js.map +1 -1
  150. package/dist/components/bcm-badge.d.ts +11 -0
  151. package/dist/components/bcm-badge.js +8 -0
  152. package/dist/components/bcm-badge.js.map +1 -0
  153. package/dist/components/bcm-basic-badge.d.ts +11 -0
  154. package/dist/components/bcm-basic-badge.js +113 -0
  155. package/dist/components/bcm-basic-badge.js.map +1 -0
  156. package/dist/components/bcm-button.js +1 -327
  157. package/dist/components/bcm-button.js.map +1 -1
  158. package/dist/components/bcm-chip.js +4 -4
  159. package/dist/components/bcm-chip.js.map +1 -1
  160. package/dist/components/bcm-divider.d.ts +11 -0
  161. package/dist/components/bcm-divider.js +100 -0
  162. package/dist/components/bcm-divider.js.map +1 -0
  163. package/dist/components/bcm-dropdown-item.d.ts +11 -0
  164. package/dist/components/bcm-dropdown-item.js +85 -0
  165. package/dist/components/bcm-dropdown-item.js.map +1 -0
  166. package/dist/components/bcm-dropdown.d.ts +11 -0
  167. package/dist/components/bcm-dropdown.js +87 -0
  168. package/dist/components/bcm-dropdown.js.map +1 -0
  169. package/dist/components/bcm-input.js +168 -105
  170. package/dist/components/bcm-input.js.map +1 -1
  171. package/dist/components/bcm-linked.d.ts +11 -0
  172. package/dist/components/bcm-linked.js +8 -0
  173. package/dist/components/bcm-linked.js.map +1 -0
  174. package/dist/components/bcm-text.js +4 -4
  175. package/dist/components/bcm-text.js.map +1 -1
  176. package/dist/components/bcm-textarea.d.ts +11 -0
  177. package/dist/components/bcm-textarea.js +369 -0
  178. package/dist/components/bcm-textarea.js.map +1 -0
  179. package/dist/components/index.js +12 -16
  180. package/dist/components/index.js.map +1 -1
  181. package/dist/components/p-0063a3d9.js +331 -0
  182. package/dist/components/p-0063a3d9.js.map +1 -0
  183. package/dist/{esm/index-f0e9d579.js → components/p-12360e4c.js} +3 -3
  184. package/dist/components/{p-b36f4f44.js.map → p-12360e4c.js.map} +1 -1
  185. package/dist/components/{p-8ded2c73.js → p-13582168.js} +10 -2
  186. package/dist/components/p-13582168.js.map +1 -0
  187. package/dist/components/p-31354aaa.js +129 -0
  188. package/dist/components/p-31354aaa.js.map +1 -0
  189. package/dist/components/p-613ee92d.js +1997 -0
  190. package/dist/components/p-613ee92d.js.map +1 -0
  191. package/dist/components/p-e918f815.js +145 -0
  192. package/dist/components/p-e918f815.js.map +1 -0
  193. package/dist/esm/app-globals-bfa07b76.js +37 -0
  194. package/dist/esm/app-globals-bfa07b76.js.map +1 -0
  195. package/dist/esm/bcm-accordion-group.entry.js +3 -3
  196. package/dist/esm/bcm-accordion-group.entry.js.map +1 -1
  197. package/dist/esm/bcm-accordion.entry.js +7 -7
  198. package/dist/esm/bcm-accordion.entry.js.map +1 -1
  199. package/dist/esm/bcm-alert.entry.js +2 -2
  200. package/dist/esm/bcm-alert.entry.js.map +1 -1
  201. package/dist/esm/bcm-avatar_4.entry.js +570 -0
  202. package/dist/esm/bcm-avatar_4.entry.js.map +1 -0
  203. package/dist/esm/bcm-chip.entry.js +4 -4
  204. package/dist/esm/bcm-chip.entry.js.map +1 -1
  205. package/dist/esm/bcm-divider.entry.js +77 -0
  206. package/dist/esm/bcm-divider.entry.js.map +1 -0
  207. package/dist/esm/bcm-dropdown-item.entry.js +59 -0
  208. package/dist/esm/bcm-dropdown-item.entry.js.map +1 -0
  209. package/dist/esm/bcm-dropdown.entry.js +52 -0
  210. package/dist/esm/bcm-dropdown.entry.js.map +1 -0
  211. package/dist/esm/bcm-input.entry.js +309 -0
  212. package/dist/esm/bcm-input.entry.js.map +1 -0
  213. package/dist/esm/bcm-linked.entry.js +1977 -0
  214. package/dist/esm/bcm-linked.entry.js.map +1 -0
  215. package/dist/esm/bcm-text.entry.js +4 -4
  216. package/dist/esm/bcm-text.entry.js.map +1 -1
  217. package/dist/esm/bcm-textarea.entry.js +312 -0
  218. package/dist/esm/bcm-textarea.entry.js.map +1 -0
  219. package/dist/esm/bromcom-ui.js +4 -4
  220. package/dist/{cjs/index-a4eea4bb.js → esm/index-097075ad.js} +3 -5
  221. package/dist/esm/{index-f0e9d579.js.map → index-097075ad.js.map} +1 -1
  222. package/dist/esm/{index-e23ee9b0.js → index-27cc1bac.js} +13 -4
  223. package/dist/esm/index-27cc1bac.js.map +1 -0
  224. package/dist/esm/loader.js +4 -4
  225. package/dist/esm/validation-messages-a29d53be.js +129 -0
  226. package/dist/esm/validation-messages-a29d53be.js.map +1 -0
  227. package/dist/tailwind.config.js +32 -0
  228. package/dist/types/components/badge/badge.component.d.ts +87 -0
  229. package/dist/types/components/basic-badge/basic-badge.component.d.ts +54 -0
  230. package/dist/types/components/divider/divider.component.d.ts +40 -0
  231. package/dist/types/components/dropdown/dropdown.component.d.ts +14 -0
  232. package/dist/types/components/dropdown-item/dropdown-item.component.d.ts +14 -0
  233. package/dist/types/components/input/input.component.d.ts +19 -0
  234. package/dist/types/components/input/types.d.ts +10 -0
  235. package/dist/types/components/linked/linked.component.d.ts +16 -0
  236. package/dist/types/components/textarea/textarea.component.d.ts +85 -0
  237. package/dist/types/components/textarea/types.d.ts +7 -0
  238. package/dist/types/components.d.ts +732 -0
  239. package/dist/types/styles/theme-variables.d.ts +15 -0
  240. package/dist/types/utils/i18n.d.ts +8 -0
  241. package/dist/types/utils/slot/check-slot-content.d.ts +7 -0
  242. package/dist/types/utils/validation-messages.d.ts +11 -0
  243. package/package.json +2 -1
  244. package/dist/bromcom-ui/p-047e562f.entry.js +0 -2
  245. package/dist/bromcom-ui/p-047e562f.entry.js.map +0 -1
  246. package/dist/bromcom-ui/p-40643b53.js +0 -2
  247. package/dist/bromcom-ui/p-40643b53.js.map +0 -1
  248. package/dist/bromcom-ui/p-61c030c5.js +0 -3
  249. package/dist/bromcom-ui/p-61c030c5.js.map +0 -1
  250. package/dist/bromcom-ui/p-6430a887.entry.js +0 -2
  251. package/dist/bromcom-ui/p-9e94d920.entry.js +0 -2
  252. package/dist/bromcom-ui/p-9e94d920.entry.js.map +0 -1
  253. package/dist/bromcom-ui/p-bde58312.entry.js +0 -2
  254. package/dist/bromcom-ui/p-dcc13a55.entry.js +0 -2
  255. package/dist/bromcom-ui/p-e7732b0c.entry.js +0 -2
  256. package/dist/bromcom-ui/p-e7732b0c.entry.js.map +0 -1
  257. package/dist/cjs/app-globals-e8faea0d.js +0 -43
  258. package/dist/cjs/app-globals-e8faea0d.js.map +0 -1
  259. package/dist/cjs/bcm-avatar.cjs.entry.js +0 -89
  260. package/dist/cjs/bcm-avatar.cjs.entry.js.map +0 -1
  261. package/dist/cjs/bcm-button_2.cjs.entry.js +0 -549
  262. package/dist/cjs/bcm-button_2.cjs.entry.js.map +0 -1
  263. package/dist/cjs/index-c36002ae.js.map +0 -1
  264. package/dist/components/p-8ded2c73.js.map +0 -1
  265. package/dist/esm/app-globals-f781c325.js +0 -41
  266. package/dist/esm/app-globals-f781c325.js.map +0 -1
  267. package/dist/esm/bcm-avatar.entry.js +0 -85
  268. package/dist/esm/bcm-avatar.entry.js.map +0 -1
  269. package/dist/esm/bcm-button_2.entry.js +0 -544
  270. package/dist/esm/bcm-button_2.entry.js.map +0 -1
  271. package/dist/esm/index-e23ee9b0.js.map +0 -1
  272. /package/dist/bromcom-ui/{p-b36f4f44.js.map → p-12360e4c.js.map} +0 -0
package/dist/collection/styles/variables/colors-dark.css ADDED
@@ -0,0 +1,314 @@
1
+ .bcm-color-schema-dark {
2
+ --bcm-ui-color-text-base: theme('colors.black');
3
+ --bcm-ui-color-text-header: theme('colors.gray.300');
4
+ --bcm-ui-color-text-default: theme('colors.gray.300');
5
+ --bcm-ui-color-text-label: theme('colors.gray.300');
6
+ --bcm-ui-color-text-helper: theme('colors.gray.500');
7
+ --bcm-ui-color-text-placeholder: theme('colors.gray.500');
8
+ --bcm-ui-color-text-caption: theme('colors.gray.400');
9
+ --bcm-ui-color-text-icon-default: theme('colors.gray.400');
10
+ --bcm-ui-color-text-icon-dark: theme('colors.gray.300');
11
+ --bcm-ui-color-text-primary: theme('colors.blue.300');
12
+ --bcm-ui-color-text-info: theme('colors.blue.300');
13
+ --bcm-ui-color-text-success: theme('colors.emerald.300');
14
+ --bcm-ui-color-text-warning: theme('colors.amber.300');
15
+ --bcm-ui-color-text-error: theme('colors.red.300');
16
+ --bcm-ui-color-text-disabled: theme('colors.gray.500');
17
+ --bcm-ui-color-text-visited: theme('colors.purple.400');
18
+
19
+ --bcm-ui-color-border-base: theme('colors.black');
20
+ --bcm-ui-color-border-default: theme('colors.gray.700');
21
+ --bcm-ui-color-border-default-alt: theme('colors.gray.400');
22
+ --bcm-ui-color-border-focus: theme('colors.blue.200');
23
+ --bcm-ui-color-border-disabled: theme('colors.gray.700');
24
+ --bcm-ui-color-border-primary: theme('colors.blue.300');
25
+ --bcm-ui-color-border-info: theme('colors.blue.300');
26
+ --bcm-ui-color-border-success: theme('colors.emerald.300');
27
+ --bcm-ui-color-border-warning: theme('colors.amber.300');
28
+ --bcm-ui-color-border-error: theme('colors.red.300');
29
+
30
+ --bcm-ui-color-background-basic-masterpage: theme('colors.gray.950');
31
+ --bcm-ui-color-background-basic-card: theme('colors.black');
32
+ --bcm-ui-color-background-basic-modal: theme('colors.black');
33
+ --bcm-ui-color-background-basic-panel: theme('colors.black');
34
+ --bcm-ui-color-background-basic-base: theme('colors.black');
35
+
36
+ --bcm-ui-color-background-disabled-default: theme('colors.gray.700');
37
+
38
+ --bcm-ui-color-background-base-default: theme('colors.black');
39
+ --bcm-ui-color-background-base-hover: theme('colors.gray.900');
40
+ --bcm-ui-color-background-base-active: theme('colors.gray.800');
41
+ --bcm-ui-color-background-default-default: theme('colors.gray.900');
42
+ --bcm-ui-color-background-default-hover: theme('colors.gray.800');
43
+ --bcm-ui-color-background-default-active: theme('colors.gray.700');
44
+ --bcm-ui-color-background-default-dark-default: theme('colors.gray.300');
45
+ --bcm-ui-color-background-default-dark-hover: theme('colors.gray.200');
46
+ --bcm-ui-color-background-default-dark-active: theme('colors.gray.100');
47
+ --bcm-ui-color-background-primary-default: theme('colors.blue.300');
48
+ --bcm-ui-color-background-primary-hover: theme('colors.blue.200');
49
+ --bcm-ui-color-background-primary-active: theme('colors.blue.100');
50
+ --bcm-ui-color-background-info-default: theme('colors.blue.300');
51
+ --bcm-ui-color-background-info-hover: theme('colors.blue.200');
52
+ --bcm-ui-color-background-info-active: theme('colors.blue.100');
53
+ --bcm-ui-color-background-success-default: theme('colors.emerald.300');
54
+ --bcm-ui-color-background-success-hover: theme('colors.emerald.200');
55
+ --bcm-ui-color-background-success-active: theme('colors.emerald.100');
56
+ --bcm-ui-color-background-warning-default: theme('colors.amber.300');
57
+ --bcm-ui-color-background-warning-hover: theme('colors.amber.200');
58
+ --bcm-ui-color-background-warning-active: theme('colors.amber.100');
59
+ --bcm-ui-color-background-error-default: theme('colors.red.300');
60
+ --bcm-ui-color-background-error-hover: theme('colors.red.200');
61
+ --bcm-ui-color-background-error-active: theme('colors.red.100');
62
+
63
+ --bcm-ui-color-ring-default: theme('colors.blue.300');
64
+
65
+ --bcm-ui-color-background-transparent-default: theme('colors.black / 40%');
66
+ }
67
+
68
+ /* palette */
69
+ .bcm-color-schema-dark {
70
+ --bcm-ui-color-text-palette-slate: theme('colors.slate.300');
71
+ --bcm-ui-color-text-palette-gray: theme('colors.gray.300');
72
+ --bcm-ui-color-text-palette-zinc: theme('colors.zinc.300');
73
+ --bcm-ui-color-text-palette-neutral: theme('colors.neutral.300');
74
+ --bcm-ui-color-text-palette-stone: theme('colors.stone.300');
75
+ --bcm-ui-color-text-palette-red: theme('colors.red.300');
76
+ --bcm-ui-color-text-palette-orange: theme('colors.orange.300');
77
+ --bcm-ui-color-text-palette-amber: theme('colors.amber.300');
78
+ --bcm-ui-color-text-palette-yellow: theme('colors.yellow.300');
79
+ --bcm-ui-color-text-palette-lime: theme('colors.lime.300');
80
+ --bcm-ui-color-text-palette-green: theme('colors.green.300');
81
+ --bcm-ui-color-text-palette-emerald: theme('colors.emerald.300');
82
+ --bcm-ui-color-text-palette-teal: theme('colors.teal.300');
83
+ --bcm-ui-color-text-palette-cyan: theme('colors.cyan.300');
84
+ --bcm-ui-color-text-palette-sky: theme('colors.sky.300');
85
+ --bcm-ui-color-text-palette-blue: theme('colors.blue.300');
86
+ --bcm-ui-color-text-palette-indigo: theme('colors.indigo.300');
87
+ --bcm-ui-color-text-palette-violet: theme('colors.violet.300');
88
+ --bcm-ui-color-text-palette-purple: theme('colors.purple.300');
89
+ --bcm-ui-color-text-palette-fuchsia: theme('colors.fuchsia.300');
90
+ --bcm-ui-color-text-palette-pink: theme('colors.pink.300');
91
+ --bcm-ui-color-text-palette-rose: theme('colors.rose.300');
92
+
93
+ --bcm-ui-color-border-palette-slate: theme('colors.slate.300');
94
+ --bcm-ui-color-border-palette-gray: theme('colors.gray.300');
95
+ --bcm-ui-color-border-palette-zinc: theme('colors.zinc.300');
96
+ --bcm-ui-color-border-palette-neutral: theme('colors.neutral.300');
97
+ --bcm-ui-color-border-palette-stone: theme('colors.stone.300');
98
+ --bcm-ui-color-border-palette-red: theme('colors.red.300');
99
+ --bcm-ui-color-border-palette-orange: theme('colors.orange.300');
100
+ --bcm-ui-color-border-palette-amber: theme('colors.amber.300');
101
+ --bcm-ui-color-border-palette-yellow: theme('colors.yellow.300');
102
+ --bcm-ui-color-border-palette-lime: theme('colors.lime.300');
103
+ --bcm-ui-color-border-palette-green: theme('colors.green.300');
104
+ --bcm-ui-color-border-palette-emerald: theme('colors.emerald.300');
105
+ --bcm-ui-color-border-palette-teal: theme('colors.teal.300');
106
+ --bcm-ui-color-border-palette-cyan: theme('colors.cyan.300');
107
+ --bcm-ui-color-border-palette-sky: theme('colors.sky.300');
108
+ --bcm-ui-color-border-palette-blue: theme('colors.blue.300');
109
+ --bcm-ui-color-border-palette-indigo: theme('colors.indigo.300');
110
+ --bcm-ui-color-border-palette-violet: theme('colors.violet.300');
111
+ --bcm-ui-color-border-palette-purple: theme('colors.purple.300');
112
+ --bcm-ui-color-border-palette-fuchsia: theme('colors.fuchsia.300');
113
+ --bcm-ui-color-border-palette-pink: theme('colors.pink.300');
114
+ --bcm-ui-color-border-palette-rose: theme('colors.rose.300');
115
+
116
+ --bcm-ui-color-background-vivid-slate-default: theme('colors.slate.300');
117
+ --bcm-ui-color-background-vivid-slate-hover: theme('colors.slate.200');
118
+ --bcm-ui-color-background-vivid-slate-active: theme('colors.slate.100');
119
+
120
+ --bcm-ui-color-background-vivid-gray-default: theme('colors.gray.300');
121
+ --bcm-ui-color-background-vivid-gray-hover: theme('colors.gray.200');
122
+ --bcm-ui-color-background-vivid-gray-active: theme('colors.gray.100');
123
+
124
+ --bcm-ui-color-background-vivid-zinc-default: theme('colors.zinc.300');
125
+ --bcm-ui-color-background-vivid-zinc-hover: theme('colors.zinc.200');
126
+ --bcm-ui-color-background-vivid-zinc-active: theme('colors.zinc.100');
127
+
128
+ --bcm-ui-color-background-vivid-neutral-default: theme('colors.neutral.300');
129
+ --bcm-ui-color-background-vivid-neutral-hover: theme('colors.neutral.200');
130
+ --bcm-ui-color-background-vivid-neutral-active: theme('colors.neutral.100');
131
+
132
+ --bcm-ui-color-background-vivid-stone-default: theme('colors.stone.300');
133
+ --bcm-ui-color-background-vivid-stone-hover: theme('colors.stone.200');
134
+ --bcm-ui-color-background-vivid-stone-active: theme('colors.stone.100');
135
+
136
+ --bcm-ui-color-background-vivid-red-default: theme('colors.red.300');
137
+ --bcm-ui-color-background-vivid-red-hover: theme('colors.red.200');
138
+ --bcm-ui-color-background-vivid-red-active: theme('colors.red.100');
139
+
140
+ --bcm-ui-color-background-vivid-orange-default: theme('colors.orange.300');
141
+ --bcm-ui-color-background-vivid-orange-hover: theme('colors.orange.200');
142
+ --bcm-ui-color-background-vivid-orange-active: theme('colors.orange.100');
143
+
144
+ --bcm-ui-color-background-vivid-amber-default: theme('colors.amber.300');
145
+ --bcm-ui-color-background-vivid-amber-hover: theme('colors.amber.200');
146
+ --bcm-ui-color-background-vivid-amber-active: theme('colors.amber.100');
147
+
148
+ --bcm-ui-color-background-vivid-yellow-default: theme('colors.yellow.300');
149
+ --bcm-ui-color-background-vivid-yellow-hover: theme('colors.yellow.200');
150
+ --bcm-ui-color-background-vivid-yellow-active: theme('colors.yellow.100');
151
+
152
+ --bcm-ui-color-background-vivid-lime-default: theme('colors.lime.300');
153
+ --bcm-ui-color-background-vivid-lime-hover: theme('colors.lime.200');
154
+ --bcm-ui-color-background-vivid-lime-active: theme('colors.lime.100');
155
+
156
+ --bcm-ui-color-background-vivid-green-default: theme('colors.green.300');
157
+ --bcm-ui-color-background-vivid-green-hover: theme('colors.green.200');
158
+ --bcm-ui-color-background-vivid-green-active: theme('colors.green.100');
159
+
160
+ --bcm-ui-color-background-vivid-emerald-default: theme('colors.emerald.300');
161
+ --bcm-ui-color-background-vivid-emerald-hover: theme('colors.emerald.200');
162
+ --bcm-ui-color-background-vivid-emerald-active: theme('colors.emerald.100');
163
+
164
+ --bcm-ui-color-background-vivid-teal-default: theme('colors.teal.300');
165
+ --bcm-ui-color-background-vivid-teal-hover: theme('colors.teal.200');
166
+ --bcm-ui-color-background-vivid-teal-active: theme('colors.teal.100');
167
+
168
+ --bcm-ui-color-background-vivid-cyan-default: theme('colors.cyan.300');
169
+ --bcm-ui-color-background-vivid-cyan-hover: theme('colors.cyan.200');
170
+ --bcm-ui-color-background-vivid-cyan-active: theme('colors.cyan.100');
171
+
172
+ --bcm-ui-color-background-vivid-sky-default: theme('colors.sky.300');
173
+ --bcm-ui-color-background-vivid-sky-hover: theme('colors.sky.200');
174
+ --bcm-ui-color-background-vivid-sky-active: theme('colors.sky.100');
175
+
176
+ --bcm-ui-color-background-vivid-blue-default: theme('colors.blue.300');
177
+ --bcm-ui-color-background-vivid-blue-hover: theme('colors.blue.200');
178
+ --bcm-ui-color-background-vivid-blue-active: theme('colors.blue.100');
179
+
180
+ --bcm-ui-color-background-vivid-indigo-default: theme('colors.indigo.300');
181
+ --bcm-ui-color-background-vivid-indigo-hover: theme('colors.indigo.200');
182
+ --bcm-ui-color-background-vivid-indigo-active: theme('colors.indigo.100');
183
+
184
+ --bcm-ui-color-background-vivid-violet-default: theme('colors.violet.300');
185
+ --bcm-ui-color-background-vivid-violet-hover: theme('colors.violet.200');
186
+ --bcm-ui-color-background-vivid-violet-active: theme('colors.violet.100');
187
+
188
+ --bcm-ui-color-background-vivid-purple-default: theme('colors.purple.300');
189
+ --bcm-ui-color-background-vivid-purple-hover: theme('colors.purple.200');
190
+ --bcm-ui-color-background-vivid-purple-active: theme('colors.purple.100');
191
+
192
+ --bcm-ui-color-background-vivid-fuchsia-default: theme('colors.fuchsia.300');
193
+ --bcm-ui-color-background-vivid-fuchsia-hover: theme('colors.fuchsia.200');
194
+ --bcm-ui-color-background-vivid-fuchsia-active: theme('colors.fuchsia.100');
195
+
196
+ --bcm-ui-color-background-vivid-pink-default: theme('colors.pink.300');
197
+ --bcm-ui-color-background-vivid-pink-hover: theme('colors.pink.200');
198
+ --bcm-ui-color-background-vivid-pink-active: theme('colors.pink.100');
199
+
200
+ --bcm-ui-color-background-vivid-rose-default: theme('colors.rose.300');
201
+ --bcm-ui-color-background-vivid-rose-hover: theme('colors.rose.200');
202
+ --bcm-ui-color-background-vivid-rose-active: theme('colors.rose.100');
203
+
204
+ --bcm-ui-color-background-soft-slate-default: theme('colors.slate.950');
205
+ --bcm-ui-color-background-soft-gray-default: theme('colors.gray.950');
206
+ --bcm-ui-color-background-soft-zinc-default: theme('colors.zinc.950');
207
+ --bcm-ui-color-background-soft-neutral-default: theme('colors.neutral.950');
208
+ --bcm-ui-color-background-soft-stone-default: theme('colors.stone.950');
209
+ --bcm-ui-color-background-soft-red-default: theme('colors.red.950');
210
+ --bcm-ui-color-background-soft-orange-default: theme('colors.orange.950');
211
+ --bcm-ui-color-background-soft-amber-default: theme('colors.amber.950');
212
+ --bcm-ui-color-background-soft-yellow-default: theme('colors.yellow.950');
213
+ --bcm-ui-color-background-soft-lime-default: theme('colors.lime.950');
214
+ --bcm-ui-color-background-soft-green-default: theme('colors.green.950');
215
+ --bcm-ui-color-background-soft-emerald-default: theme('colors.emerald.950');
216
+ --bcm-ui-color-background-soft-teal-default: theme('colors.teal.950');
217
+ --bcm-ui-color-background-soft-cyan-default: theme('colors.cyan.950');
218
+ --bcm-ui-color-background-soft-sky-default: theme('colors.sky.950');
219
+ --bcm-ui-color-background-soft-blue-default: theme('colors.blue.950');
220
+ --bcm-ui-color-background-soft-indigo-default: theme('colors.indigo.950');
221
+ --bcm-ui-color-background-soft-violet-default: theme('colors.violet.950');
222
+ --bcm-ui-color-background-soft-purple-default: theme('colors.purple.950');
223
+ --bcm-ui-color-background-soft-fuchsia-default: theme('colors.fuchsia.950');
224
+ --bcm-ui-color-background-soft-pink-default: theme('colors.pink.950');
225
+ --bcm-ui-color-background-soft-rose-default: theme('colors.rose.950');
226
+
227
+ --bcm-ui-color-background-palette-slate-default: theme('colors.slate.900');
228
+ --bcm-ui-color-background-palette-slate-hover: theme('colors.slate.800');
229
+ --bcm-ui-color-background-palette-slate-active: theme('colors.slate.700');
230
+
231
+ --bcm-ui-color-background-palette-gray-default: theme('colors.gray.900');
232
+ --bcm-ui-color-background-palette-gray-hover: theme('colors.gray.800');
233
+ --bcm-ui-color-background-palette-gray-active: theme('colors.gray.700');
234
+
235
+ --bcm-ui-color-background-palette-zinc-default: theme('colors.zinc.900');
236
+ --bcm-ui-color-background-palette-zinc-hover: theme('colors.zinc.800');
237
+ --bcm-ui-color-background-palette-zinc-active: theme('colors.zinc.700');
238
+
239
+ --bcm-ui-color-background-palette-neutral-default: theme('colors.neutral.900');
240
+ --bcm-ui-color-background-palette-neutral-hover: theme('colors.neutral.800');
241
+ --bcm-ui-color-background-palette-neutral-active: theme('colors.neutral.700');
242
+
243
+ --bcm-ui-color-background-palette-stone-default: theme('colors.stone.900');
244
+ --bcm-ui-color-background-palette-stone-hover: theme('colors.stone.800');
245
+ --bcm-ui-color-background-palette-stone-active: theme('colors.stone.700');
246
+
247
+ --bcm-ui-color-background-palette-red-default: theme('colors.red.900');
248
+ --bcm-ui-color-background-palette-red-hover: theme('colors.red.800');
249
+ --bcm-ui-color-background-palette-red-active: theme('colors.red.700');
250
+
251
+ --bcm-ui-color-background-palette-orange-default: theme('colors.orange.900');
252
+ --bcm-ui-color-background-palette-orange-hover: theme('colors.orange.800');
253
+ --bcm-ui-color-background-palette-orange-active: theme('colors.orange.700');
254
+
255
+ --bcm-ui-color-background-palette-amber-default: theme('colors.amber.900');
256
+ --bcm-ui-color-background-palette-amber-hover: theme('colors.amber.800');
257
+ --bcm-ui-color-background-palette-amber-active: theme('colors.amber.700');
258
+
259
+ --bcm-ui-color-background-palette-yellow-default: theme('colors.yellow.900');
260
+ --bcm-ui-color-background-palette-yellow-hover: theme('colors.yellow.800');
261
+ --bcm-ui-color-background-palette-yellow-active: theme('colors.yellow.700');
262
+
263
+ --bcm-ui-color-background-palette-lime-default: theme('colors.lime.900');
264
+ --bcm-ui-color-background-palette-lime-hover: theme('colors.lime.800');
265
+ --bcm-ui-color-background-palette-lime-active: theme('colors.lime.700');
266
+
267
+ --bcm-ui-color-background-palette-green-default: theme('colors.green.900');
268
+ --bcm-ui-color-background-palette-green-hover: theme('colors.green.800');
269
+ --bcm-ui-color-background-palette-green-active: theme('colors.green.700');
270
+
271
+ --bcm-ui-color-background-palette-emerald-default: theme('colors.emerald.900');
272
+ --bcm-ui-color-background-palette-emerald-hover: theme('colors.emerald.800');
273
+ --bcm-ui-color-background-palette-emerald-active: theme('colors.emerald.700');
274
+
275
+ --bcm-ui-color-background-palette-teal-default: theme('colors.teal.900');
276
+ --bcm-ui-color-background-palette-teal-hover: theme('colors.teal.800');
277
+ --bcm-ui-color-background-palette-teal-active: theme('colors.teal.700');
278
+
279
+ --bcm-ui-color-background-palette-cyan-default: theme('colors.cyan.900');
280
+ --bcm-ui-color-background-palette-cyan-hover: theme('colors.cyan.800');
281
+ --bcm-ui-color-background-palette-cyan-active: theme('colors.cyan.700');
282
+
283
+ --bcm-ui-color-background-palette-sky-default: theme('colors.sky.900');
284
+ --bcm-ui-color-background-palette-sky-hover: theme('colors.sky.800');
285
+ --bcm-ui-color-background-palette-sky-active: theme('colors.sky.700');
286
+
287
+ --bcm-ui-color-background-palette-blue-default: theme('colors.blue.900');
288
+ --bcm-ui-color-background-palette-blue-hover: theme('colors.blue.800');
289
+ --bcm-ui-color-background-palette-blue-active: theme('colors.blue.700');
290
+
291
+ --bcm-ui-color-background-palette-indigo-default: theme('colors.indigo.900');
292
+ --bcm-ui-color-background-palette-indigo-hover: theme('colors.indigo.800');
293
+ --bcm-ui-color-background-palette-indigo-active: theme('colors.indigo.700');
294
+
295
+ --bcm-ui-color-background-palette-violet-default: theme('colors.violet.900');
296
+ --bcm-ui-color-background-palette-violet-hover: theme('colors.violet.800');
297
+ --bcm-ui-color-background-palette-violet-active: theme('colors.violet.700');
298
+
299
+ --bcm-ui-color-background-palette-purple-default: theme('colors.purple.900');
300
+ --bcm-ui-color-background-palette-purple-hover: theme('colors.purple.800');
301
+ --bcm-ui-color-background-palette-purple-active: theme('colors.purple.700');
302
+
303
+ --bcm-ui-color-background-palette-fuchsia-default: theme('colors.fuchsia.900');
304
+ --bcm-ui-color-background-palette-fuchsia-hover: theme('colors.fuchsia.800');
305
+ --bcm-ui-color-background-palette-fuchsia-active: theme('colors.fuchsia.700');
306
+
307
+ --bcm-ui-color-background-palette-pink-default: theme('colors.pink.900');
308
+ --bcm-ui-color-background-palette-pink-hover: theme('colors.pink.800');
309
+ --bcm-ui-color-background-palette-pink-active: theme('colors.pink.700');
310
+
311
+ --bcm-ui-color-background-palette-rose-default: theme('colors.rose.900');
312
+ --bcm-ui-color-background-palette-rose-hover: theme('colors.rose.800');
313
+ --bcm-ui-color-background-palette-rose-active: theme('colors.rose.700');
314
+ }
package/dist/collection/styles/variables/colors-light.css ADDED
@@ -0,0 +1,325 @@
1
+ :root {
2
+ --bcm-ui-color-text-base: theme('colors.white');
3
+ --bcm-ui-color-text-header: var(--bcm-color-secondary-800);
4
+ --bcm-ui-color-text-default: var(--bcm-color-secondary-700);
5
+ --bcm-ui-color-text-label: var(--bcm-color-secondary-700);
6
+ --bcm-ui-color-text-helper: var(--bcm-color-secondary-500);
7
+ --bcm-ui-color-text-placeholder: var(--bcm-color-secondary-500);
8
+ --bcm-ui-color-text-caption: var(--bcm-color-secondary-600);
9
+ --bcm-ui-color-text-icon-default: var(--bcm-color-secondary-600);
10
+ --bcm-ui-color-text-icon-dark: var(--bcm-color-secondary-700);
11
+
12
+ --bcm-ui-color-text-primary: var(--bcm-color-primary-700);
13
+ --bcm-ui-color-text-info: var(--bcm-color-info-700);
14
+ --bcm-ui-color-text-success: var(--bcm-color-success-700);
15
+ --bcm-ui-color-text-warning: var(--bcm-color-warning-700);
16
+ --bcm-ui-color-text-error: var(--bcm-color-error-700);
17
+
18
+ --bcm-ui-color-text-disabled: var(--bcm-color-secondary-500);
19
+ --bcm-ui-color-text-visited: theme('colors.purple.700');
20
+
21
+ --bcm-ui-color-border-base: theme('colors.white');
22
+ --bcm-ui-color-border-default: theme('colors.gray.300');
23
+ --bcm-ui-color-border-default-alt: theme('colors.gray.600');
24
+ --bcm-ui-color-border-focus: theme('colors.blue.800');
25
+ --bcm-ui-color-border-disabled: theme('colors.gray.300');
26
+ --bcm-ui-color-border-primary: var(--bcm-color-primary-700);
27
+ --bcm-ui-color-border-info: var(--bcm-color-info-700);
28
+ --bcm-ui-color-border-success: var(--bcm-color-success-700);
29
+ --bcm-ui-color-border-warning: var(--bcm-color-warning-700);
30
+ --bcm-ui-color-border-error: var(--bcm-color-error-700);
31
+
32
+ --bcm-ui-color-background-basic-masterpage: theme('colors.gray.50');
33
+ --bcm-ui-color-background-basic-card: theme('colors.white');
34
+ --bcm-ui-color-background-basic-modal: theme('colors.white');
35
+ --bcm-ui-color-background-basic-panel: theme('colors.white');
36
+ --bcm-ui-color-background-basic-base: theme('colors.white');
37
+
38
+ --bcm-ui-color-background-disabled-default: theme('colors.gray.300');
39
+
40
+ --bcm-ui-color-background-base-default: theme('colors.white');
41
+ --bcm-ui-color-background-base-hover: theme('colors.gray.100');
42
+ --bcm-ui-color-background-base-active: theme('colors.gray.200');
43
+ --bcm-ui-color-background-default-default: theme('colors.gray.100');
44
+ --bcm-ui-color-background-default-hover: theme('colors.gray.200');
45
+ --bcm-ui-color-background-default-active: theme('colors.gray.300');
46
+ --bcm-ui-color-background-default-dark-default: theme('colors.gray.700');
47
+ --bcm-ui-color-background-default-dark-hover: theme('colors.gray.800');
48
+ --bcm-ui-color-background-default-dark-active: theme('colors.gray.900');
49
+ --bcm-ui-color-background-primary-default: var(--bcm-color-primary-700);
50
+ --bcm-ui-color-background-primary-hover: var(--bcm-color-primary-800);
51
+ --bcm-ui-color-background-primary-active: var(--bcm-color-primary-900);
52
+ --bcm-ui-color-background-info-default: var(--bcm-color-info-700);
53
+ --bcm-ui-color-background-info-hover: var(--bcm-color-info-800);
54
+ --bcm-ui-color-background-info-active: var(--bcm-color-info-900);
55
+ --bcm-ui-color-background-success-default: var(--bcm-color-success-700);
56
+ --bcm-ui-color-background-success-hover: var(--bcm-color-success-800);
57
+ --bcm-ui-color-background-success-active: var(--bcm-color-success-900);
58
+ --bcm-ui-color-background-warning-default: var(--bcm-color-warning-700);
59
+ --bcm-ui-color-background-warning-hover: var(--bcm-color-warning-800);
60
+ --bcm-ui-color-background-warning-active: var(--bcm-color-warning-900);
61
+ --bcm-ui-color-background-error-default: var(--bcm-color-error-700);
62
+ --bcm-ui-color-background-error-hover: var(--bcm-color-error-800);
63
+ --bcm-ui-color-background-error-active: var(--bcm-color-error-900);
64
+
65
+ --bcm-ui-color-ring-default: var(--bcm-color-primary-700);
66
+
67
+ --bcm-ui-color-background-transparent-default: theme('colors.black / 40%');
68
+ }
69
+
70
+ /* palette */
71
+ :root {
72
+ /**
73
+ --bcm-ui = prefix
74
+ --color = type
75
+ --text = category
76
+ --palette = subcategory
77
+ --slate = color
78
+ --default = state
79
+ */
80
+
81
+ --bcm-ui-color-text-palette-slate: theme('colors.slate.700');
82
+ --bcm-ui-color-text-palette-gray: theme('colors.gray.700');
83
+ --bcm-ui-color-text-palette-zinc: theme('colors.zinc.700');
84
+ --bcm-ui-color-text-palette-neutral: theme('colors.neutral.700');
85
+ --bcm-ui-color-text-palette-stone: theme('colors.stone.700');
86
+ --bcm-ui-color-text-palette-red: theme('colors.red.700');
87
+ --bcm-ui-color-text-palette-orange: theme('colors.orange.700');
88
+ --bcm-ui-color-text-palette-amber: theme('colors.amber.700');
89
+ --bcm-ui-color-text-palette-yellow: theme('colors.yellow.700');
90
+ --bcm-ui-color-text-palette-lime: theme('colors.lime.700');
91
+ --bcm-ui-color-text-palette-green: theme('colors.green.700');
92
+ --bcm-ui-color-text-palette-emerald: theme('colors.emerald.700');
93
+ --bcm-ui-color-text-palette-teal: theme('colors.teal.700');
94
+ --bcm-ui-color-text-palette-cyan: theme('colors.cyan.700');
95
+ --bcm-ui-color-text-palette-sky: theme('colors.sky.700');
96
+ --bcm-ui-color-text-palette-blue: theme('colors.blue.700');
97
+ --bcm-ui-color-text-palette-indigo: theme('colors.indigo.700');
98
+ --bcm-ui-color-text-palette-violet: theme('colors.violet.700');
99
+ --bcm-ui-color-text-palette-purple: theme('colors.purple.700');
100
+ --bcm-ui-color-text-palette-fuchsia: theme('colors.fuchsia.700');
101
+ --bcm-ui-color-text-palette-pink: theme('colors.pink.700');
102
+ --bcm-ui-color-text-palette-rose: theme('colors.rose.700');
103
+
104
+ --bcm-ui-color-border-palette-slate: theme('colors.slate.700');
105
+ --bcm-ui-color-border-palette-gray: theme('colors.gray.700');
106
+ --bcm-ui-color-border-palette-zinc: theme('colors.zinc.700');
107
+ --bcm-ui-color-border-palette-neutral: theme('colors.neutral.700');
108
+ --bcm-ui-color-border-palette-stone: theme('colors.stone.700');
109
+ --bcm-ui-color-border-palette-red: theme('colors.red.700');
110
+ --bcm-ui-color-border-palette-orange: theme('colors.orange.700');
111
+ --bcm-ui-color-border-palette-amber: theme('colors.amber.700');
112
+ --bcm-ui-color-border-palette-yellow: theme('colors.yellow.700');
113
+ --bcm-ui-color-border-palette-lime: theme('colors.lime.700');
114
+ --bcm-ui-color-border-palette-green: theme('colors.green.700');
115
+ --bcm-ui-color-border-palette-emerald: theme('colors.emerald.700');
116
+ --bcm-ui-color-border-palette-teal: theme('colors.teal.700');
117
+ --bcm-ui-color-border-palette-cyan: theme('colors.cyan.700');
118
+ --bcm-ui-color-border-palette-sky: theme('colors.sky.700');
119
+ --bcm-ui-color-border-palette-blue: theme('colors.blue.700');
120
+ --bcm-ui-color-border-palette-indigo: theme('colors.indigo.700');
121
+ --bcm-ui-color-border-palette-violet: theme('colors.violet.700');
122
+ --bcm-ui-color-border-palette-purple: theme('colors.purple.700');
123
+ --bcm-ui-color-border-palette-fuchsia: theme('colors.fuchsia.700');
124
+ --bcm-ui-color-border-palette-pink: theme('colors.pink.700');
125
+ --bcm-ui-color-border-palette-rose: theme('colors.rose.700');
126
+
127
+ --bcm-ui-color-background-vivid-slate-default: theme('colors.slate.700');
128
+ --bcm-ui-color-background-vivid-slate-hover: theme('colors.slate.800');
129
+ --bcm-ui-color-background-vivid-slate-active: theme('colors.slate.900');
130
+
131
+ --bcm-ui-color-background-vivid-gray-default: theme('colors.gray.700');
132
+ --bcm-ui-color-background-vivid-gray-hover: theme('colors.gray.800');
133
+ --bcm-ui-color-background-vivid-gray-active: theme('colors.gray.900');
134
+
135
+ --bcm-ui-color-background-vivid-zinc-default: theme('colors.zinc.700');
136
+ --bcm-ui-color-background-vivid-zinc-hover: theme('colors.zinc.800');
137
+ --bcm-ui-color-background-vivid-zinc-active: theme('colors.zinc.900');
138
+
139
+ --bcm-ui-color-background-vivid-neutral-default: theme('colors.neutral.700');
140
+ --bcm-ui-color-background-vivid-neutral-hover: theme('colors.neutral.800');
141
+ --bcm-ui-color-background-vivid-neutral-active: theme('colors.neutral.900');
142
+
143
+ --bcm-ui-color-background-vivid-stone-default: theme('colors.stone.700');
144
+ --bcm-ui-color-background-vivid-stone-hover: theme('colors.stone.800');
145
+ --bcm-ui-color-background-vivid-stone-active: theme('colors.stone.900');
146
+
147
+ --bcm-ui-color-background-vivid-red-default: theme('colors.red.700');
148
+ --bcm-ui-color-background-vivid-red-hover: theme('colors.red.800');
149
+ --bcm-ui-color-background-vivid-red-active: theme('colors.red.900');
150
+
151
+ --bcm-ui-color-background-vivid-orange-default: theme('colors.orange.700');
152
+ --bcm-ui-color-background-vivid-orange-hover: theme('colors.orange.800');
153
+ --bcm-ui-color-background-vivid-orange-active: theme('colors.orange.900');
154
+
155
+ --bcm-ui-color-background-vivid-amber-default: theme('colors.amber.700');
156
+ --bcm-ui-color-background-vivid-amber-hover: theme('colors.amber.800');
157
+ --bcm-ui-color-background-vivid-amber-active: theme('colors.amber.900');
158
+
159
+ --bcm-ui-color-background-vivid-yellow-default: theme('colors.yellow.700');
160
+ --bcm-ui-color-background-vivid-yellow-hover: theme('colors.yellow.800');
161
+ --bcm-ui-color-background-vivid-yellow-active: theme('colors.yellow.900');
162
+
163
+ --bcm-ui-color-background-vivid-lime-default: theme('colors.lime.700');
164
+ --bcm-ui-color-background-vivid-lime-hover: theme('colors.lime.800');
165
+ --bcm-ui-color-background-vivid-lime-active: theme('colors.lime.900');
166
+
167
+ --bcm-ui-color-background-vivid-green-default: theme('colors.green.700');
168
+ --bcm-ui-color-background-vivid-green-hover: theme('colors.green.800');
169
+ --bcm-ui-color-background-vivid-green-active: theme('colors.green.900');
170
+
171
+ --bcm-ui-color-background-vivid-emerald-default: theme('colors.emerald.700');
172
+ --bcm-ui-color-background-vivid-emerald-hover: theme('colors.emerald.800');
173
+ --bcm-ui-color-background-vivid-emerald-active: theme('colors.emerald.900');
174
+
175
+ --bcm-ui-color-background-vivid-teal-default: theme('colors.teal.700');
176
+ --bcm-ui-color-background-vivid-teal-hover: theme('colors.teal.800');
177
+ --bcm-ui-color-background-vivid-teal-active: theme('colors.teal.900');
178
+
179
+ --bcm-ui-color-background-vivid-cyan-default: theme('colors.cyan.700');
180
+ --bcm-ui-color-background-vivid-cyan-hover: theme('colors.cyan.800');
181
+ --bcm-ui-color-background-vivid-cyan-active: theme('colors.cyan.900');
182
+
183
+ --bcm-ui-color-background-vivid-sky-default: theme('colors.sky.700');
184
+ --bcm-ui-color-background-vivid-sky-hover: theme('colors.sky.800');
185
+ --bcm-ui-color-background-vivid-sky-active: theme('colors.sky.900');
186
+
187
+ --bcm-ui-color-background-vivid-blue-default: theme('colors.blue.700');
188
+ --bcm-ui-color-background-vivid-blue-hover: theme('colors.blue.800');
189
+ --bcm-ui-color-background-vivid-blue-active: theme('colors.blue.900');
190
+
191
+ --bcm-ui-color-background-vivid-indigo-default: theme('colors.indigo.700');
192
+ --bcm-ui-color-background-vivid-indigo-hover: theme('colors.indigo.800');
193
+ --bcm-ui-color-background-vivid-indigo-active: theme('colors.indigo.900');
194
+
195
+ --bcm-ui-color-background-vivid-violet-default: theme('colors.violet.700');
196
+ --bcm-ui-color-background-vivid-violet-hover: theme('colors.violet.800');
197
+ --bcm-ui-color-background-vivid-violet-active: theme('colors.violet.900');
198
+
199
+ --bcm-ui-color-background-vivid-purple-default: theme('colors.purple.700');
200
+ --bcm-ui-color-background-vivid-purple-hover: theme('colors.purple.800');
201
+ --bcm-ui-color-background-vivid-purple-active: theme('colors.purple.900');
202
+
203
+ --bcm-ui-color-background-vivid-fuchsia-default: theme('colors.fuchsia.700');
204
+ --bcm-ui-color-background-vivid-fuchsia-hover: theme('colors.fuchsia.800');
205
+ --bcm-ui-color-background-vivid-fuchsia-active: theme('colors.fuchsia.900');
206
+
207
+ --bcm-ui-color-background-vivid-pink-default: theme('colors.pink.700');
208
+ --bcm-ui-color-background-vivid-pink-hover: theme('colors.pink.800');
209
+ --bcm-ui-color-background-vivid-pink-active: theme('colors.pink.900');
210
+
211
+ --bcm-ui-color-background-vivid-rose-default: theme('colors.rose.700');
212
+ --bcm-ui-color-background-vivid-rose-hover: theme('colors.rose.800');
213
+ --bcm-ui-color-background-vivid-rose-active: theme('colors.rose.900');
214
+
215
+ --bcm-ui-color-background-soft-slate-default: theme('colors.slate.50');
216
+ --bcm-ui-color-background-soft-gray-default: theme('colors.gray.50');
217
+ --bcm-ui-color-background-soft-zinc-default: theme('colors.zinc.50');
218
+ --bcm-ui-color-background-soft-neutral-default: theme('colors.neutral.50');
219
+ --bcm-ui-color-background-soft-stone-default: theme('colors.stone.50');
220
+ --bcm-ui-color-background-soft-red-default: theme('colors.red.50');
221
+ --bcm-ui-color-background-soft-orange-default: theme('colors.orange.50');
222
+ --bcm-ui-color-background-soft-amber-default: theme('colors.amber.50');
223
+ --bcm-ui-color-background-soft-yellow-default: theme('colors.yellow.50');
224
+ --bcm-ui-color-background-soft-lime-default: theme('colors.lime.50');
225
+ --bcm-ui-color-background-soft-green-default: theme('colors.green.50');
226
+ --bcm-ui-color-background-soft-emerald-default: theme('colors.emerald.50');
227
+ --bcm-ui-color-background-soft-teal-default: theme('colors.teal.50');
228
+ --bcm-ui-color-background-soft-cyan-default: theme('colors.cyan.50');
229
+ --bcm-ui-color-background-soft-sky-default: theme('colors.sky.50');
230
+ --bcm-ui-color-background-soft-blue-default: theme('colors.blue.50');
231
+ --bcm-ui-color-background-soft-indigo-default: theme('colors.indigo.50');
232
+ --bcm-ui-color-background-soft-violet-default: theme('colors.violet.50');
233
+ --bcm-ui-color-background-soft-purple-default: theme('colors.purple.50');
234
+ --bcm-ui-color-background-soft-fuchsia-default: theme('colors.fuchsia.50');
235
+ --bcm-ui-color-background-soft-pink-default: theme('colors.pink.50');
236
+ --bcm-ui-color-background-soft-rose-default: theme('colors.rose.50');
237
+
238
+ --bcm-ui-color-background-palette-slate-default: theme('colors.slate.100');
239
+ --bcm-ui-color-background-palette-slate-hover: theme('colors.slate.200');
240
+ --bcm-ui-color-background-palette-slate-active: theme('colors.slate.300');
241
+
242
+ --bcm-ui-color-background-palette-gray-default: theme('colors.gray.100');
243
+ --bcm-ui-color-background-palette-gray-hover: theme('colors.gray.200');
244
+ --bcm-ui-color-background-palette-gray-active: theme('colors.gray.300');
245
+
246
+ --bcm-ui-color-background-palette-zinc-default: theme('colors.zinc.100');
247
+ --bcm-ui-color-background-palette-zinc-hover: theme('colors.zinc.200');
248
+ --bcm-ui-color-background-palette-zinc-active: theme('colors.zinc.300');
249
+
250
+ --bcm-ui-color-background-palette-neutral-default: theme('colors.neutral.100');
251
+ --bcm-ui-color-background-palette-neutral-hover: theme('colors.neutral.200');
252
+ --bcm-ui-color-background-palette-neutral-active: theme('colors.neutral.300');
253
+
254
+ --bcm-ui-color-background-palette-stone-default: theme('colors.stone.100');
255
+ --bcm-ui-color-background-palette-stone-hover: theme('colors.stone.200');
256
+ --bcm-ui-color-background-palette-stone-active: theme('colors.stone.300');
257
+
258
+ --bcm-ui-color-background-palette-red-default: theme('colors.red.100');
259
+ --bcm-ui-color-background-palette-red-hover: theme('colors.red.200');
260
+ --bcm-ui-color-background-palette-red-active: theme('colors.red.300');
261
+
262
+ --bcm-ui-color-background-palette-orange-default: theme('colors.orange.100');
263
+ --bcm-ui-color-background-palette-orange-hover: theme('colors.orange.200');
264
+ --bcm-ui-color-background-palette-orange-active: theme('colors.orange.300');
265
+
266
+ --bcm-ui-color-background-palette-amber-default: theme('colors.amber.100');
267
+ --bcm-ui-color-background-palette-amber-hover: theme('colors.amber.200');
268
+ --bcm-ui-color-background-palette-amber-active: theme('colors.amber.300');
269
+
270
+ --bcm-ui-color-background-palette-yellow-default: theme('colors.yellow.100');
271
+ --bcm-ui-color-background-palette-yellow-hover: theme('colors.yellow.200');
272
+ --bcm-ui-color-background-palette-yellow-active: theme('colors.yellow.300');
273
+
274
+ --bcm-ui-color-background-palette-lime-default: theme('colors.lime.100');
275
+ --bcm-ui-color-background-palette-lime-hover: theme('colors.lime.200');
276
+ --bcm-ui-color-background-palette-lime-active: theme('colors.lime.300');
277
+
278
+ --bcm-ui-color-background-palette-green-default: theme('colors.green.100');
279
+ --bcm-ui-color-background-palette-green-hover: theme('colors.green.200');
280
+ --bcm-ui-color-background-palette-green-active: theme('colors.green.300');
281
+
282
+ --bcm-ui-color-background-palette-emerald-default: theme('colors.emerald.100');
283
+ --bcm-ui-color-background-palette-emerald-hover: theme('colors.emerald.200');
284
+ --bcm-ui-color-background-palette-emerald-active: theme('colors.emerald.300');
285
+
286
+ --bcm-ui-color-background-palette-teal-default: theme('colors.teal.100');
287
+ --bcm-ui-color-background-palette-teal-hover: theme('colors.teal.200');
288
+ --bcm-ui-color-background-palette-teal-active: theme('colors.teal.300');
289
+
290
+ --bcm-ui-color-background-palette-cyan-default: theme('colors.cyan.100');
291
+ --bcm-ui-color-background-palette-cyan-hover: theme('colors.cyan.200');
292
+ --bcm-ui-color-background-palette-cyan-active: theme('colors.cyan.300');
293
+
294
+ --bcm-ui-color-background-palette-sky-default: theme('colors.sky.100');
295
+ --bcm-ui-color-background-palette-sky-hover: theme('colors.sky.200');
296
+ --bcm-ui-color-background-palette-sky-active: theme('colors.sky.300');
297
+
298
+ --bcm-ui-color-background-palette-blue-default: theme('colors.blue.100');
299
+ --bcm-ui-color-background-palette-blue-hover: theme('colors.blue.200');
300
+ --bcm-ui-color-background-palette-blue-active: theme('colors.blue.300');
301
+
302
+ --bcm-ui-color-background-palette-indigo-default: theme('colors.indigo.100');
303
+ --bcm-ui-color-background-palette-indigo-hover: theme('colors.indigo.200');
304
+ --bcm-ui-color-background-palette-indigo-active: theme('colors.indigo.300');
305
+
306
+ --bcm-ui-color-background-palette-violet-default: theme('colors.violet.100');
307
+ --bcm-ui-color-background-palette-violet-hover: theme('colors.violet.200');
308
+ --bcm-ui-color-background-palette-violet-active: theme('colors.violet.300');
309
+
310
+ --bcm-ui-color-background-palette-purple-default: theme('colors.purple.100');
311
+ --bcm-ui-color-background-palette-purple-hover: theme('colors.purple.200');
312
+ --bcm-ui-color-background-palette-purple-active: theme('colors.purple.300');
313
+
314
+ --bcm-ui-color-background-palette-fuchsia-default: theme('colors.fuchsia.100');
315
+ --bcm-ui-color-background-palette-fuchsia-hover: theme('colors.fuchsia.200');
316
+ --bcm-ui-color-background-palette-fuchsia-active: theme('colors.fuchsia.300');
317
+
318
+ --bcm-ui-color-background-palette-pink-default: theme('colors.pink.100');
319
+ --bcm-ui-color-background-palette-pink-hover: theme('colors.pink.200');
320
+ --bcm-ui-color-background-palette-pink-active: theme('colors.pink.300');
321
+
322
+ --bcm-ui-color-background-palette-rose-default: theme('colors.rose.100');
323
+ --bcm-ui-color-background-palette-rose-hover: theme('colors.rose.200');
324
+ --bcm-ui-color-background-palette-rose-active: theme('colors.rose.300');
325
+ }