@alfalab/core-components-select 13.2.8 → 13.2.10

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

@@ -1,20 +1,23 @@
 :root {
+} /* deprecated */ :root {
     --color-light-border-link: #007aff;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-}
-:root {
+} :root {
     --select-arrow-hover-opacity: 0.7;
 
     /* options list */
@@ -24,25 +27,18 @@
     /* checkmark */
 
     /* optgroup */
-}
-.component {
+} .component {
     width: 100%;
     outline: none;
-}
-.field:not(.disabled) {
+} .field:not(.disabled) {
     cursor: pointer
-}
-.field:not(.disabled):hover .arrow {
+} .field:not(.disabled):hover .arrow {
             opacity: var(--select-arrow-hover-opacity);
-        }
-.disabled {
+        } .disabled {
     cursor: var(--disabled-cursor);
-}
-/* TODO: Заюзать переменные из инпута */
-.placeholder {
+} /* TODO: Заюзать переменные из инпута */ .placeholder {
     color: var(--color-light-text-secondary);
-}
-.contentWrapper {
+} .contentWrapper {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -51,13 +47,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-}
-.value {
+} .value {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-}
-.focusVisible {
+} .focusVisible {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/cssm/components/index.js

@@ -2,7 +2,7 @@
 
 var components_arrow_Component = require('./arrow/Component.js');
 var components_baseSelect_Component = require('../Component-d0e84442.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-e61bd989.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-29488b22.js');
 var components_field_Component = require('./field/Component.js');
 var components_optgroup_Component = require('./optgroup/Component.js');
 var components_option_Component = require('./option/Component.js');
@@ -29,12 +29,12 @@ require('@alfalab/core-components-form-control/cssm');
 require('./field/index.module.css');
 require('./optgroup/index.module.css');
 require('./base-select-mobile/checkmark/Component.js');
-require('@alfalab/core-components-badge/cssm');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('./base-select-mobile/checkmark/index.module.css');
 require('./checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('./checkmark/index.module.css');
 require('./option/index.module.css');
 require('@alfalab/core-components-scrollbar/cssm');

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

@@ -1,21 +1,24 @@
 :root {
+} /* deprecated */ :root {
     --color-light-bg-primary: #fff;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-s: 12px;
     --gap-m: 16px;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* options list */
 
@@ -31,8 +34,7 @@
     --select-optgroup-right-padding: var(--gap-s);
     --select-optgroup-l-left-padding: var(--gap-m);
     --select-optgroup-l-right-padding: var(--gap-m);
-}
-.optgroup {
+} .optgroup {
     position: relative;
     display: flex;
     align-items: center;
@@ -41,11 +43,9 @@
     box-sizing: border-box;
     background: var(--select-optgroup-background);
     min-height: 40px
-}
-.optgroup + *[role='option']:before {
+} .optgroup + *[role='option']:before {
         display: none;
-    }
-.label {
+    } .label {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -54,8 +54,7 @@
 
     display: block;
     color: var(--select-optgroup-color);
-}
-.l,
+} .l,
 .xl {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);

package/cssm/components/option/Component.js

@@ -6,11 +6,11 @@ var cn = require('classnames');
 var components_baseSelectMobile_checkmark_Component = require('../base-select-mobile/checkmark/Component.js');
 var components_checkmark_Component = require('../checkmark/Component.js');
 var styles = require('./index.module.css');
-require('@alfalab/core-components-badge/cssm');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../base-select-mobile/checkmark/index.module.css');
+require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('../checkmark/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/cssm/components/option/index.js

@@ -5,12 +5,12 @@ require('../../tslib.es6-0e9bf404.js');
 require('react');
 require('classnames');
 require('../base-select-mobile/checkmark/Component.js');
-require('@alfalab/core-components-badge/cssm');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../base-select-mobile/checkmark/index.module.css');
 require('../checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('../checkmark/index.module.css');
 require('./index.module.css');
 

package/cssm/components/option/index.module.css

@@ -1,31 +1,32 @@
 :root {
+} /* deprecated */ :root {
     --color-light-bg-primary: #fff;
     --color-light-bg-secondary: #f3f4f5;
     --color-light-bg-tertiary: #e7e9eb;
     --color-light-border-primary: #dbdee1;
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-s: 12px;
     --gap-m: 16px;
-}
-:root {
+} :root {
+} :root {
     --disabled-cursor: not-allowed;
     --size-s-height: 48px;
     --size-m-height: 56px;
     --size-l-height: 64px;
     --size-xl-height: 72px;
-}
-:root {
+} :root {
 
     /* options list */
     --select-option-divider-display: none;
@@ -51,8 +52,7 @@
     /* checkmark */
 
     /* optgroup */
-}
-.option {
+} .option {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,12 +67,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer
-}
-.option:not(.disabled):active {
+} .option:not(.disabled):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    }
-.option:before {
+    } .option:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -82,60 +80,45 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    }
-.option:first-child:before {
+    } .option:first-child:before {
         display: none;
-    }
-.s {
+    } .s {
     min-height: var(--size-s-height);
-}
-.m {
+} .m {
     min-height: var(--size-m-height);
-}
-.l {
+} .l {
     min-height: var(--size-l-height);
-}
-.xl {
+} .xl {
     min-height: var(--size-xl-height);
-}
-.l,
+} .l,
 .xl {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-}
-.l:before, .xl:before {
+} .l:before, .xl:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    }
-.selected {
+    } .selected {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-}
-.highlighted {
+} .highlighted {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-}
-.highlighted:before,
+} .highlighted:before,
     .highlighted + .option:before {
         opacity: 0;
-    }
-.disabled {
+    } .disabled {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-}
-.content {
+} .content {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-}
-.textContent {
+} .textContent {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
-}
-/* IE min-height fix */
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+} /* IE min-height fix */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     .option:after {
         min-height: inherit;
         font-size: 0;

package/cssm/components/options-list/index.module.css

@@ -1,20 +1,23 @@
 :root {
+} /* deprecated */ :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-s: 12px;
     --gap-m: 16px;
     --gap-xl: 24px;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* options list */
     --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
@@ -24,22 +27,18 @@
     /* checkmark */
 
     /* optgroup */
-}
-.optionsList {
+} .optionsList {
     overflow: auto;
     width: 100%;
     outline: none;
     box-sizing: border-box;
-}
-.scrollable {
+} .scrollable {
     overflow: auto;
     width: 100%;
-}
-.emptyPlaceholder {
+} .emptyPlaceholder {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-}
-.l .emptyPlaceholder,
+} .l .emptyPlaceholder,
 .xl .emptyPlaceholder {
     padding: var(--gap-xl) var(--gap-m);
 }

