myshell-react-lib 0.1.54 → 0.1.56

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 (12) hide show
  1. package/dist/index.cjs +41 -27
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +1 -1
  4. package/dist/index.d.ts +1 -1
  5. package/dist/index.js +41 -27
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles/components-dark.scss +20 -20
  8. package/dist/styles/components-light.scss +1 -1
  9. package/dist/styles/design2-dark.scss +23 -25
  10. package/dist/styles/design2-light.scss +3 -2
  11. package/dist/styles/new-tokens.scss +5 -5
  12. package/package.json +1 -1
package/dist/styles/components-dark.scss CHANGED
@@ -13,7 +13,7 @@
13
13
  --Component-Colors-Button-Brand-fg-default: var(--Pure-Mauve-99);
14
14
  --Component-Colors-Button-Brand-fg-alt: var(--Neutral-Variant-40);
15
15
  --Component-Colors-Button-Brand-bg-default: var(--Pure-Mauve-50);
16
- --Component-Colors-Button-Brand-bg-hover: var(--Pure-Mauve-30);
16
+ --Component-Colors-Button-Brand-bg-hover: var(--Pure-Mauve-40);
17
17
  --Component-Colors-Button-Brand-bg-active: var(--Pure-Mauve-20);
18
18
  --Component-Colors-Button-Brand-bg-disabled: var(--Neutral-Variant-20);
19
19
 
@@ -23,7 +23,7 @@
23
23
  --Component-Colors-Button-Primary-bg-default: var(--Neutral-Variant-100);
24
24
  --Component-Colors-Button-Primary-bg-hover: var(--Neutral-Variant-90);
25
25
  --Component-Colors-Button-Primary-bg-active: var(--Neutral-Variant-80);
26
- --Component-Colors-Button-Primary-bg-disabled: var(--Neutral-Variant-20);
26
+ --Component-Colors-Button-Primary-bg-disabled: var(--Neutral-Variant-30);
27
27
  --Component-Colors-Button-Primary-bg-default-2: var(--Neutral-Variant-100);
28
28
 
29
29
 
@@ -31,33 +31,33 @@
31
31
  --Component-Colors-Button-Secondary-fg-default: var(--Neutral-Variant-100);
32
32
  --Component-Colors-Button-Secondary-fg-alt: var(--Neutral-Variant-40);
33
33
  --Component-Colors-Button-Secondary-bg-default: var(--Basic-None);
34
- --Component-Colors-Button-Secondary-bg-hover: var(--Opacity-White-16);
35
- --Component-Colors-Button-Secondary-bg-active: var(--Opacity-White-20);
34
+ --Component-Colors-Button-Secondary-bg-hover: var(--Opacity-White-8);
35
+ --Component-Colors-Button-Secondary-bg-active: var(--Opacity-White-12);
36
36
  --Component-Colors-Button-Secondary-border-default: var(--Neutral-Variant-100);
37
- --Component-Colors-Button-Secondary-border-disabled: var(--Opacity-White-16);
37
+ --Component-Colors-Button-Secondary-border-disabled: var(--Opacity-White-8);
38
38
 
39
39
  // Colors Component_colors_button_tertiary
40
40
  --Component-Colors-Button-Tertiary-fg-default: var(--Neutral-Variant-100);
41
41
  --Component-Colors-Button-Tertiary-fg-alt: var(--Opacity-White-30);
42
- --Component-Colors-Button-Tertiary-bg-default: var(--Opacity-White-8);
43
- --Component-Colors-Button-Tertiary-bg-hover: var(--Opacity-White-16);
44
- --Component-Colors-Button-Tertiary-bg-active: var(--Opacity-White-20);
45
- --Component-Colors-Button-Tertiary-border: var(--Opacity-White-16);
46
- --Component-Colors-Button-Tertiary-border-alt: var(--Opacity-White-30);
42
+ --Component-Colors-Button-Tertiary-bg-default: var(--Opacity-White-5);
43
+ --Component-Colors-Button-Tertiary-bg-hover: var(--Opacity-White-8);
44
+ --Component-Colors-Button-Tertiary-bg-active: var(--Opacity-White-12);
45
+ --Component-Colors-Button-Tertiary-border: var(--Opacity-White-12);
46
+ --Component-Colors-Button-Tertiary-border-alt: var(--Opacity-White-16);
47
47
 
