@trafilea/afrodita-components 5.0.0-beta.319 → 5.0.0-beta.321
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/build/index.d.ts +31 -23
- package/build/index.esm.js +52 -41
- package/build/index.esm.js.map +1 -1
- package/build/index.js +52 -41
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -531,81 +531,89 @@ declare namespace Other {
|
|
|
531
531
|
|
|
532
532
|
declare const ChevronDown: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
533
533
|
|
|
534
|
+
declare const ChevronDownVariant: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
535
|
+
|
|
534
536
|
declare const ChevronLeft: ({ height, width, fill, opacity, testId }: IconWithOpacityProps) => JSX.Element;
|
|
535
537
|
|
|
538
|
+
declare const ChevronLeftLite: ({ height, width, testId }: IconWithOpacityProps) => JSX.Element;
|
|
539
|
+
|
|
540
|
+
declare const ChevronLeftVariant: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
541
|
+
|
|
536
542
|
declare const ChevronRight: ({ height, width, fill, opacity, testId }: IconWithOpacityProps) => JSX.Element;
|
|
537
543
|
|
|
544
|
+
declare const ChevronRightLite: ({ height, width, testId }: IconWithOpacityProps) => JSX.Element;
|
|
545
|
+
|
|
538
546
|
declare const ChevronRightVariant: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
539
547
|
|
|
540
548
|
declare const ChevronUp: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
541
549
|
|
|
542
550
|
declare const ChevronUpSolid: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
543
551
|
|
|
544
|
-
declare const
|
|
552
|
+
declare const ChevronUpVariant: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
553
|
+
|
|
554
|
+
declare const CircleChevronDown: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
545
555
|
|
|
546
556
|
declare const CircleChevronLeft: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
547
557
|
|
|
548
558
|
declare const CircleChevronRight: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
549
559
|
|
|
550
|
-
declare const CircleChevronDown: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
551
|
-
|
|
552
560
|
declare const CircleChevronUp: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
553
561
|
|
|
554
|
-
declare const ChevronDownVariant: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
555
|
-
|
|
556
|
-
declare const ChevronUpVariant: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
557
|
-
|
|
558
|
-
declare const ChevronLeftVariant: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
559
|
-
|
|
560
|
-
declare const CircleLineUp: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
561
|
-
|
|
562
562
|
declare const CircleLineDown: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
563
563
|
|
|
564
564
|
declare const CircleLineLeft: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
565
565
|
|
|
566
566
|
declare const CircleLineRight: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
567
567
|
|
|
568
|
+
declare const CircleLineUp: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
569
|
+
|
|
570
|
+
declare const CircleUp: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
571
|
+
|
|
568
572
|
declare const DoubleArrowUp: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
569
573
|
|
|
570
574
|
declare const Arrows_ChevronDown: typeof ChevronDown;
|
|
575
|
+
declare const Arrows_ChevronDownVariant: typeof ChevronDownVariant;
|
|
571
576
|
declare const Arrows_ChevronLeft: typeof ChevronLeft;
|
|
577
|
+
declare const Arrows_ChevronLeftLite: typeof ChevronLeftLite;
|
|
578
|
+
declare const Arrows_ChevronLeftVariant: typeof ChevronLeftVariant;
|
|
572
579
|
declare const Arrows_ChevronRight: typeof ChevronRight;
|
|
580
|
+
declare const Arrows_ChevronRightLite: typeof ChevronRightLite;
|
|
573
581
|
declare const Arrows_ChevronRightVariant: typeof ChevronRightVariant;
|
|
574
582
|
declare const Arrows_ChevronUp: typeof ChevronUp;
|
|
575
583
|
declare const Arrows_ChevronUpSolid: typeof ChevronUpSolid;
|
|
576
|
-
declare const
|
|
584
|
+
declare const Arrows_ChevronUpVariant: typeof ChevronUpVariant;
|
|
585
|
+
declare const Arrows_CircleChevronDown: typeof CircleChevronDown;
|
|
577
586
|
declare const Arrows_CircleChevronLeft: typeof CircleChevronLeft;
|
|
578
587
|
declare const Arrows_CircleChevronRight: typeof CircleChevronRight;
|
|
579
|
-
declare const Arrows_CircleChevronDown: typeof CircleChevronDown;
|
|
580
588
|
declare const Arrows_CircleChevronUp: typeof CircleChevronUp;
|
|
581
|
-
declare const Arrows_ChevronDownVariant: typeof ChevronDownVariant;
|
|
582
|
-
declare const Arrows_ChevronUpVariant: typeof ChevronUpVariant;
|
|
583
|
-
declare const Arrows_ChevronLeftVariant: typeof ChevronLeftVariant;
|
|
584
|
-
declare const Arrows_CircleLineUp: typeof CircleLineUp;
|
|
585
589
|
declare const Arrows_CircleLineDown: typeof CircleLineDown;
|
|
586
590
|
declare const Arrows_CircleLineLeft: typeof CircleLineLeft;
|
|
587
591
|
declare const Arrows_CircleLineRight: typeof CircleLineRight;
|
|
592
|
+
declare const Arrows_CircleLineUp: typeof CircleLineUp;
|
|
593
|
+
declare const Arrows_CircleUp: typeof CircleUp;
|
|
588
594
|
declare const Arrows_DoubleArrowUp: typeof DoubleArrowUp;
|
|
589
595
|
declare namespace Arrows {
|
|
590
596
|
export {
|
|
591
597
|
Arrows_ChevronDown as ChevronDown,
|
|
598
|
+
Arrows_ChevronDownVariant as ChevronDownVariant,
|
|
592
599
|
Arrows_ChevronLeft as ChevronLeft,
|
|
600
|
+
Arrows_ChevronLeftLite as ChevronLeftLite,
|
|
601
|
+
Arrows_ChevronLeftVariant as ChevronLeftVariant,
|
|
593
602
|
Arrows_ChevronRight as ChevronRight,
|
|
603
|
+
Arrows_ChevronRightLite as ChevronRightLite,
|
|
594
604
|
Arrows_ChevronRightVariant as ChevronRightVariant,
|
|
595
605
|
Arrows_ChevronUp as ChevronUp,
|
|
596
606
|
Arrows_ChevronUpSolid as ChevronUpSolid,
|
|
597
|
-
|
|
607
|
+
Arrows_ChevronUpVariant as ChevronUpVariant,
|
|
608
|
+
Arrows_CircleChevronDown as CircleChevronDown,
|
|
598
609
|
Arrows_CircleChevronLeft as CircleChevronLeft,
|
|
599
610
|
Arrows_CircleChevronRight as CircleChevronRight,
|
|
600
|
-
Arrows_CircleChevronDown as CircleChevronDown,
|
|
601
611
|
Arrows_CircleChevronUp as CircleChevronUp,
|
|
602
|
-
Arrows_ChevronDownVariant as ChevronDownVariant,
|
|
603
|
-
Arrows_ChevronUpVariant as ChevronUpVariant,
|
|
604
|
-
Arrows_ChevronLeftVariant as ChevronLeftVariant,
|
|
605
|
-
Arrows_CircleLineUp as CircleLineUp,
|
|
606
612
|
Arrows_CircleLineDown as CircleLineDown,
|
|
607
613
|
Arrows_CircleLineLeft as CircleLineLeft,
|
|
608
614
|
Arrows_CircleLineRight as CircleLineRight,
|
|
615
|
+
Arrows_CircleLineUp as CircleLineUp,
|
|
616
|
+
Arrows_CircleUp as CircleUp,
|
|
609
617
|
Arrows_DoubleArrowUp as DoubleArrowUp,
|
|
610
618
|
};
|
|
611
619
|
}
|
package/build/index.esm.js
CHANGED
|
@@ -629,16 +629,36 @@ var ChevronDown = function (_a) {
|
|
|
629
629
|
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 36, viewBoxY: 20, title: "chevron down" }, { children: jsx$1("path", { d: "M35.7134 1.84205L34.1039 0.278381C33.7218 -0.0927937 33.104 -0.0927937 32.7219 0.278381L18 14.5489L3.27809 0.278381C2.89601 -0.0927937 2.2782 -0.0927937 1.89613 0.278381L0.286553 1.84205C-0.0955177 2.21323 -0.0955177 2.81343 0.286553 3.1846L17.309 19.7216C17.6911 20.0928 18.3089 20.0928 18.691 19.7216L35.7134 3.1846C36.0955 2.81343 36.0955 2.21323 35.7134 1.84205Z", fill: fill }, void 0) }), void 0));
|
|
630
630
|
};
|
|
631
631
|
|
|
632
|
+
var ChevronDownVariant = function (_a) {
|
|
633
|
+
var width = _a.width, height = _a.height, fill = _a.fill;
|
|
634
|
+
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "chevron down variant" }, { children: jsx$1("path", { d: "M29.5843 30.1397C30.1386 29.5972 30.1386 28.7835 29.5843 28.241C29.03 27.6985 28.1986 27.6985 27.6443 28.241L21.455 34.389V2.35617C21.3626 1.63288 20.7159 1 19.9769 1C19.2379 1 18.5912 1.63288 18.5912 2.35617V34.389L12.3095 28.241C11.7552 27.6985 10.9238 27.6985 10.3695 28.241C10.0924 28.5123 10 28.8739 10 29.2355C10 29.5972 10.0924 29.9588 10.3695 30.2301L18.9607 38.6384C19.2379 38.9096 19.6074 39 19.9769 39C20.3464 39 20.7159 38.8192 20.9931 38.6384L29.5843 30.1397Z", fill: fill }, void 0) }), void 0));
|
|
635
|
+
};
|
|
636
|
+
|
|
632
637
|
var ChevronLeft = function (_a) {
|
|
633
638
|
var height = _a.height, width = _a.width, fill = _a.fill, opacity = _a.opacity, testId = _a.testId;
|
|
634
639
|
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 20, viewBoxY: 34, title: "chevron left", testId: testId }, { children: jsx$1("g", __assign$1({ opacity: opacity }, { children: jsx$1("path", { d: "M15.8577 33.3343C16.7726 34.2219 18.2973 34.2219 19.2122 33.3343C20.1271 32.4467 20.1271 30.9674 19.2122 30.0798C15.5527 26.5294 11.8933 23.0776 8.2338 19.5272C8.2338 19.4286 5.79416 17.2589 5.79416 17.1603C5.79416 17.0616 8.33545 14.7933 8.33545 14.6947C11.9949 11.1443 15.6544 7.59391 19.3139 3.94489C20.2287 3.05729 20.2287 1.57795 19.3139 0.690353C18.8056 0.197243 18.1957 0 17.5858 0C16.9759 0 16.3659 0.197243 15.8577 0.690353L0.711563 15.3851C0.304956 15.7795 0 16.3713 0 17.0616C0 17.6534 0.304956 18.2451 0.711563 18.7382L15.8577 33.3343Z", fill: fill }, void 0) }), void 0) }), void 0));
|
|
635
640
|
};
|
|
636
641
|
|
|
642
|
+
var ChevronLeftLite = function (_a) {
|
|
643
|
+
var height = _a.height, width = _a.width, testId = _a.testId;
|
|
644
|
+
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 31, viewBoxY: 54, fill: "none", title: "chevron left lite", testId: testId }, { children: jsx$1("path", { d: "M30.5 1.18494L1 27.4521L30.5 53.3151", stroke: "#8A8A8A", strokeWidth: "0.808219" }, void 0) }), void 0));
|
|
645
|
+
};
|
|
646
|
+
|
|
647
|
+
var ChevronLeftVariant = function (_a) {
|
|
648
|
+
var width = _a.width, height = _a.height, fill = _a.fill;
|
|
649
|
+
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "chevron left variant" }, { children: jsx$1("path", { d: "M9.86033 10.4157C10.4028 9.86143 11.2165 9.86143 11.759 10.4157C12.3015 10.97 12.3015 11.8014 11.759 12.3557L5.61099 18.545H37.6438C38.3671 18.6374 39 19.2841 39 20.0231C39 20.7621 38.3671 21.4088 37.6438 21.4088H5.61099L11.759 27.6905C12.3015 28.2448 12.3015 29.0762 11.759 29.6305C11.4877 29.9076 11.1261 30 10.7645 30C10.4028 30 10.0412 29.9076 9.76992 29.6305L1.36164 21.0393C1.09041 20.7621 1 20.3926 1 20.0231C1 19.6536 1.18082 19.2841 1.36164 19.0069L9.86033 10.4157Z", fill: fill }, void 0) }), void 0));
|
|
650
|
+
};
|
|
651
|
+
|
|
637
652
|
var ChevronRight = function (_a) {
|
|
638
653
|
var height = _a.height, width = _a.width, fill = _a.fill, opacity = _a.opacity, testId = _a.testId;
|
|
639
654
|
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 20, viewBoxY: 34, title: "chevron right", testId: testId }, { children: jsx$1("g", __assign$1({ opacity: opacity }, { children: jsx$1("path", { d: "M4.14231 0.6657C3.22745 -0.2219 1.70267 -0.2219 0.787802 0.6657C-0.127065 1.5533 -0.127065 3.03263 0.787802 3.92023C4.44727 7.47063 8.10673 10.9224 11.7662 14.4728C11.7662 14.5714 14.2058 16.7411 14.2058 16.8397C14.2058 16.9384 11.6645 19.2067 11.6645 19.3053C8.00508 22.8557 4.34562 26.4061 0.68615 30.0551C-0.228717 30.9427 -0.228717 32.422 0.68615 33.3096C1.19441 33.8028 1.80432 34 2.41423 34C3.02414 34 3.63405 33.8028 4.14231 33.3096L19.2884 18.6149C19.695 18.2205 20 17.6287 20 16.9384C20 16.3466 19.695 15.7549 19.2884 15.2618L4.14231 0.6657Z", fill: fill }, void 0) }), void 0) }), void 0));
|
|
640
655
|
};
|
|
641
656
|
|
|
657
|
+
var ChevronRightLite = function (_a) {
|
|
658
|
+
var height = _a.height, width = _a.width, testId = _a.testId;
|
|
659
|
+
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 32, viewBoxY: 54, fill: "none", title: "chevron right lite", testId: testId }, { children: jsx$1("path", { d: "M0.999999 53.3151L30.5 27.0479L1 1.18492", stroke: "#8A8A8A", strokeWidth: "0.808219" }, void 0) }), void 0));
|
|
660
|
+
};
|
|
661
|
+
|
|
642
662
|
var ChevronRightVariant = function (_a) {
|
|
643
663
|
var height = _a.height, width = _a.width, fill = _a.fill;
|
|
644
664
|
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 24, viewBoxY: 24, title: "chevron right variant" }, { children: jsx$1("path", { d: "M17.635 6.24942C17.3066 5.91686 16.8139 5.91686 16.4854 6.24942C16.1569 6.58199 16.1569 7.08083 16.4854 7.41339L20.208 11.127H1.82117C1.38321 11.1824 1 11.5704 1 12.0139C1 12.4573 1.38321 12.8453 1.82117 12.8453H20.208L16.4854 16.6143C16.1569 16.9469 16.1569 17.4457 16.4854 17.7783C16.6496 17.9446 16.8686 18 17.0876 18C17.3066 18 17.5255 17.9446 17.6898 17.7783L22.781 12.6236C22.9453 12.4573 23 12.2356 23 12.0139C23 11.7921 22.8905 11.5704 22.781 11.4042L17.635 6.24942Z", fill: fill }, void 0) }), void 0));
|
|
@@ -654,9 +674,14 @@ var ChevronUpSolid = function (_a) {
|
|
|
654
674
|
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 22, viewBoxY: 22, title: "chevron up solid" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11C22 17.0751 17.0751 22 11 22ZM11.6271 7.05494L11.6271 16.4342C11.6271 16.8548 11.2432 17.1492 10.8594 17.1071C10.5608 17.023 10.3476 16.7706 10.3476 16.4762L10.3476 7.097L7.83115 9.53644C7.6179 9.74674 7.27669 9.7888 7.02078 9.62056C6.80752 9.49438 6.72222 9.28409 6.72222 9.07379C6.72222 8.90555 6.76487 8.73731 6.89283 8.61114L10.5182 5.07816C10.7741 4.8258 11.1579 4.8258 11.4138 5.07816L15.0818 8.61114C15.3804 8.86349 15.3378 9.3682 14.9539 9.5785C14.698 9.74674 14.3568 9.70468 14.1435 9.49438L11.6271 7.05494Z", fill: fill }, void 0) }), void 0));
|
|
655
675
|
};
|
|
656
676
|
|
|
657
|
-
var
|
|
677
|
+
var ChevronUpVariant = function (_a) {
|
|
658
678
|
var width = _a.width, height = _a.height, fill = _a.fill;
|
|
659
|
-
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "
|
|
679
|
+
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "chevron up variant" }, { children: jsx$1("path", { d: "M10.4157 9.86033C9.86143 10.4028 9.86143 11.2165 10.4157 11.759C10.97 12.3015 11.8014 12.3015 12.3557 11.759L18.545 5.61099V37.6438C18.6374 38.3671 19.2841 39 20.0231 39C20.7621 39 21.4088 38.3671 21.4088 37.6438V5.61099L27.6905 11.759C28.2448 12.3015 29.0762 12.3015 29.6305 11.759C29.9076 11.4877 30 11.1261 30 10.7645C30 10.4028 29.9076 10.0412 29.6305 9.76992L21.0393 1.36164C20.7621 1.09041 20.3926 1 20.0231 1C19.6536 1 19.2841 1.18082 19.0069 1.36164L10.4157 9.86033Z", fill: fill }, void 0) }), void 0));
|
|
680
|
+
};
|
|
681
|
+
|
|
682
|
+
var CircleChevronDown = function (_a) {
|
|
683
|
+
var width = _a.width, height = _a.height, fill = _a.fill;
|
|
684
|
+
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "circle chevron down" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 2C10.0589 2 2 10.0589 2 20C2 29.9411 10.0589 38 20 38C29.9411 38 38 29.9411 38 20C38 10.0589 29.9411 2 20 2ZM11.3524 16.3939C10.8825 16.8513 10.8825 17.6137 11.3524 18.0712L19.0798 25.6442C19.3408 25.8475 19.6541 26 19.9674 26C20.3329 26 20.6461 25.8475 20.855 25.6442L28.6345 18.0712C28.8956 17.817 29 17.5121 29 17.2071C29 16.9022 28.8956 16.5972 28.6345 16.3431C28.1646 15.8856 27.3814 15.8856 26.9115 16.3431C24.9797 18.1728 23.1001 20.0025 21.2204 21.8323C21.1943 21.8323 20.8811 22.1499 20.5678 22.4676C20.2545 22.7853 19.9413 23.1029 19.9152 23.1029C19.8891 23.1029 19.5888 22.798 19.2886 22.493C18.9884 22.1881 18.6882 21.8831 18.6621 21.8831C17.7222 20.9682 16.7955 20.0533 15.8687 19.1385C14.942 18.2236 14.0152 17.3088 13.0754 16.3939C12.6055 15.9365 11.8223 15.9365 11.3524 16.3939Z", fill: fill }, void 0) }), void 0));
|
|
660
685
|
};
|
|
661
686
|
|
|
662
687
|
var CircleChevronLeft = function (_a) {
|
|
@@ -669,29 +694,24 @@ var CircleChevronRight = function (_a) {
|
|
|
669
694
|
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "circle chevron Right" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 20C2 29.9411 10.0589 38 20 38C29.9411 38 38 29.9411 38 20C38 10.0589 29.9411 2 20 2C10.0589 2 2 10.0589 2 20ZM16.3939 28.6476C16.8513 29.1175 17.6137 29.1175 18.0712 28.6476L25.6442 20.9202C25.8475 20.6592 26 20.3459 26 20.0326C26 19.6671 25.8475 19.3539 25.6442 19.145L18.0712 11.3655C17.817 11.1044 17.5121 11 17.2071 11C16.9022 11 16.5972 11.1044 16.3431 11.3655C15.8856 11.8354 15.8856 12.6186 16.3431 13.0885C18.1728 15.0203 20.0025 16.8999 21.8323 18.7796C21.8323 18.8057 22.1499 19.1189 22.4676 19.4322C22.7853 19.7455 23.1029 20.0587 23.1029 20.0848C23.1029 20.1109 22.798 20.4112 22.493 20.7114C22.1881 21.0116 21.8831 21.3118 21.8831 21.3379C20.9682 22.2778 20.0533 23.2045 19.1385 24.1313C18.2236 25.058 17.3088 25.9848 16.3939 26.9246C15.9365 27.3945 15.9365 28.1777 16.3939 28.6476Z", fill: fill }, void 0) }), void 0));
|
|
670
695
|
};
|
|
671
696
|
|
|
672
|
-
var CircleChevronDown = function (_a) {
|
|
673
|
-
var width = _a.width, height = _a.height, fill = _a.fill;
|
|
674
|
-
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "circle chevron down" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 2C10.0589 2 2 10.0589 2 20C2 29.9411 10.0589 38 20 38C29.9411 38 38 29.9411 38 20C38 10.0589 29.9411 2 20 2ZM11.3524 16.3939C10.8825 16.8513 10.8825 17.6137 11.3524 18.0712L19.0798 25.6442C19.3408 25.8475 19.6541 26 19.9674 26C20.3329 26 20.6461 25.8475 20.855 25.6442L28.6345 18.0712C28.8956 17.817 29 17.5121 29 17.2071C29 16.9022 28.8956 16.5972 28.6345 16.3431C28.1646 15.8856 27.3814 15.8856 26.9115 16.3431C24.9797 18.1728 23.1001 20.0025 21.2204 21.8323C21.1943 21.8323 20.8811 22.1499 20.5678 22.4676C20.2545 22.7853 19.9413 23.1029 19.9152 23.1029C19.8891 23.1029 19.5888 22.798 19.2886 22.493C18.9884 22.1881 18.6882 21.8831 18.6621 21.8831C17.7222 20.9682 16.7955 20.0533 15.8687 19.1385C14.942 18.2236 14.0152 17.3088 13.0754 16.3939C12.6055 15.9365 11.8223 15.9365 11.3524 16.3939Z", fill: fill }, void 0) }), void 0));
|
|
675
|
-
};
|
|
676
|
-
|
|
677
697
|
var CircleChevronUp = function (_a) {
|
|
678
698
|
var width = _a.width, height = _a.height, fill = _a.fill;
|
|
679
699
|
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "circle chevron up" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 38C29.9411 38 38 29.9411 38 20C38 10.0589 29.9411 2 20 2C10.0589 2 2 10.0589 2 20C2 29.9411 10.0589 38 20 38ZM28.6476 23.6061C29.1175 23.1487 29.1175 22.3863 28.6476 21.9288L20.9202 14.3558C20.6592 14.1525 20.3459 14 20.0326 14C19.6671 14 19.3539 14.1525 19.145 14.3558L11.3655 21.9288C11.1044 22.183 11 22.4879 11 22.7929C11 23.0978 11.1044 23.4028 11.3655 23.6569C11.8354 24.1144 12.6186 24.1144 13.0885 23.6569C15.0203 21.8272 16.8999 19.9975 18.7796 18.1677C18.8057 18.1677 19.1189 17.8501 19.4322 17.5324C19.7455 17.2147 20.0587 16.8971 20.0848 16.8971C20.1109 16.8971 20.4112 17.202 20.7114 17.507C21.0116 17.8119 21.3118 18.1169 21.3379 18.1169C22.2778 19.0318 23.2045 19.9467 24.1313 20.8615C25.058 21.7764 25.9848 22.6912 26.9246 23.6061C27.3945 24.0635 28.1777 24.0635 28.6476 23.6061Z", fill: fill }, void 0) }), void 0));
|
|
680
700
|
};
|
|
681
701
|
|
|
682
|
-
var
|
|
702
|
+
var CircleLineDown = function (_a) {
|
|
683
703
|
var width = _a.width, height = _a.height, fill = _a.fill;
|
|
684
|
-
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "
|
|
704
|
+
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "circle line down" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 2C10.0589 2 2 10.0589 2 20C2 29.9411 10.0589 38 20 38C29.9411 38 38 29.9411 38 20C38 10.0589 29.9411 2 20 2ZM21.0262 26.4555V11.1077C21.0262 10.4195 20.398 9.93772 19.7699 10.0065C19.2814 10.1442 18.9324 10.5571 18.9324 11.0389V26.3867L14.8146 22.3949C14.4656 22.0508 13.9073 21.982 13.4886 22.2573C13.1396 22.4637 13 22.8079 13 23.152C13 23.4273 13.0698 23.7026 13.2792 23.909L19.2116 29.6903C19.6303 30.1032 20.2585 30.1032 20.6772 29.6903L26.6794 23.909C27.1679 23.4961 27.0981 22.6702 26.47 22.3261C26.0513 22.0508 25.4929 22.1196 25.1439 22.4637L21.0262 26.4555Z", fill: fill }, void 0) }), void 0));
|
|
685
705
|
};
|
|
686
706
|
|
|
687
|
-
var
|
|
707
|
+
var CircleLineLeft = function (_a) {
|
|
688
708
|
var width = _a.width, height = _a.height, fill = _a.fill;
|
|
689
|
-
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "
|
|
709
|
+
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "circle line left" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M38 20C38 29.9411 29.9411 38 20 38C10.0589 38 2 29.9411 2 20C2 10.0589 10.0589 2 20 2C29.9411 2 38 10.0589 38 20ZM13.5445 18.9738H28.8923C29.5805 18.9738 30.0623 19.602 29.9935 20.2301C29.8558 20.7186 29.4429 21.0676 28.9611 21.0676H13.6133L17.6051 25.1854C17.9492 25.5344 18.018 26.0927 17.7427 26.5114C17.5363 26.8604 17.1921 27 16.848 27C16.5727 27 16.2974 26.9302 16.091 26.7208L10.3097 20.7884C9.89676 20.3697 9.89676 19.7415 10.3097 19.3228L16.091 13.3206C16.5039 12.8321 17.3298 12.9019 17.6739 13.53C17.9492 13.9487 17.8804 14.5071 17.5363 14.8561L13.5445 18.9738Z", fill: fill }, void 0) }), void 0));
|
|
690
710
|
};
|
|
691
711
|
|
|
692
|
-
var
|
|
712
|
+
var CircleLineRight = function (_a) {
|
|
693
713
|
var width = _a.width, height = _a.height, fill = _a.fill;
|
|
694
|
-
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "
|
|
714
|
+
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "circle line right" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 20C2 29.9411 10.0589 38 20 38C29.9411 38 38 29.9411 38 20C38 10.0589 29.9411 2 20 2C10.0589 2 2 10.0589 2 20ZM26.4555 18.9738H11.1077C10.4195 18.9738 9.93772 19.602 10.0065 20.2301C10.1442 20.7186 10.5571 21.0676 11.0389 21.0676H26.3867L22.3949 25.1854C22.0508 25.5344 21.982 26.0927 22.2573 26.5114C22.4637 26.8604 22.8079 27 23.152 27C23.4273 27 23.7026 26.9302 23.909 26.7208L29.6903 20.7884C30.1032 20.3697 30.1032 19.7415 29.6903 19.3228L23.909 13.3206C23.4961 12.8321 22.6702 12.9019 22.3261 13.53C22.0508 13.9487 22.1196 14.5071 22.4637 14.8561L26.4555 18.9738Z", fill: fill }, void 0) }), void 0));
|
|
695
715
|
};
|
|
696
716
|
|
|
697
717
|
var CircleLineUp = function (_a) {
|
|
@@ -699,19 +719,9 @@ var CircleLineUp = function (_a) {
|
|
|
699
719
|
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "circle line right" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 38C10.0589 38 2 29.9411 2 20C2 10.0589 10.0589 2 20 2C29.9411 2 38 10.0589 38 20C38 29.9411 29.9411 38 20 38ZM21.0262 13.5445V28.8923C21.0262 29.5805 20.398 30.0623 19.7699 29.9935C19.2814 29.8558 18.9324 29.4429 18.9324 28.9611V13.6133L14.8146 17.6051C14.4656 17.9492 13.9073 18.018 13.4886 17.7427C13.1396 17.5363 13 17.1921 13 16.848C13 16.5727 13.0698 16.2974 13.2792 16.091L19.2116 10.3097C19.6303 9.89676 20.2585 9.89676 20.6772 10.3097L26.6794 16.091C27.1679 16.5039 27.0981 17.3298 26.47 17.6739C26.0513 17.9492 25.4929 17.8804 25.1439 17.5363L21.0262 13.5445Z", fill: fill }, void 0) }), void 0));
|
|
700
720
|
};
|
|
701
721
|
|
|
702
|
-
var
|
|
703
|
-
var width = _a.width, height = _a.height, fill = _a.fill;
|
|
704
|
-
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "circle line down" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 2C10.0589 2 2 10.0589 2 20C2 29.9411 10.0589 38 20 38C29.9411 38 38 29.9411 38 20C38 10.0589 29.9411 2 20 2ZM21.0262 26.4555V11.1077C21.0262 10.4195 20.398 9.93772 19.7699 10.0065C19.2814 10.1442 18.9324 10.5571 18.9324 11.0389V26.3867L14.8146 22.3949C14.4656 22.0508 13.9073 21.982 13.4886 22.2573C13.1396 22.4637 13 22.8079 13 23.152C13 23.4273 13.0698 23.7026 13.2792 23.909L19.2116 29.6903C19.6303 30.1032 20.2585 30.1032 20.6772 29.6903L26.6794 23.909C27.1679 23.4961 27.0981 22.6702 26.47 22.3261C26.0513 22.0508 25.4929 22.1196 25.1439 22.4637L21.0262 26.4555Z", fill: fill }, void 0) }), void 0));
|
|
705
|
-
};
|
|
706
|
-
|
|
707
|
-
var CircleLineLeft = function (_a) {
|
|
708
|
-
var width = _a.width, height = _a.height, fill = _a.fill;
|
|
709
|
-
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "circle line left" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M38 20C38 29.9411 29.9411 38 20 38C10.0589 38 2 29.9411 2 20C2 10.0589 10.0589 2 20 2C29.9411 2 38 10.0589 38 20ZM13.5445 18.9738H28.8923C29.5805 18.9738 30.0623 19.602 29.9935 20.2301C29.8558 20.7186 29.4429 21.0676 28.9611 21.0676H13.6133L17.6051 25.1854C17.9492 25.5344 18.018 26.0927 17.7427 26.5114C17.5363 26.8604 17.1921 27 16.848 27C16.5727 27 16.2974 26.9302 16.091 26.7208L10.3097 20.7884C9.89676 20.3697 9.89676 19.7415 10.3097 19.3228L16.091 13.3206C16.5039 12.8321 17.3298 12.9019 17.6739 13.53C17.9492 13.9487 17.8804 14.5071 17.5363 14.8561L13.5445 18.9738Z", fill: fill }, void 0) }), void 0));
|
|
710
|
-
};
|
|
711
|
-
|
|
712
|
-
var CircleLineRight = function (_a) {
|
|
722
|
+
var CircleUp = function (_a) {
|
|
713
723
|
var width = _a.width, height = _a.height, fill = _a.fill;
|
|
714
|
-
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "circle
|
|
724
|
+
return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 38, viewBoxY: 38, title: "circle up" }, { children: jsx$1("path", { d: "M0 19C0 8.50403 8.50403 0 19 0C29.496 0 38 8.50403 38 19C38 29.496 29.496 38 19 38C8.50403 38 0 29.496 0 19ZM17.6976 10.2738L7.31653 20.6548C6.59637 21.375 6.59637 22.5395 7.31653 23.252L8.61895 24.5544C9.33911 25.2746 10.5036 25.2746 11.2161 24.5544L19 16.7706L26.7839 24.5544C27.504 25.2746 28.6685 25.2746 29.381 24.5544L30.6835 23.252C31.4036 22.5319 31.4036 21.3673 30.6835 20.6548L20.3024 10.2738C19.5823 9.55363 18.4177 9.55363 17.6976 10.2738Z", fill: fill }, void 0) }), void 0));
|
|
715
725
|
};
|
|
716
726
|
|
|
717
727
|
var DoubleArrowUp = function (_a) {
|
|
@@ -722,23 +732,25 @@ var DoubleArrowUp = function (_a) {
|
|
|
722
732
|
var Arrows = /*#__PURE__*/Object.freeze({
|
|
723
733
|
__proto__: null,
|
|
724
734
|
ChevronDown: ChevronDown,
|
|
735
|
+
ChevronDownVariant: ChevronDownVariant,
|
|
725
736
|
ChevronLeft: ChevronLeft,
|
|
737
|
+
ChevronLeftLite: ChevronLeftLite,
|
|
738
|
+
ChevronLeftVariant: ChevronLeftVariant,
|
|
726
739
|
ChevronRight: ChevronRight,
|
|
740
|
+
ChevronRightLite: ChevronRightLite,
|
|
727
741
|
ChevronRightVariant: ChevronRightVariant,
|
|
728
742
|
ChevronUp: ChevronUp,
|
|
729
743
|
ChevronUpSolid: ChevronUpSolid,
|
|
730
|
-
|
|
744
|
+
ChevronUpVariant: ChevronUpVariant,
|
|
745
|
+
CircleChevronDown: CircleChevronDown,
|
|
731
746
|
CircleChevronLeft: CircleChevronLeft,
|
|
732
747
|
CircleChevronRight: CircleChevronRight,
|
|
733
|
-
CircleChevronDown: CircleChevronDown,
|
|
734
748
|
CircleChevronUp: CircleChevronUp,
|
|
735
|
-
ChevronDownVariant: ChevronDownVariant,
|
|
736
|
-
ChevronUpVariant: ChevronUpVariant,
|
|
737
|
-
ChevronLeftVariant: ChevronLeftVariant,
|
|
738
|
-
CircleLineUp: CircleLineUp,
|
|
739
749
|
CircleLineDown: CircleLineDown,
|
|
740
750
|
CircleLineLeft: CircleLineLeft,
|
|
741
751
|
CircleLineRight: CircleLineRight,
|
|
752
|
+
CircleLineUp: CircleLineUp,
|
|
753
|
+
CircleUp: CircleUp,
|
|
742
754
|
DoubleArrowUp: DoubleArrowUp
|
|
743
755
|
});
|
|
744
756
|
|
|
@@ -5392,30 +5404,29 @@ var useWindowDimensions = function (breakpoints) {
|
|
|
5392
5404
|
};
|
|
5393
5405
|
|
|
5394
5406
|
var getStylesBySize$a = function (size, theme) {
|
|
5395
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j
|
|
5407
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
5396
5408
|
console.log('fontsize:', (_a = theme === null || theme === void 0 ? void 0 : theme.component.pricing.priceLabel.price.largeFontSize) === null || _a === void 0 ? void 0 : _a.large);
|
|
5397
5409
|
switch (size) {
|
|
5398
5410
|
case ComponentSize.Large:
|
|
5399
5411
|
return {
|
|
5400
|
-
|
|
5401
|
-
|
|
5402
|
-
finalPricefontSizeSmall: ((_d = theme === null || theme === void 0 ? void 0 : theme.component.pricing.priceLabel.price.smallFontSize) === null || _d === void 0 ? void 0 : _d.large) || '14px',
|
|
5412
|
+
finalPricefontSize: ((_b = theme === null || theme === void 0 ? void 0 : theme.component.pricing.priceLabel.price.largeFontSize) === null || _b === void 0 ? void 0 : _b.large) || '20px',
|
|
5413
|
+
finalPricefontSizeSmall: ((_c = theme === null || theme === void 0 ? void 0 : theme.component.pricing.priceLabel.price.smallFontSize) === null || _c === void 0 ? void 0 : _c.large) || '14px',
|
|
5403
5414
|
margin: '0 0 0 0.75rem',
|
|
5404
5415
|
lineHeight: '2rem',
|
|
5405
5416
|
};
|
|
5406
5417
|
case ComponentSize.Medium:
|
|
5407
5418
|
return {
|
|
5408
|
-
fontSize: ((
|
|
5409
|
-
finalPricefontSize: ((
|
|
5410
|
-
finalPricefontSizeSmall: ((
|
|
5419
|
+
fontSize: ((_d = theme === null || theme === void 0 ? void 0 : theme.component.pricing.priceLabel.price.defaultFontSize) === null || _d === void 0 ? void 0 : _d.medium) || '1.125rem',
|
|
5420
|
+
finalPricefontSize: ((_e = theme === null || theme === void 0 ? void 0 : theme.component.pricing.priceLabel.price.largeFontSize) === null || _e === void 0 ? void 0 : _e.medium) || '20px',
|
|
5421
|
+
finalPricefontSizeSmall: ((_f = theme === null || theme === void 0 ? void 0 : theme.component.pricing.priceLabel.price.smallFontSize) === null || _f === void 0 ? void 0 : _f.medium) || '14px',
|
|
5411
5422
|
margin: '0 0 0 0.5rem',
|
|
5412
5423
|
lineHeight: '1.25rem',
|
|
5413
5424
|
};
|
|
5414
5425
|
case ComponentSize.Small:
|
|
5415
5426
|
return {
|
|
5416
|
-
fontSize: ((
|
|
5417
|
-
finalPricefontSize: ((
|
|
5418
|
-
finalPricefontSizeSmall: ((
|
|
5427
|
+
fontSize: ((_g = theme === null || theme === void 0 ? void 0 : theme.component.pricing.priceLabel.price.defaultFontSize) === null || _g === void 0 ? void 0 : _g.small) || '14px',
|
|
5428
|
+
finalPricefontSize: ((_h = theme === null || theme === void 0 ? void 0 : theme.component.pricing.priceLabel.price.largeFontSize) === null || _h === void 0 ? void 0 : _h.small) || '20px',
|
|
5429
|
+
finalPricefontSizeSmall: ((_j = theme === null || theme === void 0 ? void 0 : theme.component.pricing.priceLabel.price.smallFontSize) === null || _j === void 0 ? void 0 : _j.small) || '14px',
|
|
5419
5430
|
margin: '0 0 0 0.5rem',
|
|
5420
5431
|
lineHeight: '1.25rem',
|
|
5421
5432
|
};
|