tide-design-system 2.5.9 → 2.5.11
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/dist/css/utilities-base.css +1 -0
- package/dist/css/utilities-responsive.css +4 -0
- package/dist/css/variables.css +1 -0
- package/dist/style.css +1 -1
- package/dist/tide-design-system.cjs +2 -2
- package/dist/tide-design-system.js +5366 -0
- package/package.json +10 -10
- package/src/assets/css/utilities-base.css +1 -0
- package/src/assets/css/utilities-responsive.css +4 -0
- package/src/assets/css/variables.css +1 -0
- package/src/components/TideButtonSegmented.vue +32 -13
- package/src/stories/FoundationsColor.stories.ts +7 -0
- package/src/stories/TideButtonSegmented.stories.ts +3 -3
- package/src/types/Styles.ts +1 -0
- package/vite.config.ts +1 -1
- package/dist/tide-design-system.esm.js +0 -5355
|
@@ -270,6 +270,7 @@
|
|
|
270
270
|
.tide-bg-surface-accent {background: var(--tide-surface-accent);}
|
|
271
271
|
.tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
|
|
272
272
|
.tide-bg-surface-floating {background: var(--tide-surface-floating);}
|
|
273
|
+
.tide-bg-surface-inverse {background: var(--tide-surface-inverse);}
|
|
273
274
|
|
|
274
275
|
/* Icon background colors only */
|
|
275
276
|
.tide-bg-primary-error {background-color: var(--tide-error-primary);}
|
|
@@ -271,6 +271,7 @@
|
|
|
271
271
|
.sm-tide-bg-surface-accent {background: var(--tide-surface-accent);}
|
|
272
272
|
.sm-tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
|
|
273
273
|
.sm-tide-bg-surface-floating {background: var(--tide-surface-floating);}
|
|
274
|
+
.sm-tide-bg-surface-inverse {background: var(--tide-surface-inverse);}
|
|
274
275
|
|
|
275
276
|
/* Icon background colors only */
|
|
276
277
|
.sm-tide-bg-primary-error {background-color: var(--tide-error-primary);}
|
|
@@ -847,6 +848,7 @@
|
|
|
847
848
|
.md-tide-bg-surface-accent {background: var(--tide-surface-accent);}
|
|
848
849
|
.md-tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
|
|
849
850
|
.md-tide-bg-surface-floating {background: var(--tide-surface-floating);}
|
|
851
|
+
.md-tide-bg-surface-inverse {background: var(--tide-surface-inverse);}
|
|
850
852
|
|
|
851
853
|
/* Icon background colors only */
|
|
852
854
|
.md-tide-bg-primary-error {background-color: var(--tide-error-primary);}
|
|
@@ -1423,6 +1425,7 @@
|
|
|
1423
1425
|
.lg-tide-bg-surface-accent {background: var(--tide-surface-accent);}
|
|
1424
1426
|
.lg-tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
|
|
1425
1427
|
.lg-tide-bg-surface-floating {background: var(--tide-surface-floating);}
|
|
1428
|
+
.lg-tide-bg-surface-inverse {background: var(--tide-surface-inverse);}
|
|
1426
1429
|
|
|
1427
1430
|
/* Icon background colors only */
|
|
1428
1431
|
.lg-tide-bg-primary-error {background-color: var(--tide-error-primary);}
|
|
@@ -1999,6 +2002,7 @@
|
|
|
1999
2002
|
.xl-tide-bg-surface-accent {background: var(--tide-surface-accent);}
|
|
2000
2003
|
.xl-tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
|
|
2001
2004
|
.xl-tide-bg-surface-floating {background: var(--tide-surface-floating);}
|
|
2005
|
+
.xl-tide-bg-surface-inverse {background: var(--tide-surface-inverse);}
|
|
2002
2006
|
|
|
2003
2007
|
/* Icon background colors only */
|
|
2004
2008
|
.xl-tide-bg-primary-error {background-color: var(--tide-error-primary);}
|
package/dist/css/variables.css
CHANGED
|
@@ -190,6 +190,7 @@
|
|
|
190
190
|
--tide-surface: var(--tide-gray-100);
|
|
191
191
|
--tide-surface-variant: var(--tide-gray-200);
|
|
192
192
|
--tide-surface-floating: var(--tide-transparent-100);
|
|
193
|
+
--tide-surface-inverse: var(--tide-gray-900);
|
|
193
194
|
|
|
194
195
|
--tide-on-surface: var(--tide-gray-900);
|
|
195
196
|
--tide-on-surface-variant: var(--tide-gray-700);
|