tide-design-system 2.0.0 → 2.0.1

package/dist/{IconThreeDRotation-2433b2e8.js → IconThreeDRotation-b19a9312.js}

@@ -1,5 +1,5 @@
 import { openBlock as t, createElementBlock as c, Fragment as a, createElementVNode as e } from "vue";
-import { _ as o } from "./index-c5bc4216.js";
+import { _ as o } from "./index-32686488.js";
 const h = {}, n = /* @__PURE__ */ e("mask", {
   height: "24",
   id: "a",

package/dist/{IconTune-3c6452f0.js → IconTune-dee47734.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as h } from "vue";
-import { _ as o } from "./index-c5bc4216.js";
+import { _ as o } from "./index-32686488.js";
 const t = {}, v = { d: "M11 21v-6h2v2h8v2h-8v2h-2Zm-8-2v-2h6v2H3Zm4-4v-2H3v-2h4V9h2v6H7Zm4-2v-2h10v2H11Zm4-4V3h2v2h4v2h-4v2h-2ZM3 7V5h10v2H3Z" };
 function c(n, r) {
   return e(), h("path", v);

package/dist/{IconTwitter-a634cef4.js → IconTwitter-2ab4e06b.js}

@@ -1,5 +1,5 @@
 import { openBlock as t, createElementBlock as e } from "vue";
-import { _ as o } from "./index-c5bc4216.js";
+import { _ as o } from "./index-32686488.js";
 const c = {}, r = { d: "M18.202 2.25h3.309l-7.228 8.26 8.503 11.24H16.13l-5.217-6.816L4.95 21.75H1.636l7.73-8.836L1.214 2.25H8.04l4.711 6.23 5.452-6.23Zm-1.163 17.522h1.833L7.04 4.125H5.07l11.97 15.647Z" };
 function n(_, l) {
   return t(), e("path", r);

package/dist/{IconVideocam-5712435e.js → IconVideocam-0d0142aa.js}

@@ -1,5 +1,5 @@
 import { openBlock as c, createElementBlock as e } from "vue";
-import { _ as o } from "./index-c5bc4216.js";
+import { _ as o } from "./index-32686488.js";
 const t = {}, r = { d: "M4 20c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 18V6c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 4 4h12c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v4.5l4-4v11l-4-4V18c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 16 20H4Zm0-2h12V6H4v12Z" };
 function n(_, s) {
   return c(), e("path", r);

package/dist/{IconViewInAr-d38a23d5.js → IconViewInAr-7cd92579.js}

@@ -1,5 +1,5 @@
 import { openBlock as c, createElementBlock as e } from "vue";
-import { _ as o } from "./index-c5bc4216.js";
+import { _ as o } from "./index-32686488.js";
 const t = {}, r = { d: "M11 19.475 6 16.6a1.948 1.948 0 0 1-1-1.725v-5.75A1.948 1.948 0 0 1 6 7.4l5-2.875c.317-.183.65-.275 1-.275s.683.092 1 .275L18 7.4a1.948 1.948 0 0 1 1 1.725v5.75a1.948 1.948 0 0 1-1 1.725l-5 2.875c-.317.183-.65.275-1 .275s-.683-.092-1-.275Zm0-2.3v-4.6L7 10.25v4.625l4 2.3Zm2 0 4-2.3V10.25l-4 2.325v4.6ZM2 7V4c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 4 2h3v2H4v3H2Zm5 15H4c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 20v-3h2v3h3v2Zm10 0v-2h3v-3h2v3c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 22h-3Zm3-15V4h-3V2h3c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v3h-2Zm-8 3.85 3.95-2.325L12 6.25 8.05 8.525 12 10.85Z" };
 function v(n, h) {
   return c(), e("path", r);

package/dist/{IconVisibility-8cdf7151.js → IconVisibility-84655778.js}

@@ -1,5 +1,5 @@
 import { openBlock as c, createElementBlock as t } from "vue";
-import { _ as e } from "./index-c5bc4216.js";
+import { _ as e } from "./index-32686488.js";
 const o = {}, r = { d: "M12 16c1.25 0 2.313-.438 3.188-1.313.874-.874 1.312-1.937 1.312-3.187 0-1.25-.438-2.313-1.313-3.188C14.313 7.439 13.25 7 12 7c-1.25 0-2.313.438-3.188 1.313C7.939 9.187 7.5 10.25 7.5 11.5c0 1.25.438 2.313 1.313 3.188C9.687 15.562 10.75 16 12 16Zm0-1.8c-.75 0-1.387-.262-1.912-.787A2.604 2.604 0 0 1 9.3 11.5c0-.75.262-1.387.787-1.912A2.604 2.604 0 0 1 12 8.8c.75 0 1.387.262 1.912.787.525.526.788 1.163.788 1.913s-.262 1.387-.787 1.912A2.604 2.604 0 0 1 12 14.2Zm0 4.8c-2.433 0-4.65-.68-6.65-2.038-2-1.358-3.45-3.179-4.35-5.462.9-2.283 2.35-4.104 4.35-5.463C7.35 4.68 9.567 4 12 4c2.433 0 4.65.68 6.65 2.037 2 1.359 3.45 3.18 4.35 5.463-.9 2.283-2.35 4.104-4.35 5.462C16.65 18.322 14.433 19 12 19Zm0-2a9.544 9.544 0 0 0 5.188-1.488A9.773 9.773 0 0 0 20.8 11.5a9.773 9.773 0 0 0-3.613-4.013A9.545 9.545 0 0 0 12 6a9.545 9.545 0 0 0-5.188 1.487A9.773 9.773 0 0 0 3.2 11.5a9.773 9.773 0 0 0 3.612 4.012A9.544 9.544 0 0 0 12 17Z" };
 function n(a, s) {
   return c(), t("path", r);

package/dist/{IconWarning-b9e61180.js → IconWarning-cab4938a.js}

@@ -1,5 +1,5 @@
 import { openBlock as c, createElementBlock as e } from "vue";
-import { _ as o } from "./index-c5bc4216.js";
+import { _ as o } from "./index-32686488.js";
 const t = {}, n = { d: "M1 21 12 2l11 19H1Zm3.45-2h15.1L12 6 4.45 19ZM12 18a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 17a.968.968 0 0 0-.287-.712A.968.968 0 0 0 12 16a.968.968 0 0 0-.713.288A.968.968 0 0 0 11 17c0 .283.096.52.287.712.192.192.43.288.713.288Zm-1-3h2v-5h-2v5Z" };
 function r(a, _) {
   return c(), e("path", n);

package/dist/{IconYoutube-92447826.js → IconYoutube-ab7e33d3.js}

@@ -1,5 +1,5 @@
 import { openBlock as c, createElementBlock as e } from "vue";
-import { _ as o } from "./index-c5bc4216.js";
+import { _ as o } from "./index-32686488.js";
 const t = {}, r = { d: "M22.54 6.848a2.72 2.72 0 0 0-1.945-1.899C18.88 4.5 12 4.5 12 4.5s-6.88 0-8.595.45a2.72 2.72 0 0 0-1.946 1.898C1 8.523 1 12.016 1 12.016s0 3.492.46 5.168c.253.925.998 1.62 1.945 1.867C5.12 19.5 12 19.5 12 19.5s6.88 0 8.595-.45c.947-.245 1.692-.945 1.946-1.866.459-1.676.459-5.168.459-5.168s0-3.493-.46-5.168Zm-12.788 8.34V8.843l5.748 3.172-5.748 3.171Z" };
 function s(n, _) {
   return c(), e("path", r);

package/dist/css/dynamic-utilities.css

@@ -1,4 +1,3 @@
-/* Atomic Utilities */
 /* Background */
 .tide-bg-primary   {background: var(--primary);}
 .tide-bg-secondary {background: var(--secondary);}

package/dist/css/main.css

@@ -4,7 +4,6 @@
 @import './reset.css';
 @import './utilities.css';
 @import './dynamic-buttons.css';
-@import './dynamic-inputs.css';
 @import './dynamic-utilities.css';
 @import './animation.css';
 @import './page-layout.css';

package/dist/css/utilities.css

@@ -210,13 +210,13 @@
 .tide-transparent-400 {background-color: var(--transparent-400);}
 
 /* Font Size */
-.tide-font-10 {font-size: 0.625rem;} /* 10px */
-.tide-font-12 {font-size: 0.75rem;}  /* 12px */
-.tide-font-14 {font-size: 0.875rem;} /* 14px */
-.tide-font-16 {font-size: 1rem;}     /* 16px */
-.tide-font-20 {font-size: 1.25rem;}  /* 20px */
-.tide-font-24 {font-size: 1.5rem;}   /* 24px */
-.tide-font-32 {font-size: 2rem;}     /* 32px */
+.tide-font-10 {font-size: var(--font-10);}
+.tide-font-12 {font-size: var(--font-12);}
+.tide-font-14 {font-size: var(--font-14);}
+.tide-font-16 {font-size: var(--font-16);}
+.tide-font-20 {font-size: var(--font-20);}
+.tide-font-24 {font-size: var(--font-24);}
+.tide-font-32 {font-size: var(--font-32);}
 
 /* Font Weight */
 .tide-font-400 {font-weight: 400;}
@@ -229,8 +229,9 @@
 
 .tide-break-word {overflow-wrap: break-word;}
 
-.tide-cursor-pointer     {cursor: pointer;}
 .tide-cursor-not-allowed {cursor: not-allowed;}
+.tide-cursor-pointer     {cursor: pointer;}
+.tide-cursor-text        {cursor: text;}
 
 .tide-leading-default {line-height: 100%;}
 .tide-leading-normal  {line-height: normal;}

package/dist/css/variables.css

@@ -1,6 +1,7 @@
 /*.CSS Variables */
 :root {
   /* Font Size */
+  --font-10: 0.625rem; /* 10px */
   --font-12: 0.75rem;  /* 12px */
   --font-14: 0.875rem; /* 14px */
   --font-16: 1rem;     /* 16px */
@@ -39,6 +40,22 @@
   --radius-1: 16px;
   --radius-full: 99999px;
 
+  --black: var(--gray-900);
+  --white: var(--gray-100);
+
+  /* Opacity */
+  --disabled: 0.333;
+
+  /* Shadow */
+  --shadow-bottom: 0px  2px 8px 2px rgba(0, 0, 0, 0.07);
+  --shadow-top:    0px -2px 8px 2px rgba(0, 0, 0, 0.07);
+
+  /* Transparency */
+  --transparent-100: rgba(255, 255, 255, 0.9);
+  --transparent-200: rgba(255, 255, 255, 0.75);
+  --transparent-300: rgba(0, 0, 0, 0.1);
+  --transparent-400: rgba(0, 0, 0, 0.5);
+
   /* Global tonal palette */
   --blue-100:  #D1E0EB;
   --blue-200:  #A4C1D7;
@@ -72,30 +89,17 @@
   --yellow-300:  #FBD766;
   --yellow-400:  #FACA33;
 
-  --black: var(--gray-900);
-  --white: var(--gray-100);
-
-  /* Shadow */
-  --shadow-bottom: 0px  2px 8px 2px rgba(0, 0, 0, 0.07);
-  --shadow-top:    0px -2px 8px 2px rgba(0, 0, 0, 0.07);
-
-  /* Transparency */
-  --transparent-100: rgba(255, 255, 255, 0.9);
-  --transparent-200: rgba(255, 255, 255, 0.75);
-  --transparent-300: rgba(0, 0, 0, 0.1);
-  --transparent-400: rgba(0, 0, 0, 0.5);
-
   /* Global color roles */
   --error-primary:        var(--red-400);
   --error-primary-border: var(--red-300);
   --error-surface:        var(--red-100);
 
-  --error-border:      var(--red-200);
+  --error-border:      var(--red-400);
   --error-border-low:  var(--red-200);
-  --error-border-high: var(--red-200);
+  --error-border-high: var(--red-500);
 
-  --error-on-surface:         var(--red-200);
-  --error-on-surface-variant: var(--red-200);
+  --error-on-surface:         var(--red-400);
+  --error-on-surface-variant: var(--red-500 );
 
   --info-primary:        var(--blue-400);
   --info-primary-border: var(--blue-300);