@alfalab/core-components 26.3.1-beta.1 → 26.4.0

package/themes/corp.css

@@ -625,6 +625,8 @@
     --primary-tablist-bottom-border-color: var(--color-light-border-secondary-inverted);
     --calendar-input-icon-color: var(--color-light-graphic-secondary);
     --select-arrow-color: var(--color-light-graphic-secondary);
+    /* select mobile footer */
+    --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
     --bottom-sheet-header-border-bottom: 1px solid var(--color-light-border-primary);
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-primary);
     --modal-header-highlight-box-shadow: var(--shadow-s);

package/themes/intranet.css

@@ -675,4 +675,6 @@
     --calendar-select-button-selected-background: var(--color-light-graphic-accent);
     --calendar-input-popover-border-radius: var(--border-radius-s);
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-primary);
+    /* select mobile footer */
+    --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
 }

package/themes/mixins/intranet.css

@@ -10,6 +10,7 @@
 @import './calendar/intranet.css';
 @import './calendar-input/intranet.css';
 @import './bottom-sheet/intranet.css';
+@import './select/intranet.css';
 
 @define-mixin theme-intranet {
     @mixin button-intranet;
@@ -24,4 +25,5 @@
     @mixin calendar-intranet;
     @mixin calendar-input-intranet;
     @mixin bottom-sheet-intranet;
+    @mixin select-intranet;
 }

package/themes/mixins/mobile.css

@@ -10,6 +10,7 @@
 @import './calendar-input/mobile.css';
 @import './filter-tag/mobile.css';
 @import './bottom-sheet/mobile.css';
+@import './select/mobile.css';
 
 @define-mixin theme-mobile {
     @mixin button-mobile;
@@ -24,4 +25,5 @@
     @mixin calendar-input-mobile;
     @mixin filter-tag-mobile;
     @mixin bottom-sheet-mobile;
+    @mixin select-mobile;
 }

package/themes/mixins/select/click.css

@@ -16,4 +16,10 @@
     --select-checkmark-after-display: 'flex';
     --select-checkmark-background: url('https://alfabank.gcdn.co/icons/glyph_checkmark-circle_m_color.svg');
     --select-checkmark-border-radius: 0;
+    --select-mobile-checkmark-background: url('https://alfabank.gcdn.co/icons/glyph_checkmark-circle_m_color.svg');
+
+    /* select mobile footer */
+
+    --select-mobile-footer-border-top: none;
+    --select-mobile-footer-background-color: var(--color-light-bg-secondary);
 }

package/themes/mixins/select/corp.css

@@ -1,3 +1,7 @@
 @define-mixin select-corp {
     --select-arrow-color: var(--color-light-graphic-secondary);
+
+    /* select mobile footer */
+
+    --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
 }

package/themes/mixins/select/intranet.css

@@ -0,0 +1,4 @@
+@define-mixin select-intranet {
+    /* select mobile footer */
+    --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
+}

package/themes/mixins/select/mobile.css

@@ -0,0 +1,4 @@
+@define-mixin select-mobile {
+    /* select mobile footer */
+    --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
+}

package/themes/mixins/select/site.css

@@ -0,0 +1,4 @@
+@define-mixin select-site {
+    /* select mobile footer */
+    --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
+}

package/themes/mixins/site.css

@@ -3,6 +3,7 @@
 @import './form-control/site.css';
 @import './input/site.css';
 @import './bottom-sheet/site.css';
+@import './select/site.css';
 
 @define-mixin theme-site {
     @mixin button-site;
@@ -10,4 +11,5 @@
     @mixin tabs-site;
     @mixin input-site;
     @mixin bottom-sheet-site;
+    @mixin select-site;
 }

package/themes/mobile.css

@@ -672,4 +672,6 @@
     --filter-tag-separator-background-color-hover: var(--color-dark-border-underline);
     --bottom-sheet-header-border-bottom: 1px solid var(--color-light-border-primary);
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-primary);
+    /* select mobile footer */
+    --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
 }

package/themes/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-themes",
-    "version": "8.1.0",
+    "version": "8.1.1",
     "description": "",
     "keywords": [],
     "license": "MIT",

package/themes/select/click.css

@@ -16,4 +16,10 @@
     --select-checkmark-after-display: 'flex';
     --select-checkmark-background: url('https://alfabank.gcdn.co/icons/glyph_checkmark-circle_m_color.svg');
     --select-checkmark-border-radius: 0;
