@rovula/ui 0.1.6 → 0.1.8

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 (232) hide show
  1. package/dist/cjs/bundle.css +630 -467
  2. package/dist/cjs/bundle.js +1545 -1545
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/AlertDialog/AlertDialog.stories.d.ts +3 -0
  5. package/dist/cjs/types/components/Dialog/Dialog.d.ts +7 -1
  6. package/dist/cjs/types/components/Dialog/Dialog.stories.d.ts +3 -0
  7. package/dist/cjs/types/components/Dropdown/Dropdown.d.ts +2 -0
  8. package/dist/cjs/types/components/Dropdown/Dropdown.stories.d.ts +2 -0
  9. package/dist/cjs/types/components/Form/Field.d.ts +26 -0
  10. package/dist/cjs/types/components/Form/FieldMessage.d.ts +7 -0
  11. package/dist/cjs/types/components/Form/Form.d.ts +49 -11
  12. package/dist/cjs/types/components/Form/Form.stories.d.ts +23 -0
  13. package/dist/cjs/types/components/Form/ValidationHintList.d.ts +17 -0
  14. package/dist/cjs/types/components/Form/ValidationHintList.stories.d.ts +9 -0
  15. package/dist/cjs/types/components/Form/index.d.ts +10 -0
  16. package/dist/cjs/types/components/Form/useOptionBridge.d.ts +17 -0
  17. package/dist/cjs/types/components/OtpInput/OtpInput.d.ts +17 -0
  18. package/dist/cjs/types/components/OtpInput/OtpInput.stories.d.ts +15 -0
  19. package/dist/cjs/types/components/OtpInput/OtpInputGroup.d.ts +25 -0
  20. package/dist/cjs/types/components/OtpInput/index.d.ts +5 -0
  21. package/dist/cjs/types/components/TextInput/TextInput.styles.d.ts +3 -0
  22. package/dist/cjs/types/index.d.ts +5 -0
  23. package/dist/cjs/types/theme/ThemeColorCoverageRuntime.stories.d.ts +10 -0
  24. package/dist/cjs/types/utils/colors.d.ts +351 -267
  25. package/dist/components/ActionButton/ActionButton.stories.js +2 -2
  26. package/dist/components/ActionButton/ActionButton.styles.js +1 -1
  27. package/dist/components/AlertDialog/AlertDialog.js +6 -6
  28. package/dist/components/AlertDialog/AlertDialog.stories.js +3 -0
  29. package/dist/components/Avatar/Avatar.stories.js +1 -1
  30. package/dist/components/Avatar/Avatar.styles.js +1 -1
  31. package/dist/components/Avatar/AvatarBase.js +1 -1
  32. package/dist/components/Avatar/AvatarGroup.stories.js +1 -1
  33. package/dist/components/Button/Buttons.stories.js +2 -2
  34. package/dist/components/Calendar/Calendar.js +1 -1
  35. package/dist/components/Checkbox/Checkbox.js +1 -1
  36. package/dist/components/Checkbox/Checkbox.stories.js +17 -7
  37. package/dist/components/Collapsible/Collapsible.styles.js +1 -1
  38. package/dist/components/DataTable/DataTable.js +2 -2
  39. package/dist/components/Dialog/Dialog.js +12 -7
  40. package/dist/components/Dialog/Dialog.stories.js +90 -2
  41. package/dist/components/Dropdown/Dropdown.js +2 -2
  42. package/dist/components/DropdownMenu/DropdownMenu.js +3 -3
  43. package/dist/components/FocusedScrollView/FocusedScrollView.stories.js +6 -6
  44. package/dist/components/Form/Field.js +60 -0
  45. package/dist/components/Form/FieldMessage.js +24 -0
  46. package/dist/components/Form/Form.js +73 -41
  47. package/dist/components/Form/Form.stories.js +221 -0
  48. package/dist/components/Form/ValidationHintList.js +30 -0
  49. package/dist/components/Form/ValidationHintList.stories.js +50 -0
  50. package/dist/components/Form/index.js +5 -0
  51. package/dist/components/Form/useOptionBridge.js +27 -0
  52. package/dist/components/InputFilter/InputFilter.js +5 -4
  53. package/dist/components/InputFilter/InputFilter.stories.js +1 -1
  54. package/dist/components/InputFilter/InputFilter.styles.js +14 -1
  55. package/dist/components/Label/Label.styles.js +1 -1
  56. package/dist/components/Menu/Menu.js +2 -2
  57. package/dist/components/NumberInput/NumberInput.stories.js +1 -1
  58. package/dist/components/OtpInput/OtpInput.js +118 -0
  59. package/dist/components/OtpInput/OtpInput.stories.js +60 -0
  60. package/dist/components/OtpInput/OtpInputGroup.js +23 -0
  61. package/dist/components/OtpInput/index.js +3 -0
  62. package/dist/components/PasswordInput/PasswordInput.stories.js +1 -1
  63. package/dist/components/Popover/Popover.js +1 -1
  64. package/dist/components/RadioGroup/RadioGroup.js +1 -1
  65. package/dist/components/RadioGroup/RadioGroup.stories.js +2 -2
  66. package/dist/components/Search/Search.js +13 -1
  67. package/dist/components/Search/Search.stories.js +1 -1
  68. package/dist/components/Slider/Slider.js +1 -1
  69. package/dist/components/Slider/Slider.stories.js +5 -5
  70. package/dist/components/Switch/Switch.stories.js +2 -2
  71. package/dist/components/Switch/Switch.styles.js +1 -1
  72. package/dist/components/Table/Table.js +5 -5
  73. package/dist/components/Tabs/Tabs.js +12 -9
  74. package/dist/components/Tabs/Tabs.stories.js +1 -1
  75. package/dist/components/Text/Text.js +1 -1
  76. package/dist/components/Text/Text.stories.js +1 -1
  77. package/dist/components/TextArea/TextArea.stories.js +1 -1
  78. package/dist/components/TextArea/TextArea.styles.js +3 -3
  79. package/dist/components/TextInput/TextInput.js +3 -2
  80. package/dist/components/TextInput/TextInput.stories.js +3 -3
  81. package/dist/components/TextInput/TextInput.styles.js +41 -19
  82. package/dist/components/Toast/Toast.js +4 -2
  83. package/dist/components/Toast/Toast.stories.js +1 -1
  84. package/dist/components/Toast/Toast.styles.js +4 -4
  85. package/dist/components/Toast/Toaster.js +2 -2
  86. package/dist/components/Tree/Tree.stories.js +1 -1
  87. package/dist/components/Tree/TreeItem.js +1 -1
  88. package/dist/esm/bundle.css +630 -467
  89. package/dist/esm/bundle.js +1545 -1545
  90. package/dist/esm/bundle.js.map +1 -1
  91. package/dist/esm/types/components/AlertDialog/AlertDialog.stories.d.ts +3 -0
  92. package/dist/esm/types/components/Dialog/Dialog.d.ts +7 -1
  93. package/dist/esm/types/components/Dialog/Dialog.stories.d.ts +3 -0
  94. package/dist/esm/types/components/Dropdown/Dropdown.d.ts +2 -0
  95. package/dist/esm/types/components/Dropdown/Dropdown.stories.d.ts +2 -0
  96. package/dist/esm/types/components/Form/Field.d.ts +26 -0
  97. package/dist/esm/types/components/Form/FieldMessage.d.ts +7 -0
  98. package/dist/esm/types/components/Form/Form.d.ts +49 -11
  99. package/dist/esm/types/components/Form/Form.stories.d.ts +23 -0
  100. package/dist/esm/types/components/Form/ValidationHintList.d.ts +17 -0
  101. package/dist/esm/types/components/Form/ValidationHintList.stories.d.ts +9 -0
  102. package/dist/esm/types/components/Form/index.d.ts +10 -0
  103. package/dist/esm/types/components/Form/useOptionBridge.d.ts +17 -0
  104. package/dist/esm/types/components/OtpInput/OtpInput.d.ts +17 -0
  105. package/dist/esm/types/components/OtpInput/OtpInput.stories.d.ts +15 -0
  106. package/dist/esm/types/components/OtpInput/OtpInputGroup.d.ts +25 -0
  107. package/dist/esm/types/components/OtpInput/index.d.ts +5 -0
  108. package/dist/esm/types/components/TextInput/TextInput.styles.d.ts +3 -0
  109. package/dist/esm/types/index.d.ts +5 -0
  110. package/dist/esm/types/theme/ThemeColorCoverageRuntime.stories.d.ts +10 -0
  111. package/dist/esm/types/utils/colors.d.ts +351 -267
  112. package/dist/index.d.ts +512 -269
  113. package/dist/index.js +3 -0
  114. package/dist/src/theme/global.css +2739 -2681
  115. package/dist/theme/ThemeColorCoverageRuntime.stories.js +91 -0
  116. package/dist/utils/colors.js +359 -267
  117. package/package.json +4 -2
  118. package/src/components/ActionButton/ActionButton.stories.tsx +6 -6
  119. package/src/components/ActionButton/ActionButton.styles.ts +1 -1
  120. package/src/components/AlertDialog/AlertDialog.stories.tsx +22 -0
  121. package/src/components/AlertDialog/AlertDialog.tsx +6 -6
  122. package/src/components/Avatar/Avatar.stories.tsx +1 -1
  123. package/src/components/Avatar/Avatar.styles.ts +1 -1
  124. package/src/components/Avatar/AvatarBase.tsx +1 -1
  125. package/src/components/Avatar/AvatarGroup.stories.tsx +1 -1
  126. package/src/components/Button/Buttons.stories.tsx +25 -17
  127. package/src/components/Calendar/Calendar.tsx +3 -3
  128. package/src/components/Checkbox/Checkbox.stories.tsx +35 -12
  129. package/src/components/Checkbox/Checkbox.tsx +7 -5
  130. package/src/components/Collapsible/Collapsible.styles.ts +1 -1
  131. package/src/components/DataTable/DataTable.tsx +2 -2
  132. package/src/components/Dialog/Dialog.stories.tsx +173 -0
  133. package/src/components/Dialog/Dialog.tsx +32 -15
  134. package/src/components/Dropdown/Dropdown.styles.ts +1 -1
  135. package/src/components/Dropdown/Dropdown.tsx +16 -14
  136. package/src/components/DropdownMenu/DropdownMenu.tsx +3 -3
  137. package/src/components/FocusedScrollView/FocusedScrollView.stories.tsx +10 -10
  138. package/src/components/Form/Field.tsx +160 -0
  139. package/src/components/Form/FieldMessage.tsx +38 -0
  140. package/src/components/Form/Form.docs.mdx +67 -0
  141. package/src/components/Form/Form.stories.tsx +490 -0
  142. package/src/components/Form/Form.tsx +185 -87
  143. package/src/components/Form/README.md +284 -0
  144. package/src/components/Form/ValidationHintList.stories.tsx +118 -0
  145. package/src/components/Form/ValidationHintList.tsx +82 -0
  146. package/src/components/Form/index.ts +28 -0
  147. package/src/components/Form/useOptionBridge.ts +55 -0
  148. package/src/components/InputFilter/InputFilter.stories.tsx +1 -1
  149. package/src/components/InputFilter/InputFilter.styles.ts +14 -1
  150. package/src/components/InputFilter/InputFilter.tsx +33 -28
  151. package/src/components/Label/Label.styles.ts +2 -2
  152. package/src/components/Label/Label.tsx +1 -1
  153. package/src/components/Menu/Menu.tsx +12 -12
  154. package/src/components/NumberInput/NumberInput.stories.tsx +1 -1
  155. package/src/components/OtpInput/OtpInput.stories.tsx +168 -0
  156. package/src/components/OtpInput/OtpInput.tsx +210 -0
  157. package/src/components/OtpInput/OtpInputGroup.tsx +74 -0
  158. package/src/components/OtpInput/index.ts +5 -0
  159. package/src/components/PasswordInput/PasswordInput.stories.tsx +1 -1
  160. package/src/components/Popover/Popover.tsx +1 -1
  161. package/src/components/RadioGroup/RadioGroup.stories.tsx +4 -4
  162. package/src/components/RadioGroup/RadioGroup.tsx +2 -1
  163. package/src/components/Search/Search.stories.tsx +1 -1
  164. package/src/components/Search/Search.tsx +6 -2
  165. package/src/components/Slider/Slider.stories.tsx +7 -7
  166. package/src/components/Slider/Slider.tsx +1 -1
  167. package/src/components/Switch/Switch.stories.tsx +4 -4
  168. package/src/components/Switch/Switch.styles.ts +1 -1
  169. package/src/components/Table/Table.tsx +5 -5
  170. package/src/components/Tabs/Tabs.stories.tsx +1 -1
  171. package/src/components/Tabs/Tabs.tsx +29 -18
  172. package/src/components/Text/Text.stories.tsx +1 -1
  173. package/src/components/Text/Text.tsx +1 -1
  174. package/src/components/TextArea/TextArea.stories.tsx +1 -1
  175. package/src/components/TextArea/TextArea.styles.ts +3 -3
  176. package/src/components/TextInput/TextInput.stories.tsx +7 -7
  177. package/src/components/TextInput/TextInput.styles.ts +42 -19
  178. package/src/components/TextInput/TextInput.tsx +3 -1
  179. package/src/components/Toast/Toast.stories.tsx +1 -1
  180. package/src/components/Toast/Toast.styles.tsx +7 -7
  181. package/src/components/Toast/Toast.tsx +5 -4
  182. package/src/components/Toast/Toaster.tsx +17 -20
  183. package/src/components/Tree/Tree.stories.tsx +1 -1
  184. package/src/components/Tree/TreeItem.tsx +1 -1
  185. package/src/index.ts +5 -0
  186. package/src/theme/THEME_MAPPING.md +36 -37
  187. package/src/theme/ThemeColorCoverageRuntime.stories.tsx +236 -0
  188. package/src/theme/direct-token-migration-plan.md +121 -0
  189. package/src/theme/figma-mcp-check-report.md +225 -0
  190. package/src/theme/figma-mcp-component-checklist.json +1250 -0
  191. package/src/theme/global.css +7 -3
  192. package/src/theme/presets/colors.js +173 -64
  193. package/src/theme/themes/skyller/baseline.css +0 -4
  194. package/src/theme/themes/variable-mapping.css +1064 -0
  195. package/src/theme/themes/variable.css +248 -230
  196. package/src/theme/themes/xspector/baseline.css +0 -4
  197. package/src/theme/themes/xspector/components/dropdown-menu.css +4 -4
  198. package/src/theme/themes/xspector/components/loading.css +2 -2
  199. package/src/theme/tokens/baseline.css +0 -3
  200. package/src/theme/tokens/color.css +36 -65
  201. package/src/theme/tokens/components/action-button.css +6 -6
  202. package/src/theme/tokens/components/button.css +189 -189
  203. package/src/theme/tokens/components/dropdown-menu.css +5 -5
  204. package/src/theme/tokens/components/footer.css +1 -1
  205. package/src/theme/tokens/components/loading.css +2 -2
  206. package/src/theme/tokens/components/switch.css +11 -11
  207. package/src/theme/tokens/typography.css +28 -28
  208. package/src/theme/tokens_old/baseline.css +13 -0
  209. package/src/theme/tokens_old/color.css +78 -0
  210. package/src/theme/tokens_old/components/action-button.css +127 -0
  211. package/src/theme/tokens_old/components/button.css +512 -0
  212. package/src/theme/tokens_old/components/dropdown-menu.css +27 -0
  213. package/src/theme/tokens_old/components/footer.css +9 -0
  214. package/src/theme/tokens_old/components/loading.css +11 -0
  215. package/src/theme/tokens_old/components/navbar.css +9 -0
  216. package/src/theme/tokens_old/components/progress-bar.css +8 -0
  217. package/src/theme/tokens_old/components/switch.css +29 -0
  218. package/src/theme/tokens_old/typography.css +199 -0
  219. package/src/theme/tokens_old/variables.css +28 -0
  220. package/src/theme/utils.js +172 -33
  221. package/src/utils/colors.ts +367 -278
  222. package/src/theme/themes/skyller/color.css +0 -79
  223. package/src/theme/themes/skyller/palette.css +0 -143
  224. package/src/theme/themes/skyller/state.css +0 -94
  225. package/src/theme/themes/skyller/transparent.css +0 -94
  226. package/src/theme/themes/xspector/color.css +0 -83
  227. package/src/theme/themes/xspector/palette.css +0 -142
  228. package/src/theme/themes/xspector/state.css +0 -94
  229. package/src/theme/themes/xspector/transparent.css +0 -93
  230. /package/src/theme/{tokens → tokens_old}/palette.css +0 -0
  231. /package/src/theme/{tokens → tokens_old}/state.css +0 -0
  232. /package/src/theme/{tokens → tokens_old}/transparent.css +0 -0
