@telia/teddy 0.7.37 → 0.7.38

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.
@@ -22,21 +22,21 @@ function _interopNamespaceDefault(e) {
22
22
  }
23
23
  const AccordionPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(AccordionPrimitive);
24
24
  const styles = {
25
- "teddy-expandable-card": "_teddy-expandable-card_o9m1o_1",
26
- "teddy-expandable-card__item": "_teddy-expandable-card__item_o9m1o_6",
27
- "teddy-expandable-card__trigger": "_teddy-expandable-card__trigger_o9m1o_15",
28
- "teddy-expandable-card__indicator": "_teddy-expandable-card__indicator_o9m1o_39",
29
- "teddy-expandable-card__hidden": "_teddy-expandable-card__hidden_o9m1o_51",
30
- "teddy-expandable-card__line": "_teddy-expandable-card__line_o9m1o_57",
31
- "teddy-expandable-card__content": "_teddy-expandable-card__content_o9m1o_60",
32
- "teddy-expandable-card__description": "_teddy-expandable-card__description_o9m1o_69",
33
- "teddy-expandable-card__price": "_teddy-expandable-card__price_o9m1o_80",
34
- "teddy-expandable-card__header": "_teddy-expandable-card__header_o9m1o_84",
35
- "teddy-expandable-card__slot": "_teddy-expandable-card__slot_o9m1o_92",
36
- "teddy-expandable-card__slot--bottom": "_teddy-expandable-card__slot--bottom_o9m1o_97",
37
- "teddy-expandable-card__slot--center": "_teddy-expandable-card__slot--center_o9m1o_100",
38
- "teddy-expandable-card__button--right": "_teddy-expandable-card__button--right_o9m1o_116",
39
- "teddy-expandable-card__button--left": "_teddy-expandable-card__button--left_o9m1o_119"
25
+ "teddy-expandable-card": "_teddy-expandable-card_1qwo3_1",
26
+ "teddy-expandable-card__item": "_teddy-expandable-card__item_1qwo3_6",
27
+ "teddy-expandable-card__trigger": "_teddy-expandable-card__trigger_1qwo3_15",
28
+ "teddy-expandable-card__indicator": "_teddy-expandable-card__indicator_1qwo3_40",
29
+ "teddy-expandable-card__hidden": "_teddy-expandable-card__hidden_1qwo3_52",
30
+ "teddy-expandable-card__line": "_teddy-expandable-card__line_1qwo3_58",
31
+ "teddy-expandable-card__content": "_teddy-expandable-card__content_1qwo3_61",
32
+ "teddy-expandable-card__description": "_teddy-expandable-card__description_1qwo3_70",
33
+ "teddy-expandable-card__price": "_teddy-expandable-card__price_1qwo3_81",
34
+ "teddy-expandable-card__header": "_teddy-expandable-card__header_1qwo3_85",
35
+ "teddy-expandable-card__slot": "_teddy-expandable-card__slot_1qwo3_93",
36
+ "teddy-expandable-card__slot--bottom": "_teddy-expandable-card__slot--bottom_1qwo3_98",
37
+ "teddy-expandable-card__slot--center": "_teddy-expandable-card__slot--center_1qwo3_101",
38
+ "teddy-expandable-card__button--right": "_teddy-expandable-card__button--right_1qwo3_117",
39
+ "teddy-expandable-card__button--left": "_teddy-expandable-card__button--left_1qwo3_120"
40
40
  };
41
41
  const rootClassName = "teddy-expandable-card";
