@transferwise/components 0.0.0-experimental-bb7ed4a → 0.0.0-experimental-f34234e

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.
Files changed (40) hide show
  1. package/build/i18n/hu.json +1 -1
  2. package/build/index.js +213 -13
  3. package/build/index.js.map +1 -1
  4. package/build/index.mjs +214 -15
  5. package/build/index.mjs.map +1 -1
  6. package/build/main.css +126 -0
  7. package/build/styles/carousel/Carousel.css +126 -0
  8. package/build/styles/main.css +126 -0
  9. package/build/types/carousel/Carousel.d.ts +19 -0
  10. package/build/types/carousel/Carousel.d.ts.map +1 -0
  11. package/build/types/carousel/Carousel.test.d.ts +2 -0
  12. package/build/types/carousel/Carousel.test.d.ts.map +1 -0
  13. package/build/types/carousel/index.d.ts +3 -0
  14. package/build/types/carousel/index.d.ts.map +1 -0
  15. package/build/types/common/dateUtils/index.d.ts +0 -1
  16. package/build/types/common/dateUtils/index.d.ts.map +1 -1
  17. package/build/types/dateLookup/DateLookup.d.ts +2 -2
  18. package/build/types/dateLookup/DateLookup.d.ts.map +1 -1
  19. package/build/types/dateLookup/dayCalendar/table/DayCalendarTable.d.ts +1 -1
  20. package/build/types/dateLookup/dayCalendar/table/DayCalendarTable.d.ts.map +1 -1
  21. package/build/types/index.d.ts +2 -0
  22. package/build/types/index.d.ts.map +1 -1
  23. package/package.json +5 -5
  24. package/src/carousel/Carousel.css +126 -0
  25. package/src/carousel/Carousel.less +125 -0
  26. package/src/carousel/Carousel.story.tsx +62 -0
  27. package/src/carousel/Carousel.test.tsx +221 -0
  28. package/src/carousel/Carousel.tsx +269 -0
  29. package/src/carousel/index.ts +3 -0
  30. package/src/common/dateUtils/index.ts +0 -1
  31. package/src/dateLookup/DateLookup.tests.story.tsx +10 -44
  32. package/src/dateLookup/DateLookup.tsx +12 -9
  33. package/src/dateLookup/dayCalendar/table/DayCalendarTable.tsx +2 -5
  34. package/src/i18n/hu.json +1 -1
  35. package/src/index.ts +2 -0
  36. package/src/main.css +126 -0
  37. package/src/main.less +1 -0
  38. package/build/types/common/dateUtils/getDateView/getDateView.d.ts +0 -2
  39. package/build/types/common/dateUtils/getDateView/getDateView.d.ts.map +0 -1
  40. package/src/common/dateUtils/getDateView/getDateView.ts +0 -5
package/build/main.css CHANGED
@@ -643,6 +643,132 @@ div.critical-comms .critical-comms-body {
643
643
  border-radius: 16px 16px 0 0;
644
644
  border-radius: var(--radius-medium) var(--radius-medium) 0 0;
645
645
  }
