@telia/teddy 0.7.28 → 0.7.30

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

@@ -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_1s01l_1",
-  "teddy-checkbox-card-group__card-item": "_teddy-checkbox-card-group__card-item_1s01l_9",
-  "teddy-checkbox-card-group__card-group-label": "_teddy-checkbox-card-group__card-group-label_1s01l_14",
-  "teddy-checkbox-card-group__content-wrapper": "_teddy-checkbox-card-group__content-wrapper_1s01l_14",
-  "teddy-checkbox-card-group__title-wrapper": "_teddy-checkbox-card-group__title-wrapper_1s01l_17",
-  "teddy-checkbox-card-group__illustration": "_teddy-checkbox-card-group__illustration_1s01l_26",
-  "teddy-checkbox-card-group__checkbox-wrapper": "_teddy-checkbox-card-group__checkbox-wrapper_1s01l_29",
-  "teddy-checkbox-card-group__trigger": "_teddy-checkbox-card-group__trigger_1s01l_64",
-  "teddy-checkbox-card-group__indicator": "_teddy-checkbox-card-group__indicator_1s01l_149",
-  "teddy-checkbox-card-group__card-group-label--required": "_teddy-checkbox-card-group__card-group-label--required_1s01l_208"
+  "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"
 };
 const rootClassName = "teddy-checkbox-card-group";
 const RootContext = React.createContext(void 0);

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

@@ -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_1s01l_1",
-  "teddy-checkbox-card-group__card-item": "_teddy-checkbox-card-group__card-item_1s01l_9",
-  "teddy-checkbox-card-group__card-group-label": "_teddy-checkbox-card-group__card-group-label_1s01l_14",
-  "teddy-checkbox-card-group__content-wrapper": "_teddy-checkbox-card-group__content-wrapper_1s01l_14",
-  "teddy-checkbox-card-group__title-wrapper": "_teddy-checkbox-card-group__title-wrapper_1s01l_17",
-  "teddy-checkbox-card-group__illustration": "_teddy-checkbox-card-group__illustration_1s01l_26",
-  "teddy-checkbox-card-group__checkbox-wrapper": "_teddy-checkbox-card-group__checkbox-wrapper_1s01l_29",
-  "teddy-checkbox-card-group__trigger": "_teddy-checkbox-card-group__trigger_1s01l_64",
-  "teddy-checkbox-card-group__indicator": "_teddy-checkbox-card-group__indicator_1s01l_149",
-  "teddy-checkbox-card-group__card-group-label--required": "_teddy-checkbox-card-group__card-group-label--required_1s01l_208"
+  "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"
 };
 const rootClassName = "teddy-checkbox-card-group";
 const RootContext = React__default.createContext(void 0);

package/dist/style.css

@@ -3206,39 +3206,39 @@
 }
 ._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within):not(caption) {
   position: absolute;
-}._teddy-checkbox-card-group_1s01l_1 {
+}._teddy-checkbox-card-group_1mnk2_1 {
   display: flex;
   flex-direction: column;
   gap: var(--teddy-spacing-200);
 }
