myshell-react-lib 0.1.66 → 0.1.67

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 +17 -17
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +1 -0
  4. package/dist/index.d.ts +1 -0
  5. package/dist/index.js +17 -17
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles/components-dark.scss +34 -37
  8. package/dist/styles/components-light.scss +29 -32
  9. package/dist/styles/design2-light.scss +5 -5
  10. package/dist/styles/global.scss +2 -1
  11. package/dist/styles/new-tokens.scss +10 -9
  12. package/package.json +1 -1
package/dist/styles/components-dark.scss CHANGED
@@ -31,33 +31,31 @@
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-8);
35
- --Component-Colors-Button-Secondary-bg-active: var(--Opacity-White-12);
34
+ --Component-Colors-Button-Secondary-bg-hover: var(--Neutral-Variant-30);
35
+ --Component-Colors-Button-Secondary-bg-active: var(--Neutral-Variant-40);
36
36
  --Component-Colors-Button-Secondary-border-default: var(--Neutral-Variant-100);
37
- --Component-Colors-Button-Secondary-border-disabled: var(--Opacity-White-8);
37
+ --Component-Colors-Button-Secondary-border-disabled: var(--Neutral-Variant-30);
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-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);
42
+ --Component-Colors-Button-Tertiary-bg-default: var(--Neutral-Variant-30);
43
+ --Component-Colors-Button-Tertiary-bg-hover: var(--Neutral-Variant-40);
44
+ --Component-Colors-Button-Tertiary-bg-active: var(--Neutral-Variant-50);
47
45
 
48
46
  // Colors Component_colors_button_plain
49
47
  --Component-Colors-Button-Plain-fg-default: var(--Neutral-Variant-100);
50
48
  --Component-Colors-Button-Plain-fg-alt: var(--Neutral-Variant-40);
51
49
  --Component-Colors-Button-Plain-bg-default: var(--Basic-None);
52
- --Component-Colors-Button-Plain-bg-hover: var(--Opacity-White-8);
53
- --Component-Colors-Button-Plain-bg-active: var(--Opacity-White-12);
50
+ --Component-Colors-Button-Plain-bg-hover: var(--Neutral-Variant-30);
51
+ --Component-Colors-Button-Plain-bg-active: var(--Neutral-Variant-40);
54
52
 
55
53
  // Colors Component_colors_button_plain_brand
56
54
  --Component-Colors-Button-Plain-Brand-fg-default: var(--Pure-Mauve-70);
57
55
  --Component-Colors-Button-Plain-Brand-fg-alt: var(--Neutral-Variant-40);
58
56
  --Component-Colors-Button-Plain-Brand-bg-default: var(--Basic-None);
59
- --Component-Colors-Button-Plain-Brand-bg-hover: var(--Opacity-White-8);
60
- --Component-Colors-Button-Plain-Brand-bg-active: var(--Opacity-White-12);
57
+ --Component-Colors-Button-Plain-Brand-bg-hover: var(--Neutral-Variant-30);
58
+ --Component-Colors-Button-Plain-Brand-bg-active: var(--Neutral-Variant-40);
61
59
 
62
60
  // Colors Component_colors_button_error_primary
63
61
  --Component-Colors-Button-Error-Primary-fg-default: var(--Terracotta-95);
@@ -76,25 +74,25 @@
76
74
  --Component-Colors-Button-Error-Secondary-bg-active: var(--Terracotta-30);
77
75
  --Component-Colors-Button-Error-Secondary-bg-disabled: var(--Basic-None);
78
76
  --Component-Colors-Button-Error-Secondary-border-default: var(--Terracotta-40);
79
- --Component-Colors-Button-Error-Secondary-border-disabled: var(--Opacity-White-16);
77
+ --Component-Colors-Button-Error-Secondary-border-disabled: var(--Neutral-Variant-30);
80
78
 
81
79
  // Colors Component_colors_button_static
