@symbo.ls/uikit 2.11.245 → 2.11.248

package/dist/index.cjs.js

@@ -99,7 +99,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_key2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/key.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/key.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -136,7 +136,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_env2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/env.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/env.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -172,7 +172,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_globals2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/globals.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -206,7 +206,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_node2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/node.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/node.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -241,7 +241,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_types2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/types.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/types.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -329,7 +329,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_array2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/array.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/array.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -440,7 +440,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_string2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/string.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/string.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -503,7 +503,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_object2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/object.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/object.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1011,7 +1011,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_function2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/function.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/function.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1084,7 +1084,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_log2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/log.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/log.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1123,7 +1123,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_cookie2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/cookie.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1177,7 +1177,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_tags2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/tags.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1340,7 +1340,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_cjs22 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/index.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/index.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1841,26 +1841,6 @@ var require_cjs = __commonJS({
     var FONT_FACE = {};
     var MEDIA = {
       tv: "(min-width: 2780px)",
-      screenL: "(max-width: 1920px)",
-      "screenL<": "(min-width: 1920px)",
-      screenM: "(max-width: 1680px)",
-      "screenM<": "(min-width: 1680px)",
-      screenS: "(max-width: 1440px)",
-      "screenS<": "(min-width: 1440px)",
-      tabletL: "(max-width: 1366px)",
-      "tabletL<": "(min-width: 1366px)",
-      tabletM: "(max-width: 1280px)",
-      "tabletM<": "(min-width: 1280px)",
-      tabletS: "(max-width: 1024px)",
-      "tabletS<": "(min-width: 1024px)",
-      mobileL: "(max-width: 768px)",
-      "mobileL<": "(min-width: 768px)",
-      mobileM: "(max-width: 560px)",
-      "mobileM<": "(min-width: 560px)",
-      mobileS: "(max-width: 480px)",
-      "mobileS<": "(min-width: 480px)",
-      mobileXS: "(max-width: 375px)",
-      "mobileXS<": "(min-width: 375px)",
       light: "(prefers-color-scheme: light)",
       dark: "(prefers-color-scheme: dark)",
       print: "print"
@@ -8431,6 +8411,7 @@ var Text = {
     whiteSpace: ({ props: props4 }) => !(0, import_utils7.isUndefined)(props4.whiteSpace) && { whiteSpace: props4.whiteSpace },
     wordWrap: ({ props: props4 }) => !(0, import_utils7.isUndefined)(props4.wordWrap) && { wordWrap: props4.wordWrap },
     letterSpacing: ({ props: props4 }) => !(0, import_utils7.isUndefined)(props4.letterSpacing) && { letterSpacing: props4.letterSpacing },
+    textOverflow: ({ props: props4 }) => !(0, import_utils7.isUndefined)(props4.textOverflow) && { textOverflow: props4.textOverflow },
     textAlign: ({ props: props4 }) => !(0, import_utils7.isUndefined)(props4.textAlign) && { textAlign: props4.textAlign },
     fontWeight: ({ props: props4 }) => !(0, import_utils7.isUndefined)(props4.fontWeight) && {
       fontWeight: props4.fontWeight,
@@ -8713,8 +8694,7 @@ var CountIndicator = {
     padding: "X",
     round: "100%",
     align: "center center",
-    aspectRatio: "1 / 1",
-    color: "white"
+    aspectRatio: "1 / 1"
   }
 };
 
@@ -8896,7 +8876,7 @@ var DotList = {
   extend: Flex,
   props: {
     flow: "column",
-    gap: "Z"
+    gap: "Z2"
   },
   childExtend: {
     tag: "caption",
@@ -8904,18 +8884,14 @@ var DotList = {
     props: {
       align: "center flex-start",
       lineHeight: "1em",
-      color: "white",
       fontWeight: "700",
-      fontSize: "A2",
+      fontSize: "B",
       gap: "Z",
-      // letterSpacing: '-0.01em',
       ":before": {
         content: '""',
-        boxSize: "W",
-        background: "white",
-        // display: 'block',
+        boxSize: "W_default",
+        background: "currentColor",
         zIndex: "20"
-        // display: 'none'
       }
     }
   },
@@ -8987,8 +8963,7 @@ var GroupList = {
       text: "Header",
       padding: "Z2 A",
       fontSize: "A2",
-      fontWeight: "500",
-      color: "white"
+      fontWeight: "500"
     }
   },
   Groups: {
@@ -9349,7 +9324,7 @@ var TextAreaField = {
 var GroupListWithSearch = {
   extend: GroupList,
   props: {
-    maxWidth: "G1"
+    maxWidth: "G1_default"
   },
   Header: {},
   SearchContainer: {
@@ -9445,7 +9420,7 @@ var Banner = {
   extend: TitleParagraph,
   props: {
     height: "fit-content",
-    padding: "D2+X1 D1+X D2 D",
+    padding: "D2+Z D+Y2 D D",
     width: "100%",
     theme: "dialog",
     align: "flex-start",
@@ -9455,12 +9430,13 @@ var Banner = {
     tag: "h1",
     props: {
       textTransform: "capitalize",
-      fontSize: `${150 / 16}em`,
+      fontSize: "K3",
       fontWeight: "900",
       letterSpacing: "-0.035em",
-      color: "white",
       lineHeight: ".8em",
-      gap: "0"
+      gap: "0",
+      // border: '2px solid red',
+      maxWidth: "fit-content"
     }
   },
   Paragraph: {
@@ -9471,6 +9447,7 @@ var Banner = {
       minWidth: "100%",
       position: "relative",
       gap: "A",
+      // border: '2px solid red',
       ":before": {
         content: '""',
         position: "absolute",
@@ -9484,11 +9461,9 @@ var Banner = {
     P: {
       props: {
         text: "Our typography system ranges from impactful brand type used in marketing applications to functional type used in product.",
-        maxWidth: "G1+B",
-        letterSpacing: ".2px",
+        // maxWidth: 'G2_default',
+        maxWidth: "G1_default",
         lineHeight: "1.6em",
-        margin: "0",
-        padding: "- - - Z1",
         color: "grey"
       }
     },
@@ -9496,7 +9471,8 @@ var Banner = {
       extend: TitleParagraph,
       props: {
         gap: "A2",
-        alignSelf: "flex-end"
+        "@mobileL<": { alignSelf: "flex-end" },
+        "@mobileL": { margin: "C1 - -" }
       },
       Title: {
         tag: "h6",
@@ -9559,19 +9535,17 @@ var UnitValueWithLabel = {
     flow: "row-reverse",
     fontSize: "D1",
     fontWeight: "700",
-    color: "white",
     Value: { text: "12,759" },
     Unit: { text: "$" }
   },
   dot: null,
   UnitValue2: {
     props: {
-      background: "purple",
+      theme: "secondary",
       padding: "Z",
       round: "Y1",
       fontSize: "Y2",
-      gap: "0",
-      color: "white"
+      gap: "0"
     },
     Value: { text: "+8.8" },
     Unit: { text: "%" }
@@ -9630,6 +9604,7 @@ var RouterLink = {
       const { href } = props4;
       if (!href)
         return;
+      debugger;
       const { utils, snippets, routerOptions } = ctx;
       const root = el.__ref.__root;
       const linkIsExternal = href.includes("http://") || href.includes("https://") || href.includes("mailto:") || href.includes("tel:");
@@ -9891,7 +9866,6 @@ var Textarea = {
     placeholder: "Leave us a message...",
     padding: "A",
     theme: "transparent",
-    color: "white",
     border: "none",
     style: { resize: "none" }
   },
@@ -9899,7 +9873,7 @@ var Textarea = {
     props: {
       theme: "field",
       round: "Z2",
-      width: "G1",
+      width: "G1_default",
       height: "E1",
       lineHeight: 1.4
     }
@@ -9907,12 +9881,11 @@ var Textarea = {
   ".outlined": {
     props: {
       background: "transparent",
-      width: "G1",
+      width: "G1_default",
       height: "D2+W",
       lineHeight: 1.4,
       placeholder: "Leave us a message...",
       outline: "none !important",
-      color: "white",
       resize: "none"
     }
   }
@@ -9925,7 +9898,6 @@ var TextareaWithButton = {
     minWidth: "H",
     padding: "A",
     fontSize: "Z1",
-    color: "white",
     round: "Z2",
     minHeight: "dit-content"
   },
@@ -10081,7 +10053,6 @@ var DropDownButton = {
     boxSize: "fit-content fit-content",
     padding: "Z1 A1 Z Z1",
     theme: "dialog",
-    color: "white",
     Icon: {
       name: "chevronDown",
       fontSize: "D"
@@ -10701,8 +10672,7 @@ var NotificationIndicator = {
     background: "#0474F2",
     boxSize: "fit-content fit-content",
     padding: "X+W",
-    round: "Y+X",
-    color: "white"
+    round: "Y+X"
   }
 };
 
@@ -10712,7 +10682,6 @@ var Tooltip = {
   extend: Flex,
   props: {
     background: "black",
-    color: "white",
     flow: "column",
     shape: "tooltip",
     shapeDirection: "left",
@@ -11055,7 +11024,6 @@ var ParagraphButton = {
     text: "Click to resend",
     padding: "0",
     background: "transparent",
-    color: "white",
     textDecoration: "underline",
     fontWeight: "500",
     Icon: { display: "none" }
@@ -11279,8 +11247,7 @@ var Pricing = {
       extend: UnitValue,
       props: {
         justifyContent: "space-between",
-        textTransform: "capitalize",
-        color: "white"
+        textTransform: "capitalize"
       }
     },
     ...[
@@ -11325,7 +11292,6 @@ var props2 = {
   "> button": {
     padding: "0",
     background: "transparent",
-    color: "white",
     fontSize: "Z",
     display: "none"
   }
@@ -11583,7 +11549,7 @@ var VerificationCode = {
     Paragraph: {
       props: {
         text: "Verification code has been sent to you. Enter the code below.",
-        maxWidth: "G1+Y"
+        maxWidth: "G1_default"
       }
     }
   },
@@ -12022,7 +11988,6 @@ var UploadButtonWithBackground = {
   props: {
     fontFamily: "Avenir",
     theme: "primary",
-    color: "white",
     padding: "Z2 A1"
   },
   caption: { props: { text: "Browse files" } }
@@ -12560,8 +12525,7 @@ var UserMessage = {
         text: "Can you please review the latest design?",
         padding: "Z1 Z2",
         round: "Z2",
-        theme: "dialog",
-        color: "white"
+        theme: "dialog"
       }
     }
   }
@@ -12776,7 +12740,7 @@ var StepCard = {
 var ConvertCard = {
   extend: [Card, TitleParagraph],
   props: {
-    minWidth: "G1",
+    minWidth: "G1_default",
     theme: "dialog",
     round: "Z2",
     padding: "A Z2+V Y1 Z2+V",