@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-
|
|
26
|
-
"teddy-expandable-card__item": "_teddy-expandable-
|
|
27
|
-
"teddy-expandable-card__trigger": "_teddy-expandable-
|
|
28
|
-
"teddy-expandable-card__indicator": "_teddy-expandable-
|
|
29
|
-
"teddy-expandable-card__hidden": "_teddy-expandable-
|
|
30
|
-
"teddy-expandable-card__line": "_teddy-expandable-
|
|
31
|
-
"teddy-expandable-card__content": "_teddy-expandable-
|
|
32
|
-
"teddy-expandable-card__description": "_teddy-expandable-
|
|
33
|
-
"teddy-expandable-card__price": "_teddy-expandable-
|
|
34
|
-
"teddy-expandable-card__header": "_teddy-expandable-
|
|
35
|
-
"teddy-expandable-card__slot": "_teddy-expandable-
|
|
36
|
-
"teddy-expandable-card__slot--bottom": "_teddy-expandable-card__slot--
|
|
37
|
-
"teddy-expandable-card__slot--center": "_teddy-expandable-card__slot--
|
|
38
|
-
"teddy-expandable-card__button--right": "_teddy-expandable-card__button--
|
|
39
|
-
"teddy-expandable-card__button--left": "_teddy-expandable-card__button--
|
|
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-
|
|
7
|
-
"teddy-expandable-card__item": "_teddy-expandable-
|
|
8
|
-
"teddy-expandable-card__trigger": "_teddy-expandable-
|
|
9
|
-
"teddy-expandable-card__indicator": "_teddy-expandable-
|
|
10
|
-
"teddy-expandable-card__hidden": "_teddy-expandable-
|
|
11
|
-
"teddy-expandable-card__line": "_teddy-expandable-
|
|
12
|
-
"teddy-expandable-card__content": "_teddy-expandable-
|
|
13
|
-
"teddy-expandable-card__description": "_teddy-expandable-
|
|
14
|
-
"teddy-expandable-card__price": "_teddy-expandable-
|
|
15
|
-
"teddy-expandable-card__header": "_teddy-expandable-
|
|
16
|
-
"teddy-expandable-card__slot": "_teddy-expandable-
|
|
17
|
-
"teddy-expandable-card__slot--bottom": "_teddy-expandable-card__slot--
|
|
18
|
-
"teddy-expandable-card__slot--center": "_teddy-expandable-card__slot--
|
|
19
|
-
"teddy-expandable-card__button--right": "_teddy-expandable-card__button--
|
|
20
|
-
"teddy-expandable-card__button--left": "_teddy-expandable-card__button--
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
4551
|
+
._teddy-expandable-card__trigger_1qwo3_15 ._teddy-expandable-card__hidden_1qwo3_52 {
|
|
4551
4552
|
width: 100%;
|
|
4552
4553
|
}
|
|
4553
|
-
._teddy-expandable-
|
|
4554
|
+
._teddy-expandable-card__trigger_1qwo3_15[data-state=open] {
|
|
4554
4555
|
padding-bottom: var(--teddy-spacing-0);
|
|
4555
4556
|
}
|
|
4556
|
-
._teddy-expandable-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
4576
|
+
._teddy-expandable-card__description_1qwo3_70 {
|
|
4576
4577
|
flex-direction: row;
|
|
4577
4578
|
}
|
|
4578
4579
|
}
|
|
4579
|
-
._teddy-expandable-
|
|
4580
|
+
._teddy-expandable-card__price_1qwo3_81 {
|
|
4580
4581
|
display: flex;
|
|
4581
4582
|
align-items: center;
|
|
4582
4583
|
}
|
|
4583
|
-
._teddy-expandable-
|
|
4584
|
+
._teddy-expandable-card__header_1qwo3_85 {
|
|
4584
4585
|
display: flex;
|
|
4585
4586
|
width: 100%;
|
|
4586
4587
|
}
|
|
4587
|
-
._teddy-expandable-
|
|
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-
|
|
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--
|
|
4597
|
+
._teddy-expandable-card__slot--bottom_1qwo3_98 {
|
|
4597
4598
|
transform: translateY(50%);
|
|
4598
4599
|
}
|
|
4599
|
-
._teddy-expandable-card__slot--
|
|
4600
|
+
._teddy-expandable-card__slot--center_1qwo3_101 {
|
|
4600
4601
|
transform: translate(-50%, -50%);
|
|
4601
4602
|
}
|
|
4602
|
-
._teddy-expandable-card__slot--
|
|
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-
|
|
4606
|
+
._teddy-expandable-card__content_1qwo3_61 {
|
|
4606
4607
|
overflow: hidden;
|
|
4607
4608
|
padding: var(--teddy-spacing-300);
|
|
4608
4609
|
}
|
|
4609
|
-
._teddy-expandable-
|
|
4610
|
+
._teddy-expandable-card__content_1qwo3_61[data-state=open] {
|
|
4610
4611
|
padding-top: var(--teddy-spacing-200);
|
|
4611
4612
|
}
|
|
4612
|
-
._teddy-expandable-
|
|
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--
|
|
4616
|
+
._teddy-expandable-card__button--right_1qwo3_117 {
|
|
4616
4617
|
float: right;
|
|
4617
4618
|
}
|
|
4618
|
-
._teddy-expandable-card__button--
|
|
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);
|