npm - @telia/teddy - Versions diffs - 0.7.30 → 0.7.32 - Mend

@telia/teddy 0.7.30 → 0.7.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/components/checkbox-card-group/checkbox-card-group-indicator.cjs CHANGED Viewed

@@ -113,7 +113,6 @@ const Indicator$1 = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: forwardRef, className: classes, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(components_checkbox_index.Checkbox, { children: /* @__PURE__ */ jsxRuntime.jsx(
       components_checkbox_index.Checkbox.Trigger,
       {
-        className: components_checkboxCardGroup_checkboxCardGroupRoot.styles[`${components_checkboxCardGroup_checkboxCardGroupRoot.rootClassName}__trigger`],
         checked,
         onCheckedChange,
         disabled
@@ -146,6 +145,22 @@ const Item$2 = React.forwardRef(
     const context = React.useContext(ItemContext$1);
     const ref = utils_composeRefs.useComposedRefs(forwardedRef, context == null ? void 0 : context.triggerRef);
     const id = props.id || (context == null ? void 0 : context.id);
+    const handleCardClick = (event) => {
+      if (disabled || !onCheckedChange) return;
+      const target = event.target;
+      if (target.closest('input, button, a, [role="button"]')) return;
+      event.preventDefault();
+      event.stopPropagation();
+      onCheckedChange(!checked);
+    };
+    const handleKeyDown = (event) => {
+      if (disabled || !onCheckedChange) return;
+      if (event.key === " " || event.key === "Enter") {
+        event.preventDefault();
+        event.stopPropagation();
+        onCheckedChange(!checked);
+      }
+    };
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -156,6 +171,10 @@ const Item$2 = React.forwardRef(
         "data-state": checked ? "checked" : "unchecked",
         "data-disabled": disabled ? "" : void 0,
         "aria-checked": checked,
+        onClick: handleCardClick,
+        role: "checkbox",
+        tabIndex: disabled ? -1 : 0,
+        onKeyDown: handleKeyDown,
         children: [
           imageUrl ? /* @__PURE__ */ jsxRuntime.jsx(components_flex_flex.Flex, { className: clsx([components_checkboxCardGroup_checkboxCardGroupRoot.styles[`${components_checkboxCardGroup_checkboxCardGroupRoot.rootClassName}__illustration`]], className), justify: "center", align: "center", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: imageUrl, alt: value }) }) : null,
           /* @__PURE__ */ jsxRuntime.jsx(Content$2, { children: React.Children.map(children, (child) => {

package/dist/components/checkbox-card-group/checkbox-card-group-indicator.js CHANGED Viewed

@@ -92,7 +92,6 @@ const Indicator$1 = React__default.forwardRef(
     return /* @__PURE__ */ jsx("div", { ref: forwardRef, className: classes, ...props, children: /* @__PURE__ */ jsx(Checkbox, { children: /* @__PURE__ */ jsx(
       Checkbox.Trigger,
       {
-        className: styles$2[`${rootClassName$2}__trigger`],
         checked,
         onCheckedChange,
         disabled
@@ -125,6 +124,22 @@ const Item$2 = React__default.forwardRef(
     const context = React__default.useContext(ItemContext$1);
     const ref = useComposedRefs(forwardedRef, context == null ? void 0 : context.triggerRef);
     const id = props.id || (context == null ? void 0 : context.id);
+    const handleCardClick = (event) => {
+      if (disabled || !onCheckedChange) return;
+      const target = event.target;
+      if (target.closest('input, button, a, [role="button"]')) return;
+      event.preventDefault();
+      event.stopPropagation();
+      onCheckedChange(!checked);
+    };
+    const handleKeyDown = (event) => {
+      if (disabled || !onCheckedChange) return;
+      if (event.key === " " || event.key === "Enter") {
+        event.preventDefault();
+        event.stopPropagation();
+        onCheckedChange(!checked);
+      }
+    };
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -135,6 +150,10 @@ const Item$2 = React__default.forwardRef(
         "data-state": checked ? "checked" : "unchecked",
         "data-disabled": disabled ? "" : void 0,
         "aria-checked": checked,
+        onClick: handleCardClick,
+        role: "checkbox",
+        tabIndex: disabled ? -1 : 0,
+        onKeyDown: handleKeyDown,
         children: [
           imageUrl ? /* @__PURE__ */ jsx(Flex, { className: clsx([styles$2[`${rootClassName$2}__illustration`]], className), justify: "center", align: "center", children: /* @__PURE__ */ jsx("img", { src: imageUrl, alt: value }) }) : null,
           /* @__PURE__ */ jsx(Content$2, { children: React__default.Children.map(children, (child) => {

package/dist/components/checkbox-card-group/checkbox-card-group-root.cjs CHANGED Viewed

@@ -4,16 +4,16 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const styles = {
-  "teddy-checkbox-card-group": "_teddy-checkbox-card-group_1mnk2_1",
-  "teddy-checkbox-card-group__card-item": "_teddy-checkbox-card-group__card-item_1mnk2_9",
-  "teddy-checkbox-card-group__card-group-label": "_teddy-checkbox-card-group__card-group-label_1mnk2_14",
-  "teddy-checkbox-card-group__content-wrapper": "_teddy-checkbox-card-group__content-wrapper_1mnk2_14",
-  "teddy-checkbox-card-group__title-wrapper": "_teddy-checkbox-card-group__title-wrapper_1mnk2_17",
-  "teddy-checkbox-card-group__illustration": "_teddy-checkbox-card-group__illustration_1mnk2_26",
-  "teddy-checkbox-card-group__checkbox-wrapper": "_teddy-checkbox-card-group__checkbox-wrapper_1mnk2_29",
-  "teddy-checkbox-card-group__trigger": "_teddy-checkbox-card-group__trigger_1mnk2_64",
-  "teddy-checkbox-card-group__indicator": "_teddy-checkbox-card-group__indicator_1mnk2_149",
-  "teddy-checkbox-card-group__card-group-label--required": "_teddy-checkbox-card-group__card-group-label--required_1mnk2_212"
+  "teddy-checkbox-card-group": "_teddy-checkbox-card-group_1034m_1",
+  "teddy-checkbox-card-group__card-item": "_teddy-checkbox-card-group__card-item_1034m_9",
+  "teddy-checkbox-card-group__trigger": "_teddy-checkbox-card-group__trigger_1034m_14",
+  "teddy-checkbox-card-group__indicator": "_teddy-checkbox-card-group__indicator_1034m_14",
+  "teddy-checkbox-card-group__card-group-label": "_teddy-checkbox-card-group__card-group-label_1034m_21",
+  "teddy-checkbox-card-group__content-wrapper": "_teddy-checkbox-card-group__content-wrapper_1034m_21",
+  "teddy-checkbox-card-group__title-wrapper": "_teddy-checkbox-card-group__title-wrapper_1034m_24",
+  "teddy-checkbox-card-group__illustration": "_teddy-checkbox-card-group__illustration_1034m_33",
+  "teddy-checkbox-card-group__checkbox-wrapper": "_teddy-checkbox-card-group__checkbox-wrapper_1034m_36",
+  "teddy-checkbox-card-group__card-group-label--required": "_teddy-checkbox-card-group__card-group-label--required_1034m_221"
 };
 const rootClassName = "teddy-checkbox-card-group";
 const RootContext = React.createContext(void 0);

package/dist/components/checkbox-card-group/checkbox-card-group-root.js CHANGED Viewed

@@ -2,16 +2,16 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import clsx from "clsx";
 const styles = {
-  "teddy-checkbox-card-group": "_teddy-checkbox-card-group_1mnk2_1",
-  "teddy-checkbox-card-group__card-item": "_teddy-checkbox-card-group__card-item_1mnk2_9",
-  "teddy-checkbox-card-group__card-group-label": "_teddy-checkbox-card-group__card-group-label_1mnk2_14",
-  "teddy-checkbox-card-group__content-wrapper": "_teddy-checkbox-card-group__content-wrapper_1mnk2_14",
-  "teddy-checkbox-card-group__title-wrapper": "_teddy-checkbox-card-group__title-wrapper_1mnk2_17",
-  "teddy-checkbox-card-group__illustration": "_teddy-checkbox-card-group__illustration_1mnk2_26",
-  "teddy-checkbox-card-group__checkbox-wrapper": "_teddy-checkbox-card-group__checkbox-wrapper_1mnk2_29",
-  "teddy-checkbox-card-group__trigger": "_teddy-checkbox-card-group__trigger_1mnk2_64",
-  "teddy-checkbox-card-group__indicator": "_teddy-checkbox-card-group__indicator_1mnk2_149",
-  "teddy-checkbox-card-group__card-group-label--required": "_teddy-checkbox-card-group__card-group-label--required_1mnk2_212"
+  "teddy-checkbox-card-group": "_teddy-checkbox-card-group_1034m_1",
+  "teddy-checkbox-card-group__card-item": "_teddy-checkbox-card-group__card-item_1034m_9",
+  "teddy-checkbox-card-group__trigger": "_teddy-checkbox-card-group__trigger_1034m_14",
+  "teddy-checkbox-card-group__indicator": "_teddy-checkbox-card-group__indicator_1034m_14",
+  "teddy-checkbox-card-group__card-group-label": "_teddy-checkbox-card-group__card-group-label_1034m_21",
+  "teddy-checkbox-card-group__content-wrapper": "_teddy-checkbox-card-group__content-wrapper_1034m_21",
+  "teddy-checkbox-card-group__title-wrapper": "_teddy-checkbox-card-group__title-wrapper_1034m_24",
+  "teddy-checkbox-card-group__illustration": "_teddy-checkbox-card-group__illustration_1034m_33",
+  "teddy-checkbox-card-group__checkbox-wrapper": "_teddy-checkbox-card-group__checkbox-wrapper_1034m_36",
+  "teddy-checkbox-card-group__card-group-label--required": "_teddy-checkbox-card-group__card-group-label--required_1034m_221"
 };
 const rootClassName = "teddy-checkbox-card-group";
 const RootContext = React__default.createContext(void 0);

package/dist/style.css CHANGED Viewed

@@ -3206,39 +3206,46 @@
 }
 ._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within):not(caption) {
   position: absolute;
-}._teddy-checkbox-card-group_1mnk2_1 {
+}._teddy-checkbox-card-group_1034m_1 {
   display: flex;
   flex-direction: column;
   gap: var(--teddy-spacing-200);
 }
-._teddy-checkbox-card-group_1mnk2_1[data-orientation=horizontal] {
+._teddy-checkbox-card-group_1034m_1[data-orientation=horizontal] {
   flex-direction: row;
 }
-._teddy-checkbox-card-group_1mnk2_1[data-orientation=horizontal] ._teddy-checkbox-card-group__card-item_1mnk2_9 {
+._teddy-checkbox-card-group_1034m_1[data-orientation=horizontal] ._teddy-checkbox-card-group__card-item_1034m_9 {
   flex: 0 1 auto;
   min-width: 200px;
   max-width: 300px;
 }
-._teddy-checkbox-card-group_1mnk2_1[data-direction=right] ._teddy-checkbox-card-group__card-group-label_1mnk2_14, ._teddy-checkbox-card-group_1mnk2_1[data-direction=right] ._teddy-checkbox-card-group__content-wrapper_1mnk2_14 {
+._teddy-checkbox-card-group_1034m_1 ._teddy-checkbox-card-group__trigger_1034m_14[data-state=checked] ._teddy-checkbox-card-group__indicator_1034m_14 {
+  opacity: 1;
+}
+._teddy-checkbox-card-group_1034m_1 ._teddy-checkbox-card-group__indicator_1034m_14 {
+  opacity: 0;
+  transition: opacity var(--teddy-motion-duration-150) ease;
+}
+._teddy-checkbox-card-group_1034m_1[data-direction=right] ._teddy-checkbox-card-group__card-group-label_1034m_21, ._teddy-checkbox-card-group_1034m_1[data-direction=right] ._teddy-checkbox-card-group__content-wrapper_1034m_21 {
   text-align: start;
 }
-._teddy-checkbox-card-group_1mnk2_1[data-direction=right] ._teddy-checkbox-card-group__title-wrapper_1mnk2_17 {
+._teddy-checkbox-card-group_1034m_1[data-direction=right] ._teddy-checkbox-card-group__title-wrapper_1034m_24 {
   justify-content: start;
 }
-._teddy-checkbox-card-group_1mnk2_1[data-direction=right] ._teddy-checkbox-card-group__content-wrapper_1mnk2_14 {
+._teddy-checkbox-card-group_1034m_1[data-direction=right] ._teddy-checkbox-card-group__content-wrapper_1034m_21 {
   padding-right: calc(24px + var(--teddy-spacing-200));
 }
-._teddy-checkbox-card-group_1mnk2_1[data-direction=right] ._teddy-checkbox-card-group__card-item_1mnk2_9 {
+._teddy-checkbox-card-group_1034m_1[data-direction=right] ._teddy-checkbox-card-group__card-item_1034m_9 {
   flex-direction: row;
 }
-._teddy-checkbox-card-group_1mnk2_1[data-direction=right] ._teddy-checkbox-card-group__illustration_1mnk2_26 {
+._teddy-checkbox-card-group_1034m_1[data-direction=right] ._teddy-checkbox-card-group__illustration_1034m_33 {
   order: -1;
 }
-._teddy-checkbox-card-group_1mnk2_1[data-direction=right] ._teddy-checkbox-card-group__checkbox-wrapper_1mnk2_29 {
+._teddy-checkbox-card-group_1034m_1[data-direction=right] ._teddy-checkbox-card-group__checkbox-wrapper_1034m_36 {
   right: 28px;
   left: auto;
 }
-._teddy-checkbox-card-group__card-item_1mnk2_9 {
+._teddy-checkbox-card-group__card-item_1034m_9 {
   padding: 0;
   display: flex;
   flex: 1;
@@ -3251,52 +3258,52 @@
   background-color: var(--teddy-color-brand-white);
   color: var(--teddy-color-text-default);
 }
-._teddy-checkbox-card-group__card-item_1mnk2_9::before, ._teddy-checkbox-card-group__card-item_1mnk2_9::after {
+._teddy-checkbox-card-group__card-item_1034m_9::before, ._teddy-checkbox-card-group__card-item_1034m_9::after {
   position: absolute;
   inset: 0;
   content: "";
   display: block;
   border-radius: inherit;
 }
-._teddy-checkbox-card-group__card-item_1mnk2_9:focus::after {
+._teddy-checkbox-card-group__card-item_1034m_9:focus::after {
   outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
   outline-offset: var(--teddy-spacing-50);
   opacity: 1;
 }
-._teddy-checkbox-card-group__card-item_1mnk2_9:focus:not(:focus-visible)::after {
+._teddy-checkbox-card-group__card-item_1034m_9:focus:not(:focus-visible)::after {
   opacity: 0;
 }
-._teddy-checkbox-card-group__card-item_1mnk2_9:not([data-disabled])[aria-checked=true]::before {
+._teddy-checkbox-card-group__card-item_1034m_9:not([data-disabled])[aria-checked=true]::before {
   outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
 }
-._teddy-checkbox-card-group__card-item_1mnk2_9:not([data-disabled])[aria-checked=true] ._teddy-checkbox-card-group__trigger_1mnk2_64::after, ._teddy-checkbox-card-group__card-item_1mnk2_9:not([data-disabled])[aria-checked=true] ._teddy-checkbox-card-group__trigger_1mnk2_64::before {
+._teddy-checkbox-card-group__card-item_1034m_9:not([data-disabled])[aria-checked=true] ._teddy-checkbox-card-group__trigger_1034m_14::after, ._teddy-checkbox-card-group__card-item_1034m_9:not([data-disabled])[aria-checked=true] ._teddy-checkbox-card-group__trigger_1034m_14::before {
   opacity: 1;
   border-width: var(--teddy-border-width-xs);
 }
-._teddy-checkbox-card-group__card-item_1mnk2_9:not([data-disabled]):hover:not(:active):not([data-state=checked])::before {
+._teddy-checkbox-card-group__card-item_1034m_9:not([data-disabled]):hover:not(:active):not([data-state=checked])::before {
   outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
 }
-._teddy-checkbox-card-group__card-item_1mnk2_9:not([data-disabled]):hover:not(:active):not([data-state=checked]) ._teddy-checkbox-card-group__trigger_1mnk2_64::after {
+._teddy-checkbox-card-group__card-item_1034m_9:not([data-disabled]):hover:not(:active):not([data-state=checked]) ._teddy-checkbox-card-group__trigger_1034m_14::after {
   opacity: 1;
 }
-._teddy-checkbox-card-group__card-item_1mnk2_9:not([data-disabled]):active:not([aria-checked=true])::before {
+._teddy-checkbox-card-group__card-item_1034m_9:not([data-disabled]):active:not([aria-checked=true])::before {
   outline: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
 }
-._teddy-checkbox-card-group__card-item_1mnk2_9:not([data-disabled]):active:not([aria-checked=true]) ._teddy-checkbox-card-group__trigger_1mnk2_64::after, ._teddy-checkbox-card-group__card-item_1mnk2_9:not([data-disabled]):active:not([aria-checked=true]) ._teddy-checkbox-card-group__trigger_1mnk2_64::before {
+._teddy-checkbox-card-group__card-item_1034m_9:not([data-disabled]):active:not([aria-checked=true]) ._teddy-checkbox-card-group__trigger_1034m_14::after, ._teddy-checkbox-card-group__card-item_1034m_9:not([data-disabled]):active:not([aria-checked=true]) ._teddy-checkbox-card-group__trigger_1034m_14::before {
   opacity: 1;
   background-color: var(--teddy-color-brand-light-purple);
 }
-._teddy-checkbox-card-group__card-item_1mnk2_9[data-disabled] {
+._teddy-checkbox-card-group__card-item_1034m_9[data-disabled] {
   cursor: default;
   background-color: var(--teddy-color-background-interactive-disabled);
 }
-._teddy-checkbox-card-group__card-item_1mnk2_9[data-disabled]:has([aria-checked=true]) {
+._teddy-checkbox-card-group__card-item_1034m_9[data-disabled]:has([aria-checked=true]) {
   border-width: var(--teddy-border-width-sm);
 }
-._teddy-checkbox-card-group__card-item_1mnk2_9[data-disabled] ._teddy-checkbox-card-group__content-wrapper_1mnk2_14 * {
+._teddy-checkbox-card-group__card-item_1034m_9[data-disabled] ._teddy-checkbox-card-group__content-wrapper_1034m_21 * {
   color: var(--teddy-color-text-weak);
 }
-._teddy-checkbox-card-group__trigger_1mnk2_64 {
+._teddy-checkbox-card-group__trigger_1034m_14 {
   all: unset;
   flex-shrink: 0;
   cursor: pointer;
@@ -3307,8 +3314,9 @@
   height: var(--teddy-spacing-300);
   position: relative;
 }
-._teddy-checkbox-card-group__trigger_1mnk2_64::before, ._teddy-checkbox-card-group__trigger_1mnk2_64::after {
+._teddy-checkbox-card-group__trigger_1034m_14::before, ._teddy-checkbox-card-group__trigger_1034m_14::after {
   content: "";
+  z-index: 1;
   position: absolute;
   display: block;
   width: var(--teddy-spacing-300);
@@ -3320,41 +3328,41 @@
   border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-subtle);
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-checkbox-card-group__trigger_1mnk2_64::before, ._teddy-checkbox-card-group__trigger_1mnk2_64::after {
+  ._teddy-checkbox-card-group__trigger_1034m_14::before, ._teddy-checkbox-card-group__trigger_1034m_14::after {
     transition: border-color var(--teddy-motion-duration-150) ease;
   }
 }
-._teddy-checkbox-card-group__trigger_1mnk2_64::after {
+._teddy-checkbox-card-group__trigger_1034m_14::after {
   opacity: 0;
   background-color: transparent;
   border-color: var(--teddy-color-border-interactive-subtle-hover);
   border-width: var(--teddy-border-width-sm);
 }
 @media (prefers-reduced-motion: no-preference) {
-  ._teddy-checkbox-card-group__trigger_1mnk2_64::after {
+  ._teddy-checkbox-card-group__trigger_1034m_14::after {
     transition: opacity var(--teddy-motion-duration-150) ease;
   }
 }
-._teddy-checkbox-card-group__trigger_1mnk2_64[data-state=checked]::before {
+._teddy-checkbox-card-group__trigger_1034m_14[data-state=checked]::before {
   border-color: var(--teddy-color-border-interactive-primary);
 }
-._teddy-checkbox-card-group__trigger_1mnk2_64:hover:not(:active):not(._teddy-checkbox-card-group__trigger_1mnk2_64[data-state=checked]):not(._teddy-checkbox-card-group__trigger_1mnk2_64[data-disabled])::after {
+._teddy-checkbox-card-group__trigger_1034m_14:hover:not(:active):not(._teddy-checkbox-card-group__trigger_1034m_14[data-state=checked]):not(._teddy-checkbox-card-group__trigger_1034m_14[data-disabled])::after {
   opacity: 1;
 }
-._teddy-checkbox-card-group__trigger_1mnk2_64:active::before {
+._teddy-checkbox-card-group__trigger_1034m_14:active::before {
   border-color: var(--teddy-color-border-interactive-subtle-hover);
 }
-._teddy-checkbox-card-group__trigger_1mnk2_64[data-disabled] {
+._teddy-checkbox-card-group__trigger_1034m_14[data-disabled] {
   cursor: default;
 }
-._teddy-checkbox-card-group__trigger_1mnk2_64[data-disabled]::before {
+._teddy-checkbox-card-group__trigger_1034m_14[data-disabled]::before {
   background-color: var(--teddy-color-background-interactive-disabled);
   border-color: var(--teddy-color-border-medium);
 }
-._teddy-checkbox-card-group__trigger_1mnk2_64[data-disabled][data-state=checked]::before {
+._teddy-checkbox-card-group__trigger_1034m_14[data-disabled][data-state=checked]::before {
   background-color: var(--teddy-color-background-primary);
 }
-._teddy-checkbox-card-group__indicator_1mnk2_149 {
+._teddy-checkbox-card-group__indicator_1034m_14 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3362,7 +3370,7 @@
   height: 100%;
   position: relative;
 }
-._teddy-checkbox-card-group__indicator_1mnk2_149::after {
+._teddy-checkbox-card-group__indicator_1034m_14::after {
   content: "";
   display: block;
   inset: 0;
@@ -3370,54 +3378,55 @@
   height: var(--teddy-spacing-200);
   border-radius: var(--teddy-border-radius-xs);
   background-color: var(--teddy-color-background-interactive-primary);
+  z-index: 2;
 }
-._teddy-checkbox-card-group__indicator_1mnk2_149[data-disabled]::after {
+._teddy-checkbox-card-group__indicator_1034m_14[data-disabled]::after {
   background-color: var(--teddy-color-text-weak);
 }
-._teddy-checkbox-card-group__content-wrapper_1mnk2_14 {
+._teddy-checkbox-card-group__content-wrapper_1034m_21 {
   padding: var(--teddy-spacing-200);
   text-align: start;
   flex: 1;
 }
-._teddy-checkbox-card-group__title-wrapper_1mnk2_17 {
+._teddy-checkbox-card-group__title-wrapper_1034m_24 {
   justify-content: space-between;
 }
-._teddy-checkbox-card-group__checkbox-wrapper_1mnk2_29 {
+._teddy-checkbox-card-group__checkbox-wrapper_1034m_36 {
   position: absolute;
   top: 14px;
   z-index: 1;
 }
-._teddy-checkbox-card-group_1mnk2_1:not([data-direction=right]) ._teddy-checkbox-card-group__checkbox-wrapper_1mnk2_29 {
+._teddy-checkbox-card-group_1034m_1:not([data-direction=right]) ._teddy-checkbox-card-group__checkbox-wrapper_1034m_36 {
   left: 20px;
 }
-._teddy-checkbox-card-group_1mnk2_1:not([data-direction=right]) ._teddy-checkbox-card-group__card-item_1mnk2_9 {
+._teddy-checkbox-card-group_1034m_1:not([data-direction=right]) ._teddy-checkbox-card-group__card-item_1034m_9 {
   flex-direction: row-reverse;
 }
-._teddy-checkbox-card-group_1mnk2_1:not([data-direction=right]) ._teddy-checkbox-card-group__content-wrapper_1mnk2_14 {
+._teddy-checkbox-card-group_1034m_1:not([data-direction=right]) ._teddy-checkbox-card-group__content-wrapper_1034m_21 {
   padding-left: calc(40px + var(--teddy-spacing-200));
 }
-._teddy-checkbox-card-group_1mnk2_1:not([data-direction=right]) ._teddy-checkbox-card-group__illustration_1mnk2_26 img {
+._teddy-checkbox-card-group_1034m_1:not([data-direction=right]) ._teddy-checkbox-card-group__illustration_1034m_33 img {
   border-radius: 0 var(--teddy-border-radius-md) var(--teddy-border-radius-md) 0;
 }
-._teddy-checkbox-card-group__illustration_1mnk2_26 {
+._teddy-checkbox-card-group__illustration_1034m_33 {
   width: var(--teddy-spacing-1000);
   overflow: hidden;
   flex-shrink: 0;
   position: relative;
 }
-._teddy-checkbox-card-group__illustration_1mnk2_26 img {
+._teddy-checkbox-card-group__illustration_1034m_33 img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: var(--teddy-border-radius-md) 0 0 var(--teddy-border-radius-md);
 }
-._teddy-checkbox-card-group__card-group-label_1mnk2_14 {
+._teddy-checkbox-card-group__card-group-label_1034m_21 {
   margin: 0 0 var(--teddy-spacing-150);
   font-weight: var(--teddy-typography-weight-medium);
   font-size: var(--teddy-typography-scale-100);
   position: relative;
 }
-._teddy-checkbox-card-group__card-group-label--required_1mnk2_212::before {
+._teddy-checkbox-card-group__card-group-label--required_1034m_221::before {
   content: "* ";
 }@keyframes _fadeInAnimation_5xbh5_1 {
   0% {

package/package.json CHANGED Viewed

@@ -20,7 +20,7 @@
     "pnpm": ">=10"
   },
   "private": false,
-  "version": "0.7.30",
+  "version": "0.7.32",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"