@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.
@@ -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;
@@ -10,7 +10,6 @@ const Indicator = React__default.forwardRef(
10
10
  return /* @__PURE__ */ jsx(Icon, { "aria-hidden": true, name, ...props, ref: forwardRef, className: classes, children });
11
11
  }
12
12
  );
13
- Indicator.displayName = "Indicator";
14
13
  export {
15
14
  Indicator
16
15
  };
@@ -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));
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=8"
21
21
  },
22
22
  "private": false,
23
- "version": "0.0.35",
23
+ "version": "0.0.36",
24
24
  "sideEffects": [
25
25
  "**/*.css"
26
26
  ],