@telia/teddy 0.7.31 → 0.7.33

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 (8) hide show
  1. package/dist/components/checkbox-card-group/checkbox-card-group-indicator.cjs +12 -9
  2. package/dist/components/checkbox-card-group/checkbox-card-group-indicator.js +12 -9
  3. package/dist/components/checkbox-card-group/checkbox-card-group-root.cjs +10 -10
  4. package/dist/components/checkbox-card-group/checkbox-card-group-root.js +10 -10
  5. package/dist/components/date-picker/date-picker-day.cjs +8 -12
  6. package/dist/components/date-picker/date-picker-day.js +8 -12
  7. package/dist/style.css +56 -47
  8. package/package.json +1 -1
package/dist/components/checkbox-card-group/checkbox-card-group-indicator.cjs CHANGED
@@ -113,7 +113,6 @@ const Indicator$1 = React.forwardRef(
113
113
  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: forwardRef, className: classes, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(components_checkbox_index.Checkbox, { children: /* @__PURE__ */ jsxRuntime.jsx(
114
114
  components_checkbox_index.Checkbox.Trigger,
115
115
  {
116
- className: components_checkboxCardGroup_checkboxCardGroupRoot.styles[`${components_checkboxCardGroup_checkboxCardGroupRoot.rootClassName}__trigger`],
117
116
  checked,
118
117
  onCheckedChange,
119
118
  disabled
@@ -149,9 +148,19 @@ const Item$2 = React.forwardRef(
149
148
  const handleCardClick = (event) => {
150
149
  if (disabled || !onCheckedChange) return;
151
150
  const target = event.target;
152
- if (target.closest("input, button, a")) return;
151
+ if (target.closest('input, button, a, [role="button"]')) return;
152
+ event.preventDefault();
153
+ event.stopPropagation();
153
154
  onCheckedChange(!checked);
154
155
  };
156
+ const handleKeyDown = (event) => {
157
+ if (disabled || !onCheckedChange) return;
158
+ if (event.key === " " || event.key === "Enter") {
159
+ event.preventDefault();
160
+ event.stopPropagation();
161
+ onCheckedChange(!checked);
162
+ }
163
+ };
155
164
  return /* @__PURE__ */ jsxRuntime.jsxs(
156
165
  "div",
157
166
  {
@@ -165,13 +174,7 @@ const Item$2 = React.forwardRef(
165
174
  onClick: handleCardClick,
166
175
  role: "checkbox",
167
176
  tabIndex: disabled ? -1 : 0,
168
- onKeyDown: (event) => {
169
- if (disabled || !onCheckedChange) return;
170
- if (event.key === " " || event.key === "Enter") {
171
- event.preventDefault();
172
- onCheckedChange(!checked);
173
- }
174
- },
177
+ onKeyDown: handleKeyDown,
175
178
  children: [
176
179
  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,
177
180
  /* @__PURE__ */ jsxRuntime.jsx(Content$2, { children: React.Children.map(children, (child) => {
package/dist/components/checkbox-card-group/checkbox-card-group-indicator.js CHANGED
@@ -92,7 +92,6 @@ const Indicator$1 = React__default.forwardRef(
92
92
  return /* @__PURE__ */ jsx("div", { ref: forwardRef, className: classes, ...props, children: /* @__PURE__ */ jsx(Checkbox, { children: /* @__PURE__ */ jsx(
93
93
  Checkbox.Trigger,
94
94
  {
95
- className: styles$2[`${rootClassName$2}__trigger`],
96
95
  checked,
97
96
  onCheckedChange,
98
97
  disabled
@@ -128,9 +127,19 @@ const Item$2 = React__default.forwardRef(
128
127
  const handleCardClick = (event) => {
129
128
  if (disabled || !onCheckedChange) return;
130
129
  const target = event.target;
131
- if (target.closest("input, button, a")) return;
130
+ if (target.closest('input, button, a, [role="button"]')) return;
131
+ event.preventDefault();
132
+ event.stopPropagation();
132
133
  onCheckedChange(!checked);
133
134
  };
135
+ const handleKeyDown = (event) => {
136
+ if (disabled || !onCheckedChange) return;
137
+ if (event.key === " " || event.key === "Enter") {
138
+ event.preventDefault();
139
+ event.stopPropagation();
140
+ onCheckedChange(!checked);
141
+ }
142
+ };
134
143
  return /* @__PURE__ */ jsxs(
135
144
  "div",
136
145
  {
@@ -144,13 +153,7 @@ const Item$2 = React__default.forwardRef(
144
153
  onClick: handleCardClick,
145
154
  role: "checkbox",
146
155
  tabIndex: disabled ? -1 : 0,
147
- onKeyDown: (event) => {
148
- if (disabled || !onCheckedChange) return;
149
- if (event.key === " " || event.key === "Enter") {
150
- event.preventDefault();
151
- onCheckedChange(!checked);
152
- }
153
- },
156
+ onKeyDown: handleKeyDown,
154
157
  children: [
155
158
  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,
156
159
  /* @__PURE__ */ jsx(Content$2, { children: React__default.Children.map(children, (child) => {
package/dist/components/checkbox-card-group/checkbox-card-group-root.cjs CHANGED
@@ -4,16 +4,16 @@ const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const clsx = require("clsx");
6
6
  const styles = {
7
- "teddy-checkbox-card-group": "_teddy-checkbox-card-group_1mnk2_1",
8
- "teddy-checkbox-card-group__card-item": "_teddy-checkbox-card-group__card-item_1mnk2_9",
9
- "teddy-checkbox-card-group__card-group-label": "_teddy-checkbox-card-group__card-group-label_1mnk2_14",
10
- "teddy-checkbox-card-group__content-wrapper": "_teddy-checkbox-card-group__content-wrapper_1mnk2_14",
11
- "teddy-checkbox-card-group__title-wrapper": "_teddy-checkbox-card-group__title-wrapper_1mnk2_17",
12
- "teddy-checkbox-card-group__illustration": "_teddy-checkbox-card-group__illustration_1mnk2_26",
13
- "teddy-checkbox-card-group__checkbox-wrapper": "_teddy-checkbox-card-group__checkbox-wrapper_1mnk2_29",
14
- "teddy-checkbox-card-group__trigger": "_teddy-checkbox-card-group__trigger_1mnk2_64",
15
- "teddy-checkbox-card-group__indicator": "_teddy-checkbox-card-group__indicator_1mnk2_149",
16
- "teddy-checkbox-card-group__card-group-label--required": "_teddy-checkbox-card-group__card-group-label--required_1mnk2_212"
7
+ "teddy-checkbox-card-group": "_teddy-checkbox-card-group_1034m_1",
8
+ "teddy-checkbox-card-group__card-item": "_teddy-checkbox-card-group__card-item_1034m_9",
9
+ "teddy-checkbox-card-group__trigger": "_teddy-checkbox-card-group__trigger_1034m_14",
10
+ "teddy-checkbox-card-group__indicator": "_teddy-checkbox-card-group__indicator_1034m_14",
11
+ "teddy-checkbox-card-group__card-group-label": "_teddy-checkbox-card-group__card-group-label_1034m_21",
12
+ "teddy-checkbox-card-group__content-wrapper": "_teddy-checkbox-card-group__content-wrapper_1034m_21",
13
+ "teddy-checkbox-card-group__title-wrapper": "_teddy-checkbox-card-group__title-wrapper_1034m_24",
14
+ "teddy-checkbox-card-group__illustration": "_teddy-checkbox-card-group__illustration_1034m_33",
15
+ "teddy-checkbox-card-group__checkbox-wrapper": "_teddy-checkbox-card-group__checkbox-wrapper_1034m_36",
16
+ "teddy-checkbox-card-group__card-group-label--required": "_teddy-checkbox-card-group__card-group-label--required_1034m_221"
17
17
  };
18
18
  const rootClassName = "teddy-checkbox-card-group";
19
19
  const RootContext = React.createContext(void 0);
package/dist/components/checkbox-card-group/checkbox-card-group-root.js CHANGED
@@ -2,16 +2,16 @@ import { jsx } from "react/jsx-runtime";
2
2
  import React__default from "react";
3
3
  import clsx from "clsx";
4
4
  const styles = {
5
- "teddy-checkbox-card-group": "_teddy-checkbox-card-group_1mnk2_1",
6
- "teddy-checkbox-card-group__card-item": "_teddy-checkbox-card-group__card-item_1mnk2_9",
7
- "teddy-checkbox-card-group__card-group-label": "_teddy-checkbox-card-group__card-group-label_1mnk2_14",
8
- "teddy-checkbox-card-group__content-wrapper": "_teddy-checkbox-card-group__content-wrapper_1mnk2_14",
9
- "teddy-checkbox-card-group__title-wrapper": "_teddy-checkbox-card-group__title-wrapper_1mnk2_17",
10
- "teddy-checkbox-card-group__illustration": "_teddy-checkbox-card-group__illustration_1mnk2_26",
11
- "teddy-checkbox-card-group__checkbox-wrapper": "_teddy-checkbox-card-group__checkbox-wrapper_1mnk2_29",
12
- "teddy-checkbox-card-group__trigger": "_teddy-checkbox-card-group__trigger_1mnk2_64",
13
- "teddy-checkbox-card-group__indicator": "_teddy-checkbox-card-group__indicator_1mnk2_149",
14
- "teddy-checkbox-card-group__card-group-label--required": "_teddy-checkbox-card-group__card-group-label--required_1mnk2_212"
5
+ "teddy-checkbox-card-group": "_teddy-checkbox-card-group_1034m_1",
6
+ "teddy-checkbox-card-group__card-item": "_teddy-checkbox-card-group__card-item_1034m_9",
7
+ "teddy-checkbox-card-group__trigger": "_teddy-checkbox-card-group__trigger_1034m_14",
8
+ "teddy-checkbox-card-group__indicator": "_teddy-checkbox-card-group__indicator_1034m_14",
9
+ "teddy-checkbox-card-group__card-group-label": "_teddy-checkbox-card-group__card-group-label_1034m_21",
10
+ "teddy-checkbox-card-group__content-wrapper": "_teddy-checkbox-card-group__content-wrapper_1034m_21",
11
+ "teddy-checkbox-card-group__title-wrapper": "_teddy-checkbox-card-group__title-wrapper_1034m_24",
12
+ "teddy-checkbox-card-group__illustration": "_teddy-checkbox-card-group__illustration_1034m_33",
13
+ "teddy-checkbox-card-group__checkbox-wrapper": "_teddy-checkbox-card-group__checkbox-wrapper_1034m_36",
14
+ "teddy-checkbox-card-group__card-group-label--required": "_teddy-checkbox-card-group__card-group-label--required_1034m_221"
15
15
  };
16
16
  const rootClassName = "teddy-checkbox-card-group";
17
17
  const RootContext = React__default.createContext(void 0);
package/dist/components/date-picker/date-picker-day.cjs CHANGED
@@ -32,18 +32,14 @@ const DatePickerDay = ({
32
32
  }
33
33
  }, [isFocused, buttonRef]);
34
34
  let dayClass = components_datePicker_css.css("__day");
35
- if (isDisabled) {
36
- dayClass += " " + components_datePicker_css.css("is-disabled");
37
- } else {
38
- if (isToday) {
39
- dayClass += " " + components_datePicker_css.css("is-today");
40
- }
41
- if (isMonth) {
42
- dayClass += " " + components_datePicker_css.css("is-month");
43
- }
44
- if (isFocused) {
45
- dayClass += " " + components_datePicker_css.css("is-focused");
46
- }
35
+ if (isToday) {
36
+ dayClass += " " + components_datePicker_css.css("is-today");
37
+ }
38
+ if (isMonth) {
39
+ dayClass += " " + components_datePicker_css.css("is-month");
40
+ }
41
+ if (isFocused) {
42
+ dayClass += " " + components_datePicker_css.css("is-focused");
47
43
  }
48
44
  return /* @__PURE__ */ jsxRuntime.jsxs(
49
45
  "button",
package/dist/components/date-picker/date-picker-day.js CHANGED
@@ -30,18 +30,14 @@ const DatePickerDay = ({
30
30
  }
31
31
  }, [isFocused, buttonRef]);
32
32
  let dayClass = css("__day");
33
- if (isDisabled) {
34
- dayClass += " " + css("is-disabled");
35
- } else {
36
- if (isToday) {
37
- dayClass += " " + css("is-today");
38
- }
39
- if (isMonth) {
40
- dayClass += " " + css("is-month");
41
- }
42
- if (isFocused) {
43
- dayClass += " " + css("is-focused");
44
- }
33
+ if (isToday) {
34
+ dayClass += " " + css("is-today");
35
+ }
36
+ if (isMonth) {
37
+ dayClass += " " + css("is-month");
38
+ }
39
+ if (isFocused) {
40
+ dayClass += " " + css("is-focused");
45
41
  }
46
42
  return /* @__PURE__ */ jsxs(
47
43
  "button",
package/dist/style.css CHANGED
@@ -3206,39 +3206,46 @@
3206
3206
  }
3207
3207
  ._teddy-visually-hidden--focusable_15nus_15:not(:focus):not(:focus-within):not(caption) {
3208
3208
  position: absolute;
3209
- }._teddy-checkbox-card-group_1mnk2_1 {
3209
+ }._teddy-checkbox-card-group_1034m_1 {
3210
3210
  display: flex;
3211
3211
  flex-direction: column;
3212
3212
  gap: var(--teddy-spacing-200);
3213
3213
  }
3214
- ._teddy-checkbox-card-group_1mnk2_1[data-orientation=horizontal] {
3214
+ ._teddy-checkbox-card-group_1034m_1[data-orientation=horizontal] {
3215
3215
  flex-direction: row;
3216
3216
  }
3217
- ._teddy-checkbox-card-group_1mnk2_1[data-orientation=horizontal] ._teddy-checkbox-card-group__card-item_1mnk2_9 {
3217
+ ._teddy-checkbox-card-group_1034m_1[data-orientation=horizontal] ._teddy-checkbox-card-group__card-item_1034m_9 {
3218
3218
  flex: 0 1 auto;
3219
3219
  min-width: 200px;
3220
3220
  max-width: 300px;
3221
3221
  }
3222
- ._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 {
3222
+ ._teddy-checkbox-card-group_1034m_1 ._teddy-checkbox-card-group__trigger_1034m_14[data-state=checked] ._teddy-checkbox-card-group__indicator_1034m_14 {
3223
+ opacity: 1;
3224
+ }
3225
+ ._teddy-checkbox-card-group_1034m_1 ._teddy-checkbox-card-group__indicator_1034m_14 {
3226
+ opacity: 0;
3227
+ transition: opacity var(--teddy-motion-duration-150) ease;
3228
+ }
3229
+ ._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 {
3223
3230
  text-align: start;
3224
3231
  }
3225
- ._teddy-checkbox-card-group_1mnk2_1[data-direction=right] ._teddy-checkbox-card-group__title-wrapper_1mnk2_17 {
3232
+ ._teddy-checkbox-card-group_1034m_1[data-direction=right] ._teddy-checkbox-card-group__title-wrapper_1034m_24 {
3226
3233
  justify-content: start;
3227
3234
  }
3228
- ._teddy-checkbox-card-group_1mnk2_1[data-direction=right] ._teddy-checkbox-card-group__content-wrapper_1mnk2_14 {
3235
+ ._teddy-checkbox-card-group_1034m_1[data-direction=right] ._teddy-checkbox-card-group__content-wrapper_1034m_21 {
3229
3236
  padding-right: calc(24px + var(--teddy-spacing-200));
3230
3237
  }
3231
- ._teddy-checkbox-card-group_1mnk2_1[data-direction=right] ._teddy-checkbox-card-group__card-item_1mnk2_9 {
3238
+ ._teddy-checkbox-card-group_1034m_1[data-direction=right] ._teddy-checkbox-card-group__card-item_1034m_9 {
3232
3239
  flex-direction: row;
3233
3240
  }
3234
- ._teddy-checkbox-card-group_1mnk2_1[data-direction=right] ._teddy-checkbox-card-group__illustration_1mnk2_26 {
3241
+ ._teddy-checkbox-card-group_1034m_1[data-direction=right] ._teddy-checkbox-card-group__illustration_1034m_33 {
3235
3242
  order: -1;
3236
3243
  }
3237
- ._teddy-checkbox-card-group_1mnk2_1[data-direction=right] ._teddy-checkbox-card-group__checkbox-wrapper_1mnk2_29 {
3244
+ ._teddy-checkbox-card-group_1034m_1[data-direction=right] ._teddy-checkbox-card-group__checkbox-wrapper_1034m_36 {
3238
3245
  right: 28px;
3239
3246
  left: auto;
3240
3247
  }
3241
- ._teddy-checkbox-card-group__card-item_1mnk2_9 {
3248
+ ._teddy-checkbox-card-group__card-item_1034m_9 {
3242
3249
  padding: 0;
3243
3250
  display: flex;
3244
3251
  flex: 1;
@@ -3251,52 +3258,52 @@
3251
3258
  background-color: var(--teddy-color-brand-white);
3252
3259
  color: var(--teddy-color-text-default);
3253
3260
  }
3254
- ._teddy-checkbox-card-group__card-item_1mnk2_9::before, ._teddy-checkbox-card-group__card-item_1mnk2_9::after {
3261
+ ._teddy-checkbox-card-group__card-item_1034m_9::before, ._teddy-checkbox-card-group__card-item_1034m_9::after {
3255
3262
  position: absolute;
3256
3263
  inset: 0;
3257
3264
  content: "";
3258
3265
  display: block;
3259
3266
  border-radius: inherit;
3260
3267
  }
3261
- ._teddy-checkbox-card-group__card-item_1mnk2_9:focus::after {
3268
+ ._teddy-checkbox-card-group__card-item_1034m_9:focus::after {
3262
3269
  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
3263
3270
  outline-offset: var(--teddy-spacing-50);
3264
3271
  opacity: 1;
3265
3272
  }
3266
- ._teddy-checkbox-card-group__card-item_1mnk2_9:focus:not(:focus-visible)::after {
3273
+ ._teddy-checkbox-card-group__card-item_1034m_9:focus:not(:focus-visible)::after {
3267
3274
  opacity: 0;
3268
3275
  }
3269
- ._teddy-checkbox-card-group__card-item_1mnk2_9:not([data-disabled])[aria-checked=true]::before {
3276
+ ._teddy-checkbox-card-group__card-item_1034m_9:not([data-disabled])[aria-checked=true]::before {
3270
3277
  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
3271
3278
  }
3272
- ._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 {
3279
+ ._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 {
3273
3280
  opacity: 1;
3274
3281
  border-width: var(--teddy-border-width-xs);
3275
3282
  }
3276
- ._teddy-checkbox-card-group__card-item_1mnk2_9:not([data-disabled]):hover:not(:active):not([data-state=checked])::before {
3283
+ ._teddy-checkbox-card-group__card-item_1034m_9:not([data-disabled]):hover:not(:active):not([data-state=checked])::before {
3277
3284
  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
3278
3285
  }
3279
- ._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 {
3286
+ ._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 {
3280
3287
  opacity: 1;
3281
3288
  }
3282
- ._teddy-checkbox-card-group__card-item_1mnk2_9:not([data-disabled]):active:not([aria-checked=true])::before {
3289
+ ._teddy-checkbox-card-group__card-item_1034m_9:not([data-disabled]):active:not([aria-checked=true])::before {
3283
3290
  outline: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
3284
3291
  }
3285
- ._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 {
3292
+ ._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 {
3286
3293
  opacity: 1;
3287
3294
  background-color: var(--teddy-color-brand-light-purple);
3288
3295
  }
3289
- ._teddy-checkbox-card-group__card-item_1mnk2_9[data-disabled] {
3296
+ ._teddy-checkbox-card-group__card-item_1034m_9[data-disabled] {
3290
3297
  cursor: default;
3291
3298
  background-color: var(--teddy-color-background-interactive-disabled);
3292
3299
  }
3293
- ._teddy-checkbox-card-group__card-item_1mnk2_9[data-disabled]:has([aria-checked=true]) {
3300
+ ._teddy-checkbox-card-group__card-item_1034m_9[data-disabled]:has([aria-checked=true]) {
3294
3301
  border-width: var(--teddy-border-width-sm);
3295
3302
  }
3296
- ._teddy-checkbox-card-group__card-item_1mnk2_9[data-disabled] ._teddy-checkbox-card-group__content-wrapper_1mnk2_14 * {
3303
+ ._teddy-checkbox-card-group__card-item_1034m_9[data-disabled] ._teddy-checkbox-card-group__content-wrapper_1034m_21 * {
3297
3304
  color: var(--teddy-color-text-weak);
3298
3305
  }
3299
- ._teddy-checkbox-card-group__trigger_1mnk2_64 {
3306
+ ._teddy-checkbox-card-group__trigger_1034m_14 {
3300
3307
  all: unset;
3301
3308
  flex-shrink: 0;
3302
3309
  cursor: pointer;
@@ -3307,8 +3314,9 @@
3307
3314
  height: var(--teddy-spacing-300);
3308
3315
  position: relative;
3309
3316
  }
3310
- ._teddy-checkbox-card-group__trigger_1mnk2_64::before, ._teddy-checkbox-card-group__trigger_1mnk2_64::after {
3317
+ ._teddy-checkbox-card-group__trigger_1034m_14::before, ._teddy-checkbox-card-group__trigger_1034m_14::after {
3311
3318
  content: "";
3319
+ z-index: 1;
3312
3320
  position: absolute;
3313
3321
  display: block;
3314
3322
  width: var(--teddy-spacing-300);
@@ -3320,41 +3328,41 @@
3320
3328
  border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-subtle);
3321
3329
  }
3322
3330
  @media (prefers-reduced-motion: no-preference) {
3323
- ._teddy-checkbox-card-group__trigger_1mnk2_64::before, ._teddy-checkbox-card-group__trigger_1mnk2_64::after {
3331
+ ._teddy-checkbox-card-group__trigger_1034m_14::before, ._teddy-checkbox-card-group__trigger_1034m_14::after {
3324
3332
  transition: border-color var(--teddy-motion-duration-150) ease;
3325
3333
  }
3326
3334
  }
3327
- ._teddy-checkbox-card-group__trigger_1mnk2_64::after {
3335
+ ._teddy-checkbox-card-group__trigger_1034m_14::after {
3328
3336
  opacity: 0;
3329
3337
  background-color: transparent;
3330
3338
  border-color: var(--teddy-color-border-interactive-subtle-hover);
3331
3339
  border-width: var(--teddy-border-width-sm);
3332
3340
  }
3333
3341
  @media (prefers-reduced-motion: no-preference) {
3334
- ._teddy-checkbox-card-group__trigger_1mnk2_64::after {
3342
+ ._teddy-checkbox-card-group__trigger_1034m_14::after {
3335
3343
  transition: opacity var(--teddy-motion-duration-150) ease;
3336
3344
  }
3337
3345
  }
3338
- ._teddy-checkbox-card-group__trigger_1mnk2_64[data-state=checked]::before {
3346
+ ._teddy-checkbox-card-group__trigger_1034m_14[data-state=checked]::before {
3339
3347
  border-color: var(--teddy-color-border-interactive-primary);
3340
3348
  }
3341
- ._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 {
3349
+ ._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 {
3342
3350
  opacity: 1;
3343
3351
  }
3344
- ._teddy-checkbox-card-group__trigger_1mnk2_64:active::before {
3352
+ ._teddy-checkbox-card-group__trigger_1034m_14:active::before {
3345
3353
  border-color: var(--teddy-color-border-interactive-subtle-hover);
3346
3354
  }
3347
- ._teddy-checkbox-card-group__trigger_1mnk2_64[data-disabled] {
3355
+ ._teddy-checkbox-card-group__trigger_1034m_14[data-disabled] {
3348
3356
  cursor: default;
3349
3357
  }
3350
- ._teddy-checkbox-card-group__trigger_1mnk2_64[data-disabled]::before {
3358
+ ._teddy-checkbox-card-group__trigger_1034m_14[data-disabled]::before {
3351
3359
  background-color: var(--teddy-color-background-interactive-disabled);
3352
3360
  border-color: var(--teddy-color-border-medium);
3353
3361
  }
3354
- ._teddy-checkbox-card-group__trigger_1mnk2_64[data-disabled][data-state=checked]::before {
3362
+ ._teddy-checkbox-card-group__trigger_1034m_14[data-disabled][data-state=checked]::before {
3355
3363
  background-color: var(--teddy-color-background-primary);
3356
3364
  }
3357
- ._teddy-checkbox-card-group__indicator_1mnk2_149 {
3365
+ ._teddy-checkbox-card-group__indicator_1034m_14 {
3358
3366
  display: flex;
3359
3367
  align-items: center;
3360
3368
  justify-content: center;
@@ -3362,7 +3370,7 @@
3362
3370
  height: 100%;
3363
3371
  position: relative;
3364
3372
  }
3365
- ._teddy-checkbox-card-group__indicator_1mnk2_149::after {
3373
+ ._teddy-checkbox-card-group__indicator_1034m_14::after {
3366
3374
  content: "";
3367
3375
  display: block;
3368
3376
  inset: 0;
@@ -3370,54 +3378,55 @@
3370
3378
  height: var(--teddy-spacing-200);
3371
3379
  border-radius: var(--teddy-border-radius-xs);
3372
3380
  background-color: var(--teddy-color-background-interactive-primary);
3381
+ z-index: 2;
3373
3382
  }
3374
- ._teddy-checkbox-card-group__indicator_1mnk2_149[data-disabled]::after {
3383
+ ._teddy-checkbox-card-group__indicator_1034m_14[data-disabled]::after {
3375
3384
  background-color: var(--teddy-color-text-weak);
3376
3385
  }
3377
- ._teddy-checkbox-card-group__content-wrapper_1mnk2_14 {
3386
+ ._teddy-checkbox-card-group__content-wrapper_1034m_21 {
3378
3387
  padding: var(--teddy-spacing-200);
3379
3388
  text-align: start;
3380
3389
  flex: 1;
3381
3390
  }
3382
- ._teddy-checkbox-card-group__title-wrapper_1mnk2_17 {
3391
+ ._teddy-checkbox-card-group__title-wrapper_1034m_24 {
3383
3392
  justify-content: space-between;
3384
3393
  }
3385
- ._teddy-checkbox-card-group__checkbox-wrapper_1mnk2_29 {
3394
+ ._teddy-checkbox-card-group__checkbox-wrapper_1034m_36 {
3386
3395
  position: absolute;
3387
3396
  top: 14px;
3388
3397
  z-index: 1;
3389
3398
  }
3390
- ._teddy-checkbox-card-group_1mnk2_1:not([data-direction=right]) ._teddy-checkbox-card-group__checkbox-wrapper_1mnk2_29 {
3399
+ ._teddy-checkbox-card-group_1034m_1:not([data-direction=right]) ._teddy-checkbox-card-group__checkbox-wrapper_1034m_36 {
3391
3400
  left: 20px;
3392
3401
  }
3393
- ._teddy-checkbox-card-group_1mnk2_1:not([data-direction=right]) ._teddy-checkbox-card-group__card-item_1mnk2_9 {
3402
+ ._teddy-checkbox-card-group_1034m_1:not([data-direction=right]) ._teddy-checkbox-card-group__card-item_1034m_9 {
3394
3403
  flex-direction: row-reverse;
3395
3404
  }
3396
- ._teddy-checkbox-card-group_1mnk2_1:not([data-direction=right]) ._teddy-checkbox-card-group__content-wrapper_1mnk2_14 {
3405
+ ._teddy-checkbox-card-group_1034m_1:not([data-direction=right]) ._teddy-checkbox-card-group__content-wrapper_1034m_21 {
3397
3406
  padding-left: calc(40px + var(--teddy-spacing-200));
3398
3407
  }
3399
- ._teddy-checkbox-card-group_1mnk2_1:not([data-direction=right]) ._teddy-checkbox-card-group__illustration_1mnk2_26 img {
3408
+ ._teddy-checkbox-card-group_1034m_1:not([data-direction=right]) ._teddy-checkbox-card-group__illustration_1034m_33 img {
3400
3409
  border-radius: 0 var(--teddy-border-radius-md) var(--teddy-border-radius-md) 0;
3401
3410
  }
3402
- ._teddy-checkbox-card-group__illustration_1mnk2_26 {
3411
+ ._teddy-checkbox-card-group__illustration_1034m_33 {
3403
3412
  width: var(--teddy-spacing-1000);
3404
3413
  overflow: hidden;
3405
3414
  flex-shrink: 0;
3406
3415
  position: relative;
3407
3416
  }
3408
- ._teddy-checkbox-card-group__illustration_1mnk2_26 img {
3417
+ ._teddy-checkbox-card-group__illustration_1034m_33 img {
3409
3418
  width: 100%;
3410
3419
  height: 100%;
3411
3420
  object-fit: cover;
3412
3421
  border-radius: var(--teddy-border-radius-md) 0 0 var(--teddy-border-radius-md);
3413
3422
  }
3414
- ._teddy-checkbox-card-group__card-group-label_1mnk2_14 {
3423
+ ._teddy-checkbox-card-group__card-group-label_1034m_21 {
3415
3424
  margin: 0 0 var(--teddy-spacing-150);
3416
3425
  font-weight: var(--teddy-typography-weight-medium);
3417
3426
  font-size: var(--teddy-typography-scale-100);
3418
3427
  position: relative;
3419
3428
  }
3420
- ._teddy-checkbox-card-group__card-group-label--required_1mnk2_212::before {
3429
+ ._teddy-checkbox-card-group__card-group-label--required_1034m_221::before {
3421
3430
  content: "* ";
3422
3431
  }@keyframes _fadeInAnimation_5xbh5_1 {
3423
3432
  0% {
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=10"
21
21
  },
22
22
  "private": false,
23
- "version": "0.7.31",
23
+ "version": "0.7.33",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"