@coveord/plasma-mantine 55.7.2-next.0 → 55.7.2

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 (217) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/.turbo/turbo-test.log +51 -55
  3. package/dist/.tsbuildinfo +1 -1
  4. package/dist/cjs/components/browser-preview/BrowserPreview.d.ts.map +1 -1
  5. package/dist/cjs/components/browser-preview/BrowserPreview.module.css +1 -1
  6. package/dist/cjs/components/button/Button.d.ts +0 -5
  7. package/dist/cjs/components/button/Button.d.ts.map +1 -1
  8. package/dist/cjs/components/button/Button.js +3 -40
  9. package/dist/cjs/components/button/Button.js.map +1 -1
  10. package/dist/cjs/components/code-editor/CodeEditor.d.ts.map +1 -1
  11. package/dist/cjs/components/code-editor/CodeEditor.js +30 -13
  12. package/dist/cjs/components/code-editor/CodeEditor.js.map +1 -1
  13. package/dist/cjs/components/collection/enhanceWithCollectionProps.d.ts.map +1 -1
  14. package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.d.ts.map +1 -1
  15. package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.d.ts.map +1 -1
  16. package/dist/cjs/components/date-range-picker/DateRangePickerPresetSelect.d.ts.map +1 -1
  17. package/dist/cjs/components/date-range-picker/EditableDateRangePicker.d.ts.map +1 -1
  18. package/dist/cjs/components/header/Header.module.css +7 -2
  19. package/dist/cjs/components/index.d.ts +0 -2
  20. package/dist/cjs/components/index.d.ts.map +1 -1
  21. package/dist/cjs/components/index.js +0 -2
  22. package/dist/cjs/components/index.js.map +1 -1
  23. package/dist/cjs/components/prompt/Prompt.js +1 -1
  24. package/dist/cjs/components/prompt/Prompt.js.map +1 -1
  25. package/dist/cjs/components/prompt/Prompt.module.css +15 -4
  26. package/dist/cjs/components/prompt/PromptConfirmButton.js +4 -4
  27. package/dist/cjs/components/prompt/PromptConfirmButton.js.map +1 -1
  28. package/dist/cjs/components/read-only/ReadOnlyInputStyles.d.ts.map +1 -1
  29. package/dist/cjs/components/sticky-footer/StickyFooter.module.css +3 -3
  30. package/dist/cjs/components/table/use-table.d.ts.map +1 -1
  31. package/dist/cjs/components/table/use-url-synced-state.d.ts.map +1 -1
  32. package/dist/cjs/hooks/useClickWithLoading.d.ts.map +1 -1
  33. package/dist/cjs/hooks/useControlledList.d.ts.map +1 -1
  34. package/dist/cjs/styles/ActionIcon.module.css +6 -0
  35. package/dist/cjs/styles/Alert.module.css +26 -1
  36. package/dist/cjs/styles/Anchor.module.css +6 -0
  37. package/dist/cjs/styles/AppShellNavBar.module.css +3 -0
  38. package/dist/cjs/styles/Badge.module.css +2 -0
  39. package/dist/cjs/styles/Checkbox.module.css +17 -0
  40. package/dist/cjs/styles/Combobox.module.css +2 -3
  41. package/dist/cjs/styles/DatePicker.module.css +3 -0
  42. package/dist/cjs/styles/Input.module.css +3 -0
  43. package/dist/cjs/styles/InputWrapper.module.css +9 -0
  44. package/dist/cjs/styles/Modal.module.css +62 -0
  45. package/dist/cjs/styles/NavLink.module.css +18 -0
  46. package/dist/cjs/styles/Notification.module.css +20 -0
  47. package/dist/cjs/styles/Pagination.module.css +30 -0
  48. package/dist/cjs/styles/Radio.module.css +6 -0
  49. package/dist/cjs/styles/ReadOnlyInput.module.css +3 -3
  50. package/dist/cjs/styles/SegmentedControl.module.css +32 -0
  51. package/dist/cjs/styles/Select.module.css +39 -0
  52. package/dist/cjs/styles/Stepper.module.css +66 -0
  53. package/dist/cjs/styles/Tabs.module.css +4 -0
  54. package/dist/cjs/theme/PlasmaColors.d.ts +7 -11
  55. package/dist/cjs/theme/PlasmaColors.d.ts.map +1 -1
  56. package/dist/cjs/theme/PlasmaColors.js +19 -144
  57. package/dist/cjs/theme/PlasmaColors.js.map +1 -1
  58. package/dist/cjs/theme/Theme.d.ts.map +1 -1
  59. package/dist/cjs/theme/Theme.js +115 -43
  60. package/dist/cjs/theme/Theme.js.map +1 -1
  61. package/dist/cjs/theme/mergeCSSVariablesResolvers.d.ts.map +1 -1
  62. package/dist/cjs/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
  63. package/dist/cjs/theme/plasmaCSSVariablesResolver.js +5 -1
  64. package/dist/cjs/theme/plasmaCSSVariablesResolver.js.map +1 -1
  65. package/dist/cjs/utils/createFactoryComponent.d.ts.map +1 -1
  66. package/dist/cjs/utils/overrideComponent.d.ts.map +1 -1
  67. package/dist/cjs/vars/Notification.vars.d.ts +3 -0
  68. package/dist/cjs/vars/Notification.vars.d.ts.map +1 -0
  69. package/dist/cjs/vars/Notification.vars.js +44 -0
  70. package/dist/cjs/vars/Notification.vars.js.map +1 -0
  71. package/dist/cjs/vars/Text.vars.d.ts +3 -0
  72. package/dist/cjs/vars/Text.vars.d.ts.map +1 -0
  73. package/dist/cjs/vars/Text.vars.js +25 -0
  74. package/dist/cjs/vars/Text.vars.js.map +1 -0
  75. package/dist/esm/components/browser-preview/BrowserPreview.d.ts.map +1 -1
  76. package/dist/esm/components/browser-preview/BrowserPreview.module.css +1 -1
  77. package/dist/esm/components/button/Button.d.ts +0 -5
  78. package/dist/esm/components/button/Button.d.ts.map +1 -1
  79. package/dist/esm/components/button/Button.js +0 -17
  80. package/dist/esm/components/button/Button.js.map +1 -1
  81. package/dist/esm/components/code-editor/CodeEditor.d.ts.map +1 -1
  82. package/dist/esm/components/code-editor/CodeEditor.js +10 -2
  83. package/dist/esm/components/code-editor/CodeEditor.js.map +1 -1
  84. package/dist/esm/components/collection/enhanceWithCollectionProps.d.ts.map +1 -1
  85. package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.d.ts.map +1 -1
  86. package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.d.ts.map +1 -1
  87. package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.d.ts.map +1 -1
  88. package/dist/esm/components/date-range-picker/EditableDateRangePicker.d.ts.map +1 -1
  89. package/dist/esm/components/header/Header.module.css +7 -2
  90. package/dist/esm/components/index.d.ts +0 -2
  91. package/dist/esm/components/index.d.ts.map +1 -1
  92. package/dist/esm/components/index.js +0 -2
  93. package/dist/esm/components/index.js.map +1 -1
  94. package/dist/esm/components/prompt/Prompt.js +1 -1
  95. package/dist/esm/components/prompt/Prompt.js.map +1 -1
  96. package/dist/esm/components/prompt/Prompt.module.css +15 -4
  97. package/dist/esm/components/prompt/PromptConfirmButton.js +4 -4
  98. package/dist/esm/components/prompt/PromptConfirmButton.js.map +1 -1
  99. package/dist/esm/components/read-only/ReadOnlyInputStyles.d.ts.map +1 -1
  100. package/dist/esm/components/sticky-footer/StickyFooter.module.css +3 -3
  101. package/dist/esm/components/table/use-table.d.ts.map +1 -1
  102. package/dist/esm/components/table/use-url-synced-state.d.ts.map +1 -1
  103. package/dist/esm/hooks/useClickWithLoading.d.ts.map +1 -1
  104. package/dist/esm/hooks/useControlledList.d.ts.map +1 -1
  105. package/dist/esm/styles/ActionIcon.module.css +6 -0
  106. package/dist/esm/styles/Alert.module.css +26 -1
  107. package/dist/esm/styles/Anchor.module.css +6 -0
  108. package/dist/esm/styles/AppShellNavBar.module.css +3 -0
  109. package/dist/esm/styles/Badge.module.css +2 -0
  110. package/dist/esm/styles/Checkbox.module.css +17 -0
  111. package/dist/esm/styles/Combobox.module.css +2 -3
  112. package/dist/esm/styles/DatePicker.module.css +3 -0
  113. package/dist/esm/styles/Input.module.css +3 -0
  114. package/dist/esm/styles/InputWrapper.module.css +9 -0
  115. package/dist/esm/styles/Modal.module.css +62 -0
  116. package/dist/esm/styles/NavLink.module.css +18 -0
  117. package/dist/esm/styles/Notification.module.css +20 -0
  118. package/dist/esm/styles/Pagination.module.css +30 -0
  119. package/dist/esm/styles/Radio.module.css +6 -0
  120. package/dist/esm/styles/ReadOnlyInput.module.css +3 -3
  121. package/dist/esm/styles/SegmentedControl.module.css +32 -0
  122. package/dist/esm/styles/Select.module.css +39 -0
  123. package/dist/esm/styles/Stepper.module.css +66 -0
  124. package/dist/esm/styles/Tabs.module.css +4 -0
  125. package/dist/esm/theme/PlasmaColors.d.ts +7 -11
  126. package/dist/esm/theme/PlasmaColors.d.ts.map +1 -1
  127. package/dist/esm/theme/PlasmaColors.js +19 -144
  128. package/dist/esm/theme/PlasmaColors.js.map +1 -1
  129. package/dist/esm/theme/Theme.d.ts.map +1 -1
  130. package/dist/esm/theme/Theme.js +114 -44
  131. package/dist/esm/theme/Theme.js.map +1 -1
  132. package/dist/esm/theme/mergeCSSVariablesResolvers.d.ts.map +1 -1
  133. package/dist/esm/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
  134. package/dist/esm/theme/plasmaCSSVariablesResolver.js +5 -1
  135. package/dist/esm/theme/plasmaCSSVariablesResolver.js.map +1 -1
  136. package/dist/esm/utils/createFactoryComponent.d.ts.map +1 -1
  137. package/dist/esm/utils/overrideComponent.d.ts.map +1 -1
  138. package/dist/esm/vars/Notification.vars.d.ts +3 -0
  139. package/dist/esm/vars/Notification.vars.d.ts.map +1 -0
  140. package/dist/esm/vars/Notification.vars.js +34 -0
  141. package/dist/esm/vars/Notification.vars.js.map +1 -0
  142. package/dist/esm/vars/Text.vars.d.ts +3 -0
  143. package/dist/esm/vars/Text.vars.d.ts.map +1 -0
  144. package/dist/esm/vars/Text.vars.js +15 -0
  145. package/dist/esm/vars/Text.vars.js.map +1 -0
  146. package/package.json +21 -21
  147. package/src/components/browser-preview/BrowserPreview.module.css +1 -1
  148. package/src/components/button/Button.tsx +0 -6
  149. package/src/components/code-editor/CodeEditor.tsx +12 -5
  150. package/src/components/header/Header.module.css +7 -2
  151. package/src/components/index.ts +0 -2
  152. package/src/components/prompt/Prompt.module.css +15 -4
  153. package/src/components/prompt/Prompt.tsx +1 -1
  154. package/src/components/prompt/PromptConfirmButton.tsx +4 -4
  155. package/src/components/sticky-footer/StickyFooter.module.css +3 -3
  156. package/src/styles/ActionIcon.module.css +6 -0
  157. package/src/styles/Alert.module.css +26 -1
  158. package/src/styles/Anchor.module.css +6 -0
  159. package/src/styles/AppShellNavBar.module.css +3 -0
  160. package/src/styles/Badge.module.css +2 -0
  161. package/src/styles/Checkbox.module.css +17 -0
  162. package/src/styles/Combobox.module.css +2 -3
  163. package/src/styles/DatePicker.module.css +3 -0
  164. package/src/styles/Input.module.css +3 -0
  165. package/src/styles/InputWrapper.module.css +9 -0
  166. package/src/styles/Modal.module.css +62 -0
  167. package/src/styles/NavLink.module.css +18 -0
  168. package/src/styles/Notification.module.css +20 -0
  169. package/src/styles/Pagination.module.css +30 -0
  170. package/src/styles/Radio.module.css +6 -0
  171. package/src/styles/ReadOnlyInput.module.css +3 -3
  172. package/src/styles/SegmentedControl.module.css +32 -0
  173. package/src/styles/Select.module.css +39 -0
  174. package/src/styles/Stepper.module.css +66 -0
  175. package/src/styles/Tabs.module.css +4 -0
  176. package/src/theme/PlasmaColors.ts +19 -144
  177. package/src/theme/Theme.tsx +86 -37
  178. package/src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts +46 -3
  179. package/src/theme/plasmaCSSVariablesResolver.ts +5 -2
  180. package/src/vars/Notification.vars.ts +14 -0
  181. package/src/vars/Text.vars.ts +8 -0
  182. package/dist/cjs/components/alert/Alert.d.ts +0 -17
  183. package/dist/cjs/components/alert/Alert.d.ts.map +0 -1
  184. package/dist/cjs/components/alert/Alert.js +0 -53
  185. package/dist/cjs/components/alert/Alert.js.map +0 -1
  186. package/dist/cjs/components/alert/index.d.ts +0 -2
  187. package/dist/cjs/components/alert/index.d.ts.map +0 -1
  188. package/dist/cjs/components/alert/index.js +0 -8
  189. package/dist/cjs/components/alert/index.js.map +0 -1
  190. package/dist/cjs/components/badge/Badge.d.ts +0 -8
  191. package/dist/cjs/components/badge/Badge.d.ts.map +0 -1
  192. package/dist/cjs/components/badge/Badge.js +0 -60
  193. package/dist/cjs/components/badge/Badge.js.map +0 -1
  194. package/dist/cjs/components/badge/index.d.ts +0 -2
  195. package/dist/cjs/components/badge/index.d.ts.map +0 -1
  196. package/dist/cjs/components/badge/index.js +0 -8
  197. package/dist/cjs/components/badge/index.js.map +0 -1
  198. package/dist/esm/components/alert/Alert.d.ts +0 -17
  199. package/dist/esm/components/alert/Alert.d.ts.map +0 -1
  200. package/dist/esm/components/alert/Alert.js +0 -29
  201. package/dist/esm/components/alert/Alert.js.map +0 -1
  202. package/dist/esm/components/alert/index.d.ts +0 -2
  203. package/dist/esm/components/alert/index.d.ts.map +0 -1
  204. package/dist/esm/components/alert/index.js +0 -3
  205. package/dist/esm/components/alert/index.js.map +0 -1
  206. package/dist/esm/components/badge/Badge.d.ts +0 -8
  207. package/dist/esm/components/badge/Badge.d.ts.map +0 -1
  208. package/dist/esm/components/badge/Badge.js +0 -27
  209. package/dist/esm/components/badge/Badge.js.map +0 -1
  210. package/dist/esm/components/badge/index.d.ts +0 -2
  211. package/dist/esm/components/badge/index.d.ts.map +0 -1
  212. package/dist/esm/components/badge/index.js +0 -3
  213. package/dist/esm/components/badge/index.js.map +0 -1
  214. package/src/components/alert/Alert.tsx +0 -7
  215. package/src/components/alert/index.ts +0 -1
  216. package/src/components/badge/Badge.tsx +0 -10
  217. package/src/components/badge/index.ts +0 -1
