@vibe/core 3.17.0-alpha-4b5fc.0 → 3.17.0

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 (21) hide show
  1. package/dist/components/Modal/Modal/Modal.types.d.ts +1 -1
  2. package/dist/components/Modal/utils/animationVariants.d.ts +1 -0
  3. package/dist/mocked_classnames/components/Modal/Modal/Modal.types.d.ts +1 -1
  4. package/dist/mocked_classnames/components/Modal/utils/animationVariants.d.ts +1 -0
  5. package/dist/mocked_classnames/src/components/Button/Button.module.scss.js +1 -1
  6. package/dist/mocked_classnames/src/components/Modal/Modal/Modal.js +1 -1
  7. package/dist/mocked_classnames/src/components/Modal/Modal/Modal.js.map +1 -1
  8. package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +1 -1
  9. package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
  10. package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
  11. package/dist/mocked_classnames/src/components/Modal/utils/animationVariants.js +1 -1
  12. package/dist/mocked_classnames/src/components/Modal/utils/animationVariants.js.map +1 -1
  13. package/dist/src/components/Button/Button.module.scss.js +1 -1
  14. package/dist/src/components/Modal/Modal/Modal.js +1 -1
  15. package/dist/src/components/Modal/Modal/Modal.js.map +1 -1
  16. package/dist/src/components/Modal/Modal/Modal.module.scss.js +1 -1
  17. package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
  18. package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
  19. package/dist/src/components/Modal/utils/animationVariants.js +1 -1
  20. package/dist/src/components/Modal/utils/animationVariants.js.map +1 -1
  21. package/package.json +3 -3
package/dist/components/Modal/Modal/Modal.types.d.ts CHANGED
@@ -2,7 +2,7 @@ import { VibeComponentProps } from "../../../types";
2
2
  import React from "react";
3
3
  import { ModalTopActionsProps } from "../ModalTopActions/ModalTopActions.types";
4
4
  import { PortalTarget } from "../hooks/usePortalTarget/usePortalTarget.types";
5
- export type ModalSize = "small" | "medium" | "large";
5
+ export type ModalSize = "small" | "medium" | "large" | "full-view";
6
6
  export type ModalCloseEvent = React.MouseEvent<HTMLDivElement | HTMLButtonElement> | React.KeyboardEvent<HTMLDivElement>;
