@kaizen/components 1.24.0 → 1.24.2

package/dist/cjs/dts/Divider/Divider.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type DividerProps = {
+    variant: "content" | "canvas" | "menuSeparator";
+    isReversed?: boolean;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061035/Divider Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-divider--docs Storybook}
+ */
+export declare const Divider: {
+    ({ variant, isReversed, classNameOverride, ...props }: DividerProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Divider/index.d.ts

@@ -0,0 +1 @@
+export * from "./Divider";

package/dist/cjs/dts/EmptyState/EmptyState.d.ts

@@ -0,0 +1,24 @@
+import React, { HTMLAttributes } from "react";
+import { AnimatedSceneProps } from "@kaizen/draft-illustration";
+import { HeadingProps } from "@kaizen/typography";
+import { OverrideClassName } from "../types/OverrideClassName";
+type IllustrationType = "positive" | "neutral" | "negative" | "informative" | "action";
+type LayoutContextType = "sidebarAndContent" | "contentOnly";
+export type EmptyStateProps = {
+    children?: React.ReactNode;
+    id?: string;
+    illustrationType?: IllustrationType;
+    layoutContext?: LayoutContextType;
+    bodyText: string | React.ReactNode;
+    straightCorners?: boolean;
+    headingProps?: HeadingProps;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>> & Pick<AnimatedSceneProps, "isAnimated" | "loop">;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094098/Empty+State Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-empty-state--docs Storybook}
+ */
+export declare const EmptyState: {
+    ({ children, id, illustrationType, layoutContext, headingProps, bodyText, straightCorners, isAnimated, loop, classNameOverride, ...props }: EmptyStateProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/cjs/dts/EmptyState/index.d.ts

@@ -0,0 +1 @@
+export * from "./EmptyState";

package/dist/cjs/dts/FilterMultiSelect/FilterMultiSelect.d.ts

@@ -47,7 +47,7 @@ export declare const FilterMultiSelect: {
         displayName: string;
     };
     LoadMoreButton: {
-        (props: import("..").ButtonProps): JSX.Element;
+        (props: import("../Button/GenericButton").GenericButtonProps): JSX.Element;
         displayName: string;
     };
     NoResults: {

package/dist/cjs/dts/Heading/Heading.d.ts

@@ -0,0 +1,26 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type HeadingVariants = "display-0" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6";
+export type AllowedHeadingTags = "pre" | "p" | "div" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
+export type AllowedHeadingColors = "dark" | "dark-reduced-opacity" | "white" | "white-reduced-opacity" | "positive" | "negative";
+export interface HeadingProps extends OverrideClassName<HTMLAttributes<HTMLElement>> {
+    children: React.ReactNode;
+    /**
+     * HTML elements that are allowed on Headings. When not supplied, the tag is inferred from
+     * the variant. E.g. display-0 will infer h1
+     */
+    tag?: AllowedHeadingTags;
+    /**
+     * Allowed heading variants
+     */
+    variant: HeadingVariants;
+    color?: AllowedHeadingColors;
+}
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Headings Guidance}
+ * {@link https://cultureamp.design/?path=/docs/components-typography-heading--display-0 Storybook}
+ */
+export declare const Heading: {
+    ({ children, tag, variant, color, classNameOverride, ...restProps }: HeadingProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Heading/index.d.ts

@@ -0,0 +1 @@
+export * from "./Heading";

package/dist/cjs/dts/MultiSelect/subcomponents/Popover/Popover.d.ts

@@ -0,0 +1,18 @@
+import React, { HTMLAttributes } from "react";
+import { UseFloatingReturn, UseFloatingOptions } from "@floating-ui/react-dom";
+import { ReactFocusOnProps } from "react-focus-on/dist/es5/types";
+import { OverrideClassName } from "../../../types/OverrideClassName";
+export type PopoverProps = {
+    children: React.ReactNode;
+    refs: UseFloatingReturn["refs"];
+    /**
+     * passes in additional options / override for https://floating-ui.com/docs/tooltip#usefloating-hook
+     */
+    floatingOptions?: Omit<UseFloatingOptions, "elements">;
+    focusOnProps?: Omit<ReactFocusOnProps, "children">;
+    portalContainer?: Element | DocumentFragment;
+} & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
+export declare const Popover: {
+    ({ children, refs, floatingOptions, focusOnProps, portalContainer, classNameOverride, ...restProps }: PopoverProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/MultiSelect/subcomponents/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Popover";
+export { useFloating } from "@floating-ui/react-dom";

package/dist/cjs/dts/Notification/GenericNotification/GenericNotification.d.ts

@@ -0,0 +1,38 @@
+import React from "react";
+import { HeadingProps } from "@kaizen/typography";
+import { NotificationType } from "../types";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type GenericNotificationProps = OverrideClassName<{
+    type: NotificationType;
+    style: "global" | "inline" | "toast";
+    children?: React.ReactNode;
+    title?: string;
+    persistent: boolean;
+    onHide?: () => void;
+    noBottomMargin?: boolean;
+    forceMultiline?: boolean;
+    headingProps?: HeadingProps;
+}>;
+type State = {
+    hidden: boolean;
+    removed: boolean;
+};
+declare class GenericNotification extends React.Component<GenericNotificationProps, State> {
+    static defaultProps: {
+        persistent: boolean;
+    };
+    state: {
+        hidden: boolean;
+        removed: boolean;
+    };
+    containerRef: React.RefObject<HTMLDivElement>;
+    constructor(props: GenericNotificationProps);
+    componentDidMount(): void;
+    render(): JSX.Element | null;
+    className(): string;
+    textContainerClassName(): string;
+    marginTop(): string;
+    onTransitionEnd(e: React.TransitionEvent<HTMLDivElement>): void;
+    hide(): void;
+}
+export default GenericNotification;

package/dist/cjs/dts/Notification/GenericNotification/index.d.ts

@@ -0,0 +1,3 @@
+import GenericNotification from "./GenericNotification";
+export * from "./GenericNotification";
+export default GenericNotification;

package/dist/cjs/dts/Notification/GlobalNotification/GlobalNotification.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { NotificationType } from "../types";
+import { OverrideClassName } from "../../types/OverrideClassName";
+export type GlobalNotificationProps = OverrideClassName<{
+    type: NotificationType;
+    children: React.ReactNode;
+    onHide?: () => void;
+    persistent?: boolean;
+}>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060757/Global+Notification Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-notifications-global-notification--docs Storybook}
+ */
+export declare const GlobalNotification: {
+    ({ persistent, ...props }: GlobalNotificationProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Notification/GlobalNotification/index.d.ts

@@ -0,0 +1 @@
+export * from "./GlobalNotification";

package/dist/cjs/dts/Notification/InlineNotification/InlineNotification.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { HeadingProps } from "@kaizen/typography";
+import { OverrideClassName } from "../../types/OverrideClassName";
+import { NotificationType } from "../types";
+export type InlineNotificationProps = OverrideClassName<{
+    type: NotificationType;
+    children?: React.ReactNode;
+    /** @default false */
+    persistent?: boolean;
+    /** @default false */
+    hideCloseIcon?: boolean;
+    onHide?: () => void;
+    noBottomMargin?: boolean;
+    forceMultiline?: boolean;
+    headingProps?: HeadingProps;
+    isSubtle?: boolean;
+}>;
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093392/Inline+Notification Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-notifications-inline-notification--docs Storybook}
+ */
+export declare const InlineNotification: {
+    ({ isSubtle, hideCloseIcon, persistent, classNameOverride, ...otherProps }: InlineNotificationProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/dts/Notification/InlineNotification/index.d.ts

@@ -0,0 +1 @@
+export * from "./InlineNotification";

package/dist/cjs/dts/Notification/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./InlineNotification";
+export * from "./GlobalNotification";

package/dist/cjs/dts/Notification/types.d.ts

@@ -0,0 +1 @@
+export type NotificationType = "positive" | "informative" | "cautionary" | "negative" | "security";

package/dist/cjs/dts/Text/Text.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes } from "react";
+import { OverrideClassName } from "../types/OverrideClassName";
+export type TextVariants = "intro-lede" | "body" | "small" | "extra-small";
+export type AllowedTextTags = "pre" | "p" | "div" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
+export type AllowedTextColors = "dark" | "dark-reduced-opacity" | "white" | "white-reduced-opacity" | "positive" | "negative";
+export interface TextProps extends OverrideClassName<HTMLAttributes<HTMLElement>> {
+    children: React.ReactNode;
+    /**
+     * HTML elements that are allowed on Text
+     * @default "p"
+     */
+    tag?: AllowedTextTags;
+    /**
+     * Allowed text variants
+     */
+    variant: TextVariants;
+    color?: AllowedTextColors;
+}
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Paragraph Guidance}
+ * {@link https://cultureamp.design/?path=/docs/components-typography-text--body Storybook}
+ */
+export declare const Text: ({ children, tag, variant, color, classNameOverride, ...restProps }: TextProps) => JSX.Element;

package/dist/cjs/dts/Text/index.d.ts

@@ -0,0 +1 @@
+export * from "./Text";

package/dist/cjs/dts/index.d.ts

@@ -9,7 +9,7 @@ export * from "./FilterDatePicker";
 export * from "./FilterDateRangePicker";
 export * from "./FilterMultiSelect";
 export * from "./FilterSelect";
+export * from "./Icons";
 export * from "./InputSearch";
 export * from "./KaizenProvider";
 export * from "./Workflow";
-export * from "./Icons";

package/dist/cjs/dts/types/OverrideClassName.d.ts

@@ -1,3 +1,4 @@
 export type OverrideClassName<T extends Record<string, any>> = Omit<T, "className"> & {
+    /** Add extra classnames to the component. Try out some Tailwind classes (eg. `!mb-48`) to see! */
     classNameOverride?: string;
 };

package/dist/cjs/future.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var SuccessIcon = require('./SuccessIcon-3b7434ae.js');
+var SuccessIcon = require('./SuccessIcon-d0cca714.js');
 var React = require('react');
 var classnames = require('classnames');
 var typography = require('@kaizen/typography');

package/dist/cjs/index.css

@@ -1,13 +1,13 @@
 .Main-module_main__hMyB1{z-index:0}
 .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}
-.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)}}
+.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}}
 .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)}
 .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}
+.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)}}
 .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}
