@kaizen/components 1.24.0 → 1.24.2

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 (106) hide show
  1. package/dist/cjs/{SuccessIcon-30c8cfe6.js → SuccessIcon-cb7b5e33.js} +1 -1
  2. package/dist/cjs/{SuccessIcon-30c8cfe6.js.map → SuccessIcon-cb7b5e33.js.map} +1 -1
  3. package/dist/cjs/{SuccessIcon-3b7434ae.js → SuccessIcon-d0cca714.js} +1 -1
  4. package/dist/cjs/{SuccessIcon-3b7434ae.js.map → SuccessIcon-d0cca714.js.map} +1 -1
  5. package/dist/cjs/dts/Avatar/Avatar.d.ts +50 -0
  6. package/dist/cjs/dts/Avatar/index.d.ts +1 -0
  7. package/dist/cjs/dts/AvatarGroup/AvatarGroup.d.ts +28 -0
  8. package/dist/cjs/dts/AvatarGroup/_docs/example-data.d.ts +8 -0
  9. package/dist/cjs/dts/AvatarGroup/index.d.ts +1 -0
  10. package/dist/cjs/dts/Badge/Badge.d.ts +32 -0
  11. package/dist/cjs/dts/Badge/index.d.ts +1 -0
  12. package/dist/cjs/dts/BrandMoment/BrandMoment.d.ts +4 -0
  13. package/dist/cjs/dts/Button/Button/Button.d.ts +8 -0
  14. package/dist/cjs/dts/Button/Button/index.d.ts +1 -0
  15. package/dist/cjs/dts/Button/DirectionalLink/DirectionalLink.d.ts +19 -0
  16. package/dist/cjs/dts/Button/DirectionalLink/index.d.ts +1 -0
  17. package/dist/cjs/dts/Button/{subcomponents → GenericButton}/GenericButton.d.ts +5 -6
  18. package/dist/cjs/dts/Button/GenericButton/index.d.ts +1 -0
  19. package/dist/cjs/dts/Button/IconButton/IconButton.d.ts +30 -0
  20. package/dist/cjs/dts/Button/IconButton/index.d.ts +1 -0
  21. package/dist/cjs/dts/Button/PaginationLink/PaginationLink.d.ts +19 -0
  22. package/dist/cjs/dts/Button/PaginationLink/index.d.ts +1 -0
  23. package/dist/cjs/dts/Button/index.d.ts +4 -1
  24. package/dist/cjs/dts/Card/Card.d.ts +26 -0
  25. package/dist/cjs/dts/Card/index.d.ts +1 -0
  26. package/dist/cjs/dts/Divider/Divider.d.ts +14 -0
  27. package/dist/cjs/dts/Divider/index.d.ts +1 -0
  28. package/dist/cjs/dts/EmptyState/EmptyState.d.ts +24 -0
  29. package/dist/cjs/dts/EmptyState/index.d.ts +1 -0
  30. package/dist/cjs/dts/FilterMultiSelect/FilterMultiSelect.d.ts +1 -1
  31. package/dist/cjs/dts/Heading/Heading.d.ts +26 -0
  32. package/dist/cjs/dts/Heading/index.d.ts +1 -0
  33. package/dist/cjs/dts/MultiSelect/subcomponents/Popover/Popover.d.ts +18 -0
  34. package/dist/cjs/dts/MultiSelect/subcomponents/Popover/index.d.ts +2 -0
  35. package/dist/cjs/dts/Notification/GenericNotification/GenericNotification.d.ts +38 -0
  36. package/dist/cjs/dts/Notification/GenericNotification/index.d.ts +3 -0
  37. package/dist/cjs/dts/Notification/GlobalNotification/GlobalNotification.d.ts +17 -0
  38. package/dist/cjs/dts/Notification/GlobalNotification/index.d.ts +1 -0
  39. package/dist/cjs/dts/Notification/InlineNotification/InlineNotification.d.ts +25 -0
  40. package/dist/cjs/dts/Notification/InlineNotification/index.d.ts +1 -0
  41. package/dist/cjs/dts/Notification/index.d.ts +2 -0
  42. package/dist/cjs/dts/Notification/types.d.ts +1 -0
  43. package/dist/cjs/dts/Text/Text.d.ts +23 -0
  44. package/dist/cjs/dts/Text/index.d.ts +1 -0
  45. package/dist/cjs/dts/index.d.ts +1 -1
  46. package/dist/cjs/dts/types/OverrideClassName.d.ts +1 -0
  47. package/dist/cjs/future.js +1 -1
  48. package/dist/cjs/index.css +3 -3
  49. package/dist/cjs/index.js +42 -2
  50. package/dist/cjs/index.js.map +1 -1
  51. package/dist/esm/{SuccessIcon-24e9ab24.js → SuccessIcon-3556331e.js} +1 -1
  52. package/dist/esm/{SuccessIcon-24e9ab24.js.map → SuccessIcon-3556331e.js.map} +1 -1
  53. package/dist/esm/{SuccessIcon-a3db6485.js → SuccessIcon-9460f0cf.js} +1 -1
  54. package/dist/esm/{SuccessIcon-a3db6485.js.map → SuccessIcon-9460f0cf.js.map} +1 -1
  55. package/dist/esm/dts/Avatar/Avatar.d.ts +50 -0
  56. package/dist/esm/dts/Avatar/index.d.ts +1 -0
  57. package/dist/esm/dts/AvatarGroup/AvatarGroup.d.ts +28 -0
  58. package/dist/esm/dts/AvatarGroup/_docs/example-data.d.ts +8 -0
  59. package/dist/esm/dts/AvatarGroup/index.d.ts +1 -0
  60. package/dist/esm/dts/Badge/Badge.d.ts +32 -0
  61. package/dist/esm/dts/Badge/index.d.ts +1 -0
  62. package/dist/esm/dts/BrandMoment/BrandMoment.d.ts +4 -0
  63. package/dist/esm/dts/Button/Button/Button.d.ts +8 -0
  64. package/dist/esm/dts/Button/Button/index.d.ts +1 -0
  65. package/dist/esm/dts/Button/DirectionalLink/DirectionalLink.d.ts +19 -0
  66. package/dist/esm/dts/Button/DirectionalLink/index.d.ts +1 -0
  67. package/dist/esm/dts/Button/{subcomponents → GenericButton}/GenericButton.d.ts +5 -6
  68. package/dist/esm/dts/Button/GenericButton/index.d.ts +1 -0
  69. package/dist/esm/dts/Button/IconButton/IconButton.d.ts +30 -0
  70. package/dist/esm/dts/Button/IconButton/index.d.ts +1 -0
  71. package/dist/esm/dts/Button/PaginationLink/PaginationLink.d.ts +19 -0
  72. package/dist/esm/dts/Button/PaginationLink/index.d.ts +1 -0
  73. package/dist/esm/dts/Button/index.d.ts +4 -1
  74. package/dist/esm/dts/Card/Card.d.ts +26 -0
  75. package/dist/esm/dts/Card/index.d.ts +1 -0
  76. package/dist/esm/dts/Divider/Divider.d.ts +14 -0
  77. package/dist/esm/dts/Divider/index.d.ts +1 -0
  78. package/dist/esm/dts/EmptyState/EmptyState.d.ts +24 -0
  79. package/dist/esm/dts/EmptyState/index.d.ts +1 -0
  80. package/dist/esm/dts/FilterMultiSelect/FilterMultiSelect.d.ts +1 -1
  81. package/dist/esm/dts/Heading/Heading.d.ts +26 -0
  82. package/dist/esm/dts/Heading/index.d.ts +1 -0
  83. package/dist/esm/dts/MultiSelect/subcomponents/Popover/Popover.d.ts +18 -0
  84. package/dist/esm/dts/MultiSelect/subcomponents/Popover/index.d.ts +2 -0
  85. package/dist/esm/dts/Notification/GenericNotification/GenericNotification.d.ts +38 -0
  86. package/dist/esm/dts/Notification/GenericNotification/index.d.ts +3 -0
  87. package/dist/esm/dts/Notification/GlobalNotification/GlobalNotification.d.ts +17 -0
  88. package/dist/esm/dts/Notification/GlobalNotification/index.d.ts +1 -0
  89. package/dist/esm/dts/Notification/InlineNotification/InlineNotification.d.ts +25 -0
  90. package/dist/esm/dts/Notification/InlineNotification/index.d.ts +1 -0
  91. package/dist/esm/dts/Notification/index.d.ts +2 -0
  92. package/dist/esm/dts/Notification/types.d.ts +1 -0
  93. package/dist/esm/dts/Text/Text.d.ts +23 -0
  94. package/dist/esm/dts/Text/index.d.ts +1 -0
  95. package/dist/esm/dts/index.d.ts +1 -1
  96. package/dist/esm/dts/types/OverrideClassName.d.ts +1 -0
  97. package/dist/esm/future.js +1 -1
  98. package/dist/esm/index.css +4 -4
  99. package/dist/esm/index.js +40 -3
  100. package/dist/esm/index.js.map +1 -1
  101. package/dist/index.d.ts +446 -387
  102. package/dist/styles.css +1 -1
  103. package/future/README.md +1 -1
  104. package/package.json +15 -6
  105. package/dist/cjs/dts/Button/Button.d.ts +0 -7
  106. package/dist/esm/dts/Button/Button.d.ts +0 -7
