@alfalab/core-components-select 19.2.0-alfasans → 19.2.0

package/modern/components/option/desktop/index.css

@@ -14,9 +14,8 @@
     --gap-16: var(--gap-m);
 }
 :root {
-    --font-family-alfasans:
-        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
-        Helvetica, sans-serif;
+    --font-family-system:
+        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
 :root {
     --disabled-cursor: not-allowed;
@@ -45,12 +44,11 @@
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
 }
-.select__option_1tsbu {
+.select__option_16sm7 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-    letter-spacing: -0.24px;
-    font-family: var(--font-family-alfasans);
+    font-family: var(--font-family-system);
 
     display: flex;
     align-items: center;
@@ -63,11 +61,11 @@
     position: relative;
     cursor: pointer;
 }
-.select__option_1tsbu:not(.select__disabled_1tsbu):active {
+.select__option_16sm7:not(.select__disabled_16sm7):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_1tsbu:before {
+.select__option_16sm7:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -78,62 +76,62 @@
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
     }
-.select__option_1tsbu:first-child:before {
+.select__option_16sm7:first-child:before {
         display: none;
     }
-.select__size-40_1tsbu {
+.select__size-40_16sm7 {
     min-height: var(--size-xs-height);
 }
-.select__size-48_1tsbu {
+.select__size-48_16sm7 {
     min-height: var(--size-s-height);
 }
-.select__size-56_1tsbu {
+.select__size-56_16sm7 {
     min-height: var(--size-m-height);
 }
-.select__size-64_1tsbu {
+.select__size-64_16sm7 {
     min-height: var(--size-l-height);
 }
-.select__size-72_1tsbu {
+.select__size-72_16sm7 {
     min-height: var(--size-xl-height);
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding);
 }
-.select__size-72_1tsbu:before {
+.select__size-72_16sm7:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_1tsbu {
+.select__selected_16sm7 {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_1tsbu {
+.select__highlighted_16sm7 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_1tsbu:before,
-    .select__highlighted_1tsbu + .select__option_1tsbu:before {
+.select__highlighted_16sm7:before,
+    .select__highlighted_16sm7 + .select__option_16sm7:before {
         opacity: 0;
     }
-.select__disabled_1tsbu {
+.select__disabled_16sm7 {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_1tsbu {
+.select__content_16sm7 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
 }
-.select__textContent_1tsbu {
+.select__textContent_16sm7 {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }
-.select__highlighted_1tsbu {
+.select__highlighted_16sm7 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_1tsbu:before,
-    .select__highlighted_1tsbu + .select__option_1tsbu:before {
+.select__highlighted_16sm7:before,
+    .select__highlighted_16sm7 + .select__option_16sm7:before {
         opacity: 0;
     }

package/modern/components/option/desktop/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"option":"select__option_1tsbu","disabled":"select__disabled_1tsbu","size-40":"select__size-40_1tsbu","size-48":"select__size-48_1tsbu","size-56":"select__size-56_1tsbu","size-64":"select__size-64_1tsbu","size-72":"select__size-72_1tsbu","selected":"select__selected_1tsbu","highlighted":"select__highlighted_1tsbu","content":"select__content_1tsbu","textContent":"select__textContent_1tsbu"};
+const styles = {"option":"select__option_16sm7","disabled":"select__disabled_16sm7","size-40":"select__size-40_16sm7","size-48":"select__size-48_16sm7","size-56":"select__size-56_16sm7","size-64":"select__size-64_16sm7","size-72":"select__size-72_16sm7","selected":"select__selected_16sm7","highlighted":"select__highlighted_16sm7","content":"select__content_16sm7","textContent":"select__textContent_16sm7"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/option/mobile/index.css

@@ -14,9 +14,8 @@
     --gap-16: var(--gap-m);
 }
 :root {
-    --font-family-alfasans:
-        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
-        Helvetica, sans-serif;
+    --font-family-system:
+        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
 :root {
     --disabled-cursor: not-allowed;
@@ -45,12 +44,11 @@
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
 }
-.select__option_yigdd {
+.select__option_1q310 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-    letter-spacing: -0.24px;
-    font-family: var(--font-family-alfasans);
+    font-family: var(--font-family-system);
 
     display: flex;
     align-items: center;
@@ -63,11 +61,11 @@
     position: relative;
     cursor: pointer;
 }
-.select__option_yigdd:not(.select__disabled_yigdd):active {
+.select__option_1q310:not(.select__disabled_1q310):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_yigdd:before {
+.select__option_1q310:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -78,54 +76,54 @@
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
     }
-.select__option_yigdd:first-child:before {
+.select__option_1q310:first-child:before {
         display: none;
     }
-.select__size-40_yigdd {
+.select__size-40_1q310 {
     min-height: var(--size-xs-height);
 }
-.select__size-48_yigdd {
+.select__size-48_1q310 {
     min-height: var(--size-s-height);
 }
-.select__size-56_yigdd {
+.select__size-56_1q310 {
     min-height: var(--size-m-height);
 }
-.select__size-64_yigdd {
+.select__size-64_1q310 {
     min-height: var(--size-l-height);
 }
-.select__size-72_yigdd {
+.select__size-72_1q310 {
     min-height: var(--size-xl-height);
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding);
 }
-.select__size-72_yigdd:before {
+.select__size-72_1q310:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_yigdd {
+.select__selected_1q310 {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_yigdd {
+.select__highlighted_1q310 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_yigdd:before,
-    .select__highlighted_yigdd + .select__option_yigdd:before {
+.select__highlighted_1q310:before,
+    .select__highlighted_1q310 + .select__option_1q310:before {
         opacity: 0;
     }
-.select__disabled_yigdd {
+.select__disabled_1q310 {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_yigdd {
+.select__content_1q310 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
 }
-.select__textContent_yigdd {
+.select__textContent_1q310 {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }

package/modern/components/option/mobile/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"option":"select__option_yigdd","disabled":"select__disabled_yigdd","size-40":"select__size-40_yigdd","size-48":"select__size-48_yigdd","size-56":"select__size-56_yigdd","size-64":"select__size-64_yigdd","size-72":"select__size-72_yigdd","selected":"select__selected_yigdd","highlighted":"select__highlighted_yigdd","content":"select__content_yigdd","textContent":"select__textContent_yigdd"};
+const styles = {"option":"select__option_1q310","disabled":"select__disabled_1q310","size-40":"select__size-40_1q310","size-48":"select__size-48_1q310","size-56":"select__size-56_1q310","size-64":"select__size-64_1q310","size-72":"select__size-72_1q310","selected":"select__selected_1q310","highlighted":"select__highlighted_1q310","content":"select__content_1q310","textContent":"select__textContent_1q310"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/options-list/index.css

@@ -14,38 +14,38 @@
 :root {
     --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
 }
-.select__optionsList_1sux3 {
+.select__optionsList_a23kz {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
 }
-.select__optionsListHeader_1sux3 {
+.select__optionsListHeader_a23kz {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
 }
-.select__optionsListHeader_1sux3.select__headerHighlighted_1sux3 {
+.select__optionsListHeader_a23kz.select__headerHighlighted_a23kz {
         border-bottom-color: var(--color-light-neutral-300);
     }
-.select__optionsListFooter_1sux3 {
+.select__optionsListFooter_a23kz {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
 }
-.select__optionsListFooter_1sux3.select__withBorder_1sux3 {
+.select__optionsListFooter_a23kz.select__withBorder_a23kz {
         border-top-color: var(--color-light-neutral-300);
     }
-.select__emptyPlaceholder_1sux3 {
+.select__emptyPlaceholder_a23kz {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
 }
-.select__size-64_1sux3 .select__emptyPlaceholder_1sux3,
-.select__size-72_1sux3 .select__emptyPlaceholder_1sux3 {
+.select__size-64_a23kz .select__emptyPlaceholder_a23kz,
+.select__size-72_a23kz .select__emptyPlaceholder_a23kz {
     padding: var(--gap-24) var(--gap-16);
 }
-.select__list_1sux3 {
+.select__list_a23kz {
     will-change: transform;
     height: auto;
 }

package/modern/components/options-list/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"optionsList":"select__optionsList_1sux3","optionsListHeader":"select__optionsListHeader_1sux3","headerHighlighted":"select__headerHighlighted_1sux3","optionsListFooter":"select__optionsListFooter_1sux3","withBorder":"select__withBorder_1sux3","emptyPlaceholder":"select__emptyPlaceholder_1sux3","size-64":"select__size-64_1sux3","size-72":"select__size-72_1sux3","list":"select__list_1sux3"};
+const styles = {"optionsList":"select__optionsList_a23kz","optionsListHeader":"select__optionsListHeader_a23kz","headerHighlighted":"select__headerHighlighted_a23kz","optionsListFooter":"select__optionsListFooter_a23kz","withBorder":"select__withBorder_a23kz","emptyPlaceholder":"select__emptyPlaceholder_a23kz","size-64":"select__size-64_a23kz","size-72":"select__size-72_a23kz","list":"select__list_a23kz"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/search/index.css

@@ -1,3 +1,3 @@
-.select__component_xq22s.select__component_xq22s {
+.select__component_wiucn.select__component_wiucn {
     width: auto;
 }

package/modern/components/search/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"select__component_xq22s"};
+const styles = {"component":"select__component_wiucn"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/mobile/modal.mobile.css

@@ -2,7 +2,7 @@
     --gap-xs: 8px;
     --gap-8: var(--gap-xs);
 }
-.select__header_1hyu3 {
+.select__header_1n1mm {
     padding-right: var(--gap-8);
     padding-left: var(--gap-8);
 }

package/modern/mobile/modal.mobile.module.css.js

@@ -1,6 +1,6 @@
 import './modal.mobile.css';
 
-const styles = {"header":"select__header_1hyu3"};
+const styles = {"header":"select__header_1n1mm"};
 
 export { styles as default };
 //# sourceMappingURL=modal.mobile.module.css.js.map

package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css

@@ -10,11 +10,11 @@
 :root {
     --select-option-list-footer-button-gap: var(--gap-8);
 }
-.select__footer_1bdq6 {
+.select__footer_2tb2j {
     background-color: var(--color-light-base-bg-primary);
     padding: var(--gap-12);
     outline: none;
 }
-.select__footer_1bdq6 > .select__button_1bdq6 + .select__button_1bdq6 {
+.select__footer_2tb2j > .select__button_2tb2j + .select__button_2tb2j {
         margin-left: var(--select-option-list-footer-button-gap);
     }

package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"footer":"select__footer_1bdq6","button":"select__button_1bdq6"};
+const styles = {"footer":"select__footer_2tb2j","button":"select__button_2tb2j"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css

@@ -10,15 +10,15 @@
     --select-options-list-right-padding: var(--gap-0);
     --select-options-list-left-padding: var(--gap-0);
 }
-.select__desktop_1h94k {
+.select__desktop_1eykk {
     padding: calc(var(--gap-12) + var(--select-options-list-top-padding))
         calc(var(--gap-12) + var(--select-options-list-right-padding)) var(--gap-12)
         calc(var(--gap-12) + var(--select-options-list-left-padding));
 }
-.select__mobile_1h94k {
+.select__mobile_1eykk {
     padding: var(--gap-12) var(--gap-12) var(--gap-12) var(--gap-8);
 }
-.select__positionAfter_1h94k {
+.select__positionAfter_1eykk {
     margin-left: 0;
     margin-left: initial;
 }

package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"desktop":"select__desktop_1h94k","mobile":"select__mobile_1h94k","positionAfter":"select__positionAfter_1h94k"};
+const styles = {"desktop":"select__desktop_1eykk","mobile":"select__mobile_1eykk","positionAfter":"select__positionAfter_1eykk"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/presets/useSelectWithLoading/index.css

@@ -1,4 +1,4 @@
-.select__skeleton_gcqox {
+.select__skeleton_3jqzt {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/modern/presets/useSelectWithLoading/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"skeleton":"select__skeleton_gcqox"};
+const styles = {"skeleton":"select__skeleton_3jqzt"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

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

@@ -15,8 +15,7 @@
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-    letter-spacing: -0.24px;
-    font-family: var(--font-family-alfasans);
+    font-family: var(--font-family-system);
 
     display: flex;
     align-items: center;

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

@@ -40,8 +40,7 @@
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-    letter-spacing: -0.24px;
-    font-family: var(--font-family-alfasans);
+    font-family: var(--font-family-system);
 
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -53,8 +52,7 @@
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-        letter-spacing: -0.08px;
-        font-family: var(--font-family-alfasans);
+        font-family: var(--font-family-system);
     }
 
 .value {
@@ -67,8 +65,7 @@
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-        letter-spacing: -0.08px;
-        font-family: var(--font-family-alfasans);
+        font-family: var(--font-family-system);
     }
 
 .focusVisible {

package/moderncssm/components/optgroup/index.module.css

@@ -29,7 +29,7 @@
     font-weight: 400;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-    font-family: var(--font-family-alfasans);
+    font-family: var(--font-family-system);
 
     display: block;
     color: var(--select-optgroup-color);

package/moderncssm/components/option/desktop/index.module.css

@@ -21,8 +21,7 @@
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-    letter-spacing: -0.24px;
-    font-family: var(--font-family-alfasans);
+    font-family: var(--font-family-system);
 
     display: flex;
     align-items: center;

package/moderncssm/components/option/mobile/index.module.css

@@ -21,8 +21,7 @@
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-    letter-spacing: -0.24px;
-    font-family: var(--font-family-alfasans);
+    font-family: var(--font-family-system);
 
     display: flex;
     align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-select",
-    "version": "19.2.0-alfasans",
+    "version": "19.2.0",
     "description": "Select component",
     "keywords": [],
     "license": "MIT",
@@ -13,18 +13,18 @@
         "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
     },
     "dependencies": {
-        "@alfalab/core-components-base-modal": "7.1.7-alfasans",
-        "@alfalab/core-components-bottom-sheet": "8.1.11-alfasans",
-        "@alfalab/core-components-button": "13.2.1-alfasans",
-        "@alfalab/core-components-checkbox": "6.2.3-alfasans",
-        "@alfalab/core-components-form-control": "14.0.8-alfasans",
-        "@alfalab/core-components-input": "17.1.9-alfasans",
-        "@alfalab/core-components-modal": "11.0.14-alfasans",
-        "@alfalab/core-components-mq": "6.0.6-alfasans",
-        "@alfalab/core-components-popover": "8.1.0-alfasans",
-        "@alfalab/core-components-scrollbar-private": "0.0.1-alfasans",
-        "@alfalab/core-components-shared": "2.2.2-alfasans",
-        "@alfalab/core-components-skeleton": "7.0.4-alfasans",
+        "@alfalab/core-components-base-modal": "^7.1.7",
+        "@alfalab/core-components-bottom-sheet": "^8.1.11",
+        "@alfalab/core-components-button": "^13.2.1",
+        "@alfalab/core-components-checkbox": "^6.2.3",
+        "@alfalab/core-components-form-control": "^14.0.8",
+        "@alfalab/core-components-input": "^17.1.9",
+        "@alfalab/core-components-modal": "^11.0.14",
+        "@alfalab/core-components-mq": "^6.0.6",
+        "@alfalab/core-components-popover": "^8.1.0",
+        "@alfalab/core-components-scrollbar-private": "^0.0.1",
+        "@alfalab/core-components-shared": "^2.2.2",
+        "@alfalab/core-components-skeleton": "^7.0.4",
         "@alfalab/hooks": "^1.17.0",
         "@alfalab/icons-glyph": "^2.260.0",
         "classnames": "^2.5.1",
@@ -44,6 +44,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "15.2.0-alfasans",
-    "varsVersion": "11.1.0-alfasans"
+    "themesVersion": "15.2.0",
+    "varsVersion": "11.1.0"
 }

package/presets/useSelectWithApply/options-list-with-apply/footer/index.css

@@ -10,11 +10,11 @@
 :root {
     --select-option-list-footer-button-gap: var(--gap-8);
 }
-.select__footer_1bdq6 {
+.select__footer_2tb2j {
     background-color: var(--color-light-base-bg-primary);
     padding: var(--gap-12);
     outline: none;
 }
-.select__footer_1bdq6 > .select__button_1bdq6 + .select__button_1bdq6 {
+.select__footer_2tb2j > .select__button_2tb2j + .select__button_2tb2j {
         margin-left: var(--select-option-list-footer-button-gap);
     }

package/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"footer":"select__footer_1bdq6","button":"select__button_1bdq6"};
+var styles = {"footer":"select__footer_2tb2j","button":"select__button_2tb2j"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/presets/useSelectWithApply/options-list-with-apply/header/index.css

@@ -10,15 +10,15 @@
     --select-options-list-right-padding: var(--gap-0);
     --select-options-list-left-padding: var(--gap-0);
 }
-.select__desktop_1h94k {
+.select__desktop_1eykk {
     padding: calc(var(--gap-12) + var(--select-options-list-top-padding))
         calc(var(--gap-12) + var(--select-options-list-right-padding)) var(--gap-12)
         calc(var(--gap-12) + var(--select-options-list-left-padding));
 }
-.select__mobile_1h94k {
+.select__mobile_1eykk {
     padding: var(--gap-12) var(--gap-12) var(--gap-12) var(--gap-8);
 }
-.select__positionAfter_1h94k {
+.select__positionAfter_1eykk {
     margin-left: 0;
     margin-left: initial;
 }

package/presets/useSelectWithApply/options-list-with-apply/header/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"desktop":"select__desktop_1h94k","mobile":"select__mobile_1h94k","positionAfter":"select__positionAfter_1h94k"};
+var styles = {"desktop":"select__desktop_1eykk","mobile":"select__mobile_1eykk","positionAfter":"select__positionAfter_1eykk"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/presets/useSelectWithLoading/index.css

@@ -1,4 +1,4 @@
-.select__skeleton_gcqox {
+.select__skeleton_3jqzt {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/presets/useSelectWithLoading/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"skeleton":"select__skeleton_gcqox"};
+var styles = {"skeleton":"select__skeleton_3jqzt"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map