@alfalab/core-components 35.1.0-beta.1 → 35.2.0

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import 'classnames';
-import '../colors.module-d320eab8.js';
-import { c as commonStyles } from '../common.module-fd4a069a.js';
+import '../colors.module-f107f867.js';
+import { c as commonStyles } from '../common.module-80dce853.js';
 import { Title } from '../title/component.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_jqu26","styrene-large":"typography__styrene-large_jqu26","styrene-medium":"typography__styrene-medium_jqu26","styrene-small":"typography__styrene-small_jqu26","styrene-xsmall":"typography__styrene-xsmall_jqu26","system-xlarge":"typography__system-xlarge_jqu26","system-large":"typography__system-large_jqu26","system-medium":"typography__system-medium_jqu26","system-small":"typography__system-small_jqu26","system-xsmall":"typography__system-xsmall_jqu26","margins-xlarge":"typography__margins-xlarge_jqu26","margins-large":"typography__margins-large_jqu26","margins-medium":"typography__margins-medium_jqu26","margins-small":"typography__margins-small_jqu26","margins-xsmall":"typography__margins-xsmall_jqu26"};

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

@@ -1,6 +1,6 @@
 import 'react';
 import 'classnames';
-import '../colors.module-d320eab8.js';
-import '../common.module-fd4a069a.js';
+import '../colors.module-f107f867.js';
+import '../common.module-80dce853.js';
 import '../title/component.js';
 export { TitleResponsive } from './component.js';

package/typography/text/component.d.ts

@@ -42,7 +42,7 @@ declare const Text: React.ForwardRefExoticComponent<Omit<NativeProps, "color"> &
     /**
      * [Вариант начертания](https://alfa-laboratory.github.io/core-components/master/?path=/docs/гайдлайны-типографика--page)
      */
-    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps" | undefined;
+    view?: "primary-medium" | "primary-small" | "primary-large" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps" | undefined;
     /**
      * Цвет текста
      */
@@ -58,7 +58,7 @@ declare const Text: React.ForwardRefExoticComponent<Omit<NativeProps, "color"> &
     /**
      * HTML тег
      */
-    tag?: "p" | "span" | "div" | undefined;
+    tag?: "div" | "p" | "span" | undefined;
     /**
      * Css-класс для стилизации (native prop)
      */

package/typography/text/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var colors_module = require('../colors.module-ce9afeb5.js');
+var colors_module = require('../colors.module-dfac9645.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-ce9afeb5.js');
+require('../colors.module-dfac9645.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-ce9afeb5.js');
+var colors_module = require('../colors.module-dfac9645.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-ce9afeb5.js');
+var colors_module = require('../colors.module-dfac9645.js');
 var React = require('react');
 require('classnames');
 var title_component = require('./component.js');
