mainstack-design-system 1.23.3 → 1.23.5

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 (7) hide show
  1. package/dist/assets/styles.css +1 -1
  2. package/dist/assets/theme/lightDarkModeTheme.css +1 -1
  3. package/dist/assets/theme/tokenTheme.css +17 -17
  4. package/dist/assets/theme/uiTheme.css +22 -22
  5. package/dist/mainstack-design-system410.cjs +2 -2
  6. package/dist/mainstack-design-system410.js +2 -2
  7. package/package.json +1 -1
package/dist/assets/theme/lightDarkModeTheme.css CHANGED
@@ -204,7 +204,7 @@
204
204
 
205
205
  --color-border-interactive-neutral: var(--mds-color-neutral-150);
206
206
  --color-border-interactive-neutral-hover: var(--mds-color-neutral-175);
207
- --color-border-interactive-neutral-pressed: var(--mds-color-neutrl-450);
207
+ --color-border-interactive-neutral-pressed: var(--mds-color-neutral-450);
208
208
  --color-border-interactive-neutral-disabled: var(--mds-color-neutral-150);
209
209
  --color-border-interactive-neutral-active: var(--mds-color-neutral-400);
210
210
  --color-border-interactive-neutral-active-hover: var(--mds-color-neutral-450);
package/dist/assets/theme/tokenTheme.css CHANGED
@@ -61,23 +61,23 @@ E.g: public:p-20 will apply padding 20px when data-ui-theme="public in html root
61
61
  --color-*: initial;
62
62
  /* override tailwind palette */
63
63
  /* Neutral Colors */
64
- --color-neutral-500: #040506;
65
- --color-neutral-475: #080a0c;
66
- --color-neutral-450: #0c0e12;
67
- --color-neutral-425: #101318;
68
- --color-neutral-400: #14181f;
69
- --color-neutral-375: #1f2228;
70
- --color-neutral-350: #313949;
71
- --color-neutral-325: #414c62;
72
- --color-neutral-300: #627293;
73
- --color-neutral-275: #9da8be;
74
- --color-neutral-250: #a9b3c6;
75
- --color-neutral-225: #b6bece;
76
- --color-neutral-200: #c8ceda;
77
- --color-neutral-175: #dadee7;
78
- --color-neutral-150: #edeff3;
79
- --color-neutral-125: #f3f4f7;
80
- --color-neutral-100: #f9fafb;
64
+ --color-neutral-500: #050505;
65
+ --color-neutral-475: #090a0b;
66
+ --color-neutral-450: #0e0f11;
67
+ --color-neutral-425: #121316;
68
+ --color-neutral-400: #17191c;
69
+ --color-neutral-375: #202327;
70
+ --color-neutral-350: #373b43;
71
+ --color-neutral-325: #494f5a;
72
+ --color-neutral-300: #6e7787;
73
+ --color-neutral-275: #a5abb6;
74
+ --color-neutral-250: #b0b6bf;
75
+ --color-neutral-225: #bcc0c8;
76
+ --color-neutral-200: #ccd0d6;
77
+ --color-neutral-175: #dde0e4;
78
+ --color-neutral-150: #eff0f2;
79
+ --color-neutral-125: #f4f5f6;
80
+ --color-neutral-100: #fafafb;
81
81
  --color-neutral-75: #fcfcfd;
82
82
  --color-neutral-50: #ffffff;
83
83
 
package/dist/assets/theme/uiTheme.css CHANGED
@@ -37,28 +37,28 @@
37
37
  --mds-ui-headline-medium-letter-spacing: -0.05rem;
38
38
 
39
39
  /* Body default (Degular) */
40
- --mds-ui-body-large-font-size: 1.25rem;
41
- --mds-ui-body-large-line-height: 1.875rem;
40
+ --mds-ui-body-large-font-size: 1.125rem;
41
+ --mds-ui-body-large-line-height: 1.6875rem;
42
42
  --mds-ui-body-large-letter-spacing: -0.0375rem;
43
43
 
44
- --mds-ui-body-medium-font-size: 1.125rem;
45
- --mds-ui-body-medium-line-height: 1.6875rem;
44
+ --mds-ui-body-medium-font-size: 1rem;
45
+ --mds-ui-body-medium-line-height: 1.5rem;
46
46
  --mds-ui-body-medium-letter-spacing: -0.0375rem;
47
47
 
48
- --mds-ui-body-small-font-size: 1rem;
49
- --mds-ui-body-small-line-height: 1.5rem;
48
+ --mds-ui-body-small-font-size: 0.9375rem;
49
+ --mds-ui-body-small-line-height: 1.40625rem;
50
50
  --mds-ui-body-small-letter-spacing: -0.03125rem;
51
51
 
52
- --mds-ui-body-extrasmall-font-size: 0.9375rem;
53
- --mds-ui-body-extrasmall-line-height: 1.40625rem;
52
+ --mds-ui-body-extrasmall-font-size: 0.875rem;
53
+ --mds-ui-body-extrasmall-line-height: 1.3125rem;
54
54
  --mds-ui-body-extrasmall-letter-spacing: -0.03125rem;
55
55
 
56
- --mds-ui-body-tiny-font-size: 0.875rem;
57
- --mds-ui-body-tiny-line-height: 1.3125rem;
56
+ --mds-ui-body-tiny-font-size: 0.8125rem;
57
+ --mds-ui-body-tiny-line-height: 1.21875rem;
58
58
  --mds-ui-body-tiny-letter-spacing: -0.025rem;
59
59
 
