tuix-webcomponents 0.69.0 → 0.71.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/README.md +2 -2
- package/dist/assets/tuix-styles.css +71 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -12,8 +12,8 @@ npm i tuix-webcomponents
|
|
|
12
12
|
|
|
13
13
|
### Webbundle version
|
|
14
14
|
|
|
15
|
-
Webbundle Link: https://tuix-webcomponents.s3.eu-central-1.amazonaws.com/build-
|
|
16
|
-
Styles Link: https://tuix-webcomponents.s3.eu-central-1.amazonaws.com/build-
|
|
15
|
+
Webbundle Link: https://tuix-webcomponents.s3.eu-central-1.amazonaws.com/build-8228446@0.71.0.js
|
|
16
|
+
Styles Link: https://tuix-webcomponents.s3.eu-central-1.amazonaws.com/build-8228446@0.71.0.css
|
|
17
17
|
|
|
18
18
|
### React .tsx with SSR
|
|
19
19
|
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--tuix-light-color-primary-50: #F5F5FA;
|
|
3
|
+
--tuix-light-color-primary-100: #EBEAF4;
|
|
4
|
+
--tuix-light-color-primary-200: #D1D1E6;
|
|
5
|
+
--tuix-light-color-primary-300: #A8A9D1;
|
|
6
|
+
--tuix-light-color-primary-400: #7A7CB6;
|
|
7
|
+
--tuix-light-color-main: #585A9D;
|
|
8
|
+
--tuix-light-color-dark-main: #33355B;
|
|
9
|
+
--tuix-light-color-primary-600: #454584;
|
|
10
|
+
--tuix-light-color-primary-700: #3A396B;
|
|
11
|
+
--tuix-light-color-primary-800: #32325A;
|
|
12
|
+
--tuix-light-color-primary-900: #2E2D4D;
|
|
13
|
+
--tuix-light-color-primary-950: #1F1E33;
|
|
14
|
+
--tuix-light-color-secondary: #BBADFF;
|
|
15
|
+
--tuix-light-color-white: #FFFFFF;
|
|
16
|
+
--tuix-light-color-black: #121212;
|
|
17
|
+
--tuix-light-color-neutral-200: #C9C8D3;
|
|
18
|
+
--tuix-light-color-neutral-600: #8A8894;
|
|
19
|
+
--tuix-light-color-success: #439F6E;
|
|
20
|
+
--tuix-light-color-success-50: #F1F9F5;
|
|
21
|
+
--tuix-light-color-validation: #FFB82E;
|
|
22
|
+
--tuix-light-color-validation-50: #FFFBF4;
|
|
23
|
+
--tuix-light-color-validation-200: #FFEAC1;
|
|
24
|
+
--tuix-light-color-error: #F93232;
|
|
25
|
+
--tuix-light-color-error-50: #FFF5F5;
|
|
26
|
+
--tuix-light-color-error-200: #FFD8D8;
|
|
27
|
+
--tuix-light-color-section-bg: #FAFAFA;
|
|
28
|
+
--tuix-light-color-shadow: rgba(66, 79, 101, 0.16);
|
|
29
|
+
--tuix-dark-color-primary-50: #F5F5FA;
|
|
30
|
+
--tuix-dark-color-#f5f5fa: PRIMARY_50;
|
|
31
|
+
--tuix-dark-color-primary-100: #EBEAF4;
|
|
32
|
+
--tuix-dark-color-#ebeaf4: PRIMARY_100;
|
|
33
|
+
--tuix-dark-color-primary-200: #D1D1E6;
|
|
34
|
+
--tuix-dark-color-#d1d1e6: PRIMARY_200;
|
|
35
|
+
--tuix-dark-color-primary-300: #A8A9D1;
|
|
36
|
+
--tuix-dark-color-#a8a9d1: PRIMARY_300;
|
|
37
|
+
--tuix-dark-color-main: #7A7CB6;
|
|
38
|
+
--tuix-dark-color-dark-main: #33355B;
|
|
39
|
+
--tuix-dark-color-#33355b: DARK_MAIN;
|
|
40
|
+
--tuix-dark-color-primary-600: #454584;
|
|
41
|
+
--tuix-dark-color-#454584: PRIMARY_600;
|
|
42
|
+
--tuix-dark-color-primary-700: #3A396B;
|
|
43
|
+
--tuix-dark-color-#3a396b: PRIMARY_700;
|
|
44
|
+
--tuix-dark-color-primary-800: #32325A;
|
|
45
|
+
--tuix-dark-color-#32325a: PRIMARY_800;
|
|
46
|
+
--tuix-dark-color-primary-900: #2E2D4D;
|
|
47
|
+
--tuix-dark-color-#2e2d4d: PRIMARY_900;
|
|
48
|
+
--tuix-dark-color-primary-950: #1F1E33;
|
|
49
|
+
--tuix-dark-color-#1f1e33: PRIMARY_950;
|
|
50
|
+
--tuix-dark-color-secondary: #BBADFF;
|
|
51
|
+
--tuix-dark-color-#bbadff: SECONDARY;
|
|
52
|
+
--tuix-dark-color-white: rgba(255, 255, 255, 0.87);
|
|
53
|
+
--tuix-dark-color-black: #121212;
|
|
54
|
+
--tuix-dark-color-neutral-200: #C9C8D3;
|
|
55
|
+
--tuix-dark-color-#c9c8d3: NEUTRAL_200;
|
|
56
|
+
--tuix-dark-color-neutral-600: rgba(255, 255, 255, 0.60);
|
|
57
|
+
--tuix-dark-color-success: #82C5A9;
|
|
58
|
+
--tuix-dark-color-success-50: rgba(241, 249, 245, 0.30);
|
|
59
|
+
--tuix-dark-color-validation: #FFD489;
|
|
60
|
+
--tuix-dark-color-validation-50: rgba(255, 212, 137, 0.20);
|
|
61
|
+
--tuix-dark-color-validation-200: #FFEAC1;
|
|
62
|
+
--tuix-dark-color-error: #FF8486;
|
|
63
|
+
--tuix-dark-color-error-50: rgba(255, 132, 134, 0.20);
|
|
64
|
+
--tuix-dark-color-error-200: #FFD8D8;
|
|
65
|
+
--tuix-dark-color-#ffd8d8: ERROR_200;
|
|
66
|
+
--tuix-dark-color-section-bg: #0E0E0E;
|
|
67
|
+
--tuix-dark-color-elevation-1: #17171A;
|
|
68
|
+
--tuix-dark-color-elevation-2: #1A1A1F;
|
|
69
|
+
--tuix-dark-color-elevation-3: #1D1E24;
|
|
70
|
+
--tuix-dark-color-elevation-4: #212128;
|
|
71
|
+
}
|
package/package.json
CHANGED