+    --select-mobile-checkmark-background: url('https://alfabank.gcdn.co/icons/glyph_checkmark-circle_m_color.svg');
+
+    /* select mobile footer */
+
+    --select-mobile-footer-border-top: none;
+    --select-mobile-footer-background-color: var(--color-light-bg-secondary);
 }

package/themes/select/corp.css

@@ -1,3 +1,7 @@
 :root {
     --select-arrow-color: var(--color-light-graphic-secondary);
+
+    /* select mobile footer */
+
+    --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
 }

package/themes/select/intranet.css

@@ -0,0 +1,4 @@
+:root {
+    /* select mobile footer */
+    --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
+}

package/themes/select/mobile.css

@@ -0,0 +1,4 @@
+:root {
+    /* select mobile footer */
+    --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
+}

package/themes/select/site.css

@@ -0,0 +1,4 @@
+:root {
+    /* select mobile footer */
+    --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
+}

package/themes/site.css

@@ -597,4 +597,6 @@
     --input-error-icon: url('https://alfabank.gcdn.co/icons/icon_error_m_color.svg');
     --input-inverted-error-icon: url('https://alfabank.gcdn.co/icons/icon_error_m_color.svg');
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-primary);
+    /* select mobile footer */
+    --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
 }

package/toast/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 17z2d */
+/* hash: 1kb18 */
 :root {
     --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 

package/toast/index.css

@@ -1,4 +1,4 @@
-/* hash: 17z2d */
+/* hash: 1kb18 */
 :root {
     --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 

package/toast/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 17z2d */
+/* hash: 1kb18 */
 :root {
     --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 

package/toast-plate/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 5yx0t */
+/* hash: 1q6tb */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);

package/toast-plate/index.css

@@ -1,4 +1,4 @@
-/* hash: 5yx0t */
+/* hash: 1q6tb */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);

package/toast-plate/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 5yx0t */
+/* hash: 1q6tb */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);

package/tooltip/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component-a2d15e58.js');
+var Component = require('./Component-d11d655d.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/tooltip/component.responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component-a2d15e58.js');
+var Component = require('./Component-d11d655d.js');
 var React = require('react');
 require('classnames');
 require('react-merge-refs');

package/tooltip/esm/Component.js

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import 'react-merge-refs';
 import '../../popover/esm';
-export { T as Tooltip } from './Component-f43b1c72.js';
+export { T as Tooltip } from './Component-7bff63e2.js';

package/tooltip/esm/component.responsive.js

@@ -2,7 +2,7 @@ import React, { Fragment } from 'react';
 import 'classnames';
 import 'react-merge-refs';
 import '../../popover/esm';
-import { _ as __rest, a as __assign, T as Tooltip } from './Component-f43b1c72.js';
+import { _ as __rest, a as __assign, T as Tooltip } from './Component-7bff63e2.js';
 import { useMedia } from '@alfalab/hooks';
 import { BottomSheet } from '../../bottom-sheet/esm';
 import { Button } from '../../button/esm';

