@uxf/ui 11.27.0 → 11.27.1
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/colors.css +81 -0
- package/package.json +2 -2
package/css/colors.css
ADDED
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
/** base */
|
|
3
|
+
--uxf-color-base-border-inverted: #ffffff1f;
|
|
4
|
+
--uxf-color-base-border-input: #d2d6db;
|
|
5
|
+
--uxf-color-base-surface-main: #fff;
|
|
6
|
+
--uxf-color-base-surface-main-hover: #f3f4f6;
|
|
7
|
+
--uxf-color-base-surface-input-disabled: #f3f4f6;
|
|
8
|
+
--uxf-color-base-surface-disabled: #d2d6db;
|
|
9
|
+
--uxf-color-base-text-disabled: #9da4ae;
|
|
10
|
+
--uxf-color-base-text-high-emphasis: #111927;
|
|
11
|
+
--uxf-color-base-text-inverted-high-emphasis: #fff;
|
|
12
|
+
|
|
13
|
+
/** primary */
|
|
14
|
+
--uxf-color-primary-surface-default: #155dee;
|
|
15
|
+
--uxf-color-primary-surface-default-hover: #004eea;
|
|
16
|
+
|
|
17
|
+
/** positive */
|
|
18
|
+
--uxf-color-positive-text: #039754;
|
|
19
|
+
--uxf-color-positive-border: #6be9a6;
|
|
20
|
+
--uxf-color-positive-surface-default: #09914f;
|
|
21
|
+
--uxf-color-positive-surface-default-hover: #087343;
|
|
22
|
+
|
|
23
|
+
/** negative */
|
|
24
|
+
--uxf-color-negative-text: #d92c20;
|
|
25
|
+
--uxf-color-negative-border: #fca19b;
|
|
26
|
+
--uxf-color-negative-surface-default: #d92c20;
|
|
27
|
+
--uxf-color-negative-surface-default-hover: #b42318;
|
|
28
|
+
|
|
29
|
+
/** warning */
|
|
30
|
+
--uxf-color-warning-text: #dc6803;
|
|
31
|
+
--uxf-color-warning-border: #fec84b;
|
|
32
|
+
--uxf-color-warning-surface-default: #dc6803;
|
|
33
|
+
--uxf-color-warning-surface-default-hover: #b54707;
|
|
34
|
+
|
|
35
|
+
/** info */
|
|
36
|
+
--uxf-color-info-text: #3e4783;
|
|
37
|
+
--uxf-color-info-border: #b3b8db;
|
|
38
|
+
--uxf-color-info-surface-default: #3e4783;
|
|
39
|
+
--uxf-color-info-surface-default-hover: #404968;
|
|
40
|
+
|
|
41
|
+
.dark {
|
|
42
|
+
/** base */
|
|
43
|
+
--uxf-color-base-border-inverted: #3842501f;
|
|
44
|
+
--uxf-color-base-border-input: #384250;
|
|
45
|
+
--uxf-color-base-surface-main: #111927;
|
|
46
|
+
--uxf-color-base-surface-main-hover: #1f2a37;
|
|
47
|
+
--uxf-color-base-surface-input-disabled: #4d5761;
|
|
48
|
+
--uxf-color-base-surface-disabled: #d2d6db;
|
|
49
|
+
--uxf-color-base-text-disabled: #ffffff80;
|
|
50
|
+
--uxf-color-base-text-high-emphasis: #fff;
|
|
51
|
+
--uxf-color-base-text-inverted-high-emphasis: #111927;
|
|
52
|
+
|
|
53
|
+
/** primary */
|
|
54
|
+
--uxf-color-primary-surface-default: #518bff;
|
|
55
|
+
--uxf-color-primary-surface-default-hover: #83adff;
|
|
56
|
+
|
|
57
|
+
/** positive */
|
|
58
|
+
--uxf-color-positive-text: #6be9a6;
|
|
59
|
+
--uxf-color-positive-border: #039754;
|
|
60
|
+
--uxf-color-positive-surface-default: #3ccb7f;
|
|
61
|
+
--uxf-color-positive-surface-default-hover: #72e2a3;
|
|
62
|
+
|
|
63
|
+
/** negative */
|
|
64
|
+
--uxf-color-negative-text: #fca19b;
|
|
65
|
+
--uxf-color-negative-border: #d92c20;
|
|
66
|
+
--uxf-color-negative-surface-default: #f97066;
|
|
67
|
+
--uxf-color-negative-surface-default-hover: #fca19b;
|
|
68
|
+
|
|
69
|
+
/** warning */
|
|
70
|
+
--uxf-color-warning-text: #fec84b;
|
|
71
|
+
--uxf-color-warning-border: #dc6803;
|
|
72
|
+
--uxf-color-warning-surface-default: #fdb022;
|
|
73
|
+
--uxf-color-warning-surface-default-hover: #fec84b;
|
|
74
|
+
|
|
75
|
+
/** info */
|
|
76
|
+
--uxf-color-info-text: #b3b8db;
|
|
77
|
+
--uxf-color-info-border: #3e4783;
|
|
78
|
+
--uxf-color-info-surface-default: #b3b8db;
|
|
79
|
+
--uxf-color-info-surface-default-hover: #d5d9eb;
|
|
80
|
+
}
|
|
81
|
+
}
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/ui",
|
|
3
|
-
"version": "11.27.
|
|
3
|
+
"version": "11.27.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
7
7
|
},
|
|
8
8
|
"scripts": {
|
|
9
|
-
"prepareCss": "rm -rf ./css && mkdir css && cp ./**/*.css ./css/",
|
|
9
|
+
"prepareCss": "rm -rf ./css && mkdir css && cp ./**/*.css ./css/ && cp ./colors.css ./css/",
|
|
10
10
|
"build": "npm run prepareCss && tsc -P tsconfig.json",
|
|
11
11
|
"tw-tokens:check": "ts-node ./scripts/generate-tw-tokens.js --mode=\"check\" --twConfig=\"./utils/tailwind-config.js\" --outputPath=\"./tw-tokens/\"",
|
|
12
12
|
"tw-tokens:gen": "ts-node ./scripts/generate-tw-tokens.js --twConfig=\"./utils/tailwind-config.js\" --outputPath=\"./tw-tokens/\"",
|