@alfalab/core-components 21.0.0 → 21.2.1-beta.0

package/typography/component.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./colors.module-ded492e1.js');
+require('./colors.module-27351680.js');
 require('react');
 require('classnames');
 require('./title/component.js');
-require('./common.module-1de331b9.js');
+require('./common.module-76bc6308.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/cssm/text/component.d.ts

@@ -50,7 +50,7 @@ declare const Text: React.ForwardRefExoticComponent<Pick<NativeProps, "defaultCh
     /**
      * Толщина шрифта
      */
-    weight?: "medium" | "regular" | "bold" | undefined;
+    weight?: "regular" | "medium" | "bold" | undefined;
     /**
      * Делает цифры моноширинными
      */
@@ -58,7 +58,7 @@ declare const Text: React.ForwardRefExoticComponent<Pick<NativeProps, "defaultCh
     /**
      * HTML тег
      */
-    tag?: "div" | "p" | "span" | undefined;
+    tag?: "p" | "span" | "div" | undefined;
     /**
      * Css-класс для стилизации (native prop)
      */

package/typography/cssm/title/component.d.ts

@@ -51,11 +51,11 @@ declare const Title: React.ForwardRefExoticComponent<Pick<NativeProps, "defaultC
     /**
      * HTML тег
      */
-    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+    tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     /**
      * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
      */
-    view?: "xlarge" | "large" | "medium" | "small" | "xsmall" | undefined;
+    view?: "medium" | "small" | "xlarge" | "large" | "xsmall" | undefined;
     /**
      * Цвет текста
      */
@@ -63,7 +63,7 @@ declare const Title: React.ForwardRefExoticComponent<Pick<NativeProps, "defaultC
     /**
      * Толщина шрифта
      */
-    weight?: "medium" | "regular" | "bold" | undefined;
+    weight?: "regular" | "medium" | "bold" | undefined;
     /**
      * Шрифт текста
      */

package/typography/esm/component.js

@@ -1,5 +1,5 @@
-import './colors.module-d21f47ee.js';
-import './common.module-9782b936.js';
+import './colors.module-5ec81d89.js';
+import './common.module-c8536c86.js';
 import 'react';
 import 'classnames';
 import './title/component.js';

package/typography/esm/index.js

@@ -1,5 +1,5 @@
-import './colors.module-d21f47ee.js';
-import './common.module-9782b936.js';
+import './colors.module-5ec81d89.js';
+import './common.module-c8536c86.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-d21f47ee.js';
+import { a as __rest, _ as __assign, c as colors } from '../colors.module-5ec81d89.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 

package/typography/esm/text/index.js

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

package/typography/esm/title/component.js

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

package/typography/esm/title/index.js

@@ -1,5 +1,5 @@
-import { _ as __assign } from '../colors.module-d21f47ee.js';
-import { c as commonStyles } from '../common.module-9782b936.js';
+import { _ as __assign } from '../colors.module-5ec81d89.js';
+import { c as commonStyles } from '../common.module-c8536c86.js';
 import React from 'react';
 import 'classnames';
 import { Title as Title$1 } from './component.js';

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

@@ -1,5 +1,5 @@
-import { _ as __assign } from '../colors.module-d21f47ee.js';
-import { c as commonStyles } from '../common.module-9782b936.js';
+import { _ as __assign } from '../colors.module-5ec81d89.js';
+import { c as commonStyles } from '../common.module-c8536c86.js';
 import React from 'react';
 import 'classnames';
 import { Title } from '../title/component.js';

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

@@ -1,5 +1,5 @@
-import '../colors.module-d21f47ee.js';
-import '../common.module-9782b936.js';
+import '../colors.module-5ec81d89.js';
+import '../common.module-c8536c86.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-ded492e1.js');
+require('./colors.module-27351680.js');
 require('react');
 require('classnames');
 require('./title/component.js');
-require('./common.module-1de331b9.js');
+require('./common.module-76bc6308.js');
 require('./title/index.js');
 require('./text/component.js');
 require('./title-responsive/component.js');

