@alfalab/core-components-select 18.0.0 → 18.1.0-snapshot-92b8690

package/components/arrow/index.css

@@ -6,18 +6,18 @@
 } :root {
     --select-arrow-color: var(--color-light-neutral-translucent-700);
     --select-arrow-disabled-color: var(--color-light-neutral-translucent-500);
-} .select__arrow_pkrdg {
+} .select__arrow_1si8s {
     display: block;
     width: 24px;
     height: 24px;
     color: var(--select-arrow-color);
 
     transition: transform 0.15s ease-in-out, opacity 0.2s ease
-} .select__arrow_pkrdg.select__disabled_pkrdg {
+} .select__arrow_1si8s.select__disabled_1si8s {
         color: var(--select-arrow-disabled-color);
-    } .select__arrow_pkrdg.select__size-40_pkrdg {
+    } .select__arrow_1si8s.select__size-40_1si8s {
         width: unset;
         height: unset;
-    } .select__open_pkrdg {
+    } .select__open_1si8s {
     transform: var(--arrow-transform);
 }

package/components/arrow/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"arrow":"select__arrow_pkrdg","disabled":"select__disabled_pkrdg","size-40":"select__size-40_pkrdg","open":"select__open_pkrdg"};
+var styles = {"arrow":"select__arrow_1si8s","disabled":"select__disabled_1si8s","size-40":"select__size-40_1si8s","open":"select__open_1si8s"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/arrow/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/arrow/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.arrow {\n    display: block;\n    width: 24px;\n    height: 24px;\n    color: var(--select-arrow-color);\n\n    transition: transform 0.15s ease-in-out, opacity 0.2s ease;\n\n    &.disabled {\n        color: var(--select-arrow-disabled-color);\n    }\n\n    &.size-40 {\n        width: unset;\n        height: unset;\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,qBAAqB,CAAC,UAAU,CAAC,wBAAwB,CAAC,SAAS,CAAC,uBAAuB,CAAC,MAAM,CAAC,oBAAoB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/arrow/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../vars.css';\n\n.arrow {\n    display: block;\n    width: 24px;\n    height: 24px;\n    color: var(--select-arrow-color);\n\n    transition: transform 0.15s ease-in-out, opacity 0.2s ease;\n\n    &.disabled {\n        color: var(--select-arrow-disabled-color);\n    }\n\n    &.size-40 {\n        width: unset;\n        height: unset;\n    }\n}\n\n.open {\n    transform: var(--arrow-transform);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,qBAAqB,CAAC,UAAU,CAAC,wBAAwB,CAAC,SAAS,CAAC,uBAAuB,CAAC,MAAM,CAAC,oBAAoB,CAAC;;;;"}

package/components/base-checkmark/index.css

@@ -1,15 +1,15 @@
-.select__checkmark_x590s {
+.select__checkmark_vfz6w {
     flex-shrink: 0;
     box-sizing: border-box
-} .select__checkmark_x590s.select__start_x590s {
+} .select__checkmark_vfz6w.select__start_vfz6w {
         align-self: start;
-    } .select__checkmark_x590s.select__center_x590s {
+    } .select__checkmark_vfz6w.select__center_vfz6w {
         align-self: center;
-    } .select__single_x590s {
+    } .select__single_vfz6w {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0
-} .select__single_x590s.select__selected_x590s {
+} .select__single_vfz6w.select__selected_vfz6w {
         opacity: 1;
     }

package/components/base-checkmark/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"checkmark":"select__checkmark_x590s","start":"select__start_x590s","center":"select__center_x590s","single":"select__single_x590s","selected":"select__selected_x590s"};
+var styles = {"checkmark":"select__checkmark_vfz6w","start":"select__start_vfz6w","center":"select__center_vfz6w","single":"select__single_vfz6w","selected":"select__selected_vfz6w"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/base-checkmark/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-checkmark/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.checkmark {\n    flex-shrink: 0;\n    box-sizing: border-box;\n\n    &.start {\n        align-self: start;\n    }\n\n    &.center {\n        align-self: center;\n    }\n}\n\n.single {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n\n    &.selected {\n        opacity: 1;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-checkmark/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../vars.css';\n\n.checkmark {\n    flex-shrink: 0;\n    box-sizing: border-box;\n\n    &.start {\n        align-self: start;\n    }\n\n    &.center {\n        align-self: center;\n    }\n}\n\n.single {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n\n    &.selected {\n        opacity: 1;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC;;;;"}

package/components/base-option/index.css

@@ -26,7 +26,7 @@
     --select-option-hover-color: var(--color-light-text-primary);
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
-} .select__option_14rt9 {
+} .select__option_7svnp {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -40,41 +40,41 @@
     position: relative;
     cursor: pointer;
     min-height: var(--size-s-height)
-} .select__option_14rt9:not(.select__disabled_14rt9):active {
+} .select__option_7svnp:not(.select__disabled_7svnp):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_14rt9.select__checkmarkBefore_14rt9 {
+    } .select__option_7svnp.select__checkmarkBefore_7svnp {
         padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12)
-    } .select__option_14rt9.select__checkmarkBefore_14rt9.select__mobile_14rt9 {
+    } .select__option_7svnp.select__checkmarkBefore_7svnp.select__mobile_7svnp {
             padding-left: var(--gap-16);
-        } .select__option_14rt9.select__checkmarkAfter_14rt9.select__checkmarkAfter_14rt9 {
+        } .select__option_7svnp.select__checkmarkAfter_7svnp.select__checkmarkAfter_7svnp {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0)
-    } .select__option_14rt9.select__checkmarkAfter_14rt9.select__checkmarkAfter_14rt9.select__size-72_14rt9 {
+    } .select__option_7svnp.select__checkmarkAfter_7svnp.select__checkmarkAfter_7svnp.select__size-72_7svnp {
             padding-right: var(--gap-16);
-        } .select__option_14rt9.select__checkmarkAfter_14rt9.select__checkmarkAfter_14rt9.select__mobile_14rt9 {
+        } .select__option_7svnp.select__checkmarkAfter_7svnp.select__checkmarkAfter_7svnp.select__mobile_7svnp {
             padding-right: var(--gap-20);
-        } .select__option_14rt9.select__textContent_14rt9 {
+        } .select__option_7svnp.select__textContent_7svnp {
         padding: var(--gap-12)
-    } .select__option_14rt9.select__textContent_14rt9.select__size-72_14rt9 {
+    } .select__option_7svnp.select__textContent_7svnp.select__size-72_7svnp {
             padding-left: var(--gap-16);
             padding-right: var(--gap-16);
-        } .select__option_14rt9.select__textContent_14rt9.select__mobile_14rt9 {
+        } .select__option_7svnp.select__textContent_7svnp.select__mobile_7svnp {
             padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
-        } .select__selected_14rt9 {
+        } .select__selected_7svnp {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_14rt9 {
+} .select__highlighted_7svnp {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__disabled_14rt9 {
+} .select__disabled_7svnp {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__checkmarkBeforeContent_14rt9 {
+} .select__checkmarkBeforeContent_7svnp {
     margin-right: var(--gap-12);
-} .select__checkmarkAfterContent_14rt9 {
+} .select__checkmarkAfterContent_7svnp {
     margin-left: var(--gap-12);
-} .select__content_14rt9 {
+} .select__content_7svnp {
     flex: 1;
 }

package/components/base-option/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"option":"select__option_14rt9","disabled":"select__disabled_14rt9","checkmarkBefore":"select__checkmarkBefore_14rt9","mobile":"select__mobile_14rt9","checkmarkAfter":"select__checkmarkAfter_14rt9","size-72":"select__size-72_14rt9","textContent":"select__textContent_14rt9","selected":"select__selected_14rt9","highlighted":"select__highlighted_14rt9","checkmarkBeforeContent":"select__checkmarkBeforeContent_14rt9","checkmarkAfterContent":"select__checkmarkAfterContent_14rt9","content":"select__content_14rt9"};
+var styles = {"option":"select__option_7svnp","disabled":"select__disabled_7svnp","checkmarkBefore":"select__checkmarkBefore_7svnp","mobile":"select__mobile_7svnp","checkmarkAfter":"select__checkmarkAfter_7svnp","size-72":"select__size-72_7svnp","textContent":"select__textContent_7svnp","selected":"select__selected_7svnp","highlighted":"select__highlighted_7svnp","checkmarkBeforeContent":"select__checkmarkBeforeContent_7svnp","checkmarkAfterContent":"select__checkmarkAfterContent_7svnp","content":"select__content_7svnp"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/base-option/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.option {\n    @mixin paragraph_component;\n\n    display: flex;\n    align-items: center;\n    transition: background-color 0.2s ease;\n    background: var(--select-option-background);\n    color: var(--select-option-color);\n    box-sizing: border-box;\n    position: relative;\n    cursor: pointer;\n    min-height: var(--size-s-height);\n\n    &:not(.disabled):active {\n        background: var(--select-option-active-background);\n        color: var(--select-option-active-color);\n    }\n\n    &.checkmarkBefore {\n        padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);\n\n        &.mobile {\n            padding-left: var(--gap-16);\n        }\n    }\n\n    &.checkmarkAfter.checkmarkAfter {\n        padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);\n\n        &.size-72 {\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding-right: var(--gap-20);\n        }\n    }\n\n    &.textContent {\n        padding: var(--gap-12);\n\n        &.size-72 {\n            padding-left: var(--gap-16);\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);\n        }\n    }\n}\n\n.selected {\n    background: var(--select-option-selected-background);\n    color: var(--select-option-selected-color);\n    cursor: default;\n}\n\n.highlighted {\n    background: var(--select-option-hover-background);\n    color: var(--select-option-hover-color);\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n    background: var(--select-option-disabled-background);\n    color: var(--select-option-disabled-color);\n}\n\n.checkmarkBeforeContent {\n    margin-right: var(--gap-12);\n}\n\n.checkmarkAfterContent {\n    margin-left: var(--gap-12);\n}\n\n.content {\n    flex: 1;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,QAAQ,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,SAAS,CAAC,uBAAuB,CAAC,aAAa,CAAC,2BAA2B,CAAC,UAAU,CAAC,wBAAwB,CAAC,aAAa,CAAC,2BAA2B,CAAC,wBAAwB,CAAC,sCAAsC,CAAC,uBAAuB,CAAC,qCAAqC,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-option/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../vars.css';\n\n.option {\n    @mixin paragraph_component;\n\n    display: flex;\n    align-items: center;\n    transition: background-color 0.2s ease;\n    background: var(--select-option-background);\n    color: var(--select-option-color);\n    box-sizing: border-box;\n    position: relative;\n    cursor: pointer;\n    min-height: var(--size-s-height);\n\n    &:not(.disabled):active {\n        background: var(--select-option-active-background);\n        color: var(--select-option-active-color);\n    }\n\n    &.checkmarkBefore {\n        padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12);\n\n        &.mobile {\n            padding-left: var(--gap-16);\n        }\n    }\n\n    &.checkmarkAfter.checkmarkAfter {\n        padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0);\n\n        &.size-72 {\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding-right: var(--gap-20);\n        }\n    }\n\n    &.textContent {\n        padding: var(--gap-12);\n\n        &.size-72 {\n            padding-left: var(--gap-16);\n            padding-right: var(--gap-16);\n        }\n\n        &.mobile {\n            padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);\n        }\n    }\n}\n\n.selected {\n    background: var(--select-option-selected-background);\n    color: var(--select-option-selected-color);\n    cursor: default;\n}\n\n.highlighted {\n    background: var(--select-option-hover-background);\n    color: var(--select-option-hover-color);\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n    background: var(--select-option-disabled-background);\n    color: var(--select-option-disabled-color);\n}\n\n.checkmarkBeforeContent {\n    margin-right: var(--gap-12);\n}\n\n.checkmarkAfterContent {\n    margin-left: var(--gap-12);\n}\n\n.content {\n    flex: 1;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,QAAQ,CAAC,sBAAsB,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,SAAS,CAAC,uBAAuB,CAAC,aAAa,CAAC,2BAA2B,CAAC,UAAU,CAAC,wBAAwB,CAAC,aAAa,CAAC,2BAA2B,CAAC,wBAAwB,CAAC,sCAAsC,CAAC,uBAAuB,CAAC,qCAAqC,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}

package/components/base-select/index.css

@@ -23,22 +23,22 @@
     --select-options-list-top-padding: var(--gap-0);
     --select-options-list-bottom-padding: var(--gap-0);
     --select-option-background: var(--color-light-modal-bg-primary);
-} .select__component_z9s51 {
+} .select__component_n44mc {
     width: -moz-max-content;
     width: max-content;
     position: relative;
     outline: 0;
     max-width: 100%;
-} .select__popoverInner_z9s51 {
+} .select__popoverInner_n44mc {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     background: transparent;
     border-radius: 0;
     position: relative;
-} .select__popoverInner_z9s51.select__popoverInner_z9s51 {
+} .select__popoverInner_n44mc.select__popoverInner_n44mc {
     box-shadow: none;
     border: none;
-} .select__optionsListWrapper_z9s51 {
+} .select__optionsListWrapper_n44mc {
     position: relative;
     padding-top: var(--select-options-list-top-padding);
     padding-bottom: var(--select-options-list-bottom-padding);
@@ -47,7 +47,7 @@
     background: var(--select-option-background);
     overflow: hidden;
     will-change: transform;
-} .select__optionsListBorder_z9s51 {
+} .select__optionsListBorder_n44mc {
     position: absolute;
     top: var(--gap-0);
     right: var(--gap-0);
@@ -56,7 +56,7 @@
     box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);
     border-radius: inherit;
     pointer-events: none;
-} .select__nativeSelect_z9s51 {
+} .select__nativeSelect_n44mc {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -69,15 +69,15 @@
     height: 100%;
     cursor: pointer;
     z-index: 1;
-} .select__block_z9s51 {
+} .select__block_n44mc {
     width: 100%;
-} .select__emptySearchPlaceholder_z9s51 {
+} .select__emptySearchPlaceholder_n44mc {
     text-align: center;
-} .select__search_z9s51 {
+} .select__search_n44mc {
     margin: var(--gap-12) var(--gap-12) var(--gap-0)
-} .select__search_z9s51.select__size-72_z9s51 {
+} .select__search_n44mc.select__size-72_n44mc {
         margin-left: var(--gap-16);
         margin-right: var(--gap-16);
-    } .select__search_z9s51:last-child {
+    } .select__search_n44mc:last-child {
         margin-bottom: var(--gap-12);
     }

package/components/base-select/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"select__component_z9s51","popoverInner":"select__popoverInner_z9s51","optionsListWrapper":"select__optionsListWrapper_z9s51","optionsListBorder":"select__optionsListBorder_z9s51","nativeSelect":"select__nativeSelect_z9s51","block":"select__block_z9s51","emptySearchPlaceholder":"select__emptySearchPlaceholder_z9s51","search":"select__search_z9s51","size-72":"select__size-72_z9s51"};
+var styles = {"component":"select__component_n44mc","popoverInner":"select__popoverInner_n44mc","optionsListWrapper":"select__optionsListWrapper_n44mc","optionsListBorder":"select__optionsListBorder_n44mc","nativeSelect":"select__nativeSelect_n44mc","block":"select__block_n44mc","emptySearchPlaceholder":"select__emptySearchPlaceholder_n44mc","search":"select__search_n44mc","size-72":"select__size-72_n44mc"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/base-select/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-select/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.component {\n    width: max-content;\n    position: relative;\n    outline: 0;\n    max-width: 100%;\n}\n\n.popoverInner {\n    padding-top: var(--select-options-list-offset);\n    padding-bottom: var(--select-options-list-offset);\n    background: transparent;\n    border-radius: 0;\n    position: relative;\n}\n\n.popoverInner.popoverInner {\n    box-shadow: none;\n    border: none;\n}\n\n.optionsListWrapper {\n    position: relative;\n    padding-top: var(--select-options-list-top-padding);\n    padding-bottom: var(--select-options-list-bottom-padding);\n    box-shadow: var(--select-options-list-box-shadow);\n    border-radius: var(--select-options-list-border-radius);\n    background: var(--select-option-background);\n    overflow: hidden;\n    will-change: transform;\n}\n\n.optionsListBorder {\n    position: absolute;\n    top: var(--gap-0);\n    right: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);\n    border-radius: inherit;\n    pointer-events: none;\n}\n\n.nativeSelect {\n    opacity: 0;\n    overflow: hidden;\n    position: absolute;\n    top: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    height: 100%;\n    cursor: pointer;\n    z-index: 1;\n}\n\n.block {\n    width: 100%;\n}\n\n.emptySearchPlaceholder {\n    text-align: center;\n}\n\n.search {\n    margin: var(--gap-12) var(--gap-12) var(--gap-0);\n\n    &.size-72 {\n        margin-left: var(--gap-16);\n        margin-right: var(--gap-16);\n    }\n\n    &:last-child {\n        margin-bottom: var(--gap-12);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,cAAc,CAAC,4BAA4B,CAAC,oBAAoB,CAAC,kCAAkC,CAAC,mBAAmB,CAAC,iCAAiC,CAAC,cAAc,CAAC,4BAA4B,CAAC,OAAO,CAAC,qBAAqB,CAAC,wBAAwB,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sBAAsB,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-select/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../vars.css';\n\n.component {\n    width: max-content;\n    position: relative;\n    outline: 0;\n    max-width: 100%;\n}\n\n.popoverInner {\n    padding-top: var(--select-options-list-offset);\n    padding-bottom: var(--select-options-list-offset);\n    background: transparent;\n    border-radius: 0;\n    position: relative;\n}\n\n.popoverInner.popoverInner {\n    box-shadow: none;\n    border: none;\n}\n\n.optionsListWrapper {\n    position: relative;\n    padding-top: var(--select-options-list-top-padding);\n    padding-bottom: var(--select-options-list-bottom-padding);\n    box-shadow: var(--select-options-list-box-shadow);\n    border-radius: var(--select-options-list-border-radius);\n    background: var(--select-option-background);\n    overflow: hidden;\n    will-change: transform;\n}\n\n.optionsListBorder {\n    position: absolute;\n    top: var(--gap-0);\n    right: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);\n    border-radius: inherit;\n    pointer-events: none;\n}\n\n.nativeSelect {\n    opacity: 0;\n    overflow: hidden;\n    position: absolute;\n    top: var(--gap-0);\n    bottom: var(--gap-0);\n    left: var(--gap-0);\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    height: 100%;\n    cursor: pointer;\n    z-index: 1;\n}\n\n.block {\n    width: 100%;\n}\n\n.emptySearchPlaceholder {\n    text-align: center;\n}\n\n.search {\n    margin: var(--gap-12) var(--gap-12) var(--gap-0);\n\n    &.size-72 {\n        margin-left: var(--gap-16);\n        margin-right: var(--gap-16);\n    }\n\n    &:last-child {\n        margin-bottom: var(--gap-12);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,cAAc,CAAC,4BAA4B,CAAC,oBAAoB,CAAC,kCAAkC,CAAC,mBAAmB,CAAC,iCAAiC,CAAC,cAAc,CAAC,4BAA4B,CAAC,OAAO,CAAC,qBAAqB,CAAC,wBAAwB,CAAC,sCAAsC,CAAC,QAAQ,CAAC,sBAAsB,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}

package/components/base-select/mobile.css

@@ -8,30 +8,30 @@
     --gap-8: var(--gap-xs);
     --gap-16: var(--gap-m);
     --gap-20: var(--gap-l);
-} .select__sheet_1tc2o {
+} .select__sheet_leyqd {
     overflow: hidden;
-} .select__sheetContent_1tc2o.select__sheetContent_1tc2o {
+} .select__sheetContent_leyqd.select__sheetContent_leyqd {
     padding: var(--gap-0)
-} .select__sheetContent_1tc2o.select__sheetContent_1tc2o .select__modalContent_1tc2o {
+} .select__sheetContent_leyqd.select__sheetContent_leyqd .select__modalContent_leyqd {
         padding: var(--gap-0);
         display: flex;
         flex-direction: column;
-    } .select__sheetContainer_1tc2o {
+    } .select__sheetContainer_leyqd {
     padding: var(--gap-0);
-} .select__optionsListWrapper_1tc2o {
+} .select__optionsListWrapper_leyqd {
     flex: 1;
-} .select__optionsList_1tc2o.select__optionsList_1tc2o {
+} .select__optionsList_leyqd.select__optionsList_leyqd {
     height: 100%;
     display: flex;
     flex-direction: column;
-} .select__scrollbar_1tc2o {
+} .select__scrollbar_leyqd {
     flex: 1;
-} .select__search_1tc2o {
+} .select__search_leyqd {
     padding: var(--gap-8);
-} .select__option_1tc2o.select__option_1tc2o {
+} .select__option_leyqd.select__option_leyqd {
     padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16)
-} .select__option_1tc2o.select__option_1tc2o:before {
+} .select__option_leyqd.select__option_leyqd:before {
         display: none;
-    } .select__optionGroup_1tc2o.select__optionGroup_1tc2o {
+    } .select__optionGroup_leyqd.select__optionGroup_leyqd {
     padding: var(--gap-16) var(--gap-16) var(--gap-8);
 }

package/components/base-select/mobile.module.css.js

@@ -2,7 +2,7 @@
 
 require('./mobile.css');
 
-var mobileStyles = {"sheet":"select__sheet_1tc2o","sheetContent":"select__sheetContent_1tc2o","modalContent":"select__modalContent_1tc2o","sheetContainer":"select__sheetContainer_1tc2o","optionsListWrapper":"select__optionsListWrapper_1tc2o","optionsList":"select__optionsList_1tc2o","scrollbar":"select__scrollbar_1tc2o","search":"select__search_1tc2o","option":"select__option_1tc2o","optionGroup":"select__optionGroup_1tc2o"};
+var mobileStyles = {"sheet":"select__sheet_leyqd","sheetContent":"select__sheetContent_leyqd","modalContent":"select__modalContent_leyqd","sheetContainer":"select__sheetContainer_leyqd","optionsListWrapper":"select__optionsListWrapper_leyqd","optionsList":"select__optionsList_leyqd","scrollbar":"select__scrollbar_leyqd","search":"select__search_leyqd","option":"select__option_leyqd","optionGroup":"select__optionGroup_leyqd"};
 
 module.exports = mobileStyles;
 //# sourceMappingURL=mobile.module.css.js.map

package/components/base-select/mobile.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile.module.css.js","sources":["../../src/components/base-select/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.sheet {\n    overflow: hidden;\n}\n\n.sheetContent.sheetContent {\n    padding: var(--gap-0);\n\n    & .modalContent {\n        padding: var(--gap-0);\n        display: flex;\n        flex-direction: column;\n    }\n}\n\n.sheetContainer {\n    padding: var(--gap-0);\n}\n\n.optionsListWrapper {\n    flex: 1;\n}\n\n.optionsList.optionsList {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.scrollbar {\n    flex: 1;\n}\n\n.search {\n    padding: var(--gap-8);\n}\n\n.option.option {\n    padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16);\n\n    &:before {\n        display: none;\n    }\n}\n\n.optionGroup.optionGroup {\n    padding: var(--gap-16) var(--gap-16) var(--gap-8);\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,OAAO,CAAC,qBAAqB,CAAC,cAAc,CAAC,4BAA4B,CAAC,cAAc,CAAC,4BAA4B,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,oBAAoB,CAAC,kCAAkC,CAAC,aAAa,CAAC,2BAA2B,CAAC,WAAW,CAAC,yBAAyB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,aAAa,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"mobile.module.css.js","sources":["../../src/components/base-select/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../vars.css';\n\n.sheet {\n    overflow: hidden;\n}\n\n.sheetContent.sheetContent {\n    padding: var(--gap-0);\n\n    & .modalContent {\n        padding: var(--gap-0);\n        display: flex;\n        flex-direction: column;\n    }\n}\n\n.sheetContainer {\n    padding: var(--gap-0);\n}\n\n.optionsListWrapper {\n    flex: 1;\n}\n\n.optionsList.optionsList {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.scrollbar {\n    flex: 1;\n}\n\n.search {\n    padding: var(--gap-8);\n}\n\n.option.option {\n    padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16);\n\n    &:before {\n        display: none;\n    }\n}\n\n.optionGroup.optionGroup {\n    padding: var(--gap-16) var(--gap-16) var(--gap-8);\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,OAAO,CAAC,qBAAqB,CAAC,cAAc,CAAC,4BAA4B,CAAC,cAAc,CAAC,4BAA4B,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,oBAAoB,CAAC,kCAAkC,CAAC,aAAa,CAAC,2BAA2B,CAAC,WAAW,CAAC,yBAAyB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,aAAa,CAAC,2BAA2B,CAAC;;;;"}

package/components/checkmark/index.css

@@ -21,12 +21,12 @@
     --select-checkmark-unselected-opacity: 0;
     --select-checkmark-background: var(--color-light-neutral-translucent-1300);
     --select-checkmark-border-radius: var(--border-radius-circle);
-} .select__checkmark_19q8w {
+} .select__checkmark_2k5k9 {
     flex-shrink: 0;
     margin: var(--select-checkmark-margin)
-} .select__checkmark_19q8w.select__after_19q8w {
+} .select__checkmark_2k5k9.select__after_2k5k9 {
         margin: var(--select-checkmark-margin-after);
-    } .select__single_19q8w {
+    } .select__single_2k5k9 {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -36,17 +36,17 @@
     border-radius: var(--select-checkmark-border-radius);
     width: var(--select-checkmark-size);
     height: var(--select-checkmark-size)
-} .select__single_19q8w.select__selected_19q8w {
+} .select__single_2k5k9.select__selected_2k5k9 {
         opacity: 1;
-    } .select__before_19q8w {
+    } .select__before_2k5k9 {
     display: var(--select-checkmark-before-display)
-} .select__before_19q8w.select__multiple_19q8w {
+} .select__before_2k5k9.select__multiple_2k5k9 {
         margin-right: var(--gap-12);
         display: var(--select-checkmark-before-display-multiple);
-    } .select__after_19q8w.select__after_19q8w {
+    } .select__after_2k5k9.select__after_2k5k9 {
     display: var(--select-checkmark-after-display)
-} .select__after_19q8w.select__after_19q8w.select__single_19q8w {
+} .select__after_2k5k9.select__after_2k5k9.select__single_2k5k9 {
         display: var(--select-checkmark-after-display-single);
-    } .select__colorIcon_19q8w {
+    } .select__colorIcon_2k5k9 {
     color: var(--color-light-status-positive);
 }

package/components/checkmark/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"checkmark":"select__checkmark_19q8w","after":"select__after_19q8w","single":"select__single_19q8w","selected":"select__selected_19q8w","before":"select__before_19q8w","multiple":"select__multiple_19q8w","colorIcon":"select__colorIcon_19q8w"};
+var styles = {"checkmark":"select__checkmark_2k5k9","after":"select__after_2k5k9","single":"select__single_2k5k9","selected":"select__selected_2k5k9","before":"select__before_2k5k9","multiple":"select__multiple_2k5k9","colorIcon":"select__colorIcon_2k5k9"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/checkmark/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/checkmark/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.checkmark {\n    flex-shrink: 0;\n    margin: var(--select-checkmark-margin);\n\n    &.after {\n        margin: var(--select-checkmark-margin-after);\n    }\n}\n\n.single {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: var(--select-checkmark-unselected-opacity);\n    background: var(--select-checkmark-background);\n    background-size: cover;\n    border-radius: var(--select-checkmark-border-radius);\n    width: var(--select-checkmark-size);\n    height: var(--select-checkmark-size);\n\n    &.selected {\n        opacity: 1;\n    }\n}\n\n.before {\n    display: var(--select-checkmark-before-display);\n\n    &.multiple {\n        margin-right: var(--gap-12);\n        display: var(--select-checkmark-before-display-multiple);\n    }\n}\n\n.after.after {\n    display: var(--select-checkmark-after-display);\n\n    &.single {\n        display: var(--select-checkmark-after-display-single);\n    }\n}\n\n.colorIcon {\n    color: var(--color-light-status-positive);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,WAAW,CAAC,yBAAyB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/checkmark/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../vars.css';\n\n.checkmark {\n    flex-shrink: 0;\n    margin: var(--select-checkmark-margin);\n\n    &.after {\n        margin: var(--select-checkmark-margin-after);\n    }\n}\n\n.single {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: var(--select-checkmark-unselected-opacity);\n    background: var(--select-checkmark-background);\n    background-size: cover;\n    border-radius: var(--select-checkmark-border-radius);\n    width: var(--select-checkmark-size);\n    height: var(--select-checkmark-size);\n\n    &.selected {\n        opacity: 1;\n    }\n}\n\n.before {\n    display: var(--select-checkmark-before-display);\n\n    &.multiple {\n        margin-right: var(--gap-12);\n        display: var(--select-checkmark-before-display-multiple);\n    }\n}\n\n.after.after {\n    display: var(--select-checkmark-after-display);\n\n    &.single {\n        display: var(--select-checkmark-after-display-single);\n    }\n}\n\n.colorIcon {\n    color: var(--color-light-status-positive);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC,WAAW,CAAC,yBAAyB,CAAC;;;;"}

package/components/checkmark-mobile/index.css

@@ -1,7 +1,7 @@
 :root {
     --select-mobile-checkmark-display-icon: block;
     --select-mobile-checkmark-display-badge: none;
-} .select__checkmark_ifm13 {
+} .select__checkmark_1ob6o {
     flex-shrink: 0;
     display: flex;
     align-items: center;
@@ -9,12 +9,12 @@
     width: 24px;
     height: 24px;
     opacity: 0
-} .select__checkmark_ifm13:first-child {
+} .select__checkmark_1ob6o:first-child {
         display: none;
-    } .select__checkmark_ifm13.select__selected_ifm13 {
+    } .select__checkmark_1ob6o.select__selected_1ob6o {
         opacity: 1;
-    } .select__displayIcon_ifm13 {
+    } .select__displayIcon_1ob6o {
     display: var(--select-mobile-checkmark-display-icon);
-} .select__displayBadge_ifm13 {
+} .select__displayBadge_1ob6o {
     display: var(--select-mobile-checkmark-display-badge);
 }

package/components/checkmark-mobile/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"checkmark":"select__checkmark_ifm13","selected":"select__selected_ifm13","displayIcon":"select__displayIcon_ifm13"};
+var styles = {"checkmark":"select__checkmark_1ob6o","selected":"select__selected_1ob6o","displayIcon":"select__displayIcon_1ob6o"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/checkmark-mobile/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/checkmark-mobile/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.checkmark {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    opacity: 0;\n\n    &:first-child {\n        display: none;\n    }\n\n    &.selected {\n        opacity: 1;\n    }\n}\n\n.displayIcon {\n    display: var(--select-mobile-checkmark-display-icon);\n}\n\n.displayBadge {\n    display: var(--select-mobile-checkmark-display-badge);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,UAAU,CAAC,wBAAwB,CAAC,aAAa,CAAC,2BAAuE,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/checkmark-mobile/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../vars.css';\n\n.checkmark {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    opacity: 0;\n\n    &:first-child {\n        display: none;\n    }\n\n    &.selected {\n        opacity: 1;\n    }\n}\n\n.displayIcon {\n    display: var(--select-mobile-checkmark-display-icon);\n}\n\n.displayBadge {\n    display: var(--select-mobile-checkmark-display-badge);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,UAAU,CAAC,wBAAwB,CAAC,aAAa,CAAC,2BAAuE,CAAC;;;;"}

package/components/clear-button/index.css

@@ -4,13 +4,13 @@
     --color-light-neutral-translucent-500-press: rgba(4, 4, 21, 0.47);
 } :root {
     --input-error-icon-display: none;
-} .select__clearIcon_v398o {
+} .select__clearIcon_1j3ws {
     display: block;
     color: var(--color-light-neutral-translucent-500)
-} .select__clearIcon_v398o:hover {
+} .select__clearIcon_1j3ws:hover {
         color: var(--color-light-neutral-translucent-500-hover);
-    } .select__clearIcon_v398o:active {
+    } .select__clearIcon_1j3ws:active {
         color: var(--color-light-neutral-translucent-500-press);
-    } .select__clearButton_v398o + [data-addon='error-icon'] {
+    } .select__clearButton_1j3ws + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);
 }

