@coveord/plasma-mantine 55.3.3 → 55.3.4-next.0

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 (182) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/.turbo/turbo-test.log +46 -44
  3. package/dist/.tsbuildinfo +1 -1
  4. package/dist/cjs/components/alert/Alert.d.ts +17 -0
  5. package/dist/cjs/components/alert/Alert.d.ts.map +1 -0
  6. package/dist/cjs/components/alert/Alert.js +53 -0
  7. package/dist/cjs/components/alert/Alert.js.map +1 -0
  8. package/dist/cjs/components/alert/index.d.ts +2 -0
  9. package/dist/cjs/components/alert/index.d.ts.map +1 -0
  10. package/dist/cjs/components/alert/index.js +8 -0
  11. package/dist/cjs/components/alert/index.js.map +1 -0
  12. package/dist/cjs/components/badge/Badge.d.ts +8 -0
  13. package/dist/cjs/components/badge/Badge.d.ts.map +1 -0
  14. package/dist/cjs/components/badge/Badge.js +60 -0
  15. package/dist/cjs/components/badge/Badge.js.map +1 -0
  16. package/dist/cjs/components/badge/index.d.ts +2 -0
  17. package/dist/cjs/components/badge/index.d.ts.map +1 -0
  18. package/dist/cjs/components/badge/index.js +8 -0
  19. package/dist/cjs/components/badge/index.js.map +1 -0
  20. package/dist/cjs/components/browser-preview/BrowserPreview.module.css +1 -1
  21. package/dist/cjs/components/button/Button.d.ts +5 -0
  22. package/dist/cjs/components/button/Button.d.ts.map +1 -1
  23. package/dist/cjs/components/button/Button.js +40 -3
  24. package/dist/cjs/components/button/Button.js.map +1 -1
  25. package/dist/cjs/components/header/Header.module.css +2 -7
  26. package/dist/cjs/components/index.d.ts +2 -0
  27. package/dist/cjs/components/index.d.ts.map +1 -1
  28. package/dist/cjs/components/index.js +2 -0
  29. package/dist/cjs/components/index.js.map +1 -1
  30. package/dist/cjs/components/prompt/Prompt.js +1 -1
  31. package/dist/cjs/components/prompt/Prompt.js.map +1 -1
  32. package/dist/cjs/components/prompt/Prompt.module.css +4 -15
  33. package/dist/cjs/components/prompt/PromptConfirmButton.js +4 -4
  34. package/dist/cjs/components/prompt/PromptConfirmButton.js.map +1 -1
  35. package/dist/cjs/components/sticky-footer/StickyFooter.module.css +3 -3
  36. package/dist/cjs/styles/Alert.module.css +1 -26
  37. package/dist/cjs/styles/Badge.module.css +0 -2
  38. package/dist/cjs/styles/Checkbox.module.css +0 -17
  39. package/dist/cjs/styles/Combobox.module.css +3 -2
  40. package/dist/cjs/styles/InputWrapper.module.css +0 -9
  41. package/dist/cjs/styles/Modal.module.css +0 -62
  42. package/dist/cjs/styles/NavLink.module.css +0 -18
  43. package/dist/cjs/styles/Radio.module.css +0 -6
  44. package/dist/cjs/styles/ReadOnlyInput.module.css +3 -3
  45. package/dist/cjs/styles/SegmentedControl.module.css +0 -32
  46. package/dist/cjs/styles/Stepper.module.css +0 -66
  47. package/dist/cjs/styles/Tabs.module.css +0 -4
  48. package/dist/cjs/theme/PlasmaColors.d.ts +11 -7
  49. package/dist/cjs/theme/PlasmaColors.d.ts.map +1 -1
  50. package/dist/cjs/theme/PlasmaColors.js +144 -19
  51. package/dist/cjs/theme/PlasmaColors.js.map +1 -1
  52. package/dist/cjs/theme/Theme.d.ts.map +1 -1
  53. package/dist/cjs/theme/Theme.js +43 -115
  54. package/dist/cjs/theme/Theme.js.map +1 -1
  55. package/dist/cjs/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
  56. package/dist/cjs/theme/plasmaCSSVariablesResolver.js +1 -5
  57. package/dist/cjs/theme/plasmaCSSVariablesResolver.js.map +1 -1
  58. package/dist/esm/components/alert/Alert.d.ts +17 -0
  59. package/dist/esm/components/alert/Alert.d.ts.map +1 -0
  60. package/dist/esm/components/alert/Alert.js +29 -0
  61. package/dist/esm/components/alert/Alert.js.map +1 -0
  62. package/dist/esm/components/alert/index.d.ts +2 -0
  63. package/dist/esm/components/alert/index.d.ts.map +1 -0
  64. package/dist/esm/components/alert/index.js +3 -0
  65. package/dist/esm/components/alert/index.js.map +1 -0
  66. package/dist/esm/components/badge/Badge.d.ts +8 -0
  67. package/dist/esm/components/badge/Badge.d.ts.map +1 -0
  68. package/dist/esm/components/badge/Badge.js +27 -0
  69. package/dist/esm/components/badge/Badge.js.map +1 -0
  70. package/dist/esm/components/badge/index.d.ts +2 -0
  71. package/dist/esm/components/badge/index.d.ts.map +1 -0
  72. package/dist/esm/components/badge/index.js +3 -0
  73. package/dist/esm/components/badge/index.js.map +1 -0
  74. package/dist/esm/components/browser-preview/BrowserPreview.module.css +1 -1
  75. package/dist/esm/components/button/Button.d.ts +5 -0
  76. package/dist/esm/components/button/Button.d.ts.map +1 -1
  77. package/dist/esm/components/button/Button.js +17 -0
  78. package/dist/esm/components/button/Button.js.map +1 -1
  79. package/dist/esm/components/header/Header.module.css +2 -7
  80. package/dist/esm/components/index.d.ts +2 -0
  81. package/dist/esm/components/index.d.ts.map +1 -1
  82. package/dist/esm/components/index.js +2 -0
  83. package/dist/esm/components/index.js.map +1 -1
  84. package/dist/esm/components/prompt/Prompt.js +1 -1
  85. package/dist/esm/components/prompt/Prompt.js.map +1 -1
  86. package/dist/esm/components/prompt/Prompt.module.css +4 -15
  87. package/dist/esm/components/prompt/PromptConfirmButton.js +4 -4
  88. package/dist/esm/components/prompt/PromptConfirmButton.js.map +1 -1
  89. package/dist/esm/components/sticky-footer/StickyFooter.module.css +3 -3
  90. package/dist/esm/styles/Alert.module.css +1 -26
  91. package/dist/esm/styles/Badge.module.css +0 -2
  92. package/dist/esm/styles/Checkbox.module.css +0 -17
  93. package/dist/esm/styles/Combobox.module.css +3 -2
  94. package/dist/esm/styles/InputWrapper.module.css +0 -9
  95. package/dist/esm/styles/Modal.module.css +0 -62
  96. package/dist/esm/styles/NavLink.module.css +0 -18
  97. package/dist/esm/styles/Radio.module.css +0 -6
  98. package/dist/esm/styles/ReadOnlyInput.module.css +3 -3
  99. package/dist/esm/styles/SegmentedControl.module.css +0 -32
  100. package/dist/esm/styles/Stepper.module.css +0 -66
  101. package/dist/esm/styles/Tabs.module.css +0 -4
  102. package/dist/esm/theme/PlasmaColors.d.ts +11 -7
  103. package/dist/esm/theme/PlasmaColors.d.ts.map +1 -1
  104. package/dist/esm/theme/PlasmaColors.js +144 -19
  105. package/dist/esm/theme/PlasmaColors.js.map +1 -1
  106. package/dist/esm/theme/Theme.d.ts.map +1 -1
  107. package/dist/esm/theme/Theme.js +44 -114
  108. package/dist/esm/theme/Theme.js.map +1 -1
  109. package/dist/esm/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
  110. package/dist/esm/theme/plasmaCSSVariablesResolver.js +1 -5
  111. package/dist/esm/theme/plasmaCSSVariablesResolver.js.map +1 -1
  112. package/package.json +6 -6
  113. package/src/components/alert/Alert.tsx +7 -0
  114. package/src/components/alert/index.ts +1 -0
  115. package/src/components/badge/Badge.tsx +10 -0
  116. package/src/components/badge/index.ts +1 -0
  117. package/src/components/browser-preview/BrowserPreview.module.css +1 -1
  118. package/src/components/button/Button.tsx +6 -0
  119. package/src/components/header/Header.module.css +2 -7
  120. package/src/components/index.ts +2 -0
  121. package/src/components/prompt/Prompt.module.css +4 -15
  122. package/src/components/prompt/Prompt.tsx +1 -1
  123. package/src/components/prompt/PromptConfirmButton.tsx +4 -4
  124. package/src/components/sticky-footer/StickyFooter.module.css +3 -3
  125. package/src/styles/Alert.module.css +1 -26
  126. package/src/styles/Badge.module.css +0 -2
  127. package/src/styles/Checkbox.module.css +0 -17
  128. package/src/styles/Combobox.module.css +3 -2
  129. package/src/styles/InputWrapper.module.css +0 -9
  130. package/src/styles/Modal.module.css +0 -62
  131. package/src/styles/NavLink.module.css +0 -18
  132. package/src/styles/Radio.module.css +0 -6
  133. package/src/styles/ReadOnlyInput.module.css +3 -3
  134. package/src/styles/SegmentedControl.module.css +0 -32
  135. package/src/styles/Stepper.module.css +0 -66
  136. package/src/styles/Tabs.module.css +0 -4
  137. package/src/theme/PlasmaColors.ts +144 -19
  138. package/src/theme/Theme.tsx +37 -86
  139. package/src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts +3 -46
  140. package/src/theme/plasmaCSSVariablesResolver.ts +2 -5
  141. package/dist/cjs/styles/ActionIcon.module.css +0 -6
  142. package/dist/cjs/styles/Anchor.module.css +0 -6
  143. package/dist/cjs/styles/AppShellNavBar.module.css +0 -3
  144. package/dist/cjs/styles/DatePicker.module.css +0 -3
  145. package/dist/cjs/styles/Input.module.css +0 -3
  146. package/dist/cjs/styles/Notification.module.css +0 -20
  147. package/dist/cjs/styles/Pagination.module.css +0 -30
  148. package/dist/cjs/styles/Select.module.css +0 -39
  149. package/dist/cjs/vars/Notification.vars.d.ts +0 -3
  150. package/dist/cjs/vars/Notification.vars.d.ts.map +0 -1
  151. package/dist/cjs/vars/Notification.vars.js +0 -44
  152. package/dist/cjs/vars/Notification.vars.js.map +0 -1
  153. package/dist/cjs/vars/Text.vars.d.ts +0 -3
  154. package/dist/cjs/vars/Text.vars.d.ts.map +0 -1
  155. package/dist/cjs/vars/Text.vars.js +0 -25
  156. package/dist/cjs/vars/Text.vars.js.map +0 -1
  157. package/dist/esm/styles/ActionIcon.module.css +0 -6
  158. package/dist/esm/styles/Anchor.module.css +0 -6
  159. package/dist/esm/styles/AppShellNavBar.module.css +0 -3
  160. package/dist/esm/styles/DatePicker.module.css +0 -3
  161. package/dist/esm/styles/Input.module.css +0 -3
  162. package/dist/esm/styles/Notification.module.css +0 -20
  163. package/dist/esm/styles/Pagination.module.css +0 -30
  164. package/dist/esm/styles/Select.module.css +0 -39
  165. package/dist/esm/vars/Notification.vars.d.ts +0 -3
  166. package/dist/esm/vars/Notification.vars.d.ts.map +0 -1
  167. package/dist/esm/vars/Notification.vars.js +0 -34
  168. package/dist/esm/vars/Notification.vars.js.map +0 -1
  169. package/dist/esm/vars/Text.vars.d.ts +0 -3
  170. package/dist/esm/vars/Text.vars.d.ts.map +0 -1
  171. package/dist/esm/vars/Text.vars.js +0 -15
  172. package/dist/esm/vars/Text.vars.js.map +0 -1
  173. package/src/styles/ActionIcon.module.css +0 -6
  174. package/src/styles/Anchor.module.css +0 -6
  175. package/src/styles/AppShellNavBar.module.css +0 -3
  176. package/src/styles/DatePicker.module.css +0 -3
  177. package/src/styles/Input.module.css +0 -3
  178. package/src/styles/Notification.module.css +0 -20
  179. package/src/styles/Pagination.module.css +0 -30
  180. package/src/styles/Select.module.css +0 -39
  181. package/src/vars/Notification.vars.ts +0 -14
  182. package/src/vars/Text.vars.ts +0 -8
