tide-design-system 2.2.4 → 2.2.6

package/dist/utilities/storybook.ts

@@ -76,6 +76,16 @@ export const click = {
   },
 };
 
+export const close = {
+  control: 'text',
+  description: 'JS code or function to execute on close event',
+  isEmit: true,
+  table: {
+    defaultValue: { summary: 'None' },
+    type: { summary: '() => void' },
+  },
+};
+
 export const dataTrack = {
   control: 'text',
   description: 'Data attribute for external tracking',
@@ -91,6 +101,8 @@ export const disabledArgType = {
   },
 };
 
+export const isProduction = process.env.NODE_ENV === 'production';
+
 export const doSomething = () => {
   alert('Did something.');
 };

package/dist/utilities/viewport.ts

@@ -49,13 +49,14 @@ export const setScrollLock = async (isLocked: boolean) => {
   }
 };
 
-export const TOP_LAYER_ID = 'tideTopLayer';
+export const TOP_LAYER_ID = 'tide-top-layer';
 
 export const initFauxTopLayer = () => {
   let topLayer = document.getElementById(TOP_LAYER_ID);
   if (!topLayer) {
     topLayer = document.createElement('div');
     topLayer.id = TOP_LAYER_ID;
+    topLayer.setAttribute('data-css-scope', '');
     document.body.appendChild(topLayer);
   }
   topLayer.style.isolation = 'isolate';

package/package.json

@@ -61,7 +61,7 @@
   "main": "dist/tide-design-system.cjs",
   "module": "dist/tide-design-system.esm.js",
   "types": "dist/tide-design-system.esm.d.ts",
-  "version": "2.2.4",
+  "version": "2.2.6",
   "dependencies": {
     "@floating-ui/vue": "^1.1.6"
   }

package/src/assets/css/realm/rv.css

@@ -25,8 +25,8 @@
     /* top */
     radial-gradient(
       157.36% 151.94% at 19.69% -3.53%,
-      color-mix(in srgb, var(--tide-realm-pistachio) 42%, transparent) 28.37%,
-      color-mix(in srgb, var(--tide-realm-pistachio) 0%, transparent) 100%
+      color-mix(in srgb, var(--tide-realm-mint) 42%, transparent) 28.37%,
+      color-mix(in srgb, var(--tide-realm-mint) 0%, transparent) 100%
     ),
     /* bottom left */
     radial-gradient(

package/src/assets/css/utilities-lg.css

@@ -370,17 +370,10 @@
 	.lg-tide-text-transform-none  {text-transform: none;}
 	.lg-tide-text-transform-upper {text-transform: uppercase;}
 
-	.lg-tide-underline,
-	.lg-tide-underline:hover,
-	.lg-tide-underline-hover:hover {
-	  text-decoration: underline;
-	}
-
-	.lg-tide-underline-none,
-	.lg-tide-underline-none:hover,
-	.lg-tide-underline-hover {
-	  text-decoration: none;
-	}
+	.lg-tide-underline                  {text-decoration: underline;}
+	.lg-tide-underline-none             {text-decoration: none;}
+	.lg-tide-underline-hover:hover      {text-decoration: underline;}
+	.lg-tide-underline-hover-none:hover {text-decoration: none;}
 
 	.lg-tide-visible      {visibility: visible;}
 	.lg-tide-visible-none {visibility: hidden;}

package/src/assets/css/utilities-md.css

@@ -371,17 +371,10 @@
 	.md-tide-text-transform-none  {text-transform: none;}
 	.md-tide-text-transform-upper {text-transform: uppercase;}
 
-	.md-tide-underline,
-	.md-tide-underline:hover,
-	.md-tide-underline-hover:hover {
-	  text-decoration: underline;
-	}
-
-	.md-tide-underline-none,
-	.md-tide-underline-none:hover,
-	.md-tide-underline-hover {
-	  text-decoration: none;
-	}
+	.md-tide-underline                  {text-decoration: underline;}
+	.md-tide-underline-none             {text-decoration: none;}
+	.md-tide-underline-hover:hover      {text-decoration: underline;}
+	.md-tide-underline-hover-none:hover {text-decoration: none;}
 
 	.md-tide-visible      {visibility: visible;}
 	.md-tide-visible-none {visibility: hidden;}

package/src/assets/css/utilities-sm.css

@@ -370,17 +370,10 @@
 	.sm-tide-text-transform-none  {text-transform: none;}
 	.sm-tide-text-transform-upper {text-transform: uppercase;}
 
-	.sm-tide-underline,
-	.sm-tide-underline:hover,
-	.sm-tide-underline-hover:hover {
-	  text-decoration: underline;
-	}
-
-	.sm-tide-underline-none,
-	.sm-tide-underline-none:hover,
-	.sm-tide-underline-hover {
-	  text-decoration: none;
-	}
+	.sm-tide-underline                  {text-decoration: underline;}
+	.sm-tide-underline-none             {text-decoration: none;}
+	.sm-tide-underline-hover:hover      {text-decoration: underline;}
+	.sm-tide-underline-hover-none:hover {text-decoration: none;}
 
 	.sm-tide-visible      {visibility: visible;}
 	.sm-tide-visible-none {visibility: hidden;}