7
7
  export interface ModalProps extends VibeComponentProps {
8
8
  /**
package/dist/components/Modal/utils/animationVariants.d.ts CHANGED
@@ -2,3 +2,4 @@ import { Variants } from "framer-motion";
2
2
  export declare const modalAnimationOverlayVariants: Variants;
3
3
  export declare const modalAnimationCenterPopVariants: Variants;
4
4
  export declare const modalAnimationAnchorPopVariants: Variants;
5
+ export declare const modalAnimationFullViewVariants: Variants;
package/dist/mocked_classnames/components/Modal/Modal/Modal.types.d.ts CHANGED
@@ -2,7 +2,7 @@ import { VibeComponentProps } from "../../../types";
2
2
  import React from "react";
3
3
  import { ModalTopActionsProps } from "../ModalTopActions/ModalTopActions.types";
4
4
  import { PortalTarget } from "../hooks/usePortalTarget/usePortalTarget.types";
5
- export type ModalSize = "small" | "medium" | "large";
5
+ export type ModalSize = "small" | "medium" | "large" | "full-view";
6
6
  export type ModalCloseEvent = React.MouseEvent<HTMLDivElement | HTMLButtonElement> | React.KeyboardEvent<HTMLDivElement>;
7
7
  export interface ModalProps extends VibeComponentProps {
8
8
  /**
package/dist/mocked_classnames/components/Modal/utils/animationVariants.d.ts CHANGED
@@ -2,3 +2,4 @@ import { Variants } from "framer-motion";
2
2
  export declare const modalAnimationOverlayVariants: Variants;
3
3
  export declare const modalAnimationCenterPopVariants: Variants;
4
4
  export declare const modalAnimationAnchorPopVariants: Variants;
5
+ export declare const modalAnimationFullViewVariants: Variants;
package/dist/mocked_classnames/src/components/Button/Button.module.scss.js CHANGED
@@ -1,2 +1,2 @@
1
- var o={button:"button","focus-visible":"focus-visible",loader:"loader",loaderSvg:"loaderSvg",textPlaceholder:"textPlaceholder",success:"success",successContent:"successContent",marginRight:"marginRight",marginLeft:"marginLeft",rightFlat:"rightFlat",leftFlat:"leftFlat",preventClickAnimation:"preventClickAnimation",leftIcon:"leftIcon",rightIcon:"rightIcon",sizeXxs:"sizeXxs",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",kindPrimary:"kindPrimary",colorPrimary:"colorPrimary",colorBrand:"colorBrand",colorPrimaryActive:"colorPrimaryActive",colorBrandActive:"colorBrandActive",colorPositive:"colorPositive",colorPositiveActive:"colorPositiveActive",colorNegative:"colorNegative",colorNegativeActive:"colorNegativeActive",colorInverted:"colorInverted",colorInvertedActive:"colorInvertedActive",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnPrimaryColorActive:"colorOnPrimaryColorActive",colorFixedLight:"colorFixedLight",colorFixedLightActive:"colorFixedLightActive",colorOnInvertedBackground:"colorOnInvertedBackground",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive",kindSecondary:"kindSecondary",kindTertiary:"kindTertiary",noSidePadding:"noSidePadding",insetFocusStyle:"insetFocusStyle"};!function(o){const r="s_id-0be9c7314281_3_16_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button {\n --loader-padding: 8px;\n outline: none;\n border: none;\n height: auto;\n border-radius: var(--border-radius-small);\n cursor: pointer;\n white-space: nowrap;\n transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n /* Prevent text selection */\n user-select: none;\n min-width: auto;\n}\n.button:focus-visible, .button.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button:focus:not(.focus-visible) {\n outline: none;\n}\n.button .loader {\n height: 100%;\n}\n.button .loader .loaderSvg {\n position: static;\n height: 100%;\n margin: 0;\n}\n.button .textPlaceholder {\n display: inline-block;\n opacity: 0;\n height: 0;\n visibility: hidden;\n white-space: pre;\n}\n.button.success {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.button.success .successContent {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.marginRight {\n margin-right: var(--spacing-small);\n}\n.marginLeft {\n margin-left: var(--spacing-small);\n}\n.rightFlat {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.leftFlat {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.button:active:not(.preventClickAnimation) {\n transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button .leftIcon {\n margin-right: var(--spacing-small);\n}\n.button .rightIcon {\n margin-left: var(--spacing-small);\n}\n.sizeXxs {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: 2px var(--spacing-xs);\n height: 16px;\n line-height: 16px;\n}\n.sizeXs {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 24px;\n line-height: 21px;\n}\n.sizeSmall {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 32px;\n line-height: 24px;\n}\n.sizeSmall .loader {\n top: 7px;\n}\n.sizeMedium {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: var(--spacing-small) var(--spacing-medium);\n height: 40px;\n}\n.sizeLarge {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: 12px var(--spacing-large);\n height: 48px;\n}\n.kindPrimary {\n color: var(--text-color-on-primary);\n}\n.kindPrimary.colorPrimary {\n background: var(--primary-color);\n}\n.kindPrimary.colorBrand {\n background: var(--brand-color);\n color: var(--text-color-on-brand);\n}\n.kindPrimary.colorPrimaryActive,\n.kindPrimary.colorPrimary:focus {\n background: var(--primary-hover-color);\n}\n.kindPrimary.colorBrandActive,\n.kindPrimary.colorBrand:focus {\n background: var(--brand-hover-color);\n}\n.kindPrimary.colorPositive {\n background: var(--positive-color);\n}\n.kindPrimary.colorPositiveActive,\n.kindPrimary.colorPositive:focus {\n background: var(--positive-color-hover);\n}\n.kindPrimary.colorNegative {\n background: var(--negative-color);\n}\n.kindPrimary.colorNegativeActive,\n.kindPrimary.colorNegative:focus {\n background: var(--negative-color-hover);\n}\n.kindPrimary.colorInverted {\n background: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.kindPrimary.colorInvertedActive,\n.kindPrimary.colorInverted:focus {\n background: var(--placeholder-color);\n}\n.kindPrimary.button.colorInverted.disabled {\n background: var(--disabled-text-color);\n color: var(--disabled-background-color);\n}\n.kindPrimary.colorOnPrimaryColor {\n background: var(--text-color-on-primary);\n}\n.kindPrimary.colorOnPrimaryColorActive,\n.kindPrimary.colorOnPrimaryColorActive:focus {\n backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorOnPrimaryColorActive:focus-visible, .kindPrimary.colorOnPrimaryColorActive.focus-visible,\n.kindPrimary.colorOnPrimaryColorActive:focus:focus-visible,\n.kindPrimary.colorOnPrimaryColorActive:focus.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColorActive:focus:focus:not(.focus-visible) {\n outline: none;\n}\n.kindPrimary.colorOnPrimaryColorActive,\n.kindPrimary.colorOnPrimaryColor:hover,\n.kindPrimary.colorOnPrimaryColor:focus {\n background-color: #e6e9ef;\n}\n.kindPrimary.colorOnPrimaryColor.disabled {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindPrimary.colorFixedLight {\n background: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedLightActive,\n.kindPrimary.colorFixedLight:focus {\n backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorFixedLightActive:focus-visible, .kindPrimary.colorFixedLightActive.focus-visible,\n.kindPrimary.colorFixedLight:focus:focus-visible,\n.kindPrimary.colorFixedLight:focus.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorFixedLightActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:focus:focus:not(.focus-visible) {\n outline: none;\n}\n.kindPrimary.colorFixedLightActive,\n.kindPrimary.colorFixedLight:hover,\n.kindPrimary.colorFixedLight:focus {\n background-color: #e6e9ef;\n}\n.kindPrimary.colorFixedLight.disabled {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindPrimary.colorOnInvertedBackground {\n background: var(--primary-background-color);\n color: var(--primary-text-color);\n}\n.kindPrimary.colorOnInvertedBackgroundActive,\n.kindPrimary.colorOnInvertedBackground:focus {\n background: var(--ui-background-color);\n}\n.kindPrimary.button.colorOnInvertedBackground.disabled {\n background: var(--ui-background-color);\n color: var(--primary-text-color);\n opacity: 0.5;\n}\n.kindPrimary.button.disabled {\n background: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary {\n border: 1px solid;\n border-color: var(--ui-border-color);\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindSecondary.sizeSmall {\n line-height: 22px;\n}\n.kindSecondary.sizeMedium {\n line-height: 22px;\n}\n.kindSecondary.sizeLarge {\n line-height: 22px;\n}\n.kindSecondary.colorPrimaryActive {\n background-color: var(--primary-selected-color);\n border-color: var(--primary-color);\n}\n.kindSecondary.colorPrimaryActive:hover {\n border-color: var(--primary-color);\n}\n.kindSecondary.colorBrandActive {\n color: var(--text-color-on-brand);\n}\n.kindSecondary.colorBrandActive,\n.kindSecondary.colorBrandActive:hover {\n border-color: var(--brand-color);\n}\n.kindSecondary.colorBrandActive {\n background-color: var(--brand-selected-color);\n}\n.kindSecondary.colorPrimary:focus:not(.colorPrimaryActive) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorBrand:focus:not(.colorBrandActive) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorPositive {\n color: var(--positive-color);\n border-color: var(--positive-color);\n}\n.kindSecondary.colorPositiveActive,\n.kindSecondary.colorPositive:focus {\n background: var(--positive-color-selected);\n}\n.kindSecondary.colorNegative {\n color: var(--negative-color);\n border-color: var(--negative-color);\n}\n.kindSecondary.colorNegativeActive,\n.kindSecondary.colorNegative:focus {\n background: var(--negative-color-selected);\n}\n.kindSecondary.colorInverted {\n color: var(--primary-text-color);\n border-color: var(--primary-text-color);\n}\n.kindSecondary.colorInvertedActive,\n.kindSecondary.colorInverted:focus {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorInverted.disabled {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n}\n.kindSecondary.colorOnPrimaryColor {\n color: var(--text-color-on-primary);\n border-color: var(--text-color-on-primary);\n}\n.kindSecondary.colorOnPrimaryColorActive,\n.kindSecondary.colorOnPrimaryColor:hover,\n.kindSecondary.colorOnPrimaryColor:focus {\n backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorOnPrimaryColorActive:focus-visible, .kindSecondary.colorOnPrimaryColorActive.focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover:focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover.focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus:focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n outline: none;\n}\n.kindSecondary.colorOnPrimaryColor.disabled {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindSecondary.colorFixedLight {\n border-color: var(--fixed-light-color);\n color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedLightActive,\n.kindSecondary.colorFixedLight:hover,\n.kindSecondary.colorFixedLight:focus {\n backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorFixedLightActive:focus-visible, .kindSecondary.colorFixedLightActive.focus-visible,\n.kindSecondary.colorFixedLight:hover:focus-visible,\n.kindSecondary.colorFixedLight:hover.focus-visible,\n.kindSecondary.colorFixedLight:focus:focus-visible,\n.kindSecondary.colorFixedLight:focus.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorFixedLightActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:focus:focus:not(.focus-visible) {\n outline: none;\n}\n.kindSecondary.colorOnInvertedBackground {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n}\n.kindSecondary.colorOnInvertedBackgroundActive,\n.kindSecondary.colorOnInvertedBackground:focus {\n background: var(--icon-color);\n}\n.kindSecondary.colorOnInvertedBackground.disabled {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n opacity: 0.5;\n}\n.kindSecondary.colorFixedLight.disabled {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindSecondary.disabled {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindTertiary {\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindTertiary.colorPrimaryActive {\n background-color: var(--primary-selected-color);\n}\n.kindTertiary.colorBrandActive {\n color: var(--text-color-on-brand);\n}\n.kindTertiary.colorBrandActive {\n background-color: var(--brand-selected-color);\n}\n.kindTertiary.colorPrimary:focus:not(.colorPrimaryActive) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorBrand:focus:not(.colorBrandActive) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorPositive {\n color: var(--positive-color);\n}\n.kindTertiary.colorPositiveActive,\n.kindTertiary.colorPositive:focus {\n background: var(--positive-color-selected);\n}\n.kindTertiary.colorNegative {\n color: var(--negative-color);\n}\n.kindTertiary.colorNegativeActive,\n.kindTertiary.colorNegative:focus {\n background: var(--negative-color-selected);\n}\n.kindTertiary.colorInverted {\n color: var(--primary-text-color);\n}\n.kindTertiary.colorInvertedActive,\n.kindTertiary.colorInverted:focus {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorInverted.disabled {\n color: var(--disabled-text-color);\n}\n.kindTertiary.colorOnPrimaryColor {\n color: var(--text-color-on-primary);\n}\n.kindTertiary.colorOnPrimaryColorActive,\n.kindTertiary.colorOnPrimaryColor:hover,\n.kindTertiary.colorOnPrimaryColor:focus {\n backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorOnPrimaryColorActive:focus-visible, .kindTertiary.colorOnPrimaryColorActive.focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover:focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover.focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus:focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n outline: none;\n}\n.kindTertiary.colorOnPrimaryColor.disabled {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindTertiary.colorFixedLight {\n color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedLightActive,\n.kindTertiary.colorFixedLight:hover,\n.kindTertiary.colorFixedLight:focus {\n backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorFixedLightActive:focus-visible, .kindTertiary.colorFixedLightActive.focus-visible,\n.kindTertiary.colorFixedLight:hover:focus-visible,\n.kindTertiary.colorFixedLight:hover.focus-visible,\n.kindTertiary.colorFixedLight:focus:focus-visible,\n.kindTertiary.colorFixedLight:focus.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorFixedLightActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:focus:focus:not(.focus-visible) {\n outline: none;\n}\n.kindTertiary.colorFixedLight.disabled {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindTertiary.colorOnInvertedBackground {\n color: var(--text-color-on-inverted);\n}\n.kindTertiary.colorOnInvertedBackgroundActive,\n.kindTertiary.colorOnInvertedBackground:focus {\n background: var(--icon-color);\n}\n.kindTertiary.colorOnInvertedBackground.disabled {\n background: var(--icon-color);\n opacity: 0.5;\n color: var(--text-color-on-inverted);\n}\n.kindTertiary.disabled {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.noSidePadding {\n padding-right: 0;\n padding-left: 0;\n}\n.button.insetFocusStyle:focus-visible, .button.insetFocusStyle.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button.insetFocusStyle:focus:not(.focus-visible) {\n outline: none;\n}");export{o as default};
1
+ var o={button:"button","focus-visible":"focus-visible",loader:"loader",loaderSvg:"loaderSvg",textPlaceholder:"textPlaceholder",success:"success",successContent:"successContent",marginRight:"marginRight",marginLeft:"marginLeft",rightFlat:"rightFlat",leftFlat:"leftFlat",preventClickAnimation:"preventClickAnimation",leftIcon:"leftIcon",rightIcon:"rightIcon",sizeXxs:"sizeXxs",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",kindPrimary:"kindPrimary",colorPrimary:"colorPrimary",colorBrand:"colorBrand",colorPrimaryActive:"colorPrimaryActive",colorBrandActive:"colorBrandActive",colorPositive:"colorPositive",colorPositiveActive:"colorPositiveActive",colorNegative:"colorNegative",colorNegativeActive:"colorNegativeActive",colorInverted:"colorInverted",colorInvertedActive:"colorInvertedActive",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnPrimaryColorActive:"colorOnPrimaryColorActive",colorFixedLight:"colorFixedLight",colorFixedLightActive:"colorFixedLightActive",colorOnInvertedBackground:"colorOnInvertedBackground",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive",kindSecondary:"kindSecondary",kindTertiary:"kindTertiary",noSidePadding:"noSidePadding",insetFocusStyle:"insetFocusStyle"};!function(o){const r="s_id-9fe829f89bf2_3_16_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button {\n --loader-padding: 8px;\n outline: none;\n border: none;\n height: auto;\n border-radius: var(--border-radius-small);\n cursor: pointer;\n white-space: nowrap;\n transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n /* Prevent text selection */\n user-select: none;\n min-width: auto;\n}\n.button:focus-visible, .button.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button:focus:not(.focus-visible) {\n outline: none;\n}\n.button .loader {\n height: 100%;\n}\n.button .loader .loaderSvg {\n position: static;\n height: 100%;\n margin: 0;\n}\n.button .textPlaceholder {\n display: inline-block;\n opacity: 0;\n height: 0;\n visibility: hidden;\n white-space: pre;\n}\n.button.success {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.button.success .successContent {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.marginRight {\n margin-right: var(--spacing-small);\n}\n.marginLeft {\n margin-left: var(--spacing-small);\n}\n.rightFlat {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.leftFlat {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.button:active:not(.preventClickAnimation) {\n transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button .leftIcon {\n margin-right: var(--spacing-small);\n}\n.button .rightIcon {\n margin-left: var(--spacing-small);\n}\n.sizeXxs {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: 2px var(--spacing-xs);\n height: 16px;\n line-height: 16px;\n}\n.sizeXs {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 24px;\n line-height: 21px;\n}\n.sizeSmall {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 32px;\n line-height: 24px;\n}\n.sizeSmall .loader {\n top: 7px;\n}\n.sizeMedium {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: var(--spacing-small) var(--spacing-medium);\n height: 40px;\n}\n.sizeLarge {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: 12px var(--spacing-large);\n height: 48px;\n}\n.kindPrimary {\n color: var(--text-color-on-primary);\n}\n.kindPrimary.colorPrimary {\n background: var(--primary-color);\n}\n.kindPrimary.colorBrand {\n background: var(--brand-color);\n color: var(--text-color-on-brand);\n}\n.kindPrimary.colorPrimaryActive,\n.kindPrimary.colorPrimary:hover,\n.kindPrimary.colorPrimary:focus {\n background: var(--primary-hover-color);\n}\n.kindPrimary.colorBrandActive,\n.kindPrimary.colorBrand:hover,\n.kindPrimary.colorBrand:focus {\n background: var(--brand-hover-color);\n}\n.kindPrimary.colorPositive {\n background: var(--positive-color);\n}\n.kindPrimary.colorPositiveActive,\n.kindPrimary.colorPositive:hover,\n.kindPrimary.colorPositive:focus {\n background: var(--positive-color-hover);\n}\n.kindPrimary.colorNegative {\n background: var(--negative-color);\n}\n.kindPrimary.colorNegativeActive,\n.kindPrimary.colorNegative:hover,\n.kindPrimary.colorNegative:focus {\n background: var(--negative-color-hover);\n}\n.kindPrimary.colorInverted {\n background: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.kindPrimary.colorInvertedActive,\n.kindPrimary.colorInverted:hover,\n.kindPrimary.colorInverted:focus {\n background: var(--placeholder-color);\n}\n.kindPrimary.button.colorInverted.disabled {\n background: var(--disabled-text-color);\n color: var(--disabled-background-color);\n}\n.kindPrimary.colorOnPrimaryColor {\n background: var(--text-color-on-primary);\n}\n.kindPrimary.colorOnPrimaryColorActive,\n.kindPrimary.colorOnPrimaryColor:hover,\n.kindPrimary.colorOnPrimaryColor:focus {\n background-color: #e6e9ef;\n backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorOnPrimaryColorActive:focus-visible, .kindPrimary.colorOnPrimaryColorActive.focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover:focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover.focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus:focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n outline: none;\n}\n.kindPrimary.colorOnPrimaryColor.disabled {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindPrimary.colorFixedLight {\n background: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedLightActive,\n.kindPrimary.colorFixedLight:hover,\n.kindPrimary.colorFixedLight:focus {\n background-color: #e6e9ef;\n backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorFixedLightActive:focus-visible, .kindPrimary.colorFixedLightActive.focus-visible,\n.kindPrimary.colorFixedLight:hover:focus-visible,\n.kindPrimary.colorFixedLight:hover.focus-visible,\n.kindPrimary.colorFixedLight:focus:focus-visible,\n.kindPrimary.colorFixedLight:focus.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorFixedLightActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:focus:focus:not(.focus-visible) {\n outline: none;\n}\n.kindPrimary.colorFixedLight.disabled {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindPrimary.colorOnInvertedBackground {\n background: var(--primary-background-color);\n color: var(--primary-text-color);\n}\n.kindPrimary.colorOnInvertedBackgroundActive,\n.kindPrimary.colorOnInvertedBackground:hover,\n.kindPrimary.colorOnInvertedBackground:focus {\n background: var(--ui-background-color);\n}\n.kindPrimary.button.colorOnInvertedBackground.disabled {\n background: var(--ui-background-color);\n color: var(--primary-text-color);\n opacity: 0.5;\n}\n.kindPrimary.button.disabled {\n background: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary {\n border: 1px solid;\n border-color: var(--ui-border-color);\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindSecondary.sizeSmall {\n line-height: 22px;\n}\n.kindSecondary.sizeMedium {\n line-height: 22px;\n}\n.kindSecondary.sizeLarge {\n line-height: 22px;\n}\n.kindSecondary.colorPrimaryActive {\n background-color: var(--primary-selected-color);\n border-color: var(--primary-color);\n}\n.kindSecondary.colorPrimaryActive:hover {\n background-color: var(--primary-selected-hover-color);\n border-color: var(--primary-color);\n}\n.kindSecondary.colorBrandActive {\n color: var(--text-color-on-brand);\n}\n.kindSecondary.colorBrandActive,\n.kindSecondary.colorBrandActive:hover {\n background-color: var(--brand-selected-color);\n border-color: var(--brand-color);\n}\n.kindSecondary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindSecondary.colorPrimary:focus:not(.colorPrimaryActive) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorBrand:hover:not(.colorBrandActive),\n.kindSecondary.colorBrand:focus:not(.colorBrandActive) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorPositive {\n color: var(--positive-color);\n border-color: var(--positive-color);\n}\n.kindSecondary.colorPositiveActive,\n.kindSecondary.colorPositive:hover,\n.kindSecondary.colorPositive:focus {\n background: var(--positive-color-selected);\n}\n.kindSecondary.colorNegative {\n color: var(--negative-color);\n border-color: var(--negative-color);\n}\n.kindSecondary.colorNegativeActive,\n.kindSecondary.colorNegative:hover,\n.kindSecondary.colorNegative:focus {\n background: var(--negative-color-selected);\n}\n.kindSecondary.colorInverted {\n color: var(--primary-text-color);\n border-color: var(--primary-text-color);\n}\n.kindSecondary.colorInvertedActive,\n.kindSecondary.colorInverted:hover,\n.kindSecondary.colorInverted:focus {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorInverted.disabled {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n}\n.kindSecondary.colorOnPrimaryColor {\n color: var(--text-color-on-primary);\n border-color: var(--text-color-on-primary);\n}\n.kindSecondary.colorOnPrimaryColorActive,\n.kindSecondary.colorOnPrimaryColor:hover,\n.kindSecondary.colorOnPrimaryColor:focus {\n backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorOnPrimaryColorActive:focus-visible, .kindSecondary.colorOnPrimaryColorActive.focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover:focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover.focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus:focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n outline: none;\n}\n.kindSecondary.colorOnPrimaryColor.disabled {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindSecondary.colorFixedLight {\n border-color: var(--fixed-light-color);\n color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedLightActive,\n.kindSecondary.colorFixedLight:hover,\n.kindSecondary.colorFixedLight:focus {\n backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorFixedLightActive:focus-visible, .kindSecondary.colorFixedLightActive.focus-visible,\n.kindSecondary.colorFixedLight:hover:focus-visible,\n.kindSecondary.colorFixedLight:hover.focus-visible,\n.kindSecondary.colorFixedLight:focus:focus-visible,\n.kindSecondary.colorFixedLight:focus.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorFixedLightActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:focus:focus:not(.focus-visible) {\n outline: none;\n}\n.kindSecondary.colorOnInvertedBackground {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n}\n.kindSecondary.colorOnInvertedBackgroundActive,\n.kindSecondary.colorOnInvertedBackground:hover,\n.kindSecondary.colorOnInvertedBackground:focus {\n background: var(--icon-color);\n}\n.kindSecondary.colorOnInvertedBackground.disabled {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n opacity: 0.5;\n}\n.kindSecondary.colorFixedLight.disabled {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindSecondary.disabled {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary.disabled:hover {\n background-color: transparent;\n}\n.kindTertiary {\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindTertiary.colorPrimaryActive {\n background-color: var(--primary-selected-color);\n}\n.kindTertiary.colorPrimaryActive:hover {\n background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary.colorBrandActive {\n color: var(--text-color-on-brand);\n}\n.kindTertiary.colorBrandActive,\n.kindTertiary.colorBrandActive:hover {\n background-color: var(--brand-selected-color);\n}\n.kindTertiary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindTertiary.colorPrimary:focus:not(.colorPrimaryActive) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorBrand:hover:not(.colorBrandActive),\n.kindTertiary.colorBrand:focus:not(.colorBrandActive) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorPositive {\n color: var(--positive-color);\n}\n.kindTertiary.colorPositiveActive,\n.kindTertiary.colorPositive:hover,\n.kindTertiary.colorPositive:focus {\n background: var(--positive-color-selected);\n}\n.kindTertiary.colorNegative {\n color: var(--negative-color);\n}\n.kindTertiary.colorNegativeActive,\n.kindTertiary.colorNegative:hover,\n.kindTertiary.colorNegative:focus {\n background: var(--negative-color-selected);\n}\n.kindTertiary.colorInverted {\n color: var(--primary-text-color);\n}\n.kindTertiary.colorInvertedActive,\n.kindTertiary.colorInverted:hover,\n.kindTertiary.colorInverted:focus {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorInverted.disabled {\n color: var(--disabled-text-color);\n}\n.kindTertiary.colorOnPrimaryColor {\n color: var(--text-color-on-primary);\n}\n.kindTertiary.colorOnPrimaryColorActive,\n.kindTertiary.colorOnPrimaryColor:hover,\n.kindTertiary.colorOnPrimaryColor:focus {\n backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorOnPrimaryColorActive:focus-visible, .kindTertiary.colorOnPrimaryColorActive.focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover:focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover.focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus:focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n outline: none;\n}\n.kindTertiary.colorOnPrimaryColor.disabled {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindTertiary.colorFixedLight {\n color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedLightActive,\n.kindTertiary.colorFixedLight:hover,\n.kindTertiary.colorFixedLight:focus {\n backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorFixedLightActive:focus-visible, .kindTertiary.colorFixedLightActive.focus-visible,\n.kindTertiary.colorFixedLight:hover:focus-visible,\n.kindTertiary.colorFixedLight:hover.focus-visible,\n.kindTertiary.colorFixedLight:focus:focus-visible,\n.kindTertiary.colorFixedLight:focus.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorFixedLightActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:focus:focus:not(.focus-visible) {\n outline: none;\n}\n.kindTertiary.colorFixedLight.disabled {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindTertiary.colorOnInvertedBackground {\n color: var(--text-color-on-inverted);\n}\n.kindTertiary.colorOnInvertedBackgroundActive,\n.kindTertiary.colorOnInvertedBackground:hover,\n.kindTertiary.colorOnInvertedBackground:focus {\n background: var(--icon-color);\n}\n.kindTertiary.colorOnInvertedBackground.disabled {\n background: var(--icon-color);\n opacity: 0.5;\n color: var(--text-color-on-inverted);\n}\n.kindTertiary.disabled {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindTertiary.disabled:hover {\n background-color: transparent;\n}\n.noSidePadding {\n padding-right: 0;\n padding-left: 0;\n}\n.button.insetFocusStyle:focus-visible, .button.insetFocusStyle.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button.insetFocusStyle:focus:not(.focus-visible) {\n outline: none;\n}");export{o as default};
2
2
  //# sourceMappingURL=Button.module.scss.js.map
package/dist/mocked_classnames/src/components/Modal/Modal/Modal.js CHANGED
@@ -1,2 +1,2 @@
1
- import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useRef as a,useState as i,useCallback as s,useMemo as n}from"react";import l from"classnames";import{RemoveScroll as m}from"react-remove-scroll";import d from"react-focus-lock";import{AnimatePresence as c,motion as f}from"framer-motion";import{getTestId as u}from"../../../tests/testIds.js";import{ComponentDefaultTestId as p}from"../../../tests/constants.js";import y from"./Modal.module.scss.js";import v from"../ModalTopActions/ModalTopActions.js";import{getStyle as E}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as b}from"lodash-es";import{ModalProvider as j}from"../context/ModalContext.js";import{keyCodes as A}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";import{modalAnimationAnchorPopVariants as h,modalAnimationCenterPopVariants as x,modalAnimationOverlayVariants as M}from"../utils/animationVariants.js";import{createPortal as T}from"react-dom";import P from"../hooks/usePortalTarget/usePortalTarget.js";import C from"../../LayerProvider/LayerProvider.js";import L from"../../../hooks/useMergeRef.js";var k=d.default||d,I=r((function(r,d){var I=r.id,N=r.show,g=r.size,z=void 0===g?"medium":g,_=r.renderHeaderAction,w=r.closeButtonTheme,B=r.closeButtonAriaLabel,D=r.onClose,H=void 0===D?function(){}:D,R=r.anchorElementRef,O=r.alertModal,V=r.container,X=void 0===V?document.body:V,F=r.children,K=r.style,S=r.zIndex,Y=r.className,q=r["data-testid"],G=r["aria-labelledby"],J=r["aria-describedby"],Q=P(X),U=a(null),W=L(d,U),Z=a(null),$=i(),ee=e($,2),te=ee[0],oe=ee[1],re=i(),ae=e(re,2),ie=ae[0],se=ae[1],ne=s((function(e){G||oe(e)}),[G]),le=s((function(e){J||se(e)}),[J]),me=n((function(){return{modalId:I,setTitleId:ne,setDescriptionId:le}}),[I,ne,le]),de=s((function(e){N&&!O&&H(e)}),[N,O,H]),ce=s((function(e){e.key===A.ESCAPE&&N&&!O&&H(e)}),[O,H,N]),fe=(null==R?void 0:R.current)?h:x;return o.createElement(c,null,N&&o.createElement(C,{layerRef:Z},o.createElement(j,{value:me},T(o.createElement(k,{returnFocus:!0},o.createElement("div",{ref:Z,className:y.container,style:S?{"--monday-modal-z-index":S}:{}},o.createElement(f.div,{variants:M,initial:"initial",animate:"enter",exit:"exit","data-testid":u(p.MODAL_NEXT_OVERLAY,I),className:y.overlay,onClick:de,"aria-hidden":!0}),o.createElement(m,{forwardProps:!0,ref:W},o.createElement(f.div,{variants:fe,initial:"exit",animate:"enter",exit:"exit",custom:R,className:l(y.modal,E(y,b("size-"+z)),t({},y.withHeaderAction,!!_),Y),id:I,"data-testid":q||u(p.MODAL_NEXT,I),role:"dialog","aria-modal":!0,"aria-labelledby":G||te,"aria-describedby":J||ie,style:K,onKeyDown:ce,tabIndex:-1},F,o.createElement(v,{renderAction:_,theme:w,closeButtonAriaLabel:B,onClose:H}))))),Q))))}));export{I as default};
1
+ import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useRef as a,useState as i,useCallback as s,useMemo as n}from"react";import l from"classnames";import{RemoveScroll as m}from"react-remove-scroll";import d from"react-focus-lock";import{AnimatePresence as c,motion as f}from"framer-motion";import{getTestId as u}from"../../../tests/testIds.js";import{ComponentDefaultTestId as p}from"../../../tests/constants.js";import y from"./Modal.module.scss.js";import v from"../ModalTopActions/ModalTopActions.js";import{getStyle as E}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as b}from"lodash-es";import{ModalProvider as j}from"../context/ModalContext.js";import{keyCodes as A}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";import{modalAnimationFullViewVariants as h,modalAnimationAnchorPopVariants as x,modalAnimationCenterPopVariants as M,modalAnimationOverlayVariants as T}from"../utils/animationVariants.js";import{createPortal as P}from"react-dom";import C from"../hooks/usePortalTarget/usePortalTarget.js";import L from"../../LayerProvider/LayerProvider.js";import k from"../../../hooks/useMergeRef.js";var I=d.default||d,N=r((function(r,d){var N=r.id,g=r.show,w=r.size,z=void 0===w?"medium":w,_=r.renderHeaderAction,B=r.closeButtonTheme,D=r.closeButtonAriaLabel,H=r.onClose,R=void 0===H?function(){}:H,O=r.anchorElementRef,V=r.alertModal,X=r.container,F=void 0===X?document.body:X,K=r.children,S=r.style,Y=r.zIndex,q=r.className,G=r["data-testid"],J=r["aria-labelledby"],Q=r["aria-describedby"],U=C(F),W=a(null),Z=k(d,W),$=a(null),ee=i(),te=e(ee,2),oe=te[0],re=te[1],ae=i(),ie=e(ae,2),se=ie[0],ne=ie[1],le=s((function(e){J||re(e)}),[J]),me=s((function(e){Q||ne(e)}),[Q]),de=n((function(){return{modalId:N,setTitleId:le,setDescriptionId:me}}),[N,le,me]),ce=s((function(e){g&&!V&&R(e)}),[g,V,R]),fe=s((function(e){e.key===A.ESCAPE&&g&&!V&&R(e)}),[V,R,g]),ue="full-view"===z?h:(null==O?void 0:O.current)?x:M;return o.createElement(c,null,g&&o.createElement(L,{layerRef:$},o.createElement(j,{value:de},P(o.createElement(I,{returnFocus:!0},o.createElement("div",{ref:$,className:y.container,style:Y?{"--monday-modal-z-index":Y}:{}},o.createElement(f.div,{variants:T,initial:"initial",animate:"enter",exit:"exit","data-testid":u(p.MODAL_NEXT_OVERLAY,N),className:y.overlay,onClick:ce,"aria-hidden":!0}),o.createElement(m,{forwardProps:!0,ref:Z},o.createElement(f.div,{variants:ue,initial:"exit",animate:"enter",exit:"exit",custom:O,className:l(y.modal,E(y,b("size-"+z)),t({},y.withHeaderAction,!!_),q),id:N,"data-testid":G||u(p.MODAL_NEXT,N),role:"dialog","aria-modal":!0,"aria-labelledby":J||oe,"aria-describedby":Q||se,style:S,onKeyDown:fe,tabIndex:-1},K,o.createElement(v,{renderAction:_,theme:B,closeButtonAriaLabel:D,onClose:R}))))),U))))}));export{N as default};
2
2
  //# sourceMappingURL=Modal.js.map
package/dist/mocked_classnames/src/components/Modal/Modal/Modal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sources":["../../../../../../src/components/Modal/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport FocusLock from \"react-focus-lock\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { ModalProps } from \"./Modal.types\";\nimport ModalTopActions from \"../ModalTopActions/ModalTopActions\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\nimport { ModalProvider } from \"../context/ModalContext\";\nimport { ModalProviderValue } from \"../context/ModalContext.types\";\nimport { keyCodes } from \"../../../constants\";\nimport {\n modalAnimationAnchorPopVariants,\n modalAnimationCenterPopVariants,\n modalAnimationOverlayVariants\n} from \"../utils/animationVariants\";\nimport { createPortal } from \"react-dom\";\nimport usePortalTarget from \"../hooks/usePortalTarget/usePortalTarget\";\nimport { LayerProvider } from \"../../LayerProvider\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\n\n// @ts-expect-error This is a precaution to support all possible module systems (ESM/CJS)\nconst FocusLockComponent = (FocusLock.default || FocusLock) as typeof FocusLock;\n\nconst Modal = forwardRef(\n (\n {\n id,\n show,\n size = \"medium\",\n renderHeaderAction,\n closeButtonTheme,\n closeButtonAriaLabel,\n onClose = () => {},\n anchorElementRef,\n alertModal,\n container = document.body,\n children,\n style,\n zIndex,\n className,\n \"data-testid\": dataTestId,\n \"aria-labelledby\": ariaLabelledby,\n \"aria-describedby\": ariaDescribedby\n }: ModalProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const portalTargetElement = usePortalTarget(container);\n\n const modalRef = useRef<HTMLDivElement>(null);\n const modalMergedRef = useMergeRef<HTMLDivElement>(ref, modalRef);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const [titleId, setTitleId] = useState<string>();\n const [descriptionId, setDescriptionId] = useState<string>();\n\n const setTitleIdCallback = useCallback(\n (newId: string) => {\n if (ariaLabelledby) return;\n setTitleId(newId);\n },\n [ariaLabelledby]\n );\n const setDescriptionIdCallback = useCallback(\n (newId: string) => {\n if (ariaDescribedby) return;\n setDescriptionId(newId);\n },\n [ariaDescribedby]\n );\n\n const contextValue = useMemo<ModalProviderValue>(\n () => ({\n modalId: id,\n setTitleId: setTitleIdCallback,\n setDescriptionId: setDescriptionIdCallback\n }),\n [id, setTitleIdCallback, setDescriptionIdCallback]\n );\n\n const onBackdropClick = useCallback<React.MouseEventHandler<HTMLDivElement>>(\n e => {\n if (!show || alertModal) return;\n onClose(e);\n },\n [show, alertModal, onClose]\n );\n\n const onModalKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n e => {\n if (e.key !== keyCodes.ESCAPE || !show || alertModal) return;\n onClose(e);\n },\n [alertModal, onClose, show]\n );\n\n const modalAnimationVariants = anchorElementRef?.current\n ? modalAnimationAnchorPopVariants\n : modalAnimationCenterPopVariants;\n\n const zIndexStyle = zIndex ? ({ \"--monday-modal-z-index\": zIndex } as React.CSSProperties) : {};\n\n return (\n <AnimatePresence>\n {show && (\n <LayerProvider layerRef={containerRef}>\n <ModalProvider value={contextValue}>\n {createPortal(\n <FocusLockComponent returnFocus>\n <div ref={containerRef} className={styles.container} style={zIndexStyle}>\n <motion.div\n variants={modalAnimationOverlayVariants}\n initial=\"initial\"\n animate=\"enter\"\n exit=\"exit\"\n data-testid={getTestId(ComponentDefaultTestId.MODAL_NEXT_OVERLAY, id)}\n className={styles.overlay}\n onClick={onBackdropClick}\n aria-hidden\n />\n <RemoveScroll forwardProps ref={modalMergedRef}>\n <motion.div\n variants={modalAnimationVariants}\n initial=\"exit\"\n animate=\"enter\"\n exit=\"exit\"\n custom={anchorElementRef}\n className={cx(\n styles.modal,\n getStyle(styles, camelCase(\"size-\" + size)),\n { [styles.withHeaderAction]: !!renderHeaderAction },\n className\n )}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_NEXT, id)}\n role=\"dialog\"\n aria-modal\n aria-labelledby={ariaLabelledby || titleId}\n aria-describedby={ariaDescribedby || descriptionId}\n style={style}\n onKeyDown={onModalKeyDown}\n tabIndex={-1}\n >\n {children}\n <ModalTopActions\n renderAction={renderHeaderAction}\n theme={closeButtonTheme}\n closeButtonAriaLabel={closeButtonAriaLabel}\n onClose={onClose}\n />\n </motion.div>\n </RemoveScroll>\n </div>\n </FocusLockComponent>,\n portalTargetElement\n )}\n </ModalProvider>\n </LayerProvider>\n )}\n </AnimatePresence>\n );\n }\n);\n\nexport default Modal;\n"],"names":["FocusLockComponent","FocusLock","default","Modal","forwardRef","_ref","ref","id","show","_ref$size","size","renderHeaderAction","closeButtonTheme","closeButtonAriaLabel","_ref$onClose","onClose","anchorElementRef","alertModal","_ref$container","container","document","body","children","style","zIndex","className","dataTestId","ariaLabelledby","ariaDescribedby","portalTargetElement","usePortalTarget","modalRef","useRef","modalMergedRef","useMergeRef","containerRef","_useState","useState","_useState2","_slicedToArray","titleId","setTitleId","_useState3","_useState4","descriptionId","setDescriptionId","setTitleIdCallback","useCallback","newId","setDescriptionIdCallback","contextValue","useMemo","modalId","onBackdropClick","e","onModalKeyDown","key","keyCodes","ESCAPE","modalAnimationVariants","current","modalAnimationAnchorPopVariants","modalAnimationCenterPopVariants","React","createElement","AnimatePresence","LayerProvider","layerRef","ModalProvider","value","createPortal","returnFocus","styles","motion","div","variants","modalAnimationOverlayVariants","initial","animate","exit","getTestId","ComponentDefaultTestId","MODAL_NEXT_OVERLAY","overlay","onClick","RemoveScroll","forwardProps","custom","cx","modal","getStyle","camelCase","_defineProperty","withHeaderAction","MODAL_NEXT","role","onKeyDown","tabIndex","ModalTopActions","renderAction","theme"],"mappings":"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"}
1
+ {"version":3,"file":"Modal.js","sources":["../../../../../../src/components/Modal/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport FocusLock from \"react-focus-lock\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { ModalProps } from \"./Modal.types\";\nimport ModalTopActions from \"../ModalTopActions/ModalTopActions\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\nimport { ModalProvider } from \"../context/ModalContext\";\nimport { ModalProviderValue } from \"../context/ModalContext.types\";\nimport { keyCodes } from \"../../../constants\";\nimport {\n modalAnimationAnchorPopVariants,\n modalAnimationCenterPopVariants,\n modalAnimationFullViewVariants,\n modalAnimationOverlayVariants\n} from \"../utils/animationVariants\";\nimport { createPortal } from \"react-dom\";\nimport usePortalTarget from \"../hooks/usePortalTarget/usePortalTarget\";\nimport { LayerProvider } from \"../../LayerProvider\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\n\n// @ts-expect-error This is a precaution to support all possible module systems (ESM/CJS)\nconst FocusLockComponent = (FocusLock.default || FocusLock) as typeof FocusLock;\n\nconst Modal = forwardRef(\n (\n {\n id,\n show,\n size = \"medium\",\n renderHeaderAction,\n closeButtonTheme,\n closeButtonAriaLabel,\n onClose = () => {},\n anchorElementRef,\n alertModal,\n container = document.body,\n children,\n style,\n zIndex,\n className,\n \"data-testid\": dataTestId,\n \"aria-labelledby\": ariaLabelledby,\n \"aria-describedby\": ariaDescribedby\n }: ModalProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const portalTargetElement = usePortalTarget(container);\n\n const modalRef = useRef<HTMLDivElement>(null);\n const modalMergedRef = useMergeRef<HTMLDivElement>(ref, modalRef);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const [titleId, setTitleId] = useState<string>();\n const [descriptionId, setDescriptionId] = useState<string>();\n\n const setTitleIdCallback = useCallback(\n (newId: string) => {\n if (ariaLabelledby) return;\n setTitleId(newId);\n },\n [ariaLabelledby]\n );\n const setDescriptionIdCallback = useCallback(\n (newId: string) => {\n if (ariaDescribedby) return;\n setDescriptionId(newId);\n },\n [ariaDescribedby]\n );\n\n const contextValue = useMemo<ModalProviderValue>(\n () => ({\n modalId: id,\n setTitleId: setTitleIdCallback,\n setDescriptionId: setDescriptionIdCallback\n }),\n [id, setTitleIdCallback, setDescriptionIdCallback]\n );\n\n const onBackdropClick = useCallback<React.MouseEventHandler<HTMLDivElement>>(\n e => {\n if (!show || alertModal) return;\n onClose(e);\n },\n [show, alertModal, onClose]\n );\n\n const onModalKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n e => {\n if (e.key !== keyCodes.ESCAPE || !show || alertModal) return;\n onClose(e);\n },\n [alertModal, onClose, show]\n );\n\n const modalAnimationVariants =\n size === \"full-view\"\n ? modalAnimationFullViewVariants\n : anchorElementRef?.current\n ? modalAnimationAnchorPopVariants\n : modalAnimationCenterPopVariants;\n\n const zIndexStyle = zIndex ? ({ \"--monday-modal-z-index\": zIndex } as React.CSSProperties) : {};\n\n return (\n <AnimatePresence>\n {show && (\n <LayerProvider layerRef={containerRef}>\n <ModalProvider value={contextValue}>\n {createPortal(\n <FocusLockComponent returnFocus>\n <div ref={containerRef} className={styles.container} style={zIndexStyle}>\n <motion.div\n variants={modalAnimationOverlayVariants}\n initial=\"initial\"\n animate=\"enter\"\n exit=\"exit\"\n data-testid={getTestId(ComponentDefaultTestId.MODAL_NEXT_OVERLAY, id)}\n className={styles.overlay}\n onClick={onBackdropClick}\n aria-hidden\n />\n <RemoveScroll forwardProps ref={modalMergedRef}>\n <motion.div\n variants={modalAnimationVariants}\n initial=\"exit\"\n animate=\"enter\"\n exit=\"exit\"\n custom={anchorElementRef}\n className={cx(\n styles.modal,\n getStyle(styles, camelCase(\"size-\" + size)),\n { [styles.withHeaderAction]: !!renderHeaderAction },\n className\n )}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_NEXT, id)}\n role=\"dialog\"\n aria-modal\n aria-labelledby={ariaLabelledby || titleId}\n aria-describedby={ariaDescribedby || descriptionId}\n style={style}\n onKeyDown={onModalKeyDown}\n tabIndex={-1}\n >\n {children}\n <ModalTopActions\n renderAction={renderHeaderAction}\n theme={closeButtonTheme}\n closeButtonAriaLabel={closeButtonAriaLabel}\n onClose={onClose}\n />\n </motion.div>\n </RemoveScroll>\n </div>\n </FocusLockComponent>,\n portalTargetElement\n )}\n </ModalProvider>\n </LayerProvider>\n )}\n </AnimatePresence>\n );\n }\n);\n\nexport default Modal;\n"],"names":["FocusLockComponent","FocusLock","default","Modal","forwardRef","_ref","ref","id","show","_ref$size","size","renderHeaderAction","closeButtonTheme","closeButtonAriaLabel","_ref$onClose","onClose","anchorElementRef","alertModal","_ref$container","container","document","body","children","style","zIndex","className","dataTestId","ariaLabelledby","ariaDescribedby","portalTargetElement","usePortalTarget","modalRef","useRef","modalMergedRef","useMergeRef","containerRef","_useState","useState","_useState2","_slicedToArray","titleId","setTitleId","_useState3","_useState4","descriptionId","setDescriptionId","setTitleIdCallback","useCallback","newId","setDescriptionIdCallback","contextValue","useMemo","modalId","onBackdropClick","e","onModalKeyDown","key","keyCodes","ESCAPE","modalAnimationVariants","modalAnimationFullViewVariants","current","modalAnimationAnchorPopVariants","modalAnimationCenterPopVariants","React","createElement","AnimatePresence","LayerProvider","layerRef","ModalProvider","value","createPortal","returnFocus","styles","motion","div","variants","modalAnimationOverlayVariants","initial","animate","exit","getTestId","ComponentDefaultTestId","MODAL_NEXT_OVERLAY","overlay","onClick","RemoveScroll","forwardProps","custom","cx","modal","getStyle","camelCase","_defineProperty","withHeaderAction","MODAL_NEXT","role","onKeyDown","tabIndex","ModalTopActions","renderAction","theme"],"mappings":"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"}
package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js CHANGED
@@ -1,2 +1,2 @@
1
- var n={container:"container",overlay:"overlay",modal:"modal",withHeaderAction:"withHeaderAction",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge"};!function(n){const e="s_id-858165a4e3b7_3_16_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,a.firstChild?a.insertBefore(i,a.firstChild):a.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container {\n position: fixed;\n inset: 0;\n z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay {\n position: fixed;\n inset: 0;\n height: 100%;\n background-color: var(--color-surface);\n}\n\n.modal {\n --top-actions-spacing: var(--spacing-large);\n --top-actions-width: var(--spacing-xl);\n --modal-inline-padding: var(--spacing-xl);\n position: relative;\n top: 50%;\n left: 50%;\n display: flex;\n flex-direction: column;\n width: var(--modal-width);\n max-height: var(--modal-max-height);\n background-color: var(--primary-background-color);\n overflow: hidden;\n border-radius: var(--border-radius-big);\n box-shadow: var(--box-shadow-large);\n}\n\n.modal.withHeaderAction {\n --top-actions-width: calc(var(--spacing-xl) * 2);\n}\n\n.modal.sizeSmall {\n --modal-max-height: 50%;\n --modal-width: 480px;\n}\n\n.modal.sizeMedium {\n --modal-max-height: 80%;\n --modal-width: 580px;\n}\n\n.modal.sizeLarge {\n --modal-max-height: 80%;\n --modal-width: 840px;\n}");export{n as default};
1
+ var n={container:"container",overlay:"overlay",modal:"modal",withHeaderAction:"withHeaderAction",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",sizeFullView:"sizeFullView"};!function(n){const e="s_id-1ca56cdae57e_3_16_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container {\n position: fixed;\n inset: 0;\n z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay {\n position: fixed;\n inset: 0;\n height: 100%;\n background-color: var(--color-surface);\n}\n\n.modal {\n --top-actions-margin-inline: var(--spacing-large);\n --top-actions-margin-block: var(--spacing-large);\n --top-actions-width: var(--spacing-xl);\n --modal-inline-padding: var(--spacing-xl);\n position: relative;\n top: 50%;\n left: 50%;\n display: flex;\n flex-direction: column;\n width: var(--modal-width);\n max-height: var(--modal-max-height);\n background-color: var(--primary-background-color);\n overflow: hidden;\n border-radius: var(--border-radius-big);\n box-shadow: var(--box-shadow-large);\n outline: none;\n}\n\n.modal.withHeaderAction {\n --top-actions-width: calc(var(--spacing-xl) * 2);\n}\n\n.modal.sizeSmall {\n --modal-max-height: 50%;\n --modal-width: 480px;\n}\n\n.modal.sizeMedium {\n --modal-max-height: 80%;\n --modal-width: 580px;\n}\n\n.modal.sizeLarge {\n --modal-max-height: 80%;\n --modal-width: 840px;\n}\n\n.modal.sizeFullView {\n --top-actions-margin-inline: var(--spacing-xl);\n --modal-max-height: 100%;\n --modal-width: auto;\n position: fixed;\n inset: 0;\n height: calc(100% - 40px);\n margin-inline: 40px;\n margin-block-start: 40px;\n border-end-start-radius: unset;\n border-end-end-radius: unset;\n}");export{n as default};
2
2
  //# sourceMappingURL=Modal.module.scss.js.map
package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js CHANGED
@@ -1,2 +1,2 @@
1
- var e={actions:"actions"};!function(e){const t="s_id-de1e18d16543_3_16_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actions {\n display: flex;\n align-items: center;\n position: absolute;\n right: var(--top-actions-spacing);\n top: var(--top-actions-spacing);\n}");export{e as default};
1
+ var e={actions:"actions"};!function(e){const t="s_id-86629ffbaf1c_3_16_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actions {\n display: flex;\n align-items: center;\n position: absolute;\n right: var(--top-actions-margin-inline);\n top: var(--top-actions-margin-block);\n}");export{e as default};
2
2
  //# sourceMappingURL=ModalTopActions.module.scss.js.map
package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js CHANGED
@@ -1,2 +1,2 @@
1
- var e={layout:"layout",header:"header",divider:"divider",showDivider:"showDivider",content:"content"};!function(e){const n="s_id-9862aee824ed_3_16_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.layout .header {\n width: 100%;\n margin-block: var(--spacing-xl) var(--spacing-large);\n padding-inline-end: calc(var(--top-actions-spacing) + var(--top-actions-width) + var(--spacing-medium));\n padding-inline-start: var(--modal-inline-padding);\n}\n.layout .divider {\n flex-shrink: 0;\n opacity: 0;\n transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout .divider.showDivider {\n opacity: 1;\n}\n.layout .content {\n padding-block-end: var(--spacing-xl);\n}");export{e as default};
1
+ var e={layout:"layout",header:"header",divider:"divider",showDivider:"showDivider",content:"content"};!function(e){const n="s_id-b8093a4a9ca9_3_16_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.layout .header {\n width: 100%;\n margin-block: var(--spacing-xl) var(--spacing-large);\n padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--spacing-medium));\n padding-inline-start: var(--modal-inline-padding);\n}\n.layout .divider {\n flex-shrink: 0;\n opacity: 0;\n transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout .divider.showDivider {\n opacity: 1;\n}\n.layout .content {\n padding-block-end: var(--spacing-xl);\n}");export{e as default};
2
2
  //# sourceMappingURL=ModalBasicLayout.module.scss.js.map
package/dist/mocked_classnames/src/components/Modal/utils/animationVariants.js CHANGED
@@ -1,2 +1,2 @@
1
- var t={initial:{opacity:0},enter:{opacity:.7,transition:{duration:.1,ease:[0,0,.4,1]}},exit:{opacity:0,transition:{duration:.1,ease:[.6,0,1,1]}}},i={initial:{opacity:1,scale:1,x:"-50%",y:"-50%"},enter:{opacity:[0,1,1],scale:[.8,1,1],x:"-50%",y:"-50%",transition:{duration:.15,ease:[0,0,.4,1],times:[0,.5,1]}},exit:{opacity:[1,1,0],scale:[1,1,.8],x:"-50%",y:"-50%",transition:{duration:.1,ease:[.6,0,1,1],times:[0,.5,1]}}},e={initial:function(t){var i=t.current.getBoundingClientRect(),e=i.top+i.height/2;return{opacity:0,scale:.8,top:"50%",left:"50%",x:"calc(-50% + ".concat(i.left+i.width/2,"px)"),y:"calc(-50% + ".concat(e,"px)")}},enter:{opacity:[0,0,1],scale:[.8,.8,1],top:"50%",left:"50%",x:"-50%",y:"-50%",transition:{duration:.2,ease:[0,0,.4,1],times:[0,.4,1]}},exit:function(t){var i=t.current.getBoundingClientRect(),e=i.top+i.height/2;return{opacity:[1,0,0],scale:[1,.8,.8],top:0,left:0,x:"calc(-50% + ".concat(i.left+i.width/2,"px)"),y:"calc(-50% + ".concat(e,"px)"),transition:{duration:.15,ease:[.6,0,1,1],times:[0,.6,1]}}}};export{e as modalAnimationAnchorPopVariants,i as modalAnimationCenterPopVariants,t as modalAnimationOverlayVariants};
1
+ var t=[0,0,.4,1],i=[.6,0,1,1],e={initial:{opacity:0},enter:{opacity:.7,transition:{duration:.1,ease:t}},exit:{opacity:0,transition:{duration:.1,ease:i}}},a={initial:{opacity:1,scale:1,x:"-50%",y:"-50%"},enter:{opacity:[0,1,1],scale:[.8,1,1],x:"-50%",y:"-50%",transition:{duration:.15,ease:t,times:[0,.5,1]}},exit:{opacity:[1,1,0],scale:[1,1,.8],x:"-50%",y:"-50%",transition:{duration:.1,ease:i,times:[0,.5,1]}}},n={initial:function(t){var i=t.current.getBoundingClientRect(),e=i.top+i.height/2;return{opacity:0,scale:.8,top:"50%",left:"50%",x:"calc(-50% + ".concat(i.left+i.width/2,"px)"),y:"calc(-50% + ".concat(e,"px)")}},enter:{opacity:[0,0,1],scale:[.8,.8,1],top:"50%",left:"50%",x:"-50%",y:"-50%",transition:{duration:.2,ease:t,times:[0,.4,1]}},exit:function(t){var e=t.current.getBoundingClientRect(),a=e.top+e.height/2;return{opacity:[1,0,0],scale:[1,.8,.8],top:0,left:0,x:"calc(-50% + ".concat(e.left+e.width/2,"px)"),y:"calc(-50% + ".concat(a,"px)"),transition:{duration:.15,ease:i,times:[0,.6,1]}}}},o={enter:{opacity:[.3,1,1],y:[30,0],transition:{duration:.25,ease:t,times:[0,.33,1]}},exit:{opacity:0,y:30,transition:{duration:.1,ease:i}}};export{n as modalAnimationAnchorPopVariants,a as modalAnimationCenterPopVariants,o as modalAnimationFullViewVariants,e as modalAnimationOverlayVariants};
2
2
  //# sourceMappingURL=animationVariants.js.map
package/dist/mocked_classnames/src/components/Modal/utils/animationVariants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"animationVariants.js","sources":["../../../../../../src/components/Modal/utils/animationVariants.ts"],"sourcesContent":["import { Variants } from \"framer-motion\";\nimport { RefObject } from \"react\";\n\nexport const modalAnimationOverlayVariants: Variants = {\n initial: {\n opacity: 0\n },\n enter: {\n opacity: 0.7,\n transition: {\n duration: 0.1,\n ease: [0.0, 0.0, 0.4, 1.0]\n }\n },\n exit: {\n opacity: 0,\n transition: {\n duration: 0.1,\n ease: [0.6, 0.0, 1.0, 1.0]\n }\n }\n};\n\nexport const modalAnimationCenterPopVariants: Variants = {\n initial: {\n opacity: 1,\n scale: 1,\n x: \"-50%\",\n y: \"-50%\"\n },\n enter: {\n opacity: [0, 1, 1],\n scale: [0.8, 1, 1],\n x: \"-50%\",\n y: \"-50%\",\n transition: {\n duration: 0.15,\n ease: [0.0, 0.0, 0.4, 1.0],\n times: [0, 0.5, 1]\n }\n },\n exit: {\n opacity: [1, 1, 0],\n scale: [1, 1, 0.8],\n x: \"-50%\",\n y: \"-50%\",\n transition: {\n duration: 0.1,\n ease: [0.6, 0.0, 1.0, 1.0],\n times: [0, 0.5, 1]\n }\n }\n};\n\nexport const modalAnimationAnchorPopVariants: Variants = {\n initial: (anchorElementRef: RefObject<HTMLElement>) => {\n const anchorRect = anchorElementRef.current.getBoundingClientRect();\n const anchorCenterX = anchorRect.left + anchorRect.width / 2;\n const anchorCenterY = anchorRect.top + anchorRect.height / 2;\n\n const x = `calc(-50% + ${anchorCenterX}px)`;\n const y = `calc(-50% + ${anchorCenterY}px)`;\n\n return {\n opacity: 0,\n scale: 0.8,\n top: \"50%\",\n left: \"50%\",\n x,\n y\n };\n },\n enter: {\n opacity: [0, 0, 1],\n scale: [0.8, 0.8, 1],\n top: \"50%\",\n left: \"50%\",\n x: \"-50%\",\n y: \"-50%\",\n transition: {\n duration: 0.2,\n ease: [0.0, 0.0, 0.4, 1.0],\n times: [0, 0.4, 1]\n }\n },\n exit: (anchorElementRef: RefObject<HTMLElement>) => {\n const anchorRect = anchorElementRef.current.getBoundingClientRect();\n const anchorCenterX = anchorRect.left + anchorRect.width / 2;\n const anchorCenterY = anchorRect.top + anchorRect.height / 2;\n\n const x = `calc(-50% + ${anchorCenterX}px)`;\n const y = `calc(-50% + ${anchorCenterY}px)`;\n\n return {\n opacity: [1, 0, 0],\n scale: [1, 0.8, 0.8],\n top: 0,\n left: 0,\n x,\n y,\n transition: {\n duration: 0.15,\n ease: [0.6, 0.0, 1.0, 1.0],\n times: [0, 0.6, 1]\n }\n };\n }\n};\n"],"names":["modalAnimationOverlayVariants","initial","opacity","enter","transition","duration","ease","exit","modalAnimationCenterPopVariants","scale","x","y","times","modalAnimationAnchorPopVariants","anchorElementRef","anchorRect","current","getBoundingClientRect","anchorCenterY","top","height","left","concat","width"],"mappings":"AAGO,IAAMA,EAA0C,CACrDC,QAAS,CACPC,QAAS,GAEXC,MAAO,CACLD,QAAS,GACTE,WAAY,CACVC,SAAU,GACVC,KAAM,CAAC,EAAK,EAAK,GAAK,KAG1BC,KAAM,CACJL,QAAS,EACTE,WAAY,CACVC,SAAU,GACVC,KAAM,CAAC,GAAK,EAAK,EAAK,MAKfE,EAA4C,CACvDP,QAAS,CACPC,QAAS,EACTO,MAAO,EACPC,EAAG,OACHC,EAAG,QAELR,MAAO,CACLD,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,GAAK,EAAG,GAChBC,EAAG,OACHC,EAAG,OACHP,WAAY,CACVC,SAAU,IACVC,KAAM,CAAC,EAAK,EAAK,GAAK,GACtBM,MAAO,CAAC,EAAG,GAAK,KAGpBL,KAAM,CACJL,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,EAAG,EAAG,IACdC,EAAG,OACHC,EAAG,OACHP,WAAY,CACVC,SAAU,GACVC,KAAM,CAAC,GAAK,EAAK,EAAK,GACtBM,MAAO,CAAC,EAAG,GAAK,MAKTC,EAA4C,CACvDZ,QAAS,SAACa,GACR,IAAMC,EAAaD,EAAiBE,QAAQC,wBAEtCC,EAAgBH,EAAWI,IAAMJ,EAAWK,OAAS,EAK3D,MAAO,CACLlB,QAAS,EACTO,MAAO,GACPU,IAAK,MACLE,KAAM,MACNX,EARK,eAAAY,OAHeP,EAAWM,KAAON,EAAWQ,MAAQ,EAGhB,OASzCZ,EARK,eAAAW,OAAkBJ,EAAkB,OAU5C,EACDf,MAAO,CACLD,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,GAAK,GAAK,GAClBU,IAAK,MACLE,KAAM,MACNX,EAAG,OACHC,EAAG,OACHP,WAAY,CACVC,SAAU,GACVC,KAAM,CAAC,EAAK,EAAK,GAAK,GACtBM,MAAO,CAAC,EAAG,GAAK,KAGpBL,KAAM,SAACO,GACL,IAAMC,EAAaD,EAAiBE,QAAQC,wBAEtCC,EAAgBH,EAAWI,IAAMJ,EAAWK,OAAS,EAK3D,MAAO,CACLlB,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,EAAG,GAAK,IAChBU,IAAK,EACLE,KAAM,EACNX,EARK,eAAAY,OAHeP,EAAWM,KAAON,EAAWQ,MAAQ,EAGhB,OASzCZ,EARK,eAAAW,OAAkBJ,EAAkB,OASzCd,WAAY,CACVC,SAAU,IACVC,KAAM,CAAC,GAAK,EAAK,EAAK,GACtBM,MAAO,CAAC,EAAG,GAAK,IAGtB"}
1
+ {"version":3,"file":"animationVariants.js","sources":["../../../../../../src/components/Modal/utils/animationVariants.ts"],"sourcesContent":["import { Variants } from \"framer-motion\";\nimport { RefObject } from \"react\";\n\nconst enterEase = [0.0, 0.0, 0.4, 1.0];\nconst exitEase = [0.6, 0.0, 1.0, 1.0];\n\nexport const modalAnimationOverlayVariants: Variants = {\n initial: {\n opacity: 0\n },\n enter: {\n opacity: 0.7,\n transition: {\n duration: 0.1,\n ease: enterEase\n }\n },\n exit: {\n opacity: 0,\n transition: {\n duration: 0.1,\n ease: exitEase\n }\n }\n};\n\nexport const modalAnimationCenterPopVariants: Variants = {\n initial: {\n opacity: 1,\n scale: 1,\n x: \"-50%\",\n y: \"-50%\"\n },\n enter: {\n opacity: [0, 1, 1],\n scale: [0.8, 1, 1],\n x: \"-50%\",\n y: \"-50%\",\n transition: {\n duration: 0.15,\n ease: enterEase,\n times: [0, 0.5, 1]\n }\n },\n exit: {\n opacity: [1, 1, 0],\n scale: [1, 1, 0.8],\n x: \"-50%\",\n y: \"-50%\",\n transition: {\n duration: 0.1,\n ease: exitEase,\n times: [0, 0.5, 1]\n }\n }\n};\n\nexport const modalAnimationAnchorPopVariants: Variants = {\n initial: (anchorElementRef: RefObject<HTMLElement>) => {\n const anchorRect = anchorElementRef.current.getBoundingClientRect();\n const anchorCenterX = anchorRect.left + anchorRect.width / 2;\n const anchorCenterY = anchorRect.top + anchorRect.height / 2;\n\n const x = `calc(-50% + ${anchorCenterX}px)`;\n const y = `calc(-50% + ${anchorCenterY}px)`;\n\n return {\n opacity: 0,\n scale: 0.8,\n top: \"50%\",\n left: \"50%\",\n x,\n y\n };\n },\n enter: {\n opacity: [0, 0, 1],\n scale: [0.8, 0.8, 1],\n top: \"50%\",\n left: \"50%\",\n x: \"-50%\",\n y: \"-50%\",\n transition: {\n duration: 0.2,\n ease: enterEase,\n times: [0, 0.4, 1]\n }\n },\n exit: (anchorElementRef: RefObject<HTMLElement>) => {\n const anchorRect = anchorElementRef.current.getBoundingClientRect();\n const anchorCenterX = anchorRect.left + anchorRect.width / 2;\n const anchorCenterY = anchorRect.top + anchorRect.height / 2;\n\n const x = `calc(-50% + ${anchorCenterX}px)`;\n const y = `calc(-50% + ${anchorCenterY}px)`;\n\n return {\n opacity: [1, 0, 0],\n scale: [1, 0.8, 0.8],\n top: 0,\n left: 0,\n x,\n y,\n transition: {\n duration: 0.15,\n ease: exitEase,\n times: [0, 0.6, 1]\n }\n };\n }\n};\n\nexport const modalAnimationFullViewVariants: Variants = {\n enter: {\n opacity: [0.3, 1, 1],\n y: [30, 0],\n transition: {\n duration: 0.25,\n ease: enterEase,\n times: [0, 0.33, 1]\n }\n },\n exit: {\n opacity: 0,\n y: 30,\n transition: {\n duration: 0.1,\n ease: exitEase\n }\n }\n};\n"],"names":["enterEase","exitEase","modalAnimationOverlayVariants","initial","opacity","enter","transition","duration","ease","exit","modalAnimationCenterPopVariants","scale","x","y","times","modalAnimationAnchorPopVariants","anchorElementRef","anchorRect","current","getBoundingClientRect","anchorCenterY","top","height","left","concat","width","modalAnimationFullViewVariants"],"mappings":"AAGA,IAAMA,EAAY,CAAC,EAAK,EAAK,GAAK,GAC5BC,EAAW,CAAC,GAAK,EAAK,EAAK,GAEpBC,EAA0C,CACrDC,QAAS,CACPC,QAAS,GAEXC,MAAO,CACLD,QAAS,GACTE,WAAY,CACVC,SAAU,GACVC,KAAMR,IAGVS,KAAM,CACJL,QAAS,EACTE,WAAY,CACVC,SAAU,GACVC,KAAMP,KAKCS,EAA4C,CACvDP,QAAS,CACPC,QAAS,EACTO,MAAO,EACPC,EAAG,OACHC,EAAG,QAELR,MAAO,CACLD,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,GAAK,EAAG,GAChBC,EAAG,OACHC,EAAG,OACHP,WAAY,CACVC,SAAU,IACVC,KAAMR,EACNc,MAAO,CAAC,EAAG,GAAK,KAGpBL,KAAM,CACJL,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,EAAG,EAAG,IACdC,EAAG,OACHC,EAAG,OACHP,WAAY,CACVC,SAAU,GACVC,KAAMP,EACNa,MAAO,CAAC,EAAG,GAAK,MAKTC,EAA4C,CACvDZ,QAAS,SAACa,GACR,IAAMC,EAAaD,EAAiBE,QAAQC,wBAEtCC,EAAgBH,EAAWI,IAAMJ,EAAWK,OAAS,EAK3D,MAAO,CACLlB,QAAS,EACTO,MAAO,GACPU,IAAK,MACLE,KAAM,MACNX,EARK,eAAAY,OAHeP,EAAWM,KAAON,EAAWQ,MAAQ,EAGhB,OASzCZ,EARK,eAAAW,OAAkBJ,EAAkB,OAU5C,EACDf,MAAO,CACLD,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,GAAK,GAAK,GAClBU,IAAK,MACLE,KAAM,MACNX,EAAG,OACHC,EAAG,OACHP,WAAY,CACVC,SAAU,GACVC,KAAMR,EACNc,MAAO,CAAC,EAAG,GAAK,KAGpBL,KAAM,SAACO,GACL,IAAMC,EAAaD,EAAiBE,QAAQC,wBAEtCC,EAAgBH,EAAWI,IAAMJ,EAAWK,OAAS,EAK3D,MAAO,CACLlB,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,EAAG,GAAK,IAChBU,IAAK,EACLE,KAAM,EACNX,EARK,eAAAY,OAHeP,EAAWM,KAAON,EAAWQ,MAAQ,EAGhB,OASzCZ,EARK,eAAAW,OAAkBJ,EAAkB,OASzCd,WAAY,CACVC,SAAU,IACVC,KAAMP,EACNa,MAAO,CAAC,EAAG,GAAK,IAGtB,GAGWY,EAA2C,CACtDrB,MAAO,CACLD,QAAS,CAAC,GAAK,EAAG,GAClBS,EAAG,CAAC,GAAI,GACRP,WAAY,CACVC,SAAU,IACVC,KAAMR,EACNc,MAAO,CAAC,EAAG,IAAM,KAGrBL,KAAM,CACJL,QAAS,EACTS,EAAG,GACHP,WAAY,CACVC,SAAU,GACVC,KAAMP"}
package/dist/src/components/Button/Button.module.scss.js CHANGED
@@ -1,2 +1,2 @@
1
- var o={button:"button_8a4a16d3e2","focus-visible":"focus-visible_adb3358f55",loader:"loader_7964822c0e",loaderSvg:"loaderSvg_90865f44e7",textPlaceholder:"textPlaceholder_8222acbe55",success:"success_bfc1c213a5",successContent:"successContent_faead55da7",marginRight:"marginRight_41e97b7556",marginLeft:"marginLeft_a7f79b0a6e",rightFlat:"rightFlat_9ccd46f0c2",leftFlat:"leftFlat_39d18e698a",preventClickAnimation:"preventClickAnimation_0ef1e3d087",leftIcon:"leftIcon_41e97b7556",rightIcon:"rightIcon_a7f79b0a6e",sizeXxs:"sizeXxs_4501ddba45",sizeXs:"sizeXs_1e5822e2e1",sizeSmall:"sizeSmall_272172afd0",sizeMedium:"sizeMedium_ce18deea96",sizeLarge:"sizeLarge_4132369cb1",kindPrimary:"kindPrimary_f62e65070a",colorPrimary:"colorPrimary_f651cc486c",colorBrand:"colorBrand_9b0b23e983",colorPrimaryActive:"colorPrimaryActive_ed0f84c6ef",colorBrandActive:"colorBrandActive_5c3c42b0ac",colorPositive:"colorPositive_d60a2c6150",colorPositiveActive:"colorPositiveActive_cffedb79b4",colorNegative:"colorNegative_4124b74ec4",colorNegativeActive:"colorNegativeActive_cffedb79b4",colorInverted:"colorInverted_68ffe04965",colorInvertedActive:"colorInvertedActive_cffedb79b4",disabled:"disabled_1a3294f4c6",colorOnPrimaryColor:"colorOnPrimaryColor_cb0dfa6285",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_06f1810f24",colorFixedLight:"colorFixedLight_aad421e158",colorFixedLightActive:"colorFixedLightActive_0ef1e3d087",colorOnInvertedBackground:"colorOnInvertedBackground_c8c8e458eb",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_46e6cee82d",kindSecondary:"kindSecondary_26acedf084",kindTertiary:"kindTertiary_933937a789",noSidePadding:"noSidePadding_c8f1565801",insetFocusStyle:"insetFocusStyle_cdb1a5cab8"};!function(o){const r="s_id-0be9c7314281_3_16_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_8a4a16d3e2 {\n --loader-padding: 8px;\n outline: none;\n border: none;\n height: auto;\n border-radius: var(--border-radius-small);\n cursor: pointer;\n white-space: nowrap;\n transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n /* Prevent text selection */\n user-select: none;\n min-width: auto;\n}\n.button_8a4a16d3e2:focus-visible, .button_8a4a16d3e2.focus-visible_adb3358f55 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_8a4a16d3e2:focus:not(.focus-visible_adb3358f55) {\n outline: none;\n}\n.button_8a4a16d3e2 .loader_7964822c0e {\n height: 100%;\n}\n.button_8a4a16d3e2 .loader_7964822c0e .loaderSvg_90865f44e7 {\n position: static;\n height: 100%;\n margin: 0;\n}\n.button_8a4a16d3e2 .textPlaceholder_8222acbe55 {\n display: inline-block;\n opacity: 0;\n height: 0;\n visibility: hidden;\n white-space: pre;\n}\n.button_8a4a16d3e2.success_bfc1c213a5 {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.button_8a4a16d3e2.success_bfc1c213a5 .successContent_faead55da7 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.marginRight_41e97b7556 {\n margin-right: var(--spacing-small);\n}\n.marginLeft_a7f79b0a6e {\n margin-left: var(--spacing-small);\n}\n.rightFlat_9ccd46f0c2 {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.leftFlat_39d18e698a {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.button_8a4a16d3e2:active:not(.preventClickAnimation_0ef1e3d087) {\n transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_8a4a16d3e2 .leftIcon_41e97b7556 {\n margin-right: var(--spacing-small);\n}\n.button_8a4a16d3e2 .rightIcon_a7f79b0a6e {\n margin-left: var(--spacing-small);\n}\n.sizeXxs_4501ddba45 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: 2px var(--spacing-xs);\n height: 16px;\n line-height: 16px;\n}\n.sizeXs_1e5822e2e1 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 24px;\n line-height: 21px;\n}\n.sizeSmall_272172afd0 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 32px;\n line-height: 24px;\n}\n.sizeSmall_272172afd0 .loader_7964822c0e {\n top: 7px;\n}\n.sizeMedium_ce18deea96 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: var(--spacing-small) var(--spacing-medium);\n height: 40px;\n}\n.sizeLarge_4132369cb1 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: 12px var(--spacing-large);\n height: 48px;\n}\n.kindPrimary_f62e65070a {\n color: var(--text-color-on-primary);\n}\n.kindPrimary_f62e65070a.colorPrimary_f651cc486c {\n background: var(--primary-color);\n}\n.kindPrimary_f62e65070a.colorBrand_9b0b23e983 {\n background: var(--brand-color);\n color: var(--text-color-on-brand);\n}\n.kindPrimary_f62e65070a.colorPrimaryActive_ed0f84c6ef,\n.kindPrimary_f62e65070a.colorPrimary_f651cc486c:focus {\n background: var(--primary-hover-color);\n}\n.kindPrimary_f62e65070a.colorBrandActive_5c3c42b0ac,\n.kindPrimary_f62e65070a.colorBrand_9b0b23e983:focus {\n background: var(--brand-hover-color);\n}\n.kindPrimary_f62e65070a.colorPositive_d60a2c6150 {\n background: var(--positive-color);\n}\n.kindPrimary_f62e65070a.colorPositiveActive_cffedb79b4,\n.kindPrimary_f62e65070a.colorPositive_d60a2c6150:focus {\n background: var(--positive-color-hover);\n}\n.kindPrimary_f62e65070a.colorNegative_4124b74ec4 {\n background: var(--negative-color);\n}\n.kindPrimary_f62e65070a.colorNegativeActive_cffedb79b4,\n.kindPrimary_f62e65070a.colorNegative_4124b74ec4:focus {\n background: var(--negative-color-hover);\n}\n.kindPrimary_f62e65070a.colorInverted_68ffe04965 {\n background: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.kindPrimary_f62e65070a.colorInvertedActive_cffedb79b4,\n.kindPrimary_f62e65070a.colorInverted_68ffe04965:focus {\n background: var(--placeholder-color);\n}\n.kindPrimary_f62e65070a.button_8a4a16d3e2.colorInverted_68ffe04965.disabled_1a3294f4c6 {\n background: var(--disabled-text-color);\n color: var(--disabled-background-color);\n}\n.kindPrimary_f62e65070a.colorOnPrimaryColor_cb0dfa6285 {\n background: var(--text-color-on-primary);\n}\n.kindPrimary_f62e65070a.colorOnPrimaryColorActive_06f1810f24,\n.kindPrimary_f62e65070a.colorOnPrimaryColorActive_06f1810f24:focus {\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_f62e65070a.colorOnPrimaryColorActive_06f1810f24:focus-visible, .kindPrimary_f62e65070a.colorOnPrimaryColorActive_06f1810f24.focus-visible_adb3358f55,\n.kindPrimary_f62e65070a.colorOnPrimaryColorActive_06f1810f24:focus:focus-visible,\n.kindPrimary_f62e65070a.colorOnPrimaryColorActive_06f1810f24:focus.focus-visible_adb3358f55 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_f62e65070a.colorOnPrimaryColorActive_06f1810f24:focus:not(.focus-visible_adb3358f55),\n.kindPrimary_f62e65070a.colorOnPrimaryColorActive_06f1810f24:focus:focus:not(.focus-visible_adb3358f55) {\n outline: none;\n}\n.kindPrimary_f62e65070a.colorOnPrimaryColorActive_06f1810f24,\n.kindPrimary_f62e65070a.colorOnPrimaryColor_cb0dfa6285:hover,\n.kindPrimary_f62e65070a.colorOnPrimaryColor_cb0dfa6285:focus {\n background-color: #e6e9ef;\n}\n.kindPrimary_f62e65070a.colorOnPrimaryColor_cb0dfa6285.disabled_1a3294f4c6 {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158 {\n background: var(--fixed-light-color);\n}\n.kindPrimary_f62e65070a.colorFixedLightActive_0ef1e3d087,\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158:focus {\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_f62e65070a.colorFixedLightActive_0ef1e3d087:focus-visible, .kindPrimary_f62e65070a.colorFixedLightActive_0ef1e3d087.focus-visible_adb3358f55,\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158:focus:focus-visible,\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158:focus.focus-visible_adb3358f55 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_f62e65070a.colorFixedLightActive_0ef1e3d087:focus:not(.focus-visible_adb3358f55),\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158:focus:focus:not(.focus-visible_adb3358f55) {\n outline: none;\n}\n.kindPrimary_f62e65070a.colorFixedLightActive_0ef1e3d087,\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158:hover,\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158:focus {\n background-color: #e6e9ef;\n}\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158.disabled_1a3294f4c6 {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindPrimary_f62e65070a.colorOnInvertedBackground_c8c8e458eb {\n background: var(--primary-background-color);\n color: var(--primary-text-color);\n}\n.kindPrimary_f62e65070a.colorOnInvertedBackgroundActive_46e6cee82d,\n.kindPrimary_f62e65070a.colorOnInvertedBackground_c8c8e458eb:focus {\n background: var(--ui-background-color);\n}\n.kindPrimary_f62e65070a.button_8a4a16d3e2.colorOnInvertedBackground_c8c8e458eb.disabled_1a3294f4c6 {\n background: var(--ui-background-color);\n color: var(--primary-text-color);\n opacity: 0.5;\n}\n.kindPrimary_f62e65070a.button_8a4a16d3e2.disabled_1a3294f4c6 {\n background: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary_26acedf084 {\n border: 1px solid;\n border-color: var(--ui-border-color);\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindSecondary_26acedf084.sizeSmall_272172afd0 {\n line-height: 22px;\n}\n.kindSecondary_26acedf084.sizeMedium_ce18deea96 {\n line-height: 22px;\n}\n.kindSecondary_26acedf084.sizeLarge_4132369cb1 {\n line-height: 22px;\n}\n.kindSecondary_26acedf084.colorPrimaryActive_ed0f84c6ef {\n background-color: var(--primary-selected-color);\n border-color: var(--primary-color);\n}\n.kindSecondary_26acedf084.colorPrimaryActive_ed0f84c6ef:hover {\n border-color: var(--primary-color);\n}\n.kindSecondary_26acedf084.colorBrandActive_5c3c42b0ac {\n color: var(--text-color-on-brand);\n}\n.kindSecondary_26acedf084.colorBrandActive_5c3c42b0ac,\n.kindSecondary_26acedf084.colorBrandActive_5c3c42b0ac:hover {\n border-color: var(--brand-color);\n}\n.kindSecondary_26acedf084.colorBrandActive_5c3c42b0ac {\n background-color: var(--brand-selected-color);\n}\n.kindSecondary_26acedf084.colorPrimary_f651cc486c:focus:not(.colorPrimaryActive_ed0f84c6ef) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_26acedf084.colorBrand_9b0b23e983:focus:not(.colorBrandActive_5c3c42b0ac) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_26acedf084.colorPositive_d60a2c6150 {\n color: var(--positive-color);\n border-color: var(--positive-color);\n}\n.kindSecondary_26acedf084.colorPositiveActive_cffedb79b4,\n.kindSecondary_26acedf084.colorPositive_d60a2c6150:focus {\n background: var(--positive-color-selected);\n}\n.kindSecondary_26acedf084.colorNegative_4124b74ec4 {\n color: var(--negative-color);\n border-color: var(--negative-color);\n}\n.kindSecondary_26acedf084.colorNegativeActive_cffedb79b4,\n.kindSecondary_26acedf084.colorNegative_4124b74ec4:focus {\n background: var(--negative-color-selected);\n}\n.kindSecondary_26acedf084.colorInverted_68ffe04965 {\n color: var(--primary-text-color);\n border-color: var(--primary-text-color);\n}\n.kindSecondary_26acedf084.colorInvertedActive_cffedb79b4,\n.kindSecondary_26acedf084.colorInverted_68ffe04965:focus {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_26acedf084.colorInverted_68ffe04965.disabled_1a3294f4c6 {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n}\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285 {\n color: var(--text-color-on-primary);\n border-color: var(--text-color-on-primary);\n}\n.kindSecondary_26acedf084.colorOnPrimaryColorActive_06f1810f24,\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285:hover,\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285:focus {\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_26acedf084.colorOnPrimaryColorActive_06f1810f24:focus-visible, .kindSecondary_26acedf084.colorOnPrimaryColorActive_06f1810f24.focus-visible_adb3358f55,\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285:hover:focus-visible,\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285:hover.focus-visible_adb3358f55,\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285:focus:focus-visible,\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285:focus.focus-visible_adb3358f55 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_26acedf084.colorOnPrimaryColorActive_06f1810f24:focus:not(.focus-visible_adb3358f55),\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285:hover:focus:not(.focus-visible_adb3358f55),\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285:focus:focus:not(.focus-visible_adb3358f55) {\n outline: none;\n}\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285.disabled_1a3294f4c6 {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindSecondary_26acedf084.colorFixedLight_aad421e158 {\n border-color: var(--fixed-light-color);\n color: var(--fixed-light-color);\n}\n.kindSecondary_26acedf084.colorFixedLightActive_0ef1e3d087,\n.kindSecondary_26acedf084.colorFixedLight_aad421e158:hover,\n.kindSecondary_26acedf084.colorFixedLight_aad421e158:focus {\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_26acedf084.colorFixedLightActive_0ef1e3d087:focus-visible, .kindSecondary_26acedf084.colorFixedLightActive_0ef1e3d087.focus-visible_adb3358f55,\n.kindSecondary_26acedf084.colorFixedLight_aad421e158:hover:focus-visible,\n.kindSecondary_26acedf084.colorFixedLight_aad421e158:hover.focus-visible_adb3358f55,\n.kindSecondary_26acedf084.colorFixedLight_aad421e158:focus:focus-visible,\n.kindSecondary_26acedf084.colorFixedLight_aad421e158:focus.focus-visible_adb3358f55 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_26acedf084.colorFixedLightActive_0ef1e3d087:focus:not(.focus-visible_adb3358f55),\n.kindSecondary_26acedf084.colorFixedLight_aad421e158:hover:focus:not(.focus-visible_adb3358f55),\n.kindSecondary_26acedf084.colorFixedLight_aad421e158:focus:focus:not(.focus-visible_adb3358f55) {\n outline: none;\n}\n.kindSecondary_26acedf084.colorOnInvertedBackground_c8c8e458eb {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n}\n.kindSecondary_26acedf084.colorOnInvertedBackgroundActive_46e6cee82d,\n.kindSecondary_26acedf084.colorOnInvertedBackground_c8c8e458eb:focus {\n background: var(--icon-color);\n}\n.kindSecondary_26acedf084.colorOnInvertedBackground_c8c8e458eb.disabled_1a3294f4c6 {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n opacity: 0.5;\n}\n.kindSecondary_26acedf084.colorFixedLight_aad421e158.disabled_1a3294f4c6 {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindSecondary_26acedf084.disabled_1a3294f4c6 {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindTertiary_933937a789 {\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindTertiary_933937a789.colorPrimaryActive_ed0f84c6ef {\n background-color: var(--primary-selected-color);\n}\n.kindTertiary_933937a789.colorBrandActive_5c3c42b0ac {\n color: var(--text-color-on-brand);\n}\n.kindTertiary_933937a789.colorBrandActive_5c3c42b0ac {\n background-color: var(--brand-selected-color);\n}\n.kindTertiary_933937a789.colorPrimary_f651cc486c:focus:not(.colorPrimaryActive_ed0f84c6ef) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_933937a789.colorBrand_9b0b23e983:focus:not(.colorBrandActive_5c3c42b0ac) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_933937a789.colorPositive_d60a2c6150 {\n color: var(--positive-color);\n}\n.kindTertiary_933937a789.colorPositiveActive_cffedb79b4,\n.kindTertiary_933937a789.colorPositive_d60a2c6150:focus {\n background: var(--positive-color-selected);\n}\n.kindTertiary_933937a789.colorNegative_4124b74ec4 {\n color: var(--negative-color);\n}\n.kindTertiary_933937a789.colorNegativeActive_cffedb79b4,\n.kindTertiary_933937a789.colorNegative_4124b74ec4:focus {\n background: var(--negative-color-selected);\n}\n.kindTertiary_933937a789.colorInverted_68ffe04965 {\n color: var(--primary-text-color);\n}\n.kindTertiary_933937a789.colorInvertedActive_cffedb79b4,\n.kindTertiary_933937a789.colorInverted_68ffe04965:focus {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_933937a789.colorInverted_68ffe04965.disabled_1a3294f4c6 {\n color: var(--disabled-text-color);\n}\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285 {\n color: var(--text-color-on-primary);\n}\n.kindTertiary_933937a789.colorOnPrimaryColorActive_06f1810f24,\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285:hover,\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285:focus {\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_933937a789.colorOnPrimaryColorActive_06f1810f24:focus-visible, .kindTertiary_933937a789.colorOnPrimaryColorActive_06f1810f24.focus-visible_adb3358f55,\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285:hover:focus-visible,\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285:hover.focus-visible_adb3358f55,\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285:focus:focus-visible,\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285:focus.focus-visible_adb3358f55 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_933937a789.colorOnPrimaryColorActive_06f1810f24:focus:not(.focus-visible_adb3358f55),\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285:hover:focus:not(.focus-visible_adb3358f55),\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285:focus:focus:not(.focus-visible_adb3358f55) {\n outline: none;\n}\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285.disabled_1a3294f4c6 {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindTertiary_933937a789.colorFixedLight_aad421e158 {\n color: var(--fixed-light-color);\n}\n.kindTertiary_933937a789.colorFixedLightActive_0ef1e3d087,\n.kindTertiary_933937a789.colorFixedLight_aad421e158:hover,\n.kindTertiary_933937a789.colorFixedLight_aad421e158:focus {\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_933937a789.colorFixedLightActive_0ef1e3d087:focus-visible, .kindTertiary_933937a789.colorFixedLightActive_0ef1e3d087.focus-visible_adb3358f55,\n.kindTertiary_933937a789.colorFixedLight_aad421e158:hover:focus-visible,\n.kindTertiary_933937a789.colorFixedLight_aad421e158:hover.focus-visible_adb3358f55,\n.kindTertiary_933937a789.colorFixedLight_aad421e158:focus:focus-visible,\n.kindTertiary_933937a789.colorFixedLight_aad421e158:focus.focus-visible_adb3358f55 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_933937a789.colorFixedLightActive_0ef1e3d087:focus:not(.focus-visible_adb3358f55),\n.kindTertiary_933937a789.colorFixedLight_aad421e158:hover:focus:not(.focus-visible_adb3358f55),\n.kindTertiary_933937a789.colorFixedLight_aad421e158:focus:focus:not(.focus-visible_adb3358f55) {\n outline: none;\n}\n.kindTertiary_933937a789.colorFixedLight_aad421e158.disabled_1a3294f4c6 {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindTertiary_933937a789.colorOnInvertedBackground_c8c8e458eb {\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_933937a789.colorOnInvertedBackgroundActive_46e6cee82d,\n.kindTertiary_933937a789.colorOnInvertedBackground_c8c8e458eb:focus {\n background: var(--icon-color);\n}\n.kindTertiary_933937a789.colorOnInvertedBackground_c8c8e458eb.disabled_1a3294f4c6 {\n background: var(--icon-color);\n opacity: 0.5;\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_933937a789.disabled_1a3294f4c6 {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.noSidePadding_c8f1565801 {\n padding-right: 0;\n padding-left: 0;\n}\n.button_8a4a16d3e2.insetFocusStyle_cdb1a5cab8:focus-visible, .button_8a4a16d3e2.insetFocusStyle_cdb1a5cab8.focus-visible_adb3358f55 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_8a4a16d3e2.insetFocusStyle_cdb1a5cab8:focus:not(.focus-visible_adb3358f55) {\n outline: none;\n}");export{o as default};
1
+ var o={button:"button_8a4a16d3e2","focus-visible":"focus-visible_adb3358f55",loader:"loader_7964822c0e",loaderSvg:"loaderSvg_90865f44e7",textPlaceholder:"textPlaceholder_8222acbe55",success:"success_bfc1c213a5",successContent:"successContent_faead55da7",marginRight:"marginRight_41e97b7556",marginLeft:"marginLeft_a7f79b0a6e",rightFlat:"rightFlat_9ccd46f0c2",leftFlat:"leftFlat_39d18e698a",preventClickAnimation:"preventClickAnimation_0ef1e3d087",leftIcon:"leftIcon_41e97b7556",rightIcon:"rightIcon_a7f79b0a6e",sizeXxs:"sizeXxs_4501ddba45",sizeXs:"sizeXs_1e5822e2e1",sizeSmall:"sizeSmall_272172afd0",sizeMedium:"sizeMedium_ce18deea96",sizeLarge:"sizeLarge_4132369cb1",kindPrimary:"kindPrimary_f62e65070a",colorPrimary:"colorPrimary_f651cc486c",colorBrand:"colorBrand_9b0b23e983",colorPrimaryActive:"colorPrimaryActive_ed0f84c6ef",colorBrandActive:"colorBrandActive_5c3c42b0ac",colorPositive:"colorPositive_d60a2c6150",colorPositiveActive:"colorPositiveActive_cffedb79b4",colorNegative:"colorNegative_4124b74ec4",colorNegativeActive:"colorNegativeActive_cffedb79b4",colorInverted:"colorInverted_68ffe04965",colorInvertedActive:"colorInvertedActive_cffedb79b4",disabled:"disabled_1a3294f4c6",colorOnPrimaryColor:"colorOnPrimaryColor_cb0dfa6285",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_06f1810f24",colorFixedLight:"colorFixedLight_aad421e158",colorFixedLightActive:"colorFixedLightActive_0ef1e3d087",colorOnInvertedBackground:"colorOnInvertedBackground_c8c8e458eb",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_46e6cee82d",kindSecondary:"kindSecondary_26acedf084",kindTertiary:"kindTertiary_933937a789",noSidePadding:"noSidePadding_c8f1565801",insetFocusStyle:"insetFocusStyle_cdb1a5cab8"};!function(o){const r="s_id-9fe829f89bf2_3_16_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_8a4a16d3e2 {\n --loader-padding: 8px;\n outline: none;\n border: none;\n height: auto;\n border-radius: var(--border-radius-small);\n cursor: pointer;\n white-space: nowrap;\n transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n /* Prevent text selection */\n user-select: none;\n min-width: auto;\n}\n.button_8a4a16d3e2:focus-visible, .button_8a4a16d3e2.focus-visible_adb3358f55 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_8a4a16d3e2:focus:not(.focus-visible_adb3358f55) {\n outline: none;\n}\n.button_8a4a16d3e2 .loader_7964822c0e {\n height: 100%;\n}\n.button_8a4a16d3e2 .loader_7964822c0e .loaderSvg_90865f44e7 {\n position: static;\n height: 100%;\n margin: 0;\n}\n.button_8a4a16d3e2 .textPlaceholder_8222acbe55 {\n display: inline-block;\n opacity: 0;\n height: 0;\n visibility: hidden;\n white-space: pre;\n}\n.button_8a4a16d3e2.success_bfc1c213a5 {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.button_8a4a16d3e2.success_bfc1c213a5 .successContent_faead55da7 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.marginRight_41e97b7556 {\n margin-right: var(--spacing-small);\n}\n.marginLeft_a7f79b0a6e {\n margin-left: var(--spacing-small);\n}\n.rightFlat_9ccd46f0c2 {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.leftFlat_39d18e698a {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.button_8a4a16d3e2:active:not(.preventClickAnimation_0ef1e3d087) {\n transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_8a4a16d3e2 .leftIcon_41e97b7556 {\n margin-right: var(--spacing-small);\n}\n.button_8a4a16d3e2 .rightIcon_a7f79b0a6e {\n margin-left: var(--spacing-small);\n}\n.sizeXxs_4501ddba45 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: 2px var(--spacing-xs);\n height: 16px;\n line-height: 16px;\n}\n.sizeXs_1e5822e2e1 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 24px;\n line-height: 21px;\n}\n.sizeSmall_272172afd0 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 32px;\n line-height: 24px;\n}\n.sizeSmall_272172afd0 .loader_7964822c0e {\n top: 7px;\n}\n.sizeMedium_ce18deea96 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: var(--spacing-small) var(--spacing-medium);\n height: 40px;\n}\n.sizeLarge_4132369cb1 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: 12px var(--spacing-large);\n height: 48px;\n}\n.kindPrimary_f62e65070a {\n color: var(--text-color-on-primary);\n}\n.kindPrimary_f62e65070a.colorPrimary_f651cc486c {\n background: var(--primary-color);\n}\n.kindPrimary_f62e65070a.colorBrand_9b0b23e983 {\n background: var(--brand-color);\n color: var(--text-color-on-brand);\n}\n.kindPrimary_f62e65070a.colorPrimaryActive_ed0f84c6ef,\n.kindPrimary_f62e65070a.colorPrimary_f651cc486c:hover,\n.kindPrimary_f62e65070a.colorPrimary_f651cc486c:focus {\n background: var(--primary-hover-color);\n}\n.kindPrimary_f62e65070a.colorBrandActive_5c3c42b0ac,\n.kindPrimary_f62e65070a.colorBrand_9b0b23e983:hover,\n.kindPrimary_f62e65070a.colorBrand_9b0b23e983:focus {\n background: var(--brand-hover-color);\n}\n.kindPrimary_f62e65070a.colorPositive_d60a2c6150 {\n background: var(--positive-color);\n}\n.kindPrimary_f62e65070a.colorPositiveActive_cffedb79b4,\n.kindPrimary_f62e65070a.colorPositive_d60a2c6150:hover,\n.kindPrimary_f62e65070a.colorPositive_d60a2c6150:focus {\n background: var(--positive-color-hover);\n}\n.kindPrimary_f62e65070a.colorNegative_4124b74ec4 {\n background: var(--negative-color);\n}\n.kindPrimary_f62e65070a.colorNegativeActive_cffedb79b4,\n.kindPrimary_f62e65070a.colorNegative_4124b74ec4:hover,\n.kindPrimary_f62e65070a.colorNegative_4124b74ec4:focus {\n background: var(--negative-color-hover);\n}\n.kindPrimary_f62e65070a.colorInverted_68ffe04965 {\n background: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.kindPrimary_f62e65070a.colorInvertedActive_cffedb79b4,\n.kindPrimary_f62e65070a.colorInverted_68ffe04965:hover,\n.kindPrimary_f62e65070a.colorInverted_68ffe04965:focus {\n background: var(--placeholder-color);\n}\n.kindPrimary_f62e65070a.button_8a4a16d3e2.colorInverted_68ffe04965.disabled_1a3294f4c6 {\n background: var(--disabled-text-color);\n color: var(--disabled-background-color);\n}\n.kindPrimary_f62e65070a.colorOnPrimaryColor_cb0dfa6285 {\n background: var(--text-color-on-primary);\n}\n.kindPrimary_f62e65070a.colorOnPrimaryColorActive_06f1810f24,\n.kindPrimary_f62e65070a.colorOnPrimaryColor_cb0dfa6285:hover,\n.kindPrimary_f62e65070a.colorOnPrimaryColor_cb0dfa6285:focus {\n background-color: #e6e9ef;\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_f62e65070a.colorOnPrimaryColorActive_06f1810f24:focus-visible, .kindPrimary_f62e65070a.colorOnPrimaryColorActive_06f1810f24.focus-visible_adb3358f55,\n.kindPrimary_f62e65070a.colorOnPrimaryColor_cb0dfa6285:hover:focus-visible,\n.kindPrimary_f62e65070a.colorOnPrimaryColor_cb0dfa6285:hover.focus-visible_adb3358f55,\n.kindPrimary_f62e65070a.colorOnPrimaryColor_cb0dfa6285:focus:focus-visible,\n.kindPrimary_f62e65070a.colorOnPrimaryColor_cb0dfa6285:focus.focus-visible_adb3358f55 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_f62e65070a.colorOnPrimaryColorActive_06f1810f24:focus:not(.focus-visible_adb3358f55),\n.kindPrimary_f62e65070a.colorOnPrimaryColor_cb0dfa6285:hover:focus:not(.focus-visible_adb3358f55),\n.kindPrimary_f62e65070a.colorOnPrimaryColor_cb0dfa6285:focus:focus:not(.focus-visible_adb3358f55) {\n outline: none;\n}\n.kindPrimary_f62e65070a.colorOnPrimaryColor_cb0dfa6285.disabled_1a3294f4c6 {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158 {\n background: var(--fixed-light-color);\n}\n.kindPrimary_f62e65070a.colorFixedLightActive_0ef1e3d087,\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158:hover,\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158:focus {\n background-color: #e6e9ef;\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_f62e65070a.colorFixedLightActive_0ef1e3d087:focus-visible, .kindPrimary_f62e65070a.colorFixedLightActive_0ef1e3d087.focus-visible_adb3358f55,\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158:hover:focus-visible,\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158:hover.focus-visible_adb3358f55,\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158:focus:focus-visible,\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158:focus.focus-visible_adb3358f55 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_f62e65070a.colorFixedLightActive_0ef1e3d087:focus:not(.focus-visible_adb3358f55),\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158:hover:focus:not(.focus-visible_adb3358f55),\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158:focus:focus:not(.focus-visible_adb3358f55) {\n outline: none;\n}\n.kindPrimary_f62e65070a.colorFixedLight_aad421e158.disabled_1a3294f4c6 {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindPrimary_f62e65070a.colorOnInvertedBackground_c8c8e458eb {\n background: var(--primary-background-color);\n color: var(--primary-text-color);\n}\n.kindPrimary_f62e65070a.colorOnInvertedBackgroundActive_46e6cee82d,\n.kindPrimary_f62e65070a.colorOnInvertedBackground_c8c8e458eb:hover,\n.kindPrimary_f62e65070a.colorOnInvertedBackground_c8c8e458eb:focus {\n background: var(--ui-background-color);\n}\n.kindPrimary_f62e65070a.button_8a4a16d3e2.colorOnInvertedBackground_c8c8e458eb.disabled_1a3294f4c6 {\n background: var(--ui-background-color);\n color: var(--primary-text-color);\n opacity: 0.5;\n}\n.kindPrimary_f62e65070a.button_8a4a16d3e2.disabled_1a3294f4c6 {\n background: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary_26acedf084 {\n border: 1px solid;\n border-color: var(--ui-border-color);\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindSecondary_26acedf084.sizeSmall_272172afd0 {\n line-height: 22px;\n}\n.kindSecondary_26acedf084.sizeMedium_ce18deea96 {\n line-height: 22px;\n}\n.kindSecondary_26acedf084.sizeLarge_4132369cb1 {\n line-height: 22px;\n}\n.kindSecondary_26acedf084.colorPrimaryActive_ed0f84c6ef {\n background-color: var(--primary-selected-color);\n border-color: var(--primary-color);\n}\n.kindSecondary_26acedf084.colorPrimaryActive_ed0f84c6ef:hover {\n background-color: var(--primary-selected-hover-color);\n border-color: var(--primary-color);\n}\n.kindSecondary_26acedf084.colorBrandActive_5c3c42b0ac {\n color: var(--text-color-on-brand);\n}\n.kindSecondary_26acedf084.colorBrandActive_5c3c42b0ac,\n.kindSecondary_26acedf084.colorBrandActive_5c3c42b0ac:hover {\n background-color: var(--brand-selected-color);\n border-color: var(--brand-color);\n}\n.kindSecondary_26acedf084.colorPrimary_f651cc486c:hover:not(.colorPrimaryActive_ed0f84c6ef),\n.kindSecondary_26acedf084.colorPrimary_f651cc486c:focus:not(.colorPrimaryActive_ed0f84c6ef) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_26acedf084.colorBrand_9b0b23e983:hover:not(.colorBrandActive_5c3c42b0ac),\n.kindSecondary_26acedf084.colorBrand_9b0b23e983:focus:not(.colorBrandActive_5c3c42b0ac) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_26acedf084.colorPositive_d60a2c6150 {\n color: var(--positive-color);\n border-color: var(--positive-color);\n}\n.kindSecondary_26acedf084.colorPositiveActive_cffedb79b4,\n.kindSecondary_26acedf084.colorPositive_d60a2c6150:hover,\n.kindSecondary_26acedf084.colorPositive_d60a2c6150:focus {\n background: var(--positive-color-selected);\n}\n.kindSecondary_26acedf084.colorNegative_4124b74ec4 {\n color: var(--negative-color);\n border-color: var(--negative-color);\n}\n.kindSecondary_26acedf084.colorNegativeActive_cffedb79b4,\n.kindSecondary_26acedf084.colorNegative_4124b74ec4:hover,\n.kindSecondary_26acedf084.colorNegative_4124b74ec4:focus {\n background: var(--negative-color-selected);\n}\n.kindSecondary_26acedf084.colorInverted_68ffe04965 {\n color: var(--primary-text-color);\n border-color: var(--primary-text-color);\n}\n.kindSecondary_26acedf084.colorInvertedActive_cffedb79b4,\n.kindSecondary_26acedf084.colorInverted_68ffe04965:hover,\n.kindSecondary_26acedf084.colorInverted_68ffe04965:focus {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_26acedf084.colorInverted_68ffe04965.disabled_1a3294f4c6 {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n}\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285 {\n color: var(--text-color-on-primary);\n border-color: var(--text-color-on-primary);\n}\n.kindSecondary_26acedf084.colorOnPrimaryColorActive_06f1810f24,\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285:hover,\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285:focus {\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_26acedf084.colorOnPrimaryColorActive_06f1810f24:focus-visible, .kindSecondary_26acedf084.colorOnPrimaryColorActive_06f1810f24.focus-visible_adb3358f55,\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285:hover:focus-visible,\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285:hover.focus-visible_adb3358f55,\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285:focus:focus-visible,\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285:focus.focus-visible_adb3358f55 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_26acedf084.colorOnPrimaryColorActive_06f1810f24:focus:not(.focus-visible_adb3358f55),\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285:hover:focus:not(.focus-visible_adb3358f55),\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285:focus:focus:not(.focus-visible_adb3358f55) {\n outline: none;\n}\n.kindSecondary_26acedf084.colorOnPrimaryColor_cb0dfa6285.disabled_1a3294f4c6 {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindSecondary_26acedf084.colorFixedLight_aad421e158 {\n border-color: var(--fixed-light-color);\n color: var(--fixed-light-color);\n}\n.kindSecondary_26acedf084.colorFixedLightActive_0ef1e3d087,\n.kindSecondary_26acedf084.colorFixedLight_aad421e158:hover,\n.kindSecondary_26acedf084.colorFixedLight_aad421e158:focus {\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_26acedf084.colorFixedLightActive_0ef1e3d087:focus-visible, .kindSecondary_26acedf084.colorFixedLightActive_0ef1e3d087.focus-visible_adb3358f55,\n.kindSecondary_26acedf084.colorFixedLight_aad421e158:hover:focus-visible,\n.kindSecondary_26acedf084.colorFixedLight_aad421e158:hover.focus-visible_adb3358f55,\n.kindSecondary_26acedf084.colorFixedLight_aad421e158:focus:focus-visible,\n.kindSecondary_26acedf084.colorFixedLight_aad421e158:focus.focus-visible_adb3358f55 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_26acedf084.colorFixedLightActive_0ef1e3d087:focus:not(.focus-visible_adb3358f55),\n.kindSecondary_26acedf084.colorFixedLight_aad421e158:hover:focus:not(.focus-visible_adb3358f55),\n.kindSecondary_26acedf084.colorFixedLight_aad421e158:focus:focus:not(.focus-visible_adb3358f55) {\n outline: none;\n}\n.kindSecondary_26acedf084.colorOnInvertedBackground_c8c8e458eb {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n}\n.kindSecondary_26acedf084.colorOnInvertedBackgroundActive_46e6cee82d,\n.kindSecondary_26acedf084.colorOnInvertedBackground_c8c8e458eb:hover,\n.kindSecondary_26acedf084.colorOnInvertedBackground_c8c8e458eb:focus {\n background: var(--icon-color);\n}\n.kindSecondary_26acedf084.colorOnInvertedBackground_c8c8e458eb.disabled_1a3294f4c6 {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n opacity: 0.5;\n}\n.kindSecondary_26acedf084.colorFixedLight_aad421e158.disabled_1a3294f4c6 {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindSecondary_26acedf084.disabled_1a3294f4c6 {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary_26acedf084.disabled_1a3294f4c6:hover {\n background-color: transparent;\n}\n.kindTertiary_933937a789 {\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindTertiary_933937a789.colorPrimaryActive_ed0f84c6ef {\n background-color: var(--primary-selected-color);\n}\n.kindTertiary_933937a789.colorPrimaryActive_ed0f84c6ef:hover {\n background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_933937a789.colorBrandActive_5c3c42b0ac {\n color: var(--text-color-on-brand);\n}\n.kindTertiary_933937a789.colorBrandActive_5c3c42b0ac,\n.kindTertiary_933937a789.colorBrandActive_5c3c42b0ac:hover {\n background-color: var(--brand-selected-color);\n}\n.kindTertiary_933937a789.colorPrimary_f651cc486c:hover:not(.colorPrimaryActive_ed0f84c6ef),\n.kindTertiary_933937a789.colorPrimary_f651cc486c:focus:not(.colorPrimaryActive_ed0f84c6ef) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_933937a789.colorBrand_9b0b23e983:hover:not(.colorBrandActive_5c3c42b0ac),\n.kindTertiary_933937a789.colorBrand_9b0b23e983:focus:not(.colorBrandActive_5c3c42b0ac) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_933937a789.colorPositive_d60a2c6150 {\n color: var(--positive-color);\n}\n.kindTertiary_933937a789.colorPositiveActive_cffedb79b4,\n.kindTertiary_933937a789.colorPositive_d60a2c6150:hover,\n.kindTertiary_933937a789.colorPositive_d60a2c6150:focus {\n background: var(--positive-color-selected);\n}\n.kindTertiary_933937a789.colorNegative_4124b74ec4 {\n color: var(--negative-color);\n}\n.kindTertiary_933937a789.colorNegativeActive_cffedb79b4,\n.kindTertiary_933937a789.colorNegative_4124b74ec4:hover,\n.kindTertiary_933937a789.colorNegative_4124b74ec4:focus {\n background: var(--negative-color-selected);\n}\n.kindTertiary_933937a789.colorInverted_68ffe04965 {\n color: var(--primary-text-color);\n}\n.kindTertiary_933937a789.colorInvertedActive_cffedb79b4,\n.kindTertiary_933937a789.colorInverted_68ffe04965:hover,\n.kindTertiary_933937a789.colorInverted_68ffe04965:focus {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_933937a789.colorInverted_68ffe04965.disabled_1a3294f4c6 {\n color: var(--disabled-text-color);\n}\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285 {\n color: var(--text-color-on-primary);\n}\n.kindTertiary_933937a789.colorOnPrimaryColorActive_06f1810f24,\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285:hover,\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285:focus {\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_933937a789.colorOnPrimaryColorActive_06f1810f24:focus-visible, .kindTertiary_933937a789.colorOnPrimaryColorActive_06f1810f24.focus-visible_adb3358f55,\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285:hover:focus-visible,\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285:hover.focus-visible_adb3358f55,\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285:focus:focus-visible,\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285:focus.focus-visible_adb3358f55 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_933937a789.colorOnPrimaryColorActive_06f1810f24:focus:not(.focus-visible_adb3358f55),\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285:hover:focus:not(.focus-visible_adb3358f55),\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285:focus:focus:not(.focus-visible_adb3358f55) {\n outline: none;\n}\n.kindTertiary_933937a789.colorOnPrimaryColor_cb0dfa6285.disabled_1a3294f4c6 {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindTertiary_933937a789.colorFixedLight_aad421e158 {\n color: var(--fixed-light-color);\n}\n.kindTertiary_933937a789.colorFixedLightActive_0ef1e3d087,\n.kindTertiary_933937a789.colorFixedLight_aad421e158:hover,\n.kindTertiary_933937a789.colorFixedLight_aad421e158:focus {\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_933937a789.colorFixedLightActive_0ef1e3d087:focus-visible, .kindTertiary_933937a789.colorFixedLightActive_0ef1e3d087.focus-visible_adb3358f55,\n.kindTertiary_933937a789.colorFixedLight_aad421e158:hover:focus-visible,\n.kindTertiary_933937a789.colorFixedLight_aad421e158:hover.focus-visible_adb3358f55,\n.kindTertiary_933937a789.colorFixedLight_aad421e158:focus:focus-visible,\n.kindTertiary_933937a789.colorFixedLight_aad421e158:focus.focus-visible_adb3358f55 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_933937a789.colorFixedLightActive_0ef1e3d087:focus:not(.focus-visible_adb3358f55),\n.kindTertiary_933937a789.colorFixedLight_aad421e158:hover:focus:not(.focus-visible_adb3358f55),\n.kindTertiary_933937a789.colorFixedLight_aad421e158:focus:focus:not(.focus-visible_adb3358f55) {\n outline: none;\n}\n.kindTertiary_933937a789.colorFixedLight_aad421e158.disabled_1a3294f4c6 {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindTertiary_933937a789.colorOnInvertedBackground_c8c8e458eb {\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_933937a789.colorOnInvertedBackgroundActive_46e6cee82d,\n.kindTertiary_933937a789.colorOnInvertedBackground_c8c8e458eb:hover,\n.kindTertiary_933937a789.colorOnInvertedBackground_c8c8e458eb:focus {\n background: var(--icon-color);\n}\n.kindTertiary_933937a789.colorOnInvertedBackground_c8c8e458eb.disabled_1a3294f4c6 {\n background: var(--icon-color);\n opacity: 0.5;\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_933937a789.disabled_1a3294f4c6 {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindTertiary_933937a789.disabled_1a3294f4c6:hover {\n background-color: transparent;\n}\n.noSidePadding_c8f1565801 {\n padding-right: 0;\n padding-left: 0;\n}\n.button_8a4a16d3e2.insetFocusStyle_cdb1a5cab8:focus-visible, .button_8a4a16d3e2.insetFocusStyle_cdb1a5cab8.focus-visible_adb3358f55 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_8a4a16d3e2.insetFocusStyle_cdb1a5cab8:focus:not(.focus-visible_adb3358f55) {\n outline: none;\n}");export{o as default};
2
2
  //# sourceMappingURL=Button.module.scss.js.map
package/dist/src/components/Modal/Modal/Modal.js CHANGED
@@ -1,2 +1,2 @@
1
- import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useRef as a,useState as i,useCallback as s,useMemo as n}from"react";import l from"classnames";import{RemoveScroll as m}from"react-remove-scroll";import d from"react-focus-lock";import{AnimatePresence as c,motion as f}from"framer-motion";import{getTestId as u}from"../../../tests/testIds.js";import{ComponentDefaultTestId as p}from"../../../tests/constants.js";import y from"./Modal.module.scss.js";import v from"../ModalTopActions/ModalTopActions.js";import{getStyle as E}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as b}from"lodash-es";import{ModalProvider as j}from"../context/ModalContext.js";import{keyCodes as A}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";import{modalAnimationAnchorPopVariants as h,modalAnimationCenterPopVariants as x,modalAnimationOverlayVariants as M}from"../utils/animationVariants.js";import{createPortal as T}from"react-dom";import P from"../hooks/usePortalTarget/usePortalTarget.js";import C from"../../LayerProvider/LayerProvider.js";import L from"../../../hooks/useMergeRef.js";var k=d.default||d,I=r((function(r,d){var I=r.id,N=r.show,g=r.size,z=void 0===g?"medium":g,_=r.renderHeaderAction,w=r.closeButtonTheme,B=r.closeButtonAriaLabel,D=r.onClose,H=void 0===D?function(){}:D,R=r.anchorElementRef,O=r.alertModal,V=r.container,X=void 0===V?document.body:V,F=r.children,K=r.style,S=r.zIndex,Y=r.className,q=r["data-testid"],G=r["aria-labelledby"],J=r["aria-describedby"],Q=P(X),U=a(null),W=L(d,U),Z=a(null),$=i(),ee=e($,2),te=ee[0],oe=ee[1],re=i(),ae=e(re,2),ie=ae[0],se=ae[1],ne=s((function(e){G||oe(e)}),[G]),le=s((function(e){J||se(e)}),[J]),me=n((function(){return{modalId:I,setTitleId:ne,setDescriptionId:le}}),[I,ne,le]),de=s((function(e){N&&!O&&H(e)}),[N,O,H]),ce=s((function(e){e.key===A.ESCAPE&&N&&!O&&H(e)}),[O,H,N]),fe=(null==R?void 0:R.current)?h:x;return o.createElement(c,null,N&&o.createElement(C,{layerRef:Z},o.createElement(j,{value:me},T(o.createElement(k,{returnFocus:!0},o.createElement("div",{ref:Z,className:y.container,style:S?{"--monday-modal-z-index":S}:{}},o.createElement(f.div,{variants:M,initial:"initial",animate:"enter",exit:"exit","data-testid":u(p.MODAL_NEXT_OVERLAY,I),className:y.overlay,onClick:de,"aria-hidden":!0}),o.createElement(m,{forwardProps:!0,ref:W},o.createElement(f.div,{variants:fe,initial:"exit",animate:"enter",exit:"exit",custom:R,className:l(y.modal,E(y,b("size-"+z)),t({},y.withHeaderAction,!!_),Y),id:I,"data-testid":q||u(p.MODAL_NEXT,I),role:"dialog","aria-modal":!0,"aria-labelledby":G||te,"aria-describedby":J||ie,style:K,onKeyDown:ce,tabIndex:-1},F,o.createElement(v,{renderAction:_,theme:w,closeButtonAriaLabel:B,onClose:H}))))),Q))))}));export{I as default};
1
+ import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useRef as a,useState as i,useCallback as s,useMemo as n}from"react";import l from"classnames";import{RemoveScroll as m}from"react-remove-scroll";import d from"react-focus-lock";import{AnimatePresence as c,motion as f}from"framer-motion";import{getTestId as u}from"../../../tests/testIds.js";import{ComponentDefaultTestId as p}from"../../../tests/constants.js";import y from"./Modal.module.scss.js";import v from"../ModalTopActions/ModalTopActions.js";import{getStyle as E}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as b}from"lodash-es";import{ModalProvider as j}from"../context/ModalContext.js";import{keyCodes as A}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";import{modalAnimationFullViewVariants as h,modalAnimationAnchorPopVariants as x,modalAnimationCenterPopVariants as M,modalAnimationOverlayVariants as T}from"../utils/animationVariants.js";import{createPortal as P}from"react-dom";import C from"../hooks/usePortalTarget/usePortalTarget.js";import L from"../../LayerProvider/LayerProvider.js";import k from"../../../hooks/useMergeRef.js";var I=d.default||d,N=r((function(r,d){var N=r.id,g=r.show,w=r.size,z=void 0===w?"medium":w,_=r.renderHeaderAction,B=r.closeButtonTheme,D=r.closeButtonAriaLabel,H=r.onClose,R=void 0===H?function(){}:H,O=r.anchorElementRef,V=r.alertModal,X=r.container,F=void 0===X?document.body:X,K=r.children,S=r.style,Y=r.zIndex,q=r.className,G=r["data-testid"],J=r["aria-labelledby"],Q=r["aria-describedby"],U=C(F),W=a(null),Z=k(d,W),$=a(null),ee=i(),te=e(ee,2),oe=te[0],re=te[1],ae=i(),ie=e(ae,2),se=ie[0],ne=ie[1],le=s((function(e){J||re(e)}),[J]),me=s((function(e){Q||ne(e)}),[Q]),de=n((function(){return{modalId:N,setTitleId:le,setDescriptionId:me}}),[N,le,me]),ce=s((function(e){g&&!V&&R(e)}),[g,V,R]),fe=s((function(e){e.key===A.ESCAPE&&g&&!V&&R(e)}),[V,R,g]),ue="full-view"===z?h:(null==O?void 0:O.current)?x:M;return o.createElement(c,null,g&&o.createElement(L,{layerRef:$},o.createElement(j,{value:de},P(o.createElement(I,{returnFocus:!0},o.createElement("div",{ref:$,className:y.container,style:Y?{"--monday-modal-z-index":Y}:{}},o.createElement(f.div,{variants:T,initial:"initial",animate:"enter",exit:"exit","data-testid":u(p.MODAL_NEXT_OVERLAY,N),className:y.overlay,onClick:ce,"aria-hidden":!0}),o.createElement(m,{forwardProps:!0,ref:Z},o.createElement(f.div,{variants:ue,initial:"exit",animate:"enter",exit:"exit",custom:O,className:l(y.modal,E(y,b("size-"+z)),t({},y.withHeaderAction,!!_),q),id:N,"data-testid":G||u(p.MODAL_NEXT,N),role:"dialog","aria-modal":!0,"aria-labelledby":J||oe,"aria-describedby":Q||se,style:S,onKeyDown:fe,tabIndex:-1},K,o.createElement(v,{renderAction:_,theme:B,closeButtonAriaLabel:D,onClose:R}))))),U))))}));export{N as default};
2
2
  //# sourceMappingURL=Modal.js.map
package/dist/src/components/Modal/Modal/Modal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport FocusLock from \"react-focus-lock\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { ModalProps } from \"./Modal.types\";\nimport ModalTopActions from \"../ModalTopActions/ModalTopActions\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\nimport { ModalProvider } from \"../context/ModalContext\";\nimport { ModalProviderValue } from \"../context/ModalContext.types\";\nimport { keyCodes } from \"../../../constants\";\nimport {\n modalAnimationAnchorPopVariants,\n modalAnimationCenterPopVariants,\n modalAnimationOverlayVariants\n} from \"../utils/animationVariants\";\nimport { createPortal } from \"react-dom\";\nimport usePortalTarget from \"../hooks/usePortalTarget/usePortalTarget\";\nimport { LayerProvider } from \"../../LayerProvider\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\n\n// @ts-expect-error This is a precaution to support all possible module systems (ESM/CJS)\nconst FocusLockComponent = (FocusLock.default || FocusLock) as typeof FocusLock;\n\nconst Modal = forwardRef(\n (\n {\n id,\n show,\n size = \"medium\",\n renderHeaderAction,\n closeButtonTheme,\n closeButtonAriaLabel,\n onClose = () => {},\n anchorElementRef,\n alertModal,\n container = document.body,\n children,\n style,\n zIndex,\n className,\n \"data-testid\": dataTestId,\n \"aria-labelledby\": ariaLabelledby,\n \"aria-describedby\": ariaDescribedby\n }: ModalProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const portalTargetElement = usePortalTarget(container);\n\n const modalRef = useRef<HTMLDivElement>(null);\n const modalMergedRef = useMergeRef<HTMLDivElement>(ref, modalRef);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const [titleId, setTitleId] = useState<string>();\n const [descriptionId, setDescriptionId] = useState<string>();\n\n const setTitleIdCallback = useCallback(\n (newId: string) => {\n if (ariaLabelledby) return;\n setTitleId(newId);\n },\n [ariaLabelledby]\n );\n const setDescriptionIdCallback = useCallback(\n (newId: string) => {\n if (ariaDescribedby) return;\n setDescriptionId(newId);\n },\n [ariaDescribedby]\n );\n\n const contextValue = useMemo<ModalProviderValue>(\n () => ({\n modalId: id,\n setTitleId: setTitleIdCallback,\n setDescriptionId: setDescriptionIdCallback\n }),\n [id, setTitleIdCallback, setDescriptionIdCallback]\n );\n\n const onBackdropClick = useCallback<React.MouseEventHandler<HTMLDivElement>>(\n e => {\n if (!show || alertModal) return;\n onClose(e);\n },\n [show, alertModal, onClose]\n );\n\n const onModalKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n e => {\n if (e.key !== keyCodes.ESCAPE || !show || alertModal) return;\n onClose(e);\n },\n [alertModal, onClose, show]\n );\n\n const modalAnimationVariants = anchorElementRef?.current\n ? modalAnimationAnchorPopVariants\n : modalAnimationCenterPopVariants;\n\n const zIndexStyle = zIndex ? ({ \"--monday-modal-z-index\": zIndex } as React.CSSProperties) : {};\n\n return (\n <AnimatePresence>\n {show && (\n <LayerProvider layerRef={containerRef}>\n <ModalProvider value={contextValue}>\n {createPortal(\n <FocusLockComponent returnFocus>\n <div ref={containerRef} className={styles.container} style={zIndexStyle}>\n <motion.div\n variants={modalAnimationOverlayVariants}\n initial=\"initial\"\n animate=\"enter\"\n exit=\"exit\"\n data-testid={getTestId(ComponentDefaultTestId.MODAL_NEXT_OVERLAY, id)}\n className={styles.overlay}\n onClick={onBackdropClick}\n aria-hidden\n />\n <RemoveScroll forwardProps ref={modalMergedRef}>\n <motion.div\n variants={modalAnimationVariants}\n initial=\"exit\"\n animate=\"enter\"\n exit=\"exit\"\n custom={anchorElementRef}\n className={cx(\n styles.modal,\n getStyle(styles, camelCase(\"size-\" + size)),\n { [styles.withHeaderAction]: !!renderHeaderAction },\n className\n )}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_NEXT, id)}\n role=\"dialog\"\n aria-modal\n aria-labelledby={ariaLabelledby || titleId}\n aria-describedby={ariaDescribedby || descriptionId}\n style={style}\n onKeyDown={onModalKeyDown}\n tabIndex={-1}\n >\n {children}\n <ModalTopActions\n renderAction={renderHeaderAction}\n theme={closeButtonTheme}\n closeButtonAriaLabel={closeButtonAriaLabel}\n onClose={onClose}\n />\n </motion.div>\n </RemoveScroll>\n </div>\n </FocusLockComponent>,\n portalTargetElement\n )}\n </ModalProvider>\n </LayerProvider>\n )}\n </AnimatePresence>\n );\n }\n);\n\nexport default Modal;\n"],"names":["FocusLockComponent","FocusLock","default","Modal","forwardRef","_ref","ref","id","show","_ref$size","size","renderHeaderAction","closeButtonTheme","closeButtonAriaLabel","_ref$onClose","onClose","anchorElementRef","alertModal","_ref$container","container","document","body","children","style","zIndex","className","dataTestId","ariaLabelledby","ariaDescribedby","portalTargetElement","usePortalTarget","modalRef","useRef","modalMergedRef","useMergeRef","containerRef","_useState","useState","_useState2","_slicedToArray","titleId","setTitleId","_useState3","_useState4","descriptionId","setDescriptionId","setTitleIdCallback","useCallback","newId","setDescriptionIdCallback","contextValue","useMemo","modalId","onBackdropClick","e","onModalKeyDown","key","keyCodes","ESCAPE","modalAnimationVariants","current","modalAnimationAnchorPopVariants","modalAnimationCenterPopVariants","React","createElement","AnimatePresence","LayerProvider","layerRef","ModalProvider","value","createPortal","returnFocus","styles","motion","div","variants","modalAnimationOverlayVariants","initial","animate","exit","getTestId","ComponentDefaultTestId","MODAL_NEXT_OVERLAY","overlay","onClick","RemoveScroll","forwardProps","custom","cx","modal","getStyle","camelCase","_defineProperty","withHeaderAction","MODAL_NEXT","role","onKeyDown","tabIndex","ModalTopActions","renderAction","theme"],"mappings":"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"}
1
+ {"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport FocusLock from \"react-focus-lock\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { ModalProps } from \"./Modal.types\";\nimport ModalTopActions from \"../ModalTopActions/ModalTopActions\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\nimport { ModalProvider } from \"../context/ModalContext\";\nimport { ModalProviderValue } from \"../context/ModalContext.types\";\nimport { keyCodes } from \"../../../constants\";\nimport {\n modalAnimationAnchorPopVariants,\n modalAnimationCenterPopVariants,\n modalAnimationFullViewVariants,\n modalAnimationOverlayVariants\n} from \"../utils/animationVariants\";\nimport { createPortal } from \"react-dom\";\nimport usePortalTarget from \"../hooks/usePortalTarget/usePortalTarget\";\nimport { LayerProvider } from \"../../LayerProvider\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\n\n// @ts-expect-error This is a precaution to support all possible module systems (ESM/CJS)\nconst FocusLockComponent = (FocusLock.default || FocusLock) as typeof FocusLock;\n\nconst Modal = forwardRef(\n (\n {\n id,\n show,\n size = \"medium\",\n renderHeaderAction,\n closeButtonTheme,\n closeButtonAriaLabel,\n onClose = () => {},\n anchorElementRef,\n alertModal,\n container = document.body,\n children,\n style,\n zIndex,\n className,\n \"data-testid\": dataTestId,\n \"aria-labelledby\": ariaLabelledby,\n \"aria-describedby\": ariaDescribedby\n }: ModalProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const portalTargetElement = usePortalTarget(container);\n\n const modalRef = useRef<HTMLDivElement>(null);\n const modalMergedRef = useMergeRef<HTMLDivElement>(ref, modalRef);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const [titleId, setTitleId] = useState<string>();\n const [descriptionId, setDescriptionId] = useState<string>();\n\n const setTitleIdCallback = useCallback(\n (newId: string) => {\n if (ariaLabelledby) return;\n setTitleId(newId);\n },\n [ariaLabelledby]\n );\n const setDescriptionIdCallback = useCallback(\n (newId: string) => {\n if (ariaDescribedby) return;\n setDescriptionId(newId);\n },\n [ariaDescribedby]\n );\n\n const contextValue = useMemo<ModalProviderValue>(\n () => ({\n modalId: id,\n setTitleId: setTitleIdCallback,\n setDescriptionId: setDescriptionIdCallback\n }),\n [id, setTitleIdCallback, setDescriptionIdCallback]\n );\n\n const onBackdropClick = useCallback<React.MouseEventHandler<HTMLDivElement>>(\n e => {\n if (!show || alertModal) return;\n onClose(e);\n },\n [show, alertModal, onClose]\n );\n\n const onModalKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n e => {\n if (e.key !== keyCodes.ESCAPE || !show || alertModal) return;\n onClose(e);\n },\n [alertModal, onClose, show]\n );\n\n const modalAnimationVariants =\n size === \"full-view\"\n ? modalAnimationFullViewVariants\n : anchorElementRef?.current\n ? modalAnimationAnchorPopVariants\n : modalAnimationCenterPopVariants;\n\n const zIndexStyle = zIndex ? ({ \"--monday-modal-z-index\": zIndex } as React.CSSProperties) : {};\n\n return (\n <AnimatePresence>\n {show && (\n <LayerProvider layerRef={containerRef}>\n <ModalProvider value={contextValue}>\n {createPortal(\n <FocusLockComponent returnFocus>\n <div ref={containerRef} className={styles.container} style={zIndexStyle}>\n <motion.div\n variants={modalAnimationOverlayVariants}\n initial=\"initial\"\n animate=\"enter\"\n exit=\"exit\"\n data-testid={getTestId(ComponentDefaultTestId.MODAL_NEXT_OVERLAY, id)}\n className={styles.overlay}\n onClick={onBackdropClick}\n aria-hidden\n />\n <RemoveScroll forwardProps ref={modalMergedRef}>\n <motion.div\n variants={modalAnimationVariants}\n initial=\"exit\"\n animate=\"enter\"\n exit=\"exit\"\n custom={anchorElementRef}\n className={cx(\n styles.modal,\n getStyle(styles, camelCase(\"size-\" + size)),\n { [styles.withHeaderAction]: !!renderHeaderAction },\n className\n )}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_NEXT, id)}\n role=\"dialog\"\n aria-modal\n aria-labelledby={ariaLabelledby || titleId}\n aria-describedby={ariaDescribedby || descriptionId}\n style={style}\n onKeyDown={onModalKeyDown}\n tabIndex={-1}\n >\n {children}\n <ModalTopActions\n renderAction={renderHeaderAction}\n theme={closeButtonTheme}\n closeButtonAriaLabel={closeButtonAriaLabel}\n onClose={onClose}\n />\n </motion.div>\n </RemoveScroll>\n </div>\n </FocusLockComponent>,\n portalTargetElement\n )}\n </ModalProvider>\n </LayerProvider>\n )}\n </AnimatePresence>\n );\n }\n);\n\nexport default Modal;\n"],"names":["FocusLockComponent","FocusLock","default","Modal","forwardRef","_ref","ref","id","show","_ref$size","size","renderHeaderAction","closeButtonTheme","closeButtonAriaLabel","_ref$onClose","onClose","anchorElementRef","alertModal","_ref$container","container","document","body","children","style","zIndex","className","dataTestId","ariaLabelledby","ariaDescribedby","portalTargetElement","usePortalTarget","modalRef","useRef","modalMergedRef","useMergeRef","containerRef","_useState","useState","_useState2","_slicedToArray","titleId","setTitleId","_useState3","_useState4","descriptionId","setDescriptionId","setTitleIdCallback","useCallback","newId","setDescriptionIdCallback","contextValue","useMemo","modalId","onBackdropClick","e","onModalKeyDown","key","keyCodes","ESCAPE","modalAnimationVariants","modalAnimationFullViewVariants","current","modalAnimationAnchorPopVariants","modalAnimationCenterPopVariants","React","createElement","AnimatePresence","LayerProvider","layerRef","ModalProvider","value","createPortal","returnFocus","styles","motion","div","variants","modalAnimationOverlayVariants","initial","animate","exit","getTestId","ComponentDefaultTestId","MODAL_NEXT_OVERLAY","overlay","onClick","RemoveScroll","forwardProps","custom","cx","modal","getStyle","camelCase","_defineProperty","withHeaderAction","MODAL_NEXT","role","onKeyDown","tabIndex","ModalTopActions","renderAction","theme"],"mappings":"4sCA2BA,IAAMA,EAAsBC,EAAUC,SAAWD,EAE3CE,EAAQC,GACZ,SAAAC,EAoBEC,GACE,IAnBAC,EAAEF,EAAFE,GACAC,EAAIH,EAAJG,KAAIC,EAAAJ,EACJK,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAkBN,EAAlBM,mBACAC,EAAgBP,EAAhBO,iBACAC,EAAoBR,EAApBQ,qBAAoBC,EAAAT,EACpBU,QAAAA,OAAO,IAAAD,EAAG,WAAQ,EAAAA,EAClBE,EAAgBX,EAAhBW,iBACAC,EAAUZ,EAAVY,WAAUC,EAAAb,EACVc,UAAAA,OAAS,IAAAD,EAAGE,SAASC,KAAIH,EACzBI,EAAQjB,EAARiB,SACAC,EAAKlB,EAALkB,MACAC,EAAMnB,EAANmB,OACAC,EAASpB,EAAToB,UACeC,EAAUrB,EAAzB,eACmBsB,EAActB,EAAjC,mBACoBuB,EAAevB,EAAnC,oBAIIwB,EAAsBC,EAAgBX,GAEtCY,EAAWC,EAAuB,MAClCC,EAAiBC,EAA4B5B,EAAKyB,GAClDI,EAAeH,EAAuB,MAE5CI,GAA8BC,IAAkBC,GAAAC,EAAAH,GAAA,GAAzCI,GAAOF,GAAA,GAAEG,GAAUH,GAAA,GAC1BI,GAA0CL,IAAkBM,GAAAJ,EAAAG,GAAA,GAArDE,GAAaD,GAAA,GAAEE,GAAgBF,GAAA,GAEhCG,GAAqBC,GACzB,SAACC,GACKrB,GACJc,GAAWO,EACb,GACA,CAACrB,IAEGsB,GAA2BF,GAC/B,SAACC,GACKpB,GACJiB,GAAiBG,EACnB,GACA,CAACpB,IAGGsB,GAAeC,GACnB,WAAA,MAAO,CACLC,QAAS7C,EACTkC,WAAYK,GACZD,iBAAkBI,GAClB,GACF,CAAC1C,EAAIuC,GAAoBG,KAGrBI,GAAkBN,GACtB,SAAAO,GACO9C,IAAQS,GACbF,EAAQuC,EACT,GACD,CAAC9C,EAAMS,EAAYF,IAGfwC,GAAiBR,GACrB,SAAAO,GACMA,EAAEE,MAAQC,EAASC,QAAWlD,IAAQS,GAC1CF,EAAQuC,EACT,GACD,CAACrC,EAAYF,EAASP,IAGlBmD,GACK,cAATjD,EACIkD,GACA5C,aAAA,EAAAA,EAAkB6C,SAClBC,EACAC,EAIN,OACEC,EAAAC,cAACC,EAAe,KACb1D,GACCwD,EAAAC,cAACE,EAAa,CAACC,SAAUjC,GACvB6B,EAACC,cAAAI,EAAc,CAAAC,MAAOpB,IACnBqB,EACCP,EAAAC,cAACjE,EAAkB,CAACwE,aAAW,GAC7BR,EAAAC,cAAA,MAAA,CAAK3D,IAAK6B,EAAcV,UAAWgD,EAAOtD,UAAWI,MAT/CC,EAAU,CAAE,yBAA0BA,GAAmC,IAU7EwC,EAAAC,cAACS,EAAOC,IACN,CAAAC,SAAUC,EACVC,QAAQ,UACRC,QAAQ,QACRC,KAAK,OACQ,cAAAC,EAAUC,EAAuBC,mBAAoB5E,GAClEkB,UAAWgD,EAAOW,QAClBC,QAAShC,GAET,eAAA,IACFW,EAAAC,cAACqB,EAAa,CAAAC,cAAa,EAAAjF,IAAK2B,GAC9B+B,EAACC,cAAAS,EAAOC,IAAG,CACTC,SAAUjB,GACVmB,QAAQ,OACRC,QAAQ,QACRC,KAAK,OACLQ,OAAQxE,EACRS,UAAWgE,EACThB,EAAOiB,MACPC,EAASlB,EAAQmB,EAAU,QAAUlF,IAAMmF,EAAA,CAAA,EACxCpB,EAAOqB,mBAAqBnF,GAC/Bc,GAEFlB,GAAIA,EAAE,cACOmB,GAAcuD,EAAUC,EAAuBa,WAAYxF,GACxEyF,KAAK,SAEY,cAAA,EAAA,kBAAArE,GAAkBa,GAAO,mBACxBZ,GAAmBgB,GACrCrB,MAAOA,EACP0E,UAAW1C,GACX2C,UAAW,GAEV5E,EACD0C,EAAAC,cAACkC,EAAe,CACdC,aAAczF,EACd0F,MAAOzF,EACPC,qBAAsBA,EACtBE,QAASA,QAMnBc,KAOd"}
package/dist/src/components/Modal/Modal/Modal.module.scss.js CHANGED
@@ -1,2 +1,2 @@
1
- var a={container:"container_a344a8fcb8",overlay:"overlay_8826a70602",modal:"modal_adc05858af",withHeaderAction:"withHeaderAction_b5131356d7",sizeSmall:"sizeSmall_a0f32eba2f",sizeMedium:"sizeMedium_f5b684a4e4",sizeLarge:"sizeLarge_c03d72d3d8"};!function(a){const n="s_id-858165a4e3b7_3_16_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=a)}(".container_a344a8fcb8 {\n position: fixed;\n inset: 0;\n z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_8826a70602 {\n position: fixed;\n inset: 0;\n height: 100%;\n background-color: var(--color-surface);\n}\n\n.modal_adc05858af {\n --top-actions-spacing: var(--spacing-large);\n --top-actions-width: var(--spacing-xl);\n --modal-inline-padding: var(--spacing-xl);\n position: relative;\n top: 50%;\n left: 50%;\n display: flex;\n flex-direction: column;\n width: var(--modal-width);\n max-height: var(--modal-max-height);\n background-color: var(--primary-background-color);\n overflow: hidden;\n border-radius: var(--border-radius-big);\n box-shadow: var(--box-shadow-large);\n}\n\n.modal_adc05858af.withHeaderAction_b5131356d7 {\n --top-actions-width: calc(var(--spacing-xl) * 2);\n}\n\n.modal_adc05858af.sizeSmall_a0f32eba2f {\n --modal-max-height: 50%;\n --modal-width: 480px;\n}\n\n.modal_adc05858af.sizeMedium_f5b684a4e4 {\n --modal-max-height: 80%;\n --modal-width: 580px;\n}\n\n.modal_adc05858af.sizeLarge_c03d72d3d8 {\n --modal-max-height: 80%;\n --modal-width: 840px;\n}");export{a as default};
1
+ var n={container:"container_a344a8fcb8",overlay:"overlay_8826a70602",modal:"modal_dcfd1d5df2",withHeaderAction:"withHeaderAction_b5131356d7",sizeSmall:"sizeSmall_a0f32eba2f",sizeMedium:"sizeMedium_f5b684a4e4",sizeLarge:"sizeLarge_c03d72d3d8",sizeFullView:"sizeFullView_2b476e3d75"};!function(n){const e="s_id-1ca56cdae57e_3_16_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_a344a8fcb8 {\n position: fixed;\n inset: 0;\n z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_8826a70602 {\n position: fixed;\n inset: 0;\n height: 100%;\n background-color: var(--color-surface);\n}\n\n.modal_dcfd1d5df2 {\n --top-actions-margin-inline: var(--spacing-large);\n --top-actions-margin-block: var(--spacing-large);\n --top-actions-width: var(--spacing-xl);\n --modal-inline-padding: var(--spacing-xl);\n position: relative;\n top: 50%;\n left: 50%;\n display: flex;\n flex-direction: column;\n width: var(--modal-width);\n max-height: var(--modal-max-height);\n background-color: var(--primary-background-color);\n overflow: hidden;\n border-radius: var(--border-radius-big);\n box-shadow: var(--box-shadow-large);\n outline: none;\n}\n\n.modal_dcfd1d5df2.withHeaderAction_b5131356d7 {\n --top-actions-width: calc(var(--spacing-xl) * 2);\n}\n\n.modal_dcfd1d5df2.sizeSmall_a0f32eba2f {\n --modal-max-height: 50%;\n --modal-width: 480px;\n}\n\n.modal_dcfd1d5df2.sizeMedium_f5b684a4e4 {\n --modal-max-height: 80%;\n --modal-width: 580px;\n}\n\n.modal_dcfd1d5df2.sizeLarge_c03d72d3d8 {\n --modal-max-height: 80%;\n --modal-width: 840px;\n}\n\n.modal_dcfd1d5df2.sizeFullView_2b476e3d75 {\n --top-actions-margin-inline: var(--spacing-xl);\n --modal-max-height: 100%;\n --modal-width: auto;\n position: fixed;\n inset: 0;\n height: calc(100% - 40px);\n margin-inline: 40px;\n margin-block-start: 40px;\n border-end-start-radius: unset;\n border-end-end-radius: unset;\n}");export{n as default};
2
2
  //# sourceMappingURL=Modal.module.scss.js.map
package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js CHANGED
@@ -1,2 +1,2 @@
1
- var e={actions:"actions_ac16e17bea"};!function(e){const t="s_id-de1e18d16543_3_16_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actions_ac16e17bea {\n display: flex;\n align-items: center;\n position: absolute;\n right: var(--top-actions-spacing);\n top: var(--top-actions-spacing);\n}");export{e as default};
1
+ var e={actions:"actions_c44a8bfe70"};!function(e){const t="s_id-86629ffbaf1c_3_16_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".actions_c44a8bfe70 {\n display: flex;\n align-items: center;\n position: absolute;\n right: var(--top-actions-margin-inline);\n top: var(--top-actions-margin-block);\n}");export{e as default};
2
2
  //# sourceMappingURL=ModalTopActions.module.scss.js.map
package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js CHANGED
@@ -1,2 +1,2 @@
1
- var e={layout:"layout_ad2961c596",header:"header_63c2b344ef",divider:"divider_894d9468d4",showDivider:"showDivider_f2efe735c1",content:"content_7378abeac8"};!function(e){const n="s_id-9862aee824ed_3_16_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_ad2961c596 {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.layout_ad2961c596 .header_63c2b344ef {\n width: 100%;\n margin-block: var(--spacing-xl) var(--spacing-large);\n padding-inline-end: calc(var(--top-actions-spacing) + var(--top-actions-width) + var(--spacing-medium));\n padding-inline-start: var(--modal-inline-padding);\n}\n.layout_ad2961c596 .divider_894d9468d4 {\n flex-shrink: 0;\n opacity: 0;\n transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_ad2961c596 .divider_894d9468d4.showDivider_f2efe735c1 {\n opacity: 1;\n}\n.layout_ad2961c596 .content_7378abeac8 {\n padding-block-end: var(--spacing-xl);\n}");export{e as default};
1
+ var e={layout:"layout_ad2961c596",header:"header_5218f994ca",divider:"divider_894d9468d4",showDivider:"showDivider_f2efe735c1",content:"content_7378abeac8"};!function(e){const n="s_id-b8093a4a9ca9_3_16_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_ad2961c596 {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.layout_ad2961c596 .header_5218f994ca {\n width: 100%;\n margin-block: var(--spacing-xl) var(--spacing-large);\n padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--spacing-medium));\n padding-inline-start: var(--modal-inline-padding);\n}\n.layout_ad2961c596 .divider_894d9468d4 {\n flex-shrink: 0;\n opacity: 0;\n transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_ad2961c596 .divider_894d9468d4.showDivider_f2efe735c1 {\n opacity: 1;\n}\n.layout_ad2961c596 .content_7378abeac8 {\n padding-block-end: var(--spacing-xl);\n}");export{e as default};
2
2
  //# sourceMappingURL=ModalBasicLayout.module.scss.js.map
package/dist/src/components/Modal/utils/animationVariants.js CHANGED
@@ -1,2 +1,2 @@
1
- var t={initial:{opacity:0},enter:{opacity:.7,transition:{duration:.1,ease:[0,0,.4,1]}},exit:{opacity:0,transition:{duration:.1,ease:[.6,0,1,1]}}},i={initial:{opacity:1,scale:1,x:"-50%",y:"-50%"},enter:{opacity:[0,1,1],scale:[.8,1,1],x:"-50%",y:"-50%",transition:{duration:.15,ease:[0,0,.4,1],times:[0,.5,1]}},exit:{opacity:[1,1,0],scale:[1,1,.8],x:"-50%",y:"-50%",transition:{duration:.1,ease:[.6,0,1,1],times:[0,.5,1]}}},e={initial:function(t){var i=t.current.getBoundingClientRect(),e=i.top+i.height/2;return{opacity:0,scale:.8,top:"50%",left:"50%",x:"calc(-50% + ".concat(i.left+i.width/2,"px)"),y:"calc(-50% + ".concat(e,"px)")}},enter:{opacity:[0,0,1],scale:[.8,.8,1],top:"50%",left:"50%",x:"-50%",y:"-50%",transition:{duration:.2,ease:[0,0,.4,1],times:[0,.4,1]}},exit:function(t){var i=t.current.getBoundingClientRect(),e=i.top+i.height/2;return{opacity:[1,0,0],scale:[1,.8,.8],top:0,left:0,x:"calc(-50% + ".concat(i.left+i.width/2,"px)"),y:"calc(-50% + ".concat(e,"px)"),transition:{duration:.15,ease:[.6,0,1,1],times:[0,.6,1]}}}};export{e as modalAnimationAnchorPopVariants,i as modalAnimationCenterPopVariants,t as modalAnimationOverlayVariants};
1
+ var t=[0,0,.4,1],i=[.6,0,1,1],e={initial:{opacity:0},enter:{opacity:.7,transition:{duration:.1,ease:t}},exit:{opacity:0,transition:{duration:.1,ease:i}}},a={initial:{opacity:1,scale:1,x:"-50%",y:"-50%"},enter:{opacity:[0,1,1],scale:[.8,1,1],x:"-50%",y:"-50%",transition:{duration:.15,ease:t,times:[0,.5,1]}},exit:{opacity:[1,1,0],scale:[1,1,.8],x:"-50%",y:"-50%",transition:{duration:.1,ease:i,times:[0,.5,1]}}},n={initial:function(t){var i=t.current.getBoundingClientRect(),e=i.top+i.height/2;return{opacity:0,scale:.8,top:"50%",left:"50%",x:"calc(-50% + ".concat(i.left+i.width/2,"px)"),y:"calc(-50% + ".concat(e,"px)")}},enter:{opacity:[0,0,1],scale:[.8,.8,1],top:"50%",left:"50%",x:"-50%",y:"-50%",transition:{duration:.2,ease:t,times:[0,.4,1]}},exit:function(t){var e=t.current.getBoundingClientRect(),a=e.top+e.height/2;return{opacity:[1,0,0],scale:[1,.8,.8],top:0,left:0,x:"calc(-50% + ".concat(e.left+e.width/2,"px)"),y:"calc(-50% + ".concat(a,"px)"),transition:{duration:.15,ease:i,times:[0,.6,1]}}}},o={enter:{opacity:[.3,1,1],y:[30,0],transition:{duration:.25,ease:t,times:[0,.33,1]}},exit:{opacity:0,y:30,transition:{duration:.1,ease:i}}};export{n as modalAnimationAnchorPopVariants,a as modalAnimationCenterPopVariants,o as modalAnimationFullViewVariants,e as modalAnimationOverlayVariants};
2
2
  //# sourceMappingURL=animationVariants.js.map
package/dist/src/components/Modal/utils/animationVariants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"animationVariants.js","sources":["../../../../../src/components/Modal/utils/animationVariants.ts"],"sourcesContent":["import { Variants } from \"framer-motion\";\nimport { RefObject } from \"react\";\n\nexport const modalAnimationOverlayVariants: Variants = {\n initial: {\n opacity: 0\n },\n enter: {\n opacity: 0.7,\n transition: {\n duration: 0.1,\n ease: [0.0, 0.0, 0.4, 1.0]\n }\n },\n exit: {\n opacity: 0,\n transition: {\n duration: 0.1,\n ease: [0.6, 0.0, 1.0, 1.0]\n }\n }\n};\n\nexport const modalAnimationCenterPopVariants: Variants = {\n initial: {\n opacity: 1,\n scale: 1,\n x: \"-50%\",\n y: \"-50%\"\n },\n enter: {\n opacity: [0, 1, 1],\n scale: [0.8, 1, 1],\n x: \"-50%\",\n y: \"-50%\",\n transition: {\n duration: 0.15,\n ease: [0.0, 0.0, 0.4, 1.0],\n times: [0, 0.5, 1]\n }\n },\n exit: {\n opacity: [1, 1, 0],\n scale: [1, 1, 0.8],\n x: \"-50%\",\n y: \"-50%\",\n transition: {\n duration: 0.1,\n ease: [0.6, 0.0, 1.0, 1.0],\n times: [0, 0.5, 1]\n }\n }\n};\n\nexport const modalAnimationAnchorPopVariants: Variants = {\n initial: (anchorElementRef: RefObject<HTMLElement>) => {\n const anchorRect = anchorElementRef.current.getBoundingClientRect();\n const anchorCenterX = anchorRect.left + anchorRect.width / 2;\n const anchorCenterY = anchorRect.top + anchorRect.height / 2;\n\n const x = `calc(-50% + ${anchorCenterX}px)`;\n const y = `calc(-50% + ${anchorCenterY}px)`;\n\n return {\n opacity: 0,\n scale: 0.8,\n top: \"50%\",\n left: \"50%\",\n x,\n y\n };\n },\n enter: {\n opacity: [0, 0, 1],\n scale: [0.8, 0.8, 1],\n top: \"50%\",\n left: \"50%\",\n x: \"-50%\",\n y: \"-50%\",\n transition: {\n duration: 0.2,\n ease: [0.0, 0.0, 0.4, 1.0],\n times: [0, 0.4, 1]\n }\n },\n exit: (anchorElementRef: RefObject<HTMLElement>) => {\n const anchorRect = anchorElementRef.current.getBoundingClientRect();\n const anchorCenterX = anchorRect.left + anchorRect.width / 2;\n const anchorCenterY = anchorRect.top + anchorRect.height / 2;\n\n const x = `calc(-50% + ${anchorCenterX}px)`;\n const y = `calc(-50% + ${anchorCenterY}px)`;\n\n return {\n opacity: [1, 0, 0],\n scale: [1, 0.8, 0.8],\n top: 0,\n left: 0,\n x,\n y,\n transition: {\n duration: 0.15,\n ease: [0.6, 0.0, 1.0, 1.0],\n times: [0, 0.6, 1]\n }\n };\n }\n};\n"],"names":["modalAnimationOverlayVariants","initial","opacity","enter","transition","duration","ease","exit","modalAnimationCenterPopVariants","scale","x","y","times","modalAnimationAnchorPopVariants","anchorElementRef","anchorRect","current","getBoundingClientRect","anchorCenterY","top","height","left","concat","width"],"mappings":"AAGO,IAAMA,EAA0C,CACrDC,QAAS,CACPC,QAAS,GAEXC,MAAO,CACLD,QAAS,GACTE,WAAY,CACVC,SAAU,GACVC,KAAM,CAAC,EAAK,EAAK,GAAK,KAG1BC,KAAM,CACJL,QAAS,EACTE,WAAY,CACVC,SAAU,GACVC,KAAM,CAAC,GAAK,EAAK,EAAK,MAKfE,EAA4C,CACvDP,QAAS,CACPC,QAAS,EACTO,MAAO,EACPC,EAAG,OACHC,EAAG,QAELR,MAAO,CACLD,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,GAAK,EAAG,GAChBC,EAAG,OACHC,EAAG,OACHP,WAAY,CACVC,SAAU,IACVC,KAAM,CAAC,EAAK,EAAK,GAAK,GACtBM,MAAO,CAAC,EAAG,GAAK,KAGpBL,KAAM,CACJL,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,EAAG,EAAG,IACdC,EAAG,OACHC,EAAG,OACHP,WAAY,CACVC,SAAU,GACVC,KAAM,CAAC,GAAK,EAAK,EAAK,GACtBM,MAAO,CAAC,EAAG,GAAK,MAKTC,EAA4C,CACvDZ,QAAS,SAACa,GACR,IAAMC,EAAaD,EAAiBE,QAAQC,wBAEtCC,EAAgBH,EAAWI,IAAMJ,EAAWK,OAAS,EAK3D,MAAO,CACLlB,QAAS,EACTO,MAAO,GACPU,IAAK,MACLE,KAAM,MACNX,EARK,eAAAY,OAHeP,EAAWM,KAAON,EAAWQ,MAAQ,EAGhB,OASzCZ,EARK,eAAAW,OAAkBJ,EAAkB,OAU5C,EACDf,MAAO,CACLD,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,GAAK,GAAK,GAClBU,IAAK,MACLE,KAAM,MACNX,EAAG,OACHC,EAAG,OACHP,WAAY,CACVC,SAAU,GACVC,KAAM,CAAC,EAAK,EAAK,GAAK,GACtBM,MAAO,CAAC,EAAG,GAAK,KAGpBL,KAAM,SAACO,GACL,IAAMC,EAAaD,EAAiBE,QAAQC,wBAEtCC,EAAgBH,EAAWI,IAAMJ,EAAWK,OAAS,EAK3D,MAAO,CACLlB,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,EAAG,GAAK,IAChBU,IAAK,EACLE,KAAM,EACNX,EARK,eAAAY,OAHeP,EAAWM,KAAON,EAAWQ,MAAQ,EAGhB,OASzCZ,EARK,eAAAW,OAAkBJ,EAAkB,OASzCd,WAAY,CACVC,SAAU,IACVC,KAAM,CAAC,GAAK,EAAK,EAAK,GACtBM,MAAO,CAAC,EAAG,GAAK,IAGtB"}
1
+ {"version":3,"file":"animationVariants.js","sources":["../../../../../src/components/Modal/utils/animationVariants.ts"],"sourcesContent":["import { Variants } from \"framer-motion\";\nimport { RefObject } from \"react\";\n\nconst enterEase = [0.0, 0.0, 0.4, 1.0];\nconst exitEase = [0.6, 0.0, 1.0, 1.0];\n\nexport const modalAnimationOverlayVariants: Variants = {\n initial: {\n opacity: 0\n },\n enter: {\n opacity: 0.7,\n transition: {\n duration: 0.1,\n ease: enterEase\n }\n },\n exit: {\n opacity: 0,\n transition: {\n duration: 0.1,\n ease: exitEase\n }\n }\n};\n\nexport const modalAnimationCenterPopVariants: Variants = {\n initial: {\n opacity: 1,\n scale: 1,\n x: \"-50%\",\n y: \"-50%\"\n },\n enter: {\n opacity: [0, 1, 1],\n scale: [0.8, 1, 1],\n x: \"-50%\",\n y: \"-50%\",\n transition: {\n duration: 0.15,\n ease: enterEase,\n times: [0, 0.5, 1]\n }\n },\n exit: {\n opacity: [1, 1, 0],\n scale: [1, 1, 0.8],\n x: \"-50%\",\n y: \"-50%\",\n transition: {\n duration: 0.1,\n ease: exitEase,\n times: [0, 0.5, 1]\n }\n }\n};\n\nexport const modalAnimationAnchorPopVariants: Variants = {\n initial: (anchorElementRef: RefObject<HTMLElement>) => {\n const anchorRect = anchorElementRef.current.getBoundingClientRect();\n const anchorCenterX = anchorRect.left + anchorRect.width / 2;\n const anchorCenterY = anchorRect.top + anchorRect.height / 2;\n\n const x = `calc(-50% + ${anchorCenterX}px)`;\n const y = `calc(-50% + ${anchorCenterY}px)`;\n\n return {\n opacity: 0,\n scale: 0.8,\n top: \"50%\",\n left: \"50%\",\n x,\n y\n };\n },\n enter: {\n opacity: [0, 0, 1],\n scale: [0.8, 0.8, 1],\n top: \"50%\",\n left: \"50%\",\n x: \"-50%\",\n y: \"-50%\",\n transition: {\n duration: 0.2,\n ease: enterEase,\n times: [0, 0.4, 1]\n }\n },\n exit: (anchorElementRef: RefObject<HTMLElement>) => {\n const anchorRect = anchorElementRef.current.getBoundingClientRect();\n const anchorCenterX = anchorRect.left + anchorRect.width / 2;\n const anchorCenterY = anchorRect.top + anchorRect.height / 2;\n\n const x = `calc(-50% + ${anchorCenterX}px)`;\n const y = `calc(-50% + ${anchorCenterY}px)`;\n\n return {\n opacity: [1, 0, 0],\n scale: [1, 0.8, 0.8],\n top: 0,\n left: 0,\n x,\n y,\n transition: {\n duration: 0.15,\n ease: exitEase,\n times: [0, 0.6, 1]\n }\n };\n }\n};\n\nexport const modalAnimationFullViewVariants: Variants = {\n enter: {\n opacity: [0.3, 1, 1],\n y: [30, 0],\n transition: {\n duration: 0.25,\n ease: enterEase,\n times: [0, 0.33, 1]\n }\n },\n exit: {\n opacity: 0,\n y: 30,\n transition: {\n duration: 0.1,\n ease: exitEase\n }\n }\n};\n"],"names":["enterEase","exitEase","modalAnimationOverlayVariants","initial","opacity","enter","transition","duration","ease","exit","modalAnimationCenterPopVariants","scale","x","y","times","modalAnimationAnchorPopVariants","anchorElementRef","anchorRect","current","getBoundingClientRect","anchorCenterY","top","height","left","concat","width","modalAnimationFullViewVariants"],"mappings":"AAGA,IAAMA,EAAY,CAAC,EAAK,EAAK,GAAK,GAC5BC,EAAW,CAAC,GAAK,EAAK,EAAK,GAEpBC,EAA0C,CACrDC,QAAS,CACPC,QAAS,GAEXC,MAAO,CACLD,QAAS,GACTE,WAAY,CACVC,SAAU,GACVC,KAAMR,IAGVS,KAAM,CACJL,QAAS,EACTE,WAAY,CACVC,SAAU,GACVC,KAAMP,KAKCS,EAA4C,CACvDP,QAAS,CACPC,QAAS,EACTO,MAAO,EACPC,EAAG,OACHC,EAAG,QAELR,MAAO,CACLD,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,GAAK,EAAG,GAChBC,EAAG,OACHC,EAAG,OACHP,WAAY,CACVC,SAAU,IACVC,KAAMR,EACNc,MAAO,CAAC,EAAG,GAAK,KAGpBL,KAAM,CACJL,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,EAAG,EAAG,IACdC,EAAG,OACHC,EAAG,OACHP,WAAY,CACVC,SAAU,GACVC,KAAMP,EACNa,MAAO,CAAC,EAAG,GAAK,MAKTC,EAA4C,CACvDZ,QAAS,SAACa,GACR,IAAMC,EAAaD,EAAiBE,QAAQC,wBAEtCC,EAAgBH,EAAWI,IAAMJ,EAAWK,OAAS,EAK3D,MAAO,CACLlB,QAAS,EACTO,MAAO,GACPU,IAAK,MACLE,KAAM,MACNX,EARK,eAAAY,OAHeP,EAAWM,KAAON,EAAWQ,MAAQ,EAGhB,OASzCZ,EARK,eAAAW,OAAkBJ,EAAkB,OAU5C,EACDf,MAAO,CACLD,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,GAAK,GAAK,GAClBU,IAAK,MACLE,KAAM,MACNX,EAAG,OACHC,EAAG,OACHP,WAAY,CACVC,SAAU,GACVC,KAAMR,EACNc,MAAO,CAAC,EAAG,GAAK,KAGpBL,KAAM,SAACO,GACL,IAAMC,EAAaD,EAAiBE,QAAQC,wBAEtCC,EAAgBH,EAAWI,IAAMJ,EAAWK,OAAS,EAK3D,MAAO,CACLlB,QAAS,CAAC,EAAG,EAAG,GAChBO,MAAO,CAAC,EAAG,GAAK,IAChBU,IAAK,EACLE,KAAM,EACNX,EARK,eAAAY,OAHeP,EAAWM,KAAON,EAAWQ,MAAQ,EAGhB,OASzCZ,EARK,eAAAW,OAAkBJ,EAAkB,OASzCd,WAAY,CACVC,SAAU,IACVC,KAAMP,EACNa,MAAO,CAAC,EAAG,GAAK,IAGtB,GAGWY,EAA2C,CACtDrB,MAAO,CACLD,QAAS,CAAC,GAAK,EAAG,GAClBS,EAAG,CAAC,GAAI,GACRP,WAAY,CACVC,SAAU,IACVC,KAAMR,EACNc,MAAO,CAAC,EAAG,IAAM,KAGrBL,KAAM,CACJL,QAAS,EACTS,EAAG,GACHP,WAAY,CACVC,SAAU,GACVC,KAAMP"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vibe/core",
3
- "version": "3.17.0-alpha-4b5fc.0",
3
+ "version": "3.17.0",
4
4
  "description": "Official monday.com UI resources for application development in React.js",
5
5
  "repository": {
6
6
  "type": "git",
@@ -82,7 +82,7 @@
82
82
  },
83
83
  "dependencies": {
84
84
  "@popperjs/core": "2.11.6",
85
- "@vibe/icons": "1.3.2-alpha-4b5fc.0",
85
+ "@vibe/icons": "1.3.2",
86
86
  "a11y-dialog": "^7.5.2",
87
87
  "body-scroll-lock": "^4.0.0-beta.0",
88
88
  "browserslist-config-monday": "1.0.6",
@@ -268,5 +268,5 @@
268
268
  "browserslist": [
269
269
  "extends browserslist-config-monday"
270
270
  ],
271
- "gitHead": "1edeb2fc761c2ff7920341e87a20ab7a00be7bd3"
271
+ "gitHead": "4178cc82eec76d951bc2f225c636348e27c7aaf8"
272
272
  }