@telia/teddy 0.1.21 → 0.1.23
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.
- package/dist/components/card/card.cjs +52 -52
- package/dist/components/card/card.js +52 -52
- package/dist/components/navigation-menu/global-navigation/global-navigation-root.d.ts +2 -1
- package/dist/components/navigation-menu/global-navigation/utils.cjs +10 -10
- package/dist/components/navigation-menu/global-navigation/utils.d.ts +18 -18
- package/dist/components/navigation-menu/global-navigation/utils.js +10 -10
- package/dist/components/radio-card-group/radio-card-group-item-title.cjs +49 -58
- package/dist/components/radio-card-group/radio-card-group-item-title.js +49 -58
- package/dist/style.css +122 -116
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -2565,32 +2565,32 @@
|
|
|
2565
2565
|
}
|
|
2566
2566
|
}@layer heading, flex, grid, button, card;
|
|
2567
2567
|
@layer card {
|
|
2568
|
-
._teddy-
|
|
2568
|
+
._teddy-card_imrpk_3 {
|
|
2569
2569
|
border-radius: var(--teddy-border-radius-md);
|
|
2570
2570
|
padding: var(--teddy-spacing-250);
|
|
2571
2571
|
position: relative;
|
|
2572
2572
|
}
|
|
2573
2573
|
@media (prefers-reduced-motion: no-preference) {
|
|
2574
|
-
._teddy-
|
|
2574
|
+
._teddy-card_imrpk_3 {
|
|
2575
2575
|
transition: background-color var(--teddy-motion-duration-300) ease;
|
|
2576
2576
|
}
|
|
2577
2577
|
}
|
|
2578
|
-
._teddy-
|
|
2578
|
+
._teddy-card__slot_imrpk_13 {
|
|
2579
2579
|
transform: translateY(-50%);
|
|
2580
2580
|
}
|
|
2581
|
-
._teddy-card__slot--
|
|
2581
|
+
._teddy-card__slot--bottom_imrpk_16 {
|
|
2582
2582
|
transform: translateY(50%);
|
|
2583
2583
|
}
|
|
2584
|
-
._teddy-card__slot--
|
|
2584
|
+
._teddy-card__slot--center_imrpk_19 {
|
|
2585
2585
|
transform: translate(-50%, -50%);
|
|
2586
2586
|
}
|
|
2587
|
-
._teddy-card__slot--
|
|
2587
|
+
._teddy-card__slot--bottom_imrpk_16._teddy-card__slot--center_imrpk_19 {
|
|
2588
2588
|
transform: translate(-50%, 50%);
|
|
2589
2589
|
}
|
|
2590
|
-
._teddy-card__slot--no-
|
|
2590
|
+
._teddy-card__slot--no-translate_imrpk_25 {
|
|
2591
2591
|
transform: initial;
|
|
2592
2592
|
}
|
|
2593
|
-
._teddy-
|
|
2593
|
+
._teddy-card_imrpk_3::before {
|
|
2594
2594
|
content: "";
|
|
2595
2595
|
display: block;
|
|
2596
2596
|
position: absolute;
|
|
@@ -2601,95 +2601,95 @@
|
|
|
2601
2601
|
box-shadow: var(--teddy-shadow-sm);
|
|
2602
2602
|
}
|
|
2603
2603
|
@media (prefers-reduced-motion: no-preference) {
|
|
2604
|
-
._teddy-
|
|
2604
|
+
._teddy-card_imrpk_3::before {
|
|
2605
2605
|
transition: var(--teddy-motion-duration-300) ease;
|
|
2606
2606
|
transition-property: opacity, box-shadow;
|
|
2607
2607
|
}
|
|
2608
2608
|
}
|
|
2609
|
-
._teddy-card--
|
|
2609
|
+
._teddy-card--shadow_imrpk_44::before {
|
|
2610
2610
|
opacity: 1;
|
|
2611
2611
|
}
|
|
2612
|
-
._teddy-
|
|
2612
|
+
._teddy-card_imrpk_3:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2613
2613
|
cursor: pointer;
|
|
2614
2614
|
}
|
|
2615
|
-
._teddy-
|
|
2615
|
+
._teddy-card_imrpk_3:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47))::before {
|
|
2616
2616
|
opacity: 1;
|
|
2617
2617
|
box-shadow: var(--teddy-shadow-md);
|
|
2618
2618
|
}
|
|
2619
|
-
._teddy-card--
|
|
2619
|
+
._teddy-card--border_imrpk_54 {
|
|
2620
2620
|
border: var(--teddy-border-width-xs) solid transparent;
|
|
2621
2621
|
}
|
|
2622
|
-
._teddy-card--
|
|
2622
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__illustration_imrpk_57 {
|
|
2623
2623
|
grid-area: illustration;
|
|
2624
2624
|
}
|
|
2625
|
-
._teddy-card--
|
|
2625
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__carousel_imrpk_60 {
|
|
2626
2626
|
grid-area: carousel;
|
|
2627
2627
|
}
|
|
2628
|
-
._teddy-card--
|
|
2628
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__content_imrpk_63 {
|
|
2629
2629
|
grid-area: content;
|
|
2630
2630
|
}
|
|
2631
|
-
._teddy-card--
|
|
2631
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__heading_imrpk_66 {
|
|
2632
2632
|
grid-area: heading;
|
|
2633
2633
|
}
|
|
2634
|
-
._teddy-card--
|
|
2634
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__action-wrapper_imrpk_69 {
|
|
2635
2635
|
grid-area: action;
|
|
2636
2636
|
}
|
|
2637
|
-
._teddy-card--
|
|
2637
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__footer_imrpk_72 {
|
|
2638
2638
|
grid-area: footer;
|
|
2639
2639
|
}
|
|
2640
|
-
._teddy-card--
|
|
2640
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__overline_imrpk_75 {
|
|
2641
2641
|
grid-area: overline;
|
|
2642
2642
|
}
|
|
2643
|
-
._teddy-card--
|
|
2643
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__description_imrpk_78 {
|
|
2644
2644
|
grid-area: description;
|
|
2645
2645
|
}
|
|
2646
|
-
._teddy-card--
|
|
2646
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__color-dots_imrpk_81 {
|
|
2647
2647
|
grid-area: colors;
|
|
2648
2648
|
}
|
|
2649
|
-
._teddy-card--
|
|
2649
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__availability_imrpk_84 {
|
|
2650
2650
|
grid-area: availability;
|
|
2651
2651
|
}
|
|
2652
|
-
._teddy-card--
|
|
2652
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__price_imrpk_87 {
|
|
2653
2653
|
grid-area: price;
|
|
2654
2654
|
}
|
|
2655
|
-
._teddy-card--
|
|
2655
|
+
._teddy-card--default_imrpk_90 {
|
|
2656
2656
|
display: flex;
|
|
2657
2657
|
flex-direction: column;
|
|
2658
2658
|
gap: var(--teddy-spacing-200);
|
|
2659
2659
|
}
|
|
2660
|
-
._teddy-card--navigation-
|
|
2660
|
+
._teddy-card--navigation-vertical_imrpk_95 {
|
|
2661
2661
|
grid-template-rows: auto auto 1fr auto;
|
|
2662
2662
|
justify-items: start;
|
|
2663
2663
|
justify-content: stretch;
|
|
2664
2664
|
align-items: baseline;
|
|
2665
2665
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
2666
2666
|
}
|
|
2667
|
-
._teddy-card--navigation-
|
|
2667
|
+
._teddy-card--navigation-vertical_imrpk_95 ._teddy-card__illustration_imrpk_57 {
|
|
2668
2668
|
margin-bottom: var(--teddy-spacing-200);
|
|
2669
2669
|
}
|
|
2670
|
-
._teddy-card--navigation-
|
|
2670
|
+
._teddy-card--navigation-vertical_imrpk_95 ._teddy-card__content_imrpk_63 {
|
|
2671
2671
|
margin-bottom: var(--teddy-spacing-200);
|
|
2672
2672
|
}
|
|
2673
|
-
._teddy-card--navigation-
|
|
2673
|
+
._teddy-card--navigation-vertical_imrpk_95 ._teddy-card__heading_imrpk_66 {
|
|
2674
2674
|
margin-bottom: var(--teddy-spacing-100);
|
|
2675
2675
|
}
|
|
2676
|
-
._teddy-card--navigation-
|
|
2676
|
+
._teddy-card--navigation-vertical_imrpk_95 ._teddy-card__action-wrapper_imrpk_69 {
|
|
2677
2677
|
margin-top: auto;
|
|
2678
2678
|
justify-self: end;
|
|
2679
2679
|
}
|
|
2680
|
-
._teddy-card--navigation-horizontal-
|
|
2680
|
+
._teddy-card--navigation-horizontal-small_imrpk_115 {
|
|
2681
2681
|
grid-template-columns: auto 1fr auto;
|
|
2682
2682
|
grid-template-rows: auto 1fr;
|
|
2683
2683
|
grid-template-areas: "illustration heading action" "illustration content action";
|
|
2684
2684
|
column-gap: var(--teddy-spacing-200);
|
|
2685
2685
|
}
|
|
2686
|
-
._teddy-card--navigation-horizontal-
|
|
2686
|
+
._teddy-card--navigation-horizontal-small_imrpk_115 ._teddy-card__heading_imrpk_66 {
|
|
2687
2687
|
margin-bottom: var(--teddy-spacing-100);
|
|
2688
2688
|
}
|
|
2689
|
-
._teddy-card--navigation-horizontal-
|
|
2689
|
+
._teddy-card--navigation-horizontal-small_imrpk_115 ._teddy-card__action-wrapper_imrpk_69 {
|
|
2690
2690
|
margin-top: auto;
|
|
2691
2691
|
}
|
|
2692
|
-
._teddy-card--navigation-horizontal-small-
|
|
2692
|
+
._teddy-card--navigation-horizontal-small-centered_imrpk_127 {
|
|
2693
2693
|
width: 100%;
|
|
2694
2694
|
max-width: 26rem;
|
|
2695
2695
|
grid-template-columns: auto 1fr auto;
|
|
@@ -2698,176 +2698,176 @@
|
|
|
2698
2698
|
align-items: center;
|
|
2699
2699
|
column-gap: var(--teddy-spacing-200);
|
|
2700
2700
|
}
|
|
2701
|
-
._teddy-card--navigation-horizontal-small-
|
|
2701
|
+
._teddy-card--navigation-horizontal-small-centered_imrpk_127 ._teddy-card__content_imrpk_63 {
|
|
2702
2702
|
margin-top: var(--teddy-spacing-200);
|
|
2703
2703
|
}
|
|
2704
|
-
._teddy-card--navigation-horizontal-small-
|
|
2704
|
+
._teddy-card--navigation-horizontal-small-centered_imrpk_127 ._teddy-card__action-wrapper_imrpk_69 {
|
|
2705
2705
|
margin: 0;
|
|
2706
2706
|
}
|
|
2707
|
-
._teddy-card--navigation-horizontal-small-
|
|
2707
|
+
._teddy-card--navigation-horizontal-small-centered_imrpk_127 ._teddy-card__illustration_imrpk_57 {
|
|
2708
2708
|
max-height: 80px;
|
|
2709
2709
|
max-width: 100px;
|
|
2710
2710
|
}
|
|
2711
|
-
._teddy-card--navigation-horizontal-small-
|
|
2711
|
+
._teddy-card--navigation-horizontal-small-centered_imrpk_127 ._teddy-card__illustration_imrpk_57 img {
|
|
2712
2712
|
object-fit: contain;
|
|
2713
2713
|
}
|
|
2714
|
-
._teddy-card--navigation-horizontal-
|
|
2714
|
+
._teddy-card--navigation-horizontal-large_imrpk_149 {
|
|
2715
2715
|
grid-template-columns: 1fr auto;
|
|
2716
2716
|
grid-template-rows: auto auto 1fr;
|
|
2717
2717
|
grid-template-areas: "illustration action" "heading action" "content action";
|
|
2718
2718
|
column-gap: var(--teddy-spacing-200);
|
|
2719
2719
|
}
|
|
2720
|
-
._teddy-card--navigation-horizontal-
|
|
2720
|
+
._teddy-card--navigation-horizontal-large_imrpk_149 ._teddy-card__heading_imrpk_66 {
|
|
2721
2721
|
margin-bottom: var(--teddy-spacing-100);
|
|
2722
2722
|
}
|
|
2723
|
-
._teddy-card--navigation-horizontal-
|
|
2723
|
+
._teddy-card--navigation-horizontal-large_imrpk_149 ._teddy-card__action-wrapper_imrpk_69 {
|
|
2724
2724
|
margin-top: auto;
|
|
2725
2725
|
}
|
|
2726
|
-
._teddy-card--rich-
|
|
2726
|
+
._teddy-card--rich-card_imrpk_161 {
|
|
2727
2727
|
justify-items: start;
|
|
2728
2728
|
align-items: baseline;
|
|
2729
2729
|
grid-template-rows: auto auto 1fr auto;
|
|
2730
2730
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
2731
2731
|
}
|
|
2732
|
-
._teddy-card--rich-
|
|
2732
|
+
._teddy-card--rich-card_imrpk_161 ._teddy-card__illustration_imrpk_57 {
|
|
2733
2733
|
margin-bottom: var(--teddy-spacing-200);
|
|
2734
2734
|
}
|
|
2735
|
-
._teddy-card--rich-
|
|
2735
|
+
._teddy-card--rich-card_imrpk_161 ._teddy-card__content_imrpk_63 {
|
|
2736
2736
|
margin-bottom: var(--teddy-spacing-200);
|
|
2737
2737
|
}
|
|
2738
|
-
._teddy-card--rich-
|
|
2738
|
+
._teddy-card--rich-card_imrpk_161 ._teddy-card__heading_imrpk_66 {
|
|
2739
2739
|
margin-bottom: var(--teddy-spacing-100);
|
|
2740
2740
|
}
|
|
2741
|
-
._teddy-card--rich-
|
|
2741
|
+
._teddy-card--rich-card_imrpk_161 ._teddy-card__action-wrapper_imrpk_69 {
|
|
2742
2742
|
margin-top: auto;
|
|
2743
2743
|
}
|
|
2744
2744
|
@media (max-width: 800px) {
|
|
2745
|
-
._teddy-card--rich-card-
|
|
2745
|
+
._teddy-card--rich-card-large_imrpk_180 {
|
|
2746
2746
|
align-items: baseline;
|
|
2747
2747
|
grid-template-rows: auto auto 1fr auto;
|
|
2748
2748
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
2749
2749
|
}
|
|
2750
2750
|
}
|
|
2751
|
-
._teddy-card--rich-card-
|
|
2751
|
+
._teddy-card--rich-card-large_imrpk_180 ._teddy-card__illustration_imrpk_57 img {
|
|
2752
2752
|
object-fit: cover;
|
|
2753
2753
|
}
|
|
2754
2754
|
@media (min-width: 801px) {
|
|
2755
|
-
._teddy-card--rich-card-
|
|
2755
|
+
._teddy-card--rich-card-large_imrpk_180 ._teddy-card__illustration_imrpk_57 {
|
|
2756
2756
|
grid-column-start: 1;
|
|
2757
2757
|
margin-right: var(--teddy-spacing-600);
|
|
2758
2758
|
}
|
|
2759
2759
|
}
|
|
2760
|
-
._teddy-card--rich-card-
|
|
2760
|
+
._teddy-card--rich-card-large_imrpk_180 ._teddy-card__content_imrpk_63 {
|
|
2761
2761
|
margin-top: 2rem;
|
|
2762
2762
|
}
|
|
2763
2763
|
@media (min-width: 801px) {
|
|
2764
|
-
._teddy-card--rich-card-
|
|
2764
|
+
._teddy-card--rich-card-large_imrpk_180 ._teddy-card__content_imrpk_63 {
|
|
2765
2765
|
grid-column-start: 2;
|
|
2766
2766
|
margin-top: 0;
|
|
2767
2767
|
align-content: center;
|
|
2768
2768
|
}
|
|
2769
2769
|
}
|
|
2770
|
-
._teddy-card--rich-card-
|
|
2770
|
+
._teddy-card--rich-card-large_imrpk_180 ._teddy-card__action_imrpk_47 {
|
|
2771
2771
|
margin-top: var(--teddy-spacing-200);
|
|
2772
2772
|
}
|
|
2773
|
-
._teddy-card--rich-card-
|
|
2773
|
+
._teddy-card--rich-card-large_imrpk_180 ._teddy-card__heading_imrpk_66 {
|
|
2774
2774
|
margin-top: var(--teddy-spacing-100);
|
|
2775
2775
|
margin-bottom: var(--teddy-spacing-100);
|
|
2776
2776
|
}
|
|
2777
|
-
._teddy-
|
|
2777
|
+
._teddy-card__line_imrpk_212 {
|
|
2778
2778
|
border: 0;
|
|
2779
2779
|
border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
2780
2780
|
}
|
|
2781
|
-
._teddy-card--purple-
|
|
2781
|
+
._teddy-card--purple-light_imrpk_216 {
|
|
2782
2782
|
background-color: var(--teddy-color-background-interactive-primary-negative);
|
|
2783
2783
|
color: var(--teddy-color-text-default);
|
|
2784
2784
|
border-color: var(--teddy-color-background-interactive-primary-negative);
|
|
2785
2785
|
}
|
|
2786
|
-
._teddy-card--purple-
|
|
2786
|
+
._teddy-card--purple-light_imrpk_216:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2787
2787
|
background-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
2788
2788
|
}
|
|
2789
|
-
._teddy-card--purple-
|
|
2789
|
+
._teddy-card--purple-light_imrpk_216:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2790
2790
|
background-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
2791
2791
|
}
|
|
2792
|
-
._teddy-card--purple-
|
|
2792
|
+
._teddy-card--purple-light_imrpk_216:has(._teddy-card__action--disabled_imrpk_47) {
|
|
2793
2793
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2794
2794
|
}
|
|
2795
|
-
._teddy-card--purple-
|
|
2795
|
+
._teddy-card--purple-dark_imrpk_230 {
|
|
2796
2796
|
background-color: var(--teddy-color-brand-deep-purple);
|
|
2797
2797
|
color: var(--teddy-color-text-default-negative);
|
|
2798
2798
|
border-color: var(--teddy-color-brand-deep-purple);
|
|
2799
2799
|
}
|
|
2800
|
-
._teddy-card--purple-
|
|
2800
|
+
._teddy-card--purple-dark_imrpk_230:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2801
2801
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
2802
2802
|
}
|
|
2803
|
-
._teddy-card--purple-
|
|
2803
|
+
._teddy-card--purple-dark_imrpk_230:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2804
2804
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
2805
2805
|
}
|
|
2806
|
-
._teddy-card--purple-
|
|
2806
|
+
._teddy-card--purple-dark_imrpk_230:has(._teddy-card__action--disabled_imrpk_47) {
|
|
2807
2807
|
color: var(--teddy-color-text-default);
|
|
2808
2808
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2809
2809
|
}
|
|
2810
|
-
._teddy-card--purple-
|
|
2810
|
+
._teddy-card--purple-dark_imrpk_230:has(._teddy-card__action--disabled_imrpk_47) ._teddy-card__action_imrpk_47 {
|
|
2811
2811
|
color: var(--teddy-color-text-weak);
|
|
2812
2812
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2813
2813
|
}
|
|
2814
|
-
._teddy-card--
|
|
2814
|
+
._teddy-card--white_imrpk_249 {
|
|
2815
2815
|
background-color: var(--teddy-color-brand-white);
|
|
2816
2816
|
color: var(--teddy-color-text-default);
|
|
2817
2817
|
border-color: var(--teddy-color-border-weak);
|
|
2818
2818
|
}
|
|
2819
|
-
._teddy-card--
|
|
2819
|
+
._teddy-card--white_imrpk_249:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2820
2820
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
2821
2821
|
}
|
|
2822
|
-
._teddy-card--
|
|
2822
|
+
._teddy-card--white_imrpk_249:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2823
2823
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
2824
2824
|
}
|
|
2825
|
-
._teddy-card--
|
|
2825
|
+
._teddy-card--white_imrpk_249:has(._teddy-card__action--disabled_imrpk_47) {
|
|
2826
2826
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2827
2827
|
}
|
|
2828
|
-
._teddy-card--
|
|
2828
|
+
._teddy-card--gray_imrpk_263 {
|
|
2829
2829
|
background-color: var(--teddy-color-background-secondary);
|
|
2830
2830
|
color: var(--teddy-color-text-default);
|
|
2831
2831
|
border-color: var(--teddy-color-border-interactive-subtle);
|
|
2832
2832
|
}
|
|
2833
|
-
._teddy-card--
|
|
2833
|
+
._teddy-card--gray_imrpk_263:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2834
2834
|
background-color: var(--teddy-color-gray-100);
|
|
2835
2835
|
}
|
|
2836
|
-
._teddy-card--
|
|
2836
|
+
._teddy-card--gray_imrpk_263:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2837
2837
|
background-color: var(--teddy-color-gray-200);
|
|
2838
2838
|
}
|
|
2839
|
-
._teddy-card--
|
|
2839
|
+
._teddy-card--gray_imrpk_263:has(._teddy-card__action--disabled_imrpk_47) {
|
|
2840
2840
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2841
2841
|
}
|
|
2842
|
-
._teddy-card--
|
|
2842
|
+
._teddy-card--beige_imrpk_277 {
|
|
2843
2843
|
background-color: var(--teddy-color-beige-100);
|
|
2844
2844
|
color: var(--teddy-color-text-default);
|
|
2845
2845
|
border-color: var(--teddy-color-beige-300);
|
|
2846
2846
|
}
|
|
2847
|
-
._teddy-card--
|
|
2847
|
+
._teddy-card--beige_imrpk_277:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2848
2848
|
background-color: var(--teddy-color-beige-200);
|
|
2849
2849
|
}
|
|
2850
|
-
._teddy-card--
|
|
2850
|
+
._teddy-card--beige_imrpk_277:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2851
2851
|
background-color: var(--teddy-color-beige-300);
|
|
2852
2852
|
}
|
|
2853
|
-
._teddy-card--
|
|
2853
|
+
._teddy-card--beige_imrpk_277:has(._teddy-card__action--disabled_imrpk_47) {
|
|
2854
2854
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2855
2855
|
}
|
|
2856
|
-
._teddy-card--beige-
|
|
2856
|
+
._teddy-card--beige-light_imrpk_291 {
|
|
2857
2857
|
background-color: var(--teddy-color-beige-50);
|
|
2858
2858
|
color: var(--teddy-color-text-default);
|
|
2859
2859
|
border-color: var(--teddy-color-beige-200);
|
|
2860
2860
|
}
|
|
2861
|
-
._teddy-card--beige-
|
|
2861
|
+
._teddy-card--beige-light_imrpk_291:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2862
2862
|
background-color: var(--teddy-color-beige-100);
|
|
2863
2863
|
}
|
|
2864
|
-
._teddy-card--beige-
|
|
2864
|
+
._teddy-card--beige-light_imrpk_291:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2865
2865
|
background-color: var(--teddy-color-beige-100);
|
|
2866
2866
|
}
|
|
2867
|
-
._teddy-card--beige-
|
|
2867
|
+
._teddy-card--beige-light_imrpk_291:has(._teddy-card__action--disabled_imrpk_47) {
|
|
2868
2868
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2869
2869
|
}
|
|
2870
|
-
._teddy-card--
|
|
2870
|
+
._teddy-card--product_imrpk_305 {
|
|
2871
2871
|
grid-template-columns: minmax(0, 100%);
|
|
2872
2872
|
grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
|
|
2873
2873
|
grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
|
|
@@ -2877,128 +2877,134 @@
|
|
|
2877
2877
|
padding-bottom: var(--teddy-spacing-100);
|
|
2878
2878
|
width: 100%;
|
|
2879
2879
|
}
|
|
2880
|
-
._teddy-card--
|
|
2880
|
+
._teddy-card--product_imrpk_305:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2881
2881
|
background-color: var(--teddy-color-brand-white);
|
|
2882
2882
|
outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
|
|
2883
2883
|
outline-offset: calc(var(--teddy-border-width-sm) * -1);
|
|
2884
2884
|
}
|
|
2885
|
-
._teddy-card--
|
|
2885
|
+
._teddy-card--product_imrpk_305:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) ._teddy-card__carousel_imrpk_60 .slick-slider .slick-arrow {
|
|
2886
|
+
display: block !important;
|
|
2887
|
+
}
|
|
2888
|
+
._teddy-card--product_imrpk_305:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2886
2889
|
-webkit-tap-highlight-color: transparent;
|
|
2887
2890
|
}
|
|
2888
|
-
._teddy-card--
|
|
2891
|
+
._teddy-card--product_imrpk_305:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)):not(:has(._teddy-card__carousel_imrpk_60:active)) {
|
|
2889
2892
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
2890
2893
|
}
|
|
2891
|
-
._teddy-card--
|
|
2894
|
+
._teddy-card--product_imrpk_305:has(._teddy-card__action--disabled_imrpk_47) {
|
|
2892
2895
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2893
2896
|
}
|
|
2894
|
-
._teddy-card--
|
|
2897
|
+
._teddy-card--product_imrpk_305 ._teddy-card__action-wrapper_imrpk_69 {
|
|
2895
2898
|
margin-bottom: var(--teddy-spacing-200);
|
|
2896
2899
|
}
|
|
2897
|
-
._teddy-card--
|
|
2900
|
+
._teddy-card--product_imrpk_305 ._teddy-card__illustration_imrpk_57 {
|
|
2898
2901
|
height: 180px;
|
|
2899
2902
|
display: grid;
|
|
2900
2903
|
place-items: center;
|
|
2901
2904
|
place-self: center;
|
|
2902
2905
|
margin-bottom: var(--teddy-spacing-400);
|
|
2903
2906
|
}
|
|
2904
|
-
._teddy-card--
|
|
2907
|
+
._teddy-card--product_imrpk_305 ._teddy-card__illustration_imrpk_57 img {
|
|
2905
2908
|
max-width: 200px;
|
|
2906
2909
|
max-height: 180px;
|
|
2907
2910
|
object-fit: contain;
|
|
2908
2911
|
}
|
|
2909
|
-
._teddy-card--
|
|
2912
|
+
._teddy-card--product_imrpk_305 ._teddy-card__carousel_imrpk_60 .slick-slider .slick-arrow {
|
|
2913
|
+
display: none !important;
|
|
2914
|
+
}
|
|
2915
|
+
._teddy-card--product_imrpk_305 ._teddy-card__carousel_imrpk_60 .slick-dots li {
|
|
2910
2916
|
min-width: 12px;
|
|
2911
2917
|
width: initial !important;
|
|
2912
2918
|
margin: 0 0.25rem !important;
|
|
2913
2919
|
}
|
|
2914
|
-
._teddy-card--
|
|
2920
|
+
._teddy-card--product_imrpk_305 ._teddy-card__carousel_imrpk_60 .slick-dots .slick-active {
|
|
2915
2921
|
min-width: 24px;
|
|
2916
2922
|
width: initial !important;
|
|
2917
2923
|
}
|
|
2918
|
-
._teddy-card--
|
|
2924
|
+
._teddy-card--product_imrpk_305 ._teddy-card__overline_imrpk_75 {
|
|
2919
2925
|
margin-bottom: var(--teddy-spacing-50);
|
|
2920
2926
|
}
|
|
2921
|
-
._teddy-card--
|
|
2927
|
+
._teddy-card--product_imrpk_305 ._teddy-card__heading_imrpk_66 {
|
|
2922
2928
|
margin-bottom: var(--teddy-spacing-200);
|
|
2923
2929
|
}
|
|
2924
|
-
._teddy-card--
|
|
2930
|
+
._teddy-card--product_imrpk_305 ._teddy-card__description_imrpk_78 {
|
|
2925
2931
|
margin-bottom: var(--teddy-spacing-200);
|
|
2926
2932
|
}
|
|
2927
|
-
._teddy-card--
|
|
2933
|
+
._teddy-card--product_imrpk_305 ._teddy-card__content_imrpk_63 {
|
|
2928
2934
|
margin-bottom: var(--teddy-spacing-200);
|
|
2929
2935
|
}
|
|
2930
|
-
._teddy-card--
|
|
2936
|
+
._teddy-card--product_imrpk_305 ._teddy-card__action_imrpk_47 {
|
|
2931
2937
|
margin-top: auto;
|
|
2932
2938
|
margin-left: auto;
|
|
2933
2939
|
justify-self: end;
|
|
2934
2940
|
}
|
|
2935
|
-
._teddy-card--
|
|
2941
|
+
._teddy-card--product_imrpk_305 ._teddy-card__price_imrpk_87 {
|
|
2936
2942
|
display: flex;
|
|
2937
2943
|
}
|
|
2938
|
-
._teddy-card--
|
|
2944
|
+
._teddy-card--product_imrpk_305 ._teddy-card__price--big_imrpk_379 {
|
|
2939
2945
|
font-size: var(--teddy-typography-scale-200);
|
|
2940
2946
|
}
|
|
2941
|
-
._teddy-
|
|
2947
|
+
._teddy-card_imrpk_3:has(._teddy-card__image--as-background_imrpk_382) {
|
|
2942
2948
|
background-color: transparent;
|
|
2943
2949
|
}
|
|
2944
|
-
._teddy-
|
|
2950
|
+
._teddy-card__heading_imrpk_66 {
|
|
2945
2951
|
color: inherit;
|
|
2946
2952
|
}
|
|
2947
|
-
._teddy-card--background-
|
|
2953
|
+
._teddy-card--background-image_imrpk_388 {
|
|
2948
2954
|
background-repeat: no-repeat;
|
|
2949
2955
|
background-size: cover;
|
|
2950
2956
|
background-position: center;
|
|
2951
2957
|
}
|
|
2952
|
-
._teddy-card__illustration--
|
|
2958
|
+
._teddy-card__illustration--rounded_imrpk_393 {
|
|
2953
2959
|
border-radius: inherit;
|
|
2954
2960
|
overflow: hidden;
|
|
2955
2961
|
}
|
|
2956
|
-
._teddy-
|
|
2962
|
+
._teddy-card__inset_imrpk_397 {
|
|
2957
2963
|
overflow: hidden;
|
|
2958
2964
|
}
|
|
2959
|
-
._teddy-card__inset--
|
|
2965
|
+
._teddy-card__inset--top_imrpk_400 {
|
|
2960
2966
|
margin-top: calc(var(--teddy-spacing-250) * -1);
|
|
2961
2967
|
}
|
|
2962
|
-
._teddy-card__inset--
|
|
2968
|
+
._teddy-card__inset--top_imrpk_400._teddy-card__inset--left_imrpk_403 {
|
|
2963
2969
|
border-top-left-radius: inherit;
|
|
2964
2970
|
}
|
|
2965
|
-
._teddy-card__inset--
|
|
2971
|
+
._teddy-card__inset--top_imrpk_400._teddy-card__inset--right_imrpk_406 {
|
|
2966
2972
|
border-top-right-radius: inherit;
|
|
2967
2973
|
}
|
|
2968
|
-
._teddy-card__inset--
|
|
2974
|
+
._teddy-card__inset--bottom_imrpk_409 {
|
|
2969
2975
|
margin-bottom: calc(var(--teddy-spacing-250) * -1);
|
|
2970
2976
|
}
|
|
2971
|
-
._teddy-card__inset--
|
|
2977
|
+
._teddy-card__inset--bottom_imrpk_409._teddy-card__inset--left_imrpk_403 {
|
|
2972
2978
|
border-bottom-left-radius: inherit;
|
|
2973
2979
|
}
|
|
2974
|
-
._teddy-card__inset--
|
|
2980
|
+
._teddy-card__inset--bottom_imrpk_409._teddy-card__inset--right_imrpk_406 {
|
|
2975
2981
|
border-bottom-right-radius: inherit;
|
|
2976
2982
|
}
|
|
2977
|
-
._teddy-card__inset--
|
|
2983
|
+
._teddy-card__inset--left_imrpk_403 {
|
|
2978
2984
|
margin-left: calc(var(--teddy-spacing-250) * -1);
|
|
2979
2985
|
}
|
|
2980
|
-
._teddy-card__inset--
|
|
2986
|
+
._teddy-card__inset--right_imrpk_406 {
|
|
2981
2987
|
margin-right: calc(var(--teddy-spacing-250) * -1);
|
|
2982
2988
|
}
|
|
2983
|
-
._teddy-card__availability--
|
|
2989
|
+
._teddy-card__availability--badge_imrpk_424 {
|
|
2984
2990
|
margin-right: var(--teddy-spacing-150);
|
|
2985
2991
|
}
|
|
2986
|
-
._teddy-card__availability--
|
|
2992
|
+
._teddy-card__availability--success_imrpk_427 {
|
|
2987
2993
|
color: var(--teddy-color-text-status-success-strong);
|
|
2988
2994
|
}
|
|
2989
|
-
._teddy-card__availability--
|
|
2995
|
+
._teddy-card__availability--warning_imrpk_430 {
|
|
2990
2996
|
color: var(--teddy-color-text-status-warning-strong);
|
|
2991
2997
|
}
|
|
2992
|
-
._teddy-card__availability--
|
|
2998
|
+
._teddy-card__availability--error_imrpk_433 {
|
|
2993
2999
|
color: var(--teddy-color-text-status-error-strong);
|
|
2994
3000
|
}
|
|
2995
|
-
._teddy-card__availability--
|
|
3001
|
+
._teddy-card__availability--special_imrpk_436 {
|
|
2996
3002
|
color: var(--teddy-color-text-status-special);
|
|
2997
3003
|
}
|
|
2998
|
-
._teddy-card__availability--
|
|
3004
|
+
._teddy-card__availability--neutral_imrpk_439 {
|
|
2999
3005
|
color: var(--teddy-color-text-status-neutral);
|
|
3000
3006
|
}
|
|
3001
|
-
._teddy-card__availability--
|
|
3007
|
+
._teddy-card__availability--information_imrpk_442 {
|
|
3002
3008
|
color: var(--teddy-color-text-status-info-strong);
|
|
3003
3009
|
}
|
|
3004
3010
|
}._teddy-badge_wlyo5_1 {
|