@vibe/core 3.74.0-alpha-f7c48.0 → 3.75.0-alpha-c8d85.0

package/dist/components/Dialog/Dialog.d.ts

@@ -173,6 +173,12 @@ export interface DialogProps extends VibeComponentProps {
      * that may grow or shrink without a re-render being triggered.
      */
     observeContentResize?: boolean;
+    /**
+     * If true, provides a LayerProvider context for nested dialogs to render correctly.
+     * This is useful when you have components that use Dialog internally (like Dropdown)
+     * inside another Dialog, ensuring proper z-index stacking and click-outside behavior.
+     */
+    enableNestedDialogLayer?: boolean;
 }
 export interface DialogState {
     /**
@@ -221,6 +227,7 @@ export default class Dialog extends PureComponent<DialogProps, DialogState> {
         instantShowAndHide: boolean;
         addKeyboardHideShowTriggersByDefault: boolean;
         observeContentResize: boolean;
+        enableNestedDialogLayer: boolean;
     };
     private showTimeout;
     private hideTimeout;

package/dist/components/button/dist/Button/Button.module.scss.js

@@ -1,2 +1,2 @@
-var o={button:"button_bdbceb92e7","focus-visible":"focus-visible_0a1cfd5ae6",loader:"loader_2d18ea9f0d",loaderSvg:"loaderSvg_e24121be83",textPlaceholder:"textPlaceholder_0b67fc2616",success:"success_0294874b2c",successContent:"successContent_9affecb334",marginRight:"marginRight_eb18fda42a",marginLeft:"marginLeft_bf7bc3fb23",rightFlat:"rightFlat_268d2e1e43",leftFlat:"leftFlat_0c77e53d29",preventClickAnimation:"preventClickAnimation_924b42667d",leftIcon:"leftIcon_eb18fda42a",rightIcon:"rightIcon_bf7bc3fb23",sizeXxs:"sizeXxs_da37aab135",sizeXs:"sizeXs_5d2439f614",sizeSmall:"sizeSmall_8e80e78016",sizeMedium:"sizeMedium_cc5e00ddef",sizeLarge:"sizeLarge_00efac6e6a",kindPrimary:"kindPrimary_be137042bc",colorPrimary:"colorPrimary_90dc7c830b",colorBrand:"colorBrand_2751a60287",colorPrimaryActive:"colorPrimaryActive_5647d6788a",colorBrandActive:"colorBrandActive_3ff991c083",colorPositive:"colorPositive_5b144e7026",colorPositiveActive:"colorPositiveActive_3b70775e1a",colorNegative:"colorNegative_435215e73e",colorNegativeActive:"colorNegativeActive_3b70775e1a",colorInverted:"colorInverted_c8a87d1a36",colorInvertedActive:"colorInvertedActive_3b70775e1a",disabled:"disabled_3541f39eac",colorOnPrimaryColor:"colorOnPrimaryColor_ec33b62468",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_466b9ec738",colorFixedLight:"colorFixedLight_7e5ec1482a",colorFixedLightActive:"colorFixedLightActive_924b42667d",colorFixedDark:"colorFixedDark_e4efec3eba",colorFixedDarkActive:"colorFixedDarkActive_4d5967c297",colorOnInvertedBackground:"colorOnInvertedBackground_9a65884c6a",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_65b4328475",kindSecondary:"kindSecondary_dc536274d9",kindTertiary:"kindTertiary_c887d2ade8",noSidePadding:"noSidePadding_426ba0741c",insetFocusStyle:"insetFocusStyle_99227f47b2"};!function(o){var e="s_id-95d3f630f6d9_3_0_4";if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;var n=document.createElement("style");n.id=e,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".button_bdbceb92e7 {\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  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  min-width: auto;\n}\n.button_bdbceb92e7:focus-visible, .button_bdbceb92e7.focus-visible_0a1cfd5ae6 {\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_bdbceb92e7:focus:not(.focus-visible_0a1cfd5ae6) {\n  outline: none;\n}\n.button_bdbceb92e7 .loader_2d18ea9f0d {\n  height: 100%;\n}\n.button_bdbceb92e7 .loader_2d18ea9f0d .loaderSvg_e24121be83 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_bdbceb92e7 .textPlaceholder_0b67fc2616 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_bdbceb92e7.success_0294874b2c {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_bdbceb92e7.success_0294874b2c .successContent_9affecb334 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_eb18fda42a {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_bf7bc3fb23 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_268d2e1e43 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_0c77e53d29 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_bdbceb92e7:active:not(.preventClickAnimation_924b42667d) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_bdbceb92e7 .leftIcon_eb18fda42a {\n  margin-right: var(--spacing-small);\n}\n.button_bdbceb92e7 .rightIcon_bf7bc3fb23 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_da37aab135 {\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_5d2439f614 {\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_8e80e78016 {\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_8e80e78016 .loader_2d18ea9f0d {\n  top: 7px;\n}\n.sizeMedium_cc5e00ddef {\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_00efac6e6a {\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_be137042bc {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_be137042bc.colorPrimary_90dc7c830b {\n  background: var(--primary-color);\n}\n.kindPrimary_be137042bc.colorBrand_2751a60287 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_be137042bc.colorPrimaryActive_5647d6788a,\n.kindPrimary_be137042bc.colorPrimary_90dc7c830b:hover,\n.kindPrimary_be137042bc.colorPrimary_90dc7c830b:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_be137042bc.colorBrandActive_3ff991c083,\n.kindPrimary_be137042bc.colorBrand_2751a60287:hover,\n.kindPrimary_be137042bc.colorBrand_2751a60287:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_be137042bc.colorPositive_5b144e7026 {\n  background: var(--positive-color);\n}\n.kindPrimary_be137042bc.colorPositiveActive_3b70775e1a,\n.kindPrimary_be137042bc.colorPositive_5b144e7026:hover,\n.kindPrimary_be137042bc.colorPositive_5b144e7026:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_be137042bc.colorNegative_435215e73e {\n  background: var(--negative-color);\n}\n.kindPrimary_be137042bc.colorNegativeActive_3b70775e1a,\n.kindPrimary_be137042bc.colorNegative_435215e73e:hover,\n.kindPrimary_be137042bc.colorNegative_435215e73e:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_be137042bc.colorInverted_c8a87d1a36 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_be137042bc.colorInvertedActive_3b70775e1a,\n.kindPrimary_be137042bc.colorInverted_c8a87d1a36:hover,\n.kindPrimary_be137042bc.colorInverted_c8a87d1a36:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_be137042bc.button_bdbceb92e7.colorInverted_c8a87d1a36.disabled_3541f39eac {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_be137042bc.colorOnPrimaryColor_ec33b62468 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_be137042bc.colorOnPrimaryColorActive_466b9ec738,\n.kindPrimary_be137042bc.colorOnPrimaryColor_ec33b62468:hover,\n.kindPrimary_be137042bc.colorOnPrimaryColor_ec33b62468:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_be137042bc.colorOnPrimaryColorActive_466b9ec738:focus-visible, .kindPrimary_be137042bc.colorOnPrimaryColorActive_466b9ec738.focus-visible_0a1cfd5ae6,\n.kindPrimary_be137042bc.colorOnPrimaryColor_ec33b62468:hover:focus-visible,\n.kindPrimary_be137042bc.colorOnPrimaryColor_ec33b62468:hover.focus-visible_0a1cfd5ae6,\n.kindPrimary_be137042bc.colorOnPrimaryColor_ec33b62468:focus:focus-visible,\n.kindPrimary_be137042bc.colorOnPrimaryColor_ec33b62468:focus.focus-visible_0a1cfd5ae6 {\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_be137042bc.colorOnPrimaryColorActive_466b9ec738:focus:not(.focus-visible_0a1cfd5ae6),\n.kindPrimary_be137042bc.colorOnPrimaryColor_ec33b62468:hover:focus:not(.focus-visible_0a1cfd5ae6),\n.kindPrimary_be137042bc.colorOnPrimaryColor_ec33b62468:focus:focus:not(.focus-visible_0a1cfd5ae6) {\n  outline: none;\n}\n.kindPrimary_be137042bc.colorOnPrimaryColor_ec33b62468.disabled_3541f39eac {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_be137042bc.colorFixedLight_7e5ec1482a {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_be137042bc.colorFixedLightActive_924b42667d,\n.kindPrimary_be137042bc.colorFixedLight_7e5ec1482a:hover,\n.kindPrimary_be137042bc.colorFixedLight_7e5ec1482a:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_be137042bc.colorFixedLightActive_924b42667d:focus-visible, .kindPrimary_be137042bc.colorFixedLightActive_924b42667d.focus-visible_0a1cfd5ae6,\n.kindPrimary_be137042bc.colorFixedLight_7e5ec1482a:hover:focus-visible,\n.kindPrimary_be137042bc.colorFixedLight_7e5ec1482a:hover.focus-visible_0a1cfd5ae6,\n.kindPrimary_be137042bc.colorFixedLight_7e5ec1482a:focus:focus-visible,\n.kindPrimary_be137042bc.colorFixedLight_7e5ec1482a:focus.focus-visible_0a1cfd5ae6 {\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_be137042bc.colorFixedLightActive_924b42667d:focus:not(.focus-visible_0a1cfd5ae6),\n.kindPrimary_be137042bc.colorFixedLight_7e5ec1482a:hover:focus:not(.focus-visible_0a1cfd5ae6),\n.kindPrimary_be137042bc.colorFixedLight_7e5ec1482a:focus:focus:not(.focus-visible_0a1cfd5ae6) {\n  outline: none;\n}\n.kindPrimary_be137042bc.colorFixedLight_7e5ec1482a.disabled_3541f39eac {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_be137042bc.colorFixedDark_e4efec3eba {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_be137042bc.colorFixedDarkActive_4d5967c297,\n.kindPrimary_be137042bc.colorFixedDark_e4efec3eba:hover,\n.kindPrimary_be137042bc.colorFixedDark_e4efec3eba:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_be137042bc.colorFixedDarkActive_4d5967c297:focus-visible, .kindPrimary_be137042bc.colorFixedDarkActive_4d5967c297.focus-visible_0a1cfd5ae6,\n.kindPrimary_be137042bc.colorFixedDark_e4efec3eba:hover:focus-visible,\n.kindPrimary_be137042bc.colorFixedDark_e4efec3eba:hover.focus-visible_0a1cfd5ae6,\n.kindPrimary_be137042bc.colorFixedDark_e4efec3eba:focus:focus-visible,\n.kindPrimary_be137042bc.colorFixedDark_e4efec3eba:focus.focus-visible_0a1cfd5ae6 {\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_be137042bc.colorFixedDarkActive_4d5967c297:focus:not(.focus-visible_0a1cfd5ae6),\n.kindPrimary_be137042bc.colorFixedDark_e4efec3eba:hover:focus:not(.focus-visible_0a1cfd5ae6),\n.kindPrimary_be137042bc.colorFixedDark_e4efec3eba:focus:focus:not(.focus-visible_0a1cfd5ae6) {\n  outline: none;\n}\n.kindPrimary_be137042bc.colorFixedDark_e4efec3eba.disabled_3541f39eac {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_be137042bc.colorOnInvertedBackground_9a65884c6a {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_be137042bc.colorOnInvertedBackgroundActive_65b4328475,\n.kindPrimary_be137042bc.colorOnInvertedBackground_9a65884c6a:hover,\n.kindPrimary_be137042bc.colorOnInvertedBackground_9a65884c6a:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_be137042bc.button_bdbceb92e7.colorOnInvertedBackground_9a65884c6a.disabled_3541f39eac {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_be137042bc.button_bdbceb92e7.disabled_3541f39eac {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_dc536274d9 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_dc536274d9.sizeSmall_8e80e78016 {\n  line-height: 22px;\n}\n.kindSecondary_dc536274d9.sizeMedium_cc5e00ddef {\n  line-height: 22px;\n}\n.kindSecondary_dc536274d9.sizeLarge_00efac6e6a {\n  line-height: 22px;\n}\n.kindSecondary_dc536274d9.colorPrimaryActive_5647d6788a {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_dc536274d9.colorPrimaryActive_5647d6788a:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_dc536274d9.colorBrandActive_3ff991c083 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_dc536274d9.colorBrandActive_3ff991c083,\n.kindSecondary_dc536274d9.colorBrandActive_3ff991c083:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_dc536274d9.colorPrimary_90dc7c830b:hover:not(.colorPrimaryActive_5647d6788a),\n.kindSecondary_dc536274d9.colorPrimary_90dc7c830b:focus:not(.colorPrimaryActive_5647d6788a) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_dc536274d9.colorBrand_2751a60287:hover:not(.colorBrandActive_3ff991c083),\n.kindSecondary_dc536274d9.colorBrand_2751a60287:focus:not(.colorBrandActive_3ff991c083) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_dc536274d9.colorPositive_5b144e7026 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_dc536274d9.colorPositiveActive_3b70775e1a,\n.kindSecondary_dc536274d9.colorPositive_5b144e7026:hover,\n.kindSecondary_dc536274d9.colorPositive_5b144e7026:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_dc536274d9.colorNegative_435215e73e {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_dc536274d9.colorNegativeActive_3b70775e1a,\n.kindSecondary_dc536274d9.colorNegative_435215e73e:hover,\n.kindSecondary_dc536274d9.colorNegative_435215e73e:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_dc536274d9.colorInverted_c8a87d1a36 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_dc536274d9.colorInvertedActive_3b70775e1a,\n.kindSecondary_dc536274d9.colorInverted_c8a87d1a36:hover,\n.kindSecondary_dc536274d9.colorInverted_c8a87d1a36:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_dc536274d9.colorInverted_c8a87d1a36.disabled_3541f39eac {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_dc536274d9.colorOnPrimaryColor_ec33b62468 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_dc536274d9.colorOnPrimaryColorActive_466b9ec738,\n.kindSecondary_dc536274d9.colorOnPrimaryColor_ec33b62468:hover,\n.kindSecondary_dc536274d9.colorOnPrimaryColor_ec33b62468:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_dc536274d9.colorOnPrimaryColorActive_466b9ec738:focus-visible, .kindSecondary_dc536274d9.colorOnPrimaryColorActive_466b9ec738.focus-visible_0a1cfd5ae6,\n.kindSecondary_dc536274d9.colorOnPrimaryColor_ec33b62468:hover:focus-visible,\n.kindSecondary_dc536274d9.colorOnPrimaryColor_ec33b62468:hover.focus-visible_0a1cfd5ae6,\n.kindSecondary_dc536274d9.colorOnPrimaryColor_ec33b62468:focus:focus-visible,\n.kindSecondary_dc536274d9.colorOnPrimaryColor_ec33b62468:focus.focus-visible_0a1cfd5ae6 {\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_dc536274d9.colorOnPrimaryColorActive_466b9ec738:focus:not(.focus-visible_0a1cfd5ae6),\n.kindSecondary_dc536274d9.colorOnPrimaryColor_ec33b62468:hover:focus:not(.focus-visible_0a1cfd5ae6),\n.kindSecondary_dc536274d9.colorOnPrimaryColor_ec33b62468:focus:focus:not(.focus-visible_0a1cfd5ae6) {\n  outline: none;\n}\n.kindSecondary_dc536274d9.colorOnPrimaryColor_ec33b62468.disabled_3541f39eac {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_dc536274d9.colorFixedLight_7e5ec1482a {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_dc536274d9.colorFixedLightActive_924b42667d,\n.kindSecondary_dc536274d9.colorFixedLight_7e5ec1482a:hover,\n.kindSecondary_dc536274d9.colorFixedLight_7e5ec1482a:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_dc536274d9.colorFixedLightActive_924b42667d:focus-visible, .kindSecondary_dc536274d9.colorFixedLightActive_924b42667d.focus-visible_0a1cfd5ae6,\n.kindSecondary_dc536274d9.colorFixedLight_7e5ec1482a:hover:focus-visible,\n.kindSecondary_dc536274d9.colorFixedLight_7e5ec1482a:hover.focus-visible_0a1cfd5ae6,\n.kindSecondary_dc536274d9.colorFixedLight_7e5ec1482a:focus:focus-visible,\n.kindSecondary_dc536274d9.colorFixedLight_7e5ec1482a:focus.focus-visible_0a1cfd5ae6 {\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_dc536274d9.colorFixedLightActive_924b42667d:focus:not(.focus-visible_0a1cfd5ae6),\n.kindSecondary_dc536274d9.colorFixedLight_7e5ec1482a:hover:focus:not(.focus-visible_0a1cfd5ae6),\n.kindSecondary_dc536274d9.colorFixedLight_7e5ec1482a:focus:focus:not(.focus-visible_0a1cfd5ae6) {\n  outline: none;\n}\n.kindSecondary_dc536274d9.colorFixedDark_e4efec3eba {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_dc536274d9.colorFixedDarkActive_4d5967c297,\n.kindSecondary_dc536274d9.colorFixedDark_e4efec3eba:hover,\n.kindSecondary_dc536274d9.colorFixedDark_e4efec3eba:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_dc536274d9.colorFixedDarkActive_4d5967c297:focus-visible, .kindSecondary_dc536274d9.colorFixedDarkActive_4d5967c297.focus-visible_0a1cfd5ae6,\n.kindSecondary_dc536274d9.colorFixedDark_e4efec3eba:hover:focus-visible,\n.kindSecondary_dc536274d9.colorFixedDark_e4efec3eba:hover.focus-visible_0a1cfd5ae6,\n.kindSecondary_dc536274d9.colorFixedDark_e4efec3eba:focus:focus-visible,\n.kindSecondary_dc536274d9.colorFixedDark_e4efec3eba:focus.focus-visible_0a1cfd5ae6 {\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_dc536274d9.colorFixedDarkActive_4d5967c297:focus:not(.focus-visible_0a1cfd5ae6),\n.kindSecondary_dc536274d9.colorFixedDark_e4efec3eba:hover:focus:not(.focus-visible_0a1cfd5ae6),\n.kindSecondary_dc536274d9.colorFixedDark_e4efec3eba:focus:focus:not(.focus-visible_0a1cfd5ae6) {\n  outline: none;\n}\n.kindSecondary_dc536274d9.colorOnInvertedBackground_9a65884c6a {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_dc536274d9.colorOnInvertedBackgroundActive_65b4328475,\n.kindSecondary_dc536274d9.colorOnInvertedBackground_9a65884c6a:hover,\n.kindSecondary_dc536274d9.colorOnInvertedBackground_9a65884c6a:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_dc536274d9.colorOnInvertedBackground_9a65884c6a.disabled_3541f39eac {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_dc536274d9.colorFixedLight_7e5ec1482a.disabled_3541f39eac {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_dc536274d9.colorFixedDark_e4efec3eba.disabled_3541f39eac {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_dc536274d9.disabled_3541f39eac {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_dc536274d9.disabled_3541f39eac:hover {\n  background-color: transparent;\n}\n.kindTertiary_c887d2ade8 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_c887d2ade8.colorPrimaryActive_5647d6788a {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_c887d2ade8.colorPrimaryActive_5647d6788a:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_c887d2ade8.colorBrandActive_3ff991c083 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_c887d2ade8.colorBrandActive_3ff991c083,\n.kindTertiary_c887d2ade8.colorBrandActive_3ff991c083:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_c887d2ade8.colorPrimary_90dc7c830b:hover:not(.colorPrimaryActive_5647d6788a),\n.kindTertiary_c887d2ade8.colorPrimary_90dc7c830b:focus:not(.colorPrimaryActive_5647d6788a) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_c887d2ade8.colorBrand_2751a60287:hover:not(.colorBrandActive_3ff991c083),\n.kindTertiary_c887d2ade8.colorBrand_2751a60287:focus:not(.colorBrandActive_3ff991c083) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_c887d2ade8.colorPositive_5b144e7026 {\n  color: var(--positive-color);\n}\n.kindTertiary_c887d2ade8.colorPositiveActive_3b70775e1a,\n.kindTertiary_c887d2ade8.colorPositive_5b144e7026:hover,\n.kindTertiary_c887d2ade8.colorPositive_5b144e7026:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_c887d2ade8.colorNegative_435215e73e {\n  color: var(--negative-color);\n}\n.kindTertiary_c887d2ade8.colorNegativeActive_3b70775e1a,\n.kindTertiary_c887d2ade8.colorNegative_435215e73e:hover,\n.kindTertiary_c887d2ade8.colorNegative_435215e73e:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_c887d2ade8.colorInverted_c8a87d1a36 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_c887d2ade8.colorInvertedActive_3b70775e1a,\n.kindTertiary_c887d2ade8.colorInverted_c8a87d1a36:hover,\n.kindTertiary_c887d2ade8.colorInverted_c8a87d1a36:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_c887d2ade8.colorInverted_c8a87d1a36.disabled_3541f39eac {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_c887d2ade8.colorOnPrimaryColor_ec33b62468 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_c887d2ade8.colorOnPrimaryColorActive_466b9ec738,\n.kindTertiary_c887d2ade8.colorOnPrimaryColor_ec33b62468:hover,\n.kindTertiary_c887d2ade8.colorOnPrimaryColor_ec33b62468:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_c887d2ade8.colorOnPrimaryColorActive_466b9ec738:focus-visible, .kindTertiary_c887d2ade8.colorOnPrimaryColorActive_466b9ec738.focus-visible_0a1cfd5ae6,\n.kindTertiary_c887d2ade8.colorOnPrimaryColor_ec33b62468:hover:focus-visible,\n.kindTertiary_c887d2ade8.colorOnPrimaryColor_ec33b62468:hover.focus-visible_0a1cfd5ae6,\n.kindTertiary_c887d2ade8.colorOnPrimaryColor_ec33b62468:focus:focus-visible,\n.kindTertiary_c887d2ade8.colorOnPrimaryColor_ec33b62468:focus.focus-visible_0a1cfd5ae6 {\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_c887d2ade8.colorOnPrimaryColorActive_466b9ec738:focus:not(.focus-visible_0a1cfd5ae6),\n.kindTertiary_c887d2ade8.colorOnPrimaryColor_ec33b62468:hover:focus:not(.focus-visible_0a1cfd5ae6),\n.kindTertiary_c887d2ade8.colorOnPrimaryColor_ec33b62468:focus:focus:not(.focus-visible_0a1cfd5ae6) {\n  outline: none;\n}\n.kindTertiary_c887d2ade8.colorOnPrimaryColor_ec33b62468.disabled_3541f39eac {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_c887d2ade8.colorFixedLight_7e5ec1482a {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_c887d2ade8.colorFixedLightActive_924b42667d,\n.kindTertiary_c887d2ade8.colorFixedLight_7e5ec1482a:hover,\n.kindTertiary_c887d2ade8.colorFixedLight_7e5ec1482a:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_c887d2ade8.colorFixedLightActive_924b42667d:focus-visible, .kindTertiary_c887d2ade8.colorFixedLightActive_924b42667d.focus-visible_0a1cfd5ae6,\n.kindTertiary_c887d2ade8.colorFixedLight_7e5ec1482a:hover:focus-visible,\n.kindTertiary_c887d2ade8.colorFixedLight_7e5ec1482a:hover.focus-visible_0a1cfd5ae6,\n.kindTertiary_c887d2ade8.colorFixedLight_7e5ec1482a:focus:focus-visible,\n.kindTertiary_c887d2ade8.colorFixedLight_7e5ec1482a:focus.focus-visible_0a1cfd5ae6 {\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_c887d2ade8.colorFixedLightActive_924b42667d:focus:not(.focus-visible_0a1cfd5ae6),\n.kindTertiary_c887d2ade8.colorFixedLight_7e5ec1482a:hover:focus:not(.focus-visible_0a1cfd5ae6),\n.kindTertiary_c887d2ade8.colorFixedLight_7e5ec1482a:focus:focus:not(.focus-visible_0a1cfd5ae6) {\n  outline: none;\n}\n.kindTertiary_c887d2ade8.colorFixedLight_7e5ec1482a.disabled_3541f39eac {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_c887d2ade8.colorFixedDark_e4efec3eba {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_c887d2ade8.colorFixedDarkActive_4d5967c297,\n.kindTertiary_c887d2ade8.colorFixedDark_e4efec3eba:hover,\n.kindTertiary_c887d2ade8.colorFixedDark_e4efec3eba:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_c887d2ade8.colorFixedDarkActive_4d5967c297:focus-visible, .kindTertiary_c887d2ade8.colorFixedDarkActive_4d5967c297.focus-visible_0a1cfd5ae6,\n.kindTertiary_c887d2ade8.colorFixedDark_e4efec3eba:hover:focus-visible,\n.kindTertiary_c887d2ade8.colorFixedDark_e4efec3eba:hover.focus-visible_0a1cfd5ae6,\n.kindTertiary_c887d2ade8.colorFixedDark_e4efec3eba:focus:focus-visible,\n.kindTertiary_c887d2ade8.colorFixedDark_e4efec3eba:focus.focus-visible_0a1cfd5ae6 {\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_c887d2ade8.colorFixedDarkActive_4d5967c297:focus:not(.focus-visible_0a1cfd5ae6),\n.kindTertiary_c887d2ade8.colorFixedDark_e4efec3eba:hover:focus:not(.focus-visible_0a1cfd5ae6),\n.kindTertiary_c887d2ade8.colorFixedDark_e4efec3eba:focus:focus:not(.focus-visible_0a1cfd5ae6) {\n  outline: none;\n}\n.kindTertiary_c887d2ade8.colorFixedDark_e4efec3eba.disabled_3541f39eac {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_c887d2ade8.colorOnInvertedBackground_9a65884c6a {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_c887d2ade8.colorOnInvertedBackgroundActive_65b4328475,\n.kindTertiary_c887d2ade8.colorOnInvertedBackground_9a65884c6a:hover,\n.kindTertiary_c887d2ade8.colorOnInvertedBackground_9a65884c6a:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_c887d2ade8.colorOnInvertedBackground_9a65884c6a.disabled_3541f39eac {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_c887d2ade8.disabled_3541f39eac {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_c887d2ade8.disabled_3541f39eac:hover {\n  background-color: transparent;\n}\n.noSidePadding_426ba0741c {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_bdbceb92e7.insetFocusStyle_99227f47b2:focus-visible, .button_bdbceb92e7.insetFocusStyle_99227f47b2.focus-visible_0a1cfd5ae6 {\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_bdbceb92e7.insetFocusStyle_99227f47b2:focus:not(.focus-visible_0a1cfd5ae6) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_e456368ef6","focus-visible":"focus-visible_fd86db0485",loader:"loader_58793eafc9",loaderSvg:"loaderSvg_7f0ce46f67",textPlaceholder:"textPlaceholder_c09789ce1a",success:"success_3068ff74ae",successContent:"successContent_930da5e702",marginRight:"marginRight_c1835be438",marginLeft:"marginLeft_825d9b11ac",rightFlat:"rightFlat_f59238614a",leftFlat:"leftFlat_0ce5be7085",preventClickAnimation:"preventClickAnimation_7d0cfe83a7",leftIcon:"leftIcon_c1835be438",rightIcon:"rightIcon_825d9b11ac",sizeXxs:"sizeXxs_e238e2a38a",sizeXs:"sizeXs_cfc805493d",sizeSmall:"sizeSmall_26f2d955c3",sizeMedium:"sizeMedium_54e30ad70f",sizeLarge:"sizeLarge_19933254f4",kindPrimary:"kindPrimary_dbe5aceee2",colorPrimary:"colorPrimary_6b93aa81b2",colorBrand:"colorBrand_24911ca2c8",colorPrimaryActive:"colorPrimaryActive_fea8ff2126",colorBrandActive:"colorBrandActive_e585a200cb",colorPositive:"colorPositive_d3591d5bf9",colorPositiveActive:"colorPositiveActive_c1be2a7337",colorNegative:"colorNegative_b2a878b4eb",colorNegativeActive:"colorNegativeActive_c1be2a7337",colorInverted:"colorInverted_fc68e9b3a9",colorInvertedActive:"colorInvertedActive_c1be2a7337",disabled:"disabled_d4f91893b9",colorOnPrimaryColor:"colorOnPrimaryColor_e55a90f268",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_7046e8313d",colorFixedLight:"colorFixedLight_7bf61defad",colorFixedLightActive:"colorFixedLightActive_7d0cfe83a7",colorFixedDark:"colorFixedDark_0bd810ac07",colorFixedDarkActive:"colorFixedDarkActive_031dcfe2d9",colorOnInvertedBackground:"colorOnInvertedBackground_5707cb347b",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_4bd52dc112",kindSecondary:"kindSecondary_47bbb8fda7",kindTertiary:"kindTertiary_af3b18088f",noSidePadding:"noSidePadding_8385d4cefb",insetFocusStyle:"insetFocusStyle_be2f57cb1d"};!function(o){var r="s_id-95d3f630f6d9_3_0_5";if("undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;var n=document.createElement("style");n.id=r,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_e456368ef6 {\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  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  min-width: auto;\n}\n.button_e456368ef6:focus-visible, .button_e456368ef6.focus-visible_fd86db0485 {\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_e456368ef6:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.button_e456368ef6 .loader_58793eafc9 {\n  height: 100%;\n}\n.button_e456368ef6 .loader_58793eafc9 .loaderSvg_7f0ce46f67 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_e456368ef6 .textPlaceholder_c09789ce1a {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_e456368ef6.success_3068ff74ae {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_e456368ef6.success_3068ff74ae .successContent_930da5e702 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_c1835be438 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_825d9b11ac {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_f59238614a {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_0ce5be7085 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_e456368ef6:active:not(.preventClickAnimation_7d0cfe83a7) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_e456368ef6 .leftIcon_c1835be438 {\n  margin-right: var(--spacing-small);\n}\n.button_e456368ef6 .rightIcon_825d9b11ac {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_e238e2a38a {\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_cfc805493d {\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_26f2d955c3 {\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_26f2d955c3 .loader_58793eafc9 {\n  top: 7px;\n}\n.sizeMedium_54e30ad70f {\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_19933254f4 {\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_dbe5aceee2 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_dbe5aceee2.colorPrimary_6b93aa81b2 {\n  background: var(--primary-color);\n}\n.kindPrimary_dbe5aceee2.colorBrand_24911ca2c8 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_dbe5aceee2.colorPrimaryActive_fea8ff2126,\n.kindPrimary_dbe5aceee2.colorPrimary_6b93aa81b2:hover,\n.kindPrimary_dbe5aceee2.colorPrimary_6b93aa81b2:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_dbe5aceee2.colorBrandActive_e585a200cb,\n.kindPrimary_dbe5aceee2.colorBrand_24911ca2c8:hover,\n.kindPrimary_dbe5aceee2.colorBrand_24911ca2c8:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_dbe5aceee2.colorPositive_d3591d5bf9 {\n  background: var(--positive-color);\n}\n.kindPrimary_dbe5aceee2.colorPositiveActive_c1be2a7337,\n.kindPrimary_dbe5aceee2.colorPositive_d3591d5bf9:hover,\n.kindPrimary_dbe5aceee2.colorPositive_d3591d5bf9:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_dbe5aceee2.colorNegative_b2a878b4eb {\n  background: var(--negative-color);\n}\n.kindPrimary_dbe5aceee2.colorNegativeActive_c1be2a7337,\n.kindPrimary_dbe5aceee2.colorNegative_b2a878b4eb:hover,\n.kindPrimary_dbe5aceee2.colorNegative_b2a878b4eb:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_dbe5aceee2.colorInverted_fc68e9b3a9 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_dbe5aceee2.colorInvertedActive_c1be2a7337,\n.kindPrimary_dbe5aceee2.colorInverted_fc68e9b3a9:hover,\n.kindPrimary_dbe5aceee2.colorInverted_fc68e9b3a9:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_dbe5aceee2.button_e456368ef6.colorInverted_fc68e9b3a9.disabled_d4f91893b9 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_dbe5aceee2.colorOnPrimaryColorActive_7046e8313d,\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268:hover,\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_dbe5aceee2.colorOnPrimaryColorActive_7046e8313d:focus-visible, .kindPrimary_dbe5aceee2.colorOnPrimaryColorActive_7046e8313d.focus-visible_fd86db0485,\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268:hover:focus-visible,\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268:hover.focus-visible_fd86db0485,\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268:focus:focus-visible,\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268:focus.focus-visible_fd86db0485 {\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_dbe5aceee2.colorOnPrimaryColorActive_7046e8313d:focus:not(.focus-visible_fd86db0485),\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268:hover:focus:not(.focus-visible_fd86db0485),\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindPrimary_dbe5aceee2.colorOnPrimaryColor_e55a90f268.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_dbe5aceee2.colorFixedLightActive_7d0cfe83a7,\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad:hover,\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad:focus {\n  background-color: #e6e9ef;\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindPrimary_dbe5aceee2.colorFixedLightActive_7d0cfe83a7:focus-visible, .kindPrimary_dbe5aceee2.colorFixedLightActive_7d0cfe83a7.focus-visible_fd86db0485,\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad:hover:focus-visible,\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad:hover.focus-visible_fd86db0485,\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad:focus:focus-visible,\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad:focus.focus-visible_fd86db0485 {\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_dbe5aceee2.colorFixedLightActive_7d0cfe83a7:focus:not(.focus-visible_fd86db0485),\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad:hover:focus:not(.focus-visible_fd86db0485),\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindPrimary_dbe5aceee2.colorFixedLight_7bf61defad.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_dbe5aceee2.colorFixedDarkActive_031dcfe2d9,\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07:hover,\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_dbe5aceee2.colorFixedDarkActive_031dcfe2d9:focus-visible, .kindPrimary_dbe5aceee2.colorFixedDarkActive_031dcfe2d9.focus-visible_fd86db0485,\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07:hover:focus-visible,\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07:hover.focus-visible_fd86db0485,\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07:focus:focus-visible,\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07:focus.focus-visible_fd86db0485 {\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_dbe5aceee2.colorFixedDarkActive_031dcfe2d9:focus:not(.focus-visible_fd86db0485),\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07:hover:focus:not(.focus-visible_fd86db0485),\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindPrimary_dbe5aceee2.colorFixedDark_0bd810ac07.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_dbe5aceee2.colorOnInvertedBackground_5707cb347b {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_dbe5aceee2.colorOnInvertedBackgroundActive_4bd52dc112,\n.kindPrimary_dbe5aceee2.colorOnInvertedBackground_5707cb347b:hover,\n.kindPrimary_dbe5aceee2.colorOnInvertedBackground_5707cb347b:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_dbe5aceee2.button_e456368ef6.colorOnInvertedBackground_5707cb347b.disabled_d4f91893b9 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_dbe5aceee2.button_e456368ef6.disabled_d4f91893b9 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_47bbb8fda7 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_47bbb8fda7.sizeSmall_26f2d955c3 {\n  line-height: 22px;\n}\n.kindSecondary_47bbb8fda7.sizeMedium_54e30ad70f {\n  line-height: 22px;\n}\n.kindSecondary_47bbb8fda7.sizeLarge_19933254f4 {\n  line-height: 22px;\n}\n.kindSecondary_47bbb8fda7.colorPrimaryActive_fea8ff2126 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_47bbb8fda7.colorPrimaryActive_fea8ff2126:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_47bbb8fda7.colorBrandActive_e585a200cb {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_47bbb8fda7.colorBrandActive_e585a200cb,\n.kindSecondary_47bbb8fda7.colorBrandActive_e585a200cb:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_47bbb8fda7.colorPrimary_6b93aa81b2:hover:not(.colorPrimaryActive_fea8ff2126),\n.kindSecondary_47bbb8fda7.colorPrimary_6b93aa81b2:focus:not(.colorPrimaryActive_fea8ff2126) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_47bbb8fda7.colorBrand_24911ca2c8:hover:not(.colorBrandActive_e585a200cb),\n.kindSecondary_47bbb8fda7.colorBrand_24911ca2c8:focus:not(.colorBrandActive_e585a200cb) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_47bbb8fda7.colorPositive_d3591d5bf9 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_47bbb8fda7.colorPositiveActive_c1be2a7337,\n.kindSecondary_47bbb8fda7.colorPositive_d3591d5bf9:hover,\n.kindSecondary_47bbb8fda7.colorPositive_d3591d5bf9:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_47bbb8fda7.colorNegative_b2a878b4eb {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_47bbb8fda7.colorNegativeActive_c1be2a7337,\n.kindSecondary_47bbb8fda7.colorNegative_b2a878b4eb:hover,\n.kindSecondary_47bbb8fda7.colorNegative_b2a878b4eb:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_47bbb8fda7.colorInverted_fc68e9b3a9 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_47bbb8fda7.colorInvertedActive_c1be2a7337,\n.kindSecondary_47bbb8fda7.colorInverted_fc68e9b3a9:hover,\n.kindSecondary_47bbb8fda7.colorInverted_fc68e9b3a9:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_47bbb8fda7.colorInverted_fc68e9b3a9.disabled_d4f91893b9 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_47bbb8fda7.colorOnPrimaryColorActive_7046e8313d,\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268:hover,\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_47bbb8fda7.colorOnPrimaryColorActive_7046e8313d:focus-visible, .kindSecondary_47bbb8fda7.colorOnPrimaryColorActive_7046e8313d.focus-visible_fd86db0485,\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268:hover:focus-visible,\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268:hover.focus-visible_fd86db0485,\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268:focus:focus-visible,\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268:focus.focus-visible_fd86db0485 {\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_47bbb8fda7.colorOnPrimaryColorActive_7046e8313d:focus:not(.focus-visible_fd86db0485),\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268:hover:focus:not(.focus-visible_fd86db0485),\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindSecondary_47bbb8fda7.colorOnPrimaryColor_e55a90f268.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_47bbb8fda7.colorFixedLightActive_7d0cfe83a7,\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad:hover,\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindSecondary_47bbb8fda7.colorFixedLightActive_7d0cfe83a7:focus-visible, .kindSecondary_47bbb8fda7.colorFixedLightActive_7d0cfe83a7.focus-visible_fd86db0485,\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad:hover:focus-visible,\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad:hover.focus-visible_fd86db0485,\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad:focus:focus-visible,\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad:focus.focus-visible_fd86db0485 {\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_47bbb8fda7.colorFixedLightActive_7d0cfe83a7:focus:not(.focus-visible_fd86db0485),\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad:hover:focus:not(.focus-visible_fd86db0485),\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_47bbb8fda7.colorFixedDarkActive_031dcfe2d9,\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07:hover,\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_47bbb8fda7.colorFixedDarkActive_031dcfe2d9:focus-visible, .kindSecondary_47bbb8fda7.colorFixedDarkActive_031dcfe2d9.focus-visible_fd86db0485,\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07:hover:focus-visible,\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07:hover.focus-visible_fd86db0485,\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07:focus:focus-visible,\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07:focus.focus-visible_fd86db0485 {\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_47bbb8fda7.colorFixedDarkActive_031dcfe2d9:focus:not(.focus-visible_fd86db0485),\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07:hover:focus:not(.focus-visible_fd86db0485),\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindSecondary_47bbb8fda7.colorOnInvertedBackground_5707cb347b {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_47bbb8fda7.colorOnInvertedBackgroundActive_4bd52dc112,\n.kindSecondary_47bbb8fda7.colorOnInvertedBackground_5707cb347b:hover,\n.kindSecondary_47bbb8fda7.colorOnInvertedBackground_5707cb347b:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_47bbb8fda7.colorOnInvertedBackground_5707cb347b.disabled_d4f91893b9 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_47bbb8fda7.colorFixedLight_7bf61defad.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_47bbb8fda7.colorFixedDark_0bd810ac07.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_47bbb8fda7.disabled_d4f91893b9 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_47bbb8fda7.disabled_d4f91893b9:hover {\n  background-color: transparent;\n}\n.kindTertiary_af3b18088f {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_af3b18088f.colorPrimaryActive_fea8ff2126 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_af3b18088f.colorPrimaryActive_fea8ff2126:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_af3b18088f.colorBrandActive_e585a200cb {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_af3b18088f.colorBrandActive_e585a200cb,\n.kindTertiary_af3b18088f.colorBrandActive_e585a200cb:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_af3b18088f.colorPrimary_6b93aa81b2:hover:not(.colorPrimaryActive_fea8ff2126),\n.kindTertiary_af3b18088f.colorPrimary_6b93aa81b2:focus:not(.colorPrimaryActive_fea8ff2126) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_af3b18088f.colorBrand_24911ca2c8:hover:not(.colorBrandActive_e585a200cb),\n.kindTertiary_af3b18088f.colorBrand_24911ca2c8:focus:not(.colorBrandActive_e585a200cb) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_af3b18088f.colorPositive_d3591d5bf9 {\n  color: var(--positive-color);\n}\n.kindTertiary_af3b18088f.colorPositiveActive_c1be2a7337,\n.kindTertiary_af3b18088f.colorPositive_d3591d5bf9:hover,\n.kindTertiary_af3b18088f.colorPositive_d3591d5bf9:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_af3b18088f.colorNegative_b2a878b4eb {\n  color: var(--negative-color);\n}\n.kindTertiary_af3b18088f.colorNegativeActive_c1be2a7337,\n.kindTertiary_af3b18088f.colorNegative_b2a878b4eb:hover,\n.kindTertiary_af3b18088f.colorNegative_b2a878b4eb:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_af3b18088f.colorInverted_fc68e9b3a9 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_af3b18088f.colorInvertedActive_c1be2a7337,\n.kindTertiary_af3b18088f.colorInverted_fc68e9b3a9:hover,\n.kindTertiary_af3b18088f.colorInverted_fc68e9b3a9:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_af3b18088f.colorInverted_fc68e9b3a9.disabled_d4f91893b9 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_af3b18088f.colorOnPrimaryColorActive_7046e8313d,\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268:hover,\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_af3b18088f.colorOnPrimaryColorActive_7046e8313d:focus-visible, .kindTertiary_af3b18088f.colorOnPrimaryColorActive_7046e8313d.focus-visible_fd86db0485,\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268:hover:focus-visible,\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268:hover.focus-visible_fd86db0485,\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268:focus:focus-visible,\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268:focus.focus-visible_fd86db0485 {\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_af3b18088f.colorOnPrimaryColorActive_7046e8313d:focus:not(.focus-visible_fd86db0485),\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268:hover:focus:not(.focus-visible_fd86db0485),\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindTertiary_af3b18088f.colorOnPrimaryColor_e55a90f268.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_af3b18088f.colorFixedLightActive_7d0cfe83a7,\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad:hover,\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad:focus {\n  -webkit-backdrop-filter: brightness(85%);\n          backdrop-filter: brightness(85%);\n}\n.kindTertiary_af3b18088f.colorFixedLightActive_7d0cfe83a7:focus-visible, .kindTertiary_af3b18088f.colorFixedLightActive_7d0cfe83a7.focus-visible_fd86db0485,\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad:hover:focus-visible,\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad:hover.focus-visible_fd86db0485,\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad:focus:focus-visible,\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad:focus.focus-visible_fd86db0485 {\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_af3b18088f.colorFixedLightActive_7d0cfe83a7:focus:not(.focus-visible_fd86db0485),\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad:hover:focus:not(.focus-visible_fd86db0485),\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindTertiary_af3b18088f.colorFixedLight_7bf61defad.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_af3b18088f.colorFixedDarkActive_031dcfe2d9,\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07:hover,\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_af3b18088f.colorFixedDarkActive_031dcfe2d9:focus-visible, .kindTertiary_af3b18088f.colorFixedDarkActive_031dcfe2d9.focus-visible_fd86db0485,\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07:hover:focus-visible,\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07:hover.focus-visible_fd86db0485,\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07:focus:focus-visible,\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07:focus.focus-visible_fd86db0485 {\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_af3b18088f.colorFixedDarkActive_031dcfe2d9:focus:not(.focus-visible_fd86db0485),\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07:hover:focus:not(.focus-visible_fd86db0485),\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07:focus:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}\n.kindTertiary_af3b18088f.colorFixedDark_0bd810ac07.disabled_d4f91893b9 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_af3b18088f.colorOnInvertedBackground_5707cb347b {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_af3b18088f.colorOnInvertedBackgroundActive_4bd52dc112,\n.kindTertiary_af3b18088f.colorOnInvertedBackground_5707cb347b:hover,\n.kindTertiary_af3b18088f.colorOnInvertedBackground_5707cb347b:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_af3b18088f.colorOnInvertedBackground_5707cb347b.disabled_d4f91893b9 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_af3b18088f.disabled_d4f91893b9 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_af3b18088f.disabled_d4f91893b9:hover {\n  background-color: transparent;\n}\n.noSidePadding_8385d4cefb {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_e456368ef6.insetFocusStyle_be2f57cb1d:focus-visible, .button_e456368ef6.insetFocusStyle_be2f57cb1d.focus-visible_fd86db0485 {\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_e456368ef6.insetFocusStyle_be2f57cb1d:focus:not(.focus-visible_fd86db0485) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

package/dist/components/icon/dist/Icon/Icon.module.scss.js

@@ -1,2 +1,2 @@
-var e={icon:"icon_9d6fc80518",noFocusStyle:"noFocusStyle_22a14e758e",clickable:"clickable_862689a57d"};!function(e){var n="s_id-039c30c54242_3_0_4";if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;var o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_9d6fc80518 {\n  position: relative;\n}\n\n.icon_9d6fc80518:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_22a14e758e:focus {\n  outline: none;\n}\n\n.clickable_862689a57d {\n  cursor: pointer;\n}");export{e as default};
+var e={icon:"icon_70e1327c30",noFocusStyle:"noFocusStyle_c7a8adde0a",clickable:"clickable_89db747779"};!function(e){var n="s_id-039c30c54242_3_0_5";if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;var o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_70e1327c30 {\n  position: relative;\n}\n\n.icon_70e1327c30:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_c7a8adde0a:focus {\n  outline: none;\n}\n\n.clickable_89db747779 {\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=Icon.module.scss.js.map

package/dist/components/loader/dist/Loader/Loader.module.scss.js

@@ -1,2 +1,2 @@
-var e={loaderContainer:"loaderContainer_4c9d8c5447",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_2e79892feb",circleLoaderSpinner:"circleLoaderSpinner_ba397cb701",rotate:"rotate_c136c3c6d9",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_6f54f30e9e",dash:"dash_35250bfd73"};!function(e){var n="s_id-dcd4d8f866fa_3_0_4";if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;var a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".loaderContainer_4c9d8c5447 {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_4c9d8c5447 .circleLoaderSpinnerBackground_2e79892feb {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--ui-background-color);\n}\n.loaderContainer_4c9d8c5447 .circleLoaderSpinner_ba397cb701 {\n  animation: rotate_c136c3c6d9 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer_4c9d8c5447 .circleLoaderSpinner_ba397cb701 .circleLoaderSpinnerPath_6f54f30e9e {\n  animation: dash_35250bfd73 1s infinite;\n}\n@keyframes rotate_c136c3c6d9 {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_35250bfd73 {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{e as default};
+var e={loaderContainer:"loaderContainer_25879ea4ce",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_fdd0436984",circleLoaderSpinner:"circleLoaderSpinner_693142caac",rotate:"rotate_80140948de",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_1b43a079b3",dash:"dash_122899ef33"};!function(e){var n="s_id-dcd4d8f866fa_3_0_5";if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;var r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".loaderContainer_25879ea4ce {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_25879ea4ce .circleLoaderSpinnerBackground_fdd0436984 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--ui-background-color);\n}\n.loaderContainer_25879ea4ce .circleLoaderSpinner_693142caac {\n  animation: rotate_80140948de 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer_25879ea4ce .circleLoaderSpinner_693142caac .circleLoaderSpinnerPath_1b43a079b3 {\n  animation: dash_122899ef33 1s infinite;\n}\n@keyframes rotate_80140948de {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_122899ef33 {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{e as default};
 //# sourceMappingURL=Loader.module.scss.js.map

package/dist/components/next/Dropdown/Dropdown.types.d.ts

@@ -62,26 +62,7 @@ interface SingleSelectSpecifics<Item extends BaseListItemData<Record<string, unk
      */
     onChange?: (option: Item) => void;
 }