@@ -0,0 +1,14 @@
1
+ import { HTMLAttributes } from "react";
2
+ import { OverrideClassName } from "../types/OverrideClassName";
3
+ export type DividerProps = {
4
+ variant: "content" | "canvas" | "menuSeparator";
5
+ isReversed?: boolean;
6
+ } & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
7
+ /**
8
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061035/Divider Guidance} |
9
+ * {@link https://cultureamp.design/?path=/docs/components-divider--docs Storybook}
10
+ */
11
+ export declare const Divider: {
12
+ ({ variant, isReversed, classNameOverride, ...props }: DividerProps): JSX.Element;
13
+ displayName: string;
14
+ };
@@ -0,0 +1 @@
1
+ export * from "./Divider";
@@ -0,0 +1,24 @@
1
+ import React, { HTMLAttributes } from "react";
2
+ import { AnimatedSceneProps } from "@kaizen/draft-illustration";
3
+ import { HeadingProps } from "@kaizen/typography";
4
+ import { OverrideClassName } from "../types/OverrideClassName";
5
+ type IllustrationType = "positive" | "neutral" | "negative" | "informative" | "action";
6
+ type LayoutContextType = "sidebarAndContent" | "contentOnly";
7
+ export type EmptyStateProps = {
8
+ children?: React.ReactNode;
9
+ id?: string;
10
+ illustrationType?: IllustrationType;
11
+ layoutContext?: LayoutContextType;
12
+ bodyText: string | React.ReactNode;
13
+ straightCorners?: boolean;
14
+ headingProps?: HeadingProps;
15
+ } & OverrideClassName<HTMLAttributes<HTMLDivElement>> & Pick<AnimatedSceneProps, "isAnimated" | "loop">;
16
+ /**
17
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094098/Empty+State Guidance} |
18
+ * {@link https://cultureamp.design/?path=/docs/components-empty-state--docs Storybook}
19
+ */
20
+ export declare const EmptyState: {
21
+ ({ children, id, illustrationType, layoutContext, headingProps, bodyText, straightCorners, isAnimated, loop, classNameOverride, ...props }: EmptyStateProps): JSX.Element;
22
+ displayName: string;
23
+ };
24
+ export {};
@@ -0,0 +1 @@
1
+ export * from "./EmptyState";
@@ -47,7 +47,7 @@ export declare const FilterMultiSelect: {
47
47
  displayName: string;
48
48
  };
49
49
  LoadMoreButton: {
50
- (props: import("..").ButtonProps): JSX.Element;
50
+ (props: import("../Button/GenericButton").GenericButtonProps): JSX.Element;
51
51
  displayName: string;
52
52
  };
53
53
  NoResults: {
@@ -0,0 +1,26 @@
1
+ import { HTMLAttributes } from "react";
2
+ import { OverrideClassName } from "../types/OverrideClassName";
3
+ export type HeadingVariants = "display-0" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6";
4
+ export type AllowedHeadingTags = "pre" | "p" | "div" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
5
+ export type AllowedHeadingColors = "dark" | "dark-reduced-opacity" | "white" | "white-reduced-opacity" | "positive" | "negative";
6
+ export interface HeadingProps extends OverrideClassName<HTMLAttributes<HTMLElement>> {
7
+ children: React.ReactNode;
8
+ /**
9
+ * HTML elements that are allowed on Headings. When not supplied, the tag is inferred from
10
+ * the variant. E.g. display-0 will infer h1
11
+ */
12
+ tag?: AllowedHeadingTags;
13
+ /**
14
+ * Allowed heading variants
15
+ */
16
+ variant: HeadingVariants;
17
+ color?: AllowedHeadingColors;
18
+ }
19
+ /**
20
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Headings Guidance}
21
+ * {@link https://cultureamp.design/?path=/docs/components-typography-heading--display-0 Storybook}
22
+ */
23
+ export declare const Heading: {
24
+ ({ children, tag, variant, color, classNameOverride, ...restProps }: HeadingProps): JSX.Element;
25
+ displayName: string;
26
+ };
@@ -0,0 +1 @@
1
+ export * from "./Heading";
@@ -0,0 +1,18 @@
1
+ import React, { HTMLAttributes } from "react";
2
+ import { UseFloatingReturn, UseFloatingOptions } from "@floating-ui/react-dom";
3
+ import { ReactFocusOnProps } from "react-focus-on/dist/es5/types";
4
+ import { OverrideClassName } from "../../../types/OverrideClassName";
5
+ export type PopoverProps = {
6
+ children: React.ReactNode;
7
+ refs: UseFloatingReturn["refs"];
8
+ /**
9
+ * passes in additional options / override for https://floating-ui.com/docs/tooltip#usefloating-hook
10
+ */
11
+ floatingOptions?: Omit<UseFloatingOptions, "elements">;
12
+ focusOnProps?: Omit<ReactFocusOnProps, "children">;
13
+ portalContainer?: Element | DocumentFragment;
14
+ } & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
15
+ export declare const Popover: {
16
+ ({ children, refs, floatingOptions, focusOnProps, portalContainer, classNameOverride, ...restProps }: PopoverProps): JSX.Element;
17
+ displayName: string;
18
+ };
@@ -0,0 +1,2 @@
1
+ export * from "./Popover";
2
+ export { useFloating } from "@floating-ui/react-dom";
@@ -0,0 +1,38 @@
1
+ import React from "react";
2
+ import { HeadingProps } from "@kaizen/typography";
3
+ import { NotificationType } from "../types";
4
+ import { OverrideClassName } from "../../types/OverrideClassName";
5
+ export type GenericNotificationProps = OverrideClassName<{
6
+ type: NotificationType;
7
+ style: "global" | "inline" | "toast";
8
+ children?: React.ReactNode;
9
+ title?: string;
10
+ persistent: boolean;
11
+ onHide?: () => void;
12
+ noBottomMargin?: boolean;
13
+ forceMultiline?: boolean;
14
+ headingProps?: HeadingProps;
15
+ }>;
16
+ type State = {
17
+ hidden: boolean;
18
+ removed: boolean;
19
+ };
20
+ declare class GenericNotification extends React.Component<GenericNotificationProps, State> {
21
+ static defaultProps: {
22
+ persistent: boolean;
23
+ };
24
+ state: {
25
+ hidden: boolean;
26
+ removed: boolean;
27
+ };
28
+ containerRef: React.RefObject<HTMLDivElement>;
29
+ constructor(props: GenericNotificationProps);
30
+ componentDidMount(): void;
31
+ render(): JSX.Element | null;
32
+ className(): string;
33
+ textContainerClassName(): string;
34
+ marginTop(): string;
35
+ onTransitionEnd(e: React.TransitionEvent<HTMLDivElement>): void;
36
+ hide(): void;
37
+ }
38
+ export default GenericNotification;
@@ -0,0 +1,3 @@
1
+ import GenericNotification from "./GenericNotification";
2
+ export * from "./GenericNotification";
3
+ export default GenericNotification;
@@ -0,0 +1,17 @@
1
+ import React from "react";
2
+ import { NotificationType } from "../types";
3
+ import { OverrideClassName } from "../../types/OverrideClassName";
4
+ export type GlobalNotificationProps = OverrideClassName<{
5
+ type: NotificationType;
6
+ children: React.ReactNode;
7
+ onHide?: () => void;
8
+ persistent?: boolean;
9
+ }>;
10
+ /**
11
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060757/Global+Notification Guidance} |
12
+ * {@link https://cultureamp.design/?path=/docs/components-notifications-global-notification--docs Storybook}
13
+ */
14
+ export declare const GlobalNotification: {
15
+ ({ persistent, ...props }: GlobalNotificationProps): JSX.Element;
16
+ displayName: string;
17
+ };
@@ -0,0 +1 @@
1
+ export * from "./GlobalNotification";
@@ -0,0 +1,25 @@
1
+ import React from "react";
2
+ import { HeadingProps } from "@kaizen/typography";
3
+ import { OverrideClassName } from "../../types/OverrideClassName";
4
+ import { NotificationType } from "../types";
5
+ export type InlineNotificationProps = OverrideClassName<{
6
+ type: NotificationType;
7
+ children?: React.ReactNode;
8
+ /** @default false */
9
+ persistent?: boolean;
10
+ /** @default false */
11
+ hideCloseIcon?: boolean;
12
+ onHide?: () => void;
13
+ noBottomMargin?: boolean;
14
+ forceMultiline?: boolean;
15
+ headingProps?: HeadingProps;
16
+ isSubtle?: boolean;
17
+ }>;
18
+ /**
19
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093392/Inline+Notification Guidance} |
20
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-notifications-inline-notification--docs Storybook}
21
+ */
22
+ export declare const InlineNotification: {
23
+ ({ isSubtle, hideCloseIcon, persistent, classNameOverride, ...otherProps }: InlineNotificationProps): JSX.Element;
24
+ displayName: string;
25
+ };
@@ -0,0 +1 @@
1
+ export * from "./InlineNotification";
@@ -0,0 +1,2 @@
1
+ export * from "./InlineNotification";
2
+ export * from "./GlobalNotification";
@@ -0,0 +1 @@
1
+ export type NotificationType = "positive" | "informative" | "cautionary" | "negative" | "security";
@@ -0,0 +1,23 @@
1
+ import { HTMLAttributes } from "react";
2
+ import { OverrideClassName } from "../types/OverrideClassName";
3
+ export type TextVariants = "intro-lede" | "body" | "small" | "extra-small";
4
+ export type AllowedTextTags = "pre" | "p" | "div" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
5
+ export type AllowedTextColors = "dark" | "dark-reduced-opacity" | "white" | "white-reduced-opacity" | "positive" | "negative";
6
+ export interface TextProps extends OverrideClassName<HTMLAttributes<HTMLElement>> {
7
+ children: React.ReactNode;
8
+ /**
9
+ * HTML elements that are allowed on Text
10
+ * @default "p"
11
+ */
12
+ tag?: AllowedTextTags;
13
+ /**
14
+ * Allowed text variants
15
+ */
16
+ variant: TextVariants;
17
+ color?: AllowedTextColors;
18
+ }
19
+ /**
20
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Paragraph Guidance}
21
+ * {@link https://cultureamp.design/?path=/docs/components-typography-text--body Storybook}
22
+ */
23
+ export declare const Text: ({ children, tag, variant, color, classNameOverride, ...restProps }: TextProps) => JSX.Element;
@@ -0,0 +1 @@
1
+ export * from "./Text";
@@ -9,7 +9,7 @@ export * from "./FilterDatePicker";
9
9
  export * from "./FilterDateRangePicker";
10
10
  export * from "./FilterMultiSelect";
11
11
  export * from "./FilterSelect";
12
+ export * from "./Icons";
12
13
  export * from "./InputSearch";
13
14
  export * from "./KaizenProvider";
14
15
  export * from "./Workflow";
15
- export * from "./Icons";
@@ -1,3 +1,4 @@
1
1
  export type OverrideClassName<T extends Record<string, any>> = Omit<T, "className"> & {
2
+ /** Add extra classnames to the component. Try out some Tailwind classes (eg. `!mb-48`) to see! */
2
3
  classNameOverride?: string;
3
4
  };
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign, c as SuccessIcon, I as IndicatorActiveIcon, d as IndicatorInactiveIcon } from './SuccessIcon-a3db6485.js';
1
+ import { _ as __rest, a as __assign, c as SuccessIcon, I as IndicatorActiveIcon, d as IndicatorInactiveIcon } from './SuccessIcon-3556331e.js';
2
2
  import React from 'react';