42
42
  const Root = React.forwardRef(
@@ -3,21 +3,21 @@ import React__default from "react";
3
3
  import clsx from "clsx";
4
4
  import * as AccordionPrimitive from "@radix-ui/react-accordion";
5
5
  const styles = {
6
- "teddy-expandable-card": "_teddy-expandable-card_o9m1o_1",
7
- "teddy-expandable-card__item": "_teddy-expandable-card__item_o9m1o_6",
8
- "teddy-expandable-card__trigger": "_teddy-expandable-card__trigger_o9m1o_15",
9
- "teddy-expandable-card__indicator": "_teddy-expandable-card__indicator_o9m1o_39",
10
- "teddy-expandable-card__hidden": "_teddy-expandable-card__hidden_o9m1o_51",
11
- "teddy-expandable-card__line": "_teddy-expandable-card__line_o9m1o_57",
12
- "teddy-expandable-card__content": "_teddy-expandable-card__content_o9m1o_60",
13
- "teddy-expandable-card__description": "_teddy-expandable-card__description_o9m1o_69",
14
- "teddy-expandable-card__price": "_teddy-expandable-card__price_o9m1o_80",
15
- "teddy-expandable-card__header": "_teddy-expandable-card__header_o9m1o_84",
16
- "teddy-expandable-card__slot": "_teddy-expandable-card__slot_o9m1o_92",
17
- "teddy-expandable-card__slot--bottom": "_teddy-expandable-card__slot--bottom_o9m1o_97",
18
- "teddy-expandable-card__slot--center": "_teddy-expandable-card__slot--center_o9m1o_100",
19
- "teddy-expandable-card__button--right": "_teddy-expandable-card__button--right_o9m1o_116",
20
- "teddy-expandable-card__button--left": "_teddy-expandable-card__button--left_o9m1o_119"
6
+ "teddy-expandable-card": "_teddy-expandable-card_1qwo3_1",
7
+ "teddy-expandable-card__item": "_teddy-expandable-card__item_1qwo3_6",
8
+ "teddy-expandable-card__trigger": "_teddy-expandable-card__trigger_1qwo3_15",
9
+ "teddy-expandable-card__indicator": "_teddy-expandable-card__indicator_1qwo3_40",
10
+ "teddy-expandable-card__hidden": "_teddy-expandable-card__hidden_1qwo3_52",
11
+ "teddy-expandable-card__line": "_teddy-expandable-card__line_1qwo3_58",
12
+ "teddy-expandable-card__content": "_teddy-expandable-card__content_1qwo3_61",
13
+ "teddy-expandable-card__description": "_teddy-expandable-card__description_1qwo3_70",
14
+ "teddy-expandable-card__price": "_teddy-expandable-card__price_1qwo3_81",
15
+ "teddy-expandable-card__header": "_teddy-expandable-card__header_1qwo3_85",
16
+ "teddy-expandable-card__slot": "_teddy-expandable-card__slot_1qwo3_93",
17
+ "teddy-expandable-card__slot--bottom": "_teddy-expandable-card__slot--bottom_1qwo3_98",
18
+ "teddy-expandable-card__slot--center": "_teddy-expandable-card__slot--center_1qwo3_101",
19
+ "teddy-expandable-card__button--right": "_teddy-expandable-card__button--right_1qwo3_117",
20
+ "teddy-expandable-card__button--left": "_teddy-expandable-card__button--left_1qwo3_120"
21
21
  };
22
22
  const rootClassName = "teddy-expandable-card";
23
23
  const Root = React__default.forwardRef(
package/dist/style.css CHANGED
@@ -4497,12 +4497,12 @@
4497
4497
  ._teddy-ribbon--iconPlacement-center_4vjnf_25 svg {
4498
4498
  align-self: center;
4499
4499
  }
4500
- }._teddy-expandable-card_o9m1o_1 {
4500
+ }._teddy-expandable-card_1qwo3_1 {
4501
4501
  display: flex;
4502
4502
  flex-direction: column;
4503
4503
  gap: var(--teddy-spacing-400);
4504
4504
  }
4505
- ._teddy-expandable-card__item_o9m1o_6 {
4505
+ ._teddy-expandable-card__item_1qwo3_6 {
4506
4506
  width: 100%;
4507
4507
  display: flex;
4508
4508
  flex-direction: column;
@@ -4511,7 +4511,7 @@
4511
4511
  box-shadow: var(--teddy-shadow-sm);
4512
4512
  position: relative;
4513
4513
  }
4514
- ._teddy-expandable-card__trigger_o9m1o_15 {
4514
+ ._teddy-expandable-card__trigger_1qwo3_15 {
4515
4515
  border: unset;
4516
4516
  display: flex;
4517
4517
  flex-direction: column;
@@ -4526,16 +4526,17 @@
4526
4526
  transition-timing-function: var(--teddy-motion-easing-ease-in-out);
4527
4527
  transition-property: background-color, color;
4528
4528
  text-align: start;
4529
+ color: var(--teddy-color-text-default);
4529
4530
  }
4530
- ._teddy-expandable-card__trigger_o9m1o_15:hover {
4531
+ ._teddy-expandable-card__trigger_1qwo3_15:hover {
4531
4532
  background-color: var(--teddy-color-background-interactive-transparent-hover);
4532
4533
  }
4533
4534
  @media (prefers-reduced-motion: no-preference) {
4534
- ._teddy-expandable-card__trigger_o9m1o_15:active {
4535
+ ._teddy-expandable-card__trigger_1qwo3_15:active {
4535
4536
  background-color: var(--teddy-color-background-interactive-transparent-active);
4536
4537
  }
4537
4538
  }
4538
- ._teddy-expandable-card__trigger_o9m1o_15 ._teddy-expandable-card__indicator_o9m1o_39 {
4539
+ ._teddy-expandable-card__trigger_1qwo3_15 ._teddy-expandable-card__indicator_1qwo3_40 {
4539
4540
  flex-shrink: 0;
4540
4541
  transform: rotate(0);
4541
4542
  margin-left: var(--teddy-spacing-100);
@@ -4543,79 +4544,79 @@
4543
4544
  min-height: var(--teddy-spacing-300);
4544
4545
  }
4545
4546
  @media (prefers-reduced-motion: no-preference) {
4546
- ._teddy-expandable-card__trigger_o9m1o_15 ._teddy-expandable-card__indicator_o9m1o_39 {
4547
+ ._teddy-expandable-card__trigger_1qwo3_15 ._teddy-expandable-card__indicator_1qwo3_40 {
4547
4548
  transition: transform var(--teddy-motion-duration-300) var(--teddy-motion-easing-ease-in-out);
4548
4549
  }
4549
4550
  }
4550
- ._teddy-expandable-card__trigger_o9m1o_15 ._teddy-expandable-card__hidden_o9m1o_51 {
4551
+ ._teddy-expandable-card__trigger_1qwo3_15 ._teddy-expandable-card__hidden_1qwo3_52 {
4551
4552
  width: 100%;
4552
4553
  }
4553
- ._teddy-expandable-card__trigger_o9m1o_15[data-state=open] {
4554
+ ._teddy-expandable-card__trigger_1qwo3_15[data-state=open] {
4554
4555
  padding-bottom: var(--teddy-spacing-0);
4555
4556
  }
4556
- ._teddy-expandable-card__trigger_o9m1o_15[data-state=open] ._teddy-expandable-card__line_o9m1o_57 {
4557
+ ._teddy-expandable-card__trigger_1qwo3_15[data-state=open] ._teddy-expandable-card__line_1qwo3_58 {
4557
4558
  margin-bottom: var(--teddy-spacing-0);
4558
4559
  }
4559
- ._teddy-expandable-card__trigger_o9m1o_15[data-state=open] ._teddy-expandable-card__content_o9m1o_60 {
4560
+ ._teddy-expandable-card__trigger_1qwo3_15[data-state=open] ._teddy-expandable-card__content_1qwo3_61 {
4560
4561
  padding-top: var(--teddy-spacing-200);
4561
4562
  }
4562
- ._teddy-expandable-card__trigger_o9m1o_15[data-state=open] ._teddy-expandable-card__indicator_o9m1o_39 {
4563
+ ._teddy-expandable-card__trigger_1qwo3_15[data-state=open] ._teddy-expandable-card__indicator_1qwo3_40 {
4563
4564
  transform: rotate(180deg);
4564
4565
  }
4565
- ._teddy-expandable-card__trigger_o9m1o_15[data-state=open] ._teddy-expandable-card__hidden_o9m1o_51 {
4566
+ ._teddy-expandable-card__trigger_1qwo3_15[data-state=open] ._teddy-expandable-card__hidden_1qwo3_52 {
4566
4567
  display: none;
4567
4568
  }
4568
- ._teddy-expandable-card__description_o9m1o_69 {
4569
+ ._teddy-expandable-card__description_1qwo3_70 {
4569
4570
  display: flex;
4570
4571
  justify-content: space-between;
4571
4572
  flex-grow: 1;
4572
4573
  flex-direction: column;
4573
4574
  }
4574
4575
  @media (min-width: 600px) {
4575
- ._teddy-expandable-card__description_o9m1o_69 {
4576
+ ._teddy-expandable-card__description_1qwo3_70 {
4576
4577
  flex-direction: row;
4577
4578
  }
4578
4579
  }
4579
- ._teddy-expandable-card__price_o9m1o_80 {
4580
+ ._teddy-expandable-card__price_1qwo3_81 {
4580
4581
  display: flex;
4581
4582
  align-items: center;
4582
4583
  }
4583
- ._teddy-expandable-card__header_o9m1o_84 {
4584
+ ._teddy-expandable-card__header_1qwo3_85 {
4584
4585
  display: flex;
4585
4586
  width: 100%;
4586
4587
  }
4587
- ._teddy-expandable-card__line_o9m1o_57 {
4588
+ ._teddy-expandable-card__line_1qwo3_58 {
4588
4589
  border: 0;
4589
4590
  border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
4590
4591
  }
4591
- ._teddy-expandable-card__slot_o9m1o_92 {
4592
+ ._teddy-expandable-card__slot_1qwo3_93 {
4592
4593
  display: flex;
4593
4594
  gap: var(--teddy-spacing-150);
4594
4595
  transform: translateY(-50%);
4595
4596
  }
4596
- ._teddy-expandable-card__slot--bottom_o9m1o_97 {
4597
+ ._teddy-expandable-card__slot--bottom_1qwo3_98 {
4597
4598
  transform: translateY(50%);
4598
4599
  }
4599
- ._teddy-expandable-card__slot--center_o9m1o_100 {
4600
+ ._teddy-expandable-card__slot--center_1qwo3_101 {
4600
4601
  transform: translate(-50%, -50%);
4601
4602
  }
4602
- ._teddy-expandable-card__slot--bottom_o9m1o_97._teddy-expandable-card__slot--center_o9m1o_100 {
4603
+ ._teddy-expandable-card__slot--bottom_1qwo3_98._teddy-expandable-card__slot--center_1qwo3_101 {
4603
4604
  transform: translate(-50%, 50%);
4604
4605
  }
4605
- ._teddy-expandable-card__content_o9m1o_60 {
4606
+ ._teddy-expandable-card__content_1qwo3_61 {
4606
4607
  overflow: hidden;
4607
4608
  padding: var(--teddy-spacing-300);
4608
4609
  }
4609
- ._teddy-expandable-card__content_o9m1o_60[data-state=open] {
4610
+ ._teddy-expandable-card__content_1qwo3_61[data-state=open] {
4610
4611
  padding-top: var(--teddy-spacing-200);
4611
4612
  }
4612
- ._teddy-expandable-card__content_o9m1o_60 > *:not(:first-child) {
4613
+ ._teddy-expandable-card__content_1qwo3_61 > *:not(:first-child) {
4613
4614
  margin-top: var(--teddy-spacing-200);
4614
4615
  }
4615
- ._teddy-expandable-card__button--right_o9m1o_116 {
4616
+ ._teddy-expandable-card__button--right_1qwo3_117 {
4616
4617
  float: right;
4617
4618
  }
4618
- ._teddy-expandable-card__button--left_o9m1o_119 {
4619
+ ._teddy-expandable-card__button--left_1qwo3_120 {
4619
4620
  float: left;
4620
4621
  }._teddy-progress-bar_j1bq2_1 {
4621
4622
  background: var(--teddy-color-transparent-black-100);
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=10"
21
21
  },
22
22
  "private": false,
23
- "version": "0.7.37",
23
+ "version": "0.7.38",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"