@@ -0,0 +1,6 @@
1
+ .root {
2
+ @mixin hover {
3
+ text-decoration: underline;
4
+ color: var(--mantine-color-action-8);
5
+ }
6
+ }
@@ -0,0 +1,3 @@
1
+ .navbar {
2
+ border-color: var(--mantine-color-gray-3);
3
+ }
@@ -1,3 +1,5 @@
1
1
  .root {
2
+ text-transform: none;
3
+ padding: var(--mantine-spacing-xxs) var(--mantine-spacing-xs);
2
4
  font-weight: 500;
3
5
  }
@@ -1,3 +1,20 @@
1
1
  .label {
2
+ font-size: var(--mantine-font-size-sm);
2
3
  font-weight: 300;
3
4
  }
5
+
6
+ .input {
7
+ &[data-indeterminate] {
8
+ background-color: var(--mantine-color-pureWhite);
9
+ border-color: var(--mantine-color-gray-4);
10
+
11
+ & + svg {
12
+ color: var(--mantine-color-gray-6);
13
+ }
14
+ }
15
+
16
+ &[readonly] {
17
+ background-color: var(--mantine-color-gray-2);
18
+ border-color: var(--mantine-color-gray-2);
19
+ }
20
+ }
@@ -1,10 +1,9 @@
1
- /* TODO: Plasma Reset, validate if we need the custom style for the search */
2
1
  .search {
3
2
  margin: 0 0 var(--mantine-spacing-xs);
4
- border-radius: var(--mantine-radius-default);
3
+ border-radius: var(--mantine-radius-md);
5
4
  border: 1px solid;
6
5
  width: 100%;
7
- border-color: var(--mantine-color-default-border);
6
+ border-color: var(--mantine-color-gray-4);
8
7
 
9
8
  &:focus {
10
9
  border-color: var(--mantine-primary-color-filled);
@@ -0,0 +1,3 @@
1
+ .monthCell {
2
+ text-align: center;
3
+ }
@@ -0,0 +1,3 @@
1
+ .input {
2
+ --input-color: var(--mantine-color-gray-7);
3
+ }
@@ -1,7 +1,16 @@
1
+ .label {
2
+ margin-bottom: var(--mantine-spacing-xs);
3
+ }
4
+
1
5
  .description {
6
+ font-size: var(--mantine-font-size-sm);
7
+ color: var(--mantine-color-gray-7);
8
+ margin-bottom: var(--mantine-spacing-xs);
9
+ line-height: var(--mantine-line-height);
2
10
  font-weight: 300;
3
11
  }
4
12
 
5
13
  .error {
14
+ line-height: var(--mantine-line-height);
6
15
  font-weight: 300;
7
16
  }
@@ -1,3 +1,65 @@
1
+ .root {
2
+ &[data-full-screen] {
3
+ .content {
4
+ flex: 0 0 100%;
5
+ }
6
+ }
7
+
8
+ &[data-size='xs'] {
9
+ .content {
10
+ flex: 0 0 rem(432px);
11
+ }
12
+ }
13
+
14
+ &[data-size='sm'] {
15
+ .content {
16
+ flex: 0 0 rem(664px);
17
+ }
18
+ }
19
+
20
+ &[data-size='md'] {
21
+ .content {
22
+ flex: 0 0 rem(896px);
23
+ }
24
+ }
25
+
26
+ &[data-size='lg'] {
27
+ .content {
28
+ flex: 0 0 rem(1120px);
29
+ }
30
+ }
31
+
32
+ &[data-size='xl'] {
33
+ .content {
34
+ flex: 0 0 rem(88%);
35
+ }
36
+ }
37
+
38
+ &:not([data-size]) {
39
+ .content {
40
+ flex: 0 0 rem(896px);
41
+ }
42
+ }
43
+ }
44
+
45
+ .content {
46
+ overflow: auto;
47
+ }
48
+
49
+ .header {
50
+ border-bottom: 1px solid var(--mantine-color-gray-3);
51
+ align-items: flex-start;
52
+ }
53
+
1
54
  .title {
55
+ width: 100%;
56
+ font-size: var(--mantine-h3-font-size);
57
+ line-height: var(--mantine-h3-line-height);
2
58
  font-weight: 500;
3
59
  }
60
+
61
+ .body {
62
+ &:where(:not(:only-child)) {
63
+ padding-top: var(--mb-padding, var(--mantine-spacing-md));
64
+ }
65
+ }
@@ -1,3 +1,21 @@
1
+ .root {
2
+ color: var(--mantine-color-gray-6);
3
+ line-height: var(--mantine-line-height);
4
+ border-radius: var(--mantine-radius-default) 0 0 var(--mantine-radius-default);
5
+
6
+ &[data-active] {
7
+ color: var(--mantine-primary-color-6);
8
+ }
9
+
10
+ @mixin hover {
11
+ @mixin light {
12
+ &:where(:not([data-active])) {
13
+ background-color: var(--mantine-color-gray-1);
14
+ }
15
+ }
16
+ }
17
+ }
18
+
1
19
  .label {
2
20
  font-weight: 500;
3
21
  }
@@ -0,0 +1,20 @@
1
+ .root {
2
+ border-color: var(--mantine-color-gray-3);
3
+ background-color: var(--mantine-color-gray-0);
4
+ box-shadow: var(--mantine-shadow-lg);
5
+ padding: var(--mantine-spacing-sm);
6
+
7
+ &[data-with-icon] {
8
+ padding-left: var(--mantine-spacing-sm);
9
+ }
10
+ }
11
+
12
+ .icon {
13
+ background-color: transparent;
14
+ margin-right: var(--mantine-spacing-sm);
15
+ }
16
+
17
+ .closeButton {
18
+ margin: var(--mantine-spacing-xs);
19
+ color: var(--mantine-color-gray-5);
20
+ }
@@ -0,0 +1,30 @@
1
+ .root {
2
+ --pagination-control-fz: var(--mantine-font-size-sm);
3
+
4
+ color: var(--mantine-color-gray-6);
5
+ }
6
+
7
+ .control {
8
+ color: var(--mantine-color-gray-6);
9
+
10
+ @mixin light {
11
+ border-color: var(--mantine-color-gray-3);
12
+
13
+ @mixin hover {
14
+ &:where(:not(:disabled, [data-disabled])) {
15
+ background-color: var(--mantine-primary-color-1);
16
+ }
17
+ }
18
+ }
19
+
20
+ &:where([data-active]) {
21
+ @mixin light {
22
+ border-color: var(--pagination-active-bg);
23
+ color: var(--pagination-active-color, var(--mantine-color-white));
24
+
25
+ @mixin hover {
26
+ background-color: var(--pagination-active-bg);
27
+ }
28
+ }
29
+ }
30
+ }
@@ -1,4 +1,10 @@
1
1
  .labelWrapper {
2
2
  display: flex;
3
3
  align-items: flex-start;
4
+
5
+ &:not([data-disabled]) {
6
+ .label {
7
+ color: var(--mantine-color-gray-7);
8
+ }
9
+ }
4
10
  }
@@ -2,7 +2,7 @@
2
2
  cursor: text;
3
3
 
4
4
  --input-bd: transparent;
5
- --input-bg: var(--mantine-color-dark-light);
6
- --input-color: var(--mantine-color-dimmed);
7
- --input-placeholder-color: var(--mantine-color-dimmed);
5
+ --input-bg: var(--mantine-color-gray-2);
6
+ --input-color: var(--mantine-color-gray-7);
7
+ --input-placeholder-color: var(--mantine-color-gray-7);
8
8
  }
@@ -1,3 +1,35 @@
1
+ .root {
2
+ background-color: var(--mantine-color-gray-2);
3
+ }
4
+
5
+ .indicator {
6
+ border-radius: var(--sc-radius, var(--mantine-radius-sm));
7
+ }
8
+
1
9
  .label {
2
10
  font-weight: 300;
11
+
12
+ @mixin light {
13
+ color: var(--mantine-color-gray-6);
14
+ }
15
+
16
+ &:where([data-disabled]) {
17
+ @mixin light {
18
+ color: var(--mantine-color-gray-5);
19
+ }
20
+ }
21
+
22
+ &:where([data-active]) {
23
+ @mixin light {
24
+ color: var(--sc-label-color, var(--mantine-color-black));
25
+ }
26
+ }
27
+
28
+ &:where(:not([data-disabled], [data-active], [data-read-only])) {
29
+ @mixin hover {
30
+ @mixin light {
31
+ color: var(--mantine-color-black);
32
+ }
33
+ }
34
+ }
3
35
  }
@@ -0,0 +1,39 @@
1
+ .input {
2
+ @mixin light {
3
+ color: var(--mantine-color-gray-7);
4
+ }
5
+
6
+ @mixin dark {
7
+ color: var(--mantine-color-dark-0);
8
+ }
9
+ }
10
+
11
+ .option {
12
+ padding: 12px 16px;
13
+
14
+ @mixin light {
15
+ color: var(--mantine-color-gray-7);
16
+
17
+ @mixin hover {
18
+ background-color: var(--mantine-color-gray-1);
19
+ }
20
+ }
21
+
22
+ @mixin dark {
23
+ color: var(--mantine-color-dark-0);
24
+
25
+ @mixin hover {
26
+ background-color: var(--mantine-color-dark-4);
27
+ }
28
+ }
29
+
30
+ &[aria-selected='true'] {
31
+ background-color: var(--mantine-color-action-1);
32
+ color: var(--mantine-color-action-6);
33
+
34
+ @mixin hover {
35
+ color: var(--mantine-color-action-6);
36
+ background-color: rgb(237 246 255 / 65%);
37
+ }
38
+ }
39
+ }
@@ -1,3 +1,69 @@
1
+ .step {
2
+ &[disabled] {
3
+ color: var(--mantine-color-gray-5);
4
+
5
+ & .mantine-Stepper-stepDescription {
6
+ color: var(--mantine-color-gray-5);
7
+ }
8
+
9
+ & .mantine-Stepper-stepIcon {
10
+ border-color: var(--mantine-color-gray-1);
11
+ }
12
+ }
13
+ }
14
+
1
15
  .stepIcon {
2
16
  font-weight: 500;
17
+ background-color: var(--mantine-color-gray-1);
18
+ color: inherit;
19
+ border: rem(1) solid var(--mantine-color-gray-3);
20
+
21
+ &[data-progress] {
22
+ background-color: var(--mantine-color-white);
23
+ border-color: var(--step-color);
24
+ }
25
+
26
+ &[data-completed] {
27
+ background-color: var(--mantine-color-white);
28
+ border-color: var(--mantine-color-lime-6);
29
+ color: var(--mantine-color-lime-6);
30
+ }
31
+ }
32
+
33
+ .stepCompletedIcon {
34
+ color: var(--mantine-color-lime-6);
35
+ font-size: rem(16);
36
+ }
37
+
38
+ .stepDescription {
39
+ color: var(--mantine-color-gray-7);
40
+
41
+ &[data-size='xs'] {
42
+ font-size: var(--mantine-font-size-xs);
43
+ }
44
+
45
+ &[data-size='sm'] {
46
+ font-size: var(--mantine-font-size-sm);
47
+ }
48
+
49
+ &[data-size='md'] {
50
+ font-size: var(--mantine-font-size-md);
51
+ }
52
+
53
+ &[data-size='lg'] {
54
+ font-size: var(--mantine-font-size-lg);
55
+ }
56
+
57
+ &[data-size='xl'] {
58
+ font-size: var(--mantine-font-size-xl);
59
+ }
60
+ }
61
+
62
+ .separator {
63
+ height: rem(1);
64
+ background-color: var(--mantine-color-gray-3);
65
+ }
66
+
67
+ .verticalSeparator {
68
+ border-left: rem(1) solid var(--mantine-color-gray-3);
3
69
  }
@@ -1,5 +1,9 @@
1
1
  .root {
2
2
  &[data-variant='default'] {
3
+ @mixin light {
4
+ --tab-hover-color: var(--mantine-color-gray-1);
5
+ }
6
+
3
7
  --tabs-list-border-width: 1px;
4
8
 
5
9
  &[data-orientation='horizontal'] {
@@ -1,22 +1,18 @@
1
1
  import { MantineColorsTuple } from '@mantine/core';
2
2
  export declare const PlasmaColors: {
3
- blue: MantineColorsTuple;
4
- red: MantineColorsTuple;
5
3
  gray: MantineColorsTuple;
6
- dark: MantineColorsTuple;
7
- teal: MantineColorsTuple;
8
- yellow: MantineColorsTuple;
9
- violet: MantineColorsTuple;
10
- grape: MantineColorsTuple;
11
- 'cyan (Not used)': MantineColorsTuple;
12
- orange: MantineColorsTuple;
13
- indigo: MantineColorsTuple;
14
- green: MantineColorsTuple;
4
+ action: MantineColorsTuple;
15
5
  navy: MantineColorsTuple;
16
6
  info: MantineColorsTuple;
7
+ blue: MantineColorsTuple;
8
+ red: MantineColorsTuple;
17
9
  critical: MantineColorsTuple;
10
+ teal: MantineColorsTuple;
18
11
  new: MantineColorsTuple;
12
+ yellow: MantineColorsTuple;
19
13
  warning: MantineColorsTuple;
14
+ green: MantineColorsTuple;
15
+ indigo: MantineColorsTuple;
20
16
  lime: MantineColorsTuple;
21
17
  success: MantineColorsTuple;
22
18
  purple: MantineColorsTuple;
@@ -1 +1 @@
1
- {"version":3,"file":"PlasmaColors.d.ts","sourceRoot":"","sources":["../../../src/theme/PlasmaColors.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAsBjD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;CA4JxB,CAAC"}
1
+ {"version":3,"file":"PlasmaColors.d.ts","sourceRoot":"","sources":["../../../src/theme/PlasmaColors.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAsBjD,eAAO,MAAM,YAAY;;YAchB,kBAAkB;;;;;;;;;;;;;;;CAiB1B,CAAC"}
@@ -30,157 +30,32 @@ var lime = [
30
30
  ];
31
31
  var PlasmaColors = {
32
32
  // Primary
33
- blue: toMantineColor({
34
- 'blue-0': '#f8f9ff',
35
- 'blue-1': '#eef2ff',
36
- 'blue-2': '#d5defe',
37
- 'blue-3': '#a6bcfe',
38
- 'blue-4': '#6e99fd',
39
- 'blue-5': '#1169da',
40
- 'blue-6': '#063c82',
41
- 'blue-7': '#03275a',
42
- 'blue-8': '#01193f',
43
- 'blue-9': '#010e29'
44
- }),
45
- red: toMantineColor({
46
- 'red-0': '#fff8f8',
47
- 'red-1': '#feefee',
48
- 'red-2': '#fdd5d5',
49
- 'red-3': '#fca7a5',
50
- 'red-4': '#fb6f6c',
51
- 'red-5': '#d2271b',
52
- 'red-6': '#7e0f17',
53
- 'red-7': '#58050f',
54
- 'red-8': '#3e020a',
55
- 'red-9': '#280104'
56
- }),
57
- gray: toMantineColor({
58
- 'gray-0': '#f9f9fa',
59
- 'gray-1': '#f1f2f4',
60
- 'gray-2': '#dddfe3',
61
- 'gray-3': '#b9bdc7',
62
- 'gray-4': '#959cab',
63
- 'gray-5': '#676d7a',
64
- 'gray-6': '#3b3e46',
65
- 'gray-7': '#26292f',
66
- 'gray-8': '#191b1f',
67
- 'gray-9': '#0e0f12'
68
- }),
69
- dark: toMantineColor({
70
- 'dark-0': '#c9c9c9',
71
- 'dark-1': '#b8b8b8',
72
- 'dark-2': '#828282',
73
- 'dark-3': '#696969',
74
- 'dark-4': '#424242',
75
- 'dark-5': '#3b3b3b',
76
- 'dark-6': '#2e2e2e',
77
- 'dark-7': '#242424',
78
- 'dark-8': '#1f1f1f',
79
- 'dark-9': '#141414'
80
- }),
81
- teal: toMantineColor({
82
- 'teal-0': '#e5fff9',
83
- 'teal-1': '#bffff0',
84
- 'teal-2': '#1efadc',
85
- 'teal-3': '#18d4bb',
86
- 'teal-4': '#0faf99',
87
- 'teal-5': '#077b6b',
88
- 'teal-6': '#02473e',
89
- 'teal-7': '#012f2a',
90
- 'teal-8': '#011f1b',
91
- 'teal-9': '#001210'
92
- }),
93
- yellow: toMantineColor({
94
- 'yellow-0': '#fff9e5',
95
- 'yellow-1': '#fff2c0',
96
- 'yellow-2': '#fbe000',
97
- 'yellow-3': '#e5b800',
98
- 'yellow-4': '#c89300',
99
- 'yellow-5': '#936400',
100
- 'yellow-6': '#593700',
101
- 'yellow-7': '#3c2301',
102
- 'yellow-8': '#291700',
103
- 'yellow-9': '#180d00'
104
- }),
105
- violet: toMantineColor({
106
- 'violet-0': '#faf8ff',
107
- 'violet-1': '#f4f0ff',
108
- 'violet-2': '#e3daff',
109
- 'violet-3': '#c7b2ff',
110
- 'violet-4': '#ac86ff',
111
- 'violet-5': '#8a36ff',
112
- 'violet-6': '#5500aa',
113
- 'violet-7': '#390076',
114
- 'violet-8': '#270054',
115
- 'violet-9': '#180037'
116
- }),
117
- grape: toMantineColor({
118
- 'grape-0': '#fbf8fd',
119
- 'grape-1': '#f6f0fb',
120
- 'grape-2': '#e7d6f5',
121
- 'grape-3': '#d2b0ed',
122
- 'grape-4': '#bc85e3',
123
- 'grape-5': '#9946c7',
124
- 'grape-6': '#592676',
125
- 'grape-7': '#3c1851',
126
- 'grape-8': '#290e38',
127
- 'grape-9': '#190624'
128
- }),
129
- 'cyan (Not used)': toMantineColor({
130
- 'cyan-0': '#e3fafc',
131
- 'cyan-1': '#c5f6fa',
132
- 'cyan-2': '#99e9f2',
133
- 'cyan-3': '#66d9e8',
134
- 'cyan-4': '#3bc9db',
135
- 'cyan-5': '#22b8cf',
136
- 'cyan-6': '#15aabf',
137
- 'cyan-7': '#1098ad',
138
- 'cyan-8': '#0c8599',
139
- 'cyan-9': '#0b7285'
140
- }),
141
- orange: toMantineColor({
142
- 'orange-0': '#fff8f5',
143
- 'orange-1': '#ffefe8',
144
- 'orange-2': '#ffeedd',
145
- 'orange-3': '#fea980',
146
- 'orange-4': '#f27a38',
147
- 'orange-5': '#b84b11',
148
- 'orange-6': '#6c2a00',
149
- 'orange-7': '#491b02',
150
- 'orange-8': '#301301',
151
- 'orange-9': '#1c0a00'
152
- }),
153
- indigo: toMantineColor({
154
- 'indigo-0': '#f9f9fb',
155
- 'indigo-1': '#f1f1f9',
156
- 'indigo-2': '#dbdbf2',
157
- 'indigo-3': '#babadf',
158
- 'indigo-4': '#9797cb',
159
- 'indigo-5': '#6767a4',
160
- 'indigo-6': '#393968',
161
- 'indigo-7': '#252547',
162
- 'indigo-8': '#181831',
163
- 'indigo-9': '#0d0d1f'
164
- }),
165
- green: toMantineColor({
166
- 'green-0': '#e9ffed',
167
- 'green-1': '#cdfed5',
168
- 'green-2': '#73fa84',
169
- 'green-3': '#32d961',
170
- 'green-4': '#15b43c',
171
- 'green-5': '#0b7e2f',
172
- 'green-6': '#044918',
173
- 'green-7': '#02300f',
174
- 'green-8': '#012008',
175
- 'green-9': '#001304'
176
- }),
33
+ gray: toMantineColor(_plasmatokens.color.primary.gray),
34
+ action: [
35
+ _plasmatokens.color.primary.action[1],
36
+ _plasmatokens.color.primary.action[1],
37
+ _plasmatokens.color.primary.action[2],
38
+ _plasmatokens.color.primary.action[3],
39
+ _plasmatokens.color.primary.action[4],
40
+ _plasmatokens.color.primary.action[6],
41
+ _plasmatokens.color.primary.action[6],
42
+ _plasmatokens.color.primary.action[8],
43
+ _plasmatokens.color.primary.action[8],
44
+ _plasmatokens.color.primary.action[9]
45
+ ],
177
46
  navy: navy,
178
47
  info: navy,
179
48
  // Accent
49
+ blue: toMantineColor(_plasmatokens.color.accent.blue),
50
+ red: red,
180
51
  critical: red,
52
+ teal: teal,
181
53
  new: teal,
54
+ yellow: yellow,
182
55
  warning: yellow,
183
56
  // Secondary
57
+ green: toMantineColor(_plasmatokens.color.secondary.green),
58
+ indigo: toMantineColor(_plasmatokens.color.secondary.indigo),
184
59
  lime: lime,
185
60
  success: lime,
186
61
  purple: toMantineColor(_plasmatokens.color.secondary.purple)
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/theme/PlasmaColors.ts"],"sourcesContent":["import {color} from '@coveord/plasma-tokens';\nimport {MantineColorsTuple} from '@mantine/core';\n\nconst toMantineColor = (plasmaColor: Record<string, string>): MantineColorsTuple =>\n Object.values(plasmaColor) as unknown as MantineColorsTuple;\n\nconst navy = toMantineColor(color.primary.navy);\nconst red = toMantineColor(color.accent.red);\nconst yellow = toMantineColor(color.accent.yellow);\nconst teal = toMantineColor(color.accent.teal);\nconst lime = [\n color.secondary.lime[0],\n color.secondary.lime[0],\n color.secondary.lime[0],\n color.secondary.lime[0],\n color.secondary.lime[6],\n color.secondary.lime[6],\n color.secondary.lime[6],\n color.secondary.lime[9],\n color.secondary.lime[9],\n color.secondary.lime[9],\n] as MantineColorsTuple;\n\nexport const PlasmaColors = {\n // Primary\n blue: toMantineColor({\n 'blue-0': '#f8f9ff',\n 'blue-1': '#eef2ff',\n 'blue-2': '#d5defe',\n 'blue-3': '#a6bcfe',\n 'blue-4': '#6e99fd',\n 'blue-5': '#1169da',\n 'blue-6': '#063c82',\n 'blue-7': '#03275a',\n 'blue-8': '#01193f',\n 'blue-9': '#010e29',\n }),\n red: toMantineColor({\n 'red-0': '#fff8f8',\n 'red-1': '#feefee',\n 'red-2': '#fdd5d5',\n 'red-3': '#fca7a5',\n 'red-4': '#fb6f6c',\n 'red-5': '#d2271b',\n 'red-6': '#7e0f17',\n 'red-7': '#58050f',\n 'red-8': '#3e020a',\n 'red-9': '#280104',\n }),\n gray: toMantineColor({\n 'gray-0': '#f9f9fa',\n 'gray-1': '#f1f2f4',\n 'gray-2': '#dddfe3',\n 'gray-3': '#b9bdc7',\n 'gray-4': '#959cab',\n 'gray-5': '#676d7a',\n 'gray-6': '#3b3e46',\n 'gray-7': '#26292f',\n 'gray-8': '#191b1f',\n 'gray-9': '#0e0f12',\n }),\n dark: toMantineColor({\n 'dark-0': '#c9c9c9',\n 'dark-1': '#b8b8b8',\n 'dark-2': '#828282',\n 'dark-3': '#696969',\n 'dark-4': '#424242',\n 'dark-5': '#3b3b3b',\n 'dark-6': '#2e2e2e',\n 'dark-7': '#242424',\n 'dark-8': '#1f1f1f',\n 'dark-9': '#141414',\n }),\n teal: toMantineColor({\n 'teal-0': '#e5fff9',\n 'teal-1': '#bffff0',\n 'teal-2': '#1efadc',\n 'teal-3': '#18d4bb',\n 'teal-4': '#0faf99',\n 'teal-5': '#077b6b',\n 'teal-6': '#02473e',\n 'teal-7': '#012f2a',\n 'teal-8': '#011f1b',\n 'teal-9': '#001210',\n }),\n yellow: toMantineColor({\n 'yellow-0': '#fff9e5',\n 'yellow-1': '#fff2c0',\n 'yellow-2': '#fbe000',\n 'yellow-3': '#e5b800',\n 'yellow-4': '#c89300',\n 'yellow-5': '#936400',\n 'yellow-6': '#593700',\n 'yellow-7': '#3c2301',\n 'yellow-8': '#291700',\n 'yellow-9': '#180d00',\n }),\n violet: toMantineColor({\n 'violet-0': '#faf8ff',\n 'violet-1': '#f4f0ff',\n 'violet-2': '#e3daff',\n 'violet-3': '#c7b2ff',\n 'violet-4': '#ac86ff',\n 'violet-5': '#8a36ff',\n 'violet-6': '#5500aa',\n 'violet-7': '#390076',\n 'violet-8': '#270054',\n 'violet-9': '#180037',\n }),\n grape: toMantineColor({\n 'grape-0': '#fbf8fd',\n 'grape-1': '#f6f0fb',\n 'grape-2': '#e7d6f5',\n 'grape-3': '#d2b0ed',\n 'grape-4': '#bc85e3',\n 'grape-5': '#9946c7',\n 'grape-6': '#592676',\n 'grape-7': '#3c1851',\n 'grape-8': '#290e38',\n 'grape-9': '#190624',\n }),\n 'cyan (Not used)': toMantineColor({\n 'cyan-0': '#e3fafc',\n 'cyan-1': '#c5f6fa',\n 'cyan-2': '#99e9f2',\n 'cyan-3': '#66d9e8',\n 'cyan-4': '#3bc9db',\n 'cyan-5': '#22b8cf',\n 'cyan-6': '#15aabf',\n 'cyan-7': '#1098ad',\n 'cyan-8': '#0c8599',\n 'cyan-9': '#0b7285',\n }),\n orange: toMantineColor({\n 'orange-0': '#fff8f5',\n 'orange-1': '#ffefe8',\n 'orange-2': '#ffeedd',\n 'orange-3': '#fea980',\n 'orange-4': '#f27a38',\n 'orange-5': '#b84b11',\n 'orange-6': '#6c2a00',\n 'orange-7': '#491b02',\n 'orange-8': '#301301',\n 'orange-9': '#1c0a00',\n }),\n indigo: toMantineColor({\n 'indigo-0': '#f9f9fb',\n 'indigo-1': '#f1f1f9',\n 'indigo-2': '#dbdbf2',\n 'indigo-3': '#babadf',\n 'indigo-4': '#9797cb',\n 'indigo-5': '#6767a4',\n 'indigo-6': '#393968',\n 'indigo-7': '#252547',\n 'indigo-8': '#181831',\n 'indigo-9': '#0d0d1f',\n }),\n green: toMantineColor({\n 'green-0': '#e9ffed',\n 'green-1': '#cdfed5',\n 'green-2': '#73fa84',\n 'green-3': '#32d961',\n 'green-4': '#15b43c',\n 'green-5': '#0b7e2f',\n 'green-6': '#044918',\n 'green-7': '#02300f',\n 'green-8': '#012008',\n 'green-9': '#001304',\n }),\n navy,\n info: navy,\n // Accent\n critical: red,\n new: teal,\n warning: yellow,\n // Secondary\n lime,\n success: lime,\n purple: toMantineColor(color.secondary.purple),\n};\n"],"names":["PlasmaColors","toMantineColor","plasmaColor","Object","values","navy","color","primary","red","accent","yellow","teal","lime","secondary","blue","gray","dark","violet","grape","orange","indigo","green","info","critical","new","warning","success","purple"],"mappings":"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"}
1
+ {"version":3,"sources":["../../../src/theme/PlasmaColors.ts"],"sourcesContent":["import {color} from '@coveord/plasma-tokens';\nimport {MantineColorsTuple} from '@mantine/core';\n\nconst toMantineColor = (plasmaColor: Record<string, string>): MantineColorsTuple =>\n Object.values(plasmaColor) as unknown as MantineColorsTuple;\n\nconst navy = toMantineColor(color.primary.navy);\nconst red = toMantineColor(color.accent.red);\nconst yellow = toMantineColor(color.accent.yellow);\nconst teal = toMantineColor(color.accent.teal);\nconst lime = [\n color.secondary.lime[0],\n color.secondary.lime[0],\n color.secondary.lime[0],\n color.secondary.lime[0],\n color.secondary.lime[6],\n color.secondary.lime[6],\n color.secondary.lime[6],\n color.secondary.lime[9],\n color.secondary.lime[9],\n color.secondary.lime[9],\n] as MantineColorsTuple;\n\nexport const PlasmaColors = {\n // Primary\n gray: toMantineColor(color.primary.gray),\n action: [\n color.primary.action[1],\n color.primary.action[1],\n color.primary.action[2],\n color.primary.action[3],\n color.primary.action[4],\n color.primary.action[6],\n color.primary.action[6],\n color.primary.action[8],\n color.primary.action[8],\n color.primary.action[9],\n ] as MantineColorsTuple,\n navy,\n info: navy,\n // Accent\n blue: toMantineColor(color.accent.blue),\n red,\n critical: red,\n teal,\n new: teal,\n yellow,\n warning: yellow,\n // Secondary\n green: toMantineColor(color.secondary.green),\n indigo: toMantineColor(color.secondary.indigo),\n lime,\n success: lime,\n purple: toMantineColor(color.secondary.purple),\n};\n"],"names":["PlasmaColors","toMantineColor","plasmaColor","Object","values","navy","color","primary","red","accent","yellow","teal","lime","secondary","gray","action","info","blue","critical","new","warning","green","indigo","success","purple"],"mappings":";;;;+BAuBaA;;;eAAAA;;;4BAvBO;AAGpB,IAAMC,iBAAiB,SAACC;WACpBC,OAAOC,MAAM,CAACF;;AAElB,IAAMG,OAAOJ,eAAeK,mBAAK,CAACC,OAAO,CAACF,IAAI;AAC9C,IAAMG,MAAMP,eAAeK,mBAAK,CAACG,MAAM,CAACD,GAAG;AAC3C,IAAME,SAAST,eAAeK,mBAAK,CAACG,MAAM,CAACC,MAAM;AACjD,IAAMC,OAAOV,eAAeK,mBAAK,CAACG,MAAM,CAACE,IAAI;AAC7C,IAAMC,OAAO;IACTN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;CAC1B;AAEM,IAAMZ,eAAe;IACxB,UAAU;IACVc,MAAMb,eAAeK,mBAAK,CAACC,OAAO,CAACO,IAAI;IACvCC,QAAQ;QACJT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;KAC1B;IACDV,MAAAA;IACAW,MAAMX;IACN,SAAS;IACTY,MAAMhB,eAAeK,mBAAK,CAACG,MAAM,CAACQ,IAAI;IACtCT,KAAAA;IACAU,UAAUV;IACVG,MAAAA;IACAQ,KAAKR;IACLD,QAAAA;IACAU,SAASV;IACT,YAAY;IACZW,OAAOpB,eAAeK,mBAAK,CAACO,SAAS,CAACQ,KAAK;IAC3CC,QAAQrB,eAAeK,mBAAK,CAACO,SAAS,CAACS,MAAM;IAC7CV,MAAAA;IACAW,SAASX;IACTY,QAAQvB,eAAeK,mBAAK,CAACO,SAAS,CAACW,MAAM;AACjD"}
@@ -1 +1 @@
1
- {"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAeH,oBAAoB,EAiBvB,MAAM,eAAe,CAAC;AAsBvB,eAAO,MAAM,WAAW,EAAE,oBAuQxB,CAAC"}
1
+ {"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAmBH,oBAAoB,EAmBvB,MAAM,eAAe,CAAC;AAiCvB,eAAO,MAAM,WAAW,EAAE,oBAuSxB,CAAC"}