package/cssm/components/select-mobile/Component.js

@@ -3,7 +3,7 @@
 require('../../tslib.es6-0e9bf404.js');
 require('react');
 require('../arrow/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e61bd989.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-29488b22.js');
 require('../field/Component.js');
 require('../optgroup/Component.js');
 require('../option/Component.js');
@@ -29,12 +29,12 @@ require('../optgroup/index.module.css');
 require('@alfalab/core-components-form-control/cssm');
 require('../field/index.module.css');
 require('../base-select-mobile/checkmark/Component.js');
-require('@alfalab/core-components-badge/cssm');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../base-select-mobile/checkmark/index.module.css');
 require('../checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('../checkmark/index.module.css');
 require('../option/index.module.css');
 require('react-virtual');

package/cssm/components/select-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-e61bd989";
+export * from "../../Component-29488b22";

package/cssm/components/select-mobile/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e61bd989.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-29488b22.js');
 require('../../tslib.es6-0e9bf404.js');
 require('react');
 require('../arrow/Component.js');
@@ -26,12 +26,12 @@ require('../optgroup/Component.js');
 require('../optgroup/index.module.css');
 require('../option/Component.js');
 require('../base-select-mobile/checkmark/Component.js');
-require('@alfalab/core-components-badge/cssm');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../base-select-mobile/checkmark/index.module.css');
 require('../checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('../checkmark/index.module.css');
 require('../option/index.module.css');
 require('../options-list/Component.js');

package/cssm/components/select-modal-mobile/Component.js

@@ -3,7 +3,7 @@
 require('../../tslib.es6-0e9bf404.js');
 require('react');
 require('../arrow/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e61bd989.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-29488b22.js');
 require('../field/Component.js');
 require('../optgroup/Component.js');
 require('../option/Component.js');
@@ -29,12 +29,12 @@ require('../optgroup/index.module.css');
 require('@alfalab/core-components-form-control/cssm');
 require('../field/index.module.css');
 require('../base-select-mobile/checkmark/Component.js');
-require('@alfalab/core-components-badge/cssm');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../base-select-mobile/checkmark/index.module.css');
 require('../checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('../checkmark/index.module.css');
 require('../option/index.module.css');
 require('react-virtual');

package/cssm/components/select-modal-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-e61bd989";
+export * from "../../Component-29488b22";

package/cssm/components/select-modal-mobile/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e61bd989.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-29488b22.js');
 require('../../tslib.es6-0e9bf404.js');
 require('react');
 require('../arrow/Component.js');
@@ -26,12 +26,12 @@ require('../optgroup/Component.js');
 require('../optgroup/index.module.css');
 require('../option/Component.js');
 require('../base-select-mobile/checkmark/Component.js');
-require('@alfalab/core-components-badge/cssm');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../base-select-mobile/checkmark/index.module.css');
 require('../checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('../checkmark/index.module.css');
 require('../option/index.module.css');
 require('../options-list/Component.js');

package/cssm/components/virtual-options-list/index.module.css

@@ -1,21 +1,24 @@
 :root {
+} /* deprecated */ :root {
     --color-light-border-primary: #dbdee1;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-s: 12px;
     --gap-m: 16px;
     --gap-xl: 24px;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* options list */
     --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
@@ -30,28 +33,23 @@
     /* checkmark */
 
     /* optgroup */
-}
-.virtualOptionsList {
+} .virtualOptionsList {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
-}
-.scrollable {
+} .scrollable {
     overflow: auto;
     width: 100%;
-}
-.inner {
+} .inner {
     position: relative;
     width: 100%;
-}
-.virtualRow {
+} .virtualRow {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
-}
-.virtualRow:before {
+} .virtualRow:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -61,19 +59,15 @@
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    }
-.virtualRow:first-child:before {
+    } .virtualRow:first-child:before {
         display: none;
-    }
-.highlighted:before,
+    } .highlighted:before,
     .highlighted + .virtualRow:before {
         display: none;
-    }
-.emptyPlaceholder {
+    } .emptyPlaceholder {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-}
-.l .emptyPlaceholder,
+} .l .emptyPlaceholder,
 .xl .emptyPlaceholder {
     padding: var(--gap-xl) var(--gap-m);
 }

package/cssm/index.js

@@ -3,7 +3,7 @@
 var Component = require('./Component.js');
 var components_arrow_Component = require('./components/arrow/Component.js');
 var components_baseSelect_Component = require('./Component-d0e84442.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-e61bd989.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-29488b22.js');
 var components_field_Component = require('./components/field/Component.js');
 var components_optgroup_Component = require('./components/optgroup/Component.js');
 var components_option_Component = require('./components/option/Component.js');
@@ -29,12 +29,12 @@ require('@alfalab/core-components-form-control/cssm');
 require('./components/field/index.module.css');
 require('./components/optgroup/index.module.css');
 require('./components/base-select-mobile/checkmark/Component.js');
-require('@alfalab/core-components-badge/cssm');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('./components/base-select-mobile/checkmark/index.module.css');
 require('./components/checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('./components/checkmark/index.module.css');
 require('./components/option/index.module.css');
 require('@alfalab/core-components-scrollbar/cssm');

package/cssm/presets/index.js

@@ -2,19 +2,19 @@
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-e61bd989.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-29488b22.js');
 require('../tslib.es6-0e9bf404.js');
 require('react');
 require('@alfalab/core-components-skeleton/cssm');
 require('../components/option/Component.js');
 require('classnames');
 require('../components/base-select-mobile/checkmark/Component.js');
-require('@alfalab/core-components-badge/cssm');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../components/base-select-mobile/checkmark/index.module.css');
 require('../components/checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('../components/checkmark/index.module.css');
 require('../components/option/index.module.css');
 require('./useSelectWithLoading/index.module.css');

package/cssm/presets/useLazyLoading/hook.js

@@ -8,12 +8,12 @@ var styles = require('./index.module.css');
 require('../../intersection-observer-9ec5cf59.js');
 require('classnames');
 require('../../components/base-select-mobile/checkmark/Component.js');
-require('@alfalab/core-components-badge/cssm');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../../components/base-select-mobile/checkmark/index.module.css');
 require('../../components/checkmark/Component.js');
+require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('../../components/checkmark/index.module.css');
 require('../../components/option/index.module.css');
 

package/cssm/presets/useSelectWithApply/hook.js

@@ -7,17 +7,17 @@ require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../components/arrow/index.module.css');
 require('../../Component-d0e84442.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-e61bd989.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-29488b22.js');
 require('@alfalab/core-components-form-control/cssm');
 require('@alfalab/hooks');
 require('../../utils.js');
 require('../../components/field/index.module.css');
 require('../../components/optgroup/index.module.css');
-require('@alfalab/core-components-badge/cssm');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../../components/base-select-mobile/checkmark/index.module.css');
+require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
+require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('../../components/checkmark/index.module.css');
 require('../../components/option/index.module.css');
 require('../../components/options-list/Component.js');