82
80
  --Component-Colors-Button-Static-fg-default: var(--Neutral-Variant-5);
83
81
  --Component-Colors-Button-Static-fg-alt: var(--Neutral-Variant-40);
84
- --Component-Colors-Button-Static-bg-default: var(--Neutral-Variant-99);
85
- --Component-Colors-Button-Static-bg-hover: var(--Neutral-Variant-95);
86
- --Component-Colors-Button-Static-bg-active: var(--Neutral-Variant-90);
87
- --Component-Colors-Button-Static-border: var(--Opacity-White-8);
88
- --Component-Colors-Button-Static-border-alt: var(--Opacity-White-16);
82
+ --Component-Colors-Button-Static-bg-default: var(--Neutral-Variant-100);
83
+ --Component-Colors-Button-Static-bg-hover: var(--Neutral-Variant-98);
84
+ --Component-Colors-Button-Static-bg-active: var(--Neutral-Variant-95);
85
+ --Component-Colors-Button-Static-border: var(--Neutral-Variant-30);
86
+ --Component-Colors-Button-Static-border-alt: var(--Neutral-Variant-30);
89
87
 
90
88
  // Colors Component_colors_button_solid
91
89
  --Component-Colors-Button-Solid-fg-default: var(--Neutral-Variant-100);
92
90
  --Component-Colors-Button-Solid-fg-alt: var(--Neutral-Variant-40);
93
- --Component-Colors-Button-Solid-bg-default: var(--Neutral-Variant-10);
91
+ --Component-Colors-Button-Solid-bg-default: var(--Neutral-Variant-20);
94
92
  --Component-Colors-Button-Solid-bg-hover: var(--Neutral-Variant-20);
95
93
  --Component-Colors-Button-Solid-bg-active: var(--Neutral-Variant-30);
96
- --Component-Colors-Button-Solid-border: var(--Opacity-White-8);
97
- --Component-Colors-Button-Solid-border-alt: var(--Opacity-White-16);
94
+ --Component-Colors-Button-Solid-border: var(--Neutral-Variant-30);
95
+ --Component-Colors-Button-Solid-border-alt: var(--Neutral-Variant-30);
98
96
 
99
97
  // Colors Component_colors_icon_button
100
98
  --Component-Colors-Icon-Button-Brand-fg-default: var(--Pure-Mauve-99);
@@ -132,8 +130,8 @@
132
130
  --Component-Colors-Tabbar-fg-alt: var(--Neutral-Variant-50);
133
131
  --Component-Colors-Tabbar-fg-bolder: var(--Neutral-Variant-100);
134
132
  --Component-Colors-Tabbar-fg-disabled: var(--Neutral-Variant-30);
135
- --Component-Colors-Tabbar-bg-default: var(--Neutral-Variant-20);
136
- --Component-Colors-Tabbar-bg-select: var(--Neutral-Variant-30);
133
+ --Component-Colors-Tabbar-bg-default: var(--Neutral-Variant-30);
134
+ --Component-Colors-Tabbar-bg-select: var(--Neutral-Variant-40);
137
135
  --Component-Colors-Tabbar-border-default: var(--Neutral-Variant-100);
138
136
  --Component-Colors-Tabbar-border-disabled: var(--Neutral-Variant-20);
139
137
 
@@ -145,15 +143,14 @@
145
143
  --Component-Colors-Energy-border-default: var(--Khaki-90);
146
144
 
147
145
  // Colors Component_colors_input
148
- --Component-Colors-Input-bg-default: var(--Opacity-White-5);
149
- --Component-Colors-Input-bg-hover: var(--Opacity-White-12);
150
- --Component-Colors-Input-bg-disabled: var(--Opacity-White-8);
151
- --Component-Colors-Input-border-default: var(--Opacity-White-12);
146
+ --Component-Colors-Input-bg-default: var(--Neutral-Variant-25);
147
+ --Component-Colors-Input-bg-active: var(--Neutral-Variant-10);
148
+ --Component-Colors-Input-border-default: var(--Neutral-Variant-50);
152
149
 
