@alfalab/core-components-select 19.1.6 → 19.1.7-alfasans

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-system);
+    font-family: var(--font-family-alfasans);
 
     display: block;
     color: var(--select-optgroup-color);

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

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

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

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

package/moderncssm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../../../src/presets/useSelectWithApply/options-list-with-apply/footer/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { type OptionShape, type OptionsListProps } from '../../../../typings';\n\nimport styles from './index.module.css';\n\nexport type FooterProps = {\n    handleClear?: () => void;\n    handleApply?: () => void;\n    showClear?: boolean;\n    selectedDraft?: OptionShape[];\n    dataTestId?: string;\n    size?: OptionsListProps['size'];\n};\n\nexport const Footer = ({\n    handleApply,\n    handleClear,\n    showClear,\n    selectedDraft = [],\n    dataTestId,\n    size,\n}: FooterProps) => (\n    <div\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={0}\n        className={cn(styles.footer, size && styles[`size-${size}`])}\n    >\n        <ButtonDesktop\n            size={32}\n            view='primary'\n            onClick={handleApply}\n            dataTestId={getDataTestId(dataTestId, 'apply')}\n            className={styles.button}\n        >\n            Применить\n        </ButtonDesktop>\n\n        {showClear && selectedDraft.length > 0 && (\n            <ButtonDesktop\n                size={32}\n                view='secondary'\n                onClick={handleClear}\n                dataTestId={getDataTestId(dataTestId, 'clear')}\n                className={styles.button}\n            >\n                Сбросить\n            </ButtonDesktop>\n        )}\n    </div>\n);\n"],"names":[],"mappings":";;;;;;MAmBa,MAAM,GAAG,CAAC,EACnB,WAAW,EACX,WAAW,EACX,SAAS,EACT,aAAa,GAAG,EAAE,EAClB,UAAU,EACV,IAAI,GACM,MACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;AAEI,IAAA,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,IAAI,MAAM,CAAC,QAAQ,IAAI,CAAA,CAAE,CAAC,CAAC,EAAA;AAE5D,IAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACV,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,EAC9C,SAAS,EAAE,MAAM,CAAC,MAAM,EAGZ,EAAA,wDAAA,CAAA;AAEf,IAAA,SAAS,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,KAClC,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACV,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,EAC9C,SAAS,EAAE,MAAM,CAAC,MAAM,uDAGZ,CACnB,CACC;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../../src/presets/useSelectWithApply/options-list-with-apply/footer/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { type OptionShape, type OptionsListProps } from '../../../../typings';\n\nimport styles from './index.module.css';\n\nexport type FooterProps = {\n    handleClear?: () => void;\n    handleApply?: () => void;\n    showClear?: boolean;\n    selectedDraft?: OptionShape[];\n    dataTestId?: string;\n    size?: OptionsListProps['size'];\n};\n\nexport const Footer = ({\n    handleApply,\n    handleClear,\n    showClear,\n    selectedDraft = [],\n    dataTestId,\n    size,\n}: FooterProps) => (\n    <div\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={0}\n        className={cn(styles.footer, size && styles[`size-${size}`])}\n    >\n        <ButtonDesktop\n            size={32}\n            view='primary'\n            onClick={handleApply}\n            dataTestId={getDataTestId(dataTestId, 'apply')}\n            className={styles.button}\n        >\n            Применить\n        </ButtonDesktop>\n\n        {showClear && selectedDraft.length > 0 && (\n            <ButtonDesktop\n                size={32}\n                view='secondary'\n                onClick={handleClear}\n                dataTestId={getDataTestId(dataTestId, 'clear')}\n                className={styles.button}\n            >\n                Сбросить\n            </ButtonDesktop>\n        )}\n    </div>\n);\n"],"names":[],"mappings":";;;;;;MAmBa,MAAM,GAAG,CAAC,EACnB,WAAW,EACX,WAAW,EACX,SAAS,EACT,aAAa,GAAG,EAAE,EAClB,UAAU,EACV,IAAI,GACM,MACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;AAEI,IAAA,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,IAAI,MAAM,CAAC,QAAQ,IAAI,CAAA,CAAE,CAAC,CAAC,EAAA;AAE5D,IAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACV,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,EAC9C,SAAS,EAAE,MAAM,CAAC,MAAM,EAGZ,EAAA,wDAAA,CAAA;AAEf,IAAA,SAAS,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,KAClC,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACV,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC,EAC9C,SAAS,EAAE,MAAM,CAAC,MAAM,uDAGZ,CACnB,CACC;;;;"}