package/src/theme/themes/variable.css CHANGED
@@ -257,7 +257,7 @@
257
257
  --state-error-text-pressed-skyller: #991b1b;
258
258
  --state-disable-solid-xspector: #454f5b;
259
259
  --state-disable-solid-report-xspector-light-mode: #d3dadf;
260
- --state-disable-solid-skyller: #d4d4d4;
260
+ --state-disable-solid-skyller: #cfcfcf;
261
261
  --state-disable-outline-xspector: #637381;
262
262
  --state-disable-outline-report-xspector-light-mode: #9dabb5;
263
263
  --state-disable-outline-skyller: #a3a3a3;
@@ -618,228 +618,228 @@
618
618
  --ramps-error-950-xspector: #4b0c04;
619
619
  --ramps-error-950-report-xspector-light-mode: #4b0c04;
620
620
  --ramps-error-950-skyller: #410a0a;
621
- --transparency-primary-8-xspector: rgba(221 205 0 / 0.08);
622
- --transparency-primary-8-report-xspector-light-mode: rgba(30 50 73 / 0.08);
623
- --transparency-primary-8-skyller: rgba(37 99 235 / 0.08);
624
- --transparency-primary-12-xspector: rgba(221 205 0 / 0.12);
625
- --transparency-primary-12-report-xspector-light-mode: rgba(30 50 73 / 0.12);
626
- --transparency-primary-12-skyller: rgba(37 99 235 / 0.12);
627
- --transparency-primary-16-xspector: rgba(221 205 0 / 0.16);
628
- --transparency-primary-16-report-xspector-light-mode: rgba(30 50 73 / 0.16);
629
- --transparency-primary-16-skyller: rgba(37 99 235 / 0.16);
630
- --transparency-primary-24-xspector: rgba(221 205 0 / 0.24);
631
- --transparency-primary-24-report-xspector-light-mode: rgba(30 50 73 / 0.24);
632
- --transparency-primary-24-skyller: rgba(37 99 235 / 0.24);
633
- --transparency-primary-32-xspector: rgba(221 205 0 / 0.32);
634
- --transparency-primary-32-report-xspector-light-mode: rgba(30 50 73 / 0.32);
635
- --transparency-primary-32-skyller: rgba(37 99 235 / 0.32);
636
- --transparency-primary-48-xspector: rgba(221 205 0 / 0.48);
637
- --transparency-primary-48-report-xspector-light-mode: rgba(30 50 73 / 0.48);
638
- --transparency-primary-48-skyller: rgba(37 99 235 / 0.48);
639
- --transparency-secondary-8-xspector: rgba(158 158 158 / 0.08);
640
- --transparency-secondary-8-report-xspector-light-mode: rgba(221 205 0 / 0.08);
641
- --transparency-secondary-8-skyller: rgba(96 165 250 / 0.08);
642
- --transparency-secondary-12-xspector: rgba(158 158 158 / 0.12);
643
- --transparency-secondary-12-report-xspector-light-mode: rgba(221 205 0 / 0.12);
644
- --transparency-secondary-12-skyller: rgba(96 165 250 / 0.12);
645
- --transparency-secondary-16-xspector: rgba(158 158 158 / 0.16);
646
- --transparency-secondary-16-report-xspector-light-mode: rgba(221 205 0 / 0.16);
647
- --transparency-secondary-16-skyller: rgba(96 165 250 / 0.16);
648
- --transparency-secondary-24-xspector: rgba(158 158 158 / 0.24);
649
- --transparency-secondary-24-report-xspector-light-mode: rgba(221 205 0 / 0.24);
650
- --transparency-secondary-24-skyller: rgba(96 165 250 / 0.24);
651
- --transparency-secondary-32-xspector: rgba(158 158 158 / 0.32);
652
- --transparency-secondary-32-report-xspector-light-mode: rgba(221 205 0 / 0.32);
653
- --transparency-secondary-32-skyller: rgba(96 165 250 / 0.32);
654
- --transparency-secondary-48-xspector: rgba(158 158 158 / 0.48);
655
- --transparency-secondary-48-report-xspector-light-mode: rgba(221 205 0 / 0.48);
656
- --transparency-secondary-48-skyller: rgba(96 165 250 / 0.48);
657
- --transparency-tertiary-8-xspector: rgba(173 202 214 / 0.08);
658
- --transparency-tertiary-8-report-xspector-light-mode: rgba(158 158 158 / 0.08);
659
- --transparency-tertiary-8-skyller: rgba(8 145 178 / 0.08);
660
- --transparency-tertiary-12-xspector: rgba(173 202 214 / 0.12);
661
- --transparency-tertiary-12-report-xspector-light-mode: rgba(158 158 158 / 0.12);
662
- --transparency-tertiary-12-skyller: rgba(8 145 178 / 0.12);
663
- --transparency-tertiary-16-xspector: rgba(173 202 214 / 0.16);
664
- --transparency-tertiary-16-report-xspector-light-mode: rgba(158 158 158 / 0.16);
665
- --transparency-tertiary-16-skyller: rgba(8 145 178 / 0.16);
666
- --transparency-tertiary-24-xspector: rgba(173 202 214 / 0.24);
667
- --transparency-tertiary-24-report-xspector-light-mode: rgba(158 158 158 / 0.24);
668
- --transparency-tertiary-24-skyller: rgba(8 145 178 / 0.24);
669
- --transparency-tertiary-32-xspector: rgba(173 202 214 / 0.32);
670
- --transparency-tertiary-32-report-xspector-light-mode: rgba(158 158 158 / 0.32);
671
- --transparency-tertiary-32-skyller: rgba(8 145 178 / 0.32);
672
- --transparency-tertiary-48-xspector: rgba(173 202 214 / 0.48);
673
- --transparency-tertiary-48-report-xspector-light-mode: rgba(158 158 158 / 0.48);
674
- --transparency-tertiary-48-skyller: rgba(8 145 178 / 0.48);
675
- --transparency-info-8-xspector: rgba(41 152 255 / 0.08);
676
- --transparency-info-8-report-xspector-light-mode: rgba(41 152 255 / 0.08);
677
- --transparency-info-8-skyller: rgba(37 99 235 / 0.08);
678
- --transparency-info-12-xspector: rgba(41 152 255 / 0.12);
679
- --transparency-info-12-report-xspector-light-mode: rgba(41 152 255 / 0.12);
680
- --transparency-info-12-skyller: rgba(37 99 235 / 0.12);
681
- --transparency-info-16-xspector: rgba(41 152 255 / 0.16);
682
- --transparency-info-16-report-xspector-light-mode: rgba(41 152 255 / 0.16);
683
- --transparency-info-16-skyller: rgba(37 99 235 / 0.16);
684
- --transparency-info-24-xspector: rgba(41 152 255 / 0.24);
685
- --transparency-info-24-report-xspector-light-mode: rgba(41 152 255 / 0.24);
686
- --transparency-info-24-skyller: rgba(37 99 235 / 0.24);
687
- --transparency-info-32-xspector: rgba(41 152 255 / 0.32);
688
- --transparency-info-32-report-xspector-light-mode: rgba(41 152 255 / 0.32);
689
- --transparency-info-32-skyller: rgba(37 99 235 / 0.32);
690
- --transparency-info-48-xspector: rgba(41 152 255 / 0.48);
691
- --transparency-info-48-report-xspector-light-mode: rgba(41 152 255 / 0.48);
692
- --transparency-info-48-skyller: rgba(37 99 235 / 0.48);
693
- --transparency-success-8-xspector: rgba(84 214 44 / 0.08);
694
- --transparency-success-8-report-xspector-light-mode: rgba(84 214 44 / 0.08);
695
- --transparency-success-8-skyller: rgba(22 163 74 / 0.08);
696
- --transparency-success-12-xspector: rgba(84 214 44 / 0.12);
697
- --transparency-success-12-report-xspector-light-mode: rgba(84 214 44 / 0.12);
698
- --transparency-success-12-skyller: rgba(22 163 74 / 0.12);
699
- --transparency-success-16-xspector: rgba(84 214 44 / 0.16);
700
- --transparency-success-16-report-xspector-light-mode: rgba(84 214 44 / 0.16);
701
- --transparency-success-16-skyller: rgba(22 163 74 / 0.16);
702
- --transparency-success-24-xspector: rgba(84 214 44 / 0.24);
703
- --transparency-success-24-report-xspector-light-mode: rgba(84 214 44 / 0.24);
704
- --transparency-success-24-skyller: rgba(22 163 74 / 0.24);
705
- --transparency-success-32-xspector: rgba(84 214 44 / 0.32);
706
- --transparency-success-32-report-xspector-light-mode: rgba(84 214 44 / 0.32);
707
- --transparency-success-32-skyller: rgba(22 163 74 / 0.32);
708
- --transparency-success-48-xspector: rgba(84 214 44 / 0.48);
709
- --transparency-success-48-report-xspector-light-mode: rgba(84 214 44 / 0.48);
710
- --transparency-success-48-skyller: rgba(22 163 74 / 0.48);
711
- --transparency-warning-8-xspector: rgba(255 193 7 / 0.08);
712
- --transparency-warning-8-report-xspector-light-mode: rgba(255 193 7 / 0.08);
713
- --transparency-warning-8-skyller: rgba(251 191 36 / 0.08);
714
- --transparency-warning-12-xspector: rgba(255 193 7 / 0.12);
715
- --transparency-warning-12-report-xspector-light-mode: rgba(255 193 7 / 0.12);
716
- --transparency-warning-12-skyller: rgba(251 191 36 / 0.12);
717
- --transparency-warning-16-xspector: rgba(255 193 7 / 0.16);
718
- --transparency-warning-16-report-xspector-light-mode: rgba(255 193 7 / 0.16);
719
- --transparency-warning-16-skyller: rgba(251 191 36 / 0.16);
720
- --transparency-warning-24-xspector: rgba(255 193 7 / 0.24);
721
- --transparency-warning-24-report-xspector-light-mode: rgba(255 193 7 / 0.24);
722
- --transparency-warning-24-skyller: rgba(251 191 36 / 0.24);
723
- --transparency-warning-32-xspector: rgba(255 193 7 / 0.32);
724
- --transparency-warning-32-report-xspector-light-mode: rgba(255 193 7 / 0.32);
725
- --transparency-warning-32-skyller: rgba(251 191 36 / 0.32);
726
- --transparency-warning-48-xspector: rgba(255 193 7 / 0.48);
727
- --transparency-warning-48-report-xspector-light-mode: rgba(255 193 7 / 0.48);
728
- --transparency-warning-48-skyller: rgba(251 191 36 / 0.48);
729
- --transparency-error-8-xspector: rgba(255 72 66 / 0.08);
730
- --transparency-error-8-report-xspector-light-mode: rgba(255 72 66 / 0.08);
731
- --transparency-error-8-skyller: rgba(220 38 38 / 0.08);
732
- --transparency-error-12-xspector: rgba(255 72 66 / 0.12);
733
- --transparency-error-12-report-xspector-light-mode: rgba(255 72 66 / 0.12);
734
- --transparency-error-12-skyller: rgba(220 38 38 / 0.12);
735
- --transparency-error-16-xspector: rgba(255 72 66 / 0.16);
736
- --transparency-error-16-report-xspector-light-mode: rgba(255 72 66 / 0.16);
737
- --transparency-error-16-skyller: rgba(220 38 38 / 0.16);
738
- --transparency-error-24-xspector: rgba(255 72 66 / 0.24);
739
- --transparency-error-24-report-xspector-light-mode: rgba(255 72 66 / 0.24);
740
- --transparency-error-24-skyller: rgba(220 38 38 / 0.24);
741
- --transparency-error-32-xspector: rgba(255 72 66 / 0.32);
742
- --transparency-error-32-report-xspector-light-mode: rgba(255 72 66 / 0.32);
743
- --transparency-error-32-skyller: rgba(220 38 38 / 0.32);
744
- --transparency-error-48-xspector: rgba(255 72 66 / 0.48);
745
- --transparency-error-48-report-xspector-light-mode: rgba(255 72 66 / 0.48);
746
- --transparency-error-48-skyller: rgba(220 38 38 / 0.48);
747
- --transparency-grey-8-xspector: rgba(158 158 158 / 0.08);
748
- --transparency-grey-8-report-xspector-light-mode: rgba(158 158 158 / 0.08);
749
- --transparency-grey-8-skyller: rgba(115 115 115 / 0.08);
750
- --transparency-grey-12-xspector: rgba(158 158 158 / 0.12);
751
- --transparency-grey-12-report-xspector-light-mode: rgba(158 158 158 / 0.12);
752
- --transparency-grey-12-skyller: rgba(115 115 115 / 0.12);
753
- --transparency-grey-16-xspector: rgba(158 158 158 / 0.16);
754
- --transparency-grey-16-report-xspector-light-mode: rgba(158 158 158 / 0.16);
755
- --transparency-grey-16-skyller: rgba(115 115 115 / 0.16);
756
- --transparency-grey-24-xspector: rgba(158 158 158 / 0.24);
757
- --transparency-grey-24-report-xspector-light-mode: rgba(158 158 158 / 0.24);
758
- --transparency-grey-24-skyller: rgba(115 115 115 / 0.24);
759
- --transparency-grey-32-xspector: rgba(158 158 158 / 0.32);
760
- --transparency-grey-32-report-xspector-light-mode: rgba(158 158 158 / 0.32);
761
- --transparency-grey-32-skyller: rgba(115 115 115 / 0.32);
762
- --transparency-grey-48-xspector: rgba(158 158 158 / 0.48);
763
- --transparency-grey-48-report-xspector-light-mode: rgba(158 158 158 / 0.48);
764
- --transparency-grey-48-skyller: rgba(115 115 115 / 0.48);
765
- --transparency-grey2-8-xspector: rgba(145 158 171 / 0.08);
766
- --transparency-grey2-8-report-xspector-light-mode: rgba(145 158 171 / 0.08);
767
- --transparency-grey2-8-skyller: rgba(163 163 163 / 0.08);
768
- --transparency-grey2-12-xspector: rgba(145 158 171 / 0.12);
769
- --transparency-grey2-12-report-xspector-light-mode: rgba(145 158 171 / 0.12);
770
- --transparency-grey2-12-skyller: rgba(163 163 163 / 0.12);
771
- --transparency-grey2-16-xspector: rgba(145 158 171 / 0.16);
772
- --transparency-grey2-16-report-xspector-light-mode: rgba(145 158 171 / 0.16);
773
- --transparency-grey2-16-skyller: rgba(163 163 163 / 0.16);
774
- --transparency-grey2-24-xspector: rgba(145 158 171 / 0.24);
775
- --transparency-grey2-24-report-xspector-light-mode: rgba(145 158 171 / 0.24);
776
- --transparency-grey2-24-skyller: rgba(163 163 163 / 0.24);
777
- --transparency-grey2-32-xspector: rgba(145 158 171 / 0.32);
778
- --transparency-grey2-32-report-xspector-light-mode: rgba(145 158 171 / 0.32);
779
- --transparency-grey2-32-skyller: rgba(163 163 163 / 0.32);
780
- --transparency-grey2-48-xspector: rgba(145 158 171 / 0.48);
781
- --transparency-grey2-48-report-xspector-light-mode: rgba(145 158 171 / 0.48);
782
- --transparency-grey2-48-skyller: rgba(163 163 163 / 0.48);
783
- --transparency-white-8-xspector: rgba(255 255 255 / 0.08);
784
- --transparency-white-8-report-xspector-light-mode: rgba(255 255 255 / 0.08);
785
- --transparency-white-8-skyller: rgba(255 255 255 / 0.08);
786
- --transparency-white-12-xspector: rgba(255 255 255 / 0.12);
787
- --transparency-white-12-report-xspector-light-mode: rgba(255 255 255 / 0.12);
788
- --transparency-white-12-skyller: rgba(255 255 255 / 0.12);
789
- --transparency-white-16-xspector: rgba(255 255 255 / 0.16);
790
- --transparency-white-16-report-xspector-light-mode: rgba(255 255 255 / 0.16);
791
- --transparency-white-16-skyller: rgba(255 255 255 / 0.16);
792
- --transparency-white-24-xspector: rgba(255 255 255 / 0.24);
793
- --transparency-white-24-report-xspector-light-mode: rgba(255 255 255 / 0.24);
794
- --transparency-white-24-skyller: rgba(255 255 255 / 0.24);
795
- --transparency-white-32-xspector: rgba(255 255 255 / 0.32);
796
- --transparency-white-32-report-xspector-light-mode: rgba(255 255 255 / 0.32);
797
- --transparency-white-32-skyller: rgba(255 255 255 / 0.32);
798
- --transparency-white-48-xspector: rgba(255 255 255 / 0.48);
799
- --transparency-white-48-report-xspector-light-mode: rgba(255 255 255 / 0.48);
800
- --transparency-white-48-skyller: rgba(255 255 255 / 0.48);
801
- --transparency-black-8-xspector: rgba(0 0 0 / 0.08);
802
- --transparency-black-8-report-xspector-light-mode: rgba(0 0 0 / 0.08);
803
- --transparency-black-8-skyller: rgba(0 0 0 / 0.08);
804
- --transparency-black-12-xspector: rgba(0 0 0 / 0.12);
805
- --transparency-black-12-report-xspector-light-mode: rgba(0 0 0 / 0.12);
806
- --transparency-black-12-skyller: rgba(0 0 0 / 0.12);
807
- --transparency-black-16-xspector: rgba(0 0 0 / 0.16);
808
- --transparency-black-16-report-xspector-light-mode: rgba(0 0 0 / 0.16);
809
- --transparency-black-16-skyller: rgba(0 0 0 / 0.16);
810
- --transparency-black-24-xspector: rgba(0 0 0 / 0.24);
811
- --transparency-black-24-report-xspector-light-mode: rgba(0 0 0 / 0.24);
812
- --transparency-black-24-skyller: rgba(0 0 0 / 0.24);
813
- --transparency-black-32-xspector: rgba(0 0 0 / 0.32);
814
- --transparency-black-32-report-xspector-light-mode: rgba(0 0 0 / 0.32);
815
- --transparency-black-32-skyller: rgba(0 0 0 / 0.32);
816
- --transparency-black-48-xspector: rgba(0 0 0 / 0.48);
817
- --transparency-black-48-report-xspector-light-mode: rgba(0 0 0 / 0.48);
818
- --transparency-black-48-skyller: rgba(0 0 0 / 0.48);
819
- --base-modal-modal-xspector: #2d2e30;
820
- --base-modal-modal-report-xspector-light-mode: #ffffff;
821
- --base-modal-modal-skyller: #ffffff;
822
- --base-modal-modal-highlight-xspector: #343638;
823
- --base-modal-modal-highlight-report-xspector-light-mode: #f5f5f5;
824
- --base-modal-modal-highlight-skyller: #f5f5f5;
825
- --base-modal-modal-curtain-xspector: rgba(11 10 10 / 0.64);
826
- --base-modal-modal-curtain-report-xspector-light-mode: rgba(0 0 0 / 0.64);
827
- --base-modal-modal-curtain-skyller: rgba(0 0 0 / 0.64);
828
- --base-bg-bg1-xspector: #030c15;
829
- --base-bg-bg1-report-xspector-light-mode: #ffffff;
830
- --base-bg-bg1-skyller: #2563eb;
831
- --base-bg-bg2-xspector: #051627;
832
- --base-bg-bg2-report-xspector-light-mode: #f5f5f5;
833
- --base-bg-bg2-skyller: #fafafa;
834
- --base-bg-bg3-xspector: #000000;
835
- --base-bg-bg3-report-xspector-light-mode: #d8d8d8;
836
- --base-bg-bg3-skyller: #f5f5f5;
837
- --base-bg-stroke1-xspector: #000000;
838
- --base-bg-stroke1-report-xspector-light-mode: #e2e2e2;
839
- --base-bg-stroke1-skyller: #e5e5e5;
840
- --base-bg-stroke2-xspector: #000000;
841
- --base-bg-stroke2-report-xspector-light-mode: #c5c5c5;
842
- --base-bg-stroke2-skyller: #d4d4d4;
621
+ --transparent-primary-8-xspector: rgba(221 205 0 / 0.08);
622
+ --transparent-primary-8-report-xspector-light-mode: rgba(30 50 73 / 0.08);
623
+ --transparent-primary-8-skyller: rgba(37 99 235 / 0.08);
624
+ --transparent-primary-12-xspector: rgba(221 205 0 / 0.12);
625
+ --transparent-primary-12-report-xspector-light-mode: rgba(30 50 73 / 0.12);
626
+ --transparent-primary-12-skyller: rgba(37 99 235 / 0.12);
627
+ --transparent-primary-16-xspector: rgba(221 205 0 / 0.16);
628
+ --transparent-primary-16-report-xspector-light-mode: rgba(30 50 73 / 0.16);
629
+ --transparent-primary-16-skyller: rgba(37 99 235 / 0.16);
630
+ --transparent-primary-24-xspector: rgba(221 205 0 / 0.24);
631
+ --transparent-primary-24-report-xspector-light-mode: rgba(30 50 73 / 0.24);
632
+ --transparent-primary-24-skyller: rgba(37 99 235 / 0.24);
633
+ --transparent-primary-32-xspector: rgba(221 205 0 / 0.32);
634
+ --transparent-primary-32-report-xspector-light-mode: rgba(30 50 73 / 0.32);
635
+ --transparent-primary-32-skyller: rgba(37 99 235 / 0.32);
636
+ --transparent-primary-48-xspector: rgba(221 205 0 / 0.48);
637
+ --transparent-primary-48-report-xspector-light-mode: rgba(30 50 73 / 0.48);
638
+ --transparent-primary-48-skyller: rgba(37 99 235 / 0.48);
639
+ --transparent-secondary-8-xspector: rgba(158 158 158 / 0.08);
640
+ --transparent-secondary-8-report-xspector-light-mode: rgba(221 205 0 / 0.08);
641
+ --transparent-secondary-8-skyller: rgba(96 165 250 / 0.08);
642
+ --transparent-secondary-12-xspector: rgba(158 158 158 / 0.12);
643
+ --transparent-secondary-12-report-xspector-light-mode: rgba(221 205 0 / 0.12);
644
+ --transparent-secondary-12-skyller: rgba(96 165 250 / 0.12);
645
+ --transparent-secondary-16-xspector: rgba(158 158 158 / 0.16);
646
+ --transparent-secondary-16-report-xspector-light-mode: rgba(221 205 0 / 0.16);
647
+ --transparent-secondary-16-skyller: rgba(96 165 250 / 0.16);
648
+ --transparent-secondary-24-xspector: rgba(158 158 158 / 0.24);
649
+ --transparent-secondary-24-report-xspector-light-mode: rgba(221 205 0 / 0.24);
650
+ --transparent-secondary-24-skyller: rgba(96 165 250 / 0.24);
651
+ --transparent-secondary-32-xspector: rgba(158 158 158 / 0.32);
652
+ --transparent-secondary-32-report-xspector-light-mode: rgba(221 205 0 / 0.32);
653
+ --transparent-secondary-32-skyller: rgba(96 165 250 / 0.32);
654
+ --transparent-secondary-48-xspector: rgba(158 158 158 / 0.48);
655
+ --transparent-secondary-48-report-xspector-light-mode: rgba(221 205 0 / 0.48);
656
+ --transparent-secondary-48-skyller: rgba(96 165 250 / 0.48);
657
+ --transparent-tertiary-8-xspector: rgba(173 202 214 / 0.08);
658
+ --transparent-tertiary-8-report-xspector-light-mode: rgba(158 158 158 / 0.08);
659
+ --transparent-tertiary-8-skyller: rgba(8 145 178 / 0.08);
660
+ --transparent-tertiary-12-xspector: rgba(173 202 214 / 0.12);
661
+ --transparent-tertiary-12-report-xspector-light-mode: rgba(158 158 158 / 0.12);
662
+ --transparent-tertiary-12-skyller: rgba(8 145 178 / 0.12);
663
+ --transparent-tertiary-16-xspector: rgba(173 202 214 / 0.16);
664
+ --transparent-tertiary-16-report-xspector-light-mode: rgba(158 158 158 / 0.16);
665
+ --transparent-tertiary-16-skyller: rgba(8 145 178 / 0.16);
666
+ --transparent-tertiary-24-xspector: rgba(173 202 214 / 0.24);
667
+ --transparent-tertiary-24-report-xspector-light-mode: rgba(158 158 158 / 0.24);
668
+ --transparent-tertiary-24-skyller: rgba(8 145 178 / 0.24);
669
+ --transparent-tertiary-32-xspector: rgba(173 202 214 / 0.32);
670
+ --transparent-tertiary-32-report-xspector-light-mode: rgba(158 158 158 / 0.32);
671
+ --transparent-tertiary-32-skyller: rgba(8 145 178 / 0.32);
672
+ --transparent-tertiary-48-xspector: rgba(173 202 214 / 0.48);
673
+ --transparent-tertiary-48-report-xspector-light-mode: rgba(158 158 158 / 0.48);
674
+ --transparent-tertiary-48-skyller: rgba(8 145 178 / 0.48);
675
+ --transparent-info-8-xspector: rgba(41 152 255 / 0.08);
676
+ --transparent-info-8-report-xspector-light-mode: rgba(41 152 255 / 0.08);
677
+ --transparent-info-8-skyller: rgba(37 99 235 / 0.08);
678
+ --transparent-info-12-xspector: rgba(41 152 255 / 0.12);
679
+ --transparent-info-12-report-xspector-light-mode: rgba(41 152 255 / 0.12);
680
+ --transparent-info-12-skyller: rgba(37 99 235 / 0.12);
681
+ --transparent-info-16-xspector: rgba(41 152 255 / 0.16);
682
+ --transparent-info-16-report-xspector-light-mode: rgba(41 152 255 / 0.16);
683
+ --transparent-info-16-skyller: rgba(37 99 235 / 0.16);
684
+ --transparent-info-24-xspector: rgba(41 152 255 / 0.24);
685
+ --transparent-info-24-report-xspector-light-mode: rgba(41 152 255 / 0.24);
686
+ --transparent-info-24-skyller: rgba(37 99 235 / 0.24);
687
+ --transparent-info-32-xspector: rgba(41 152 255 / 0.32);
688
+ --transparent-info-32-report-xspector-light-mode: rgba(41 152 255 / 0.32);
689
+ --transparent-info-32-skyller: rgba(37 99 235 / 0.32);
690
+ --transparent-info-48-xspector: rgba(41 152 255 / 0.48);
691
+ --transparent-info-48-report-xspector-light-mode: rgba(41 152 255 / 0.48);
692
+ --transparent-info-48-skyller: rgba(37 99 235 / 0.48);
693
+ --transparent-success-8-xspector: rgba(84 214 44 / 0.08);
694
+ --transparent-success-8-report-xspector-light-mode: rgba(84 214 44 / 0.08);
695
+ --transparent-success-8-skyller: rgba(22 163 74 / 0.08);
696
+ --transparent-success-12-xspector: rgba(84 214 44 / 0.12);
697
+ --transparent-success-12-report-xspector-light-mode: rgba(84 214 44 / 0.12);
698
+ --transparent-success-12-skyller: rgba(22 163 74 / 0.12);
699
+ --transparent-success-16-xspector: rgba(84 214 44 / 0.16);
700
+ --transparent-success-16-report-xspector-light-mode: rgba(84 214 44 / 0.16);
701
+ --transparent-success-16-skyller: rgba(22 163 74 / 0.16);
702
+ --transparent-success-24-xspector: rgba(84 214 44 / 0.24);
703
+ --transparent-success-24-report-xspector-light-mode: rgba(84 214 44 / 0.24);
704
+ --transparent-success-24-skyller: rgba(22 163 74 / 0.24);
705
+ --transparent-success-32-xspector: rgba(84 214 44 / 0.32);
706
+ --transparent-success-32-report-xspector-light-mode: rgba(84 214 44 / 0.32);
707
+ --transparent-success-32-skyller: rgba(22 163 74 / 0.32);
708
+ --transparent-success-48-xspector: rgba(84 214 44 / 0.48);
709
+ --transparent-success-48-report-xspector-light-mode: rgba(84 214 44 / 0.48);
710
+ --transparent-success-48-skyller: rgba(22 163 74 / 0.48);
711
+ --transparent-warning-8-xspector: rgba(255 193 7 / 0.08);
712
+ --transparent-warning-8-report-xspector-light-mode: rgba(255 193 7 / 0.08);
713
+ --transparent-warning-8-skyller: rgba(251 191 36 / 0.08);
714
+ --transparent-warning-12-xspector: rgba(255 193 7 / 0.12);
715
+ --transparent-warning-12-report-xspector-light-mode: rgba(255 193 7 / 0.12);
716
+ --transparent-warning-12-skyller: rgba(251 191 36 / 0.12);
717
+ --transparent-warning-16-xspector: rgba(255 193 7 / 0.16);
718
+ --transparent-warning-16-report-xspector-light-mode: rgba(255 193 7 / 0.16);
719
+ --transparent-warning-16-skyller: rgba(251 191 36 / 0.16);
720
+ --transparent-warning-24-xspector: rgba(255 193 7 / 0.24);
721
+ --transparent-warning-24-report-xspector-light-mode: rgba(255 193 7 / 0.24);
722
+ --transparent-warning-24-skyller: rgba(251 191 36 / 0.24);
723
+ --transparent-warning-32-xspector: rgba(255 193 7 / 0.32);
724
+ --transparent-warning-32-report-xspector-light-mode: rgba(255 193 7 / 0.32);
725
+ --transparent-warning-32-skyller: rgba(251 191 36 / 0.32);
726
+ --transparent-warning-48-xspector: rgba(255 193 7 / 0.48);
727
+ --transparent-warning-48-report-xspector-light-mode: rgba(255 193 7 / 0.48);
728
+ --transparent-warning-48-skyller: rgba(251 191 36 / 0.48);
729
+ --transparent-error-8-xspector: rgba(255 72 66 / 0.08);
730
+ --transparent-error-8-report-xspector-light-mode: rgba(255 72 66 / 0.08);
731
+ --transparent-error-8-skyller: rgba(220 38 38 / 0.08);
732
+ --transparent-error-12-xspector: rgba(255 72 66 / 0.12);
733
+ --transparent-error-12-report-xspector-light-mode: rgba(255 72 66 / 0.12);
734
+ --transparent-error-12-skyller: rgba(220 38 38 / 0.12);
735
+ --transparent-error-16-xspector: rgba(255 72 66 / 0.16);
736
+ --transparent-error-16-report-xspector-light-mode: rgba(255 72 66 / 0.16);
737
+ --transparent-error-16-skyller: rgba(220 38 38 / 0.16);
738
+ --transparent-error-24-xspector: rgba(255 72 66 / 0.24);
739
+ --transparent-error-24-report-xspector-light-mode: rgba(255 72 66 / 0.24);
740
+ --transparent-error-24-skyller: rgba(220 38 38 / 0.24);
741
+ --transparent-error-32-xspector: rgba(255 72 66 / 0.32);
742
+ --transparent-error-32-report-xspector-light-mode: rgba(255 72 66 / 0.32);
743
+ --transparent-error-32-skyller: rgba(220 38 38 / 0.32);
744
+ --transparent-error-48-xspector: rgba(255 72 66 / 0.48);
745
+ --transparent-error-48-report-xspector-light-mode: rgba(255 72 66 / 0.48);
746
+ --transparent-error-48-skyller: rgba(220 38 38 / 0.48);
747
+ --transparent-grey-8-xspector: rgba(158 158 158 / 0.08);
748
+ --transparent-grey-8-report-xspector-light-mode: rgba(158 158 158 / 0.08);
749
+ --transparent-grey-8-skyller: rgba(115 115 115 / 0.08);
750
+ --transparent-grey-12-xspector: rgba(158 158 158 / 0.12);
751
+ --transparent-grey-12-report-xspector-light-mode: rgba(158 158 158 / 0.12);
752
+ --transparent-grey-12-skyller: rgba(115 115 115 / 0.12);
753
+ --transparent-grey-16-xspector: rgba(158 158 158 / 0.16);
754
+ --transparent-grey-16-report-xspector-light-mode: rgba(158 158 158 / 0.16);
755
+ --transparent-grey-16-skyller: rgba(115 115 115 / 0.16);
756
+ --transparent-grey-24-xspector: rgba(158 158 158 / 0.24);
757
+ --transparent-grey-24-report-xspector-light-mode: rgba(158 158 158 / 0.24);
758
+ --transparent-grey-24-skyller: rgba(115 115 115 / 0.24);
759
+ --transparent-grey-32-xspector: rgba(158 158 158 / 0.32);
760
+ --transparent-grey-32-report-xspector-light-mode: rgba(158 158 158 / 0.32);
761
+ --transparent-grey-32-skyller: rgba(115 115 115 / 0.32);
762
+ --transparent-grey-48-xspector: rgba(158 158 158 / 0.48);
763
+ --transparent-grey-48-report-xspector-light-mode: rgba(158 158 158 / 0.48);
764
+ --transparent-grey-48-skyller: rgba(115 115 115 / 0.48);
765
+ --transparent-grey2-8-xspector: rgba(145 158 171 / 0.08);
766
+ --transparent-grey2-8-report-xspector-light-mode: rgba(145 158 171 / 0.08);
767
+ --transparent-grey2-8-skyller: rgba(163 163 163 / 0.08);
768
+ --transparent-grey2-12-xspector: rgba(145 158 171 / 0.12);
769
+ --transparent-grey2-12-report-xspector-light-mode: rgba(145 158 171 / 0.12);
770
+ --transparent-grey2-12-skyller: rgba(163 163 163 / 0.12);
771
+ --transparent-grey2-16-xspector: rgba(145 158 171 / 0.16);
772
+ --transparent-grey2-16-report-xspector-light-mode: rgba(145 158 171 / 0.16);
773
+ --transparent-grey2-16-skyller: rgba(163 163 163 / 0.16);
774
+ --transparent-grey2-24-xspector: rgba(145 158 171 / 0.24);
775
+ --transparent-grey2-24-report-xspector-light-mode: rgba(145 158 171 / 0.24);
776
+ --transparent-grey2-24-skyller: rgba(163 163 163 / 0.24);
777
+ --transparent-grey2-32-xspector: rgba(145 158 171 / 0.32);
778
+ --transparent-grey2-32-report-xspector-light-mode: rgba(145 158 171 / 0.32);
779
+ --transparent-grey2-32-skyller: rgba(163 163 163 / 0.32);
780
+ --transparent-grey2-48-xspector: rgba(145 158 171 / 0.48);
781
+ --transparent-grey2-48-report-xspector-light-mode: rgba(145 158 171 / 0.48);
782
+ --transparent-grey2-48-skyller: rgba(163 163 163 / 0.48);
783
+ --transparent-white-8-xspector: rgba(255 255 255 / 0.08);
784
+ --transparent-white-8-report-xspector-light-mode: rgba(255 255 255 / 0.08);
785
+ --transparent-white-8-skyller: rgba(255 255 255 / 0.08);
786
+ --transparent-white-12-xspector: rgba(255 255 255 / 0.12);
787
+ --transparent-white-12-report-xspector-light-mode: rgba(255 255 255 / 0.12);
788
+ --transparent-white-12-skyller: rgba(255 255 255 / 0.12);
789
+ --transparent-white-16-xspector: rgba(255 255 255 / 0.16);
790
+ --transparent-white-16-report-xspector-light-mode: rgba(255 255 255 / 0.16);
791
+ --transparent-white-16-skyller: rgba(255 255 255 / 0.16);
792
+ --transparent-white-24-xspector: rgba(255 255 255 / 0.24);
793
+ --transparent-white-24-report-xspector-light-mode: rgba(255 255 255 / 0.24);
794
+ --transparent-white-24-skyller: rgba(255 255 255 / 0.24);
795
+ --transparent-white-32-xspector: rgba(255 255 255 / 0.32);
796
+ --transparent-white-32-report-xspector-light-mode: rgba(255 255 255 / 0.32);
797
+ --transparent-white-32-skyller: rgba(255 255 255 / 0.32);
798
+ --transparent-white-48-xspector: rgba(255 255 255 / 0.48);
799
+ --transparent-white-48-report-xspector-light-mode: rgba(255 255 255 / 0.48);
800
+ --transparent-white-48-skyller: rgba(255 255 255 / 0.48);
801
+ --transparent-black-8-xspector: rgba(0 0 0 / 0.08);
802
+ --transparent-black-8-report-xspector-light-mode: rgba(0 0 0 / 0.08);
803
+ --transparent-black-8-skyller: rgba(0 0 0 / 0.08);
804
+ --transparent-black-12-xspector: rgba(0 0 0 / 0.12);
805
+ --transparent-black-12-report-xspector-light-mode: rgba(0 0 0 / 0.12);
806
+ --transparent-black-12-skyller: rgba(0 0 0 / 0.12);
807
+ --transparent-black-16-xspector: rgba(0 0 0 / 0.16);
808
+ --transparent-black-16-report-xspector-light-mode: rgba(0 0 0 / 0.16);
809
+ --transparent-black-16-skyller: rgba(0 0 0 / 0.16);
810
+ --transparent-black-24-xspector: rgba(0 0 0 / 0.24);
811
+ --transparent-black-24-report-xspector-light-mode: rgba(0 0 0 / 0.24);
812
+ --transparent-black-24-skyller: rgba(0 0 0 / 0.24);
813
+ --transparent-black-32-xspector: rgba(0 0 0 / 0.32);
814
+ --transparent-black-32-report-xspector-light-mode: rgba(0 0 0 / 0.32);
815
+ --transparent-black-32-skyller: rgba(0 0 0 / 0.32);
816
+ --transparent-black-48-xspector: rgba(0 0 0 / 0.48);
817
+ --transparent-black-48-report-xspector-light-mode: rgba(0 0 0 / 0.48);
818
+ --transparent-black-48-skyller: rgba(0 0 0 / 0.48);
819
+ --modal-surface-xspector: #2d2e30;
820
+ --modal-surface-report-xspector-light-mode: #ffffff;
821
+ --modal-surface-skyller: #ffffff;
822
+ --modal-highlight-xspector: #343638;
823
+ --modal-highlight-report-xspector-light-mode: #f5f5f5;
824
+ --modal-highlight-skyller: #f5f5f5;
825
+ --modal-overlay-xspector: rgba(11 10 10 / 0.64);
826
+ --modal-overlay-report-xspector-light-mode: rgba(0 0 0 / 0.64);
827
+ --modal-overlay-skyller: rgba(0 0 0 / 0.64);
828
+ --bg-bg1-xspector: #030c15;
829
+ --bg-bg1-report-xspector-light-mode: #ffffff;
830
+ --bg-bg1-skyller: #2563eb;
831
+ --bg-bg2-xspector: #0a1b2e;
832
+ --bg-bg2-report-xspector-light-mode: #ffffff;
833
+ --bg-bg2-skyller: #f8fbff;
834
+ --bg-bg3-xspector: #000000;
835
+ --bg-bg3-report-xspector-light-mode: #d8d8d8;
836
+ --bg-bg3-skyller: #f5f5f5;
837
+ --bg-stroke1-xspector: #000000;
838
+ --bg-stroke1-report-xspector-light-mode: #e2e2e2;
839
+ --bg-stroke1-skyller: #e5e5e5;
840
+ --bg-stroke2-xspector: #000000;
841
+ --bg-stroke2-report-xspector-light-mode: #c5c5c5;
842
+ --bg-stroke2-skyller: #d4d4d4;
843
843
  --input-default-text-xspector: #9e9e9e;