-var common_module = require('../common.module-0c019d9b.js');
+var common_module = require('../common.module-d6daf510.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/typography/title-mobile/component.js

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

package/typography/title-mobile/index.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../colors.module-ce9afeb5.js');
+require('../colors.module-dfac9645.js');
 require('react');
 require('classnames');
 require('../title/component.js');
-require('../common.module-0c019d9b.js');
+require('../common.module-d6daf510.js');
 var titleMobile_component = require('./component.js');
 
 

package/typography/title-responsive/component.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var colors_module = require('../colors.module-ce9afeb5.js');
+var colors_module = require('../colors.module-dfac9645.js');
 var React = require('react');
 require('classnames');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-0c019d9b.js');
+var common_module = require('../common.module-d6daf510.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-ce9afeb5.js');
+require('../colors.module-dfac9645.js');
 require('react');
 require('classnames');
 require('../title/component.js');
-require('../common.module-0c019d9b.js');
+require('../common.module-d6daf510.js');
 var titleResponsive_component = require('./component.js');
 
 

package/vars/colors-bluetint.js

@@ -1,5 +1,3 @@
-'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,5 +1,3 @@
-'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,5 +1,3 @@
-'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,5 +1,3 @@
-'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/dist/border-radius.css

@@ -0,0 +1,11 @@
+:root {
+    --border-radius-xs: 2px;
+    --border-radius-s: 4px;
+    --border-radius-m: 8px;
+    --border-radius-l: 12px;
+    --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
+    --border-radius-3xl: 24px;
+    --border-radius-circle: 50%;
+    --border-radius-pill: 99px;
+}

package/vars/dist/bundle/site.css

@@ -0,0 +1,5 @@
+@import '../colors-indigo.css';
+@import '../colors-addons.css';
+@import '../shadows-indigo.css';
+@import '../border-radius.css';
+@import '../gaps.css';

package/vars/dist/colors-addons.css

@@ -0,0 +1,98 @@
+:root {
+    --color-static-corpbg-neutral: #bdc0c2;
+    --color-static-corpbg-primary: #212a33;
+    --color-static-corpbg-secondary: #384048;
+    --color-static-corpbg-tertiary: #7a7f85;
+    --color-static-graphic-amethyst: #a489aa;
+    --color-static-graphic-blackberry: #bfafc6;
+    --color-static-graphic-blue-chill: #0f9c8c;
+    --color-static-graphic-blue-maya: #7eb3ff;
+    --color-static-graphic-blue-moody: #7879cf;
+    --color-static-graphic-blue-steel: #4f84ba;
+    --color-static-graphic-botticelli: #cee5e5;
+    --color-static-graphic-boulder: #7a7a7a;
+    --color-static-graphic-brink-pink: #fc617c;
+    --color-static-graphic-burnt-sienna: #eb7a58;
+    --color-static-graphic-carrot: #e8bba3;
+    --color-static-graphic-chatelle: #bfafc6;
+    --color-static-graphic-chathams-blue: #155966;
+    --color-static-graphic-chick: #f2db9e;
+    --color-static-graphic-crete: #847128;
+    --color-static-graphic-curious-blue: #2381db;
+    --color-static-graphic-curious-blue-light: #3b99d9;
+    --color-static-graphic-eastern-blue: #269cb3;
+    --color-static-graphic-french-lilac: #d3baed;
+    --color-static-graphic-fuel-yellow: #f29d32;
+    --color-static-graphic-fun-blue: #1d6ab5;
+    --color-static-graphic-gallery: #eee;
+    --color-static-graphic-green-jungle: #2fc26e;
+    --color-static-graphic-hippie-blue: #5aa4b0;
+    --color-static-graphic-jaffa: #f07134;
+    --color-static-graphic-jaffa-light: #f18836;
+    --color-static-graphic-java: #15c0e0;
+    --color-static-graphic-jungle-green: #2ab79a;
+    --color-static-graphic-lavender: #8888ad;
+    --color-static-graphic-mantis: #63cd4f;
+    --color-static-graphic-matisse: #16548f;
+    --color-static-graphic-milano-red: #cd1501;
+    --color-static-graphic-mirage: #1d2434;
+    --color-static-graphic-moon-raker: #e9dbf7;
+    --color-static-graphic-moss-green: #a6d29c;
+    --color-static-graphic-nevada: #626b75;
+    --color-static-graphic-olive: #bfd3c9;
+    --color-static-graphic-olivine: #87b965;
+    --color-static-graphic-peach: #fcc99b;
+    --color-static-graphic-persimmon: #ff5c5c;
+    --color-static-graphic-pewter: #96a5a5;
+    --color-static-graphic-pickled-bluewood: #2d3f50;
+    --color-static-graphic-porsche: #e7b965;
+    --color-static-graphic-raspberry: #dfb2bb;
+    --color-static-graphic-red-damask: #da713c;
+    --color-static-graphic-saffron: #f0c330;
+    --color-static-graphic-salomie: #fee984;
+    --color-static-graphic-sand: #f6bf65;
+    --color-static-graphic-sandy-brown: #f38f6f;
+    --color-static-graphic-seawater: #aecfd9;
+    --color-static-graphic-serenade: #fff0e3;
+    --color-static-graphic-sky: #a6c0db;
+    --color-static-graphic-soft-peach: #f3eaeb;
+    --color-static-graphic-solitude: #e8f2fe;
+    --color-static-graphic-strawberry: #f8b6a9;
+    --color-static-graphic-sundust: #d9d6ce;
+    --color-static-graphic-turkish-rose: #b56a6b;
+    --color-static-graphic-turquoise-blue: #6bd3e6;
+    --color-static-graphic-valencia: #d8463b;
+    --color-static-graphic-waikawa-gray: #5b6d9c;
+    --color-static-graphic-whisper: #f2eff6;
+    --color-static-graphic-zanah: #e1f0de;
+    --color-static-local-light-blue: #f5f7f9;
+    --color-static-overlay-black-high: rgba(0, 0, 0, 0.32);
+    --color-static-overlay-black-low: rgba(0, 0, 0, 0.16);
+    --color-static-overlay-black-normal: rgba(0, 0, 0, 0.24);
+    --color-static-overlay-black-xhigh: rgba(0, 0, 0, 0.4);
+    --color-static-overlay-black-xlow: rgba(0, 0, 0, 0.08);
+    --color-static-overlay-indigo-high: rgba(11, 31, 53, 0.32);
+    --color-static-overlay-indigo-low: rgba(11, 31, 53, 0.16);
+    --color-static-overlay-indigo-normal: rgba(11, 31, 53, 0.24);
+    --color-static-overlay-indigo-xhigh: rgba(11, 31, 53, 0.4);
+    --color-static-overlay-indigo-xlow: rgba(11, 31, 53, 0.08);
+    --color-static-overlay-white-high: rgba(255, 255, 255, 0.32);
+    --color-static-overlay-white-low: rgba(255, 255, 255, 0.16);
+    --color-static-overlay-white-normal: rgba(255, 255, 255, 0.24);
+    --color-static-overlay-white-xhigh: rgba(255, 255, 255, 0.4);
+    --color-static-overlay-white-xlow: rgba(255, 255, 255, 0.08);
+    --color-static-status-blue: #007aff;
+    --color-static-status-green: #13a463;
+    --color-static-status-grey: #6d7986;
+    --color-static-status-orange: #de6a00;
+    --color-static-status-purple: #673ab7;
+    --color-static-status-red: #d91d0b;
+    --color-static-status-teal: #219187;
+    --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
+    --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
+    --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
+    --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
+    --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
+    --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
+    --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
+}