package/typography/modern/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
-import './colors.module-5a6490a8.js';
-import './common.module-9782b936.js';
+import './colors.module-fa7415e8.js';
+import './common.module-c8536c86.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-5a6490a8.js';
-import './common.module-9782b936.js';
+import './colors.module-fa7415e8.js';
+import './common.module-c8536c86.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-5a6490a8.js';
+import { c as colors } from '../colors.module-fa7415e8.js';
 
 var styles = {"paragraph":"typography__paragraph_1o3ta","primary-large":"typography__primary-large_1o3ta","primary-medium":"typography__primary-medium_1o3ta","primary-small":"typography__primary-small_1o3ta","secondary-large":"typography__secondary-large_1o3ta","secondary-medium":"typography__secondary-medium_1o3ta","secondary-small":"typography__secondary-small_1o3ta","component":"typography__component_1o3ta","caps":"typography__caps_1o3ta","bold":"typography__bold_1o3ta","medium":"typography__medium_1o3ta","regular":"typography__regular_1o3ta","monospace":"typography__monospace_1o3ta"};
 require('./index.css');

package/typography/modern/text/index.js

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

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-5a6490a8.js';
+import { c as colors } from '../colors.module-fa7415e8.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.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import 'classnames';
-import '../colors.module-5a6490a8.js';
-import { c as commonStyles } from '../common.module-9782b936.js';
+import '../colors.module-fa7415e8.js';
+import { c as commonStyles } from '../common.module-c8536c86.js';
 import { Title as Title$1 } from './component.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_19kun","styrene-large":"typography__styrene-large_19kun","styrene-medium":"typography__styrene-medium_19kun","styrene-small":"typography__styrene-small_19kun","styrene-xsmall":"typography__styrene-xsmall_19kun","system-xlarge":"typography__system-xlarge_19kun","system-large":"typography__system-large_19kun","system-medium":"typography__system-medium_19kun","system-small":"typography__system-small_19kun","system-xsmall":"typography__system-xsmall_19kun","margins-xlarge":"typography__margins-xlarge_19kun","margins-large":"typography__margins-large_19kun","margins-medium":"typography__margins-medium_19kun","margins-small":"typography__margins-small_19kun","margins-xsmall":"typography__margins-xsmall_19kun","bold":"typography__bold_19kun","medium":"typography__medium_19kun","regular":"typography__regular_19kun"};

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import 'classnames';
-import '../colors.module-5a6490a8.js';
-import { c as commonStyles } from '../common.module-9782b936.js';
+import '../colors.module-fa7415e8.js';
+import { c as commonStyles } from '../common.module-c8536c86.js';
 import { Title } from '../title/component.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_1awxd","styrene-large":"typography__styrene-large_1awxd","styrene-medium":"typography__styrene-medium_1awxd","styrene-small":"typography__styrene-small_1awxd","styrene-xsmall":"typography__styrene-xsmall_1awxd","system-xlarge":"typography__system-xlarge_1awxd","system-large":"typography__system-large_1awxd","system-medium":"typography__system-medium_1awxd","system-small":"typography__system-small_1awxd","system-xsmall":"typography__system-xsmall_1awxd","margins-xlarge":"typography__margins-xlarge_1awxd","margins-large":"typography__margins-large_1awxd","margins-medium":"typography__margins-medium_1awxd","margins-small":"typography__margins-small_1awxd","margins-xsmall":"typography__margins-xsmall_1awxd"};

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

@@ -1,6 +1,6 @@
 import 'react';
 import 'classnames';
-import '../colors.module-5a6490a8.js';
-import '../common.module-9782b936.js';
+import '../colors.module-fa7415e8.js';
+import '../common.module-c8536c86.js';
 import '../title/component.js';
 export { TitleResponsive } from './component.js';

package/typography/text/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var colors_module = require('../colors.module-ded492e1.js');
+var colors_module = require('../colors.module-27351680.js');
 var React = require('react');
 var cn = require('classnames');
 

package/typography/text/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../colors.module-ded492e1.js');
+require('../colors.module-27351680.js');
 require('react');
 require('classnames');
 var text_component = require('./component.js');

package/typography/title/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var colors_module = require('../colors.module-ded492e1.js');
+var colors_module = require('../colors.module-27351680.js');
 var React = require('react');
 var cn = require('classnames');
 

package/typography/title/index.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var colors_module = require('../colors.module-ded492e1.js');
+var colors_module = require('../colors.module-27351680.js');
 var React = require('react');
 require('classnames');
 var title_component = require('./component.js');