package/components/clear-button/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"clearIcon":"select__clearIcon_v398o","clearButton":"select__clearButton_v398o"};
+var styles = {"clearIcon":"select__clearIcon_1j3ws","clearButton":"select__clearButton_1j3ws"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/field/index.css

@@ -10,22 +10,22 @@
     --input-focus-placeholder-color: var(--color-light-text-tertiary);
 } :root {
     --select-arrow-hover-opacity: 0.7;
-} .select__component_16ssz {
+} .select__component_1s8wf {
     width: 100%;
     outline: none;
-} .select__field_16ssz:not(.select__disabled_16ssz) {
+} .select__field_1s8wf:not(.select__disabled_1s8wf) {
     cursor: pointer
-} .select__field_16ssz:not(.select__disabled_16ssz):hover .select__arrow_16ssz {
+} .select__field_1s8wf:not(.select__disabled_1s8wf):hover .select__arrow_1s8wf {
             opacity: var(--select-arrow-hover-opacity);
-        } .select__disabled_16ssz {
+        } .select__disabled_1s8wf {
     cursor: var(--disabled-cursor);
-} .select__placeholder_16ssz {
+} .select__placeholder_1s8wf {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: select__show-placeholder_16ssz 0.2s ease
-} .select__placeholder_16ssz.select__focused_16ssz {
+    animation: select__show-placeholder_1s8wf 0.2s ease
+} .select__placeholder_1s8wf.select__focused_1s8wf {
         color: var(--input-focus-placeholder-color);
-    } .select__contentWrapper_16ssz {
+    } .select__contentWrapper_1s8wf {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -34,22 +34,22 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%
-} .select__contentWrapper_16ssz.select__size-40_16ssz {
+} .select__contentWrapper_1s8wf.select__size-40_1s8wf {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-    } .select__value_16ssz {
+    } .select__value_1s8wf {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left
-} .select__value_16ssz.select__size-40_16ssz {
+} .select__value_1s8wf.select__size-40_1s8wf {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-    } .select__focusVisible_16ssz {
+    } .select__focusVisible_1s8wf {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} @keyframes select__show-placeholder_16ssz {
+} @keyframes select__show-placeholder_1s8wf {
     from {
         opacity: 0;
     }

package/components/field/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"select__component_16ssz","field":"select__field_16ssz","disabled":"select__disabled_16ssz","arrow":"select__arrow_16ssz","placeholder":"select__placeholder_16ssz","show-placeholder":"select__show-placeholder_16ssz","focused":"select__focused_16ssz","contentWrapper":"select__contentWrapper_16ssz","size-40":"select__size-40_16ssz","value":"select__value_16ssz","focusVisible":"select__focusVisible_16ssz"};
+var styles = {"component":"select__component_1s8wf","field":"select__field_1s8wf","disabled":"select__disabled_1s8wf","arrow":"select__arrow_1s8wf","placeholder":"select__placeholder_1s8wf","show-placeholder":"select__show-placeholder_1s8wf","focused":"select__focused_1s8wf","contentWrapper":"select__contentWrapper_1s8wf","size-40":"select__size-40_1s8wf","value":"select__value_1s8wf","focusVisible":"select__focusVisible_1s8wf"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/field/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../../input/src/vars.css';\n@import '../../vars.css';\n\n.component {\n    width: 100%;\n    outline: none;\n}\n\n.field:not(.disabled) {\n    cursor: pointer;\n\n    &:hover {\n        & .arrow {\n            opacity: var(--select-arrow-hover-opacity);\n        }\n    }\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n}\n\n.placeholder {\n    color: var(--input-placeholder-color);\n    transition: color 0.2s ease;\n    animation: show-placeholder 0.2s ease;\n\n    &.focused {\n        color: var(--input-focus-placeholder-color);\n    }\n}\n\n.contentWrapper {\n    @mixin paragraph_component;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 100%;\n\n    &.size-40 {\n        @mixin paragraph_component_secondary;\n    }\n}\n\n.value {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-align: left;\n\n    &.size-40 {\n        @mixin paragraph_component_secondary;\n    }\n}\n\n.focusVisible {\n    @mixin focus-outline;\n}\n\n@keyframes show-placeholder {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,OAAO,CAAC,qBAAqB,CAAC,UAAU,CAAC,wBAAwB,CAAC,OAAO,CAAC,qBAAqB,CAAC,aAAa,CAAC,2BAA2B,CAAC,kBAAkB,CAAC,gCAAgC,CAAC,SAAS,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,SAAS,CAAC,uBAAuB,CAAC,OAAO,CAAC,qBAAqB,CAAC,cAAc,CAAC,4BAA4B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../../../input/src/vars.css';\n@import '../../vars.css';\n\n.component {\n    width: 100%;\n    outline: none;\n}\n\n.field:not(.disabled) {\n    cursor: pointer;\n\n    &:hover {\n        & .arrow {\n            opacity: var(--select-arrow-hover-opacity);\n        }\n    }\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n}\n\n.placeholder {\n    color: var(--input-placeholder-color);\n    transition: color 0.2s ease;\n    animation: show-placeholder 0.2s ease;\n\n    &.focused {\n        color: var(--input-focus-placeholder-color);\n    }\n}\n\n.contentWrapper {\n    @mixin paragraph_component;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 100%;\n\n    &.size-40 {\n        @mixin paragraph_component_secondary;\n    }\n}\n\n.value {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-align: left;\n\n    &.size-40 {\n        @mixin paragraph_component_secondary;\n    }\n}\n\n.focusVisible {\n    @mixin focus-outline;\n}\n\n@keyframes show-placeholder {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,OAAO,CAAC,qBAAqB,CAAC,UAAU,CAAC,wBAAwB,CAAC,OAAO,CAAC,qBAAqB,CAAC,aAAa,CAAC,2BAA2B,CAAC,kBAAkB,CAAC,gCAAgC,CAAC,SAAS,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,SAAS,CAAC,uBAAuB,CAAC,OAAO,CAAC,qBAAqB,CAAC,cAAc,CAAC,4BAA4B,CAAC;;;;"}

package/components/footer/index.css

@@ -4,17 +4,17 @@
 } :root {
     --gap-m: 16px;
     --gap-16: var(--gap-m);
-} .select__footer_1grp0 {
+} .select__footer_1n3fb {
     display: flex;
     box-sizing: border-box;
     width: 100%;
     padding: var(--gap-16) var(--gap-16);
     background-color: var(--color-light-modal-bg-primary)
-} .select__footer_1grp0 .select__button_1grp0:first-of-type {
+} .select__footer_1n3fb .select__button_1n3fb:first-of-type {
         margin-right: var(--gap-16);
-    } .select__button_1grp0 {
+    } .select__button_1n3fb {
     width: 50%;
-} .select__highlighted_1grp0 {
+} .select__highlighted_1n3fb {
     border-top: 1px solid var(--color-light-neutral-300);
     background-color: var(--color-light-modal-bg-primary);
 }

package/components/footer/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"footer":"select__footer_1grp0","button":"select__button_1grp0","highlighted":"select__highlighted_1grp0"};
+var styles = {"footer":"select__footer_1n3fb","button":"select__button_1n3fb","highlighted":"select__highlighted_1n3fb"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/footer/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.footer {\n    display: flex;\n    box-sizing: border-box;\n    width: 100%;\n    padding: var(--gap-16) var(--gap-16);\n    background-color: var(--color-light-modal-bg-primary);\n\n    & .button:first-of-type {\n        margin-right: var(--gap-16);\n    }\n}\n\n.button {\n    width: 50%;\n}\n\n.highlighted {\n    border-top: 1px solid var(--color-light-neutral-300);\n    background-color: var(--color-light-modal-bg-primary);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,aAAa,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../vars.css';\n\n.footer {\n    display: flex;\n    box-sizing: border-box;\n    width: 100%;\n    padding: var(--gap-16) var(--gap-16);\n    background-color: var(--color-light-modal-bg-primary);\n\n    & .button:first-of-type {\n        margin-right: var(--gap-16);\n    }\n}\n\n.button {\n    width: 50%;\n}\n\n.highlighted {\n    border-top: 1px solid var(--color-light-neutral-300);\n    background-color: var(--color-light-modal-bg-primary);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,aAAa,CAAC,2BAA2B,CAAC;;;;"}

package/components/optgroup/index.css

@@ -16,7 +16,7 @@
     --select-optgroup-right-padding: var(--gap-12);
     --select-optgroup-l-left-padding: var(--gap-16);
     --select-optgroup-l-right-padding: var(--gap-16);
-} .select__optgroup_i8atm {
+} .select__optgroup_17t6d {
     position: relative;
     display: flex;
     align-items: center;
@@ -25,9 +25,9 @@
     box-sizing: border-box;
     background: var(--select-optgroup-background);
     min-height: 40px
-} .select__optgroup_i8atm + *[role='option']:before {
+} .select__optgroup_17t6d + *[role='option']:before {
         display: none;
-    } .select__label_i8atm {
+    } .select__label_17t6d {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -36,7 +36,7 @@
 
     display: block;
     color: var(--select-optgroup-color);
-} .select__size-72_i8atm {
+} .select__size-72_17t6d {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }