@kaizen/components 1.24.0 → 1.24.1

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 (82) hide show
  1. package/dist/cjs/{SuccessIcon-30c8cfe6.js → SuccessIcon-b5aaeec4.js} +1 -1
  2. package/dist/cjs/{SuccessIcon-30c8cfe6.js.map → SuccessIcon-b5aaeec4.js.map} +1 -1
  3. package/dist/cjs/{SuccessIcon-3b7434ae.js → SuccessIcon-d357871a.js} +1 -1
  4. package/dist/cjs/{SuccessIcon-3b7434ae.js.map → SuccessIcon-d357871a.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/subcomponents/GenericButton.d.ts +2 -2
  14. package/dist/cjs/dts/Card/Card.d.ts +26 -0
  15. package/dist/cjs/dts/Card/index.d.ts +1 -0
  16. package/dist/cjs/dts/Divider/Divider.d.ts +14 -0
  17. package/dist/cjs/dts/Divider/index.d.ts +1 -0
  18. package/dist/cjs/dts/EmptyState/EmptyState.d.ts +24 -0
  19. package/dist/cjs/dts/EmptyState/index.d.ts +1 -0
  20. package/dist/cjs/dts/Heading/Heading.d.ts +26 -0
  21. package/dist/cjs/dts/Heading/index.d.ts +1 -0
  22. package/dist/cjs/dts/MultiSelect/subcomponents/Popover/Popover.d.ts +18 -0
  23. package/dist/cjs/dts/MultiSelect/subcomponents/Popover/index.d.ts +2 -0
  24. package/dist/cjs/dts/Notification/GenericNotification/GenericNotification.d.ts +38 -0
  25. package/dist/cjs/dts/Notification/GenericNotification/index.d.ts +3 -0
  26. package/dist/cjs/dts/Notification/GlobalNotification/GlobalNotification.d.ts +17 -0
  27. package/dist/cjs/dts/Notification/GlobalNotification/index.d.ts +1 -0
  28. package/dist/cjs/dts/Notification/InlineNotification/InlineNotification.d.ts +25 -0
  29. package/dist/cjs/dts/Notification/InlineNotification/index.d.ts +1 -0
  30. package/dist/cjs/dts/Notification/index.d.ts +2 -0
  31. package/dist/cjs/dts/Notification/types.d.ts +1 -0
  32. package/dist/cjs/dts/Text/Text.d.ts +23 -0
  33. package/dist/cjs/dts/Text/index.d.ts +1 -0
  34. package/dist/cjs/dts/index.d.ts +1 -1
  35. package/dist/cjs/dts/types/OverrideClassName.d.ts +1 -0
  36. package/dist/cjs/future.js +1 -1
  37. package/dist/cjs/index.css +4 -4
  38. package/dist/cjs/index.js +1 -1
  39. package/dist/cjs/index.js.map +1 -1
  40. package/dist/esm/{SuccessIcon-24e9ab24.js → SuccessIcon-29cb253a.js} +1 -1
  41. package/dist/esm/{SuccessIcon-24e9ab24.js.map → SuccessIcon-29cb253a.js.map} +1 -1
  42. package/dist/esm/{SuccessIcon-a3db6485.js → SuccessIcon-9ed1bf2f.js} +1 -1
  43. package/dist/esm/{SuccessIcon-a3db6485.js.map → SuccessIcon-9ed1bf2f.js.map} +1 -1
  44. package/dist/esm/dts/Avatar/Avatar.d.ts +50 -0
  45. package/dist/esm/dts/Avatar/index.d.ts +1 -0
  46. package/dist/esm/dts/AvatarGroup/AvatarGroup.d.ts +28 -0
  47. package/dist/esm/dts/AvatarGroup/_docs/example-data.d.ts +8 -0
  48. package/dist/esm/dts/AvatarGroup/index.d.ts +1 -0
  49. package/dist/esm/dts/Badge/Badge.d.ts +32 -0
  50. package/dist/esm/dts/Badge/index.d.ts +1 -0
  51. package/dist/esm/dts/BrandMoment/BrandMoment.d.ts +4 -0
  52. package/dist/esm/dts/Button/subcomponents/GenericButton.d.ts +2 -2
  53. package/dist/esm/dts/Card/Card.d.ts +26 -0
  54. package/dist/esm/dts/Card/index.d.ts +1 -0
  55. package/dist/esm/dts/Divider/Divider.d.ts +14 -0
  56. package/dist/esm/dts/Divider/index.d.ts +1 -0
  57. package/dist/esm/dts/EmptyState/EmptyState.d.ts +24 -0
  58. package/dist/esm/dts/EmptyState/index.d.ts +1 -0
  59. package/dist/esm/dts/Heading/Heading.d.ts +26 -0
  60. package/dist/esm/dts/Heading/index.d.ts +1 -0
  61. package/dist/esm/dts/MultiSelect/subcomponents/Popover/Popover.d.ts +18 -0
  62. package/dist/esm/dts/MultiSelect/subcomponents/Popover/index.d.ts +2 -0
  63. package/dist/esm/dts/Notification/GenericNotification/GenericNotification.d.ts +38 -0
  64. package/dist/esm/dts/Notification/GenericNotification/index.d.ts +3 -0
  65. package/dist/esm/dts/Notification/GlobalNotification/GlobalNotification.d.ts +17 -0
  66. package/dist/esm/dts/Notification/GlobalNotification/index.d.ts +1 -0
  67. package/dist/esm/dts/Notification/InlineNotification/InlineNotification.d.ts +25 -0
  68. package/dist/esm/dts/Notification/InlineNotification/index.d.ts +1 -0
  69. package/dist/esm/dts/Notification/index.d.ts +2 -0
  70. package/dist/esm/dts/Notification/types.d.ts +1 -0
  71. package/dist/esm/dts/Text/Text.d.ts +23 -0
  72. package/dist/esm/dts/Text/index.d.ts +1 -0
  73. package/dist/esm/dts/index.d.ts +1 -1
  74. package/dist/esm/dts/types/OverrideClassName.d.ts +1 -0
  75. package/dist/esm/future.js +1 -1
  76. package/dist/esm/index.css +2 -2
  77. package/dist/esm/index.js +1 -1
  78. package/dist/esm/index.js.map +1 -1
  79. package/dist/index.d.ts +375 -374
  80. package/dist/styles.css +1 -1
  81. package/future/README.md +1 -1
  82. package/package.json +8 -4
@@ -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-29cb253a.js';
2
2
  import React from 'react';
3
3
  import classnames from 'classnames';
4
4
  import { Paragraph, Heading } from '@kaizen/typography';
@@ -1,10 +1,10 @@
1
1
  .Main-module_main__hMyB1{z-index:0}
2
2
  .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}}
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)}
4
+ .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}
5
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
6
  .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
- .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}
7
+ .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}}
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
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}
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-29cb253a.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';