3
3
  import classnames from 'classnames';
4
4
  import { Paragraph, Heading } from '@kaizen/typography';
@@ -1,13 +1,13 @@
1
- .Main-module_main__hMyB1{z-index:0}
2
1
  .Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
3
- .Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
2
+ .Main-module_main__hMyB1{z-index:0}
4
3
  .Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
5
- .FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
6
4
  .Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
7
5
  .Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
6
+ .Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
7
+ .FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
8
8
  .FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
9
9
  .ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
10
- .GenericButton-module_button__CppNA{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid);border-radius:var(--border-solid-border-radius,7px);box-sizing:border-box;color:inherit;cursor:pointer;display:inline;display:inline-flex;font:inherit;font-family:var(--typography-button-primary-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-button-primary-font-size,1.125rem);font-weight:var(--typography-button-primary-font-weight,700);letter-spacing:var(--typography-button-primary-letter-spacing,normal);line-height:var(--typography-button-primary-line-height,1.5rem);margin:0;min-height:var(--spacing-xl,3rem);overflow:visible;padding:0;position:relative;text-align:left}[href].GenericButton-module_button__CppNA{text-decoration:none}.GenericButton-module_button__CppNA:not(:disabled).story__button-active,.GenericButton-module_button__CppNA:not(:disabled):active{transform:translateY(1px)}.GenericButton-module_button__CppNA:not(:disabled):focus{outline:none}.GenericButton-module_button__CppNA:not(:disabled).story__button-focus:after,.GenericButton-module_button__CppNA:not(:disabled):focus-visible:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:calc(var(--border-focus-ring-border-width, 2px)*2*-1 + -1px);position:absolute}.GenericButton-module_reversed__OHQ9F.GenericButton-module_button__CppNA:not(:disabled).story__button-focus:after,.GenericButton-module_reversed__OHQ9F.GenericButton-module_button__CppNA:not(:disabled):focus-visible:after{border-color:var(--color-blue-300,#73c0e8)}.GenericButton-module_button__CppNA:disabled,.GenericButton-module_working__B1ojO.GenericButton-module_button__CppNA{opacity:30%;pointer-events:none}.GenericButton-module_button__CppNA .GenericButton-module_content__a-VN9{align-items:center;display:flex;height:100%;padding:calc(var(--spacing-sm, .75rem) - var(--border-solid-border-width, 2px)) calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px))}.GenericButton-module_default__8a-A7{background-color:var(--color-white,#fff);border-color:var(--color-gray-500,#8c8c97);color:var(--color-purple-800,#2f2438)}.GenericButton-module_default__8a-A7:not(:disabled).story__button-active,.GenericButton-module_default__8a-A7:not(:disabled).story__button-focus,.GenericButton-module_default__8a-A7:not(:disabled).story__button-hover,.GenericButton-module_default__8a-A7:not(:disabled):active,.GenericButton-module_default__8a-A7:not(:disabled):focus-visible,.GenericButton-module_default__8a-A7:not(:disabled):hover{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.GenericButton-module_reversed__OHQ9F.GenericButton-module_default__8a-A7{background-color:transparent;border-color:rgba(var(--color-white-rgb,255,255,255),.65);color:var(--color-white,#fff)}.GenericButton-module_reversed__OHQ9F.GenericButton-module_default__8a-A7:not(:disabled).story__button-active,.GenericButton-module_reversed__OHQ9F.GenericButton-module_default__8a-A7:not(:disabled).story__button-focus,.GenericButton-module_reversed__OHQ9F.GenericButton-module_default__8a-A7:not(:disabled).story__button-hover,.GenericButton-module_reversed__OHQ9F.GenericButton-module_default__8a-A7:not(:disabled):active,.GenericButton-module_reversed__OHQ9F.GenericButton-module_default__8a-A7:not(:disabled):focus-visible,.GenericButton-module_reversed__OHQ9F.GenericButton-module_default__8a-A7:not(:disabled):hover{background-color:rgba(var(--color-white-rgb,255,255,255),.1);border-color:var(--color-white,#fff)}.GenericButton-module_primary__KW-BL{background-color:var(--color-blue-500,#0168b3);border-color:var(--border-borderless-border-color,transparent);color:var(--color-white,#fff)}.GenericButton-module_primary__KW-BL:not(:disabled).story__button-active,.GenericButton-module_primary__KW-BL:not(:disabled).story__button-focus,.GenericButton-module_primary__KW-BL:not(:disabled).story__button-hover,.GenericButton-module_primary__KW-BL:not(:disabled):active,.GenericButton-module_primary__KW-BL:not(:disabled):focus-visible,.GenericButton-module_primary__KW-BL:not(:disabled):hover{background-color:var(--color-blue-600,#004970);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_reversed__OHQ9F.GenericButton-module_primary__KW-BL{background-color:var(--color-green-300,#8fdbc7);border-color:var(--border-borderless-border-color,transparent);color:var(--color-purple-800,#2f2438)}.GenericButton-module_reversed__OHQ9F.GenericButton-module_primary__KW-BL:not(:disabled).story__button-active,.GenericButton-module_reversed__OHQ9F.GenericButton-module_primary__KW-BL:not(:disabled).story__button-focus,.GenericButton-module_reversed__OHQ9F.GenericButton-module_primary__KW-BL:not(:disabled).story__button-hover,.GenericButton-module_reversed__OHQ9F.GenericButton-module_primary__KW-BL:not(:disabled):active,.GenericButton-module_reversed__OHQ9F.GenericButton-module_primary__KW-BL:not(:disabled):focus-visible,.GenericButton-module_reversed__OHQ9F.GenericButton-module_primary__KW-BL:not(:disabled):hover{background-color:var(--color-green-400,#5dcbad);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_destructive__mBOt6{background-color:var(--color-red-500,#c93b55);border-color:var(--border-borderless-border-color,transparent);color:var(--color-white,#fff)}.GenericButton-module_destructive__mBOt6:not(:disabled).story__button-active,.GenericButton-module_destructive__mBOt6:not(:disabled).story__button-focus,.GenericButton-module_destructive__mBOt6:not(:disabled).story__button-hover,.GenericButton-module_destructive__mBOt6:not(:disabled):active,.GenericButton-module_destructive__mBOt6:not(:disabled):focus-visible,.GenericButton-module_destructive__mBOt6:not(:disabled):hover{background-color:var(--color-red-600,#a82433);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_reversed__OHQ9F.GenericButton-module_destructive__mBOt6{background-color:var(--color-red-300,#f597a8);border-color:var(--border-borderless-border-color,transparent);color:var(--color-purple-800,#2f2438)}.GenericButton-module_reversed__OHQ9F.GenericButton-module_destructive__mBOt6:not(:disabled).story__button-active,.GenericButton-module_reversed__OHQ9F.GenericButton-module_destructive__mBOt6:not(:disabled).story__button-focus,.GenericButton-module_reversed__OHQ9F.GenericButton-module_destructive__mBOt6:not(:disabled).story__button-hover,.GenericButton-module_reversed__OHQ9F.GenericButton-module_destructive__mBOt6:not(:disabled):active,.GenericButton-module_reversed__OHQ9F.GenericButton-module_destructive__mBOt6:not(:disabled):focus-visible,.GenericButton-module_reversed__OHQ9F.GenericButton-module_destructive__mBOt6:not(:disabled):hover{background-color:var(--color-red-400,#e0707d);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_secondary__rBdAd{background-color:transparent;border-color:var(--border-borderless-border-color,transparent);color:var(--color-blue-500,#0168b3);font-family:var(--typography-button-secondary-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-button-secondary-font-size,1rem);font-weight:var(--typography-button-secondary-font-weight,500);letter-spacing:var(--typography-button-secondary-letter-spacing,normal);line-height:var(--typography-button-secondary-line-height,1.5rem)}.GenericButton-module_secondary__rBdAd:not(:disabled).story__button-active,.GenericButton-module_secondary__rBdAd:not(:disabled).story__button-focus,.GenericButton-module_secondary__rBdAd:not(:disabled).story__button-hover,.GenericButton-module_secondary__rBdAd:not(:disabled):active,.GenericButton-module_secondary__rBdAd:not(:disabled):focus-visible,.GenericButton-module_secondary__rBdAd:not(:disabled):hover{background-color:var(--color-blue-100,#e6f6ff);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_secondary__rBdAd .GenericButton-module_content__a-VN9{padding-left:calc(var(--spacing-sm, .75rem) - var(--border-solid-border-width, 2px));padding-right:calc(var(--spacing-sm, .75rem) - var(--border-solid-border-width, 2px))}.GenericButton-module_reversed__OHQ9F.GenericButton-module_secondary__rBdAd{border-color:var(--border-borderless-border-color,transparent);color:var(--color-white,#fff)}.GenericButton-module_reversed__OHQ9F.GenericButton-module_secondary__rBdAd:not(:disabled).story__button-active,.GenericButton-module_reversed__OHQ9F.GenericButton-module_secondary__rBdAd:not(:disabled).story__button-focus,.GenericButton-module_reversed__OHQ9F.GenericButton-module_secondary__rBdAd:not(:disabled).story__button-hover,.GenericButton-module_reversed__OHQ9F.GenericButton-module_secondary__rBdAd:not(:disabled):active,.GenericButton-module_reversed__OHQ9F.GenericButton-module_secondary__rBdAd:not(:disabled):focus-visible,.GenericButton-module_reversed__OHQ9F.GenericButton-module_secondary__rBdAd:not(:disabled):hover{background-color:rgba(var(--color-white-rgb,255,255,255),.2);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_secondary__rBdAd.GenericButton-module_destructive__mBOt6{color:var(--color-red-600,#a82433)}.GenericButton-module_secondary__rBdAd.GenericButton-module_destructive__mBOt6:not(:disabled).story__button-active,.GenericButton-module_secondary__rBdAd.GenericButton-module_destructive__mBOt6:not(:disabled).story__button-focus,.GenericButton-module_secondary__rBdAd.GenericButton-module_destructive__mBOt6:not(:disabled).story__button-hover,.GenericButton-module_secondary__rBdAd.GenericButton-module_destructive__mBOt6:not(:disabled):active,.GenericButton-module_secondary__rBdAd.GenericButton-module_destructive__mBOt6:not(:disabled):focus-visible,.GenericButton-module_secondary__rBdAd.GenericButton-module_destructive__mBOt6:not(:disabled):hover{background-color:var(--color-red-100,#fdeaee);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_small__T-q6W{min-height:calc(var(--spacing-md, 1.5rem)*5/3)}.GenericButton-module_small__T-q6W .GenericButton-module_content__a-VN9{padding-bottom:calc(var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px));padding-top:calc(var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px))}.GenericButton-module_container__HK-pe{display:inline-block}.GenericButton-module_label__Upmc2{line-height:1}.GenericButton-module_label__Upmc2:not(:first-child){margin-left:.5em}.GenericButton-module_label__Upmc2:not(:first-child)[dir=rtl],.GenericButton-module_label__Upmc2:not(:last-child),[dir=rtl] .GenericButton-module_label__Upmc2:not(:first-child){margin-right:.5em}.GenericButton-module_label__Upmc2:not(:last-child)[dir=rtl],[dir=rtl] .GenericButton-module_label__Upmc2:not(:last-child){margin-left:.5em}.GenericButton-module_fullWidth__iQYxB{width:100%}.GenericButton-module_fullWidth__iQYxB .GenericButton-module_button__CppNA{display:flex;justify-content:center;width:100%}.GenericButton-module_fullWidth__iQYxB .GenericButton-module_content__a-VN9{justify-content:center}.GenericButton-module_iconWrapper__WUyaY{align-self:flex-start;height:20px}.GenericButton-module_additionalContentWrapper__eyS8n{display:inherit}.GenericButton-module_additionalContentWrapper__eyS8n:not(:last-child){margin-right:.5em}.GenericButton-module_additionalContentWrapper__eyS8n:not(:last-child)[dir=rtl],[dir=rtl] .GenericButton-module_additionalContentWrapper__eyS8n:not(:last-child){margin-left:.5em}.GenericButton-module_loadingSpinner__yeuqW svg{height:100%}.GenericButton-module_centeredLoadingSpinner__kB2yt{display:flex;justify-content:center;left:0;position:absolute;right:0}.GenericButton-module_hidden__SnhqG{visibility:hidden}
10
+ .GenericButton-module_button__CrXoI{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid);border-radius:var(--border-solid-border-radius,7px);box-sizing:border-box;color:inherit;cursor:pointer;display:inline;display:inline-flex;font:inherit;font-family:var(--typography-button-primary-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-button-primary-font-size,1.125rem);font-weight:var(--typography-button-primary-font-weight,700);letter-spacing:var(--typography-button-primary-letter-spacing,normal);line-height:var(--typography-button-primary-line-height,1.5rem);margin:0;min-height:var(--spacing-xl,3rem);overflow:visible;padding:0;position:relative;text-align:left}[href].GenericButton-module_button__CrXoI{text-decoration:none}.GenericButton-module_button__CrXoI:not(:disabled).story__button-active,.GenericButton-module_button__CrXoI:not(:disabled):active{transform:translateY(1px)}.GenericButton-module_button__CrXoI:not(:disabled):focus{outline:none}.GenericButton-module_button__CrXoI:not(:disabled).story__button-focus:after,.GenericButton-module_button__CrXoI:not(:disabled):focus-visible:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:calc(var(--border-focus-ring-border-width, 2px)*2*-1 + -1px);position:absolute}.GenericButton-module_reversed__Pzsic.GenericButton-module_button__CrXoI:not(:disabled).story__button-focus:after,.GenericButton-module_reversed__Pzsic.GenericButton-module_button__CrXoI:not(:disabled):focus-visible:after{border-color:var(--color-blue-300,#73c0e8)}.GenericButton-module_button__CrXoI:disabled,.GenericButton-module_working__mRozR.GenericButton-module_button__CrXoI{opacity:30%;pointer-events:none}.GenericButton-module_button__CrXoI .GenericButton-module_content__E-vUa{align-items:center;display:flex;height:100%;padding:calc(var(--spacing-sm, .75rem) - var(--border-solid-border-width, 2px)) calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px))}.GenericButton-module_default__miX7x{background-color:var(--color-white,#fff);border-color:var(--color-gray-500,#8c8c97);color:var(--color-purple-800,#2f2438)}.GenericButton-module_default__miX7x:not(:disabled).story__button-active,.GenericButton-module_default__miX7x:not(:disabled).story__button-focus,.GenericButton-module_default__miX7x:not(:disabled).story__button-hover,.GenericButton-module_default__miX7x:not(:disabled):active,.GenericButton-module_default__miX7x:not(:disabled):focus-visible,.GenericButton-module_default__miX7x:not(:disabled):hover{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.GenericButton-module_reversed__Pzsic.GenericButton-module_default__miX7x{background-color:transparent;border-color:rgba(var(--color-white-rgb,255,255,255),.65);color:var(--color-white,#fff)}.GenericButton-module_reversed__Pzsic.GenericButton-module_default__miX7x:not(:disabled).story__button-active,.GenericButton-module_reversed__Pzsic.GenericButton-module_default__miX7x:not(:disabled).story__button-focus,.GenericButton-module_reversed__Pzsic.GenericButton-module_default__miX7x:not(:disabled).story__button-hover,.GenericButton-module_reversed__Pzsic.GenericButton-module_default__miX7x:not(:disabled):active,.GenericButton-module_reversed__Pzsic.GenericButton-module_default__miX7x:not(:disabled):focus-visible,.GenericButton-module_reversed__Pzsic.GenericButton-module_default__miX7x:not(:disabled):hover{background-color:rgba(var(--color-white-rgb,255,255,255),.1);border-color:var(--color-white,#fff)}.GenericButton-module_primary__FB-Ts{background-color:var(--color-blue-500,#0168b3);border-color:var(--border-borderless-border-color,transparent);color:var(--color-white,#fff)}.GenericButton-module_primary__FB-Ts:not(:disabled).story__button-active,.GenericButton-module_primary__FB-Ts:not(:disabled).story__button-focus,.GenericButton-module_primary__FB-Ts:not(:disabled).story__button-hover,.GenericButton-module_primary__FB-Ts:not(:disabled):active,.GenericButton-module_primary__FB-Ts:not(:disabled):focus-visible,.GenericButton-module_primary__FB-Ts:not(:disabled):hover{background-color:var(--color-blue-600,#004970);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_reversed__Pzsic.GenericButton-module_primary__FB-Ts{background-color:var(--color-green-300,#8fdbc7);border-color:var(--border-borderless-border-color,transparent);color:var(--color-purple-800,#2f2438)}.GenericButton-module_reversed__Pzsic.GenericButton-module_primary__FB-Ts:not(:disabled).story__button-active,.GenericButton-module_reversed__Pzsic.GenericButton-module_primary__FB-Ts:not(:disabled).story__button-focus,.GenericButton-module_reversed__Pzsic.GenericButton-module_primary__FB-Ts:not(:disabled).story__button-hover,.GenericButton-module_reversed__Pzsic.GenericButton-module_primary__FB-Ts:not(:disabled):active,.GenericButton-module_reversed__Pzsic.GenericButton-module_primary__FB-Ts:not(:disabled):focus-visible,.GenericButton-module_reversed__Pzsic.GenericButton-module_primary__FB-Ts:not(:disabled):hover{background-color:var(--color-green-400,#5dcbad);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_destructive__O9h5V{background-color:var(--color-red-500,#c93b55);border-color:var(--border-borderless-border-color,transparent);color:var(--color-white,#fff)}.GenericButton-module_destructive__O9h5V:not(:disabled).story__button-active,.GenericButton-module_destructive__O9h5V:not(:disabled).story__button-focus,.GenericButton-module_destructive__O9h5V:not(:disabled).story__button-hover,.GenericButton-module_destructive__O9h5V:not(:disabled):active,.GenericButton-module_destructive__O9h5V:not(:disabled):focus-visible,.GenericButton-module_destructive__O9h5V:not(:disabled):hover{background-color:var(--color-red-600,#a82433);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_reversed__Pzsic.GenericButton-module_destructive__O9h5V{background-color:var(--color-red-300,#f597a8);border-color:var(--border-borderless-border-color,transparent);color:var(--color-purple-800,#2f2438)}.GenericButton-module_reversed__Pzsic.GenericButton-module_destructive__O9h5V:not(:disabled).story__button-active,.GenericButton-module_reversed__Pzsic.GenericButton-module_destructive__O9h5V:not(:disabled).story__button-focus,.GenericButton-module_reversed__Pzsic.GenericButton-module_destructive__O9h5V:not(:disabled).story__button-hover,.GenericButton-module_reversed__Pzsic.GenericButton-module_destructive__O9h5V:not(:disabled):active,.GenericButton-module_reversed__Pzsic.GenericButton-module_destructive__O9h5V:not(:disabled):focus-visible,.GenericButton-module_reversed__Pzsic.GenericButton-module_destructive__O9h5V:not(:disabled):hover{background-color:var(--color-red-400,#e0707d);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_secondary__YbAZ-{background-color:transparent;border-color:var(--border-borderless-border-color,transparent);color:var(--color-blue-500,#0168b3);font-family:var(--typography-button-secondary-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-button-secondary-font-size,1rem);font-weight:var(--typography-button-secondary-font-weight,500);letter-spacing:var(--typography-button-secondary-letter-spacing,normal);line-height:var(--typography-button-secondary-line-height,1.5rem)}.GenericButton-module_secondary__YbAZ-:not(:disabled).story__button-active,.GenericButton-module_secondary__YbAZ-:not(:disabled).story__button-focus,.GenericButton-module_secondary__YbAZ-:not(:disabled).story__button-hover,.GenericButton-module_secondary__YbAZ-:not(:disabled):active,.GenericButton-module_secondary__YbAZ-:not(:disabled):focus-visible,.GenericButton-module_secondary__YbAZ-:not(:disabled):hover{background-color:var(--color-blue-100,#e6f6ff);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_secondary__YbAZ- .GenericButton-module_content__E-vUa{padding-left:calc(var(--spacing-sm, .75rem) - var(--border-solid-border-width, 2px));padding-right:calc(var(--spacing-sm, .75rem) - var(--border-solid-border-width, 2px))}.GenericButton-module_reversed__Pzsic.GenericButton-module_secondary__YbAZ-{border-color:var(--border-borderless-border-color,transparent);color:var(--color-white,#fff)}.GenericButton-module_reversed__Pzsic.GenericButton-module_secondary__YbAZ-:not(:disabled).story__button-active,.GenericButton-module_reversed__Pzsic.GenericButton-module_secondary__YbAZ-:not(:disabled).story__button-focus,.GenericButton-module_reversed__Pzsic.GenericButton-module_secondary__YbAZ-:not(:disabled).story__button-hover,.GenericButton-module_reversed__Pzsic.GenericButton-module_secondary__YbAZ-:not(:disabled):active,.GenericButton-module_reversed__Pzsic.GenericButton-module_secondary__YbAZ-:not(:disabled):focus-visible,.GenericButton-module_reversed__Pzsic.GenericButton-module_secondary__YbAZ-:not(:disabled):hover{background-color:rgba(var(--color-white-rgb,255,255,255),.2);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_secondary__YbAZ-.GenericButton-module_destructive__O9h5V{color:var(--color-red-600,#a82433)}.GenericButton-module_secondary__YbAZ-.GenericButton-module_destructive__O9h5V:not(:disabled).story__button-active,.GenericButton-module_secondary__YbAZ-.GenericButton-module_destructive__O9h5V:not(:disabled).story__button-focus,.GenericButton-module_secondary__YbAZ-.GenericButton-module_destructive__O9h5V:not(:disabled).story__button-hover,.GenericButton-module_secondary__YbAZ-.GenericButton-module_destructive__O9h5V:not(:disabled):active,.GenericButton-module_secondary__YbAZ-.GenericButton-module_destructive__O9h5V:not(:disabled):focus-visible,.GenericButton-module_secondary__YbAZ-.GenericButton-module_destructive__O9h5V:not(:disabled):hover{background-color:var(--color-red-100,#fdeaee);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_small__YPMel{min-height:calc(var(--spacing-md, 1.5rem)*5/3)}.GenericButton-module_small__YPMel .GenericButton-module_content__E-vUa{padding-bottom:calc(var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px));padding-top:calc(var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px))}.GenericButton-module_iconButton__XR24h{border-color:var(--border-borderless-border-color,transparent);width:var(--spacing-xl,3rem)}.GenericButton-module_iconButton__XR24h:not(:disabled).story__button-active,.GenericButton-module_iconButton__XR24h:not(:disabled).story__button-focus,.GenericButton-module_iconButton__XR24h:not(:disabled).story__button-hover,.GenericButton-module_iconButton__XR24h:not(:disabled):active,.GenericButton-module_iconButton__XR24h:not(:disabled):focus-visible,.GenericButton-module_iconButton__XR24h:not(:disabled):hover{border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_iconButton__XR24h .GenericButton-module_content__E-vUa{justify-content:center;padding:0;width:100%}.GenericButton-module_iconButton__XR24h:not(.GenericButton-module_reversed__Pzsic).GenericButton-module_default__miX7x{background-color:transparent;color:inherit}.GenericButton-module_iconButton__XR24h:not(.GenericButton-module_reversed__Pzsic).GenericButton-module_default__miX7x:not(:disabled).story__button-active,.GenericButton-module_iconButton__XR24h:not(.GenericButton-module_reversed__Pzsic).GenericButton-module_default__miX7x:not(:disabled).story__button-focus,.GenericButton-module_iconButton__XR24h:not(.GenericButton-module_reversed__Pzsic).GenericButton-module_default__miX7x:not(:disabled).story__button-hover,.GenericButton-module_iconButton__XR24h:not(.GenericButton-module_reversed__Pzsic).GenericButton-module_default__miX7x:not(:disabled):active,.GenericButton-module_iconButton__XR24h:not(.GenericButton-module_reversed__Pzsic).GenericButton-module_default__miX7x:not(:disabled):focus-visible,.GenericButton-module_iconButton__XR24h:not(.GenericButton-module_reversed__Pzsic).GenericButton-module_default__miX7x:not(:disabled):hover{background-color:var(--color-gray-200,#f4f4f5)}.GenericButton-module_reversed__Pzsic.GenericButton-module_iconButton__XR24h{border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_reversed__Pzsic.GenericButton-module_iconButton__XR24h:not(:disabled).story__button-active,.GenericButton-module_reversed__Pzsic.GenericButton-module_iconButton__XR24h:not(:disabled).story__button-focus,.GenericButton-module_reversed__Pzsic.GenericButton-module_iconButton__XR24h:not(:disabled).story__button-hover,.GenericButton-module_reversed__Pzsic.GenericButton-module_iconButton__XR24h:not(:disabled):active,.GenericButton-module_reversed__Pzsic.GenericButton-module_iconButton__XR24h:not(:disabled):focus-visible,.GenericButton-module_reversed__Pzsic.GenericButton-module_iconButton__XR24h:not(:disabled):hover{border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_circleButton__bJk9T{border-radius:50%;height:40px;margin:0 var(--spacing-xs,.375rem);min-height:auto;width:40px}.GenericButton-module_circleButton__bJk9T:not(:disabled).story__button-focus:after,.GenericButton-module_circleButton__bJk9T:not(:disabled):focus-visible:after{border-radius:50%}.GenericButton-module_circleButton__bJk9T .GenericButton-module_content__E-vUa{color:var(--color-blue-500,#0168b3);height:auto}.GenericButton-module_reversed__Pzsic.GenericButton-module_circleButton__bJk9T .GenericButton-module_content__E-vUa{color:var(--color-white,#fff)}.GenericButton-module_paginationLink__MzUls{border-color:var(--border-borderless-border-color,transparent);font-size:var(--typography-button-secondary-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400)}.GenericButton-module_paginationLink__MzUls:not(:disabled).story__button-active,.GenericButton-module_paginationLink__MzUls:not(:disabled).story__button-focus,.GenericButton-module_paginationLink__MzUls:not(:disabled).story__button-hover,.GenericButton-module_paginationLink__MzUls:not(:disabled):active,.GenericButton-module_paginationLink__MzUls:not(:disabled):focus-visible,.GenericButton-module_paginationLink__MzUls:not(:disabled):hover{background-color:var(--color-blue-100,#e6f6ff);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_paginationLink__MzUls .GenericButton-module_content__E-vUa{justify-content:center;padding:0;width:100%}.GenericButton-module_reversed__Pzsic.GenericButton-module_paginationLink__MzUls{border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_reversed__Pzsic.GenericButton-module_paginationLink__MzUls:not(:disabled).story__button-active,.GenericButton-module_reversed__Pzsic.GenericButton-module_paginationLink__MzUls:not(:disabled).story__button-focus,.GenericButton-module_reversed__Pzsic.GenericButton-module_paginationLink__MzUls:not(:disabled).story__button-hover,.GenericButton-module_reversed__Pzsic.GenericButton-module_paginationLink__MzUls:not(:disabled):active,.GenericButton-module_reversed__Pzsic.GenericButton-module_paginationLink__MzUls:not(:disabled):focus-visible,.GenericButton-module_reversed__Pzsic.GenericButton-module_paginationLink__MzUls:not(:disabled):hover{border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_isPaginationLinkActive__BWdeE{background-color:var(--color-blue-500,#0168b3);border-color:var(--border-borderless-border-color,transparent);cursor:auto}.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled).story__button-active,.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled).story__button-focus,.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled).story__button-hover,.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled):active,.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled):focus-visible,.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled):hover{background-color:var(--color-blue-500,#0168b3);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled).story__button-active,.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled):active{transform:unset}.GenericButton-module_isPaginationLinkActive__BWdeE .GenericButton-module_content__E-vUa{color:var(--color-white,#fff)}.GenericButton-module_reversed__Pzsic.GenericButton-module_isPaginationLinkActive__BWdeE{background-color:var(--color-white,#fff)}.GenericButton-module_reversed__Pzsic.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled).story__button-active,.GenericButton-module_reversed__Pzsic.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled).story__button-focus,.GenericButton-module_reversed__Pzsic.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled).story__button-hover,.GenericButton-module_reversed__Pzsic.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled):active,.GenericButton-module_reversed__Pzsic.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled):focus-visible,.GenericButton-module_reversed__Pzsic.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled):hover{background-color:var(--color-white,#fff)}.GenericButton-module_reversed__Pzsic.GenericButton-module_isPaginationLinkActive__BWdeE .GenericButton-module_content__E-vUa{color:var(--color-purple-800,#2f2438)}.GenericButton-module_directionalLink__N9Kwb{border:var(--border-solid-border-width,2px) solid var(--color-blue-300,#73c0e8)}[dir=rtl] .GenericButton-module_directionalLink__N9Kwb{transform:rotate(180deg)}.GenericButton-module_directionalLink__N9Kwb:not(:disabled).story__button-active,.GenericButton-module_directionalLink__N9Kwb:not(:disabled).story__button-focus,.GenericButton-module_directionalLink__N9Kwb:not(:disabled).story__button-hover,.GenericButton-module_directionalLink__N9Kwb:not(:disabled):active,.GenericButton-module_directionalLink__N9Kwb:not(:disabled):focus-visible,.GenericButton-module_directionalLink__N9Kwb:not(:disabled):hover{background-color:var(--color-blue-100,#e6f6ff);border-color:var(--color-blue-400,#008bd6)}.GenericButton-module_directionalLink__N9Kwb:disabled{border-color:var(--color-blue-300,#73c0e8)}.GenericButton-module_reversed__Pzsic.GenericButton-module_directionalLink__N9Kwb:disabled{border-color:var(--color-white,#fff)}.GenericButton-module_container__6JphL{display:inline-block}.GenericButton-module_label__Xdblv{line-height:1}.GenericButton-module_label__Xdblv:not(:first-child){margin-left:.5em}.GenericButton-module_label__Xdblv:not(:first-child)[dir=rtl],.GenericButton-module_label__Xdblv:not(:last-child),[dir=rtl] .GenericButton-module_label__Xdblv:not(:first-child){margin-right:.5em}.GenericButton-module_label__Xdblv:not(:last-child)[dir=rtl],[dir=rtl] .GenericButton-module_label__Xdblv:not(:last-child){margin-left:.5em}.GenericButton-module_fullWidth__bxasc{width:100%}.GenericButton-module_fullWidth__bxasc .GenericButton-module_button__CrXoI{display:flex;justify-content:center;width:100%}.GenericButton-module_fullWidth__bxasc .GenericButton-module_content__E-vUa{justify-content:center}.GenericButton-module_iconWrapper__wSWAB{align-self:flex-start;height:20px}.GenericButton-module_additionalContentWrapper__PHvbf{display:inherit}.GenericButton-module_additionalContentWrapper__PHvbf:not(:last-child){margin-right:.5em}.GenericButton-module_additionalContentWrapper__PHvbf:not(:last-child)[dir=rtl],[dir=rtl] .GenericButton-module_additionalContentWrapper__PHvbf:not(:last-child){margin-left:.5em}.GenericButton-module_loadingSpinner__JTaXL svg{height:100%}.GenericButton-module_centeredLoadingSpinner__urPMo{display:flex;justify-content:center;left:0;position:absolute;right:0}.GenericButton-module_hidden__TuNy8{visibility:hidden}
11
11
  .SVG-module_icon__1Y1po{display:inline-block;height:20px;width:20px}.SVG-module_icon__1Y1po>use{pointer-events:none}.SVG-module_inheritSize__Ze0Mx{display:block;height:inherit;width:inherit}@media screen and (-ms-high-contrast:active){.SVG-module_icon__1Y1po{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__1Y1po{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__1Y1po{color:#000}}.SVG-module_interactiveIconWrapper__iuuLE{cursor:pointer}.SVG-module_interactiveIconWrapper__iuuLE .SVG-module_icon__1Y1po{opacity:70%;transition:var(--animation-duration-fast,.3s) opacity}.SVG-module_interactiveIconWrapper__iuuLE.SVG-module_disabled__bHgbN .SVG-module_icon__1Y1po,.SVG-module_interactiveIconWrapper__iuuLE:disabled .SVG-module_icon__1Y1po{opacity:30%}.SVG-module_interactiveIconWrapper__iuuLE:not(:disabled,.SVG-module_disabled__bHgbN).SVG-module_active__21f4X .SVG-module_icon__1Y1po,.SVG-module_interactiveIconWrapper__iuuLE:not(:disabled,.SVG-module_disabled__bHgbN).SVG-module_hover__GJrdI .SVG-module_icon__1Y1po,.SVG-module_interactiveIconWrapper__iuuLE:not(:disabled,.SVG-module_disabled__bHgbN):active .SVG-module_icon__1Y1po,.SVG-module_interactiveIconWrapper__iuuLE:not(:disabled,.SVG-module_disabled__bHgbN):focus .SVG-module_icon__1Y1po,.SVG-module_interactiveIconWrapper__iuuLE:not(:disabled,.SVG-module_disabled__bHgbN):hover .SVG-module_icon__1Y1po{opacity:100%}.SVG-module_reversedInteractiveIconWrapper__rRgtj .SVG-module_icon__1Y1po{opacity:100%}.SVG-module_reversedInteractiveIconWrapper__rRgtj:not(:disabled,.SVG-module_disabled__bHgbN).SVG-module_active__21f4X .SVG-module_icon__1Y1po,.SVG-module_reversedInteractiveIconWrapper__rRgtj:not(:disabled,.SVG-module_disabled__bHgbN):active .SVG-module_icon__1Y1po{opacity:50%}
12
12
  .ClearButton-module_clearButton__CSOIc{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:inherit;display:inline;display:inline-flex;font:inherit;margin:0;padding:0;position:relative}.ClearButton-module_clearButton__CSOIc.story__clear-button-hover,.ClearButton-module_clearButton__CSOIc:hover{cursor:pointer}.ClearButton-module_clearButton__CSOIc:focus{outline:none}.ClearButton-module_clearButton__CSOIc.story__clear-button-focus:after,.ClearButton-module_clearButton__CSOIc:focus-visible:after{background:transparent;border-radius:50%;border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:-1px;position:absolute}.ClearButton-module_default__lBJxw{color:var(--color-gray-500,#8c8c97)}.ClearButton-module_default__lBJxw.story__clear-button-focus,.ClearButton-module_default__lBJxw.story__clear-button-hover,.ClearButton-module_default__lBJxw:focus-visible,.ClearButton-module_default__lBJxw:hover{color:var(--color-purple-800,#2f2438)}.ClearButton-module_default__lBJxw.story__clear-button-focus:after,.ClearButton-module_default__lBJxw:focus-visible:after{border-color:var(--color-blue-500,#0168b3)}.ClearButton-module_reversed__0I2DC{color:rgba(var(--color-white-rgb,255,255,255),.8)}.ClearButton-module_reversed__0I2DC.story__clear-button-focus,.ClearButton-module_reversed__0I2DC.story__clear-button-hover,.ClearButton-module_reversed__0I2DC:focus-visible,.ClearButton-module_reversed__0I2DC:hover{color:var(--color-white,#fff)}.ClearButton-module_reversed__0I2DC.story__clear-button-focus:after,.ClearButton-module_reversed__0I2DC:focus-visible:after{border-color:var(--color-blue-300,#73c0e8)}
13
13
  .BrandMoment-module_body__J4lls{align-items:center;display:flex;flex-direction:column;min-height:100vh;width:100%}.BrandMoment-module_body__J4lls.BrandMoment-module_informative__Qvwcd{background:var(--color-blue-100,#e6f6ff)}.BrandMoment-module_body__J4lls.BrandMoment-module_positive__78wqJ{background:var(--color-green-100,#e8f8f4)}.BrandMoment-module_body__J4lls.BrandMoment-module_negative__atXal{background:var(--color-red-100,#fdeaee)}.BrandMoment-module_container__4ORHI{margin:0 auto;max-width:1392px;padding:0 var(--spacing-md,1.5rem)}@media (min-width:1080px){.BrandMoment-module_container__4ORHI{padding:0 var(--spacing-xxl,3.75rem)}}@media (min-width:1366px){.BrandMoment-module_container__4ORHI{padding:0 var(--spacing-xxxxl,5.25rem)}}.BrandMoment-module_header__EAP5Q{inline-size:100%;margin-block-end:var(--spacing-md,1.5rem)}.BrandMoment-module_main__cdWko{align-items:center;display:flex;flex:1 0 auto;margin-block-end:var(--spacing-xxl,3.75rem)}.BrandMoment-module_mainInner__xsFA6{align-items:center;display:grid;gap:var(--spacing-xl,3rem) var(--spacing-lg,2.25rem);grid-template-columns:1fr}@media (min-width:768px){.BrandMoment-module_mainInner__xsFA6{row-gap:var(--spacing-xxl,3.75rem)}}@media (min-width:1080px){.BrandMoment-module_mainInner__xsFA6{grid-template-columns:1fr 1fr}}@media (min-width:1366px){.BrandMoment-module_mainInner__xsFA6{-moz-column-gap:var(--spacing-xxxxl,5.25rem);column-gap:var(--spacing-xxxxl,5.25rem)}}.BrandMoment-module_left__ZHJiM{display:flex;justify-content:center}.BrandMoment-module_leftInner__TY5DY{max-width:525px;width:100%}.BrandMoment-module_right__B-PR2{align-items:center;display:flex;flex-direction:column;justify-content:center}.BrandMoment-module_rightInner__XvQ5Y{max-width:543px}.BrandMoment-module_subtitle__z9PL8{margin-bottom:var(--spacing-12,.75rem)}.BrandMoment-module_textBody__W6LvQ,.BrandMoment-module_title__GrdAR{margin-bottom:var(--spacing-lg,2.25rem)}.BrandMoment-module_secondaryAction__d18oJ{margin-block-start:var(--spacing-sm,.75rem)}@media (min-width:768px){.BrandMoment-module_actions__Z3NrK{display:flex}.BrandMoment-module_secondaryAction__d18oJ{margin-block-start:0;margin-inline-start:var(--spacing-sm,.75rem)}}@media (min-width:1080px){.BrandMoment-module_left__ZHJiM{justify-content:flex-end}.BrandMoment-module_right__B-PR2{align-items:flex-start}}.BrandMoment-module_footer__vSeX1{flex:0 0 auto}.BrandMoment-module_footerInner__Wt9Rt{border-block-start:1px solid var(--color-purple-800,#2f2438);border-inline-start:1px solid var(--color-purple-800,#2f2438);display:flex;flex-direction:column;margin-block-end:var(--spacing-lg,2.25rem);padding:var(--spacing-sm,.75rem) var(--spacing-md,1.5rem)}.BrandMoment-module_poweredByContainer__OkhVN{display:flex;flex:0 0 auto;order:2}.BrandMoment-module_footerTextContainer__8iin9{flex:1 1 auto;margin-block-end:var(--spacing-md,1.5rem);order:1}.BrandMoment-module_poweredByLogo__w6M7o{margin-inline-start:var(--spacing-xs,.375rem)}.BrandMoment-module_poweredByLogo__w6M7o>img{max-width:133px}@media (min-width:1080px){.BrandMoment-module_footerInner__Wt9Rt{align-items:center;flex-direction:row}.BrandMoment-module_footerTextContainer__8iin9{margin-block-end:0;margin-inline-start:var(--spacing-md,1.5rem);order:0}.BrandMoment-module_poweredByContainer__OkhVN{order:0}}
package/dist/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as __rest, a as __assign, S as SVG, b as __spreadArray, c as SuccessIcon, I as IndicatorActiveIcon, d as IndicatorInactiveIcon } from './SuccessIcon-a3db6485.js';
1
+ import { _ as __rest, a as __assign, S as SVG, b as __spreadArray, c as SuccessIcon, I as IndicatorActiveIcon, d as IndicatorInactiveIcon } from './SuccessIcon-3556331e.js';
2
2
  import React, { forwardRef, useRef, useImperativeHandle, useState, useEffect, useContext, useMemo, useReducer, useCallback, createContext } from 'react';
3
3
  import classnames from 'classnames';
4
4
  import { BadgeAnimated, Badge } from '@kaizen/draft-badge';
@@ -45,7 +45,7 @@ import { makeCssVariableDefinitionsMap } from '@kaizen/design-tokens';
45
45
  import { Tag } from '@kaizen/draft-tag';
46
46
  import { Brand } from '@kaizen/brand';
47
47
 
48
- var styles$I = {"button":"GenericButton-module_button__CppNA","reversed":"GenericButton-module_reversed__OHQ9F","working":"GenericButton-module_working__B1ojO","content":"GenericButton-module_content__a-VN9","default":"GenericButton-module_default__8a-A7","primary":"GenericButton-module_primary__KW-BL","destructive":"GenericButton-module_destructive__mBOt6","secondary":"GenericButton-module_secondary__rBdAd","small":"GenericButton-module_small__T-q6W","container":"GenericButton-module_container__HK-pe","label":"GenericButton-module_label__Upmc2","fullWidth":"GenericButton-module_fullWidth__iQYxB","iconWrapper":"GenericButton-module_iconWrapper__WUyaY","additionalContentWrapper":"GenericButton-module_additionalContentWrapper__eyS8n","loadingSpinner":"GenericButton-module_loadingSpinner__yeuqW","centeredLoadingSpinner":"GenericButton-module_centeredLoadingSpinner__kB2yt","hidden":"GenericButton-module_hidden__SnhqG"};
48
+ var styles$I = {"button":"GenericButton-module_button__CrXoI","reversed":"GenericButton-module_reversed__Pzsic","working":"GenericButton-module_working__mRozR","content":"GenericButton-module_content__E-vUa","default":"GenericButton-module_default__miX7x","primary":"GenericButton-module_primary__FB-Ts","destructive":"GenericButton-module_destructive__O9h5V","secondary":"GenericButton-module_secondary__YbAZ-","small":"GenericButton-module_small__YPMel","iconButton":"GenericButton-module_iconButton__XR24h","circleButton":"GenericButton-module_circleButton__bJk9T","paginationLink":"GenericButton-module_paginationLink__MzUls","isPaginationLinkActive":"GenericButton-module_isPaginationLinkActive__BWdeE","directionalLink":"GenericButton-module_directionalLink__N9Kwb","container":"GenericButton-module_container__6JphL","label":"GenericButton-module_label__Xdblv","fullWidth":"GenericButton-module_fullWidth__bxasc","iconWrapper":"GenericButton-module_iconWrapper__wSWAB","additionalContentWrapper":"GenericButton-module_additionalContentWrapper__PHvbf","loadingSpinner":"GenericButton-module_loadingSpinner__JTaXL","centeredLoadingSpinner":"GenericButton-module_centeredLoadingSpinner__urPMo","hidden":"GenericButton-module_hidden__TuNy8"};
49
49
 
50
50
  var getCustomProps = function(props) {
51
51
  var keys = Object.keys(props).filter(function(k) {
@@ -205,6 +205,28 @@ Button.defaultProps = {
205
205
  };
206
206
  Button.displayName = "Button";
207
207
 
208
+ var IconButton = function(props) {
209
+ return React.createElement(GenericButton, __assign({ iconButton: true }, props));
210
+ };
211
+ IconButton.defaultProps = {
212
+ primary: false,
213
+ destructive: false,
214
+ disabled: false,
215
+ reversed: false,
216
+ secondary: false
217
+ };
218
+ IconButton.displayName = "IconButton";
219
+
220
+ var PaginationLink = function(_a) {
221
+ var pageNumber = _a.pageNumber, restProps = __rest(_a, ["pageNumber"]);
222
+ return React.createElement(GenericButton, __assign({}, restProps, { paginationLink: true, label: "".concat(pageNumber) }));
223
+ };
224
+ PaginationLink.defaultProps = {
225
+ reversed: false,
226
+ isActive: false
227
+ };
228
+ PaginationLink.displayName = "PaginationLink";
229
+
208
230
  var AcademyIcon = function(props) {
209
231
  var uniqueId = v4();
210
232
  var svgContent = React.createElement(
@@ -3775,6 +3797,21 @@ var ZoomOutIcon = function(props) {
3775
3797
  return React.createElement(SVG, __assign({}, props), svgContent);
3776
3798
  };
3777
3799
 
3800
+ var iconMap = {
3801
+ prev: React.createElement(ArrowBackwardIcon, { role: "presentation" }),
3802
+ next: React.createElement(ArrowForwardIcon, { role: "presentation" }),
3803
+ start: React.createElement(StartIcon, { role: "presentation" }),
3804
+ end: React.createElement(EndIcon, { role: "presentation" })
3805
+ };
3806
+ var DirectionalLink = function(props) {
3807
+ return React.createElement(GenericButton, __assign({}, props, { iconButton: true, directionalLink: true, icon: iconMap[props.direction] }));
3808
+ };
3809
+ DirectionalLink.defaultProps = {
3810
+ reversed: false,
3811
+ disabled: false
3812
+ };
3813
+ DirectionalLink.displayName = "DirectionalLink";
3814
+
3778
3815
  var styles$H = {"clearButton":"ClearButton-module_clearButton__CSOIc","default":"ClearButton-module_default__lBJxw","reversed":"ClearButton-module_reversed__0I2DC"};
3779
3816
 
3780
3817
  var ClearButton$1 = function(_a) {
@@ -6520,5 +6557,5 @@ var Workflow = Object.assign(WorkflowComponent, {
6520
6557
  Wrapper
6521
6558
  });
6522
6559
 
6523
- export { AcademyIcon, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, AddIcon, AddLinkIcon, AddWhiteIcon, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BlankIcon, BoldIcon, BookmarkOffIcon, BookmarkOnIcon, BranchingIcon, BullettedListIcon, Button, CaMonogramIcon, CameraIcon, CautionIcon, CautionWhiteIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClearButton$1 as ClearButton, ClearIcon, ClearWhiteIcon, CloseIcon, ClosedIcon, ClosedWhiteIcon, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, CommunicationsIcon, CompetencyLibraryIcon, ConfigureIcon, ConnectIcon, ConnectLineIcon, CustomIcon, DashboardIcon, DateEndIcon, DateEndWhiteIcon, DateRangeIcon, DateRangeWhiteIcon, DateStartIcon, DateStartWhiteIcon, DecreaseIndentIcon, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EffectivenessIcon, EllipsisIcon, EmailIcon, EmptyIcon, EmptyWhiteIcon, EndIcon, EngagementIcon, EngagementWhiteIcon, EqualIcon, EqualWhiteIcon, ErrorPage, ExclamationIcon, ExclamationOctagonIcon, ExclamationOctagonWhiteIcon, ExclamationWhiteIcon, ExperienceIcon, ExportIcon, ExportWhiteIcon, ExternalLinkIcon, FaceDissatisfiedIcon, FaceDissatisfiedWhiteIcon, FaceNeutralIcon, FaceNeutralWhiteIcon, FaceSatisfiedIcon, FaceSatisfiedWhiteIcon, FaceVeryDissatisfiedIcon, FaceVeryDissatisfiedWhiteIcon, FaceVerySatisfiedIcon, FaceVerySatisfiedWhiteIcon, FactorsIcon, FavoriteOffIcon, FavoriteOnIcon, FeedbackClassifyIcon, FeedbackClassifyWhiteIcon, FeedbackCompletedIcon, FeedbackCompletedWhiteIcon, FeedbackReportIcon, FeedbackReportWhiteIcon, FeedbackReviewIcon, FeedbackReviewWhiteIcon, FeedbackShareIcon, FeedbackShareWhiteIcon, FileIcon, FileWhiteIcon, Filter, FilterBar, FilterBarProvider, FilterButton, FilterButtonRemovable, FilterContents, FilterDatePicker, FilterDatePickerField, FilterDateRangePicker, FilterIcon, FilterMultiSelect, FilterSelect, FlagOffIcon, FlagOffWhiteIcon, FlagOnIcon, FullIcon, GridViewIcon, GuidanceIcon, HamburgerIcon, HeatmapIcon, HeatmapWhiteIcon, HierarchyIcon, HomeIcon, ImportIcon, ImportWhiteIcon, IncreaseIndentIcon, IndicatorActiveIcon, IndicatorInactiveIcon, InformationIcon, InformationWhiteIcon, InputSearch, InsightIcon, InsightsIcon, InvisibleIcon, ItalicsIcon, KaizenProvider, KebabIcon, KioskIcon, KioskWhiteIcon, LaunchIcon, LaunchWhiteIcon, LeaderboardIcon, ListViewIcon, LiveIcon, LockIcon, LockWhiteIcon, LogOutIcon, MaximizeIcon, MeatballsIcon, MenuTriggerConsumer, MenuTriggerProvider, MinimizeIcon, MinusIcon, NavigatorIcon, NotificationIcon, NumberedListIcon, NumberedListRtlIcon, OpenIcon, OpenWhiteIcon, OrganizationIcon, ParticipationIcon, ParticipationWhiteIcon, PauseIcon, PauseWhiteIcon, PercentageIcon, PermissionsIcon, PersonIcon, PhotoUploadIcon, PowerIcon, PrintIcon, PrintWhiteIcon, ProcessManagerIcon, PromotionIcon, PromotionWhiteIcon, QuestionIcon, QuestionWhiteIcon, QuestionsIcon, RedoIcon, RefreshIcon, RemoveLinkIcon, RepeatsIcon, ReportIcon, ReportSharingIcon, RestoreIcon, SaveIcon, SearchIcon, SearchWhiteIcon, SecurityTipIcon, SelectionConsumer, SelectionProvider, SendIcon, SendRtlIcon, SettingsIcon, SettingsWhiteIcon, ShareIcon, SkipIcon, SkipWhiteIcon, SortAscendingIcon, SortDescendingIcon, SpinnerIcon, StarOffIcon, StarOnIcon, StartIcon, SubtractIcon, SubtractWhiteIcon, SuccessIcon, SuccessWhiteIcon, SupportIcon, SurveysIcon, SurveysWhiteIcon, SyncIcon, TagIcon, TasksIcon, TasksWhiteIcon, TemplateIcon, TemplateWhiteIcon, TextAnalyticsIcon, TextAnalyticsWhiteIcon, ThemeContext, ThemeManager, ThemeProvider, ThumbsDownIcon, ThumbsUpIcon, TimeIcon, TimeWhiteIcon, TranslationIcon, TrashIcon, UnattributedIcon, UnattributedWhiteIcon, UnderlineIcon, UndoIcon, UserAddIcon, UserDeleteIcon, UserExitIcon, UserIcon, UserSelectIcon, UserSettingsIcon, UserUpdateIcon, UsersIcon, VisibleIcon, Workflow, WritingIcon, ZoomInIcon, ZoomOutIcon, defaultTheme, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, heartTheme, useDateValidation, useFilterBarContext, useMenuTriggerContext, useSelectionContext, useTheme, validateDate };
6560
+ export { AcademyIcon, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, AddIcon, AddLinkIcon, AddWhiteIcon, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BlankIcon, BoldIcon, BookmarkOffIcon, BookmarkOnIcon, BranchingIcon, BullettedListIcon, Button, CaMonogramIcon, CameraIcon, CautionIcon, CautionWhiteIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClearButton$1 as ClearButton, ClearIcon, ClearWhiteIcon, CloseIcon, ClosedIcon, ClosedWhiteIcon, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, CommunicationsIcon, CompetencyLibraryIcon, ConfigureIcon, ConnectIcon, ConnectLineIcon, CustomIcon, DashboardIcon, DateEndIcon, DateEndWhiteIcon, DateRangeIcon, DateRangeWhiteIcon, DateStartIcon, DateStartWhiteIcon, DecreaseIndentIcon, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DirectionalLink, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EffectivenessIcon, EllipsisIcon, EmailIcon, EmptyIcon, EmptyWhiteIcon, EndIcon, EngagementIcon, EngagementWhiteIcon, EqualIcon, EqualWhiteIcon, ErrorPage, ExclamationIcon, ExclamationOctagonIcon, ExclamationOctagonWhiteIcon, ExclamationWhiteIcon, ExperienceIcon, ExportIcon, ExportWhiteIcon, ExternalLinkIcon, FaceDissatisfiedIcon, FaceDissatisfiedWhiteIcon, FaceNeutralIcon, FaceNeutralWhiteIcon, FaceSatisfiedIcon, FaceSatisfiedWhiteIcon, FaceVeryDissatisfiedIcon, FaceVeryDissatisfiedWhiteIcon, FaceVerySatisfiedIcon, FaceVerySatisfiedWhiteIcon, FactorsIcon, FavoriteOffIcon, FavoriteOnIcon, FeedbackClassifyIcon, FeedbackClassifyWhiteIcon, FeedbackCompletedIcon, FeedbackCompletedWhiteIcon, FeedbackReportIcon, FeedbackReportWhiteIcon, FeedbackReviewIcon, FeedbackReviewWhiteIcon, FeedbackShareIcon, FeedbackShareWhiteIcon, FileIcon, FileWhiteIcon, Filter, FilterBar, FilterBarProvider, FilterButton, FilterButtonRemovable, FilterContents, FilterDatePicker, FilterDatePickerField, FilterDateRangePicker, FilterIcon, FilterMultiSelect, FilterSelect, FlagOffIcon, FlagOffWhiteIcon, FlagOnIcon, FullIcon, GridViewIcon, GuidanceIcon, HamburgerIcon, HeatmapIcon, HeatmapWhiteIcon, HierarchyIcon, HomeIcon, IconButton, ImportIcon, ImportWhiteIcon, IncreaseIndentIcon, IndicatorActiveIcon, IndicatorInactiveIcon, InformationIcon, InformationWhiteIcon, InputSearch, InsightIcon, InsightsIcon, InvisibleIcon, ItalicsIcon, KaizenProvider, KebabIcon, KioskIcon, KioskWhiteIcon, LaunchIcon, LaunchWhiteIcon, LeaderboardIcon, ListViewIcon, LiveIcon, LockIcon, LockWhiteIcon, LogOutIcon, MaximizeIcon, MeatballsIcon, MenuTriggerConsumer, MenuTriggerProvider, MinimizeIcon, MinusIcon, NavigatorIcon, NotificationIcon, NumberedListIcon, NumberedListRtlIcon, OpenIcon, OpenWhiteIcon, OrganizationIcon, PaginationLink, ParticipationIcon, ParticipationWhiteIcon, PauseIcon, PauseWhiteIcon, PercentageIcon, PermissionsIcon, PersonIcon, PhotoUploadIcon, PowerIcon, PrintIcon, PrintWhiteIcon, ProcessManagerIcon, PromotionIcon, PromotionWhiteIcon, QuestionIcon, QuestionWhiteIcon, QuestionsIcon, RedoIcon, RefreshIcon, RemoveLinkIcon, RepeatsIcon, ReportIcon, ReportSharingIcon, RestoreIcon, SaveIcon, SearchIcon, SearchWhiteIcon, SecurityTipIcon, SelectionConsumer, SelectionProvider, SendIcon, SendRtlIcon, SettingsIcon, SettingsWhiteIcon, ShareIcon, SkipIcon, SkipWhiteIcon, SortAscendingIcon, SortDescendingIcon, SpinnerIcon, StarOffIcon, StarOnIcon, StartIcon, SubtractIcon, SubtractWhiteIcon, SuccessIcon, SuccessWhiteIcon, SupportIcon, SurveysIcon, SurveysWhiteIcon, SyncIcon, TagIcon, TasksIcon, TasksWhiteIcon, TemplateIcon, TemplateWhiteIcon, TextAnalyticsIcon, TextAnalyticsWhiteIcon, ThemeContext, ThemeManager, ThemeProvider, ThumbsDownIcon, ThumbsUpIcon, TimeIcon, TimeWhiteIcon, TranslationIcon, TrashIcon, UnattributedIcon, UnattributedWhiteIcon, UnderlineIcon, UndoIcon, UserAddIcon, UserDeleteIcon, UserExitIcon, UserIcon, UserSelectIcon, UserSettingsIcon, UserUpdateIcon, UsersIcon, VisibleIcon, Workflow, WritingIcon, ZoomInIcon, ZoomOutIcon, defaultTheme, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, heartTheme, useDateValidation, useFilterBarContext, useMenuTriggerContext, useSelectionContext, useTheme, validateDate };
6524
6561
  //# sourceMappingURL=index.js.map