@vygruppen/spor-react 13.4.3 → 13.4.5

package/dist/index.mjs

@@ -1075,41 +1075,33 @@ var AlertIcon = ({
 var BaseAlertIcon = ({
   variant
 }) => {
-  const css = {
-    "& path:first-of-type": {
-      fill: `icon.${variant}`
-    },
-    "& path:not(:first-of-type)": {
-      fill: `surface.${variant}`
-    }
-  };
   switch (variant) {
     case "info": {
-      return /* @__PURE__ */ jsx(InformationFill24Icon, { css });
+      return /* @__PURE__ */ jsx(InformationFill24Icon, {});
     }
     case "success": {
-      return /* @__PURE__ */ jsx(SuccessFill24Icon, { css });
+      return /* @__PURE__ */ jsx(SuccessFill24Icon, {});
     }
     case "important": {
       return /* @__PURE__ */ jsx(WarningFill24Icon, {});
     }
     case "alt": {
-      return /* @__PURE__ */ jsx(AltTransportFill24Icon, { css });
+      return /* @__PURE__ */ jsx(AltTransportFill24Icon, {});
     }
     case "error": {
-      return /* @__PURE__ */ jsx(ErrorFill24Icon, { css });
+      return /* @__PURE__ */ jsx(ErrorFill24Icon, {});
     }
     case "error-secondary": {
-      return /* @__PURE__ */ jsx(ErrorOutline24Icon, { css });
+      return /* @__PURE__ */ jsx(ErrorOutline24Icon, {});
     }
     case "neutral": {
-      return /* @__PURE__ */ jsx(QuestionFill24Icon, { css });
+      return /* @__PURE__ */ jsx(QuestionFill24Icon, {});
     }
     case "service": {
       return /* @__PURE__ */ jsx(ServiceFill24Icon, {});
     }
     default: {
-      return /* @__PURE__ */ jsx(InformationFill24Icon, { css });
+      return /* @__PURE__ */ jsx(InformationFill24Icon, {});
     }
   }
 };
@@ -2537,11 +2529,20 @@ var DateField = ({
     ref
   );
   return /* @__PURE__ */ jsxs(Box, { minWidth: "6rem", width: "100%", children: [
-    props.label && /* @__PURE__ */ jsx(Box, { css: styles.inputLabel, position: "absolute", paddingTop: "2px", children: /* @__PURE__ */ jsxs(Label, { padding: "0", ...props.labelProps, children: [
-      props.label,
-      " ",
-      /* @__PURE__ */ jsx(Field.RequiredIndicator, {})
-    ] }) }),
+    props.label && /* @__PURE__ */ jsx(Box, { css: styles.inputLabel, position: "absolute", paddingTop: "2px", children: /* @__PURE__ */ jsxs(
+      Label,
+      {
+        padding: "0",
+        fontSize: ["mobile.2xs", "desktop.2xs"],
+        color: "text.subtle",
+        ...props.labelProps,
+        children: [
+          props.label,
+          " ",
+          /* @__PURE__ */ jsx(Field.RequiredIndicator, {})
+        ]
+      }
+    ) }),
     /* @__PURE__ */ jsx(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5", children: state.segments.map((segment, index) => /* @__PURE__ */ jsx(
       DateTimeSegment,
       {
@@ -2890,7 +2891,8 @@ var TimeField = ({ state, ...props }) => {
         ...labelProps,
         htmlFor: fieldProps.id,
         marginBottom: 0,
-        fontSize: ["mobile.xs", "desktop.xs"],
+        fontSize: ["mobile.2xs", "desktop.2xs"],
+        color: "text.subtle",
         top: 0,
         cursor: "text",
         left: "50%",
@@ -3366,20 +3368,7 @@ var ErrorSummary = ({
       tabIndex: -1,
       children: [
         heading && /* @__PURE__ */ jsxs(Flex, { css: styles.heading, children: [
-          /* @__PURE__ */ jsx(
-            ErrorFill24Icon,
-            {
-              css: {
-                flexShrink: 0,
-                "& path:first-of-type": {
-                  fill: `icon.critical`
-                },
-                "& path:not(:first-of-type)": {
-                  fill: `surface.critical`
-                }
-              }
-            }
-          ),
+          /* @__PURE__ */ jsx(ErrorFill24Icon, {}),
           /* @__PURE__ */ jsx(Heading, { as: headingLevel, variant: "md", autoId: true, ref: headingRef, children: heading })
         ] }),
         /* @__PURE__ */ jsx(List, { css: styles.list, gap: 2, children })