@@ -1,65 +1,3 @@
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
-
54
1
  .title {
55
- width: 100%;
56
- font-size: var(--mantine-h3-font-size);
57
- line-height: var(--mantine-h3-line-height);
58
2
  font-weight: 500;
59
3
  }
60
-
61
- .body {
62
- &:where(:not(:only-child)) {
63
- padding-top: var(--mb-padding, var(--mantine-spacing-md));
64
- }
65
- }
@@ -1,21 +1,3 @@
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
-
19
1
  .label {
20
2
  font-weight: 500;
21
3
  }
@@ -1,10 +1,4 @@
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
- }
10
4
  }
@@ -2,7 +2,7 @@
2
2
  cursor: text;
3
3
 
4
4
  --input-bd: transparent;
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);
5
+ --input-bg: var(--mantine-color-dark-light);
6
+ --input-color: var(--mantine-color-dimmed);
7
+ --input-placeholder-color: var(--mantine-color-dimmed);
8
8
  }
@@ -1,35 +1,3 @@
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
-
9
1
  .label {
10
2
  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
- }
35
3
  }
@@ -1,69 +1,3 @@
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
-
15
1
  .stepIcon {
16
2
  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);
69
3
  }
@@ -1,9 +1,5 @@
1
1
  .root {
2
2
  &[data-variant='default'] {
3
- @mixin light {
4
- --tab-hover-color: var(--mantine-color-gray-1);
5
- }
6
-
7
3
  --tabs-list-border-width: 1px;
8
4
 
9
5
  &[data-orientation='horizontal'] {
@@ -1,18 +1,22 @@
1
1
  import { MantineColorsTuple } from '@mantine/core';
2
2
  export declare const PlasmaColors: {
3
+ blue: MantineColorsTuple;
4
+ red: MantineColorsTuple;
3
5
  gray: MantineColorsTuple;
4
- action: 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;
5
15
  navy: MantineColorsTuple;
6
16
  info: MantineColorsTuple;
7
- blue: MantineColorsTuple;
8
- red: MantineColorsTuple;
9
17
  critical: MantineColorsTuple;
10
- teal: MantineColorsTuple;
11
18
  new: MantineColorsTuple;
12
- yellow: MantineColorsTuple;
13
19
  warning: MantineColorsTuple;
14
- green: MantineColorsTuple;
15
- indigo: MantineColorsTuple;
16
20
  lime: MantineColorsTuple;
17
21
  success: MantineColorsTuple;
18
22
  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;;YAchB,kBAAkB;;;;;;;;;;;;;;;CAiB1B,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;;;;;;;;;;;;;;;;;;;;;CA4JxB,CAAC"}
@@ -30,32 +30,157 @@ var lime = [
30
30
  ];
31
31
  var PlasmaColors = {
32
32
  // Primary
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
- ],
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
+ }),
46
177
  navy: navy,
47
178
  info: navy,
48
179
  // Accent
49
- blue: toMantineColor(_plasmatokens.color.accent.blue),
50
- red: red,
51
180
  critical: red,
52
- teal: teal,
53
181
  new: teal,
54
- yellow: yellow,
55
182
  warning: yellow,
56
183
  // Secondary
57
- green: toMantineColor(_plasmatokens.color.secondary.green),
58
- indigo: toMantineColor(_plasmatokens.color.secondary.indigo),
59
184
  lime: lime,
60
185
  success: lime,
61
186
  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 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
+ {"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 +1 @@
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"}
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"}