@telia/teddy 0.0.67 → 0.0.68

package/dist/components/accordion/accordion-content.cjs

@@ -25,7 +25,7 @@ const AccordionPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(A
 const Content = React.forwardRef(
   ({ className, children, ...props }, forwardRef) => {
     const classes = clsx([components_accordion_accordionRoot.styles[`${components_accordion_accordionRoot.rootClassName}__content`]], className);
-    return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Content, { ...props, ref: forwardRef, className: classes, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Content, { ...props, ref: forwardRef, className: classes, forceMount: true, children });
   }
 );
 Content.displayName = "Content";

package/dist/components/accordion/accordion-content.js

@@ -6,7 +6,7 @@ import * as AccordionPrimitive from "@radix-ui/react-accordion";
 const Content = React__default.forwardRef(
   ({ className, children, ...props }, forwardRef) => {
     const classes = clsx([styles[`${rootClassName}__content`]], className);
-    return /* @__PURE__ */ jsx(AccordionPrimitive.Content, { ...props, ref: forwardRef, className: classes, children });
+    return /* @__PURE__ */ jsx(AccordionPrimitive.Content, { ...props, ref: forwardRef, className: classes, forceMount: true, children });
   }
 );
 Content.displayName = "Content";

package/dist/components/accordion/accordion-root.cjs

@@ -22,22 +22,22 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const AccordionPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AccordionPrimitive);
-const slideDown = "_slideDown_1arsz_1";
-const slideUp = "_slideUp_1arsz_1";
+const slideDown = "_slideDown_nueyr_1";
+const slideUp = "_slideUp_nueyr_1";
 const styles = {
-  "teddy-accordion": "_teddy-accordion_1arsz_3",
-  "teddy-accordion--indented": "_teddy-accordion--indented_1arsz_11",
-  "teddy-accordion__header": "_teddy-accordion__header_1arsz_11",
-  "teddy-accordion__content": "_teddy-accordion__content_1arsz_14",
-  "teddy-accordion--negative": "_teddy-accordion--negative_1arsz_17",
-  "teddy-accordion__title": "_teddy-accordion__title_1arsz_21",
-  "teddy-accordion__trigger": "_teddy-accordion__trigger_1arsz_24",
-  "teddy-accordion__item": "_teddy-accordion__item_1arsz_32",
-  "teddy-accordion__indicator": "_teddy-accordion__indicator_1arsz_101",
-  "teddy-accordion__indicator--rotate": "_teddy-accordion__indicator--rotate_1arsz_112",
+  "teddy-accordion": "_teddy-accordion_nueyr_3",
+  "teddy-accordion--indented": "_teddy-accordion--indented_nueyr_11",
+  "teddy-accordion__header": "_teddy-accordion__header_nueyr_11",
+  "teddy-accordion__content": "_teddy-accordion__content_nueyr_14",
+  "teddy-accordion--negative": "_teddy-accordion--negative_nueyr_17",
+  "teddy-accordion__title": "_teddy-accordion__title_nueyr_21",
+  "teddy-accordion__trigger": "_teddy-accordion__trigger_nueyr_24",
+  "teddy-accordion__item": "_teddy-accordion__item_nueyr_32",
+  "teddy-accordion__indicator": "_teddy-accordion__indicator_nueyr_101",
+  "teddy-accordion__indicator--rotate": "_teddy-accordion__indicator--rotate_nueyr_112",
   slideDown,
   slideUp,
-  "teddy-accordion--info-area": "_teddy-accordion--info-area_1arsz_138"
+  "teddy-accordion--info-area": "_teddy-accordion--info-area_nueyr_142"
 };
 const rootClassName = "teddy-accordion";
 const RootContext = React.createContext({ value: void 0, variant: void 0 });

package/dist/components/accordion/accordion-root.js

@@ -3,22 +3,22 @@ import clsx from "clsx";
 import React__default from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