844
844
  --input-default-text-report-xspector-light-mode: #9e9e9e;
845
845
  --input-default-text-skyller: #737373;
@@ -887,16 +887,16 @@
887
887
  --function-default-outline-icon-skyller: #2563eb;
888
888
  --function-active-solid-xspector: #b1a400;
889
889
  --function-active-solid-report-xspector-light-mode: #9b8f00;
890
- --function-active-solid-skyller: #2563eb;
890
+ --function-active-solid-skyller: #60a5fa;
891
891
  --function-active-hover-xspector: #ddcd00;
892
892
  --function-active-hover-report-xspector-light-mode: #b1a400;
893
- --function-active-hover-skyller: #90c0fc;
893
+ --function-active-hover-skyller: #80b7fb;
894
894
  --function-active-hover-bg-xspector: rgba(221 205 0 / 0.08);
895
895
  --function-active-hover-bg-report-xspector-light-mode: rgba(221 205 0 / 0.08);
896
- --function-active-hover-bg-skyller: rgba(144 192 252 / 0.08);
896
+ --function-active-hover-bg-skyller: rgba(128 183 251 / 0.08);
897
897
  --function-active-stroke-xspector: rgba(177 164 0 / 0.48);
898
898
  --function-active-stroke-report-xspector-light-mode: rgba(177 164 0 / 0.48);