-.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}}
 .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}}
 .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}}
-.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}
+.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}
 .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%}
 .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)}
 .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/cjs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var SuccessIcon = require('./SuccessIcon-3b7434ae.js');
+var SuccessIcon = require('./SuccessIcon-d0cca714.js');
 var React = require('react');
 var classnames = require('classnames');
 var draftBadge = require('@kaizen/draft-badge');
@@ -47,7 +47,7 @@ var designTokens = require('@kaizen/design-tokens');
 var draftTag = require('@kaizen/draft-tag');
 var brand = require('@kaizen/brand');
 
-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"};
+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"};
 
 var getCustomProps = function(props) {
   var keys = Object.keys(props).filter(function(k) {
@@ -207,6 +207,28 @@ Button.defaultProps = {
 };
 Button.displayName = "Button";
 
+var IconButton = function(props) {
+  return React.createElement(GenericButton, SuccessIcon.__assign({ iconButton: true }, props));
+};
+IconButton.defaultProps = {
+  primary: false,
+  destructive: false,
+  disabled: false,
+  reversed: false,
+  secondary: false
+};
+IconButton.displayName = "IconButton";
+
+var PaginationLink = function(_a) {
+  var pageNumber = _a.pageNumber, restProps = SuccessIcon.__rest(_a, ["pageNumber"]);
+  return React.createElement(GenericButton, SuccessIcon.__assign({}, restProps, { paginationLink: true, label: "".concat(pageNumber) }));
+};
+PaginationLink.defaultProps = {
+  reversed: false,
+  isActive: false
+};
+PaginationLink.displayName = "PaginationLink";
+
 var AcademyIcon = function(props) {
   var uniqueId = uuid.v4();
   var svgContent = React.createElement(
@@ -3777,6 +3799,21 @@ var ZoomOutIcon = function(props) {
   return React.createElement(SuccessIcon.SVG, SuccessIcon.__assign({}, props), svgContent);
 };
 
+var iconMap = {
+  prev: React.createElement(ArrowBackwardIcon, { role: "presentation" }),
+  next: React.createElement(ArrowForwardIcon, { role: "presentation" }),
+  start: React.createElement(StartIcon, { role: "presentation" }),
+  end: React.createElement(EndIcon, { role: "presentation" })
+};
+var DirectionalLink = function(props) {
+  return React.createElement(GenericButton, SuccessIcon.__assign({}, props, { iconButton: true, directionalLink: true, icon: iconMap[props.direction] }));
+};
+DirectionalLink.defaultProps = {
+  reversed: false,
+  disabled: false
+};
+DirectionalLink.displayName = "DirectionalLink";
+
 var styles$H = {"clearButton":"ClearButton-module_clearButton__CSOIc","default":"ClearButton-module_default__lBJxw","reversed":"ClearButton-module_reversed__0I2DC"};
 
 var ClearButton$1 = function(_a) {
@@ -6592,6 +6629,7 @@ exports.DeltaPositiveIcon = DeltaPositiveIcon;
 exports.DeltaWhiteIcon = DeltaWhiteIcon;
 exports.DemographicsIcon = DemographicsIcon;
 exports.DepartmentIcon = DepartmentIcon;
+exports.DirectionalLink = DirectionalLink;
 exports.DraftIcon = DraftIcon;
 exports.DraftWhiteIcon = DraftWhiteIcon;
 exports.DragIcon = DragIcon;
@@ -6664,6 +6702,7 @@ exports.HeatmapIcon = HeatmapIcon;
 exports.HeatmapWhiteIcon = HeatmapWhiteIcon;
 exports.HierarchyIcon = HierarchyIcon;
 exports.HomeIcon = HomeIcon;
+exports.IconButton = IconButton;
 exports.ImportIcon = ImportIcon;
 exports.ImportWhiteIcon = ImportWhiteIcon;
 exports.IncreaseIndentIcon = IncreaseIndentIcon;
@@ -6699,6 +6738,7 @@ exports.NumberedListRtlIcon = NumberedListRtlIcon;
 exports.OpenIcon = OpenIcon;
 exports.OpenWhiteIcon = OpenWhiteIcon;
 exports.OrganizationIcon = OrganizationIcon;
+exports.PaginationLink = PaginationLink;
 exports.ParticipationIcon = ParticipationIcon;
 exports.ParticipationWhiteIcon = ParticipationWhiteIcon;
 exports.PauseIcon = PauseIcon;