-type BoxModeConstraint = {
-    /**
-     * If true, the dropdown is searchable.
-     */
-    searchable?: false;
-    /**
-     * If true, the dropdown menu is displayed inline without a popup/dialog.
-     */
-    boxMode?: false;
-} | {
-    /**
-     * If true, the dropdown is searchable.
-     */
-    searchable: true;
-    /**
-     * If true, the dropdown menu is displayed inline without a popup/dialog.
-     */
-    boxMode?: boolean;
-};
-export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = VibeComponentProps & BoxModeConstraint & {
+export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = VibeComponentProps & {
     /**
      * The list of options available in the list.
      */
@@ -106,6 +87,10 @@ export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unkno
      * The direction of the dropdown.
      */
     dir?: DropdownDirection;
+    /**
+     * If true, the dropdown is searchable.
+     */
+    searchable?: boolean;
     /**
      * The function to call to render an option.
      */
@@ -247,10 +232,10 @@ export type BaseDropdownProps<Item extends BaseListItemData<Record<string, unkno
 } & (MultiSelectSpecifics<Item> | SingleSelectSpecifics<Item>);
 export type DropdownSizes = "small" | "medium" | "large";
 export type DropdownDirection = "ltr" | "rtl" | "auto";
-export type DropdownMultiControllerProps<Item extends BaseListItemData<Record<string, unknown>>> = Omit<BaseDropdownProps<Item>, keyof MultiSelectSpecifics<Item> | keyof BoxModeConstraint> & BoxModeConstraint & MultiSelectSpecifics<Item> & {
+export type DropdownMultiControllerProps<Item extends BaseListItemData<Record<string, unknown>>> = Omit<BaseDropdownProps<Item>, keyof MultiSelectSpecifics<Item>> & MultiSelectSpecifics<Item> & {
     dropdownRef: React.Ref<HTMLDivElement>;
 };
-export type DropdownSingleControllerProps<Item extends BaseListItemData<Record<string, unknown>>> = Omit<BaseDropdownProps<Item>, keyof SingleSelectSpecifics<Item> | keyof BoxModeConstraint> & BoxModeConstraint & SingleSelectSpecifics<Item> & {
+export type DropdownSingleControllerProps<Item extends BaseListItemData<Record<string, unknown>>> = Omit<BaseDropdownProps<Item>, keyof SingleSelectSpecifics<Item>> & SingleSelectSpecifics<Item> & {
     dropdownRef: React.Ref<HTMLDivElement>;
 };
 export {};

package/dist/components/next/Dropdown/context/DropdownContext.types.d.ts

@@ -7,7 +7,7 @@ type ItemPropGetter<Item> = (options: {
     item: Item;
     index: number;
 }) => Record<string, any>;
-type InheritedDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = Partial<Pick<BaseDropdownProps<Item>, "label" | "required" | "className" | "id" | "ariaLabel" | "data-testid" | "error" | "helperText" | "dir" | "searchable" | "multi" | "multiline" | "disabled" | "readOnly" | "size" | "optionRenderer" | "valueRenderer" | "menuRenderer" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "clearAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "loading" | "boxMode" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
+type InheritedDropdownProps<Item extends BaseListItemData<Record<string, unknown>>> = Partial<Pick<BaseDropdownProps<Item>, "label" | "required" | "className" | "id" | "ariaLabel" | "data-testid" | "error" | "helperText" | "dir" | "searchable" | "multi" | "multiline" | "disabled" | "readOnly" | "size" | "optionRenderer" | "valueRenderer" | "menuRenderer" | "noOptionsMessage" | "placeholder" | "withGroupDivider" | "stickyGroupTitle" | "maxMenuHeight" | "clearable" | "autoFocus" | "inputAriaLabel" | "menuAriaLabel" | "clearAriaLabel" | "closeMenuOnSelect" | "menuWrapperClassName" | "loading" | "onFocus" | "onBlur" | "onKeyDown" | "onScroll" | "onClear">>;
 export interface DropdownContextProps<Item extends BaseListItemData<Record<string, unknown>> = any> extends InheritedDropdownProps<Item> {
     label?: string;
     isOpen: boolean;

package/dist/components/next/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./AttentionBox";
 export * from "./Dropdown";
+export * from "../../components/Modal";

package/dist/components/next.d.ts

@@ -1,2 +1 @@
-export * from "./Modal";
 export * from "./next/index";