myshell-react-lib 0.3.6 → 0.3.9

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 (11) hide show
  1. package/dist/index.cjs +8 -8
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +3 -3
  4. package/dist/index.d.ts +3 -3
  5. package/dist/index.js +8 -8
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles/components-dark-v2.scss +11 -11
  8. package/dist/styles/components-light-v2.scss +8 -8
  9. package/dist/styles/design2-light-v2.scss +2 -2
  10. package/dist/styles/new-tokens-v2.scss +5 -1
  11. package/package.json +1 -1
package/dist/styles/components-dark-v2.scss CHANGED
@@ -28,21 +28,21 @@
28
28
  --Component-Colors-Button-Primary-bg-disabled: var(--Gray-800);
29
29
  --Component-Colors-Button-Secondary-fg-default: var(--Brand-Dark-500);
30
30
  --Component-Colors-Button-Secondary-fg-alt: var(--Gray-600);
31
- --Component-Colors-Button-Secondary-bg-default: var(--Gray-800);
32
- --Component-Colors-Button-Secondary-bg-hover: var(--Gray-700);
33
- --Component-Colors-Button-Secondary-bg-active: var(--Gray-600);
34
- --Component-Colors-Button-Secondary-border-default: var(--Basic-None);
35
- --Component-Colors-Button-Secondary-border-disabled: var(--Basic-None);
31
+ --Component-Colors-Button-Secondary-bg-default: var(--Brand-Variant-50);
32
+ --Component-Colors-Button-Secondary-bg-hover: var(--Brand-Variant-100);
33
+ --Component-Colors-Button-Secondary-bg-active: var(--Gray-700);
34
+ --Component-Colors-Button-Secondary-border-default: var(--Brand-Variant-100);
35
+ --Component-Colors-Button-Secondary-border-disabled: var(--Gray-800);
36
36
  --Component-Colors-Button-Tertiary-fg-default: var(--Gray-50);
37
37
  --Component-Colors-Button-Tertiary-fg-alt: var(--Gray-600);
38
- --Component-Colors-Button-Tertiary-bg-default: var(--Gray-800);
39
- --Component-Colors-Button-Tertiary-bg-hover: var(--Gray-700);
40
- --Component-Colors-Button-Tertiary-bg-active: var(--Gray-700);
38
+ --Component-Colors-Button-Tertiary-bg-default: var(--Gray-Variant-500);
39
+ --Component-Colors-Button-Tertiary-bg-hover: var(--Gray-Variant-400);
40
+ --Component-Colors-Button-Tertiary-bg-active: var(--Gray-Variant-400);
41
41
  --Component-Colors-Button-Ghost-fg-default: var(--Gray-50);
42
42
  --Component-Colors-Button-Ghost-fg-alt: var(--Gray-600);
43
- --Component-Colors-Button-Ghost-bg-default: var(--Gray-900);
44
- --Component-Colors-Button-Ghost-bg-hover: var(--Gray-800);
45
- --Component-Colors-Button-Ghost-bg-active: var(--Gray-800);
43
+ --Component-Colors-Button-Ghost-bg-default: var(--Gray-800);
44
+ --Component-Colors-Button-Ghost-bg-hover: var(--Gray-700);
45
+ --Component-Colors-Button-Ghost-bg-active: var(--Gray-700);
46
46
  --Component-Colors-Button-Ghost-border: var(--Gray-700);
47
47
  --Component-Colors-Button-Ghost-border-alt: var(--Gray-800);
48
48
  --Component-Colors-Button-Plain-Brand-fg-default: var(--Brand-Dark-500);
package/dist/styles/components-light-v2.scss CHANGED
@@ -28,16 +28,16 @@
28
28
  --Component-Colors-Button-Primary-bg-disabled: var(--Gray-200);
29
29
  --Component-Colors-Button-Secondary-fg-default: var(--Brand-500);
30
30
  --Component-Colors-Button-Secondary-fg-alt: var(--Gray-400);
31
- --Component-Colors-Button-Secondary-bg-default: var(--Gray-200);
32
- --Component-Colors-Button-Secondary-bg-hover: var(--Gray-300);
33
- --Component-Colors-Button-Secondary-bg-active: var(--Gray-300);
34
- --Component-Colors-Button-Secondary-border-default: var(--Basic-None);
35
- --Component-Colors-Button-Secondary-border-disabled: var(--Basic-None);
31
+ --Component-Colors-Button-Secondary-bg-default: var(--Basic-White);
32
+ --Component-Colors-Button-Secondary-bg-hover: var(--Brand-25);
33
+ --Component-Colors-Button-Secondary-bg-active: var(--Brand-25);
34
+ --Component-Colors-Button-Secondary-border-default: var(--Brand-300);
35
+ --Component-Colors-Button-Secondary-border-disabled: var(--Gray-200);
36
36
  --Component-Colors-Button-Tertiary-fg-default: var(--Gray-900);
37
37
  --Component-Colors-Button-Tertiary-fg-alt: var(--Gray-400);
38
- --Component-Colors-Button-Tertiary-bg-default: var(--Gray-200);
39
- --Component-Colors-Button-Tertiary-bg-hover: var(--Gray-300);
40
- --Component-Colors-Button-Tertiary-bg-active: var(--Gray-300);
38
+ --Component-Colors-Button-Tertiary-bg-default: var(--Gray-Variant-300);
39
+ --Component-Colors-Button-Tertiary-bg-hover: var(--Gray-Variant-200);
40
+ --Component-Colors-Button-Tertiary-bg-active: var(--Gray-Variant-200);
41
41
  --Component-Colors-Button-Ghost-fg-default: var(--Gray-900);
42
42
  --Component-Colors-Button-Ghost-fg-alt: var(--Gray-400);
43
43
  --Component-Colors-Button-Ghost-bg-default: var(--Basic-White);
package/dist/styles/design2-light-v2.scss CHANGED
@@ -49,8 +49,8 @@
49
49
 
50
50
  // Colors Background
51
51
  --Colors-Background-Surface-Default: var(--Basic-White);
52
- --Colors-Background-Surface-Subtle: var(--Gray-200);
53
- --Colors-Background-Surface-Muted: var(--Gray-300);
52
+ --Colors-Background-Surface-Subtle: var(--Gray-100);
53
+ --Colors-Background-Surface-Muted: var(--Gray-200);
54
54
  --Colors-Background-Normal-Primary-Default: var(--Gray-25);
55
55
  --Colors-Background-Normal-Primary-Hover: var(--Gray-50);
56
56
  --Colors-Background-Normal-Primary-Active: var(--Gray-100);
package/dist/styles/new-tokens-v2.scss CHANGED
@@ -20,7 +20,11 @@
20
20
  --Gray-900: #1d1c1f;
21
21
  --Gray-950: #0e0e0f;
22
22
  --Gray-Variant-100: #f5f5f6d6;
23
- --Gray-Variant-200: #1d1c1fc7;
23
+ --Gray-Variant-200: #7878801a;
24
+ --Gray-Variant-300: #78788021;
25
+ --Gray-Variant-400: #7878803d;
26
+ --Gray-Variant-500: #78788047;
27
+ --Gray-Variant-900: #1d1c1fc7;
24
28
 
25
29
  // Brand
26
30
  --Brand-25: #f7f5fd;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "myshell-react-lib",
3
- "version": "0.3.6",
3
+ "version": "0.3.9",
4
4
  "type": "module",
5
5
  "description": "React component library with Tailwind CSS integration",
6
6
  "main": "./dist/index.cjs",