153
150
  // Colors Component_colors_search_bar
154
- --Component-Colors-Search-Bar-bg-default: var(--Opacity-White-5);
155
- --Component-Colors-Search-Bar-bg-hover: var(--Opacity-White-12);
156
- --Component-Colors-Search-Bar-border-default: var(--Opacity-White-12);
151
+ --Component-Colors-Search-Bar-bg-default: var(--Neutral-Variant-25);
152
+ --Component-Colors-Search-Bar-bg-active: var(--Neutral-Variant-10);
153
+ --Component-Colors-Search-Bar-border-default: var(--Neutral-Variant-50);
157
154
 
158
155
  // Colors Component_colors_shadow
159
156
  --Component-Colors-Shadows-Surface-Default: var(--Opacity-White-5);
@@ -192,18 +189,18 @@
192
189
  --Component-Colors-Switch-fg-default: var(--Neutral-Variant-100);
193
190
  --Component-Colors-Switch-fg-on: var(--Neutral-Variant-100);
194
191
  --Component-Colors-Switch-fg-disabled: var(--Opacity-White-30);
195
- --Component-Colors-Switch-bg-default: var(--Neutral-Variant-20);
192
+ --Component-Colors-Switch-bg-default: var(--Neutral-Variant-40);
196
193
  --Component-Colors-Switch-bg-on: var(--Pure-Mauve-60);
197
- --Component-Colors-Switch-bg-disabled: var(--Neutral-Variant-20);
194
+ --Component-Colors-Switch-bg-disabled: var(--Neutral-Variant-30);
198
195
 
199
196
  // Colors Component_colors_tag
200
- --Component-Colors-Tag-bg-default: var(--Opacity-White-12);
197
+ --Component-Colors-Tag-bg-default: var(--Neutral-Variant-30);
201
198
 
202
199
  // Colors Component_colors_chips
203
- --Component-Colors-Chips-Primary-bg-default: var(--Opacity-White-5);
204
- --Component-Colors-Chips-Primary-bg-hover: var(--Opacity-White-12);
205
- --Component-Colors-Chips-Primary-bg-disabled: var(--Opacity-White-8);
206
- --Component-Colors-Chips-Primary-border: var(--Opacity-White-12);
200
+ --Component-Colors-Chips-Primary-bg-default: var(--Neutral-Variant-20);
201
+ --Component-Colors-Chips-Primary-bg-hover: var(--Neutral-Variant-30);
202
+ --Component-Colors-Chips-Primary-bg-disabled: var(--Neutral-Variant-20);
203
+ --Component-Colors-Chips-Primary-border: var(--Neutral-Variant-30);
207
204
  --Component-Colors-Chips-Primary-bg-select-disabled: var(--Neutral-Variant-30);
208
205
  --Component-Colors-Chips-Primary-bg-select: var(--Neutral-Variant-100);
209
206
 
package/dist/styles/components-light.scss CHANGED
@@ -14,26 +14,26 @@
14
14
  --Component-Colors-Button-Brand-fg-alt: var(--Neutral-70);
15
15
  --Component-Colors-Button-Brand-bg-default: var(--Pure-Mauve-95);
16
16
  --Component-Colors-Button-Brand-bg-hover: var(--Pure-Mauve-90);
17
- --Component-Colors-Button-Brand-bg-active: var(--Pure-Mauve-70);
17
+ --Component-Colors-Button-Brand-bg-active: var(--Pure-Mauve-80);
18
18
  --Component-Colors-Button-Brand-bg-disabled: var(--Neutral-95);
19
19
 
20
20
  // Colors Component_colors_button_primary
21
21
  --Component-Colors-Button-Primary-fg-default: var(--Neutral-100);