48
48
  // Colors Component_colors_button_plain
49
49
  --Component-Colors-Button-Plain-fg-default: var(--Neutral-Variant-100);
50
50
  --Component-Colors-Button-Plain-fg-alt: var(--Neutral-Variant-40);
51
51
  --Component-Colors-Button-Plain-bg-default: var(--Basic-None);
52
- --Component-Colors-Button-Plain-bg-hover: var(--Opacity-White-16);
53
- --Component-Colors-Button-Plain-bg-active: var(--Opacity-White-20);
52
+ --Component-Colors-Button-Plain-bg-hover: var(--Opacity-White-8);
53
+ --Component-Colors-Button-Plain-bg-active: var(--Opacity-White-12);
54
54
 
55
55
  // Colors Component_colors_button_plain_brand
56
56
  --Component-Colors-Button-Plain-Brand-fg-default: var(--Pure-Mauve-70);
57
57
  --Component-Colors-Button-Plain-Brand-fg-alt: var(--Neutral-Variant-40);
58
58
  --Component-Colors-Button-Plain-Brand-bg-default: var(--Basic-None);
59
- --Component-Colors-Button-Plain-Brand-bg-hover: var(--Opacity-White-16);
60
- --Component-Colors-Button-Plain-Brand-bg-active: var(--Opacity-White-20);
59
+ --Component-Colors-Button-Plain-Brand-bg-hover: var(--Opacity-White-8);
60
+ --Component-Colors-Button-Plain-Brand-bg-active: var(--Opacity-White-12);
61
61
 
62
62
  // Colors Component_colors_button_error_primary
63
63
  --Component-Colors-Button-Error-Primary-fg-default: var(--Terracotta-95);
@@ -65,7 +65,7 @@
65
65
  --Component-Colors-Button-Error-Primary-bg-default: var(--Terracotta-40);
66
66
  --Component-Colors-Button-Error-Primary-bg-hover: var(--Terracotta-30);
67
67
  --Component-Colors-Button-Error-Primary-bg-active: var(--Terracotta-20);
68
- --Component-Colors-Button-Error-Primary-bg-disabled: var(--Neutral-Variant-20);
68
+ --Component-Colors-Button-Error-Primary-bg-disabled: var(--Neutral-Variant-30);
69
69
  --Component-Colors-Button-Error-Primary-bg-loading: var(--Terracotta-40);
70
70
 
71
71
  // Colors Component_colors_button_error_secondary
@@ -84,8 +84,8 @@
84
84
  --Component-Colors-Button-Static-bg-default: var(--Neutral-Variant-99);
85
85
  --Component-Colors-Button-Static-bg-hover: var(--Neutral-Variant-95);
86
86
  --Component-Colors-Button-Static-bg-active: var(--Neutral-Variant-90);
87
- --Component-Colors-Button-Static-border: var(--Opacity-White-16);
88
- --Component-Colors-Button-Static-border-alt: var(--Opacity-White-30);
87
+ --Component-Colors-Button-Static-border: var(--Opacity-White-8);
88
+ --Component-Colors-Button-Static-border-alt: var(--Opacity-White-16);
89
89
 
90
90
  // Colors Component_colors_button_solid
91
91
  --Component-Colors-Button-Solid-fg-default: var(--Neutral-Variant-100);
@@ -93,8 +93,8 @@
93
93
  --Component-Colors-Button-Solid-bg-default: var(--Neutral-Variant-10);
94
94
  --Component-Colors-Button-Solid-bg-hover: var(--Neutral-Variant-20);
95
95
  --Component-Colors-Button-Solid-bg-active: var(--Neutral-Variant-30);
