@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.
- package/.turbo/turbo-build.log +3 -3
- package/.turbo/turbo-test.log +46 -44
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/components/alert/Alert.d.ts +17 -0
- package/dist/cjs/components/alert/Alert.d.ts.map +1 -0
- package/dist/cjs/components/alert/Alert.js +53 -0
- package/dist/cjs/components/alert/Alert.js.map +1 -0
- package/dist/cjs/components/alert/index.d.ts +2 -0
- package/dist/cjs/components/alert/index.d.ts.map +1 -0
- package/dist/cjs/components/alert/index.js +8 -0
- package/dist/cjs/components/alert/index.js.map +1 -0
- package/dist/cjs/components/badge/Badge.d.ts +8 -0
- package/dist/cjs/components/badge/Badge.d.ts.map +1 -0
- package/dist/cjs/components/badge/Badge.js +60 -0
- package/dist/cjs/components/badge/Badge.js.map +1 -0
- package/dist/cjs/components/badge/index.d.ts +2 -0
- package/dist/cjs/components/badge/index.d.ts.map +1 -0
- package/dist/cjs/components/badge/index.js +8 -0
- package/dist/cjs/components/badge/index.js.map +1 -0
- package/dist/cjs/components/browser-preview/BrowserPreview.module.css +1 -1
- package/dist/cjs/components/button/Button.d.ts +5 -0
- package/dist/cjs/components/button/Button.d.ts.map +1 -1
- package/dist/cjs/components/button/Button.js +40 -3
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/header/Header.module.css +2 -7
- package/dist/cjs/components/index.d.ts +2 -0
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/index.js +2 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/prompt/Prompt.js +1 -1
- package/dist/cjs/components/prompt/Prompt.js.map +1 -1
- package/dist/cjs/components/prompt/Prompt.module.css +4 -15
- package/dist/cjs/components/prompt/PromptConfirmButton.js +4 -4
- package/dist/cjs/components/prompt/PromptConfirmButton.js.map +1 -1
- package/dist/cjs/components/sticky-footer/StickyFooter.module.css +3 -3
- package/dist/cjs/styles/Alert.module.css +1 -26
- package/dist/cjs/styles/Badge.module.css +0 -2
- package/dist/cjs/styles/Checkbox.module.css +0 -17
- package/dist/cjs/styles/Combobox.module.css +3 -2
- package/dist/cjs/styles/InputWrapper.module.css +0 -9
- package/dist/cjs/styles/Modal.module.css +0 -62
- package/dist/cjs/styles/NavLink.module.css +0 -18
- package/dist/cjs/styles/Radio.module.css +0 -6
- package/dist/cjs/styles/ReadOnlyInput.module.css +3 -3
- package/dist/cjs/styles/SegmentedControl.module.css +0 -32
- package/dist/cjs/styles/Stepper.module.css +0 -66
- package/dist/cjs/styles/Tabs.module.css +0 -4
- package/dist/cjs/theme/PlasmaColors.d.ts +11 -7
- package/dist/cjs/theme/PlasmaColors.d.ts.map +1 -1
- package/dist/cjs/theme/PlasmaColors.js +144 -19
- package/dist/cjs/theme/PlasmaColors.js.map +1 -1
- package/dist/cjs/theme/Theme.d.ts.map +1 -1
- package/dist/cjs/theme/Theme.js +43 -115
- package/dist/cjs/theme/Theme.js.map +1 -1
- package/dist/cjs/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
- package/dist/cjs/theme/plasmaCSSVariablesResolver.js +1 -5
- package/dist/cjs/theme/plasmaCSSVariablesResolver.js.map +1 -1
- package/dist/esm/components/alert/Alert.d.ts +17 -0
- package/dist/esm/components/alert/Alert.d.ts.map +1 -0
- package/dist/esm/components/alert/Alert.js +29 -0
- package/dist/esm/components/alert/Alert.js.map +1 -0
- package/dist/esm/components/alert/index.d.ts +2 -0
- package/dist/esm/components/alert/index.d.ts.map +1 -0
- package/dist/esm/components/alert/index.js +3 -0
- package/dist/esm/components/alert/index.js.map +1 -0
- package/dist/esm/components/badge/Badge.d.ts +8 -0
- package/dist/esm/components/badge/Badge.d.ts.map +1 -0
- package/dist/esm/components/badge/Badge.js +27 -0
- package/dist/esm/components/badge/Badge.js.map +1 -0
- package/dist/esm/components/badge/index.d.ts +2 -0
- package/dist/esm/components/badge/index.d.ts.map +1 -0
- package/dist/esm/components/badge/index.js +3 -0
- package/dist/esm/components/badge/index.js.map +1 -0
- package/dist/esm/components/browser-preview/BrowserPreview.module.css +1 -1
- package/dist/esm/components/button/Button.d.ts +5 -0
- package/dist/esm/components/button/Button.d.ts.map +1 -1
- package/dist/esm/components/button/Button.js +17 -0
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/header/Header.module.css +2 -7
- package/dist/esm/components/index.d.ts +2 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/prompt/Prompt.js +1 -1
- package/dist/esm/components/prompt/Prompt.js.map +1 -1
- package/dist/esm/components/prompt/Prompt.module.css +4 -15
- package/dist/esm/components/prompt/PromptConfirmButton.js +4 -4
- package/dist/esm/components/prompt/PromptConfirmButton.js.map +1 -1
- package/dist/esm/components/sticky-footer/StickyFooter.module.css +3 -3
- package/dist/esm/styles/Alert.module.css +1 -26
- package/dist/esm/styles/Badge.module.css +0 -2
- package/dist/esm/styles/Checkbox.module.css +0 -17
- package/dist/esm/styles/Combobox.module.css +3 -2
- package/dist/esm/styles/InputWrapper.module.css +0 -9
- package/dist/esm/styles/Modal.module.css +0 -62
- package/dist/esm/styles/NavLink.module.css +0 -18
- package/dist/esm/styles/Radio.module.css +0 -6
- package/dist/esm/styles/ReadOnlyInput.module.css +3 -3
- package/dist/esm/styles/SegmentedControl.module.css +0 -32
- package/dist/esm/styles/Stepper.module.css +0 -66
- package/dist/esm/styles/Tabs.module.css +0 -4
- package/dist/esm/theme/PlasmaColors.d.ts +11 -7
- package/dist/esm/theme/PlasmaColors.d.ts.map +1 -1
- package/dist/esm/theme/PlasmaColors.js +144 -19
- package/dist/esm/theme/PlasmaColors.js.map +1 -1
- package/dist/esm/theme/Theme.d.ts.map +1 -1
- package/dist/esm/theme/Theme.js +44 -114
- package/dist/esm/theme/Theme.js.map +1 -1
- package/dist/esm/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
- package/dist/esm/theme/plasmaCSSVariablesResolver.js +1 -5
- package/dist/esm/theme/plasmaCSSVariablesResolver.js.map +1 -1
- package/package.json +6 -6
- package/src/components/alert/Alert.tsx +7 -0
- package/src/components/alert/index.ts +1 -0
- package/src/components/badge/Badge.tsx +10 -0
- package/src/components/badge/index.ts +1 -0
- package/src/components/browser-preview/BrowserPreview.module.css +1 -1
- package/src/components/button/Button.tsx +6 -0
- package/src/components/header/Header.module.css +2 -7
- package/src/components/index.ts +2 -0
- package/src/components/prompt/Prompt.module.css +4 -15
- package/src/components/prompt/Prompt.tsx +1 -1
- package/src/components/prompt/PromptConfirmButton.tsx +4 -4
- package/src/components/sticky-footer/StickyFooter.module.css +3 -3
- package/src/styles/Alert.module.css +1 -26
- package/src/styles/Badge.module.css +0 -2
- package/src/styles/Checkbox.module.css +0 -17
- package/src/styles/Combobox.module.css +3 -2
- package/src/styles/InputWrapper.module.css +0 -9
- package/src/styles/Modal.module.css +0 -62
- package/src/styles/NavLink.module.css +0 -18
- package/src/styles/Radio.module.css +0 -6
- package/src/styles/ReadOnlyInput.module.css +3 -3
- package/src/styles/SegmentedControl.module.css +0 -32
- package/src/styles/Stepper.module.css +0 -66
- package/src/styles/Tabs.module.css +0 -4
- package/src/theme/PlasmaColors.ts +144 -19
- package/src/theme/Theme.tsx +37 -86
- package/src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts +3 -46
- package/src/theme/plasmaCSSVariablesResolver.ts +2 -5
- package/dist/cjs/styles/ActionIcon.module.css +0 -6
- package/dist/cjs/styles/Anchor.module.css +0 -6
- package/dist/cjs/styles/AppShellNavBar.module.css +0 -3
- package/dist/cjs/styles/DatePicker.module.css +0 -3
- package/dist/cjs/styles/Input.module.css +0 -3
- package/dist/cjs/styles/Notification.module.css +0 -20
- package/dist/cjs/styles/Pagination.module.css +0 -30
- package/dist/cjs/styles/Select.module.css +0 -39
- package/dist/cjs/vars/Notification.vars.d.ts +0 -3
- package/dist/cjs/vars/Notification.vars.d.ts.map +0 -1
- package/dist/cjs/vars/Notification.vars.js +0 -44
- package/dist/cjs/vars/Notification.vars.js.map +0 -1
- package/dist/cjs/vars/Text.vars.d.ts +0 -3
- package/dist/cjs/vars/Text.vars.d.ts.map +0 -1
- package/dist/cjs/vars/Text.vars.js +0 -25
- package/dist/cjs/vars/Text.vars.js.map +0 -1
- package/dist/esm/styles/ActionIcon.module.css +0 -6
- package/dist/esm/styles/Anchor.module.css +0 -6
- package/dist/esm/styles/AppShellNavBar.module.css +0 -3
- package/dist/esm/styles/DatePicker.module.css +0 -3
- package/dist/esm/styles/Input.module.css +0 -3
- package/dist/esm/styles/Notification.module.css +0 -20
- package/dist/esm/styles/Pagination.module.css +0 -30
- package/dist/esm/styles/Select.module.css +0 -39
- package/dist/esm/vars/Notification.vars.d.ts +0 -3
- package/dist/esm/vars/Notification.vars.d.ts.map +0 -1
- package/dist/esm/vars/Notification.vars.js +0 -34
- package/dist/esm/vars/Notification.vars.js.map +0 -1
- package/dist/esm/vars/Text.vars.d.ts +0 -3
- package/dist/esm/vars/Text.vars.d.ts.map +0 -1
- package/dist/esm/vars/Text.vars.js +0 -15
- package/dist/esm/vars/Text.vars.js.map +0 -1
- package/src/styles/ActionIcon.module.css +0 -6
- package/src/styles/Anchor.module.css +0 -6
- package/src/styles/AppShellNavBar.module.css +0 -3
- package/src/styles/DatePicker.module.css +0 -3
- package/src/styles/Input.module.css +0 -3
- package/src/styles/Notification.module.css +0 -20
- package/src/styles/Pagination.module.css +0 -30
- package/src/styles/Select.module.css +0 -39
- package/src/vars/Notification.vars.ts +0 -14
- 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
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
cursor: text;
|
|
3
3
|
|
|
4
4
|
--input-bd: transparent;
|
|
5
|
-
--input-bg: var(--mantine-color-
|
|
6
|
-
--input-color: var(--mantine-color-
|
|
7
|
-
--input-placeholder-color: var(--mantine-color-
|
|
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,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
|
-
|
|
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
|
|
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
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
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
|
|
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,
|
|
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"}
|