-const slideDown = "_slideDown_1arsz_1";
-const slideUp = "_slideUp_1arsz_1";
+const slideDown = "_slideDown_nueyr_1";
+const slideUp = "_slideUp_nueyr_1";
 const styles = {
-  "teddy-accordion": "_teddy-accordion_1arsz_3",
-  "teddy-accordion--indented": "_teddy-accordion--indented_1arsz_11",
-  "teddy-accordion__header": "_teddy-accordion__header_1arsz_11",
-  "teddy-accordion__content": "_teddy-accordion__content_1arsz_14",
-  "teddy-accordion--negative": "_teddy-accordion--negative_1arsz_17",
-  "teddy-accordion__title": "_teddy-accordion__title_1arsz_21",
-  "teddy-accordion__trigger": "_teddy-accordion__trigger_1arsz_24",
-  "teddy-accordion__item": "_teddy-accordion__item_1arsz_32",
-  "teddy-accordion__indicator": "_teddy-accordion__indicator_1arsz_101",
-  "teddy-accordion__indicator--rotate": "_teddy-accordion__indicator--rotate_1arsz_112",
+  "teddy-accordion": "_teddy-accordion_nueyr_3",
+  "teddy-accordion--indented": "_teddy-accordion--indented_nueyr_11",
+  "teddy-accordion__header": "_teddy-accordion__header_nueyr_11",
+  "teddy-accordion__content": "_teddy-accordion__content_nueyr_14",
+  "teddy-accordion--negative": "_teddy-accordion--negative_nueyr_17",
+  "teddy-accordion__title": "_teddy-accordion__title_nueyr_21",
+  "teddy-accordion__trigger": "_teddy-accordion__trigger_nueyr_24",
+  "teddy-accordion__item": "_teddy-accordion__item_nueyr_32",
+  "teddy-accordion__indicator": "_teddy-accordion__indicator_nueyr_101",
+  "teddy-accordion__indicator--rotate": "_teddy-accordion__indicator--rotate_nueyr_112",
   slideDown,
   slideUp,
-  "teddy-accordion--info-area": "_teddy-accordion--info-area_1arsz_138"
+  "teddy-accordion--info-area": "_teddy-accordion--info-area_nueyr_142"
 };
 const rootClassName = "teddy-accordion";
 const RootContext = React__default.createContext({ value: void 0, variant: void 0 });

package/dist/style.css

@@ -3197,62 +3197,62 @@
   }
 }@layer heading, link, accordion;
 @layer accordion {
-  ._teddy-accordion_1arsz_3 {
+  ._teddy-accordion_nueyr_3 {
     --indented-spacing: var(--teddy-spacing-200);
   }
   @media (min-width: 600px) {
-    ._teddy-accordion_1arsz_3 {
+    ._teddy-accordion_nueyr_3 {
       --indented-spacing: var(--teddy-spacing-300);
     }
   }
-  ._teddy-accordion--indented_1arsz_11 ._teddy-accordion__header_1arsz_11 > *:first-child {
+  ._teddy-accordion--indented_nueyr_11 ._teddy-accordion__header_nueyr_11 > *:first-child {
     padding-left: var(--indented-spacing);
   }
-  ._teddy-accordion--indented_1arsz_11 ._teddy-accordion__content_1arsz_14 {
+  ._teddy-accordion--indented_nueyr_11 ._teddy-accordion__content_nueyr_14 {
     padding-inline: var(--indented-spacing);
   }
-  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__header_1arsz_11 {
+  ._teddy-accordion--negative_nueyr_17 ._teddy-accordion__header_nueyr_11 {
     color: var(--teddy-color-text-interactive-primary-negative);
   }
-  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__content_1arsz_14,
-  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__title_1arsz_21 {
+  ._teddy-accordion--negative_nueyr_17 ._teddy-accordion__content_nueyr_14,
+  ._teddy-accordion--negative_nueyr_17 ._teddy-accordion__title_nueyr_21 {
     color: var(--teddy-color-text-default-negative);
   }
-  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__trigger_1arsz_24:hover {
+  ._teddy-accordion--negative_nueyr_17 ._teddy-accordion__trigger_nueyr_24:hover {
     background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__trigger_1arsz_24:active {
+    ._teddy-accordion--negative_nueyr_17 ._teddy-accordion__trigger_nueyr_24:active {
       background-color: var(--teddy-color-background-interactive-transparent-negative-active);
     }
   }
-  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__item_1arsz_32 {
+  ._teddy-accordion--negative_nueyr_17 ._teddy-accordion__item_nueyr_32 {
     border-color: var(--teddy-color-border-medium-negative);
   }
-  ._teddy-accordion--negative_1arsz_17 ._teddy-accordion__item_1arsz_32:last-child {
+  ._teddy-accordion--negative_nueyr_17 ._teddy-accordion__item_nueyr_32:last-child {
     border-color: var(--teddy-color-border-medium-negative);
   }
-  ._teddy-accordion_1arsz_3:disabled {
+  ._teddy-accordion_nueyr_3:disabled {
     background-color: var(--teddy-color-background-interactive-transparent);
   }
-  ._teddy-accordion__title_1arsz_21 {
+  ._teddy-accordion__title_nueyr_21 {
     margin-bottom: var(--teddy-spacing-300);
   }
   @media (min-width: 600px) {
-    ._teddy-accordion__title_1arsz_21 {
+    ._teddy-accordion__title_nueyr_21 {
       margin-bottom: var(--teddy-spacing-400);
     }
   }
-  ._teddy-accordion__item_1arsz_32 {
+  ._teddy-accordion__item_nueyr_32 {
     border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-accordion__item_1arsz_32:first-child {
+  ._teddy-accordion__item_nueyr_32:first-child {
     margin-top: 0;
   }
-  ._teddy-accordion__item_1arsz_32:last-child {
+  ._teddy-accordion__item_nueyr_32:last-child {
     border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
   }
-  ._teddy-accordion__header_1arsz_11 {
+  ._teddy-accordion__header_nueyr_11 {
     background-color: var(--teddy-color-background-interactive-transparent);
     display: grid;
     grid-template-columns: minmax(0, 1fr) auto;
@@ -3261,7 +3261,7 @@
     color: var(--teddy-color-text-interactive-primary);
     font-weight: var(--teddy-typography-weight-bold);
   }
-  ._teddy-accordion__trigger_1arsz_24 {
+  ._teddy-accordion__trigger_nueyr_24 {
     all: unset;
     font-family: inherit;
     background-color: transparent;
@@ -3275,88 +3275,92 @@
     transition-timing-function: var(--teddy-motion-easing-ease-in-out);
     transition-property: background-color, color;
   }
-  ._teddy-accordion__trigger_1arsz_24:hover {
+  ._teddy-accordion__trigger_nueyr_24:hover {
     background-color: var(--teddy-color-background-interactive-transparent-hover);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion__trigger_1arsz_24:active {
+    ._teddy-accordion__trigger_nueyr_24:active {
       background-color: var(--teddy-color-background-interactive-transparent-active);
     }
   }
-  ._teddy-accordion__trigger_1arsz_24:focus-within {
+  ._teddy-accordion__trigger_nueyr_24:focus-within {
     outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
     outline-offset: var(--teddy-spacing-25);
     z-index: 1;
   }
-  ._teddy-accordion__trigger_1arsz_24:focus-within:not(:focus-visible) {
+  ._teddy-accordion__trigger_nueyr_24:focus-within:not(:focus-visible) {
     outline: 0;
   }
-  ._teddy-accordion__trigger_1arsz_24:disabled {
+  ._teddy-accordion__trigger_nueyr_24:disabled {
     cursor: not-allowed;
     background-color: var(--teddy-color-background-interactive-disabled);
   }
-  ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator_1arsz_101 {
+  ._teddy-accordion__trigger_nueyr_24 ._teddy-accordion__indicator_nueyr_101 {
     flex-shrink: 0;
     transform: rotate(0);
     margin: var(--indented-spacing);
   }
   @media (min-width: 1024px) {
-    ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator_1arsz_101 {
+    ._teddy-accordion__trigger_nueyr_24 ._teddy-accordion__indicator_nueyr_101 {
       margin-block: var(--teddy-spacing-400);
     }
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion__trigger_1arsz_24 ._teddy-accordion__indicator--rotate_1arsz_112 {
+    ._teddy-accordion__trigger_nueyr_24 ._teddy-accordion__indicator--rotate_nueyr_112 {
       transition: transform var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
     }
   }
-  ._teddy-accordion__trigger_1arsz_24[data-state=open] ._teddy-accordion__indicator_1arsz_101 {
+  ._teddy-accordion__trigger_nueyr_24[data-state=open] ._teddy-accordion__indicator_nueyr_101 {
     transform: rotate(180deg);
   }
-  ._teddy-accordion__content_1arsz_14 {
+  ._teddy-accordion__content_nueyr_14 {
     overflow: hidden;
     color: var(--teddy-color-text-default);
     padding: 0 var(--teddy-spacing-300) 0 0;
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion__content_1arsz_14[data-state=open] {
-      animation: _slideDown_1arsz_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+    ._teddy-accordion__content_nueyr_14[data-state=open] {
+      animation: _slideDown_nueyr_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+      height: auto;
+      visibility: visible;
     }
-    ._teddy-accordion__content_1arsz_14[data-state=closed] {
-      animation: _slideUp_1arsz_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
+    ._teddy-accordion__content_nueyr_14[data-state=closed] {
+      visibility: hidden;
+      height: 0;
+      animation: _slideUp_nueyr_1 var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
     }
   }
-  ._teddy-accordion__content_1arsz_14::after {
+  ._teddy-accordion__content_nueyr_14::after {
     content: "";
     display: block;
     height: var(--teddy-spacing-400);
     width: 100%;
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__header_1arsz_11 {
+  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__header_nueyr_11 {
     color: var(--teddy-color-text-default);
     font-size: var(--teddy-typography-scale-100);
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__content_1arsz_14::after {
+  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__content_nueyr_14::after {
     height: var(--teddy-spacing-200);
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__indicator_1arsz_101 {
+  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__indicator_nueyr_101 {
     margin-block: var(--teddy-spacing-200);
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__content_1arsz_14,
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__title_1arsz_21 {
+  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__content_nueyr_14,
+  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__title_nueyr_21 {
     color: var(--teddy-color-text-default);
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32 {
+  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__item_nueyr_32 {
     background-color: var(--teddy-color-background-interactive-inactive);
     border: none;
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:last-child {
+  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__item_nueyr_32:last-child {
     border: none;
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:not(:last-child) {
+  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__item_nueyr_32:not(:last-child) {
     position: relative;
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:not(:last-child)::after {
+  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__item_nueyr_32:not(:last-child)::after {
     content: "";
     display: block;
     position: absolute;
@@ -3365,21 +3369,21 @@
     transform: translateY(50%);
     background-color: var(--teddy-color-border-weak);
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:first-of-type {
+  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__item_nueyr_32:first-of-type {
     border-radius: var(--teddy-border-radius-md) var(--teddy-border-radius-md) 0 0;
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__item_1arsz_32:last-of-type {
+  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__item_nueyr_32:last-of-type {
     border-radius: 0 0 var(--teddy-border-radius-md) var(--teddy-border-radius-md);
   }
-  ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__trigger_1arsz_24:hover {
+  ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__trigger_nueyr_24:hover {
     background-color: var(--teddy-color-background-interactive-inactive);
   }
   @media (prefers-reduced-motion: no-preference) {
-    ._teddy-accordion--info-area_1arsz_138 ._teddy-accordion__trigger_1arsz_24:active {
+    ._teddy-accordion--info-area_nueyr_142 ._teddy-accordion__trigger_nueyr_24:active {
       background-color: var(--teddy-color-background-interactive-disabled);
     }
   }
-  @keyframes _slideDown_1arsz_1 {
+  @keyframes _slideDown_nueyr_1 {
     from {
       height: 0;
     }
@@ -3387,7 +3391,7 @@
       height: var(--radix-accordion-content-height);
     }
   }
-  @keyframes _slideUp_1arsz_1 {
+  @keyframes _slideUp_nueyr_1 {
     from {
       height: var(--radix-accordion-content-height);
     }

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=8"
   },
   "private": false,
-  "version": "0.0.67",
+  "version": "0.0.68",
   "sideEffects": [
     "**/*.css"
   ],