package/tooltip/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1u7ty */
+/* hash: 1lx37 */
 :root {
     --color-light-text-primary-inverted: #fff;
     --color-static-bg-primary-dark: #000;

package/tooltip/esm/index.d.ts

@@ -1 +1 @@
-export * from "./Component-f43b1c72";
+export * from "./Component-7bff63e2";

package/tooltip/esm/index.js

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import 'react-merge-refs';
 import '../../popover/esm';
-export { T as Tooltip } from './Component-f43b1c72.js';
+export { T as Tooltip } from './Component-7bff63e2.js';

package/tooltip/esm/responsive.css

@@ -1,4 +1,4 @@
-/* hash: 1sqog */
+/* hash: wa29s */
 .tooltip__target_m4qwd {
     position: relative;
     width: max-content

package/tooltip/esm/responsive.js

@@ -2,7 +2,7 @@ import 'react';
 import 'classnames';
 import 'react-merge-refs';
 import '../../popover/esm';
-import './Component-f43b1c72.js';
+import './Component-7bff63e2.js';
 import '@alfalab/hooks';
 import '../../bottom-sheet/esm';
 import '../../button/esm';

package/tooltip/index.css

@@ -1,4 +1,4 @@
-/* hash: 1u7ty */
+/* hash: 1lx37 */
 :root {
     --color-light-text-primary-inverted: #fff;
     --color-static-bg-primary-dark: #000;

package/tooltip/index.d.ts

@@ -1 +1 @@
-export * from "./Component-a2d15e58";
+export * from "./Component-d11d655d";

package/tooltip/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component-a2d15e58.js');
+var Component = require('./Component-d11d655d.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/tooltip/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1u7ty */
+/* hash: 1lx37 */
 :root {
     --color-light-text-primary-inverted: #fff;
     --color-static-bg-primary-dark: #000;

package/tooltip/modern/responsive.css

@@ -1,4 +1,4 @@
-/* hash: 1sqog */
+/* hash: wa29s */
 .tooltip__target_m4qwd {
     position: relative;
     width: max-content

package/tooltip/responsive.css

@@ -1,4 +1,4 @@
-/* hash: 1sqog */
+/* hash: wa29s */
 .tooltip__target_m4qwd {
     position: relative;
     width: max-content

package/tooltip/responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-a2d15e58.js');
+require('./Component-d11d655d.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/typography/colors.css

@@ -1,4 +1,4 @@
-/* hash: cjbtx */
+/* hash: 1j1lw */
 :root {
     --color-light-text-accent: #ef3124;
     --color-light-text-attention: #de6a00;

package/typography/component.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./colors.module-59039dcf.js');
+require('./colors.module-fc9d4419.js');
 require('react');
 require('classnames');
 require('./title/component.js');
-require('./common.module-1949f5e5.js');
+require('./common.module-d2a13511.js');
 var title_index = require('./title/index.js');
 var text_component = require('./text/component.js');
 var titleResponsive_component = require('./title-responsive/component.js');

package/typography/esm/colors.css

@@ -1,4 +1,4 @@
-/* hash: cjbtx */
+/* hash: 1j1lw */
 :root {
     --color-light-text-accent: #ef3124;
     --color-light-text-attention: #de6a00;

package/typography/esm/component.js

@@ -1,5 +1,5 @@
-import './colors.module-0cdf0c83.js';
-import './common.module-78a35ff5.js';
+import './colors.module-4e501783.js';
+import './common.module-99cbee70.js';
 import 'react';
 import 'classnames';
 import './title/component.js';

package/typography/esm/index.js

@@ -1,5 +1,5 @@
-import './colors.module-0cdf0c83.js';
-import './common.module-78a35ff5.js';
+import './colors.module-4e501783.js';
+import './common.module-99cbee70.js';
 import 'react';
 import 'classnames';
 import './title/component.js';

package/typography/esm/text/component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign, c as colors } from '../colors.module-0cdf0c83.js';
+import { a as __rest, _ as __assign, c as colors } from '../colors.module-4e501783.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 

package/typography/esm/text/index.css

@@ -1,4 +1,4 @@
-/* hash: 1hbg4 */
+/* hash: 3daxg */
 :root {
 
     /* Hard */

package/typography/esm/text/index.js

@@ -1,4 +1,4 @@
-import '../colors.module-0cdf0c83.js';
+import '../colors.module-4e501783.js';
 import 'react';
 import 'classnames';
 export { Text } from './component.js';

package/typography/esm/title/common.css

@@ -1,4 +1,4 @@
-/* hash: 14fba */
+/* hash: 1pia5 */
 .typography__component_5lkci {
     margin: 0;
     padding: 0;

package/typography/esm/title/component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign, c as colors } from '../colors.module-0cdf0c83.js';
+import { a as __rest, _ as __assign, c as colors } from '../colors.module-4e501783.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 

package/typography/esm/title/index.css

@@ -1,4 +1,4 @@
-/* hash: 1l3xg */
+/* hash: 1qjmv */
 :root {
 
     /* Hard */

package/typography/esm/title/index.js

@@ -1,5 +1,5 @@
-import { _ as __assign } from '../colors.module-0cdf0c83.js';
-import { c as commonStyles } from '../common.module-78a35ff5.js';
+import { _ as __assign } from '../colors.module-4e501783.js';
+import { c as commonStyles } from '../common.module-99cbee70.js';
 import React from 'react';
 import 'classnames';
 import { Title as Title$1 } from './component.js';

package/typography/esm/title-mobile/component.js

@@ -1,5 +1,5 @@
-import { _ as __assign } from '../colors.module-0cdf0c83.js';
-import { c as commonStyles } from '../common.module-78a35ff5.js';
+import { _ as __assign } from '../colors.module-4e501783.js';
+import { c as commonStyles } from '../common.module-99cbee70.js';
 import React from 'react';
 import 'classnames';
 import { Title } from '../title/component.js';

package/typography/esm/title-mobile/index.css

@@ -1,4 +1,4 @@
-/* hash: wzceg */
+/* hash: rjmzw */
 :root {
 
     /* Hard */

package/typography/esm/title-mobile/index.js

@@ -1,5 +1,5 @@
-import '../colors.module-0cdf0c83.js';
-import '../common.module-78a35ff5.js';
+import '../colors.module-4e501783.js';
+import '../common.module-99cbee70.js';
 import 'react';
 import 'classnames';
 import '../title/component.js';

package/typography/esm/title-responsive/component.js

@@ -1,5 +1,5 @@
-import { _ as __assign } from '../colors.module-0cdf0c83.js';
-import { c as commonStyles } from '../common.module-78a35ff5.js';
+import { _ as __assign } from '../colors.module-4e501783.js';
+import { c as commonStyles } from '../common.module-99cbee70.js';
 import React from 'react';
 import 'classnames';
 import { Title } from '../title/component.js';

package/typography/esm/title-responsive/index.css

@@ -1,4 +1,4 @@
-/* hash: 1lpuh */
+/* hash: 7rpa7 */
 :root {
 
     /* Hard */

package/typography/esm/title-responsive/index.js

@@ -1,5 +1,5 @@
-import '../colors.module-0cdf0c83.js';
-import '../common.module-78a35ff5.js';
+import '../colors.module-4e501783.js';
+import '../common.module-99cbee70.js';
 import 'react';
 import 'classnames';
 import '../title/component.js';

package/typography/index.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./colors.module-59039dcf.js');
+require('./colors.module-fc9d4419.js');
 require('react');
 require('classnames');
 require('./title/component.js');
-require('./common.module-1949f5e5.js');
+require('./common.module-d2a13511.js');
 require('./title/index.js');
 require('./text/component.js');
 require('./title-responsive/component.js');

package/typography/modern/colors.css

@@ -1,4 +1,4 @@
-/* hash: cjbtx */
+/* hash: 1j1lw */
 :root {
     --color-light-text-accent: #ef3124;
     --color-light-text-attention: #de6a00;

package/typography/modern/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
-import './colors.module-b7630bd4.js';
-import './common.module-78a35ff5.js';
+import './colors.module-f3004698.js';
+import './common.module-99cbee70.js';
 import './title/component.js';
 import { Title } from './title/index.js';
 import { Text } from './text/component.js';

package/typography/modern/index.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
-import './colors.module-b7630bd4.js';
-import './common.module-78a35ff5.js';
+import './colors.module-f3004698.js';
+import './common.module-99cbee70.js';
 import './title/component.js';
 import './title/index.js';
 import './text/component.js';

package/typography/modern/text/component.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
-import { c as colors } from '../colors.module-b7630bd4.js';
+import { c as colors } from '../colors.module-f3004698.js';
 
 var styles = {"paragraph":"typography__paragraph_bo1it","primary-large":"typography__primary-large_bo1it","primary-medium":"typography__primary-medium_bo1it","primary-small":"typography__primary-small_bo1it","secondary-large":"typography__secondary-large_bo1it","secondary-medium":"typography__secondary-medium_bo1it","secondary-small":"typography__secondary-small_bo1it","component":"typography__component_bo1it","caps":"typography__caps_bo1it","bold":"typography__bold_bo1it","medium":"typography__medium_bo1it","regular":"typography__regular_bo1it","monospace":"typography__monospace_bo1it"};
 require('./index.css');

package/typography/modern/text/index.css

@@ -1,4 +1,4 @@
-/* hash: 1hbg4 */
+/* hash: 3daxg */
 :root {
 
     /* Hard */

package/typography/modern/text/index.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
-import '../colors.module-b7630bd4.js';
+import '../colors.module-f3004698.js';
 export { Text } from './component.js';

package/typography/modern/title/common.css

@@ -1,4 +1,4 @@
-/* hash: 14fba */
+/* hash: 1pia5 */
 .typography__component_5lkci {
     margin: 0;
     padding: 0;

package/typography/modern/title/component.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
-import { c as colors } from '../colors.module-b7630bd4.js';
+import { c as colors } from '../colors.module-f3004698.js';
 
 const Title = forwardRef(({ tag: Component = 'div', view = 'medium', font = 'styrene', weight = font === 'styrene' ? 'medium' : 'bold', defaultMargins = false, color, className, dataTestId, children, styles, ...restProps }, ref) => (React.createElement(Component, Object.assign({ className: cn(styles.component, className, styles[`${font}-${view}`], defaultMargins && styles[`margins-${view}`], styles[weight], color && colors[color]), "data-test-id": dataTestId, ref: ref }, restProps), children)));
 

package/typography/modern/title/index.css

@@ -1,4 +1,4 @@
-/* hash: 1l3xg */
+/* hash: 1qjmv */
 :root {
 
     /* Hard */