646
+ .carousel {
647
+ display: flex;
648
+ align-items: center;
649
+ overflow-x: scroll;
650
+ overflow-y: hidden;
651
+ scroll-snap-type: x mandatory;
652
+ scroll-behavior: smooth;
653
+ gap: 16px;
654
+ gap: var(--size-16);
655
+ }
656
+ .carousel__header {
657
+ display: flex;
658
+ align-items: center;
659
+ overflow: hidden;
660
+ min-height: 32px;
661
+ min-height: var(--size-32);
662
+ padding-bottom: 16px;
663
+ padding-bottom: var(--size-16);
664
+ }
665
+ .carousel__card,
666
+ .carousel__card:hover,
667
+ .carousel__card:focus {
668
+ -webkit-text-decoration: none;
669
+ text-decoration: none;
670
+ }
671
+ .carousel__card {
672
+ position: relative;
673
+ text-align: left;
674
+ border: none;
675
+ overflow: hidden;
676
+ background: rgba(134,167,189,0.10196);
677
+ background: var(--color-background-neutral);
678
+ border-radius: 16px;
679
+ border-radius: var(--size-16);
680
+ scroll-snap-align: center;
681
+ -webkit-scroll-snap-align: center;
682
+ transition: all 0.4s;
683
+ }
684
+ @media (min-width: 1200px) {
685
+ .carousel__card {
686
+ min-width: 280px;
687
+ width: 280px;
688
+ height: 280px;
689
+ }
690
+ }
691
+ @media (max-width: 1199px) {
692
+ .carousel__card {
693
+ min-width: 242px;
694
+ width: 242px;
695
+ height: 242px;
696
+ }
697
+ }
698
+ @media (max-width: 767px) {
699
+ .carousel__card {
700
+ min-width: 336px;
701
+ width: 336px;
702
+ height: 336px;
703
+ scroll-snap-stop: always;
704
+ }
705
+ }
706
+ .carousel__card:focus {
707
+ outline: 0;
708
+ }
709
+ .carousel__card:focus:after {
710
+ content: '';
711
+ position: absolute;
712
+ z-index: 4;
713
+ top: 0;
714
+ left: 0;
715
+ width: 100%;
716
+ height: 100%;
717
+ border-radius: 16px;
718
+ border-radius: var(--size-16);
719
+ box-shadow: inset 0 0 0 2px var(--ring-outline-color);
720
+ }
721
+ .carousel__card:hover {
722
+ background-color: var(--color-background-neutral-hover);
723
+ }
724
+ .carousel__card:focus {
725
+ background-color: var(--color-background-neutral-hover);
726
+ }
727
+ .carousel__card-content {
728
+ height: 100%;
729
+ font-weight: normal;
730
+ }
731
+ .carousel__scroll-button {
732
+ width: 32px;
733
+ width: var(--size-32);
734
+ height: 32px;
735
+ height: var(--size-32);
736
+ align-items: center;
737
+ justify-content: center;
738
+ }
739
+ .carousel__indicators {
740
+ display: flex;
741
+ justify-content: center;
742
+ padding-top: 8px;
743
+ padding-top: var(--size-8);
744
+ gap: 8px;
745
+ gap: var(--size-8);
746
+ }
747
+ .carousel__indicator {
748
+ width: 12px;
749
+ width: var(--size-12);
750
+ height: 12px;
751
+ height: var(--size-12);
752
+ border-radius: 8px;
753
+ border-radius: var(--size-8);
754
+ background: #c9cbce;
755
+ background: var(--color-interactive-secondary);
756
+ border: none;
757
+ -webkit-appearance: none;
758
+ -moz-appearance: none;
759
+ appearance: none;
760
+ transition: all 0.1s;
761
+ }
762
+ .carousel__indicator:hover {
763
+ width: 16px;
764
+ width: var(--size-16);
765
+ }
766
+ .carousel__indicator--selected,
767
+ .carousel__indicator--selected:hover {
768
+ background: var(--color-interactive-primary);
769
+ width: 24px;
770
+ width: var(--size-24);
771
+ }
646
772
  .np-checkbox-button input[type="checkbox"] {
647
773
  position: absolute;
648
774
  width: 24px;
@@ -0,0 +1,126 @@
1
+ .carousel {
2
+ display: flex;
3
+ align-items: center;
4
+ overflow-x: scroll;
5
+ overflow-y: hidden;
6
+ scroll-snap-type: x mandatory;
7
+ scroll-behavior: smooth;
8
+ gap: 16px;
9
+ gap: var(--size-16);
10
+ }
11
+ .carousel__header {
12
+ display: flex;
13
+ align-items: center;
14
+ overflow: hidden;
15
+ min-height: 32px;
16
+ min-height: var(--size-32);
17
+ padding-bottom: 16px;
18
+ padding-bottom: var(--size-16);
19
+ }
20
+ .carousel__card,
21
+ .carousel__card:hover,
22
+ .carousel__card:focus {
23
+ -webkit-text-decoration: none;
24
+ text-decoration: none;
25
+ }
26
+ .carousel__card {
27
+ position: relative;
28
+ text-align: left;
29
+ border: none;
30
+ overflow: hidden;
31
+ background: rgba(134,167,189,0.10196);
32
+ background: var(--color-background-neutral);
33
+ border-radius: 16px;
34
+ border-radius: var(--size-16);
35
+ scroll-snap-align: center;
36
+ -webkit-scroll-snap-align: center;
37
+ transition: all 0.4s;
38
+ }
39
+ @media (min-width: 1200px) {
40
+ .carousel__card {
41
+ min-width: 280px;
42
+ width: 280px;
43
+ height: 280px;
44
+ }
45
+ }
46
+ @media (max-width: 1199px) {
47
+ .carousel__card {
48
+ min-width: 242px;
49
+ width: 242px;
50
+ height: 242px;
51
+ }
52
+ }
53
+ @media (max-width: 767px) {
54
+ .carousel__card {
55
+ min-width: 336px;
56
+ width: 336px;
57
+ height: 336px;
58
+ scroll-snap-stop: always;
59
+ }
60
+ }
61
+ .carousel__card:focus {
62
+ outline: 0;
63
+ }
64
+ .carousel__card:focus:after {
65
+ content: '';
66
+ position: absolute;
67
+ z-index: 4;
68
+ top: 0;
69
+ left: 0;
70
+ width: 100%;
71
+ height: 100%;
72
+ border-radius: 16px;
73
+ border-radius: var(--size-16);
74
+ box-shadow: inset 0 0 0 2px var(--ring-outline-color);
75
+ }
76
+ .carousel__card:hover {
77
+ background-color: var(--color-background-neutral-hover);
78
+ }
79
+ .carousel__card:focus {
80
+ background-color: var(--color-background-neutral-hover);
81
+ }
82
+ .carousel__card-content {
83
+ height: 100%;
84
+ font-weight: normal;
85
+ }
86
+ .carousel__scroll-button {
87
+ width: 32px;
88
+ width: var(--size-32);
89
+ height: 32px;
90
+ height: var(--size-32);
91
+ align-items: center;
92
+ justify-content: center;
93
+ }
94
+ .carousel__indicators {
95
+ display: flex;
96
+ justify-content: center;
97
+ padding-top: 8px;
98
+ padding-top: var(--size-8);
99
+ gap: 8px;
100
+ gap: var(--size-8);
101
+ }
102
+ .carousel__indicator {
103
+ width: 12px;
104
+ width: var(--size-12);
105
+ height: 12px;
106
+ height: var(--size-12);
107
+ border-radius: 8px;
108
+ border-radius: var(--size-8);
109
+ background: #c9cbce;
110
+ background: var(--color-interactive-secondary);
111
+ border: none;
112
+ -webkit-appearance: none;
113
+ -moz-appearance: none;
114
+ appearance: none;
115
+ transition: all 0.1s;
116
+ }
117
+ .carousel__indicator:hover {
118
+ width: 16px;
119
+ width: var(--size-16);
120
+ }
121
+ .carousel__indicator--selected,
122
+ .carousel__indicator--selected:hover {
123
+ background: var(--color-interactive-primary);
124
+ width: 24px;
125
+ width: var(--size-24);
126
+ }
@@ -643,6 +643,132 @@ div.critical-comms .critical-comms-body {
643
643
  border-radius: 16px 16px 0 0;
644
644
  border-radius: var(--radius-medium) var(--radius-medium) 0 0;
645
645
  }
646
+ .carousel {
647
+ display: flex;
648
+ align-items: center;
649
+ overflow-x: scroll;
650
+ overflow-y: hidden;
651
+ scroll-snap-type: x mandatory;
652
+ scroll-behavior: smooth;
653
+ gap: 16px;
654
+ gap: var(--size-16);
655
+ }
656
+ .carousel__header {
657
+ display: flex;
658
+ align-items: center;
659
+ overflow: hidden;
660
+ min-height: 32px;
661
+ min-height: var(--size-32);
662
+ padding-bottom: 16px;
663
+ padding-bottom: var(--size-16);
664
+ }
665
+ .carousel__card,
666
+ .carousel__card:hover,
667
+ .carousel__card:focus {
668
+ -webkit-text-decoration: none;
669
+ text-decoration: none;
670
+ }
671
+ .carousel__card {
672
+ position: relative;
673
+ text-align: left;
674
+ border: none;
675
+ overflow: hidden;
676
+ background: rgba(134,167,189,0.10196);
677
+ background: var(--color-background-neutral);
678
+ border-radius: 16px;
679
+ border-radius: var(--size-16);
680
+ scroll-snap-align: center;
681
+ -webkit-scroll-snap-align: center;
682
+ transition: all 0.4s;
683
+ }
684
+ @media (min-width: 1200px) {
685
+ .carousel__card {
686
+ min-width: 280px;
687
+ width: 280px;
688
+ height: 280px;
689
+ }
690
+ }
691
+ @media (max-width: 1199px) {
692
+ .carousel__card {
693
+ min-width: 242px;
694
+ width: 242px;
695
+ height: 242px;
696
+ }
697
+ }
698
+ @media (max-width: 767px) {
699
+ .carousel__card {
700
+ min-width: 336px;
701
+ width: 336px;
702
+ height: 336px;
703
+ scroll-snap-stop: always;
704
+ }
705
+ }
706
+ .carousel__card:focus {
707
+ outline: 0;
708
+ }
709
+ .carousel__card:focus:after {
710
+ content: '';
711
+ position: absolute;
712
+ z-index: 4;
713
+ top: 0;
714
+ left: 0;
715
+ width: 100%;
716
+ height: 100%;
717
+ border-radius: 16px;
718
+ border-radius: var(--size-16);
719
+ box-shadow: inset 0 0 0 2px var(--ring-outline-color);
720
+ }
721
+ .carousel__card:hover {
722
+ background-color: var(--color-background-neutral-hover);
723
+ }
724
+ .carousel__card:focus {
725
+ background-color: var(--color-background-neutral-hover);
726
+ }
727
+ .carousel__card-content {
728
+ height: 100%;
729
+ font-weight: normal;
730
+ }
731
+ .carousel__scroll-button {
732
+ width: 32px;
733
+ width: var(--size-32);
734
+ height: 32px;
735
+ height: var(--size-32);
736
+ align-items: center;
737
+ justify-content: center;
738
+ }
739
+ .carousel__indicators {
740
+ display: flex;
741
+ justify-content: center;
742
+ padding-top: 8px;
743
+ padding-top: var(--size-8);
744
+ gap: 8px;
745
+ gap: var(--size-8);
746
+ }
747
+ .carousel__indicator {
748
+ width: 12px;
749
+ width: var(--size-12);
750
+ height: 12px;
751
+ height: var(--size-12);
752
+ border-radius: 8px;
753
+ border-radius: var(--size-8);
754
+ background: #c9cbce;
755
+ background: var(--color-interactive-secondary);
756
+ border: none;
757
+ -webkit-appearance: none;
758
+ -moz-appearance: none;
759
+ appearance: none;
760
+ transition: all 0.1s;
761
+ }
762
+ .carousel__indicator:hover {
763
+ width: 16px;
764
+ width: var(--size-16);
765
+ }
766
+ .carousel__indicator--selected,
767
+ .carousel__indicator--selected:hover {
768
+ background: var(--color-interactive-primary);
769
+ width: 24px;
770
+ width: var(--size-24);
771
+ }
646
772
  .np-checkbox-button input[type="checkbox"] {
647
773
  position: absolute;
648
774
  width: 24px;
@@ -0,0 +1,19 @@
1
+ import { type CSSProperties, type ReactNode } from 'react';
2
+ export type CarouselCard = {
3
+ id: string;
4
+ type: 'anchor' | 'button';
5
+ href?: string;
6
+ onClick?: () => void;
7
+ className?: string;
8
+ styles?: CSSProperties;
9
+ content: ReactNode;
10
+ };
11
+ export interface CarouselProps {
12
+ header: string | ReactNode;
13
+ className?: string;
14
+ cards: CarouselCard[];
15
+ onClick?: (cardId: string) => void;
16
+ }
17
+ declare const Carousel: React.FC<CarouselProps>;
18
+ export default Carousel;
19
+ //# sourceMappingURL=Carousel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/carousel/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAKxF,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwOrC,CAAC;AAYF,eAAe,QAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Carousel.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Carousel.test.d.ts","sourceRoot":"","sources":["../../../src/carousel/Carousel.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ export * from './Carousel';
2
+ export { default } from './Carousel';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
@@ -5,5 +5,4 @@ export { getMonthNames } from './getMonthNames/getMonthNames';
5
5
  export { isDateValid } from './isDateValid/isDateValid';
6
6
  export { isMonthAndYearFormat } from './isMonthAndYearFormat/isMonthAndYearFormat';
7
7
  export { MDY, YMD } from './getFormatForLocale/getFormatForLocale';
8
- export { returnDateView } from './getDateView/getDateView';
9
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/dateUtils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/dateUtils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,yCAAyC,CAAC"}
@@ -1,5 +1,5 @@
1
- import { PureComponent, type KeyboardEvent } from 'react';
2
- import { Size, MonthFormat, type SizeSmall, type SizeMedium, type SizeLarge } from '../common';
1
+ import { PureComponent, KeyboardEvent } from 'react';
2
+ import { Size, MonthFormat, SizeSmall, SizeMedium, SizeLarge } from '../common';
3
3
  export interface DateLookupProps {
4
4
  id?: string;
5
5
  value: Date | null;
@@ -1 +1 @@
1
- {"version":3,"file":"DateLookup.d.ts","sourceRoot":"","sources":["../../../src/dateLookup/DateLookup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EACL,IAAI,EACJ,WAAW,EAGX,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,WAAW,CAAC;AAUnB,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,eAAe;IACvB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,cAAM,UAAW,SAAQ,aAAa,CAAC,eAAe,EAAE,eAAe,CAAC;IAC9D,KAAK,EAAE,eAAe,GAC5B,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC;IAExE,MAAM,CAAC,YAAY;;;;;;;;;;MAUkB;IAErC,OAAO,4CAA+B;IACtC,QAAQ,4CAA+B;gBAE3B,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC;IAetC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,eAAe;;;;;;;IAuBlF,kBAAkB,CAAC,aAAa,EAAE,eAAe;IAQjD,oBAAoB;IAKpB,IAAI,aAOF;IAEF,OAAO,aAML;IAEF,KAAK,aAMH;IAEF,aAAa,UAAW,cAAc,cAAc,CAAC,UA6CnD;IAEF,UAAU,cAAe,MAAM,eAAe,MAAM,cAAc,MAAM,UAmBtE;IAEF,OAAO,qBAAsB,MAAM,oBAAoB,MAAM,UAO3D;IAEF,UAAU,SAAU,KAAK,GAAG,OAAO,GAAG,MAAM,UAI1C;IAEF,YAAY,aAAgC;IAE5C,cAAc,aAAkC;IAEhD,aAAa,aAAiC;IAE9C,wBAAwB,iBAAkB,IAAI,UAM5C;IAEF,oBAAoB;;;eAElB;IAEF,WAAW,oCA2CT;IAEF,WAAW,aAGT;IAEF,MAAM;CA2CP;AAED,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"DateLookup.d.ts","sourceRoot":"","sources":["../../../src/dateLookup/DateLookup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,aAAa,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EACL,IAAI,EACJ,WAAW,EAGX,SAAS,EACT,UAAU,EACV,SAAS,EACV,MAAM,WAAW,CAAC;AAUnB,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,eAAe;IACvB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,cAAM,UAAW,SAAQ,aAAa,CAAC,eAAe,EAAE,eAAe,CAAC;IAC9D,KAAK,EAAE,eAAe,GAC5B,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC;IAExE,MAAM,CAAC,YAAY;;;;;;;;;;MAUkB;IAErC,OAAO,4CAA+B;IACtC,QAAQ,4CAA+B;gBAE3B,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC;IAetC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,eAAe;;;;;;;IAwBlF,kBAAkB,CAAC,aAAa,EAAE,eAAe;IAQjD,oBAAoB;IAKpB,IAAI,aAOF;IAEF,OAAO,aAML;IAEF,KAAK,aAMH;IAEF,aAAa,UAAW,cAAc,cAAc,CAAC,UA6CnD;IAEF,UAAU,cAAe,MAAM,eAAe,MAAM,cAAc,MAAM,UAqBtE;IAEF,OAAO,qBAAsB,MAAM,oBAAoB,MAAM,UAO3D;IAEF,UAAU,SAAU,KAAK,GAAG,OAAO,GAAG,MAAM,UAI1C;IAEF,YAAY,aAAgC;IAE5C,cAAc,aAAkC;IAEhD,aAAa,aAAiC;IAE9C,wBAAwB,iBAAkB,IAAI,UAM5C;IAEF,oBAAoB;;;eAElB;IAEF,WAAW,oCA2CT;IAEF,WAAW,aAGT;IAEF,MAAM;CA2CP;AAED,eAAe,UAAU,CAAC"}
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { type WrappedComponentProps } from 'react-intl';
2
+ import { WrappedComponentProps } from 'react-intl';
3
3
  interface DayCalendarTableProps extends WrappedComponentProps {
4
4
  selectedDate: Date | null;
5
5
  min: Date | null;
@@ -1 +1 @@
1
- {"version":3,"file":"DayCalendarTable.d.ts","sourceRoot":"","sources":["../../../../../src/dateLookup/dayCalendar/table/DayCalendarTable.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AASpE,UAAU,qBAAsB,SAAQ,qBAAqB;IAC3D,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAChC;;;;AA0ID,wBAA4C"}
1
+ {"version":3,"file":"DayCalendarTable.d.ts","sourceRoot":"","sources":["../../../../../src/dateLookup/dayCalendar/table/DayCalendarTable.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAS/D,UAAU,qBAAsB,SAAQ,qBAAqB;IAC3D,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAChC;;;;AAuID,wBAA4C"}
@@ -6,6 +6,7 @@ export type { AvatarProps } from './avatar';
6
6
  export type { ActionOptionProps } from './actionOption';
7
7
  export type { AlertProps, AlertAction, AlertArrowPosition, AlertType } from './alert';
8
8
  export type { BadgeProps } from './badge';
9
+ export type { CarouselProps } from './carousel';
9
10
  export type { CircularButtonProps } from './circularButton';
10
11
  export type { DecisionProps } from './decision/Decision';
11
12
  export type { EmphasisProps } from './emphasis';
@@ -61,6 +62,7 @@ export { default as AvatarWrapper } from './avatarWrapper';
61
62
  export { default as Badge } from './badge';
62
63
  export { default as BottomSheet } from './common/bottomSheet';
63
64
  export { default as Button } from './button';
65
+ export { default as Carousel } from './carousel';
64
66
  export { default as Card } from './card';
65
67
  export { default as BaseCard } from './common/card';
66
68
  export { default as Checkbox } from './checkbox';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACtF,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAC5E,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACzE,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,YAAY,EACV,oBAAoB,EACpB,eAAe,EACf,6BAA6B,EAC7B,qBAAqB,EACrB,gBAAgB,EAChB,wBAAwB,EACxB,6BAA6B,GAC9B,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AACjF,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,aAAa,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAC/F,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACrE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAC;AAClF,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrF,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EACV,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,eAAe,GAChB,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EACV,eAAe,EACf,eAAe,EACf,UAAU,EACV,SAAS,EACT,SAAS,EACT,YAAY,GACb,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EACL,WAAW,EACX,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D;;GAEG;AACH,OAAO,EACL,SAAS,EACT,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,MAAM,EACN,WAAW,EACX,UAAU,EACV,MAAM,EACN,MAAM,EACN,gBAAgB,EAChB,UAAU,EACV,OAAO,GACR,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC;;GAEG;AACH,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,oBAAoB,EACpB,sBAAsB,EACtB,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,aAAa,EACb,mBAAmB,GACpB,MAAM,UAAU,CAAC;AAElB;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,QAAQ,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-bb7ed4a",
3
+ "version": "0.0.0-experimental-f34234e",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -95,14 +95,14 @@
95
95
  "rollup": "^3.28.1",
96
96
  "storybook": "^7.6.17",
97
97
  "@transferwise/less-config": "3.1.0",
98
- "@transferwise/neptune-css": "0.0.0-experimental-bb7ed4a",
99
- "@wise/components-theming": "0.0.0-experimental-bb7ed4a"
98
+ "@transferwise/neptune-css": "14.10.0",
99
+ "@wise/components-theming": "1.2.0"
100
100
  },
101
101
  "peerDependencies": {
102
102
  "@transferwise/icons": "^3.7.0",
103
- "@transferwise/neptune-css": "0.0.0-experimental-bb7ed4a",
103
+ "@transferwise/neptune-css": "^14.9.6",
104
104
  "@wise/art": "^2.7.0",
105
- "@wise/components-theming": "0.0.0-experimental-bb7ed4a",
105
+ "@wise/components-theming": "^1.0.0",
106
106
  "react": ">=16.14",
107
107
  "react-dom": ">=16.14",
108
108
  "react-intl": "^5.10.0 || ^6"
@@ -0,0 +1,126 @@
1
+ .carousel {
2
+ display: flex;
3
+ align-items: center;
4
+ overflow-x: scroll;
5
+ overflow-y: hidden;
6
+ scroll-snap-type: x mandatory;
7
+ scroll-behavior: smooth;
8
+ gap: 16px;
9
+ gap: var(--size-16);
10
+ }
11
+ .carousel__header {
12
+ display: flex;
13
+ align-items: center;
14
+ overflow: hidden;
15
+ min-height: 32px;
16
+ min-height: var(--size-32);
17
+ padding-bottom: 16px;
18
+ padding-bottom: var(--size-16);
19
+ }
20
+ .carousel__card,
21
+ .carousel__card:hover,
22
+ .carousel__card:focus {
23
+ -webkit-text-decoration: none;
24
+ text-decoration: none;
25
+ }
26
+ .carousel__card {
27
+ position: relative;
28
+ text-align: left;
29
+ border: none;
30
+ overflow: hidden;
31
+ background: rgba(134,167,189,0.10196);
32
+ background: var(--color-background-neutral);
33
+ border-radius: 16px;
34
+ border-radius: var(--size-16);
35
+ scroll-snap-align: center;
36
+ -webkit-scroll-snap-align: center;
37
+ transition: all 0.4s;
38
+ }
39
+ @media (min-width: 1200px) {
40
+ .carousel__card {
41
+ min-width: 280px;
42
+ width: 280px;
43
+ height: 280px;
44
+ }
45
+ }
46
+ @media (max-width: 1199px) {
47
+ .carousel__card {
48
+ min-width: 242px;
49
+ width: 242px;
50
+ height: 242px;
51
+ }
52
+ }
53
+ @media (max-width: 767px) {
54
+ .carousel__card {
55
+ min-width: 336px;
56
+ width: 336px;
57
+ height: 336px;
58
+ scroll-snap-stop: always;
59
+ }
60
+ }
61
+ .carousel__card:focus {
62
+ outline: 0;
63
+ }
64
+ .carousel__card:focus:after {
65
+ content: '';
66
+ position: absolute;
67
+ z-index: 4;
68
+ top: 0;
69
+ left: 0;
70
+ width: 100%;
71
+ height: 100%;
72
+ border-radius: 16px;
73
+ border-radius: var(--size-16);
74
+ box-shadow: inset 0 0 0 2px var(--ring-outline-color);
75
+ }
76
+ .carousel__card:hover {
77
+ background-color: var(--color-background-neutral-hover);
78
+ }
79
+ .carousel__card:focus {
80
+ background-color: var(--color-background-neutral-hover);
81
+ }
82
+ .carousel__card-content {
83
+ height: 100%;
84
+ font-weight: normal;
85
+ }
86
+ .carousel__scroll-button {
87
+ width: 32px;
88
+ width: var(--size-32);
89
+ height: 32px;
90
+ height: var(--size-32);
91
+ align-items: center;
92
+ justify-content: center;
93
+ }
94
+ .carousel__indicators {
95
+ display: flex;
96
+ justify-content: center;
97
+ padding-top: 8px;
98
+ padding-top: var(--size-8);
99
+ gap: 8px;
100
+ gap: var(--size-8);
101
+ }
102
+ .carousel__indicator {
103
+ width: 12px;
104
+ width: var(--size-12);
105
+ height: 12px;
106
+ height: var(--size-12);
107
+ border-radius: 8px;
108
+ border-radius: var(--size-8);
109
+ background: #c9cbce;
110
+ background: var(--color-interactive-secondary);
111
+ border: none;
112
+ -webkit-appearance: none;
113
+ -moz-appearance: none;
114
+ appearance: none;
115
+ transition: all 0.1s;
116
+ }
117
+ .carousel__indicator:hover {
118
+ width: 16px;
119
+ width: var(--size-16);
120
+ }
121
+ .carousel__indicator--selected,
122
+ .carousel__indicator--selected:hover {
123
+ background: var(--color-interactive-primary);
124
+ width: 24px;
125
+ width: var(--size-24);
126
+ }