899
- --function-active-stroke-skyller: rgba(37 99 235 / 0.48);
899
+ --function-active-stroke-skyller: rgba(96 165 250 / 0.48);
900
900
  --function-active-icon-xspector: #212b36;
901
901
  --function-active-icon-report-xspector-light-mode: #ffffff;
902
902
  --function-active-icon-skyller: #ffffff;
@@ -1017,9 +1017,9 @@
1017
1017
  --others-35-xspector: #56d364;
1018
1018
  --others-35-report-xspector-light-mode: #56d364;
1019
1019
  --others-35-skyller: #56d364;
1020
- --page-bg-main-bg-xspector: #091d33;
1021
- --page-bg-main-bg-report-xspector-light-mode: #ffffff;
1022
- --page-bg-main-bg-skyller: #ffffff;
1020
+ --page-bg-main-xspector: #091d33;
1021
+ --page-bg-main-report-xspector-light-mode: #ffffff;
1022
+ --page-bg-main-skyller: #ffffff;
1023
1023
  --page-bg-circle-top-g-in-xspector: #003d6c;
1024
1024
  --page-bg-circle-top-g-in-report-xspector-light-mode: #adcad6;
1025
1025
  --page-bg-circle-top-g-in-skyller: #cfe4fd;
@@ -1035,6 +1035,24 @@
1035
1035
  --text-white-xspector: #ffffff;
