@uxf/ui 11.106.0 → 11.107.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/css/button.css +4 -4
- package/css/color-radio.css +4 -0
- package/css/common.css +6 -0
- package/css/flash-messages.css +4 -0
- package/css/icon-button.css +17 -1
- package/css/icon.css +2 -0
- package/css/input.css +3 -3
- package/css/modal-dialog.css +2 -2
- package/package.json +13 -8
- package/utils/snap-test.js +2 -0
- package/content/content-schema.d.ts +0 -4
- package/content/content-schema.js +0 -2
- package/content/types.d.ts +0 -28
- package/content/types.js +0 -2
- package/css/colors-dark.css +0 -118
- package/css/colors-light.css +0 -118
- package/css/colors-primitives.css +0 -312
package/css/button.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
/** button variables */
|
|
3
|
-
--uxf-button-height:
|
|
3
|
+
--uxf-button-height: var(--uxf-control-height-default);
|
|
4
4
|
--uxf-button-border-radius: theme("borderRadius.md");
|
|
5
5
|
--uxf-button-font-size: theme("fontSize.sm");
|
|
6
6
|
--uxf-button-icon-size: theme("spacing.5");
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
&--size-sm {
|
|
107
107
|
--uxf-button-px: theme("spacing.3");
|
|
108
108
|
--uxf-button-font-size: theme("fontSize.sm");
|
|
109
|
-
--uxf-button-height:
|
|
109
|
+
--uxf-button-height: var(--uxf-control-height-sm);
|
|
110
110
|
--uxf-button-loading-size: theme("spacing.4");
|
|
111
111
|
--uxf-button-icon-size: theme("spacing.4");
|
|
112
112
|
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
|
|
116
116
|
&--size-lg {
|
|
117
117
|
--uxf-button-font-size: theme("fontSize.base");
|
|
118
|
-
--uxf-button-height:
|
|
118
|
+
--uxf-button-height: var(--uxf-control-height-lg);
|
|
119
119
|
--uxf-button-icon-size: theme("spacing.6");
|
|
120
120
|
--uxf-button-loading-size: theme("spacing.6");
|
|
121
121
|
}
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
&--size-xl {
|
|
124
124
|
--uxf-button-px: theme("spacing.6");
|
|
125
125
|
--uxf-button-font-size: theme("fontSize.base");
|
|
126
|
-
--uxf-button-height:
|
|
126
|
+
--uxf-button-height: var(--uxf-control-height-xl);
|
|
127
127
|
--uxf-button-icon-size: theme("spacing.7");
|
|
128
128
|
--uxf-button-loading-size: theme("spacing.7");
|
|
129
129
|
}
|
package/css/color-radio.css
CHANGED
package/css/common.css
ADDED
package/css/flash-messages.css
CHANGED
package/css/icon-button.css
CHANGED
|
@@ -1,9 +1,25 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--uxf-icon-button-height: var(--uxf-control-height-default);
|
|
3
|
+
}
|
|
4
|
+
|
|
1
5
|
.uxf-icon-button {
|
|
2
6
|
flex-shrink: 0;
|
|
3
7
|
padding: 0;
|
|
4
|
-
width: var(--uxf-button-height);
|
|
8
|
+
width: var(--uxf-icon-button-height);
|
|
5
9
|
|
|
6
10
|
&.uxf-button--is-loading::after {
|
|
7
11
|
margin-left: 0;
|
|
8
12
|
}
|
|
13
|
+
|
|
14
|
+
&.uxf-button--size-sm {
|
|
15
|
+
--uxf-icon-button-height: var(--uxf-control-height-sm);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
&.uxf-button--size-lg {
|
|
19
|
+
--uxf-icon-button-height: var(--uxf-control-height-lg);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
&.uxf-button--size-xl {
|
|
23
|
+
--uxf-icon-button-height: var(--uxf-control-height-xl);
|
|
24
|
+
}
|
|
9
25
|
}
|
package/css/icon.css
CHANGED
package/css/input.css
CHANGED
|
@@ -134,7 +134,7 @@
|
|
|
134
134
|
}
|
|
135
135
|
|
|
136
136
|
&--size-small {
|
|
137
|
-
height:
|
|
137
|
+
height: var(--uxf-control-height-sm);
|
|
138
138
|
|
|
139
139
|
.uxf-input__wrapper {
|
|
140
140
|
@apply text-sm;
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
}
|
|
143
143
|
|
|
144
144
|
&--size-default {
|
|
145
|
-
height:
|
|
145
|
+
height: var(--uxf-control-height-default);
|
|
146
146
|
|
|
147
147
|
.uxf-input__wrapper {
|
|
148
148
|
@apply text-base;
|
|
@@ -150,7 +150,7 @@
|
|
|
150
150
|
}
|
|
151
151
|
|
|
152
152
|
&--size-large {
|
|
153
|
-
height:
|
|
153
|
+
height: var(--uxf-control-height-lg);
|
|
154
154
|
|
|
155
155
|
.uxf-input__wrapper {
|
|
156
156
|
@apply text-lg;
|
package/css/modal-dialog.css
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
background-color: var(--uxf-color-base-surface-main);
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
5
|
-
font-size: var(--uxf-typo-
|
|
5
|
+
font-size: var(--uxf-typo-body-size);
|
|
6
6
|
gap: theme("spacing.3");
|
|
7
|
-
line-height: var(--uxf-typo-
|
|
7
|
+
line-height: var(--uxf-typo-body-line-height);
|
|
8
8
|
padding: theme("spacing.4");
|
|
9
9
|
|
|
10
10
|
&__header {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/ui",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.107.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"scripts": {
|
|
9
9
|
"gen": "npm run css-tokens:gen",
|
|
10
10
|
"build": "npm run css:prepare && npm run tokens:prepare && tsc -P tsconfig.json",
|
|
11
|
-
"css-tokens:gen": "bin/generate-css-tokens.js --source=./_tokens --output=./_tokens/generated/",
|
|
11
|
+
"css-tokens:gen": "bin/generate-css-tokens.js --source=./_tokens/source --output=./_tokens/generated/",
|
|
12
12
|
"css:prepare": "rm -rf ./css && mkdir css && cp ./**/*.css ./css/ && cp ./_tokens/generated/figma-colors.css ./css/",
|
|
13
13
|
"tokens:prepare": "rm -rf ./tokens && mkdir tokens && cp ./_tokens/generated/figma-colors.js ./tokens/",
|
|
14
14
|
"tw-tokens:check": "tsx ./scripts/generate-tw-tokens.js --mode=\"check\" --twConfig=\"./utils/tailwind-config.js\" --outputPath=\"./tw-tokens/\"",
|
|
@@ -23,22 +23,27 @@
|
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@floating-ui/react": "0.27.17",
|
|
25
25
|
"@headlessui/react": "1.7.19",
|
|
26
|
-
"@uxf/core": "11.106.0",
|
|
27
|
-
"@uxf/core-react": "11.106.0",
|
|
28
|
-
"@uxf/datepicker": "11.106.0",
|
|
29
|
-
"@uxf/localize": "11.92.1",
|
|
30
|
-
"@uxf/styles": "11.106.0",
|
|
31
26
|
"color2k": "2.0.3",
|
|
32
27
|
"dayjs": "1.11.19",
|
|
33
28
|
"react-dropzone": "14.4.0"
|
|
34
29
|
},
|
|
35
30
|
"peerDependencies": {
|
|
31
|
+
"@uxf/core": "11.107.0",
|
|
32
|
+
"@uxf/core-react": "11.107.0",
|
|
33
|
+
"@uxf/datepicker": "11.107.0",
|
|
34
|
+
"@uxf/localize": "11.107.0",
|
|
35
|
+
"@uxf/styles": "11.107.0",
|
|
36
36
|
"react": ">= 18.2.0",
|
|
37
37
|
"react-dom": ">= 18.2.0"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@types/node": "24",
|
|
41
41
|
"@types/react": "18.3.27",
|
|
42
|
-
"@types/react-dom": "18.3.7"
|
|
42
|
+
"@types/react-dom": "18.3.7",
|
|
43
|
+
"@uxf/core": "11.107.0",
|
|
44
|
+
"@uxf/core-react": "11.107.0",
|
|
45
|
+
"@uxf/datepicker": "11.107.0",
|
|
46
|
+
"@uxf/localize": "11.107.0",
|
|
47
|
+
"@uxf/styles": "11.107.0"
|
|
43
48
|
}
|
|
44
49
|
}
|
package/utils/snap-test.js
CHANGED
|
@@ -4,6 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.snapTest = void 0;
|
|
7
|
+
// TODO move to some folder related to test (which is ignored by this eslint rule)
|
|
8
|
+
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
7
9
|
const react_1 = require("@testing-library/react");
|
|
8
10
|
const dayjs_1 = __importDefault(require("dayjs"));
|
|
9
11
|
const react_2 = __importDefault(require("react"));
|
package/content/types.d.ts
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { AnyObject } from "@uxf/core/types";
|
|
2
|
-
import { ContentSchema } from "@uxf/ui/content/content-schema";
|
|
3
|
-
import { FC, ReactNode } from "react";
|
|
4
|
-
import { UseControllerProps } from "react-hook-form";
|
|
5
|
-
export type ContentType = keyof ContentSchema;
|
|
6
|
-
interface ContentFormProps<TYPE extends ContentType> extends UseControllerProps<ContentSchema[TYPE]> {
|
|
7
|
-
type: TYPE;
|
|
8
|
-
index: number;
|
|
9
|
-
onRemove: () => void;
|
|
10
|
-
TypeInputProps: AnyObject;
|
|
11
|
-
}
|
|
12
|
-
export type ContentFormComponent<TYPE extends ContentType> = FC<ContentFormProps<TYPE>> & {
|
|
13
|
-
getConfig: () => {
|
|
14
|
-
type: TYPE;
|
|
15
|
-
label: ReactNode;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
interface ContentRendererProps<TYPE extends ContentType> {
|
|
19
|
-
type: TYPE;
|
|
20
|
-
data: ContentSchema[TYPE];
|
|
21
|
-
index: number;
|
|
22
|
-
}
|
|
23
|
-
export type ContentRendererComponent<TYPE extends ContentType> = FC<ContentRendererProps<TYPE>> & {
|
|
24
|
-
getConfig: () => {
|
|
25
|
-
type: TYPE;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
export {};
|
package/content/types.js
DELETED
package/css/colors-dark.css
DELETED
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
/* Color tokens */
|
|
2
|
-
:root {
|
|
3
|
-
/* Dark */
|
|
4
|
-
/* color */
|
|
5
|
-
--base-border-border: hsl(0 0 100% / 0.12);
|
|
6
|
-
--base-border-input: hsl(0 0 100% / 0.2);
|
|
7
|
-
--base-border-inverted-border: hsl(218 28% 17% / 0.12);
|
|
8
|
-
--base-border-inverted-input: hsl(218 28% 17% / 0.2);
|
|
9
|
-
--base-icon-disabled: hsl(0 0 100% / 0.5);
|
|
10
|
-
--base-icon-high-emphasis: var(--base-white);
|
|
11
|
-
--base-icon-low-emphasis: hsl(0 0 100% / 0.75);
|
|
12
|
-
--base-icon-medium-emphasis: hsl(0 0 100% / 0.75);
|
|
13
|
-
--base-icon-inverted-low-emphasis: var(--grayneutral-900);
|
|
14
|
-
--base-icon-inverted-disabled: var(--grayneutral-900);
|
|
15
|
-
--base-icon-inverted-high-emphasis: var(--grayneutral-900);
|
|
16
|
-
--base-shadow-shadow-md: hsl(0 0 100% / 0);
|
|
17
|
-
--base-shadow-shadow-sm: hsl(0 0 100% / 0);
|
|
18
|
-
--base-surface-background: var(--grayneutral-800);
|
|
19
|
-
--base-surface-disabled: hsl(0 0 100% / 0.2);
|
|
20
|
-
--base-surface-input: var(--grayneutral-900);
|
|
21
|
-
--base-surface-input-disabled: var(--grayneutral-600);
|
|
22
|
-
--base-surface-input-hover: var(--grayneutral-800);
|
|
23
|
-
--base-surface-main: var(--grayneutral-900);
|
|
24
|
-
--base-surface-main-hover: var(--grayneutral-800);
|
|
25
|
-
--base-surface-popup: var(--grayneutral-800);
|
|
26
|
-
--base-surface-tooltip: var(--grayneutral-50);
|
|
27
|
-
--base-surface-inverted-default: hsl(218 28% 17%);
|
|
28
|
-
--base-surface-inverted-default-hover: hsl(218 28% 17% / 0.9);
|
|
29
|
-
--base-surface-inverted-disabled: var(--grayneutral-500);
|
|
30
|
-
--base-surface-inverted-main: hsl(218 28% 17% / 0.08);
|
|
31
|
-
--base-surface-inverted-main-hover: hsl(218 28% 17% / 0.16);
|
|
32
|
-
--base-text-disabled: hsl(0 0 100% / 0.6);
|
|
33
|
-
--base-text-high-emphasis: hsl(0 0 100%);
|
|
34
|
-
--base-text-link: var(--base-white);
|
|
35
|
-
--base-text-link-pressed: var(--base-white);
|
|
36
|
-
--base-text-low-emphasis: hsl(0 0 100% / 0.8);
|
|
37
|
-
--base-text-inverted-disabled: hsl(218 28% 17% / 0.7);
|
|
38
|
-
--base-text-inverted-high-emphasis: var(--grayneutral-900);
|
|
39
|
-
--base-text-inverted-link: var(--grayneutral-900);
|
|
40
|
-
--base-text-inverted-low-emphasis: hsl(218 28% 17% / 0.8);
|
|
41
|
-
--brand-border: var(--bluedark-600);
|
|
42
|
-
--brand-icon: var(--bluedark-400);
|
|
43
|
-
--brand-icon-on-muted: var(--bluedark-300);
|
|
44
|
-
--brand-text: var(--base-white);
|
|
45
|
-
--brand-text-on-muted: var(--bluedark-200);
|
|
46
|
-
--brand-surface-bolder: var(--bluedark-200);
|
|
47
|
-
--brand-surface-bolder-hover: var(--bluedark-100);
|
|
48
|
-
--brand-surface-default: var(--bluedark-400);
|
|
49
|
-
--brand-surface-default-hover: var(--bluedark-300);
|
|
50
|
-
--brand-surface-muted: var(--bluedark-800);
|
|
51
|
-
--brand-surface-muted-hover: var(--bluedark-700);
|
|
52
|
-
--brand-surface-subtle: var(--bluedark-900);
|
|
53
|
-
--brand-surface-subtle-hover: var(--bluedark-800);
|
|
54
|
-
--info-border: var(--grayblue-600);
|
|
55
|
-
--info-icon: var(--grayblue-300);
|
|
56
|
-
--info-icon-on-muted: var(--grayblue-300);
|
|
57
|
-
--info-text: var(--grayblue-300);
|
|
58
|
-
--info-text-on-muted: var(--grayblue-200);
|
|
59
|
-
--info-surface-default: var(--grayblue-300);
|
|
60
|
-
--info-surface-default-hover: var(--grayblue-200);
|
|
61
|
-
--info-surface-muted: var(--grayblue-800);
|
|
62
|
-
--info-surface-muted-hover: var(--grayblue-700);
|
|
63
|
-
--info-surface-subtle: var(--grayblue-900);
|
|
64
|
-
--info-surface-subtle-hover: var(--grayblue-800);
|
|
65
|
-
--inverted-border: hsl(0 0 100%);
|
|
66
|
-
--inverted-icon: hsl(0 0 100%);
|
|
67
|
-
--inverted-icon-on-muted: hsl(0 0 100%);
|
|
68
|
-
--inverted-text-default: hsl(0 0 100%);
|
|
69
|
-
--inverted-text-disabled: hsl(0 0 100%);
|
|
70
|
-
--inverted-text-muted: hsl(0 0 100%);
|
|
71
|
-
--inverted-text-on-muted: hsl(0 0 100%);
|
|
72
|
-
--negative-border: var(--error-600);
|
|
73
|
-
--negative-icon: var(--error-400);
|
|
74
|
-
--negative-icon-on-muted: var(--error-200);
|
|
75
|
-
--negative-text: var(--error-300);
|
|
76
|
-
--negative-text-on-muted: var(--error-200);
|
|
77
|
-
--negative-surface-default: var(--error-400);
|
|
78
|
-
--negative-surface-default-hover: var(--error-300);
|
|
79
|
-
--negative-surface-muted: var(--error-800);
|
|
80
|
-
--negative-surface-muted-hover: var(--error-700);
|
|
81
|
-
--negative-surface-subtle: var(--error-900);
|
|
82
|
-
--negative-surface-subtle-hover: var(--error-800);
|
|
83
|
-
--neutral-border: var(--grayneutral-600);
|
|
84
|
-
--neutral-icon: var(--grayneutral-400);
|
|
85
|
-
--neutral-icon-on-muted: var(--grayneutral-200);
|
|
86
|
-
--neutral-text: var(--grayneutral-300);
|
|
87
|
-
--neutral-text-on-muted: var(--grayneutral-200);
|
|
88
|
-
--neutral-surface-bolder: hsl(0 0 100%);
|
|
89
|
-
--neutral-surface-bolder-hover: hsl(0 0 100%);
|
|
90
|
-
--neutral-surface-default: var(--grayneutral-400);
|
|
91
|
-
--neutral-surface-default-hover: var(--grayneutral-300);
|
|
92
|
-
--neutral-surface-muted: var(--grayneutral-700);
|
|
93
|
-
--neutral-surface-muted-hover: var(--grayneutral-600);
|
|
94
|
-
--neutral-surface-subtle: var(--grayneutral-800);
|
|
95
|
-
--neutral-surface-subtle-hover: var(--grayneutral-700);
|
|
96
|
-
--positive-border: var(--success-600);
|
|
97
|
-
--positive-icon: var(--success-400);
|
|
98
|
-
--positive-icon-on-muted: var(--success-300);
|
|
99
|
-
--positive-text: var(--success-300);
|
|
100
|
-
--positive-text-on-muted: var(--success-200);
|
|
101
|
-
--positive-surface-default: var(--green-400);
|
|
102
|
-
--positive-surface-default-hover: var(--green-300);
|
|
103
|
-
--positive-surface-muted: var(--green-800);
|
|
104
|
-
--positive-surface-muted-hover: var(--green-700);
|
|
105
|
-
--positive-surface-subtle: var(--green-900);
|
|
106
|
-
--positive-surface-subtle-hover: var(--green-800);
|
|
107
|
-
--warning-border: var(--warning-600);
|
|
108
|
-
--warning-icon: var(--warning-400);
|
|
109
|
-
--warning-icon-on-muted: var(--warning-300);
|
|
110
|
-
--warning-text: var(--warning-300);
|
|
111
|
-
--warning-text-on-muted: var(--warning-200);
|
|
112
|
-
--warning-surface-default: var(--warning-400);
|
|
113
|
-
--warning-surface-default-hover: var(--warning-300);
|
|
114
|
-
--warning-surface-muted: var(--warning-800);
|
|
115
|
-
--warning-surface-muted-hover: var(--warning-700);
|
|
116
|
-
--warning-surface-subtle: var(--warning-900);
|
|
117
|
-
--warning-surface-subtle-hover: var(--warning-800);
|
|
118
|
-
}
|
package/css/colors-light.css
DELETED
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
/* Color tokens */
|
|
2
|
-
:root {
|
|
3
|
-
/* Light */
|
|
4
|
-
/* color */
|
|
5
|
-
--base-border-border: var(--grayneutral-200);
|
|
6
|
-
--base-border-input: var(--grayneutral-300);
|
|
7
|
-
--base-border-inverted-border: hsl(0 0 100% / 0.12);
|
|
8
|
-
--base-border-inverted-input: hsl(0 0 100% / 0.2);
|
|
9
|
-
--base-icon-disabled: var(--grayneutral-500);
|
|
10
|
-
--base-icon-high-emphasis: var(--grayneutral-900);
|
|
11
|
-
--base-icon-low-emphasis: var(--grayneutral-700);
|
|
12
|
-
--base-icon-medium-emphasis: var(--grayneutral-700);
|
|
13
|
-
--base-icon-inverted-low-emphasis: hsl(0 0 100% / 0.75);
|
|
14
|
-
--base-icon-inverted-disabled: hsl(0 0 100% / 0.5);
|
|
15
|
-
--base-icon-inverted-high-emphasis: var(--base-white);
|
|
16
|
-
--base-shadow-shadow-md: hsl(218 28% 17% / 0.1);
|
|
17
|
-
--base-shadow-shadow-sm: hsl(218 28% 17% / 0.05);
|
|
18
|
-
--base-surface-background: var(--grayneutral-50);
|
|
19
|
-
--base-surface-disabled: var(--grayneutral-300);
|
|
20
|
-
--base-surface-input: var(--base-white);
|
|
21
|
-
--base-surface-input-disabled: var(--grayneutral-100);
|
|
22
|
-
--base-surface-input-hover: var(--grayneutral-50);
|
|
23
|
-
--base-surface-main: var(--base-white);
|
|
24
|
-
--base-surface-main-hover: var(--grayneutral-100);
|
|
25
|
-
--base-surface-popup: var(--base-white);
|
|
26
|
-
--base-surface-tooltip: var(--grayneutral-700);
|
|
27
|
-
--base-surface-inverted-default: hsl(0 0 100%);
|
|
28
|
-
--base-surface-inverted-default-hover: hsl(0 0 100% / 0.9);
|
|
29
|
-
--base-surface-inverted-disabled: var(--grayneutral-300);
|
|
30
|
-
--base-surface-inverted-main: hsl(0 0 100% / 0.08);
|
|
31
|
-
--base-surface-inverted-main-hover: hsl(0 0 100% / 0.16);
|
|
32
|
-
--base-text-disabled: var(--grayneutral-500);
|
|
33
|
-
--base-text-high-emphasis: var(--grayneutral-900);
|
|
34
|
-
--base-text-link: var(--grayneutral-900);
|
|
35
|
-
--base-text-link-pressed: var(--grayneutral-900);
|
|
36
|
-
--base-text-low-emphasis: var(--grayneutral-700);
|
|
37
|
-
--base-text-inverted-disabled: hsl(0 0 100% / 0.7);
|
|
38
|
-
--base-text-inverted-high-emphasis: var(--base-white);
|
|
39
|
-
--base-text-inverted-link: var(--base-white);
|
|
40
|
-
--base-text-inverted-low-emphasis: hsl(0 0 100% / 0.8);
|
|
41
|
-
--brand-border: var(--bluedark-300);
|
|
42
|
-
--brand-icon: var(--bluedark-900);
|
|
43
|
-
--brand-icon-on-muted: var(--bluedark-700);
|
|
44
|
-
--brand-text: var(--bluedark-900);
|
|
45
|
-
--brand-text-on-muted: var(--bluedark-900);
|
|
46
|
-
--brand-surface-bolder: var(--bluedark-800);
|
|
47
|
-
--brand-surface-bolder-hover: var(--bluedark-900);
|
|
48
|
-
--brand-surface-default: var(--bluedark-600);
|
|
49
|
-
--brand-surface-default-hover: var(--bluedark-700);
|
|
50
|
-
--brand-surface-muted: var(--bluedark-100);
|
|
51
|
-
--brand-surface-muted-hover: var(--bluedark-200);
|
|
52
|
-
--brand-surface-subtle: var(--bluedark-50);
|
|
53
|
-
--brand-surface-subtle-hover: var(--bluedark-100);
|
|
54
|
-
--info-border: var(--grayblue-300);
|
|
55
|
-
--info-icon: var(--grayblue-500);
|
|
56
|
-
--info-icon-on-muted: var(--grayblue-700);
|
|
57
|
-
--info-text: var(--grayblue-600);
|
|
58
|
-
--info-text-on-muted: var(--grayblue-800);
|
|
59
|
-
--info-surface-default: var(--grayblue-600);
|
|
60
|
-
--info-surface-default-hover: var(--graycool-700);
|
|
61
|
-
--info-surface-muted: var(--graycool-100);
|
|
62
|
-
--info-surface-muted-hover: var(--graycool-200);
|
|
63
|
-
--info-surface-subtle: var(--graycool-50);
|
|
64
|
-
--info-surface-subtle-hover: var(--graycool-100);
|
|
65
|
-
--inverted-border: hsl(0 0 100%);
|
|
66
|
-
--inverted-icon: hsl(0 0 100%);
|
|
67
|
-
--inverted-icon-on-muted: hsl(0 0 100%);
|
|
68
|
-
--inverted-text-default: hsl(0 0 100%);
|
|
69
|
-
--inverted-text-disabled: hsl(0 0 100%);
|
|
70
|
-
--inverted-text-muted: hsl(0 0 100%);
|
|
71
|
-
--inverted-text-on-muted: hsl(0 0 100%);
|
|
72
|
-
--negative-border: var(--error-300);
|
|
73
|
-
--negative-icon: var(--error-600);
|
|
74
|
-
--negative-icon-on-muted: var(--error-700);
|
|
75
|
-
--negative-text: var(--error-600);
|
|
76
|
-
--negative-text-on-muted: var(--error-800);
|
|
77
|
-
--negative-surface-default: var(--error-600);
|
|
78
|
-
--negative-surface-default-hover: var(--error-700);
|
|
79
|
-
--negative-surface-muted: var(--error-100);
|
|
80
|
-
--negative-surface-muted-hover: var(--error-200);
|
|
81
|
-
--negative-surface-subtle: var(--error-50);
|
|
82
|
-
--negative-surface-subtle-hover: var(--error-100);
|
|
83
|
-
--neutral-border: var(--grayneutral-300);
|
|
84
|
-
--neutral-icon: var(--grayneutral-500);
|
|
85
|
-
--neutral-icon-on-muted: var(--grayneutral-700);
|
|
86
|
-
--neutral-text: var(--grayneutral-600);
|
|
87
|
-
--neutral-text-on-muted: var(--grayneutral-800);
|
|
88
|
-
--neutral-surface-bolder: var(--grayneutral-800);
|
|
89
|
-
--neutral-surface-bolder-hover: var(--grayneutral-900);
|
|
90
|
-
--neutral-surface-default: var(--grayneutral-600);
|
|
91
|
-
--neutral-surface-default-hover: var(--grayneutral-700);
|
|
92
|
-
--neutral-surface-muted: var(--grayneutral-200);
|
|
93
|
-
--neutral-surface-muted-hover: var(--grayneutral-300);
|
|
94
|
-
--neutral-surface-subtle: var(--grayneutral-50);
|
|
95
|
-
--neutral-surface-subtle-hover: var(--grayneutral-100);
|
|
96
|
-
--positive-border: var(--success-300);
|
|
97
|
-
--positive-icon: var(--success-500);
|
|
98
|
-
--positive-icon-on-muted: var(--success-700);
|
|
99
|
-
--positive-text: var(--success-700);
|
|
100
|
-
--positive-text-on-muted: var(--success-800);
|
|
101
|
-
--positive-surface-default: var(--green-600);
|
|
102
|
-
--positive-surface-default-hover: var(--green-700);
|
|
103
|
-
--positive-surface-muted: var(--green-100);
|
|
104
|
-
--positive-surface-muted-hover: var(--green-200);
|
|
105
|
-
--positive-surface-subtle: var(--green-50);
|
|
106
|
-
--positive-surface-subtle-hover: var(--green-100);
|
|
107
|
-
--warning-border: var(--warning-300);
|
|
108
|
-
--warning-icon: var(--warning-600);
|
|
109
|
-
--warning-icon-on-muted: var(--warning-700);
|
|
110
|
-
--warning-text: var(--warning-700);
|
|
111
|
-
--warning-text-on-muted: var(--warning-800);
|
|
112
|
-
--warning-surface-default: var(--warning-600);
|
|
113
|
-
--warning-surface-default-hover: var(--warning-700);
|
|
114
|
-
--warning-surface-muted: var(--warning-100);
|
|
115
|
-
--warning-surface-muted-hover: var(--warning-200);
|
|
116
|
-
--warning-surface-subtle: var(--warning-50);
|
|
117
|
-
--warning-surface-subtle-hover: var(--warning-100);
|
|
118
|
-
}
|
|
@@ -1,312 +0,0 @@
|
|
|
1
|
-
/* Primitives */
|
|
2
|
-
:root {
|
|
3
|
-
/* Mode 1 */
|
|
4
|
-
/* color */
|
|
5
|
-
--base-black: hsl(0 0 0%);
|
|
6
|
-
--base-white: hsl(0 0 100%);
|
|
7
|
-
--bluedark-100: hsl(220 100% 91%);
|
|
8
|
-
--bluedark-200: hsl(221 100% 85%);
|
|
9
|
-
--bluedark-25: hsl(222 100% 98%);
|
|
10
|
-
--bluedark-300: hsl(220 100% 76%);
|
|
11
|
-
--bluedark-400: hsl(220 100% 66%);
|
|
12
|
-
--bluedark-50: hsl(221 100% 97%);
|
|
13
|
-
--bluedark-500: hsl(220 99% 58%);
|
|
14
|
-
--bluedark-600: hsl(220 86% 51%);
|
|
15
|
-
--bluedark-700: hsl(220 100% 46%);
|
|
16
|
-
--bluedark-800: hsl(220 100% 38%);
|
|
17
|
-
--bluedark-900: hsl(220 100% 31%);
|
|
18
|
-
--bluelight-100: hsl(204 94% 94%);
|
|
19
|
-
--bluelight-200: hsl(201 97% 86%);
|
|
20
|
-
--bluelight-25: hsl(207 100% 98%);
|
|
21
|
-
--bluelight-300: hsl(199 97% 74%);
|
|
22
|
-
--bluelight-400: hsl(198 94% 59%);
|
|
23
|
-
--bluelight-50: hsl(204 100% 97%);
|
|
24
|
-
--bluelight-500: hsl(199 91% 48%);
|
|
25
|
-
--bluelight-600: hsl(200 100% 39%);
|
|
26
|
-
--bluelight-700: hsl(201 99% 32%);
|
|
27
|
-
--bluelight-800: hsl(201 91% 27%);
|
|
28
|
-
--bluelight-900: hsl(202 83% 24%);
|
|
29
|
-
--cyan-100: hsl(186 96% 90%);
|
|
30
|
-
--cyan-200: hsl(188 91% 82%);
|
|
31
|
-
--cyan-300: hsl(189 92% 69%);
|
|
32
|
-
--cyan-400: hsl(190 85% 53%);
|
|
33
|
-
--cyan-50: hsl(186 100% 96%);
|
|
34
|
-
--cyan-500: hsl(191 95% 43%);
|
|
35
|
-
--cyan-600: hsl(194 92% 36%);
|
|
36
|
-
--cyan-700: hsl(195 83% 31%);
|
|
37
|
-
--cyan-800: hsl(196 70% 27%);
|
|
38
|
-
--cyan-900: hsl(198 65% 24%);
|
|
39
|
-
--error-100: hsl(4 93% 94%);
|
|
40
|
-
--error-200: hsl(3 96% 89%);
|
|
41
|
-
--error-25: hsl(12 100% 99%);
|
|
42
|
-
--error-300: hsl(4 94% 80%);
|
|
43
|
-
--error-400: hsl(4 92% 69%);
|
|
44
|
-
--error-50: hsl(5 86% 97%);
|
|
45
|
-
--error-500: hsl(4 86% 58%);
|
|
46
|
-
--error-600: hsl(4 74% 49%);
|
|
47
|
-
--error-700: hsl(4 76% 40%);
|
|
48
|
-
--error-800: hsl(4 72% 33%);
|
|
49
|
-
--error-900: hsl(8 66% 29%);
|
|
50
|
-
--fuchsia-100: hsl(290 100% 95%);
|
|
51
|
-
--fuchsia-200: hsl(290 96% 91%);
|
|
52
|
-
--fuchsia-25: hsl(288 100% 99%);
|
|
53
|
-
--fuchsia-300: hsl(289 93% 83%);
|
|
54
|
-
--fuchsia-400: hsl(290 93% 72%);
|
|
55
|
-
--fuchsia-50: hsl(289 100% 98%);
|
|
56
|
-
--fuchsia-500: hsl(290 86% 61%);
|
|
57
|
-
--fuchsia-600: hsl(291 71% 49%);
|
|
58
|
-
--fuchsia-700: hsl(293 74% 40%);
|
|
59
|
-
--fuchsia-800: hsl(293 71% 33%);
|
|
60
|
-
--fuchsia-900: hsl(295 66% 28%);
|
|
61
|
-
--gray-100: hsl(216 24% 96%);
|
|
62
|
-
--gray-200: hsl(220 17% 93%);
|
|
63
|
-
--gray-25: hsl(240 20% 99%);
|
|
64
|
-
--gray-300: hsl(217 16% 84%);
|
|
65
|
-
--gray-400: hsl(219 14% 65%);
|
|
66
|
-
--gray-50: hsl(210 20% 98%);
|
|
67
|
-
--gray-500: hsl(221 13% 46%);
|
|
68
|
-
--gray-600: hsl(216 18% 34%);
|
|
69
|
-
--gray-700: hsl(217 24% 27%);
|
|
70
|
-
--gray-800: hsl(214 33% 17%);
|
|
71
|
-
--gray-900: hsl(220 43% 11%);
|
|
72
|
-
--grayblue-100: hsl(229 35% 94%);
|
|
73
|
-
--grayblue-200: hsl(229 35% 88%);
|
|
74
|
-
--grayblue-25: hsl(240 20% 99%);
|
|
75
|
-
--grayblue-300: hsl(233 36% 78%);
|
|
76
|
-
--grayblue-400: hsl(232 36% 59%);
|
|
77
|
-
--grayblue-50: hsl(225 40% 98%);
|
|
78
|
-
--grayblue-500: hsl(231 36% 48%);
|
|
79
|
-
--grayblue-600: hsl(232 36% 38%);
|
|
80
|
-
--grayblue-700: hsl(231 37% 33%);
|
|
81
|
-
--grayblue-800: hsl(231 35% 25%);
|
|
82
|
-
--grayblue-900: hsl(231 37% 10%);
|
|
83
|
-
--graycool-100: hsl(220 23% 95%);
|
|
84
|
-
--graycool-200: hsl(227 25% 89%);
|
|
85
|
-
--graycool-25: hsl(240 20% 99%);
|
|
86
|
-
--graycool-300: hsl(224 24% 78%);
|
|
87
|
-
--graycool-400: hsl(226 24% 59%);
|
|
88
|
-
--graycool-50: hsl(240 20% 98%);
|
|
89
|
-
--graycool-500: hsl(227 24% 48%);
|
|
90
|
-
--graycool-600: hsl(226 24% 38%);
|
|
91
|
-
--graycool-700: hsl(227 24% 33%);
|
|
92
|
-
--graycool-800: hsl(226 24% 25%);
|
|
93
|
-
--graycool-900: hsl(233 33% 10%);
|
|
94
|
-
--grayiron-100: hsl(240 5% 96%);
|
|
95
|
-
--grayiron-200: hsl(240 6% 90%);
|
|
96
|
-
--grayiron-300: hsl(240 6% 83%);
|
|
97
|
-
--grayiron-400: hsl(240 6% 65%);
|
|
98
|
-
--grayiron-50: hsl(0 0 98%);
|
|
99
|
-
--grayiron-500: hsl(240 5% 46%);
|
|
100
|
-
--grayiron-600: hsl(235 6% 34%);
|
|
101
|
-
--grayiron-700: hsl(240 5% 26%);
|
|
102
|
-
--grayiron-800: hsl(228 6% 16%);
|
|
103
|
-
--grayiron-900: hsl(240 6% 10%);
|
|
104
|
-
--graymodern-100: hsl(210 31% 95%);
|
|
105
|
-
--graymodern-200: hsl(215 27% 91%);
|
|
106
|
-
--graymodern-25: hsl(240 20% 99%);
|
|
107
|
-
--graymodern-300: hsl(213 22% 84%);
|
|
108
|
-
--graymodern-400: hsl(215 13% 65%);
|
|
109
|
-
--graymodern-50: hsl(210 40% 98%);
|
|
110
|
-
--graymodern-500: hsl(215 12% 47%);
|
|
111
|
-
--graymodern-600: hsl(217 15% 35%);
|
|
112
|
-
--graymodern-700: hsl(216 21% 27%);
|
|
113
|
-
--graymodern-800: hsl(218 28% 17%);
|
|
114
|
-
--graymodern-900: hsl(219 36% 11%);
|
|
115
|
-
--grayneutral-100: hsl(220 14% 96%);
|
|
116
|
-
--grayneutral-200: hsl(220 13% 91%);
|
|
117
|
-
--grayneutral-25: hsl(240 20% 99%);
|
|
118
|
-
--grayneutral-300: hsl(213 11% 84%);
|
|
119
|
-
--grayneutral-400: hsl(215 9% 65%);
|
|
120
|
-
--grayneutral-50: hsl(210 20% 98%);
|
|
121
|
-
--grayneutral-500: hsl(220 8% 46%);
|
|
122
|
-
--grayneutral-600: hsl(210 11% 34%);
|
|
123
|
-
--grayneutral-700: hsl(215 18% 27%);
|
|
124
|
-
--grayneutral-800: hsl(212 28% 17%);
|
|
125
|
-
--grayneutral-900: hsl(218 39% 11%);
|
|
126
|
-
--graytrue-100: hsl(0 0 96%);
|
|
127
|
-
--graytrue-200: hsl(0 0 90%);
|
|
128
|
-
--graytrue-25: hsl(0 0 99%);
|
|
129
|
-
--graytrue-300: hsl(0 0 84%);
|
|
130
|
-
--graytrue-400: hsl(0 0 64%);
|
|
131
|
-
--graytrue-50: hsl(0 0 98%);
|
|
132
|
-
--graytrue-500: hsl(0 0 45%);
|
|
133
|
-
--graytrue-600: hsl(0 0 32%);
|
|
134
|
-
--graytrue-700: hsl(0 0 26%);
|
|
135
|
-
--graytrue-800: hsl(0 0 16%);
|
|
136
|
-
--graytrue-900: hsl(0 0 8%);
|
|
137
|
-
--graywarm-100: hsl(60 5% 96%);
|
|
138
|
-
--graywarm-200: hsl(20 6% 90%);
|
|
139
|
-
--graywarm-25: hsl(60 20% 99%);
|
|
140
|
-
--graywarm-300: hsl(26 8% 83%);
|
|
141
|
-
--graywarm-400: hsl(25 7% 64%);
|
|
142
|
-
--graywarm-50: hsl(60 9% 98%);
|
|
143
|
-
--graywarm-500: hsl(26 6% 45%);
|
|
144
|
-
--graywarm-600: hsl(33 5% 32%);
|
|
145
|
-
--graywarm-700: hsl(30 6% 25%);
|
|
146
|
-
--graywarm-800: hsl(12 6% 15%);
|
|
147
|
-
--graywarm-900: hsl(24 10% 10%);
|
|
148
|
-
--green-100: hsl(139 73% 90%);
|
|
149
|
-
--green-200: hsl(142 68% 80%);
|
|
150
|
-
--green-25: hsl(143 80% 98%);
|
|
151
|
-
--green-300: hsl(146 66% 67%);
|
|
152
|
-
--green-400: hsl(148 58% 52%);
|
|
153
|
-
--green-50: hsl(140 71% 96%);
|
|
154
|
-
--green-500: hsl(150 78% 39%);
|
|
155
|
-
--green-600: hsl(151 88% 30%);
|
|
156
|
-
--green-700: hsl(153 87% 24%);
|
|
157
|
-
--green-800: hsl(153 82% 20%);
|
|
158
|
-
--green-900: hsl(154 81% 16%);
|
|
159
|
-
--greenlight-100: hsl(91 85% 89%);
|
|
160
|
-
--greenlight-200: hsl(91 85% 82%);
|
|
161
|
-
--greenlight-25: hsl(87 82% 98%);
|
|
162
|
-
--greenlight-300: hsl(92 81% 67%);
|
|
163
|
-
--greenlight-400: hsl(93 74% 55%);
|
|
164
|
-
--greenlight-50: hsl(89 92% 95%);
|
|
165
|
-
--greenlight-500: hsl(94 75% 44%);
|
|
166
|
-
--greenlight-600: hsl(95 86% 34%);
|
|
167
|
-
--greenlight-700: hsl(96 80% 27%);
|
|
168
|
-
--greenlight-800: hsl(96 70% 23%);
|
|
169
|
-
--greenlight-900: hsl(98 63% 20%);
|
|
170
|
-
--indigo-100: hsl(221 100% 94%);
|
|
171
|
-
--indigo-200: hsl(223 96% 89%);
|
|
172
|
-
--indigo-25: hsl(222 100% 98%);
|
|
173
|
-
--indigo-300: hsl(224 96% 82%);
|
|
174
|
-
--indigo-400: hsl(228 91% 74%);
|
|
175
|
-
--indigo-50: hsl(219 100% 97%);
|
|
176
|
-
--indigo-500: hsl(233 86% 66%);
|
|
177
|
-
--indigo-600: hsl(237 77% 59%);
|
|
178
|
-
--indigo-700: hsl(239 60% 50%);
|
|
179
|
-
--indigo-800: hsl(238 57% 41%);
|
|
180
|
-
--indigo-900: hsl(236 49% 34%);
|
|
181
|
-
--moss-100: hsl(89 57% 90%);
|
|
182
|
-
--moss-200: hsl(89 58% 80%);
|
|
183
|
-
--moss-25: hsl(90 60% 98%);
|
|
184
|
-
--moss-300: hsl(89 59% 67%);
|
|
185
|
-
--moss-400: hsl(89 58% 52%);
|
|
186
|
-
--moss-50: hsl(88 62% 96%);
|
|
187
|
-
--moss-500: hsl(89 58% 39%);
|
|
188
|
-
--moss-600: hsl(89 57% 30%);
|
|
189
|
-
--moss-700: hsl(89 58% 24%);
|
|
190
|
-
--moss-800: hsl(89 58% 20%);
|
|
191
|
-
--moss-900: hsl(89 57% 16%);
|
|
192
|
-
--orange-100: hsl(31 86% 92%);
|
|
193
|
-
--orange-200: hsl(36 84% 83%);
|
|
194
|
-
--orange-25: hsl(33 82% 98%);
|
|
195
|
-
--orange-300: hsl(27 89% 72%);
|
|
196
|
-
--orange-400: hsl(23 88% 61%);
|
|
197
|
-
--orange-50: hsl(30 89% 96%);
|
|
198
|
-
--orange-500: hsl(21 87% 53%);
|
|
199
|
-
--orange-600: hsl(17 82% 48%);
|
|
200
|
-
--orange-700: hsl(13 80% 40%);
|
|
201
|
-
--orange-800: hsl(11 72% 34%);
|
|
202
|
-
--orange-900: hsl(11 68% 28%);
|
|
203
|
-
--orangedark-100: hsl(23 100% 92%);
|
|
204
|
-
--orangedark-25: hsl(24 100% 98%);
|
|
205
|
-
--orangedark-300: hsl(21 100% 70%);
|
|
206
|
-
--orangedark-400: hsl(17 99% 59%);
|
|
207
|
-
--orangedark-50: hsl(20 100% 96%);
|
|
208
|
-
--orangedark-500: hsl(15 100% 51%);
|
|
209
|
-
--orangedark-600: hsl(11 97% 46%);
|
|
210
|
-
--orangedark-700: hsl(7 95% 38%);
|
|
211
|
-
--orangedark-800: hsl(5 85% 32%);
|
|
212
|
-
--orangedark-900: hsl(7 80% 26%);
|
|
213
|
-
--pink-100: hsl(317 78% 95%);
|
|
214
|
-
--pink-200: hsl(318 88% 90%);
|
|
215
|
-
--pink-25: hsl(323 80% 98%);
|
|
216
|
-
--pink-300: hsl(319 87% 82%);
|
|
217
|
-
--pink-400: hsl(321 87% 70%);
|
|
218
|
-
--pink-50: hsl(316 73% 97%);
|
|
219
|
-
--pink-500: hsl(318 83% 60%);
|
|
220
|
-
--pink-600: hsl(325 72% 50%);
|
|
221
|
-
--pink-700: hsl(327 80% 42%);
|
|
222
|
-
--pink-800: hsl(328 77% 35%);
|
|
223
|
-
--pink-900: hsl(328 72% 30%);
|
|
224
|
-
--primary-100: hsl(267 100% 96%);
|
|
225
|
-
--primary-200: hsl(268 95% 92%);
|
|
226
|
-
--primary-25: hsl(264 100% 99%);
|
|
227
|
-
--primary-300: hsl(265 89% 86%);
|
|
228
|
-
--primary-400: hsl(262 85% 77%);
|
|
229
|
-
--primary-50: hsl(264 100% 98%);
|
|
230
|
-
--primary-500: hsl(260 77% 70%);
|
|
231
|
-
--primary-600: hsl(258 63% 59%);
|
|
232
|
-
--primary-700: hsl(258 54% 51%);
|
|
233
|
-
--primary-800: hsl(256 48% 42%);
|
|
234
|
-
--primary-900: hsl(255 45% 34%);
|
|
235
|
-
--purple-100: hsl(246 91% 95%);
|
|
236
|
-
--purple-200: hsl(245 95% 92%);
|
|
237
|
-
--purple-25: hsl(240 100% 99%);
|
|
238
|
-
--purple-300: hsl(247 95% 85%);
|
|
239
|
-
--purple-400: hsl(249 93% 76%);
|
|
240
|
-
--purple-50: hsl(245 100% 98%);
|
|
241
|
-
--purple-500: hsl(252 92% 66%);
|
|
242
|
-
--purple-600: hsl(256 84% 58%);
|
|
243
|
-
--purple-700: hsl(257 72% 50%);
|
|
244
|
-
--purple-800: hsl(257 71% 42%);
|
|
245
|
-
--purple-900: hsl(257 69% 35%);
|
|
246
|
-
--rosé-100: hsl(351 100% 95%);
|
|
247
|
-
--rosé-200: hsl(349 96% 90%);
|
|
248
|
-
--rosé-25: hsl(354 100% 98%);
|
|
249
|
-
--rosé-300: hsl(349 98% 82%);
|
|
250
|
-
--rosé-400: hsl(347 96% 71%);
|
|
251
|
-
--rosé-50: hsl(351 100% 97%);
|
|
252
|
-
--rosé-500: hsl(346 90% 60%);
|
|
253
|
-
--rosé-600: hsl(343 79% 50%);
|
|
254
|
-
--rosé-700: hsl(341 86% 41%);
|
|
255
|
-
--rosé-800: hsl(339 83% 35%);
|
|
256
|
-
--rosé-900: hsl(338 78% 30%);
|
|
257
|
-
--success-100: hsl(140 80% 90%);
|
|
258
|
-
--success-200: hsl(144 78% 80%);
|
|
259
|
-
--success-25: hsl(143 80% 98%);
|
|
260
|
-
--success-300: hsl(148 74% 67%);
|
|
261
|
-
--success-400: hsl(150 66% 51%);
|
|
262
|
-
--success-50: hsl(145 81% 96%);
|
|
263
|
-
--success-500: hsl(152 82% 39%);
|
|
264
|
-
--success-600: hsl(153 96% 30%);
|
|
265
|
-
--success-700: hsl(155 97% 24%);
|
|
266
|
-
--success-800: hsl(155 90% 20%);
|
|
267
|
-
--success-900: hsl(156 88% 16%);
|
|
268
|
-
--teal-100: hsl(165 85% 89%);
|
|
269
|
-
--teal-200: hsl(166 84% 78%);
|
|
270
|
-
--teal-25: hsl(165 80% 98%);
|
|
271
|
-
--teal-300: hsl(169 76% 64%);
|
|
272
|
-
--teal-400: hsl(170 65% 50%);
|
|
273
|
-
--teal-50: hsl(162 76% 97%);
|
|
274
|
-
--teal-500: hsl(171 79% 40%);
|
|
275
|
-
--teal-600: hsl(173 83% 32%);
|
|
276
|
-
--teal-700: hsl(173 77% 26%);
|
|
277
|
-
--teal-800: hsl(174 68% 22%);
|
|
278
|
-
--teal-900: hsl(174 61% 19%);
|
|
279
|
-
--violet-100: hsl(249 91% 95%);
|
|
280
|
-
--violet-200: hsl(251 95% 92%);
|
|
281
|
-
--violet-25: hsl(252 100% 99%);
|
|
282
|
-
--violet-300: hsl(252 95% 85%);
|
|
283
|
-
--violet-400: hsl(254 92% 76%);
|
|
284
|
-
--violet-50: hsl(250 100% 98%);
|
|
285
|
-
--violet-500: hsl(257 91% 66%);
|
|
286
|
-
--violet-600: hsl(261 83% 58%);
|
|
287
|
-
--violet-700: hsl(262 71% 50%);
|
|
288
|
-
--violet-800: hsl(262 70% 42%);
|
|
289
|
-
--violet-900: hsl(262 69% 35%);
|
|
290
|
-
--warning-100: hsl(45 96% 89%);
|
|
291
|
-
--warning-200: hsl(44 98% 77%);
|
|
292
|
-
--warning-25: hsl(42 100% 98%);
|
|
293
|
-
--warning-300: hsl(42 99% 65%);
|
|
294
|
-
--warning-400: hsl(39 98% 56%);
|
|
295
|
-
--warning-50: hsl(45 100% 96%);
|
|
296
|
-
--warning-500: hsl(34 94% 50%);
|
|
297
|
-
--warning-600: hsl(28 97% 44%);
|
|
298
|
-
--warning-700: hsl(22 93% 37%);
|
|
299
|
-
--warning-800: hsl(19 85% 31%);
|
|
300
|
-
--warning-900: hsl(18 79% 27%);
|
|
301
|
-
--yellow-100: hsl(54 94% 88%);
|
|
302
|
-
--yellow-200: hsl(51 98% 79%);
|
|
303
|
-
--yellow-25: hsl(56 88% 97%);
|
|
304
|
-
--yellow-300: hsl(48 97% 72%);
|
|
305
|
-
--yellow-400: hsl(46 96% 53%);
|
|
306
|
-
--yellow-50: hsl(52 92% 95%);
|
|
307
|
-
--yellow-500: hsl(43 94% 47%);
|
|
308
|
-
--yellow-600: hsl(39 97% 40%);
|
|
309
|
-
--yellow-700: hsl(33 93% 33%);
|
|
310
|
-
--yellow-800: hsl(30 82% 29%);
|
|
311
|
-
--yellow-900: hsl(26 74% 25%);
|
|
312
|
-
}
|