96
- --Component-Colors-Button-Solid-border: var(--Opacity-White-16);
97
- --Component-Colors-Button-Solid-border-alt: var(--Opacity-White-30);
96
+ --Component-Colors-Button-Solid-border: var(--Opacity-White-8);
97
+ --Component-Colors-Button-Solid-border-alt: var(--Opacity-White-16);
98
98
 
99
99
  // Colors Component_colors_icon_button
100
100
  --Component-Colors-Icon-Button-Brand-fg-default: var(--Pure-Mauve-99);
@@ -102,7 +102,7 @@
102
102
  --Component-Colors-Icon-Button-Brand-bg-default: var(--Pure-Mauve-50);
103
103
  --Component-Colors-Icon-Button-Brand-bg-hover: var(--Pure-Mauve-30);
104
104
  --Component-Colors-Icon-Button-Brand-bg-active: var(--Pure-Mauve-20);
105
- --Component-Colors-Icon-Button-Brand-bg-disabled: var(--Neutral-Variant-20);
105
+ --Component-Colors-Icon-Button-Brand-bg-disabled: var(--Neutral-Variant-30);
106
106
 
107
107
  --Component-Colors-Icon-Button-Plain-fg-default: var(--Neutral-Variant-100);
108
108
  --Component-Colors-Icon-Button-Plain-Gray-fg-default: var(--Neutral-Variant-80);
package/dist/styles/components-light.scss CHANGED
@@ -13,7 +13,7 @@
13
13
  --Component-Colors-Button-Brand-fg-default: var(--Pure-Mauve-5);
14
14
  --Component-Colors-Button-Brand-fg-alt: var(--Neutral-70);
15
15
  --Component-Colors-Button-Brand-bg-default: var(--Pure-Mauve-95);
16
- --Component-Colors-Button-Brand-bg-hover: var(--Pure-Mauve-80);
16
+ --Component-Colors-Button-Brand-bg-hover: var(--Pure-Mauve-90);
17
17
  --Component-Colors-Button-Brand-bg-active: var(--Pure-Mauve-70);
18
18
  --Component-Colors-Button-Brand-bg-disabled: var(--Neutral-95);
19
19
 
package/dist/styles/design2-dark.scss CHANGED
@@ -2,20 +2,6 @@
2
2
 
