@norges-domstoler/dds-components 0.0.0-dev-20260212132904 → 0.0.0-dev-20260216123749

package/dist/index.mjs

@@ -1685,7 +1685,7 @@ var focusVisible = {
   outlineOffset,
   boxShadow: "0 0 0 2px var(--dds-color-focus-inside)"
 };
-var focusVisibleTransitionValue = "outline-offset 0.2s";
+var focusVisibleTransitionValue = "outline-offset var(--dds-motion-micro-state)";
 var focusVisibleInset = {
   outline: "var(--dds-color-focus-outside) 2px solid",
   outlineOffset: outlineInset
@@ -1709,17 +1709,6 @@ var scrollbarStyling = {
     background: "var(--dds-color-surface-scrollbar)"
   }
 };
-var visibilityTransition = (open) => {
-  return `
-      @media (prefers-reduced-motion: no-preference) {
-        transition:
-          visibility 0.4s,
-          opacity 0.2s;
-      }
-      visibility: ${open ? "visible" : "hidden"};
-      opacity: ${open ? 1 : 0};
-    `;
-};
 var hideInput = {
   clip: "rect(0 0 0 0)",
   position: "absolute",
@@ -8554,7 +8543,7 @@ var RatingComponent = ({
         /* @__PURE__ */ jsx271("h2", { className: typographyStyles_default["label-medium"], children: ratingLabel }),
         loading ? /* @__PURE__ */ jsx271(Spinner, { tooltip: t(texts14.uploadingFeedback) }) : /* @__PURE__ */ jsxs103(HStack, { gap: "x1", children: [
           /* @__PURE__ */ jsx271(Tooltip, { text: thumbUpTooltip, children: button("positive", layout, thumbUpTooltip) }),
-          /* @__PURE__ */ jsx271(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ jsx271("div", { children: button("negative", layout, thumbDownTooltip) }) })
+          /* @__PURE__ */ jsx271(Tooltip, { text: thumbDownTooltip, children: button("negative", layout, thumbDownTooltip) })
         ] })
       ]
     }
@@ -10680,7 +10669,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
     border: "1px solid",
     borderColor: "var(--dds-color-border-default)",
     backgroundColor: "var(--dds-color-surface-default)",
-    transition: `box-shadow 0.2s, border-color 0.2s, ${focusVisibleTransitionValue}`,
+    transition: `box-shadow var(--dds-motion-micro-state), border-color var(--dds-motion-micro-state), ${focusVisibleTransitionValue}`,
     ...control[size2],
     "&:hover": {
       ...!isReadOnly && {
@@ -10727,7 +10716,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
   dropdownIndicator: (provided, state) => ({
     display: "inline-flex",
     "@media (prefers-reduced-motion: no-preference)": {
-      transition: "color 0.2s, transform 0.2s"
+      transition: "color var(--dds-motion-micro-state), transform var(--dds-motion-chevron)"
     },
     padding: 0,
     color: "var(--dds-color-icon-default)",
@@ -10782,7 +10771,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
     borderEndEndRadius: "var(--dds-border-radius-surface)",
     borderStartEndRadius: "var(--dds-border-radius-surface)",
     "@media (prefers-reduced-motion: no-preference)": {
-      transition: "color 0.2s, background-color 0.2s, box-shadow 0.2s"
+      transition: "color var(--dds-motion-micro-state), background-color var(--dds-motion-micro-state), box-shadow var(--dds-motion-micro-state)"
     },
     "&:hover": {
       backgroundColor: "var(--dds-color-surface-hover-default)"
@@ -10794,7 +10783,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
     width: "100%",
     boxShadow: "var(--dds-shadow-medium)",
     zIndex: 100,
-    transition: "0.2s",
+    transition: "var(--dds-motion-surface)",
     border: "1px solid var(--dds-color-border-default)",
     backgroundColor: "var(--dds-color-surface-default)",
     borderRadius: "var(--dds-border-radius-surface)",
@@ -10830,7 +10819,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
     ...typography.option.medium,
     color: "var(--dds-color-text-default)",
     "@media (prefers-reduced-motion: no-preference)": {
-      transition: "color 0.2s, background-color 0.2s"
+      transition: "color var(--dds-motion-micro-state), background-color var(--dds-motion-micro-state)"
     },
     "&:hover": {
       color: "var(--dds-color-text-default)",
@@ -10855,7 +10844,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
     color: "var(--dds-color-icon-default)",
     borderRadius: "var(--dds-border-radius-button)",
     "@media (prefers-reduced-motion: no-preference)": {
-      transition: "background-color 0.2s"
+      transition: "background-color var(--dds-motion-micro-state)"
     },
     "&:hover": {
       backgroundColor: "var(--dds-color-surface-hover-default)"
@@ -15305,7 +15294,6 @@ export {
   useRoveFocus,
   useScreenSize,
   useTheme,
-  useWindowResize,
-  visibilityTransition
+  useWindowResize
 };
 //# sourceMappingURL=index.mjs.map