1036
1036
  --text-white-report-xspector-light-mode: #ffffff;
1037
1037
  --text-white-skyller: #ffffff;
1038
+ --modal-line-xspector: rgba(158 158 158 / 0.24);
1039
+ --modal-line-report-xspector-light-mode: #cfcfcf;
1040
+ --modal-line-skyller: #d4d4d4;
1041
+ --bg-bg4-xspector: #000000;
1042
+ --bg-bg4-report-xspector-light-mode: #d8d8d8;
1043
+ --bg-bg4-skyller: #f5f5f5;
1044
+ --bg-bg5-xspector: #000000;
1045
+ --bg-bg5-report-xspector-light-mode: #d8d8d8;
1046
+ --bg-bg5-skyller: #f5f5f5;
1047
+ --bg-stroke3-xspector: #000000;
1048
+ --bg-stroke3-report-xspector-light-mode: #c5c5c5;
1049
+ --bg-stroke3-skyller: #d4d4d4;
1050
+ --bg-stroke4-xspector: #000000;
1051
+ --bg-stroke4-report-xspector-light-mode: #c5c5c5;
1052
+ --bg-stroke4-skyller: #d4d4d4;
1053
+ --bg-stroke5-xspector: #000000;
1054
+ --bg-stroke5-report-xspector-light-mode: #c5c5c5;
1055
+ --bg-stroke5-skyller: #d4d4d4;
1038
1056
 