22
- --Component-Colors-Button-Primary-fg-alt: var(--Opacity-White-90);
22
+ --Component-Colors-Button-Primary-fg-alt: var(--Neutral-Variant-98);
23
23
  --Component-Colors-Button-Primary-bg-default: var(--Neutral-5);
24
24
  --Component-Colors-Button-Primary-bg-hover: var(--Neutral-20);
25
25
  --Component-Colors-Button-Primary-bg-active: var(--Neutral-40);
26
- --Component-Colors-Button-Primary-bg-disabled: var(--Opacity-Black-30);
26
+ --Component-Colors-Button-Primary-bg-disabled: var(--Neutral-Variant-80);
27
27
  --Component-Colors-Button-Primary-bg-default-2: var(--Neutral-5);
28
28
 
29
29
  // Colors Component_colors_button_secondary
30
30
  --Component-Colors-Button-Secondary-fg-default: var(--Neutral-5);
31
31
  --Component-Colors-Button-Secondary-fg-alt: var(--Neutral-70);
32
32
  --Component-Colors-Button-Secondary-bg-default: var(--Basic-None);
33
- --Component-Colors-Button-Secondary-bg-hover: var(--Opacity-On-Surface-20);
34
- --Component-Colors-Button-Secondary-bg-active: var(--Opacity-On-Surface-30);
33
+ --Component-Colors-Button-Secondary-bg-hover: var(--Neutral-98);
34
+ --Component-Colors-Button-Secondary-bg-active: var(--Neutral-95);
35
35
  --Component-Colors-Button-Secondary-border-default: var(--Neutral-5);
36
- --Component-Colors-Button-Secondary-border-disabled: var(--Opacity-On-Surface-40);
36
+ --Component-Colors-Button-Secondary-border-disabled: var(--Opacity-On-Surface-20);
37
37
 
38
38
  // Colors Component_colors_button_tertiary
39
39
  --Component-Colors-Button-Tertiary-fg-default: var(--Neutral-5);
@@ -41,22 +41,20 @@
41
41
  --Component-Colors-Button-Tertiary-bg-default: var(--Opacity-On-Surface-10);
42
42
  --Component-Colors-Button-Tertiary-bg-hover: var(--Opacity-On-Surface-20);
43
43
  --Component-Colors-Button-Tertiary-bg-active: var(--Opacity-On-Surface-30);
44
- --Component-Colors-Button-Tertiary-border-default: var(--Opacity-On-Surface-40);
45
- --Component-Colors-Button-Tertiary-border-alt: var(--Opacity-On-Surface-40);
46
44
 
47
45
  // Colors Component_colors_button_plain
48
46
  --Component-Colors-Button-Plain-fg-default: var(--Neutral-5);
49
47
  --Component-Colors-Button-Plain-fg-alt: var(--Neutral-70);
50
48
  --Component-Colors-Button-Plain-bg-default: var(--Basic-None);
51
- --Component-Colors-Button-Plain-bg-hover: var(--Opacity-On-Surface-20);
52
- --Component-Colors-Button-Plain-bg-active: var(--Opacity-On-Surface-30);
49
+ --Component-Colors-Button-Plain-bg-hover: var(--Neutral-98);
50
+ --Component-Colors-Button-Plain-bg-active: var(--Neutral-95);
53
51
 
54
52
  // Colors Component_colors_button_plain_brand
55
53
  --Component-Colors-Button-Plain-Brand-fg-default: var(--Pure-Mauve-50);
56
54
  --Component-Colors-Button-Plain-Brand-fg-alt: var(--Neutral-70);
57
55
  --Component-Colors-Button-Plain-Brand-bg-default: var(--Basic-None);
58
- --Component-Colors-Button-Plain-Brand-bg-hover: var(--Opacity-On-Surface-20);
59
- --Component-Colors-Button-Plain-Brand-bg-active: var(--Opacity-On-Surface-30);
56
+ --Component-Colors-Button-Plain-Brand-bg-hover: var(--Neutral-98);
57
+ --Component-Colors-Button-Plain-Brand-bg-active: var(--Neutral-95);
60
58
 
