@telia/teddy 0.0.35 → 0.0.36
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/expandable-card/expandable-card-indicator.cjs +0 -1
- package/dist/components/expandable-card/expandable-card-indicator.js +0 -1
- package/dist/components/expandable-card/index.cjs +4 -1
- package/dist/components/expandable-card/index.d.ts +3 -0
- package/dist/components/expandable-card/index.js +4 -1
- package/dist/style.css +40 -40
- package/package.json +1 -1
|
@@ -12,5 +12,4 @@ const Indicator = React.forwardRef(
|
|
|
12
12
|
return /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { "aria-hidden": true, name, ...props, ref: forwardRef, className: classes, children });
|
|
13
13
|
}
|
|
14
14
|
);
|
|
15
|
-
Indicator.displayName = "Indicator";
|
|
16
15
|
exports.Indicator = Indicator;
|
|
@@ -11,6 +11,7 @@ const components_expandableCard_expandableCardHidden = require("./expandable-car
|
|
|
11
11
|
const components_expandableCard_expandableCardButton = require("./expandable-card-button.cjs");
|
|
12
12
|
const components_expandableCard_expandableCardDescription = require("./expandable-card-description.cjs");
|
|
13
13
|
const components_expandableCard_expandableCardPrice = require("./expandable-card-price.cjs");
|
|
14
|
+
const components_expandableCard_expandableCardIndicator = require("./expandable-card-indicator.cjs");
|
|
14
15
|
components_expandableCard_expandableCardRoot.Root.displayName = "ExpandableCard";
|
|
15
16
|
components_expandableCard_expandableCardItem.Item.displayName = "ExpandableCard.Item";
|
|
16
17
|
components_expandableCard_expandableCardLine.Line.displayName = "ExpandableCard.Line";
|
|
@@ -22,6 +23,7 @@ components_expandableCard_expandableCardPrice.Price.displayName = "ExpandableCar
|
|
|
22
23
|
components_expandableCard_expandableCardSlot.Slot.displayName = "ExpandableCard.Slot";
|
|
23
24
|
components_expandableCard_expandableCardHidden.HiddenContainer.displayName = "ExpandableCard.HiddenContainer";
|
|
24
25
|
components_expandableCard_expandableCardButton.Button.displayName = "ExpandableCard.Button";
|
|
26
|
+
components_expandableCard_expandableCardIndicator.Indicator.displayName = "ExpandableCard.Indicator";
|
|
25
27
|
const ExpandableCard = Object.assign(components_expandableCard_expandableCardRoot.Root, {
|
|
26
28
|
Item: components_expandableCard_expandableCardItem.Item,
|
|
27
29
|
Line: components_expandableCard_expandableCardLine.Line,
|
|
@@ -32,6 +34,7 @@ const ExpandableCard = Object.assign(components_expandableCard_expandableCardRoo
|
|
|
32
34
|
Price: components_expandableCard_expandableCardPrice.Price,
|
|
33
35
|
Slot: components_expandableCard_expandableCardSlot.Slot,
|
|
34
36
|
HiddenContainer: components_expandableCard_expandableCardHidden.HiddenContainer,
|
|
35
|
-
Button: components_expandableCard_expandableCardButton.Button
|
|
37
|
+
Button: components_expandableCard_expandableCardButton.Button,
|
|
38
|
+
Indicator: components_expandableCard_expandableCardIndicator.Indicator
|
|
36
39
|
});
|
|
37
40
|
exports.ExpandableCard = ExpandableCard;
|
|
@@ -8,6 +8,7 @@ import { HiddenContainerProps } from './expandable-card-hidden';
|
|
|
8
8
|
import { ButtonProps } from './expandable-card-button';
|
|
9
9
|
import { DescriptionProps } from './expandable-card-description';
|
|
10
10
|
import { PriceProps } from './expandable-card-price';
|
|
11
|
+
import { IndicatorProps } from './expandable-card-indicator';
|
|
11
12
|
|
|
12
13
|
export declare const ExpandableCard: import('react').ForwardRefExoticComponent<RootProps & import('react').RefAttributes<HTMLDivElement>> & {
|
|
13
14
|
Item: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-accordion').AccordionItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -45,6 +46,7 @@ export declare const ExpandableCard: import('react').ForwardRefExoticComponent<R
|
|
|
45
46
|
variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
|
|
46
47
|
position?: "left" | "right" | undefined;
|
|
47
48
|
} & import('react').RefAttributes<HTMLButtonElement>>;
|
|
49
|
+
Indicator: import('react').ForwardRefExoticComponent<Omit<IndicatorProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
|
|
48
50
|
};
|
|
49
51
|
export type ExpandableCardProps = {
|
|
50
52
|
Root: RootProps;
|
|
@@ -58,4 +60,5 @@ export type ExpandableCardProps = {
|
|
|
58
60
|
Slot: SlotProps;
|
|
59
61
|
HiddenContainer: HiddenContainerProps;
|
|
60
62
|
Button: ButtonProps;
|
|
63
|
+
Indicator: IndicatorProps;
|
|
61
64
|
};
|
|
@@ -9,6 +9,7 @@ import { HiddenContainer } from "./expandable-card-hidden.js";
|
|
|
9
9
|
import { Button } from "./expandable-card-button.js";
|
|
10
10
|
import { Description } from "./expandable-card-description.js";
|
|
11
11
|
import { Price } from "./expandable-card-price.js";
|
|
12
|
+
import { Indicator } from "./expandable-card-indicator.js";
|
|
12
13
|
Root.displayName = "ExpandableCard";
|
|
13
14
|
Item.displayName = "ExpandableCard.Item";
|
|
14
15
|
Line.displayName = "ExpandableCard.Line";
|
|
@@ -20,6 +21,7 @@ Price.displayName = "ExpandableCard.Price";
|
|
|
20
21
|
Slot.displayName = "ExpandableCard.Slot";
|
|
21
22
|
HiddenContainer.displayName = "ExpandableCard.HiddenContainer";
|
|
22
23
|
Button.displayName = "ExpandableCard.Button";
|
|
24
|
+
Indicator.displayName = "ExpandableCard.Indicator";
|
|
23
25
|
const ExpandableCard = Object.assign(Root, {
|
|
24
26
|
Item,
|
|
25
27
|
Line,
|
|
@@ -30,7 +32,8 @@ const ExpandableCard = Object.assign(Root, {
|
|
|
30
32
|
Price,
|
|
31
33
|
Slot,
|
|
32
34
|
HiddenContainer,
|
|
33
|
-
Button
|
|
35
|
+
Button,
|
|
36
|
+
Indicator
|
|
34
37
|
});
|
|
35
38
|
export {
|
|
36
39
|
ExpandableCard
|
package/dist/style.css
CHANGED
|
@@ -483,6 +483,46 @@
|
|
|
483
483
|
._teddy-button--icon-only_aswkh_56 ._teddy-button__loading_aswkh_261 {
|
|
484
484
|
background-color: var(--teddy-color-gray-100);
|
|
485
485
|
}
|
|
486
|
+
}@layer icon {
|
|
487
|
+
._teddy-icon_1rwgf_2 {
|
|
488
|
+
display: inline;
|
|
489
|
+
align-self: center;
|
|
490
|
+
fill: currentColor;
|
|
491
|
+
}
|
|
492
|
+
._teddy-icon--font_1rwgf_7 {
|
|
493
|
+
width: 1em;
|
|
494
|
+
height: 1em;
|
|
495
|
+
}
|
|
496
|
+
._teddy-icon--xxs_1rwgf_11 {
|
|
497
|
+
width: var(--teddy-spacing-150);
|
|
498
|
+
height: var(--teddy-spacing-150);
|
|
499
|
+
}
|
|
500
|
+
._teddy-icon--xs_1rwgf_15 {
|
|
501
|
+
width: var(--teddy-spacing-200);
|
|
502
|
+
height: var(--teddy-spacing-200);
|
|
503
|
+
}
|
|
504
|
+
._teddy-icon--sm_1rwgf_19 {
|
|
505
|
+
width: var(--teddy-spacing-250);
|
|
506
|
+
height: var(--teddy-spacing-250);
|
|
507
|
+
}
|
|
508
|
+
._teddy-icon--md_1rwgf_23 {
|
|
509
|
+
width: var(--teddy-spacing-300);
|
|
510
|
+
height: var(--teddy-spacing-300);
|
|
511
|
+
}
|
|
512
|
+
._teddy-icon--lg_1rwgf_27 {
|
|
513
|
+
width: var(--teddy-spacing-400);
|
|
514
|
+
height: var(--teddy-spacing-400);
|
|
515
|
+
}
|
|
516
|
+
._teddy-icon--xl_1rwgf_31 {
|
|
517
|
+
width: var(--teddy-spacing-600);
|
|
518
|
+
height: var(--teddy-spacing-600);
|
|
519
|
+
}
|
|
520
|
+
._teddy-icon-with-children_1rwgf_35 {
|
|
521
|
+
display: inline-flex;
|
|
522
|
+
align-items: center;
|
|
523
|
+
font-family: var(--teddy-typography-family-default);
|
|
524
|
+
gap: var(--teddy-spacing-100);
|
|
525
|
+
}
|
|
486
526
|
}._teddy-color-dot_cywb7_1 {
|
|
487
527
|
border-radius: var(--teddy-border-radius-full);
|
|
488
528
|
height: var(--size);
|
|
@@ -636,46 +676,6 @@
|
|
|
636
676
|
font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
|
|
637
677
|
line-height: var(--teddy-typography-line-height-tight);
|
|
638
678
|
}
|
|
639
|
-
}@layer icon {
|
|
640
|
-
._teddy-icon_1rwgf_2 {
|
|
641
|
-
display: inline;
|
|
642
|
-
align-self: center;
|
|
643
|
-
fill: currentColor;
|
|
644
|
-
}
|
|
645
|
-
._teddy-icon--font_1rwgf_7 {
|
|
646
|
-
width: 1em;
|
|
647
|
-
height: 1em;
|
|
648
|
-
}
|
|
649
|
-
._teddy-icon--xxs_1rwgf_11 {
|
|
650
|
-
width: var(--teddy-spacing-150);
|
|
651
|
-
height: var(--teddy-spacing-150);
|
|
652
|
-
}
|
|
653
|
-
._teddy-icon--xs_1rwgf_15 {
|
|
654
|
-
width: var(--teddy-spacing-200);
|
|
655
|
-
height: var(--teddy-spacing-200);
|
|
656
|
-
}
|
|
657
|
-
._teddy-icon--sm_1rwgf_19 {
|
|
658
|
-
width: var(--teddy-spacing-250);
|
|
659
|
-
height: var(--teddy-spacing-250);
|
|
660
|
-
}
|
|
661
|
-
._teddy-icon--md_1rwgf_23 {
|
|
662
|
-
width: var(--teddy-spacing-300);
|
|
663
|
-
height: var(--teddy-spacing-300);
|
|
664
|
-
}
|
|
665
|
-
._teddy-icon--lg_1rwgf_27 {
|
|
666
|
-
width: var(--teddy-spacing-400);
|
|
667
|
-
height: var(--teddy-spacing-400);
|
|
668
|
-
}
|
|
669
|
-
._teddy-icon--xl_1rwgf_31 {
|
|
670
|
-
width: var(--teddy-spacing-600);
|
|
671
|
-
height: var(--teddy-spacing-600);
|
|
672
|
-
}
|
|
673
|
-
._teddy-icon-with-children_1rwgf_35 {
|
|
674
|
-
display: inline-flex;
|
|
675
|
-
align-items: center;
|
|
676
|
-
font-family: var(--teddy-typography-family-default);
|
|
677
|
-
gap: var(--teddy-spacing-100);
|
|
678
|
-
}
|
|
679
679
|
}._teddy-tooltip__content_14d9w_1 {
|
|
680
680
|
box-sizing: border-box;
|
|
681
681
|
max-width: calc(17rem * var(--teddy-rescale));
|