-var common_module = require('../common.module-1de331b9.js');
+var common_module = require('../common.module-76bc6308.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/typography/title-responsive/component.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var colors_module = require('../colors.module-ded492e1.js');
+var colors_module = require('../colors.module-27351680.js');
 var React = require('react');
 require('classnames');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-1de331b9.js');
+var common_module = require('../common.module-76bc6308.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/typography/title-responsive/index.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../colors.module-ded492e1.js');
+require('../colors.module-27351680.js');
 require('react');
 require('classnames');
 require('../title/component.js');
-require('../common.module-1de331b9.js');
+require('../common.module-76bc6308.js');
 var titleResponsive_component = require('./component.js');
 
 

package/vars/colors-bluetint.js

@@ -1,3 +1,5 @@
+'use strict';
+
 var styles = require('!!css-loader!@alfalab/core-components/vars/colors-bluetint.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/vars/colors-indigo.js

@@ -1,3 +1,5 @@
+'use strict';
+
 var styles = require('!!css-loader!@alfalab/core-components/vars/colors-indigo.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/vars/cssm/colors-bluetint.js

@@ -1,3 +1,5 @@
+'use strict';
+
 var styles = require('!!css-loader!@alfalab/core-components/vars/colors-bluetint.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/vars/cssm/colors-indigo.js

@@ -1,3 +1,5 @@
+'use strict';
+
 var styles = require('!!css-loader!@alfalab/core-components/vars/colors-indigo.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/vars/package.json

@@ -1,3 +1,13 @@
 {
-    "module": "./esm/index.js"
+    "name": "@alfalab/core-components-vars",
+    "version": "4.1.0",
+    "description": "",
+    "keywords": [],
+    "license": "MIT",
+    "style": "index.css",
+    "publishConfig": {
+        "access": "public",
+        "directory": "dist"
+    },
+    "postinstall": "node ./dist/send-stats.js > /dev/null 2>&1 || exit 0"
 }

package/themes/dist/amount/click.css

@@ -1,4 +0,0 @@
-:root {
-    --amount-major-part-font-weight: bold;
-    --amount-minor-part-font-weight: bold;
-}

package/themes/dist/backdrop/click.css

@@ -1,4 +0,0 @@
-:root {
-    /* TODO: в темной теме что-то не то */
-    --backdrop-visible-background: var(--color-light-graphic-primary-alpha-50);
-}

package/themes/dist/button/click.css

@@ -1,13 +0,0 @@
-:root {
-    /* primary */
-    --button-primary-base-bg-color: var(--color-light-bg-accent);
-    --button-primary-hover-bg-color: var(--color-light-bg-accent-shade-10);
-    --button-primary-active-bg-color: var(--color-light-bg-accent-shade-30);
-    --button-primary-disabled-bg-color: var(--color-light-bg-accent-alpha-30);
-
-    /* secondary */
-    --button-secondary-base-bg-color: var(--color-light-bg-neutral);
-    --button-secondary-hover-bg-color: var(--color-light-bg-neutral-shade-10);
-    --button-secondary-active-bg-color: var(--color-light-bg-neutral-shade-30);
-    --button-secondary-disabled-bg-color: var(--color-light-bg-neutral-alpha-30);
-}

package/themes/dist/button/corp.css

@@ -1,21 +0,0 @@
-:root {
-    /* secondary */
-    --button-secondary-base-bg-color: transparent;
-    --button-secondary-hover-bg-color: var(--color-light-specialbg-component);
-    --button-secondary-active-bg-color: var(--color-light-specialbg-component-shade-7);
-    --button-secondary-disabled-bg-color: transparent;
-    --button-secondary-base-border-color: var(--color-light-border-tertiary-inverted);
-    --button-secondary-disabled-border-color: var(--color-light-border-tertiary-inverted-alpha-30);
-
-    /* inverted-secondary */
-
-    /* TODO colod-mod */
-    --button-inverted-secondary-color: var(--color-light-text-primary-inverted);
-    --button-inverted-secondary-base-bg-color: transparent;
-    --button-inverted-secondary-base-border-color: var(--color-light-border-key-inverted);
-    --button-inverted-secondary-hover-bg-color: var(--color-static-bg-primary-dark-alpha-10);
-    --button-inverted-secondary-active-bg-color: var(--color-static-bg-primary-dark-alpha-20);
-    --button-inverted-secondary-disabled-bg-color: var(--color-light-bg-primary-alpha-8);
-    --button-inverted-secondary-disabled-border-color: transparent;
-    --button-inverted-secondary-disabled-color: var(--color-light-text-primary-inverted-alpha-40);
-}

package/themes/dist/button/mobile.css

@@ -1,19 +0,0 @@
-:root {
-    /* theme */
-    --button-border-radius: var(--border-radius-l);
-    --button-font-weight: bold;
-
-    /* primary */
-    --button-primary-base-bg-color: var(--color-light-bg-secondary-inverted);
-    --button-primary-hover-bg-color: var(--color-light-bg-secondary-inverted);
-    --button-primary-active-bg-color: var(--color-light-bg-primary-inverted);
-    --button-primary-disabled-bg-color: var(--color-light-bg-secondary-inverted);
-    --button-primary-disabled-color: var(--color-light-text-tertiary-inverted);
-
-    /* secondary */
-    --button-secondary-base-bg-color: var(--color-light-bg-secondary);
-    --button-secondary-hover-bg-color: var(--color-light-bg-secondary);
-    --button-secondary-active-bg-color: var(--color-light-bg-tertiary);
-    --button-secondary-disabled-bg-color: var(--color-light-bg-secondary);
-    --button-secondary-disabled-color: var(--color-light-text-disabled);
-}

package/themes/dist/button/site.css

@@ -1,5 +0,0 @@
-:root {
-    /* theme */
-    --button-border-radius: var(--border-radius-m);
-    --button-active-transform: scale(0.97);
-}

package/themes/dist/calendar/click.css

@@ -1,11 +0,0 @@
-:root {
-    /* theme */
-    --calendar-arrow-background: url('https://alfabank.st/icons/glyph_chevron-back_m.svg');
-    --calendar-select-icon-background: url('https://alfabank.st/icons/glyph_arrow-up-down_m.svg');
-    --calendar-today-border-color: transparent;
-    --calendar-range-background: var(--color-light-bg-secondary);
-    --calendar-selector-button-outline-border-color: transparent;
-    --calendar-month-only-header-font-family: var(--font-family-styrene);
-    --calendar-month-only-header-font-size: 20px;
-    --calendar-month-only-header-font-weight: 500;
-}

package/themes/dist/calendar-input/click.css

@@ -1,4 +0,0 @@
-:root {
-    --calendar-input-popover-border-color: transparent;
-    --calendar-input-popover-border-radius: var(--border-radius-s);
-}

package/themes/dist/calendar-input/corp.css

@@ -1,3 +0,0 @@
-:root {
-    --calendar-input-icon-color: var(--color-light-graphic-secondary);
-}

package/themes/dist/checkbox/click.css

@@ -1,9 +0,0 @@
-:root {
-    /* theme */
-    --checkbox-checked-bg-color: var(--color-light-graphic-positive);
-    --checkbox-checked-border-color: transparent;
-    --checkbox-checked-hover-bg-color: var(--color-light-graphic-positive-shade-10);
-    --checkbox-checked-hover-border-color: transparent;
-    --checkbox-checked-active-bg-color: var(--color-light-graphic-positive-shade-30);
-    --checkbox-checked-active-border-color: transparent;
-}

package/themes/dist/checkbox/mobile.css

@@ -1,19 +0,0 @@
-:root {
-    /* unchecked */
-    --checkbox-bg-color: var(--color-light-graphic-primary-inverted);
-    --checkbox-border-color: var(--color-light-graphic-secondary);
-    --checkbox-hover-bg-color: var(--color-light-graphic-primary-inverted);
-    --checkbox-hover-border-color: var(--color-light-graphic-secondary);
-
-    /* active */
-    --checkbox-active-bg-color: var(--color-light-graphic-primary-inverted);
-    --checkbox-active-border-color: var(--color-light-border-key);
-
-    /* checked */
-    --checkbox-checked-hover-bg-color: var(--color-light-graphic-primary-shade-10);
-    --checkbox-checked-active-bg-color: var(--color-light-graphic-primary-shade-30);
-    --checkbox-checked-bg-color: var(--color-light-graphic-primary);
-
-    /* icon */
-    --checkbox-icon-color: var(--color-light-graphic-primary-inverted);
-}