61
59
  // Colors Component_colors_button_error
62
60
  --Component-Colors-Button-Error-Primary-fg-default: var(--Terracotta-100);
@@ -75,16 +73,16 @@
75
73
  --Component-Colors-Button-Error-Secondary-bg-active: var(--Terracotta-80);
76
74
  --Component-Colors-Button-Error-Secondary-bg-disabled: var(--Terracotta-100);
77
75
  --Component-Colors-Button-Error-Secondary-border-default: var(--Terracotta-50);
78
- --Component-Colors-Button-Error-Secondary-border-disabled: var(--Opacity-On-Surface-40);
76
+ --Component-Colors-Button-Error-Secondary-border-disabled: var(--Opacity-On-Surface-20);
79
77
 
80
78
  // Colors Component_colors_button_static
81
79
  --Component-Colors-Button-Static-fg-default: var(--Neutral-5);
82
80
  --Component-Colors-Button-Static-fg-alt: var(--Neutral-70);
83
- --Component-Colors-Button-Static-bg-default: var(--Neutral-99);
84
- --Component-Colors-Button-Static-bg-hover: var(--Neutral-95);
85
- --Component-Colors-Button-Static-bg-active: var(--Neutral-90);
86
- --Component-Colors-Button-Static-border-default: var(--Opacity-On-Surface-40);
87
- --Component-Colors-Button-Static-border-alt: var(--Opacity-On-Surface-40);
81
+ --Component-Colors-Button-Static-bg-default: var(--Neutral-100);
82
+ --Component-Colors-Button-Static-bg-hover: var(--Neutral-98);
83
+ --Component-Colors-Button-Static-bg-active: var(--Neutral-95);
84
+ --Component-Colors-Button-Static-border-default: var(--Opacity-On-Surface-20);
85
+ --Component-Colors-Button-Static-border-alt: var(--Opacity-On-Surface-20);
88
86
 
89
87
  // Colors Component_colors_button_solid
90
88
  --Component-Colors-Button-Solid-fg-default: var(--Neutral-5);
@@ -92,8 +90,8 @@
92
90
  --Component-Colors-Button-Solid-bg-default: var(--Neutral-100);
93
91
  --Component-Colors-Button-Solid-bg-hover: var(--Neutral-98);
94
92
  --Component-Colors-Button-Solid-bg-active: var(--Neutral-95);
95
- --Component-Colors-Button-Solid-border-default: var(--Opacity-On-Surface-40);
96
- --Component-Colors-Button-Solid-border-alt: var(--Opacity-On-Surface-40);
93
+ --Component-Colors-Button-Solid-border-default: var(--Opacity-On-Surface-20);
94
+ --Component-Colors-Button-Solid-border-alt: var(--Opacity-On-Surface-20);
97
95
 
98
96
  // Colors Component_colors_icon_button
99
97
  --Component-Colors-Icon-Button-Brand-fg-default: var(--Pure-Mauve-5);
@@ -131,7 +129,7 @@
131
129
  --Component-Colors-Tabbar-fg-alt: var(--Neutral-70);
132
130
  --Component-Colors-Tabbar-fg-bolder: var(--Neutral-5);
133
131
  --Component-Colors-Tabbar-fg-disabled: var(--Neutral-90);
134
- --Component-Colors-Tabbar-bg-default: var(--Neutral-98);
132
+ --Component-Colors-Tabbar-bg-default: var(--Opacity-On-Surface-10);
135
133
  --Component-Colors-Tabbar-bg-select: var(--Neutral-100);
136
134
  --Component-Colors-Tabbar-border-default: var(--Neutral-5);
137
135
  --Component-Colors-Tabbar-border-disabled: var(--Neutral-95);