package/moderncssm/presets/useSelectWithApply/options-list-with-apply/header/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../../../src/presets/useSelectWithApply/options-list-with-apply/header/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Checkbox, type CheckboxProps } from '@alfalab/core-components-checkbox';\n\nimport { type OptionsListProps } from '../../../../typings';\n\nimport styles from './index.module.css';\n\nexport type HeaderProps = {\n    checked?: boolean;\n    indeterminate?: boolean;\n    onChange?: CheckboxProps['onChange'];\n    mobile?: boolean;\n    dataTestId?: string;\n    checkmarkPosition?: 'before' | 'after';\n    size?: OptionsListProps['size'];\n};\n\nexport const Header: React.FC<HeaderProps> = ({\n    onChange,\n    checked,\n    indeterminate,\n    mobile,\n    dataTestId,\n    size,\n    checkmarkPosition = 'before',\n}) => (\n    <div\n        className={cn(size && styles[`size-${size}`], {\n            [styles.desktop]: !mobile,\n            [styles.mobile]: mobile,\n        })}\n    >\n        <Checkbox\n            block={true}\n            indeterminate={indeterminate}\n            size={24}\n            onChange={onChange}\n            checked={checked}\n            label='Выбрать все'\n            dataTestId={dataTestId}\n            position={checkmarkPosition}\n            contentClassName={cn({ [styles.positionAfter]: checkmarkPosition === 'after' })}\n        />\n    </div>\n);\n"],"names":[],"mappings":";;;;;AAmBa,MAAA,MAAM,GAA0B,CAAC,EAC1C,QAAQ,EACR,OAAO,EACP,aAAa,EACb,MAAM,EACN,UAAU,EACV,IAAI,EACJ,iBAAiB,GAAG,QAAQ,GAC/B,MACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,IAAI,IAAI,MAAM,CAAC,QAAQ,IAAI,CAAA,CAAE,CAAC,EAAE;AAC1C,QAAA,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,MAAM;AACzB,QAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;KAC1B,CAAC,EAAA;IAEF,KAAC,CAAA,aAAA,CAAA,QAAQ,EACL,EAAA,KAAK,EAAE,IAAI,EACX,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,+DAAa,EACnB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,iBAAiB,EAC3B,gBAAgB,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,aAAa,GAAG,iBAAiB,KAAK,OAAO,EAAE,CAAC,EAAA,CACjF,CACA;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../../src/presets/useSelectWithApply/options-list-with-apply/header/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Checkbox, type CheckboxProps } from '@alfalab/core-components-checkbox';\n\nimport { type OptionsListProps } from '../../../../typings';\n\nimport styles from './index.module.css';\n\nexport type HeaderProps = {\n    checked?: boolean;\n    indeterminate?: boolean;\n    onChange?: CheckboxProps['onChange'];\n    mobile?: boolean;\n    dataTestId?: string;\n    checkmarkPosition?: 'before' | 'after';\n    size?: OptionsListProps['size'];\n};\n\nexport const Header: React.FC<HeaderProps> = ({\n    onChange,\n    checked,\n    indeterminate,\n    mobile,\n    dataTestId,\n    size,\n    checkmarkPosition = 'before',\n}) => (\n    <div\n        className={cn(size && styles[`size-${size}`], {\n            [styles.desktop]: !mobile,\n            [styles.mobile]: mobile,\n        })}\n    >\n        <Checkbox\n            block={true}\n            indeterminate={indeterminate}\n            size={24}\n            onChange={onChange}\n            checked={checked}\n            label='Выбрать все'\n            dataTestId={dataTestId}\n            position={checkmarkPosition}\n            contentClassName={cn({ [styles.positionAfter]: checkmarkPosition === 'after' })}\n        />\n    </div>\n);\n"],"names":[],"mappings":";;;;;AAmBa,MAAA,MAAM,GAA0B,CAAC,EAC1C,QAAQ,EACR,OAAO,EACP,aAAa,EACb,MAAM,EACN,UAAU,EACV,IAAI,EACJ,iBAAiB,GAAG,QAAQ,GAC/B,MACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,IAAI,IAAI,MAAM,CAAC,QAAQ,IAAI,CAAA,CAAE,CAAC,EAAE;AAC1C,QAAA,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,MAAM;AACzB,QAAA,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM;KAC1B,CAAC,EAAA;IAEF,KAAC,CAAA,aAAA,CAAA,QAAQ,EACL,EAAA,KAAK,EAAE,IAAI,EACX,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,+DAAa,EACnB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,iBAAiB,EAC3B,gBAAgB,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,aAAa,GAAG,iBAAiB,KAAK,OAAO,EAAE,CAAC,EAAA,CACjF,CACA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-select",
-    "version": "19.1.6",
+    "version": "19.1.7-alfasans",
     "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.4",