3
3
  @layer base {
4
4
  .dark {
5
- .md-viewer code {
6
- background-color: #27282c !important;
7
- font-size: 14px !important;
8
- color: var(--Basic-White);
9
- }
10
- .page-view .md-viewer pre {
11
- padding: 12px;
12
- background-color: #27282c !important;
13
- color: var(--Basic-White);
14
- code {
15
- background-color: #27282c !important;
16
- color: var(--Basic-White);
17
- }
18
- }
19
5
  // Colors Background Normal Primary
20
6
  --Colors-Background-Normal-Primary-Default: var(--Neutral-Variant-10);
21
7
  --Colors-Background-Normal-Primary-Hover: var(--Neutral-Variant-20);
@@ -24,7 +10,7 @@
24
10
 
25
11
  // Colors Background Normal Secondary
26
12
  --Colors-Background-Normal-Secondary-Default: var(--Neutral-Variant-20);
27
- --Colors-Background-Normal-Secondary-Alt: var(--Neutral-Variant-10);
13
+ --Colors-Background-Normal-Secondary-Alt: var(--Neutral-Variant-20);
28
14
  --Colors-Background-Normal-Secondary-Hover: var(--Neutral-Variant-30);
29
15
  --Colors-Background-Normal-Secondary-Active: var(--Neutral-Variant-40);
30
16
 
@@ -49,10 +35,10 @@
49
35
  --Colors-Background-Neutral-Tertiary-Active: var(--Neutral-Variant-50);
50
36
 
51
37
  // Colors Background Neutral On Surface
52
- --Colors-Background-Neutral-On-Surface-Default: var(--Opacity-White-5);
53
- --Colors-Background-Neutral-On-Surface-Hover: var(--Opacity-White-12);
54
- --Colors-Background-Neutral-On-Surface-Active: var(--Opacity-White-16);
55
- --Colors-Background-Neutral-On-Surface-Disabled: var(--Opacity-White-12);
38
+ --Colors-Background-Neutral-On-Surface-Default: var(--Opacity-White-3);
39
+ --Colors-Background-Neutral-On-Surface-Hover: var(--Opacity-White-5);
40
+ --Colors-Background-Neutral-On-Surface-Active: var(--Opacity-White-8);
41
+ --Colors-Background-Neutral-On-Surface-Disabled: var(--Opacity-White-3);
56
42
  --Colors-Background-Neutral-On-Surface-Alt: var(--Opacity-White-12);
57
43
 
58
44
  // Colors Background Utilities
@@ -61,6 +47,7 @@
61
47
  --Colors-Background-Utilities-Overlay: var(--Opacity-Black-70);
62
48
  --Colors-Background-Utilities-Static-White: var(--Neutral-Variant-99);
63
49
  --Colors-Background-Utilities-Static-Black: var(--Neutral-Variant-5);
50
+ --Colors-Background-Utilities-Modal:var(--Neutral-Variant-10);
64
51
 
65
52
  // Colors Background Brand
66
53
  --Colors-Background-Brand-Default: var(--Pure-Mauve-20);
@@ -107,7 +94,7 @@
107
94
  --Colors-Text-Subtle: var(--Neutral-Variant-90);
108
95
  --Colors-Text-Subtler: var(--Neutral-Variant-70);
109
96
  --Colors-Text-Subtlest: var(--Neutral-Variant-50);
110
- --Colors-Text-Disabled: var(--Neutral-Variant-30);
97
+ --Colors-Text-Disabled: var(--Neutral-Variant-40);
111
98
  --Colors-Text-Bolder: var(--Neutral-Variant-5);
112
99
 
113
100
  // Colors Text Static
@@ -139,7 +126,7 @@
139
126
  --Colors-Foreground-Subtle: var(--Neutral-Variant-90);
140
127
  --Colors-Foreground-Subtler: var(--Neutral-Variant-70);
141
128
  --Colors-Foreground-Subtlest: var(--Neutral-Variant-50);
142
- --Colors-Foreground-Disabled: var(--Neutral-Variant-30);
129
+ --Colors-Foreground-Disabled: var(--Neutral-Variant-40);
143
130
  --Colors-Foreground-Bolder: var(--Neutral-Variant-5);
144
131
 
145
132
  // Colors Foreground Static
@@ -167,10 +154,10 @@
167
154
  --Colors-Foreground-Success-Bolder: var(--Teal-90);
168
155
 
169
156
  // Colors Border
170
- --Colors-Border-Default: var(--Neutral-Variant-20);
171
- --Colors-Border-Alt: var(--Neutral-Variant-30);
172
- --Colors-Border-Hover: var(--Neutral-Variant-30);
173
- --Colors-Border-Active: var(--Neutral-Variant-40);
157
+ --Colors-Border-Default: var(--Neutral-Variant-30);
158
+ --Colors-Border-Alt: var(--Neutral-Variant-40);
159
+ --Colors-Border-Hover: var(--Neutral-Variant-40);
160
+ --Colors-Border-Active: var(--Neutral-Variant-50);
174
161
  --Colors-Border-Bolder: var(--Neutral-Variant-100);
175
162
  --Colors-Border-Brand: var(--Pure-Mauve-60);
176
163
  --Colors-Border-Brand_alt: var(--Pure-Mauve-40);
@@ -304,6 +291,17 @@
304
291
  --Colors-Utility-Ember-70: var(--Ember-80);
305
292
  --Colors-Utility-Ember-80: var(--Ember-90);
306
293
 
294
+ // Colors Utility Khaki
295
+ --Colors-Utility-Khaki-5: var(--Khaki-10);
296
+ --Colors-Utility-Khaki-10: var(--Khaki-20);
297
+ --Colors-Utility-Khaki-20: var(--Khaki-30);
298
+ --Colors-Utility-Khaki-30: var(--Khaki-40);
299
+ --Colors-Utility-Khaki-40: var(--Khaki-50);
300
+ --Colors-Utility-Khaki-50: var(--Khaki-60);
301
+ --Colors-Utility-Khaki-60: var(--Khaki-70);
302
+ --Colors-Utility-Khaki-70: var(--Khaki-80);
303
+ --Colors-Utility-Khaki-80: var(--Khaki-90);
304
+
307
305
  // Colors Utility Purple
308
306
  --Colors-Utility-Purple-5: var(--Pure-Mauve-10);
309
307
  --Colors-Utility-Purple-10: var(--Pure-Mauve-20);
package/dist/styles/design2-light.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  --Colors-Background-Normal-Primary-Hover: var(--Neutral-98);
8
8
  --Colors-Background-Normal-Primary-Active: var(--Neutral-90);
9
9
  --Colors-Background-Normal-Primary-Alt: var(--Neutral-100);
10
-
10
+
11
11
  // Colors Background Normal Secondary
12
12
  --Colors-Background-Normal-Secondary-Default: var(--Neutral-98);
13
13
  --Colors-Background-Normal-Secondary-Alt: var(--Neutral-100);
@@ -47,6 +47,7 @@
47
47
  --Colors-Background-Utilities-Overlay: var(--Opacity-Black-70);
48
48
  --Colors-Background-Utilities-Static-White: var(--Neutral-99);
49
49
  --Colors-Background-Utilities-Static-Black: var(--Neutral-5);
50
+ --Colors-Background-Utilities-Modal:var(--Neutral-100);
50
51
 
51
52
  // Colors Background Brand
52
53
  --Colors-Background-Brand-Default: var(--Pure-Mauve-95);
@@ -92,7 +93,7 @@
92
93
  --Colors-Text-Default: var(--Neutral-5);
93
94
  --Colors-Text-Subtle: var(--Neutral-30);
94
95
  --Colors-Text-Subtler: var(--Neutral-40);
95
- --Colors-Text-Subtlest: var(--Neutral-50);
96
+ --Colors-Text-Subtlest: var(--Neutral-60);
96
97
  --Colors-Text-Disabled: var(--Neutral-80);
97
98
  --Colors-Text-Bolder: var(--Neutral-100); //对应旧版inverse
98
99
 
package/dist/styles/new-tokens.scss CHANGED
@@ -43,10 +43,10 @@
43
43
  --Neutral-Variant-0: #000000;
44
44
  --Neutral-Variant-5: #111111;
45
45
  --Neutral-Variant-10: #1c1c1c;
46
- --Neutral-Variant-20: #313131;
47
- --Neutral-Variant-30: #484848;
48
- --Neutral-Variant-40: #606060;
49
- --Neutral-Variant-50: #797979;
46
+ --Neutral-Variant-20: #212121;
47
+ --Neutral-Variant-30: #303030;
48
+ --Neutral-Variant-40: #474747;
49
+ --Neutral-Variant-50: #5C5C5C;
50
50
  --Neutral-Variant-60: #939393;
51
51
  --Neutral-Variant-70: #a8a8a8;
52
52
  --Neutral-Variant-80: #bfbfbf;
@@ -214,7 +214,7 @@
214
214
  --Opacity-On-Surface-10: #dbd9d729;
215
215
  --Opacity-On-Surface-20: #bdbcbb33;
216
216
  --Opacity-On-Surface-30: #a8a7a533;
217
- --Opacity-On-Surface-40: #94928F33;
217
+ --Opacity-On-Surface-40: #94928f33;
218
218
 
219
219
  // White
220
220
  --Opacity-White-1: #ffffff03;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "myshell-react-lib",
3
- "version": "0.1.54",
3
+ "version": "0.1.56",
4
4
  "type": "module",
5
5
  "description": "React component library with Tailwind CSS integration",
6
6
  "main": "./dist/index.cjs",