@@ -144,15 +142,14 @@
144
142
  --Component-Colors-Energy-border-default: var(--Khaki-80);
145
143
 
146
144
  // Colors Component_colors_input
147
- --Component-Colors-Input-bg-default: var(--Opacity-On-Surface-10);
148
- --Component-Colors-Input-bg-hover: var(--Opacity-On-Surface-20);
149
- --Component-Colors-Input-bg-disabled: var(--Opacity-On-Surface-10);
150
- --Component-Colors-Input-border-default: var(--Opacity-On-Surface-40);
145
+ --Component-Colors-Input-bg-default: var(--Neutral-98);
146
+ --Component-Colors-Input-bg-active: var(--Neutral-100);
147
+ --Component-Colors-Input-border-default: var(--Neutral-80);
151
148
 
152
149
  // Colors Component_colors_search_bar
153
150
  --Component-Colors-Search-Bar-bg-default: var(--Opacity-On-Surface-10);
154
- --Component-Colors-Search-Bar-bg-hover: var(--Opacity-On-Surface-20);
155
- --Component-Colors-Search-Bar-border-default: var(--Opacity-On-Surface-40);
151
+ --Component-Colors-Search-Bar-bg-active: var(--Neutral-100);
152
+ --Component-Colors-Search-Bar-border-default: var(--Neutral-80);
156
153
 
157
154
  // Colors Component_colors_shadow
158
155
  --Component-Colors-Shadows-Surface-Default: var(--Opacity-Black-12);
@@ -196,13 +193,13 @@
196
193
  --Component-Colors-Switch-bg-disabled: var(--Neutral-Variant-95);
197
194
 
198
195
  // Colors Component_colors_tag
199
- --Component-Colors-Tag-bg-default: var(--Opacity-On-Surface-20);
196
+ --Component-Colors-Tag-bg-default: var(--Opacity-On-Surface-10);
200
197
 
201
198
  // Colors Component_colors_chips
202
- --Component-Colors-Chips-Primary-bg-default: var(--Opacity-On-Surface-10);
203
- --Component-Colors-Chips-Primary-bg-hover: var(--Opacity-On-Surface-20);
204
- --Component-Colors-Chips-Primary-bg-disabled: var(--Opacity-On-Surface-10);
205
- --Component-Colors-Chips-Primary-border-default: var(--Opacity-On-Surface-40);
199
+ --Component-Colors-Chips-Primary-bg-default: var(--Neutral-100);
200
+ --Component-Colors-Chips-Primary-bg-hover: var(--Neutral-98);
201
+ --Component-Colors-Chips-Primary-bg-disabled: var(--Neutral-100);
202
+ --Component-Colors-Chips-Primary-border-default: var(--Opacity-On-Surface-20);
206
203
  --Component-Colors-Chips-Primary-bg-select-disabled: var(--Neutral-90);
207
204
  --Component-Colors-Chips-Primary-bg-select: var(--Neutral-5);
208
205
  }
package/dist/styles/design2-light.scss CHANGED
@@ -35,11 +35,11 @@
35
35
  --Colors-Background-Neutral-Tertiary-Active: var(--Neutral-90);
36
36
 
37
37
  // Colors Background Neutral On Surface
38
- --Colors-Background-Neutral-On-Surface-Default: var(--Opacity-On-Surface-10);
39
- --Colors-Background-Neutral-On-Surface-Hover: var(--Opacity-On-Surface-20);
40
- --Colors-Background-Neutral-On-Surface-Active: var(--Opacity-On-Surface-30);
41
- --Colors-Background-Neutral-On-Surface-Disabled: var(--Opacity-On-Surface-10);
42
- --Colors-Background-Neutral-On-Surface-Alt: var(--Opacity-On-Surface-40);
38
+ --Colors-Background-Neutral-On-Surface-Default: var(--Neutral-Variant-30);
39
+ --Colors-Background-Neutral-On-Surface-Hover: var(--Neutral-Variant-40);
40
+ --Colors-Background-Neutral-On-Surface-Active: var(--Neutral-Variant-50);
41
+ --Colors-Background-Neutral-On-Surface-Disabled: var(--Neutral-Variant-30);
42
+ --Colors-Background-Neutral-On-Surface-Alt: var(--Neutral-Variant-50);
43
43
 