60
- --mds-ui-body-extratiny-font-size: 0.8125rem;
61
- --mds-ui-body-extratiny-line-height: 1.21875rem;
60
+ --mds-ui-body-extratiny-font-size: 0.75rem;
61
+ --mds-ui-body-extratiny-line-height: 1.125rem;
62
62
  --mds-ui-body-extratiny-letter-spacing: -0.025rem;
63
63
 
64
64
  --mds-ui-body-overline-font-size: 0.75rem;
@@ -131,27 +131,27 @@
131
131
  --mds-ui-headline-medium-letter-spacing: -0.075rem;
132
132
 
133
133
  --mds-ui-body-large-font-size: 1.125rem;
134
- --mds-ui-body-large-line-height: 1.75rem;
134
+ --mds-ui-body-large-line-height: 1.6875rem;
135
135
  --mds-ui-body-large-letter-spacing: -0.0375rem;
136
136
 
137
137
  --mds-ui-body-medium-font-size: 1rem;
138
- --mds-ui-body-medium-line-height: 1.575rem;
138
+ --mds-ui-body-medium-line-height: 1.5rem;
139
139
  --mds-ui-body-medium-letter-spacing: -0.0375rem;
140
140
 
141
- --mds-ui-body-small-font-size: 0.875rem;
142
- --mds-ui-body-small-line-height: 1.5rem;
141
+ --mds-ui-body-small-font-size: 0.9375rem;
142
+ --mds-ui-body-small-line-height: 1.40625rem;
143
143
  --mds-ui-body-small-letter-spacing: -0.0375rem;
144
144
 
145
- --mds-ui-body-extrasmall-font-size: 0.8125rem;
146
- --mds-ui-body-extrasmall-line-height: 1.25rem;
145
+ --mds-ui-body-extrasmall-font-size: 0.875rem;
146
+ --mds-ui-body-extrasmall-line-height: 1.3125rem;
147
147
  --mds-ui-body-extrasmall-letter-spacing: -0.0375rem;
148
148
 
149
- --mds-ui-body-tiny-font-size: 0.75rem;
150
- --mds-ui-body-tiny-line-height: 1.125rem;
149
+ --mds-ui-body-tiny-font-size: 0.8125rem;
150
+ --mds-ui-body-tiny-line-height: 1.21875rem;
151
151
  --mds-ui-body-tiny-letter-spacing: -0.025rem;
152
152
 
153
- --mds-ui-body-extratiny-font-size: 0.6875rem;
154
- --mds-ui-body-extratiny-line-height: 1.25rem;
153
+ --mds-ui-body-extratiny-font-size: 0.75rem;
154
+ --mds-ui-body-extratiny-line-height: 1.125rem;
155
155
  --mds-ui-body-extratiny-letter-spacing: -0.025rem;
156
156
 
157
157
  --mds-ui-body-overline-font-size: 0.625rem;
package/dist/mainstack-design-system410.cjs CHANGED
@@ -12,11 +12,11 @@
12
12
  mds:disabled:bg-interactive-neutral-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"secondary",class:`mds:bg-interactive-secondary mds:text-on-secondary
13
13
  mds:hover:bg-interactive-secondary-hover
14
14
 
15
- mds:active:bg-interactive-secondary-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-primary
15
+ mds:active:bg-interactive-secondary-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-neutral
16
16
  mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"outline",class:`mds:border mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:text-primary
17
17
  mds:hover:bg-interactive-secondary mds:hover:border-interactive-secondary
18
18
  mds:focus-visible:border-border-surface-spread-neutral
19
- mds:active:outline-2 mds:active:ring-offset-2 mds:active:ring-border-surface-spread-neutral mds:active:ring-2 mds:active:outline-border-interactive-primary-pressed
19
+ mds:active:outline-2 mds:active:ring-offset-2 mds:active:ring-border-surface-spread-neutral mds:active:ring-2 mds:active:outline-border-interactive-neutral-pressed
20
20
  mds:disabled:border mds:disabled:border-border-interactive-primary-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"ghost",class:`mds:bg-transparent
21
21
  mds:hover:bg-interactive-ghost-hover
22
22
 
package/dist/mainstack-design-system410.js CHANGED
@@ -58,7 +58,7 @@ const r = e(
58
58
  class: `mds:bg-interactive-secondary mds:text-on-secondary
59
59
  mds:hover:bg-interactive-secondary-hover
60
60
 
61
- mds:active:bg-interactive-secondary-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-primary
61
+ mds:active:bg-interactive-secondary-pressed mds:active:ring-2 mds:active:ring-border-surface-spread-neutral
62
62
  mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`
63
63
  },
64
64
  {
@@ -67,7 +67,7 @@ const r = e(
67
67
  class: `mds:border mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:text-primary
68
68
  mds:hover:bg-interactive-secondary mds:hover:border-interactive-secondary
69
69
  mds:focus-visible:border-border-surface-spread-neutral
70
- mds:active:outline-2 mds:active:ring-offset-2 mds:active:ring-border-surface-spread-neutral mds:active:ring-2 mds:active:outline-border-interactive-primary-pressed
70
+ mds:active:outline-2 mds:active:ring-offset-2 mds:active:ring-border-surface-spread-neutral mds:active:ring-2 mds:active:outline-border-interactive-neutral-pressed
71
71
  mds:disabled:border mds:disabled:border-border-interactive-primary-disabled mds:disabled:text-on-primary-disabled`
72
72
  },
73
73
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mainstack-design-system",
3
- "version": "1.23.3",
3
+ "version": "1.23.5",
4
4
  "type": "module",
5
5
  "main": "./dist/mainstack-design-system.cjs",
6
6
  "module": "./dist/mainstack-design-system.js",