1039
1057
  /* BUTTON RADIUS */
1040
1058
  --button-l-round: 8px;
package/src/theme/themes/xspector/baseline.css CHANGED
@@ -1,7 +1,3 @@
1
- @import url(palette.css);
2
- @import url(state.css);
3
- @import url(color.css);
4
- @import url(transparent.css);
5
1
  @import url(typography.css);
6
2
  @import url(components/action-button.css);
7
3
  @import url(components/loading.css);
package/src/theme/themes/xspector/components/dropdown-menu.css CHANGED
@@ -6,7 +6,7 @@
6
6
  /* Element: [default, hover, selected, disabled] */
7
7
  /* ------------------------------------------------------------------ */
8
8
 
9
- --dropdown-menu-seperator-bg: var(--other-transparency-white-08);
9
+ --dropdown-menu-seperator-bg: var(--transparent-white-8);
10
10
  --dropdown-menu-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);
11
11
 
12
12
  /* Default State */
@@ -14,15 +14,15 @@
14
14
  --dropdown-menu-default-text: inherit;
15
15
 
16
16
  /* Hover State */
17
- --dropdown-menu-hover-bg: var(--other-transparency-white-08);
17
+ --dropdown-menu-hover-bg: var(--transparent-white-8);
18
18
  --dropdown-menu-hover-text: inherit;