44
44
  // Colors Background Utilities
45
45
  --Colors-Background-Utilities-Bolder: var(--Neutral-5);
package/dist/styles/global.scss CHANGED
@@ -26,11 +26,12 @@ body {
26
26
  outline-width: 2px !important;
27
27
  --tw-ring-offset-width: 2px !important;
28
28
  --tw-ring-shadow: none !important;
29
+ border-color: transparent !important;
30
+ background-color: var(--Component-Colors-Input-bg-active) !important;
29
31
  }
30
32
  .ant-picker:hover {
31
33
  border-color: var(--Colors-Border-Hover) !important;
32
34
  }
33
-
34
35
  .focus-visible-style[aria-invalid='true']:focus-visible {
35
36
  outline-color: var(--Colors-Border-Critical) !important;
36
37
  }
package/dist/styles/new-tokens.scss CHANGED
@@ -31,10 +31,10 @@
31
31
  --Neutral-40: #5c5854;
32
32
  --Neutral-50: #7a7671;
33
33
  --Neutral-60: #948f8b;
34
- --Neutral-70: #b2aeaa;
35
- --Neutral-80: #c7c3bf;
36
- --Neutral-90: #e3e0dc;
37
- --Neutral-95: #ebe8e6;
34
+ --Neutral-70: #B2AFAB;
35
+ --Neutral-80: #C7C4C1;
36
+ --Neutral-90: #E3E1DE;
37
+ --Neutral-95: #EBE9E8;
38
38
  --Neutral-98: #f5f4f2;
39
39
  --Neutral-99: #fcfbfa;
40
40
  --Neutral-100: #fffefd;
@@ -44,6 +44,7 @@
44
44
  --Neutral-Variant-5: #111111;
45
45
  --Neutral-Variant-10: #1c1c1c;
46
46
  --Neutral-Variant-20: #212121;
47
+ --Neutral-Variant-25: #292929;
47
48
  --Neutral-Variant-30: #303030;
48
49
  --Neutral-Variant-40: #474747;
49
50
  --Neutral-Variant-50: #5C5C5C;
@@ -100,7 +101,7 @@
100
101
  --Khaki-50: #917312;
101
102
  --Khaki-60: #ad8d2d;
102
103
  --Khaki-70: #caa745;
103
- --Khaki-80: #e8cd84;
104
+ --Khaki-80: #F0CF78;
104
105
  --Khaki-90: #fae3aa;
105
106
  --Khaki-95: #fff2d9;
106
107
  --Khaki-98: #fff8eb;
@@ -211,10 +212,10 @@
211
212
 
212
213
  // Opacity
213
214
  // On Surface
214
- --Opacity-On-Surface-10: #dbd9d729;
215
- --Opacity-On-Surface-20: #bdbcbb33;
216
- --Opacity-On-Surface-30: #a8a7a533;
217
- --Opacity-On-Surface-40: #94928f33;
215
+ --Opacity-On-Surface-10: #F0EFED;
216
+ --Opacity-On-Surface-20: #E8E6E3;
217
+ --Opacity-On-Surface-30: #DFDCD8;
218
+ --Opacity-On-Surface-40: #D6D2CD;
218
219
 
219
220
  // White
220
221
  --Opacity-White-1: #ffffff03;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "myshell-react-lib",
3
- "version": "0.1.66",
3
+ "version": "0.1.67",
4
4
  "type": "module",
5
5
  "description": "React component library with Tailwind CSS integration",
6
6
  "main": "./dist/index.cjs",