-._teddy-checkbox-card-group_1s01l_1[data-orientation=horizontal] {
+._teddy-checkbox-card-group_1mnk2_1[data-orientation=horizontal] {
   flex-direction: row;
 }
-._teddy-checkbox-card-group_1s01l_1[data-orientation=horizontal] ._teddy-checkbox-card-group__card-item_1s01l_9 {
+._teddy-checkbox-card-group_1mnk2_1[data-orientation=horizontal] ._teddy-checkbox-card-group__card-item_1mnk2_9 {
   flex: 0 1 auto;
   min-width: 200px;
   max-width: 300px;
 }
-._teddy-checkbox-card-group_1s01l_1[data-direction=right] ._teddy-checkbox-card-group__card-group-label_1s01l_14, ._teddy-checkbox-card-group_1s01l_1[data-direction=right] ._teddy-checkbox-card-group__content-wrapper_1s01l_14 {
+._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 {
   text-align: start;
 }
-._teddy-checkbox-card-group_1s01l_1[data-direction=right] ._teddy-checkbox-card-group__title-wrapper_1s01l_17 {
+._teddy-checkbox-card-group_1mnk2_1[data-direction=right] ._teddy-checkbox-card-group__title-wrapper_1mnk2_17 {
   justify-content: start;
 }
-._teddy-checkbox-card-group_1s01l_1[data-direction=right] ._teddy-checkbox-card-group__content-wrapper_1s01l_14 {
+._teddy-checkbox-card-group_1mnk2_1[data-direction=right] ._teddy-checkbox-card-group__content-wrapper_1mnk2_14 {
   padding-right: calc(24px + var(--teddy-spacing-200));
 }
-._teddy-checkbox-card-group_1s01l_1[data-direction=right] ._teddy-checkbox-card-group__card-item_1s01l_9 {
+._teddy-checkbox-card-group_1mnk2_1[data-direction=right] ._teddy-checkbox-card-group__card-item_1mnk2_9 {
   flex-direction: row;
 }
-._teddy-checkbox-card-group_1s01l_1[data-direction=right] ._teddy-checkbox-card-group__illustration_1s01l_26 {
+._teddy-checkbox-card-group_1mnk2_1[data-direction=right] ._teddy-checkbox-card-group__illustration_1mnk2_26 {
   order: -1;
 }
-._teddy-checkbox-card-group_1s01l_1[data-direction=right] ._teddy-checkbox-card-group__checkbox-wrapper_1s01l_29 {
+._teddy-checkbox-card-group_1mnk2_1[data-direction=right] ._teddy-checkbox-card-group__checkbox-wrapper_1mnk2_29 {
   right: 28px;
   left: auto;
 }
-._teddy-checkbox-card-group__card-item_1s01l_9 {
+._teddy-checkbox-card-group__card-item_1mnk2_9 {
   padding: 0;
   display: flex;
   flex: 1;
@@ -3251,52 +3251,52 @@
   background-color: var(--teddy-color-brand-white);
   color: var(--teddy-color-text-default);
 }
-._teddy-checkbox-card-group__card-item_1s01l_9::before, ._teddy-checkbox-card-group__card-item_1s01l_9::after {
+._teddy-checkbox-card-group__card-item_1mnk2_9::before, ._teddy-checkbox-card-group__card-item_1mnk2_9::after {
   position: absolute;
   inset: 0;
   content: "";
   display: block;
   border-radius: inherit;
 }
-._teddy-checkbox-card-group__card-item_1s01l_9:focus::after {
+._teddy-checkbox-card-group__card-item_1mnk2_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_1s01l_9:focus:not(:focus-visible)::after {
+._teddy-checkbox-card-group__card-item_1mnk2_9:focus:not(:focus-visible)::after {
   opacity: 0;
 }
-._teddy-checkbox-card-group__card-item_1s01l_9:not([data-disabled])[aria-checked=true]::before {
+._teddy-checkbox-card-group__card-item_1mnk2_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_1s01l_9:not([data-disabled])[aria-checked=true] ._teddy-checkbox-card-group__trigger_1s01l_64::after, ._teddy-checkbox-card-group__card-item_1s01l_9:not([data-disabled])[aria-checked=true] ._teddy-checkbox-card-group__trigger_1s01l_64::before {
+._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 {
   opacity: 1;
   border-width: var(--teddy-border-width-xs);
 }
-._teddy-checkbox-card-group__card-item_1s01l_9:not([data-disabled]):hover:not(:active):not([data-state=checked])::before {
+._teddy-checkbox-card-group__card-item_1mnk2_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_1s01l_9:not([data-disabled]):hover:not(:active):not([data-state=checked]) ._teddy-checkbox-card-group__trigger_1s01l_64::after {
+._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 {
   opacity: 1;
 }
-._teddy-checkbox-card-group__card-item_1s01l_9:not([data-disabled]):active:not([aria-checked=true])::before {
+._teddy-checkbox-card-group__card-item_1mnk2_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_1s01l_9:not([data-disabled]):active:not([aria-checked=true]) ._teddy-checkbox-card-group__trigger_1s01l_64::after, ._teddy-checkbox-card-group__card-item_1s01l_9:not([data-disabled]):active:not([aria-checked=true]) ._teddy-checkbox-card-group__trigger_1s01l_64::before {
+._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 {
   opacity: 1;
   background-color: var(--teddy-color-brand-light-purple);
 }
-._teddy-checkbox-card-group__card-item_1s01l_9[data-disabled] {
+._teddy-checkbox-card-group__card-item_1mnk2_9[data-disabled] {
   cursor: default;
   background-color: var(--teddy-color-background-interactive-disabled);
 }
-._teddy-checkbox-card-group__card-item_1s01l_9[data-disabled]:has([aria-checked=true]) {
+._teddy-checkbox-card-group__card-item_1mnk2_9[data-disabled]:has([aria-checked=true]) {
   border-width: var(--teddy-border-width-sm);
 }
-._teddy-checkbox-card-group__card-item_1s01l_9[data-disabled] ._teddy-checkbox-card-group__content-wrapper_1s01l_14 * {
+._teddy-checkbox-card-group__card-item_1mnk2_9[data-disabled] ._teddy-checkbox-card-group__content-wrapper_1mnk2_14 * {
   color: var(--teddy-color-text-weak);
 }
-._teddy-checkbox-card-group__trigger_1s01l_64 {
+._teddy-checkbox-card-group__trigger_1mnk2_64 {
   all: unset;
   flex-shrink: 0;
   cursor: pointer;
@@ -3307,7 +3307,7 @@
   height: var(--teddy-spacing-300);
   position: relative;
 }
-._teddy-checkbox-card-group__trigger_1s01l_64::before, ._teddy-checkbox-card-group__trigger_1s01l_64::after {
+._teddy-checkbox-card-group__trigger_1mnk2_64::before, ._teddy-checkbox-card-group__trigger_1mnk2_64::after {
   content: "";
   position: absolute;
   display: block;
@@ -3320,41 +3320,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_1s01l_64::before, ._teddy-checkbox-card-group__trigger_1s01l_64::after {
+  ._teddy-checkbox-card-group__trigger_1mnk2_64::before, ._teddy-checkbox-card-group__trigger_1mnk2_64::after {
     transition: border-color var(--teddy-motion-duration-150) ease;
   }
 }
-._teddy-checkbox-card-group__trigger_1s01l_64::after {
+._teddy-checkbox-card-group__trigger_1mnk2_64::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_1s01l_64::after {
+  ._teddy-checkbox-card-group__trigger_1mnk2_64::after {
     transition: opacity var(--teddy-motion-duration-150) ease;
   }
 }
-._teddy-checkbox-card-group__trigger_1s01l_64[data-state=checked]::before {
+._teddy-checkbox-card-group__trigger_1mnk2_64[data-state=checked]::before {
   border-color: var(--teddy-color-border-interactive-primary);
 }
-._teddy-checkbox-card-group__trigger_1s01l_64:hover:not(:active):not(._teddy-checkbox-card-group__trigger_1s01l_64[data-state=checked]):not(._teddy-checkbox-card-group__trigger_1s01l_64[data-disabled])::after {
+._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 {
   opacity: 1;
 }
-._teddy-checkbox-card-group__trigger_1s01l_64:active::before {
+._teddy-checkbox-card-group__trigger_1mnk2_64:active::before {
   border-color: var(--teddy-color-border-interactive-subtle-hover);
 }
-._teddy-checkbox-card-group__trigger_1s01l_64[data-disabled] {
+._teddy-checkbox-card-group__trigger_1mnk2_64[data-disabled] {
   cursor: default;
 }
-._teddy-checkbox-card-group__trigger_1s01l_64[data-disabled]::before {
+._teddy-checkbox-card-group__trigger_1mnk2_64[data-disabled]::before {
   background-color: var(--teddy-color-background-interactive-disabled);
   border-color: var(--teddy-color-border-medium);
 }
-._teddy-checkbox-card-group__trigger_1s01l_64[data-disabled][data-state=checked]::before {
+._teddy-checkbox-card-group__trigger_1mnk2_64[data-disabled][data-state=checked]::before {
   background-color: var(--teddy-color-background-primary);
 }
-._teddy-checkbox-card-group__indicator_1s01l_149 {
+._teddy-checkbox-card-group__indicator_1mnk2_149 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3362,7 +3362,7 @@
   height: 100%;
   position: relative;
 }
-._teddy-checkbox-card-group__indicator_1s01l_149::after {
+._teddy-checkbox-card-group__indicator_1mnk2_149::after {
   content: "";
   display: block;
   inset: 0;
@@ -3371,49 +3371,53 @@
   border-radius: var(--teddy-border-radius-xs);
   background-color: var(--teddy-color-background-interactive-primary);
 }
-._teddy-checkbox-card-group__indicator_1s01l_149[data-disabled]::after {
+._teddy-checkbox-card-group__indicator_1mnk2_149[data-disabled]::after {
   background-color: var(--teddy-color-text-weak);
 }
-._teddy-checkbox-card-group__content-wrapper_1s01l_14 {
+._teddy-checkbox-card-group__content-wrapper_1mnk2_14 {
   padding: var(--teddy-spacing-200);
   text-align: start;
   flex: 1;
 }
-._teddy-checkbox-card-group__title-wrapper_1s01l_17 {
+._teddy-checkbox-card-group__title-wrapper_1mnk2_17 {
   justify-content: space-between;
 }
-._teddy-checkbox-card-group__checkbox-wrapper_1s01l_29 {
+._teddy-checkbox-card-group__checkbox-wrapper_1mnk2_29 {
   position: absolute;
   top: 14px;
   z-index: 1;
 }
-._teddy-checkbox-card-group_1s01l_1:not([data-direction=right]) ._teddy-checkbox-card-group__checkbox-wrapper_1s01l_29 {
-  left: 28px;
+._teddy-checkbox-card-group_1mnk2_1:not([data-direction=right]) ._teddy-checkbox-card-group__checkbox-wrapper_1mnk2_29 {
+  left: 20px;
 }
-._teddy-checkbox-card-group_1s01l_1:not([data-direction=right]) ._teddy-checkbox-card-group__card-item_1s01l_9 {
+._teddy-checkbox-card-group_1mnk2_1:not([data-direction=right]) ._teddy-checkbox-card-group__card-item_1mnk2_9 {
   flex-direction: row-reverse;
 }
-._teddy-checkbox-card-group_1s01l_1:not([data-direction=right]) ._teddy-checkbox-card-group__content-wrapper_1s01l_14 {
+._teddy-checkbox-card-group_1mnk2_1:not([data-direction=right]) ._teddy-checkbox-card-group__content-wrapper_1mnk2_14 {
   padding-left: calc(40px + var(--teddy-spacing-200));
 }
-._teddy-checkbox-card-group__illustration_1s01l_26 {
+._teddy-checkbox-card-group_1mnk2_1:not([data-direction=right]) ._teddy-checkbox-card-group__illustration_1mnk2_26 img {
+  border-radius: 0 var(--teddy-border-radius-md) var(--teddy-border-radius-md) 0;
+}
+._teddy-checkbox-card-group__illustration_1mnk2_26 {
   width: var(--teddy-spacing-1000);
   overflow: hidden;
   flex-shrink: 0;
   position: relative;
 }
-._teddy-checkbox-card-group__illustration_1s01l_26 img {
+._teddy-checkbox-card-group__illustration_1mnk2_26 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_1s01l_14 {
+._teddy-checkbox-card-group__card-group-label_1mnk2_14 {
   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_1s01l_208::before {
+._teddy-checkbox-card-group__card-group-label--required_1mnk2_212::before {
   content: "* ";
 }@keyframes _fadeInAnimation_5xbh5_1 {
   0% {

package/package.json

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