@royaloperahouse/harmonic 0.6.2-c → 0.7.0-a
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/atoms/Icons/SvgIcons/Arrows/ArrowPagination.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/Arrows/LastPageArrow.svg.d.ts +4 -0
- package/dist/components/atoms/Icons/SvgIcons/index.d.ts +2 -0
- package/dist/components/molecules/Pagination/Pagination.d.ts +2 -1
- package/dist/components/molecules/Pagination/Pagination.style.d.ts +3 -4
- package/dist/components/organisms/Carousels/HighlightsCarousel/helper.d.ts +1 -1
- package/dist/harmonic.cjs.development.js +100 -60
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +100 -60
- package/dist/harmonic.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export declare const IconLibrary: {
|
|
2
2
|
AddToMyList: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
|
|
3
3
|
Arrow: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
|
|
4
|
+
ArrowPagination: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
|
|
4
5
|
AudioDescription: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
|
|
5
6
|
Back10: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
|
|
6
7
|
BalletAndDance: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
|
|
@@ -36,6 +37,7 @@ export declare const IconLibrary: {
|
|
|
36
37
|
Home: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
|
|
37
38
|
Info: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
|
|
38
39
|
Instagram: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
|
|
40
|
+
LastPageArrow: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
|
|
39
41
|
List: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
|
|
40
42
|
ListView: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
|
|
41
43
|
LiveStream: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
|
|
@@ -3,7 +3,8 @@ export interface PageData {
|
|
|
3
3
|
currentPage: number;
|
|
4
4
|
pageCount: number;
|
|
5
5
|
baseUrl: string;
|
|
6
|
+
className?: string;
|
|
6
7
|
}
|
|
7
8
|
export declare const reducePages: (pages: number[], currentPage: number) => number[];
|
|
8
|
-
declare const Pagination: ({ pageCount, currentPage, baseUrl }: PageData) => React.ReactElement;
|
|
9
|
+
declare const Pagination: ({ pageCount, currentPage, baseUrl, className }: PageData) => React.ReactElement;
|
|
9
10
|
export default Pagination;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
export declare const MorePages: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
2
|
+
export declare const PaginationLink: import("styled-components").StyledComponent<"a", any, {}, never>;
|
|
2
3
|
export declare const PageNumberWrapper: import("styled-components").StyledComponent<"ol", any, {}, never>;
|
|
3
|
-
export declare const
|
|
4
|
-
active?: string | undefined;
|
|
5
|
-
}, never>;
|
|
6
|
-
export declare const NextPage: import("styled-components").StyledComponent<"a", any, {
|
|
4
|
+
export declare const TextLinkPagination: import("styled-components").StyledComponent<({ children, size, color, className, ...props }: import("../../../types/typography").IGenericTypographyProps<HTMLParagraphElement>) => import("react").JSX.Element, any, {
|
|
7
5
|
active?: string | undefined;
|
|
8
6
|
}, never>;
|
|
7
|
+
export declare const NextPage: import("styled-components").StyledComponent<"a", any, {}, never>;
|
|
@@ -279,7 +279,7 @@ export declare const processSlideLinks: (links: EditorialLink[]) => {
|
|
|
279
279
|
onTransitionEnd?: ((event: import("react").TransitionEvent<HTMLAnchorElement>) => void) | undefined;
|
|
280
280
|
onTransitionEndCapture?: ((event: import("react").TransitionEvent<HTMLAnchorElement>) => void) | undefined;
|
|
281
281
|
text: string;
|
|
282
|
-
iconName?: "AddToMyList" | "Arrow" | "AudioDescription" | "Back10" | "BalletAndDance" | "Basket" | "BasketFull" | "BritishSignLanguage" | "BookTickets" | "CarouselArrow" | "ChooseDates" | "Cinema" | "Clips" | "Clock" | "Close" | "ClosedCaptions" | "Confirm" | "CreditCard" | "Delete" | "Detract" | "DropdownArrow" | "EditMyList" | "Email" | "Expand" | "Expand12px" | "ExternalLink" | "Facebook" | "Favourite" | "FavouriteFull" | "Filter" | "FindAScreening" | "Forward10" | "FullScreen" | "GridView" | "Home" | "Info" | "Instagram" | "List" | "ListView" | "LiveStream" | "Location" | "Menu" | "Minimise" | "Muted" | "NavLogoMobile" | "NavLogoNoCrest" | "NavLogoWithCrest" | "OnMyList" | "OpenCaptions" | "OperaAndMusic" | "Pause" | "PDF" | "Phone" | "Play" | "Print" | "Refresh" | "RelaxedPerformance" | "Reminder" | "Remove" | "Remove12px" | "Restart" | "Search" | "Seat" | "Secure" | "Settings" | "Shift" | "Space" | "Standing" | "Star" | "Subscribe" | "Subtitles" | "Tick" | "Tickets" | "Tiktok" | "Trailer" | "Twitter" | "User" | "UserSignedIn" | "Volume" | "Watch" | "Wheelchair" | "X" | "Youtube" | undefined;
|
|
282
|
+
iconName?: "AddToMyList" | "Arrow" | "ArrowPagination" | "AudioDescription" | "Back10" | "BalletAndDance" | "Basket" | "BasketFull" | "BritishSignLanguage" | "BookTickets" | "CarouselArrow" | "ChooseDates" | "Cinema" | "Clips" | "Clock" | "Close" | "ClosedCaptions" | "Confirm" | "CreditCard" | "Delete" | "Detract" | "DropdownArrow" | "EditMyList" | "Email" | "Expand" | "Expand12px" | "ExternalLink" | "Facebook" | "Favourite" | "FavouriteFull" | "Filter" | "FindAScreening" | "Forward10" | "FullScreen" | "GridView" | "Home" | "Info" | "Instagram" | "LastPageArrow" | "List" | "ListView" | "LiveStream" | "Location" | "Menu" | "Minimise" | "Muted" | "NavLogoMobile" | "NavLogoNoCrest" | "NavLogoWithCrest" | "OnMyList" | "OpenCaptions" | "OperaAndMusic" | "Pause" | "PDF" | "Phone" | "Play" | "Print" | "Refresh" | "RelaxedPerformance" | "Reminder" | "Remove" | "Remove12px" | "Restart" | "Search" | "Seat" | "Secure" | "Settings" | "Shift" | "Space" | "Standing" | "Star" | "Subscribe" | "Subtitles" | "Tick" | "Tickets" | "Tiktok" | "Trailer" | "Twitter" | "User" | "UserSignedIn" | "Volume" | "Watch" | "Wheelchair" | "X" | "Youtube" | undefined;
|
|
283
283
|
iconDirection?: "left" | "right" | "up" | "down" | "reverse" | undefined;
|
|
284
284
|
textColor?: "primary" | "primary-red" | "primary-black" | "base-white" | "base-black" | "base-dark-grey" | "base-mid-grey" | "base-light-grey" | "base-transparent" | "state-error" | "state-medium" | "state-good" | "state-focused" | "state-disabled" | "rbo-red-hovered" | "rbo-red-pressed" | "rbo-black-hovered" | "rbo-black-pressed" | "black-hovered" | "black-pressed" | "white-hovered" | "white-pressed" | "secondary-yellow" | "secondary-pink" | "secondary-orange" | "secondary-blue" | undefined;
|
|
285
285
|
backgroundColor?: "primary" | "primary-red" | "primary-black" | "base-white" | "base-black" | "base-dark-grey" | "base-mid-grey" | "base-light-grey" | "base-transparent" | "state-error" | "state-medium" | "state-good" | "state-focused" | "state-disabled" | "rbo-red-hovered" | "rbo-red-pressed" | "rbo-black-hovered" | "rbo-black-pressed" | "black-hovered" | "black-pressed" | "white-hovered" | "white-pressed" | "secondary-yellow" | "secondary-pink" | "secondary-orange" | "secondary-blue" | undefined;
|
|
@@ -2545,10 +2545,45 @@ var Volume = (function (_ref) {
|
|
|
2545
2545
|
}));
|
|
2546
2546
|
});
|
|
2547
2547
|
|
|
2548
|
+
var LastPageArrow = (function (_ref) {
|
|
2549
|
+
var _ref$color = _ref.color,
|
|
2550
|
+
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
|
|
2551
|
+
ariaLabel = _ref.ariaLabel;
|
|
2552
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
2553
|
+
width: "100%",
|
|
2554
|
+
height: "100%",
|
|
2555
|
+
viewBox: "0 0 24 24",
|
|
2556
|
+
fill: "none",
|
|
2557
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2558
|
+
"aria-label": ariaLabel
|
|
2559
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
2560
|
+
d: "M9.14746 11.9961L9.1377 12.0039L17.165 20.8428L18.4121 19.71L11.415 12.0059L18.4219 4.29004L17.1748 3.15723L9.14746 11.9961ZM5.57031 20.8428H7.14062V3.15723H5.57031V20.8428Z",
|
|
2561
|
+
fill: color
|
|
2562
|
+
}));
|
|
2563
|
+
});
|
|
2564
|
+
|
|
2565
|
+
var ArrowPagination = (function (_ref) {
|
|
2566
|
+
var _ref$color = _ref.color,
|
|
2567
|
+
color = _ref$color === void 0 ? '#1A1A1A' : _ref$color,
|
|
2568
|
+
ariaLabel = _ref.ariaLabel;
|
|
2569
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
2570
|
+
width: "100%",
|
|
2571
|
+
height: "100%",
|
|
2572
|
+
viewBox: "0 0 24 24",
|
|
2573
|
+
fill: "none",
|
|
2574
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2575
|
+
"aria-label": ariaLabel
|
|
2576
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
2577
|
+
d: "M15.3955 3.1582L7.36816 11.9971L7.3584 12.0049L15.3857 20.8438L16.6328 19.7109L9.63574 12.0068L16.6426 4.29102L15.3955 3.1582Z",
|
|
2578
|
+
fill: color
|
|
2579
|
+
}));
|
|
2580
|
+
});
|
|
2581
|
+
|
|
2548
2582
|
/* 12px */
|
|
2549
2583
|
var IconLibrary = {
|
|
2550
2584
|
AddToMyList: AddToMyList,
|
|
2551
2585
|
Arrow: Arrow,
|
|
2586
|
+
ArrowPagination: ArrowPagination,
|
|
2552
2587
|
AudioDescription: AudioDescription,
|
|
2553
2588
|
Back10: Back10,
|
|
2554
2589
|
BalletAndDance: BalletAndDance,
|
|
@@ -2584,6 +2619,7 @@ var IconLibrary = {
|
|
|
2584
2619
|
Home: Home,
|
|
2585
2620
|
Info: Info,
|
|
2586
2621
|
Instagram: Instagram,
|
|
2622
|
+
LastPageArrow: LastPageArrow,
|
|
2587
2623
|
List: List,
|
|
2588
2624
|
ListView: ListView,
|
|
2589
2625
|
LiveStream: LiveStream,
|
|
@@ -9648,15 +9684,16 @@ var PageHeadingCompact = function PageHeadingCompact(_ref4) {
|
|
|
9648
9684
|
}), linkText))))));
|
|
9649
9685
|
};
|
|
9650
9686
|
|
|
9651
|
-
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject4$x;
|
|
9687
|
+
var _templateObject$14, _templateObject2$R, _templateObject3$E, _templateObject4$x, _templateObject5$r;
|
|
9688
|
+
// Keep MorePages for Table component until restyle
|
|
9652
9689
|
var MorePages = /*#__PURE__*/styled__default.span(_templateObject$14 || (_templateObject$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n pointer-events: none;\n"])));
|
|
9653
|
-
var
|
|
9654
|
-
|
|
9655
|
-
var
|
|
9690
|
+
var PaginationLink = /*#__PURE__*/styled__default.a(_templateObject2$R || (_templateObject2$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n color: inherit;\n"])));
|
|
9691
|
+
var PageNumberWrapper = /*#__PURE__*/styled__default.ol(_templateObject3$E || (_templateObject3$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n min-width: fit-content;\n align-items: center;\n justify-content: center;\n margin-top: 40px;\n margin-bottom: 40px;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n padding: 0;\n max-width: fit-content;\n margin: auto;\n li {\n margin-left: 16px;\n color: var(--color-base-black);\n display: flex;\n align-items: center;\n }\n"])));
|
|
9692
|
+
var TextLinkPagination = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject4$x || (_templateObject4$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: inherit;\n margin: 0;\n border-bottom: 1px solid transparent;\n line-height: var(--base-line-height);\n :hover {\n cursor: pointer;\n color: var(--color-primary-red);\n border-bottom: 1px solid var(--color-primary-red);\n svg > path {\n fill: var(--color-base-black);\n }\n }\n /* active state - string used because react returns error for bool */\n ", "\n"])), function (_ref) {
|
|
9656
9693
|
var active = _ref.active;
|
|
9657
|
-
return active === 'true' && " \n color: var(--
|
|
9694
|
+
return active === 'true' && " \n border-bottom: 1px solid var(--color-primary-red);\n color: var(--color-primary-red);\n ";
|
|
9658
9695
|
});
|
|
9659
|
-
var NextPage = /*#__PURE__*/styled__default(
|
|
9696
|
+
var NextPage = /*#__PURE__*/styled__default.a(_templateObject5$r || (_templateObject5$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: inline-flex;\n width: 25px;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n span {\n height: 1.5em;\n svg > path {\n fill: var(--color-base-black);\n }\n }\n"])));
|
|
9660
9697
|
|
|
9661
9698
|
var reducePages = function reducePages(pages, currentPage) {
|
|
9662
9699
|
// If there are less than 6 pages, return all pages
|
|
@@ -9677,57 +9714,60 @@ var reducePages = function reducePages(pages, currentPage) {
|
|
|
9677
9714
|
var Pagination = function Pagination(_ref) {
|
|
9678
9715
|
var pageCount = _ref.pageCount,
|
|
9679
9716
|
currentPage = _ref.currentPage,
|
|
9680
|
-
baseUrl = _ref.baseUrl
|
|
9717
|
+
baseUrl = _ref.baseUrl,
|
|
9718
|
+
className = _ref.className;
|
|
9681
9719
|
// Array of page numbers starting at 1
|
|
9682
9720
|
var pageNumbers = Array.from(Array(pageCount + 1).keys()).slice(1);
|
|
9683
9721
|
var reducedPageNumbers = reducePages(pageNumbers, currentPage);
|
|
9684
|
-
return /*#__PURE__*/React__default.createElement(PageNumberWrapper,
|
|
9722
|
+
return /*#__PURE__*/React__default.createElement(PageNumberWrapper, {
|
|
9723
|
+
className: className
|
|
9724
|
+
},
|
|
9685
9725
|
// {/* Left arrow only appears after page 1 */
|
|
9686
|
-
currentPage > 1 && (/*#__PURE__*/React__default.createElement("li", {
|
|
9687
|
-
|
|
9688
|
-
|
|
9726
|
+
currentPage > 1 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(NextPage, {
|
|
9727
|
+
href: "" + baseUrl + (currentPage + 1)
|
|
9728
|
+
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9729
|
+
iconName: "LastPageArrow",
|
|
9730
|
+
direction: "right"
|
|
9731
|
+
}))), /*#__PURE__*/React__default.createElement("li", {
|
|
9732
|
+
key: "next-page",
|
|
9733
|
+
"data-testid": "right-arrow"
|
|
9689
9734
|
}, /*#__PURE__*/React__default.createElement(NextPage, {
|
|
9690
|
-
href: "" + baseUrl + (currentPage
|
|
9735
|
+
href: "" + baseUrl + (currentPage + 1)
|
|
9691
9736
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9692
|
-
iconName: "
|
|
9693
|
-
direction: "
|
|
9694
|
-
})))),
|
|
9695
|
-
key: "more-before",
|
|
9696
|
-
"data-testid": "elipsis"
|
|
9697
|
-
}, /*#__PURE__*/React__default.createElement(MorePages, {
|
|
9698
|
-
theme: "core"
|
|
9699
|
-
}, "..."))), reducedPageNumbers.map(function (page) {
|
|
9737
|
+
iconName: "ArrowPagination",
|
|
9738
|
+
direction: "right"
|
|
9739
|
+
}))))), reducedPageNumbers.map(function (page) {
|
|
9700
9740
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
9701
9741
|
key: page
|
|
9702
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
9703
|
-
theme: "core",
|
|
9704
|
-
key: page,
|
|
9705
|
-
active: "" + (page === currentPage),
|
|
9742
|
+
}, /*#__PURE__*/React__default.createElement(PaginationLink, {
|
|
9706
9743
|
href: "" + baseUrl + page,
|
|
9707
9744
|
"data-testid": "page-number"
|
|
9708
|
-
},
|
|
9709
|
-
|
|
9710
|
-
|
|
9711
|
-
|
|
9712
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
9713
|
-
theme: "core"
|
|
9714
|
-
}, "..."))), currentPage < pageCount && (/*#__PURE__*/React__default.createElement("li", {
|
|
9745
|
+
}, /*#__PURE__*/React__default.createElement(TextLinkPagination, {
|
|
9746
|
+
size: "large",
|
|
9747
|
+
active: "" + (page === currentPage)
|
|
9748
|
+
}, page.toString())));
|
|
9749
|
+
}), currentPage < pageCount && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("li", {
|
|
9715
9750
|
key: "next-page",
|
|
9716
9751
|
"data-testid": "right-arrow"
|
|
9717
9752
|
}, /*#__PURE__*/React__default.createElement(NextPage, {
|
|
9718
9753
|
href: "" + baseUrl + (currentPage + 1)
|
|
9719
9754
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9720
|
-
iconName: "
|
|
9721
|
-
direction: "
|
|
9722
|
-
})))
|
|
9755
|
+
iconName: "ArrowPagination",
|
|
9756
|
+
direction: "left"
|
|
9757
|
+
}))), /*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(NextPage, {
|
|
9758
|
+
href: "" + baseUrl + (currentPage + 1)
|
|
9759
|
+
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
9760
|
+
iconName: "LastPageArrow",
|
|
9761
|
+
direction: "left"
|
|
9762
|
+
}))))));
|
|
9723
9763
|
};
|
|
9724
9764
|
|
|
9725
|
-
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$y, _templateObject5$
|
|
9765
|
+
var _templateObject$15, _templateObject2$S, _templateObject3$F, _templateObject4$y, _templateObject5$s, _templateObject6$l, _templateObject7$g;
|
|
9726
9766
|
var PeopleListingGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$15 || (_templateObject$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: var(--line-height-people-listing-gap) var(--grid-column-gap);\n\n p {\n margin: 0;\n }\n\n grid-template-columns: 1fr 1fr 1fr;\n\n @media ", " {\n grid-template-columns: 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr;\n }\n\n @media ", " {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n"])), devices.mobile, devices.tablet, devices.largeDesktop);
|
|
9727
9767
|
var PersonWrapper = /*#__PURE__*/styled__default.div(_templateObject2$S || (_templateObject2$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 60px 1fr;\n grid-template-areas: 'headshot role-person';\n grid-column-gap: 10px;\n"])));
|
|
9728
9768
|
var HeadshotWrapper = /*#__PURE__*/styled__default.div(_templateObject3$F || (_templateObject3$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n grid-area: headshot;\n img {\n width: 60px;\n height: 60px;\n }\n"])));
|
|
9729
9769
|
var RoleWrapper = /*#__PURE__*/styled__default.div(_templateObject4$y || (_templateObject4$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n overflow-wrap: break-word;\n margin-bottom: 4px;\n"])));
|
|
9730
|
-
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9770
|
+
var TextWrapper$2 = /*#__PURE__*/styled__default.div(_templateObject5$s || (_templateObject5$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-area: role-person;\n break-inside: avoid;\n"])));
|
|
9731
9771
|
var PersonLink = /*#__PURE__*/styled__default.a(_templateObject6$l || (_templateObject6$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-black);\n text-decoration: underline;\n\n :hover {\n color: var(--base-color-primary);\n :after {\n color: var(--base-color-black);\n }\n }\n\n :visited {\n color: var(--base-color-black);\n }\n"])));
|
|
9732
9772
|
var ReplacementWrapper = /*#__PURE__*/styled__default.span(_templateObject7$g || (_templateObject7$g = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: var(--base-color-dark-grey);\n"])));
|
|
9733
9773
|
|
|
@@ -9911,7 +9951,7 @@ var CreditListing = function CreditListing(_ref) {
|
|
|
9911
9951
|
}, creditEntries);
|
|
9912
9952
|
};
|
|
9913
9953
|
|
|
9914
|
-
var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$A, _templateObject5$
|
|
9954
|
+
var _templateObject$17, _templateObject2$U, _templateObject3$H, _templateObject4$A, _templateObject5$t, _templateObject6$m, _templateObject7$h, _templateObject8$c, _templateObject9$7, _templateObject0$7, _templateObject1$4, _templateObject10$3, _templateObject11$3, _templateObject12$3, _templateObject13$2, _templateObject14$1, _templateObject15$1, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
|
|
9915
9955
|
var LENGTH_TEXT = 28;
|
|
9916
9956
|
var LENGTH_TEXT_TABLET$1 = 12;
|
|
9917
9957
|
var GridTemplateImageToLeft = "'left left left left left left left left . right right right right right . .'";
|
|
@@ -9954,7 +9994,7 @@ var ButtonsContainer$2 = /*#__PURE__*/styled__default.div(_templateObject4$A ||
|
|
|
9954
9994
|
}
|
|
9955
9995
|
return '';
|
|
9956
9996
|
});
|
|
9957
|
-
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
9997
|
+
var PromoWithTagsTagWrapper = /*#__PURE__*/styled__default.div(_templateObject5$t || (_templateObject5$t = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-bottom: ", ";\n"])), function (_ref7) {
|
|
9958
9998
|
var marginBottom = _ref7.marginBottom;
|
|
9959
9999
|
return marginBottom + "px";
|
|
9960
10000
|
});
|
|
@@ -10163,7 +10203,7 @@ var PromoWithTags = function PromoWithTags(_ref) {
|
|
|
10163
10203
|
}))));
|
|
10164
10204
|
};
|
|
10165
10205
|
|
|
10166
|
-
var _templateObject$18, _templateObject2$V, _templateObject3$I, _templateObject4$B, _templateObject5$
|
|
10206
|
+
var _templateObject$18, _templateObject2$V, _templateObject3$I, _templateObject4$B, _templateObject5$u, _templateObject6$n, _templateObject7$i;
|
|
10167
10207
|
var LENGTH_TEXT$2 = 28;
|
|
10168
10208
|
var LENGTH_TEXT_TABLET$2 = 10;
|
|
10169
10209
|
var PromoWithTitleGrid = /*#__PURE__*/styled__default(Grid)(_templateObject$18 || (_templateObject$18 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n grid-template-areas: ", ";\n\n @media ", " {\n & {\n grid-template-areas: ", ";\n }\n }\n\n @media ", " {\n & {\n grid-template-columns: var(--grid-margin) minmax(0, 1fr) var(--grid-margin);\n grid-template-rows: min-content 24px min-content;\n gap: 0;\n grid-template-areas:\n 'row1 row1 row1'\n '. . .'\n '. row2 .';\n }\n }\n"])), function (_ref) {
|
|
@@ -10182,7 +10222,7 @@ var PromoWithTitleContentWrapper = /*#__PURE__*/styled__default.div(_templateObj
|
|
|
10182
10222
|
return imageToLeft ? 'right' : 'left';
|
|
10183
10223
|
}, devices.mobile);
|
|
10184
10224
|
var HarmonicHeaderWithWrapper = /*#__PURE__*/styled__default(HarmonicHeader)(_templateObject4$B || (_templateObject4$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-bottom: 32px;\n\n @media ", " {\n padding-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10185
|
-
var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$
|
|
10225
|
+
var HarmonicSubtitleWithWrapper = /*#__PURE__*/styled__default(HarmonicSubtitle)(_templateObject5$u || (_templateObject5$u = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-wrap: break-word;\n margin-bottom: 16px;\n"])));
|
|
10186
10226
|
var BodyCopyHarmonicWithWrapper$1 = /*#__PURE__*/styled__default(BodyCopyHarmonic)(_templateObject6$n || (_templateObject6$n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n margin-bottom: 32px;\n whiete-space: break-spaces;\n overflow-wrap: break-word;\n\n a {\n text-decoration: underline;\n cursor: pointer;\n\n &[href^='tel:'] {\n text-decoration: none;\n }\n\n &:link {\n color: var(--color-primary-black);\n }\n\n &:visited {\n color: var(--color-base-dark-grey);\n }\n\n &:hover {\n color: var(--color-primary-red);\n }\n }\n @media ", " {\n margin-bottom: 24px;\n }\n"])), devices.mobile);
|
|
10187
10227
|
var ButtonsContainer$3 = /*#__PURE__*/styled__default.div(_templateObject7$i || (_templateObject7$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 16px;\n margin-top: 32px;\n\n ", "\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n flex-direction: column;\n align-items: center;\n }\n\n @media ", " {\n gap: 24px;\n margin-top: 24px;\n align-items: flex-start;\n\n ", "\n }\n"])), function (_ref5) {
|
|
10188
10228
|
var _ref5$primaryButtonTe = _ref5.primaryButtonTextLength,
|
|
@@ -10617,7 +10657,7 @@ var SectionTitle = function SectionTitle(_ref) {
|
|
|
10617
10657
|
}, description)))));
|
|
10618
10658
|
};
|
|
10619
10659
|
|
|
10620
|
-
var _templateObject$1e, _templateObject2$Y, _templateObject3$L, _templateObject4$C, _templateObject5$
|
|
10660
|
+
var _templateObject$1e, _templateObject2$Y, _templateObject3$L, _templateObject4$C, _templateObject5$v, _templateObject6$o, _templateObject7$j, _templateObject8$d, _templateObject9$8, _templateObject0$8, _templateObject1$5;
|
|
10621
10661
|
var stateStyles = /*#__PURE__*/styled.css(_templateObject$1e || (_templateObject$1e = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n &:focus,\n &.focus {\n outline: ", ";\n }\n\n &.disabled {\n background-color: ", ";\n color: ", ";\n pointer-events: none;\n cursor: none;\n }\n"])), function (_ref) {
|
|
10622
10662
|
var theme = _ref.theme;
|
|
10623
10663
|
return "3px solid " + theme.colors.lapisLazuli;
|
|
@@ -10641,7 +10681,7 @@ var ArrowIcon = /*#__PURE__*/styled__default(Icon).attrs(function (_ref5) {
|
|
|
10641
10681
|
color: theme.colors.black,
|
|
10642
10682
|
title: 'Select Arrow'
|
|
10643
10683
|
};
|
|
10644
|
-
})(_templateObject5$
|
|
10684
|
+
})(_templateObject5$v || (_templateObject5$v = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n pointer-events: none;\n\n max-width: 24px;\n max-height: 24px;\n\n svg {\n width: 24px;\n height: 24px;\n }\n"])));
|
|
10645
10685
|
var Wrapper$6 = /*#__PURE__*/styled__default.div(_templateObject6$o || (_templateObject6$o = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: initial;\n\n display: flex;\n flex-direction: column;\n gap: 20px;\n"])), noMarginAndPaddingStyles);
|
|
10646
10686
|
var SelectWrapper = /*#__PURE__*/styled__default.div(_templateObject7$j || (_templateObject7$j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", "\n height: inherit;\n"])), noMarginAndPaddingStyles);
|
|
10647
10687
|
var Options = /*#__PURE__*/styled__default.div(_templateObject8$d || (_templateObject8$d = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n z-index: 1;\n\n ", "\n ", "\n"])), noMarginAndPaddingStyles, borderStyles);
|
|
@@ -11212,12 +11252,12 @@ var Quote = function Quote(_ref) {
|
|
|
11212
11252
|
}, attribution))));
|
|
11213
11253
|
};
|
|
11214
11254
|
|
|
11215
|
-
var _templateObject$1i, _templateObject2$10, _templateObject3$O, _templateObject4$E, _templateObject5$
|
|
11255
|
+
var _templateObject$1i, _templateObject2$10, _templateObject3$O, _templateObject4$E, _templateObject5$w, _templateObject6$p;
|
|
11216
11256
|
var CardContainer$1 = /*#__PURE__*/styled__default.div(_templateObject$1i || (_templateObject$1i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n cursor: pointer;\n width: 100%;\n display: grid;\n grid-template-columns: repeat(7, minmax(0, 1fr));\n gap: 15px;\n min-height: 50px;\n"])));
|
|
11217
11257
|
var ContentContainer$4 = /*#__PURE__*/styled__default.div(_templateObject2$10 || (_templateObject2$10 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
11218
11258
|
var StyledImage = /*#__PURE__*/styled__default.img(_templateObject3$O || (_templateObject3$O = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border: 1px solid var(--base-color-white);\n"])));
|
|
11219
11259
|
var ImageWrapper$1 = /*#__PURE__*/styled__default.div(_templateObject4$E || (_templateObject4$E = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
11220
|
-
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
11260
|
+
var IconWrapper$3 = /*#__PURE__*/styled__default.div(_templateObject5$w || (_templateObject5$w = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n span {\n width: 40px;\n height: 40px;\n @media ", " {\n width: 24px;\n height: 24px;\n }\n @media ", " {\n width: 18px;\n height: 18px;\n }\n }\n"])), devices.tablet, devices.mobile);
|
|
11221
11261
|
var TitleWrapper$4 = /*#__PURE__*/styled__default.div(_templateObject6$p || (_templateObject6$p = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 8px;\n div {\n @media ", " {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n"])), devices.mobile);
|
|
11222
11262
|
|
|
11223
11263
|
var MiniCard = function MiniCard(_ref) {
|
|
@@ -11256,7 +11296,7 @@ var MiniCard = function MiniCard(_ref) {
|
|
|
11256
11296
|
}, title)))));
|
|
11257
11297
|
};
|
|
11258
11298
|
|
|
11259
|
-
var _templateObject$1j, _templateObject2$11, _templateObject3$P, _templateObject4$F, _templateObject5$
|
|
11299
|
+
var _templateObject$1j, _templateObject2$11, _templateObject3$P, _templateObject4$F, _templateObject5$x;
|
|
11260
11300
|
var ReadMoreContainer = /*#__PURE__*/styled__default.div(_templateObject$1j || (_templateObject$1j = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0px 0px 12px 0px !important;\n }\n width: 100%;\n"])));
|
|
11261
11301
|
var LinkContainer = /*#__PURE__*/styled__default.div(_templateObject2$11 || (_templateObject2$11 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding-top: 24px;\n gap: 8px;\n\n :hover {\n cursor: pointer;\n }\n\n @media print {\n visibility: hidden;\n }\n"])));
|
|
11262
11302
|
var FullTextContainer = /*#__PURE__*/styled__default.div(_templateObject3$P || (_templateObject3$P = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n visibility: ", ";\n\n @media print {\n visibility: visible;\n }\n"])), function (_ref) {
|
|
@@ -11267,7 +11307,7 @@ var IntroTextContainer = /*#__PURE__*/styled__default.div(_templateObject4$F ||
|
|
|
11267
11307
|
var isVisible = _ref2.isVisible;
|
|
11268
11308
|
return isVisible ? 'visible' : 'hidden';
|
|
11269
11309
|
});
|
|
11270
|
-
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
11310
|
+
var ContentContainer$5 = /*#__PURE__*/styled__default.div(_templateObject5$x || (_templateObject5$x = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: auto;\n transition: max-height 0.4s ease;\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n text-transform: var(--text-transform-body);\n\n & h1 {\n font-size: var(--font-size-header-4);\n font-family: var(--font-family-header);\n font-feature-settings: var(--font-feature-settings-header);\n font-weight: var(--font-weight-header-4);\n letter-spacing: var(--letter-spacing-header-4);\n line-height: var(--line-height-header-4);\n text-transform: var(--text-transform-header);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & h2 {\n font-size: var(--font-size-subtitle-1);\n font-family: var(--font-family-subtitle);\n font-feature-settings: var(--font-feature-settings-subtitle);\n font-weight: var(--font-weight-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n line-height: var(--line-height-subtitle-1);\n text-transform: var(--text-transform-subtitle);\n white-space: break-spaces;\n overflow-wrap: break-word;\n }\n\n & em {\n font-family: var(--font-family-body-italics);\n }\n\n & u {\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n }\n @media print {\n visibility: visible;\n max-height: 900px !important;\n }\n"])));
|
|
11271
11311
|
|
|
11272
11312
|
var keyDown = function keyDown(e, toggleFunction) {
|
|
11273
11313
|
if (e.key === 'Enter' || e.key === 'Space') {
|
|
@@ -11348,7 +11388,7 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
11348
11388
|
}, isFullTextOpen ? "" + hideText : "" + showMoreText))));
|
|
11349
11389
|
};
|
|
11350
11390
|
|
|
11351
|
-
var _templateObject$1k, _templateObject2$12, _templateObject3$Q, _templateObject4$G, _templateObject5$
|
|
11391
|
+
var _templateObject$1k, _templateObject2$12, _templateObject3$Q, _templateObject4$G, _templateObject5$y;
|
|
11352
11392
|
var MenuContainer$2 = /*#__PURE__*/styled__default.nav(_templateObject$1k || (_templateObject$1k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n padding: 0;\n margin: 0;\n"])));
|
|
11353
11393
|
var MenuList = /*#__PURE__*/styled__default.ul(_templateObject2$12 || (_templateObject2$12 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n border-right: 1px solid var(--base-color-", ");\n li {\n margin-left: -5px;\n }\n"])), exports.Colors.LightGrey);
|
|
11354
11394
|
var MobileButton = /*#__PURE__*/styled__default.button(_templateObject3$Q || (_templateObject3$Q = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n line-height: var(--line-height-navigation);\n font-size: var(--font-size-navigation);\n font-family: var(--font-family-navigation);\n font-weight: var(--font-weight-navigation);\n letter-spacing: var(--letter-spacing-navigation);\n color: var(--base-color-", ");\n text-transform: uppercase;\n margin: 0;\n padding: 16px 46px 14px 20px;\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-radius: 0;\n display: block;\n width: 100%;\n text-align: left;\n cursor: pointer;\n position: relative;\n span {\n width: 25px;\n height: 25px;\n position: absolute;\n top: 50%;\n margin-top: -12px;\n right: 10px;\n }\n"])), exports.Colors.Black, exports.Colors.White, exports.Colors.DarkGrey);
|
|
@@ -11356,7 +11396,7 @@ var MenuItem$1 = /*#__PURE__*/styled__default.a(_templateObject4$G || (_template
|
|
|
11356
11396
|
var isActive = _ref.isActive;
|
|
11357
11397
|
return isActive ? "var(--base-color-" + exports.Colors.MidGrey + ")" : 'none';
|
|
11358
11398
|
}, exports.Colors.MidGrey);
|
|
11359
|
-
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$
|
|
11399
|
+
var MobileMenuList = /*#__PURE__*/styled__default.ul(_templateObject5$y || (_templateObject5$y = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 0;\n list-style: none;\n display: ", ";\n background: var(--base-color-", ");\n border: 1px solid var(--base-color-", ");\n border-top: 0;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n ", " {\n padding: 16px 20px 15px 20px;\n }\n"])), function (_ref2) {
|
|
11360
11400
|
var isOpen = _ref2.isOpen;
|
|
11361
11401
|
return isOpen ? 'block' : 'none';
|
|
11362
11402
|
}, exports.Colors.White, exports.Colors.DarkGrey, MenuItem$1);
|
|
@@ -11512,7 +11552,7 @@ var AuxiliaryNav = function AuxiliaryNav(_ref6) {
|
|
|
11512
11552
|
});
|
|
11513
11553
|
};
|
|
11514
11554
|
|
|
11515
|
-
var _templateObject$1l, _templateObject2$13, _templateObject3$R, _templateObject4$H, _templateObject5$
|
|
11555
|
+
var _templateObject$1l, _templateObject2$13, _templateObject3$R, _templateObject4$H, _templateObject5$z, _templateObject6$q;
|
|
11516
11556
|
var Container$5 = /*#__PURE__*/styled__default.div(_templateObject$1l || (_templateObject$1l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
11517
11557
|
var Sections = /*#__PURE__*/styled__default.div(_templateObject2$13 || (_templateObject2$13 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n gap: 8px;\n"])));
|
|
11518
11558
|
var Section = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateObject3$R = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n flex: 1;\n height: 2px;\n background-color: ", ";\n"])), function (_ref) {
|
|
@@ -11520,7 +11560,7 @@ var Section = /*#__PURE__*/styled__default.div(_templateObject3$R || (_templateO
|
|
|
11520
11560
|
return "var(--base-color-" + color + ")";
|
|
11521
11561
|
});
|
|
11522
11562
|
var BottomLine = /*#__PURE__*/styled__default.div(_templateObject4$H || (_templateObject4$H = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n"])));
|
|
11523
|
-
var Text = /*#__PURE__*/styled__default.div(_templateObject5$
|
|
11563
|
+
var Text = /*#__PURE__*/styled__default.div(_templateObject5$z || (_templateObject5$z = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n color: ", ";\n"])), function (_ref2) {
|
|
11524
11564
|
var color = _ref2.color;
|
|
11525
11565
|
return "var(--base-color-" + color + ")";
|
|
11526
11566
|
});
|
|
@@ -11606,7 +11646,7 @@ var PasswordStrength = function PasswordStrength(_ref) {
|
|
|
11606
11646
|
}, strengthLabel))));
|
|
11607
11647
|
};
|
|
11608
11648
|
|
|
11609
|
-
var _templateObject$1m, _templateObject2$14, _templateObject3$S, _templateObject4$I, _templateObject5$
|
|
11649
|
+
var _templateObject$1m, _templateObject2$14, _templateObject3$S, _templateObject4$I, _templateObject5$A, _templateObject6$r, _templateObject7$k, _templateObject8$e, _templateObject9$9, _templateObject0$9;
|
|
11610
11650
|
var TableContainer = /*#__PURE__*/styled__default.table(_templateObject$1m || (_templateObject$1m = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n border-collapse: collapse;\n"])));
|
|
11611
11651
|
var Container$6 = /*#__PURE__*/styled__default.div(_templateObject2$14 || (_templateObject2$14 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow-x: auto;\n"])));
|
|
11612
11652
|
var Wrapper$8 = /*#__PURE__*/styled__default.div(_templateObject3$S || (_templateObject3$S = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
@@ -11615,13 +11655,13 @@ var TableHeader = /*#__PURE__*/styled__default.th(_templateObject4$I || (_templa
|
|
|
11615
11655
|
}, function (props) {
|
|
11616
11656
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11617
11657
|
}, devices.tablet, devices.mobile);
|
|
11618
|
-
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$
|
|
11658
|
+
var TableCell = /*#__PURE__*/styled__default.td(_templateObject5$A || (_templateObject5$A = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: var(--font-size-body-1);\n font-family: var(--font-family-body);\n font-feature-settings: var(--font-feature-settings-body);\n font-weight: var(--font-weight-body-1);\n letter-spacing: var(--letter-spacing-body-1);\n line-height: var(--line-height-body-1);\n padding: 30px 30px 30px 0;\n text-align: left;\n vertical-align: top;\n border-bottom: 1px solid;\n border-color: ", ";\n\n &:last-child {\n width: auto;\n }\n\n &:not(:last-child) {\n width: ", ";\n }\n\n > span > svg {\n width: 24px;\n height: 24px;\n }\n\n @media ", " {\n padding: 20px 20px 20px 0;\n }\n"])), function (props) {
|
|
11619
11659
|
return "var(--base-color-" + props.lineColor + ")";
|
|
11620
11660
|
}, function (props) {
|
|
11621
11661
|
return "calc(100% / " + (props.columns - 1) + ")";
|
|
11622
11662
|
}, devices.mobile);
|
|
11623
11663
|
var Pagination$1 = /*#__PURE__*/styled__default.div(_templateObject6$r || (_templateObject6$r = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 0;\n flex-wrap: nowrap;\n flex-direction: row;\n list-style: none;\n max-width: fit-content;\n margin: auto;\n li {\n font-size: var(--font-size-subtitle-1);\n font-weight: var(--font-weight-body-1);\n line-height: var(--line-height-subtitle-1);\n letter-spacing: var(--letter-spacing-subtitle-1);\n margin-left: 16px;\n color: var(--base-color-dark-grey);\n display: flex;\n align-items: center;\n border-bottom: none;\n }\n"])));
|
|
11624
|
-
var PageNumber
|
|
11664
|
+
var PageNumber = /*#__PURE__*/styled__default.button(_templateObject7$k || (_templateObject7$k = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: none;\n border: none;\n padding: 0;\n font-size: inherit;\n color: inherit;\n cursor: pointer;\n display: inline-block;\n margin: 0;\n border-bottom: 1px solid var(--base-color-transparent);\n line-height: var(--base-line-height);\n text-decoration: none;\n font-family: var(--font-family-body-1);\n\n :hover {\n outline: none;\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n svg > path {\n fill: var(--base-color-core);\n }\n }\n\n /* Active state */\n ", "\n"])), function (_ref) {
|
|
11625
11665
|
var active = _ref.active;
|
|
11626
11666
|
return active === 'true' && "\n color: var(--base-color-core);\n border-bottom: 1px solid var(--base-color-core);\n ";
|
|
11627
11667
|
});
|
|
@@ -11772,7 +11812,7 @@ var Table = function Table(_ref) {
|
|
|
11772
11812
|
});
|
|
11773
11813
|
}))), pagination && totalPages > 1 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(AriaDescription$2, {
|
|
11774
11814
|
id: "pagination-description"
|
|
11775
|
-
}, "Table pagination: current page ", currentPage + 1, " of ", totalPages), /*#__PURE__*/React__default.createElement(Pagination$1, null, currentPage > 0 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber
|
|
11815
|
+
}, "Table pagination: current page ", currentPage + 1, " of ", totalPages), /*#__PURE__*/React__default.createElement(Pagination$1, null, currentPage > 0 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber, {
|
|
11776
11816
|
key: "previous-page",
|
|
11777
11817
|
onClick: function onClick() {
|
|
11778
11818
|
return setCurrentPage(currentPage - 1);
|
|
@@ -11782,12 +11822,12 @@ var Table = function Table(_ref) {
|
|
|
11782
11822
|
}, /*#__PURE__*/React__default.createElement(Next, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
11783
11823
|
iconName: "DropdownArrow",
|
|
11784
11824
|
direction: "down"
|
|
11785
|
-
}))))), currentPage > 2 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber
|
|
11825
|
+
}))))), currentPage > 2 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber, {
|
|
11786
11826
|
key: "more-before"
|
|
11787
11827
|
}, /*#__PURE__*/React__default.createElement(MorePages, null, "...")))), reducedPageNumbers.map(function (number) {
|
|
11788
11828
|
return /*#__PURE__*/React__default.createElement("li", {
|
|
11789
11829
|
key: number
|
|
11790
|
-
}, /*#__PURE__*/React__default.createElement(PageNumber
|
|
11830
|
+
}, /*#__PURE__*/React__default.createElement(PageNumber, {
|
|
11791
11831
|
key: number,
|
|
11792
11832
|
onClick: function onClick() {
|
|
11793
11833
|
return setCurrentPage(number);
|
|
@@ -11795,9 +11835,9 @@ var Table = function Table(_ref) {
|
|
|
11795
11835
|
tabIndex: 0,
|
|
11796
11836
|
active: "" + (number === currentPage)
|
|
11797
11837
|
}, number + 1));
|
|
11798
|
-
}), currentPage + 4 < totalPages && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber
|
|
11838
|
+
}), currentPage + 4 < totalPages && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber, {
|
|
11799
11839
|
key: "more-after"
|
|
11800
|
-
}, /*#__PURE__*/React__default.createElement(MorePages, null, "...")))), currentPage < totalPages - 1 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber
|
|
11840
|
+
}, /*#__PURE__*/React__default.createElement(MorePages, null, "...")))), currentPage < totalPages - 1 && (/*#__PURE__*/React__default.createElement("li", null, /*#__PURE__*/React__default.createElement(PageNumber, {
|
|
11801
11841
|
key: "next-page",
|
|
11802
11842
|
onClick: function onClick() {
|
|
11803
11843
|
return setCurrentPage(currentPage + 1);
|
|
@@ -11810,7 +11850,7 @@ var Table = function Table(_ref) {
|
|
|
11810
11850
|
}))))))))));
|
|
11811
11851
|
};
|
|
11812
11852
|
|
|
11813
|
-
var _templateObject$1n, _templateObject2$15, _templateObject3$T, _templateObject4$J, _templateObject5$
|
|
11853
|
+
var _templateObject$1n, _templateObject2$15, _templateObject3$T, _templateObject4$J, _templateObject5$B, _templateObject6$s, _templateObject7$l, _templateObject8$f, _templateObject9$a, _templateObject0$a, _templateObject1$6, _templateObject10$4, _templateObject11$4, _templateObject12$4, _templateObject13$3;
|
|
11814
11854
|
var Wrapper$9 = /*#__PURE__*/styled__default('div')(_templateObject$1n || (_templateObject$1n = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n position: relative;\n border-top: 4px solid ", ";\n border-bottom: 4px solid ", ";\n"])), function (_ref) {
|
|
11815
11855
|
var theme = _ref.theme;
|
|
11816
11856
|
return "var(--color-" + theme + ")";
|
|
@@ -11821,7 +11861,7 @@ var Wrapper$9 = /*#__PURE__*/styled__default('div')(_templateObject$1n || (_temp
|
|
|
11821
11861
|
var SignUpFormWrapper = /*#__PURE__*/styled__default(Grid)(_templateObject2$15 || (_templateObject2$15 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n gap: 0 var(--grid-column-gap);\n margin-bottom: 32px;\n\n @media ", " {\n margin-bottom: 30px;\n }\n"])), devices.mobile);
|
|
11822
11862
|
var SignUpTitleWrapper = /*#__PURE__*/styled__default('div')(_templateObject3$T || (_templateObject3$T = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n position: relative;\n top: -25px;\n left: -20px;\n height: 52px;\n background: var(--color-base-white);\n display: inline-block;\n padding: 0 20px;\n\n @media ", " {\n top: -18px;\n height: 37px;\n padding: 0 13px;\n left: -13px;\n }\n"])), devices.mobile);
|
|
11823
11863
|
var Error$1 = /*#__PURE__*/styled__default.div(_templateObject4$J || (_templateObject4$J = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 20px;\n color: var(--color-base-errorstate);\n\n a {\n text-decoration: underline;\n color: inherit;\n }\n"])));
|
|
11824
|
-
var Form = /*#__PURE__*/styled__default.form(_templateObject5$
|
|
11864
|
+
var Form = /*#__PURE__*/styled__default.form(_templateObject5$B || (_templateObject5$B = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n align-items: center;\n ", " {\n margin-top: -20px;\n }\n a[href] {\n color: inherit;\n }\n"])), Error$1);
|
|
11825
11865
|
var FormFooterWrapper = /*#__PURE__*/styled__default.div(_templateObject6$s || (_templateObject6$s = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n margin-top: 32px;\n display: flex;\n gap: 28px;\n align-items: center;\n\n @media ", " {\n flex-direction: column;\n align-items: flex-start;\n }\n"])), devices.mobile);
|
|
11826
11866
|
var ServerError = /*#__PURE__*/styled__default.div(_templateObject7$l || (_templateObject7$l = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-align: left;\n color: var(--color-base-errorstate);\n"])));
|
|
11827
11867
|
var CTALinkWrapper = /*#__PURE__*/styled__default.a(_templateObject8$f || (_templateObject8$f = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n text-decoration: none;\n\n @media ", " {\n text-decoration: underline;\n }\n"])), devices.mobile);
|