@vygruppen/spor-react 12.13.4 → 12.14.0

package/dist/index.mjs

@@ -1801,11 +1801,19 @@ var DateField = forwardRef(
           css: styles.inputLabel,
           position: "absolute",
           paddingTop: "2px",
-          children: /* @__PURE__ */ jsxs(Label, { padding: "0", fontSize: "2xs", ...props.labelProps, children: [
-            props.label,
-            " ",
-            /* @__PURE__ */ jsx(Field.RequiredIndicator, {})
-          ] })
+          children: /* @__PURE__ */ jsxs(
+            Label,
+            {
+              padding: "0",
+              fontSize: ["mobile.xs", "desktop.xs"],
+              ...props.labelProps,
+              children: [
+                props.label,
+                " ",
+                /* @__PURE__ */ jsx(Field.RequiredIndicator, {})
+              ]
+            }
+          )
         }
       ),
       /* @__PURE__ */ jsx(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5", children: state.segments.map((segment, i) => /* @__PURE__ */ jsx(
@@ -1894,6 +1902,7 @@ var StyledField = forwardRef(
         ref,
         "aria-invalid": invalid,
         "aria-disabled": isDisabled,
+        fontSize: ["mobile.md", "desktop.md"],
         children
       }
     );
@@ -2146,29 +2155,41 @@ function DateRangePicker({
     ] })
   ] }) });
 }
+
+// src/util/slugify.tsx
+function slugify(text, maxLength = 50) {
+  if (!text) {
+    return text;
+  }
+  if (Array.isArray(text)) {
+    text = text.join(" ");
+  }
+  if (maxLength < 1) {
+    throw new Error("The maxLength parameter must be a positive number");
+  }
+  return text.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[\u00C6\u00E6]/g, "ae").replaceAll(/[\u00D8\u00F8]/g, "oe").replaceAll(/[\u00C5\u00E5]/g, "aa").toLowerCase().replaceAll(/\s+/g, "-").replaceAll(/[^\w-]+/g, "").replaceAll(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, "").slice(0, Math.max(0, maxLength));
+}
 var TimeField = ({ state, ...props }) => {
   const ref = useRef(null);
   const { labelProps, fieldProps } = useTimeField(props, state, ref);
   return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsx(
-      "label",
+      chakra.label,
       {
         ...labelProps,
         htmlFor: fieldProps.id,
-        style: {
-          marginBottom: 0,
-          fontSize: "mobile.xs",
-          top: 0,
-          cursor: "text",
-          left: "50%",
-          transform: "translateX(-50%)",
-          position: "absolute",
-          paddingTop: "2px",
-          whiteSpace: "nowrap",
-          overflow: "hidden",
-          textOverflow: "ellipsis",
-          maxWidth: "80%"
-        },
+        marginBottom: 0,
+        fontSize: ["mobile.xs", "desktop.xs"],
+        top: 0,
+        cursor: "text",
+        left: "50%",
+        transform: "translateX(-50%)",
+        position: "absolute",
+        paddingTop: "2px",
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        maxWidth: "80%",
         children: props.label
       }
     ),
@@ -5819,22 +5840,6 @@ var linkRecipe = defineRecipe({
     size: "sm"
   }
 });
-
-// src/util/slugify.tsx
-function slugify(text, maxLength = 50) {
-  if (!text) {
-    return text;
-  }
-  if (Array.isArray(text)) {
-    text = text.join(" ");
-  }
-  if (maxLength < 1) {
-    throw new Error("The maxLength parameter must be a positive number");
-  }
-  return text.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[\u00C6\u00E6]/g, "ae").replaceAll(/[\u00D8\u00F8]/g, "oe").replaceAll(/[\u00C5\u00E5]/g, "aa").toLowerCase().replaceAll(/\s+/g, "-").replaceAll(/[^\w-]+/g, "").replaceAll(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, "").slice(0, Math.max(0, maxLength));
-}
-
-// src/theme/recipes/pressable-card.ts
 var pressableCardRecipe = defineRecipe({
   base: {
     appearance: "none",
@@ -7459,11 +7464,8 @@ var dialogSlotRecipe = defineSlotRecipe({
   variants: {
     placement: {
       center: {
-        positioner: {
-          alignItems: "center"
-        },
         content: {
-          marginX: "auto"
+          margin: "auto"
         }
       },
       top: {
@@ -7539,7 +7541,7 @@ var dialogSlotRecipe = defineSlotRecipe({
         },
         content: {
           width: "100%",
-          height: "100%",
+          minHeight: "100%",
           "--dialog-margin": "0",
           margin: "0"
         }
@@ -10075,17 +10077,21 @@ var fontSizes = defineTokens.fontSizes({
   "2xl": { value: tokens23__default.size.font.xl.desktop },
   "3xl": { value: tokens23__default.size.font.xxl.desktop },
   mobile: {
+    "2xs": { value: tokens23__default.size.font["2xs"].mobile },
     xs: { value: tokens23__default.size.font.xs.mobile },
     sm: { value: tokens23__default.size.font.sm.mobile },
     md: { value: tokens23__default.size.font.md.mobile },
+    "md-lg": { value: tokens23__default.size.font["md-lg"].mobile },
     lg: { value: tokens23__default.size.font.lg.mobile },
     xl: { value: tokens23__default.size.font.xl.mobile },
     xxl: { value: tokens23__default.size.font.xxl.mobile }
   },
   desktop: {
+    "2xs": { value: tokens23__default.size.font["2xs"].desktop },
     xs: { value: tokens23__default.size.font.xs.desktop },
     sm: { value: tokens23__default.size.font.sm.desktop },
     md: { value: tokens23__default.size.font.md.desktop },
+    "md-lg": { value: tokens23__default.size.font["md-lg"].desktop },
     lg: { value: tokens23__default.size.font.lg.desktop },
     xl: { value: tokens23__default.size.font.xl.desktop },
     xxl: { value: tokens23__default.size.font.xxl.desktop }
@@ -10655,6 +10661,18 @@ var textStyles = defineTextStyles({
       lineHeight: tokens23__default.font.style.lg["line-height"]
     }
   },
+  "md-lg": {
+    value: {
+      fontSize: [
+        tokens23__default.font.style["md-lg"]["font-size"].mobile,
+        null,
+        null,
+        tokens23__default.font.style["md-lg"]["font-size"].desktop
+      ],
+      fontFamily: tokens23__default.font.style["md-lg"]["font-family"],
+      lineHeight: tokens23__default.font.style["md-lg"]["line-height"]
+    }
+  },
   md: {
     value: {
       fontSize: [
@@ -10690,6 +10708,18 @@ var textStyles = defineTextStyles({
       fontFamily: tokens23__default.font.style.xs["font-family"],
       lineHeight: tokens23__default.font.style.xs["line-height"]
     }
+  },
+  "2xs": {
+    value: {
+      fontSize: [
+        tokens23__default.font.style["2xs"]["font-size"].mobile,
+        null,
+        null,
+        tokens23__default.font.style["2xs"]["font-size"].desktop
+      ],
+      fontFamily: tokens23__default.font.style["2xs"]["font-family"],
+      lineHeight: tokens23__default.font.style["2xs"]["line-height"]
+    }
   }
 });
 var generateTheme = (brand) => {