-        "@alfalab/core-components-bottom-sheet": "^8.1.6",
-        "@alfalab/core-components-button": "^13.1.2",
-        "@alfalab/core-components-checkbox": "^6.2.0",
-        "@alfalab/core-components-form-control": "^14.0.5",
-        "@alfalab/core-components-input": "^17.1.5",
-        "@alfalab/core-components-modal": "^11.0.9",
-        "@alfalab/core-components-mq": "^6.0.3",
-        "@alfalab/core-components-popover": "^8.0.3",
-        "@alfalab/core-components-scrollbar": "^5.0.2",
-        "@alfalab/core-components-shared": "^2.1.1",
-        "@alfalab/core-components-skeleton": "^7.0.3",
+        "@alfalab/core-components-base-modal": "7.1.5-alfasans",
+        "@alfalab/core-components-bottom-sheet": "8.1.7-alfasans",
+        "@alfalab/core-components-button": "13.1.3-alfasans",
+        "@alfalab/core-components-checkbox": "6.2.1-alfasans",
+        "@alfalab/core-components-form-control": "14.0.6-alfasans",
+        "@alfalab/core-components-input": "17.1.6-alfasans",
+        "@alfalab/core-components-modal": "11.0.10-alfasans",
+        "@alfalab/core-components-mq": "6.0.4-alfasans",
+        "@alfalab/core-components-popover": "8.0.4-alfasans",
+        "@alfalab/core-components-scrollbar": "5.0.2-alfasans",
+        "@alfalab/core-components-shared": "2.2.0-alfasans",
+        "@alfalab/core-components-skeleton": "7.0.3-alfasans",
         "@alfalab/hooks": "^1.13.1",
         "@alfalab/icons-glyph": "^2.260.0",
         "@juggle/resize-observer": "^3.3.1",
@@ -45,6 +45,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "15.1.0",
-    "varsVersion": "11.0.2"
+    "themesVersion": "15.1.0-alfasans",
+    "varsVersion": "11.0.2-alfasans"
 }

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

@@ -12,14 +12,14 @@
 :root {
     --select-option-list-footer-button-gap: var(--gap-8);
 }
-.select__footer_1026m {
+.select__footer_lv4x3 {
     background-color: var(--color-light-base-bg-primary);
     padding: var(--gap-12);
     outline: none;
 }
-.select__footer_1026m.select__size-72_1026m {
+.select__footer_lv4x3.select__size-72_lv4x3 {
         padding: var(--gap-12) var(--gap-16);
     }
-.select__footer_1026m > .select__button_1026m + .select__button_1026m {
+.select__footer_lv4x3 > .select__button_lv4x3 + .select__button_lv4x3 {
         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_1026m","size-72":"select__size-72_1026m","button":"select__button_1026m"};
+var styles = {"footer":"select__footer_lv4x3","size-72":"select__size-72_lv4x3","button":"select__button_lv4x3"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

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

@@ -6,16 +6,16 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 }
-.select__desktop_103zd {
+.select__desktop_jomjv {
     padding: var(--gap-12);
 }
-.select__desktop_103zd.select__size-72_103zd {
+.select__desktop_jomjv.select__size-72_jomjv {
         padding-left: var(--gap-16);
     }
-.select__mobile_103zd {
+.select__mobile_jomjv {
     padding: var(--gap-12) var(--gap-12) var(--gap-12) var(--gap-8);
 }
-.select__positionAfter_103zd {
+.select__positionAfter_jomjv {
     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_103zd","size-72":"select__size-72_103zd","mobile":"select__mobile_103zd","positionAfter":"select__positionAfter_103zd"};
+var styles = {"desktop":"select__desktop_jomjv","size-72":"select__size-72_jomjv","mobile":"select__mobile_jomjv","positionAfter":"select__positionAfter_jomjv"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/presets/useSelectWithLoading/index.css

@@ -1,4 +1,4 @@
-.select__skeleton_rbog3 {
+.select__skeleton_1l8w8 {
     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_rbog3"};
+var styles = {"skeleton":"select__skeleton_1l8w8"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map