19
19
 
20
20
  /* Selected State */
21
- --dropdown-menu-selected-bg: var(--grey-grey-150);
21
+ --dropdown-menu-selected-bg: var(--ramps-grey-150);
22
22
  --dropdown-menu-selected-text: inherit;
23
23
 
24
24
  /* Disabled State */
25
25
  --dropdown-menu-disabled-bg: transparent;
26
- --dropdown-menu-disabled-text: var(--grey-grey-140);
26
+ --dropdown-menu-disabled-text: var(--ramps-grey-140);
27
27
 
28
28
  }
package/src/theme/themes/xspector/components/loading.css CHANGED
@@ -6,6 +6,6 @@
6
6
  /* Element: [progress, track] */
7
7
  /* ------------------------------------------------------------------ */
8
8
 
9
- --loading-process-color: var(--primary);
10
- --loading-track-color: #9E9E9E7A;
9
+ --loading-process-color: var(--brand-rvl-yellow);
10
+ --loading-track-color: var(--transparent-grey-32);
11
11
  }
package/src/theme/tokens/baseline.css CHANGED
@@ -1,7 +1,4 @@
1
- @import url(palette.css);
2
- @import url(state.css);
3
1
  @import url(color.css);
4
- @import url(transparent.css);
5
2
  @import url(variables.css);
6
3
  @import url(typography.css);
7
4
  @import url(components/button.css);