@alfalab/core-components 46.0.0-beta.7 → 46.1.0-beta.0

package/tag/esm/components/base-tag/Component.d.ts

@@ -94,7 +94,7 @@ declare const BaseTag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClic
      * Размер компонента
      * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
      */
-    size?: "s" | "xs" | "m" | "l" | "xl" | "xxs" | 32 | 40 | 48 | 56 | 64 | 72 | undefined;
+    size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | 32 | 40 | 48 | 56 | 64 | 72 | undefined;
     /**
      * Дочерние элементы.
      */

package/tag/esm/index.js

@@ -2,7 +2,6 @@ export { Tag } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
-import '../../shared/esm';
 import './desktop/Component.desktop.js';
 import './components/base-tag/Component.js';
 import 'react-merge-refs';

package/tag/modern/Component.responsive.js

@@ -1,6 +1,5 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { getComponentBreakpoint } from '../../shared/modern';
 import { TagDesktop } from './desktop/Component.desktop.js';
 import { TagMobile } from './mobile/Component.mobile.js';
 import './components/base-tag/Component.js';
@@ -8,7 +7,7 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/hooks';
 
-const Tag = forwardRef(({ children, breakpoint = getComponentBreakpoint(), ...restProps }, ref) => {
+const Tag = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const [isDesktop] = useMatchMedia(query);
     const Component = isDesktop ? TagDesktop : TagMobile;

package/tag/modern/components/base-tag/Component.d.ts

@@ -94,7 +94,7 @@ declare const BaseTag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClic
      * Размер компонента
      * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
      */
-    size?: "s" | "xs" | "m" | "l" | "xl" | "xxs" | 32 | 40 | 48 | 56 | 64 | 72 | undefined;
+    size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | 32 | 40 | 48 | 56 | 64 | 72 | undefined;
     /**
      * Дочерние элементы.
      */

package/tag/modern/index.js

@@ -1,7 +1,6 @@
 export { Tag } from './Component.responsive.js';
 import 'react';
 import '../../mq/modern';
-import '../../shared/modern';
 import './desktop/Component.desktop.js';
 import './components/base-tag/Component.js';
 import 'react-merge-refs';

package/textarea/Component.js

@@ -8,7 +8,7 @@ var cn = require('classnames');
 var coreComponentsFormControl = require('../form-control');
 var coreComponentsShared = require('../shared');
 var hooks = require('@alfalab/hooks');
-var components_PseudoTextArea = require('./PseudoTextArea-7681334c.js');
+var components_PseudoTextArea = require('./PseudoTextArea-6644730b.js');
 var consts = require('./consts.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/textarea/components/PseudoTextArea.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../consts.js');
-var components_PseudoTextArea = require('../PseudoTextArea-7681334c.js');
+var components_PseudoTextArea = require('../PseudoTextArea-6644730b.js');
 
 
 

package/textarea/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-7681334c";
+export * from "../PseudoTextArea-6644730b";

package/textarea/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_PseudoTextArea = require('../PseudoTextArea-7681334c.js');
+var components_PseudoTextArea = require('../PseudoTextArea-6644730b.js');
 
 
 

package/textarea/cssm/default.module.css

@@ -1,6 +1,6 @@
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-neutral-1500: #121213;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-text-negative: #ec2d20;
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
@@ -23,7 +23,7 @@
     --input-placeholder-color: var(--color-light-text-secondary);
     --input-focus-placeholder-color: var(--color-light-text-tertiary);
     --input-with-label-placeholder-color: var(--color-light-text-tertiary);
-    --input-caret-color: var(--color-light-neutral-1500);
+    --input-caret-color: var(--color-light-neutral-translucent-1300);
 
     /* disabled */
     --input-disabled-color: var(--color-light-text-tertiary);

package/textarea/cssm/inverted.module.css

@@ -1,6 +1,6 @@
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-neutral-1500-inverted: #fff;
+    --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
     --color-light-text-negative: #ec2d20;
     --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
@@ -24,7 +24,7 @@
     --input-inverted-placeholder-color: var(--color-light-text-secondary-inverted);
     --input-inverted-focus-placeholder-color: var(--color-light-text-tertiary-inverted);
     --input-inverted-with-label-placeholder-color: var(--color-light-text-tertiary-inverted);
-    --input-inverted-caret-color: var(--color-light-neutral-1500-inverted);
+    --input-inverted-caret-color: var(--color-light-neutral-translucent-1300-inverted);
 
     /* disabled */
     --input-inverted-disabled-color: var(--color-light-text-tertiary-inverted);

package/textarea/default.css

@@ -1,7 +1,7 @@
 /* hash: ze0zk */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-neutral-1500: #121213;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-text-negative: #ec2d20;
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
@@ -24,7 +24,7 @@
     --input-placeholder-color: var(--color-light-text-secondary);
     --input-focus-placeholder-color: var(--color-light-text-tertiary);
     --input-with-label-placeholder-color: var(--color-light-text-tertiary);
-    --input-caret-color: var(--color-light-neutral-1500);
+    --input-caret-color: var(--color-light-neutral-translucent-1300);
 
     /* disabled */
     --input-disabled-color: var(--color-light-text-tertiary);

package/textarea/esm/Component.js

@@ -6,7 +6,7 @@ import cn from 'classnames';
 import { FormControl } from '../../form-control/esm';
 import { getDataTestId } from '../../shared/esm';
 import { useMedia, useFocus } from '@alfalab/hooks';
-import { s as styles, P as PseudoTextArea } from './PseudoTextArea-850a55b5.js';
+import { s as styles, P as PseudoTextArea } from './PseudoTextArea-8b632b20.js';
 import { SIZE_TO_CLASSNAME_MAP } from './consts.js';
 
 var defaultColors = {"input":"textarea__input_1ig8s","hasInnerLabel":"textarea__hasInnerLabel_1ig8s","disableUserInput":"textarea__disableUserInput_1ig8s","error":"textarea__error_1ig8s","textarea":"textarea__textarea_1ig8s","hint":"textarea__hint_1ig8s"};

package/textarea/esm/components/PseudoTextArea.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
-export { P as PseudoTextArea } from '../PseudoTextArea-850a55b5.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-8b632b20.js';
 import '../consts.js';

package/textarea/esm/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-850a55b5";
+export * from "../PseudoTextArea-8b632b20";

package/textarea/esm/components/index.js

@@ -1,4 +1,4 @@
-export { P as PseudoTextArea } from '../PseudoTextArea-850a55b5.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-8b632b20.js';
 import 'react';
 import 'classnames';
 import '../consts.js';

package/textarea/esm/default.css

@@ -1,7 +1,7 @@
 /* hash: ze0zk */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-neutral-1500: #121213;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-text-negative: #ec2d20;
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
@@ -24,7 +24,7 @@
     --input-placeholder-color: var(--color-light-text-secondary);
     --input-focus-placeholder-color: var(--color-light-text-tertiary);
     --input-with-label-placeholder-color: var(--color-light-text-tertiary);
-    --input-caret-color: var(--color-light-neutral-1500);
+    --input-caret-color: var(--color-light-neutral-translucent-1300);
 
     /* disabled */
     --input-disabled-color: var(--color-light-text-tertiary);

package/textarea/esm/index.js

@@ -7,5 +7,5 @@ import 'classnames';
 import '../../form-control/esm';
 import '../../shared/esm';
 import '@alfalab/hooks';
-import './PseudoTextArea-850a55b5.js';
+import './PseudoTextArea-8b632b20.js';
 import './consts.js';

package/textarea/esm/inverted.css

@@ -1,7 +1,7 @@
 /* hash: 1xivs */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-neutral-1500-inverted: #fff;
+    --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
     --color-light-text-negative: #ec2d20;
     --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
@@ -25,7 +25,7 @@
     --input-inverted-placeholder-color: var(--color-light-text-secondary-inverted);
     --input-inverted-focus-placeholder-color: var(--color-light-text-tertiary-inverted);
     --input-inverted-with-label-placeholder-color: var(--color-light-text-tertiary-inverted);
-    --input-inverted-caret-color: var(--color-light-neutral-1500-inverted);
+    --input-inverted-caret-color: var(--color-light-neutral-translucent-1300-inverted);
 
     /* disabled */
     --input-inverted-disabled-color: var(--color-light-text-tertiary-inverted);

package/textarea/inverted.css

@@ -1,7 +1,7 @@
 /* hash: 1xivs */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-neutral-1500-inverted: #fff;
+    --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
     --color-light-text-negative: #ec2d20;
     --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
@@ -25,7 +25,7 @@
     --input-inverted-placeholder-color: var(--color-light-text-secondary-inverted);
     --input-inverted-focus-placeholder-color: var(--color-light-text-tertiary-inverted);
     --input-inverted-with-label-placeholder-color: var(--color-light-text-tertiary-inverted);
-    --input-inverted-caret-color: var(--color-light-neutral-1500-inverted);
+    --input-inverted-caret-color: var(--color-light-neutral-translucent-1300-inverted);
 
     /* disabled */
     --input-inverted-disabled-color: var(--color-light-text-tertiary-inverted);

package/textarea/modern/Component.js

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { FormControl } from '../../form-control/modern';
 import { getDataTestId } from '../../shared/modern';
 import { useMedia, useFocus } from '@alfalab/hooks';
-import { s as styles, P as PseudoTextArea } from './PseudoTextArea-c51ed577.js';
+import { s as styles, P as PseudoTextArea } from './PseudoTextArea-e91a70e8.js';
 import { SIZE_TO_CLASSNAME_MAP } from './consts.js';
 
 const defaultColors = {"input":"textarea__input_1ig8s","hasInnerLabel":"textarea__hasInnerLabel_1ig8s","disableUserInput":"textarea__disableUserInput_1ig8s","error":"textarea__error_1ig8s","textarea":"textarea__textarea_1ig8s","hint":"textarea__hint_1ig8s"};

package/textarea/modern/components/PseudoTextArea.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
-export { P as PseudoTextArea } from '../PseudoTextArea-c51ed577.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-e91a70e8.js';
 import '../consts.js';

package/textarea/modern/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-c51ed577";
+export * from "../PseudoTextArea-e91a70e8";

package/textarea/modern/components/index.js

@@ -1,4 +1,4 @@
-export { P as PseudoTextArea } from '../PseudoTextArea-c51ed577.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-e91a70e8.js';
 import 'react';
 import 'classnames';
 import '../consts.js';

package/textarea/modern/default.css

@@ -1,7 +1,7 @@
 /* hash: ze0zk */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-neutral-1500: #121213;
+    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
     --color-light-text-negative: #ec2d20;
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
@@ -24,7 +24,7 @@
     --input-placeholder-color: var(--color-light-text-secondary);
     --input-focus-placeholder-color: var(--color-light-text-tertiary);
     --input-with-label-placeholder-color: var(--color-light-text-tertiary);
-    --input-caret-color: var(--color-light-neutral-1500);
+    --input-caret-color: var(--color-light-neutral-translucent-1300);
 
     /* disabled */
     --input-disabled-color: var(--color-light-text-tertiary);

package/textarea/modern/index.js

@@ -6,5 +6,5 @@ import 'classnames';
 import '../../form-control/modern';
 import '../../shared/modern';
 import '@alfalab/hooks';
-import './PseudoTextArea-c51ed577.js';
+import './PseudoTextArea-e91a70e8.js';
 import './consts.js';

package/textarea/modern/inverted.css

@@ -1,7 +1,7 @@
 /* hash: 1xivs */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-light-neutral-1500-inverted: #fff;
+    --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
     --color-light-text-negative: #ec2d20;
     --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
     --color-light-text-secondary: rgba(4, 4, 19, 0.55);
@@ -25,7 +25,7 @@
     --input-inverted-placeholder-color: var(--color-light-text-secondary-inverted);
     --input-inverted-focus-placeholder-color: var(--color-light-text-tertiary-inverted);
     --input-inverted-with-label-placeholder-color: var(--color-light-text-tertiary-inverted);
-    --input-inverted-caret-color: var(--color-light-neutral-1500-inverted);
+    --input-inverted-caret-color: var(--color-light-neutral-translucent-1300-inverted);
 
     /* disabled */
     --input-inverted-disabled-color: var(--color-light-text-tertiary-inverted);

package/themes/button/corp.css

@@ -30,8 +30,8 @@
     --button-inverted-accent-color: var(--color-light-text-primary);
 
     /* spinner */
-    --button-spinner-static-color: var(--color-light-neutral-1500-inverted);
-    --button-spinner-inverted-static-color: var(--color-light-neutral-1500);
-    --button-spinner-primary-color: var(--color-static-neutral-1500-inverted);
-    --button-spinner-inverted-primary-color: var(--color-static-neutral-1500-inverted);
+    --button-spinner-static-color: var(--color-light-neutral-translucent-1300-inverted);
+    --button-spinner-inverted-static-color: var(--color-light-neutral-translucent-1300);
+    --button-spinner-primary-color: var(--color-static-neutral-translucent-1300-inverted);
+    --button-spinner-inverted-primary-color: var(--color-static-neutral-translucent-1300-inverted);
 }

package/themes/button/site.css

@@ -32,10 +32,12 @@
     --button-inverted-primary-mobile-color: var(--color-static-text-primary-inverted);
 
     /* spinner */
-    --button-spinner-primary-color: var(--color-static-neutral-1500-inverted);
-    --button-spinner-inverted-primary-color: var(--color-static-neutral-1500-inverted);
+    --button-spinner-primary-color: var(--color-static-neutral-translucent-1300-inverted);
+    --button-spinner-inverted-primary-color: var(--color-static-neutral-translucent-1300-inverted);
 
     /* spinner mobile */
-    --button-spinner-primary-mobile-color: var(--color-static-neutral-1500-inverted);
-    --button-spinner-inverted-primary-mobile-color: var(--color-static-neutral-1500-inverted);
+    --button-spinner-primary-mobile-color: var(--color-static-neutral-translucent-1300-inverted);
+    --button-spinner-inverted-primary-mobile-color: var(
+        --color-static-neutral-translucent-1300-inverted
+    );
 }

package/themes/checkbox/site.css

@@ -5,6 +5,6 @@
     --checkbox-checked-active-bg-color: var(--color-light-accent-primary-press);
 
     /* icon */
-    --checkbox-icon-color: var(--color-static-neutral-1500-inverted);
-    --checkbox-icon-indeterminate-color: var(--color-static-neutral-1500-inverted);
+    --checkbox-icon-color: var(--color-static-neutral-translucent-1300-inverted);
+    --checkbox-icon-indeterminate-color: var(--color-static-neutral-translucent-1300-inverted);
 }

package/themes/compiled/mobile-dark-bluetint.css

@@ -1,4 +1,23 @@
-.badge__component_1x6bo.badge__background-accent_1x6bo {
+.card-image__cardImage_bvs5x {
+    background: #e7e8ea;
+} .card-image__loaded_bvs5x {
+    background: transparent
+}.backdrop__backdrop_14p7c {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_14p7c,
+.backdrop__enter_14p7c {
+    background-color: transparent;
+} .backdrop__appearActive_14p7c,
+.backdrop__enterActive_14p7c,
+.backdrop__appearDone_14p7c,
+.backdrop__enterDone_14p7c {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exit_14p7c {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exitActive_14p7c,
+.backdrop__exitDone_14p7c {
+    background-color: transparent;
+}.badge__component_1x6bo.badge__background-accent_1x6bo {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
     } .badge__component_1x6bo.badge__background-specialbg-secondary-transparent_1x6bo {
@@ -8,9 +27,9 @@
         background-color: #262629;
         color: rgba(255, 255, 255, 0.94);
     } .badge__outlineCount_1x6bo {
-    border: 2px solid #121213;
+    border: 2px solid rgba(3, 3, 6, 0.88);
 } .badge__heightS_1x6bo.badge__outlineCount_1x6bo {
-    border: 1px solid #121213;
+    border: 1px solid rgba(3, 3, 6, 0.88);
 } .badge__icon_1x6bo {
     color: #17d055
 } .badge__icon_1x6bo.badge__positive_1x6bo {
@@ -32,14 +51,14 @@
         color: #898991;
         background-color: #898991;
     } .badge__icon_1x6bo.badge__primary_1x6bo {
-        color: #fff;
-        background-color: #fff;
+        color: rgba(255, 255, 255, 0.94);
+        background-color: rgba(255, 255, 255, 0.94);
     } .badge__graphic-static-light_1x6bo.badge__icon_1x6bo:before {
-    background-color: #fff;
+    background-color: rgba(255, 255, 255, 0.94);
 } .badge__graphic-primary_1x6bo.badge__icon_1x6bo:before {
-    background-color: #fff;
+    background-color: rgba(255, 255, 255, 0.94);
 } .badge__outline_1x6bo {
-    background-color: #121213;
+    background-color: rgba(3, 3, 6, 0.88);
 } .badge__outlineColor_1x6bo {
     background-color: #f83a2a
 } .badge__outlineColor_1x6bo.badge__attention_1x6bo {
@@ -55,32 +74,13 @@
     } .badge__outlineColor_1x6bo.badge__secondary_1x6bo {
         background-color: #898991;
     } .badge__outlineColor_1x6bo.badge__primary_1x6bo {
-        background-color: #fff;
+        background-color: rgba(255, 255, 255, 0.94);
     } .badge__dot_1x6bo.badge__outlineCount_1x6bo {
-    border: 1px solid #121213;
-}.backdrop__backdrop_14p7c {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_14p7c,
-.backdrop__enter_14p7c {
-    background-color: transparent;
-} .backdrop__appearActive_14p7c,
-.backdrop__enterActive_14p7c,
-.backdrop__appearDone_14p7c,
-.backdrop__enterDone_14p7c {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_14p7c {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_14p7c,
-.backdrop__exitDone_14p7c {
-    background-color: transparent;
-}.card-image__cardImage_bvs5x {
-    background: #e7e8ea;
-} .card-image__loaded_bvs5x {
-    background: transparent
+    border: 1px solid rgba(3, 3, 6, 0.88);
 }.divider__component_wc83h {
     border-bottom: 1px solid #353539;
 }.dropzone__component_14isj {
-    border: 1px dashed #fff;
+    border: 1px dashed rgba(255, 255, 255, 0.94);
 } .dropzone__component_14isj:not(.dropzone__disabled_14isj):hover {
     background-color: transparent;
 } .dropzone__dragOver_14isj {
@@ -165,35 +165,35 @@
     } .hatching-progress-bar__secondary_uc0xr {
         background: #898991;
     } .hatching-progress-bar__primary_uc0xr {
-        background: #fff;
+        background: rgba(255, 255, 255, 0.94);
     } .hatching-progress-bar__accent_uc0xr {
         background: #f83a2a;
-    }.icon-view__component_14i8j {
-    color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_14i8j {
-    fill: #1c1c1e;
-} .icon-view__border_14i8j {
-    stroke: rgba(225, 225, 248, 0.09);
-    fill: transparent;
-}.indicator__component_1nsoq {
+    }.indicator__component_1nsoq {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
 } .indicator__red_1nsoq {
     background-color: #f83a2a;
     color: rgba(255, 255, 255, 0.94)
 } .indicator__red_1nsoq.indicator__border_1nsoq {
-        outline: 2px solid #121213;
+        outline: 2px solid rgba(3, 3, 6, 0.88);
     } .indicator__white_1nsoq {
     background-color: #262629;
     color: rgba(255, 255, 255, 0.94)
 } .indicator__white_1nsoq.indicator__border_1nsoq {
-        outline: 2px solid #121213;
+        outline: 2px solid rgba(3, 3, 6, 0.88);
     } .indicator__grey_1nsoq {
     background-color: rgba(225, 225, 248, 0.09);
     color: rgba(255, 255, 255, 0.94)
 } .indicator__grey_1nsoq.indicator__border_1nsoq {
-        outline: 2px solid #121213;
-    }@keyframes loader__blink_1pw7m {
+        outline: 2px solid rgba(3, 3, 6, 0.88);
+    }.icon-view__component_14i8j {
+    color: rgba(238, 238, 251, 0.55)
+} .icon-view__bg_14i8j {
+    fill: #1c1c1e;
+} .icon-view__border_14i8j {
+    stroke: rgba(225, 225, 248, 0.09);
+    fill: transparent;
+}@keyframes loader__blink_1pw7m {
 }.link__primary_ntmi4 {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
@@ -275,7 +275,7 @@
     } .progress-bar__filled_1s9v6.progress-bar__secondary_1s9v6 {
         background: #898991;
     } .progress-bar__filled_1s9v6.progress-bar__primary_1s9v6 {
-        background: #fff;
+        background: rgba(255, 255, 255, 0.94);
     } .progress-bar__filled_1s9v6.progress-bar__accent_1s9v6 {
         background: #f83a2a;
     }.scrollbar__component_1qo42 .scrollbar:before {
@@ -353,12 +353,12 @@
     } .slider__component_jbeda .noUi-pips {
         color: rgba(238, 238, 251, 0.55);
     }.spinner__component_15bi5 {
-    color: #fff;
+    color: rgba(255, 255, 255, 0.94);
 }
 @keyframes spinner__spin_animation_ggbat {
 }
 .spinner__component_1b5um {
-    color: #121213;
+    color: rgba(3, 3, 6, 0.88);
 }.status__muted-alt_1keqd.status__green_1keqd {
             background: #d1f1d7;
             color: #0d9336;
@@ -431,7 +431,7 @@
     background-color: #898991;
 }
 .status-badge__component_dkjbi {
-    color: #fff;
+    color: rgba(255, 255, 255, 0.94);
 }
 .status-badge__positive-checkmark_1ez6y {
     background-color: #0cc44d;

package/themes/corp.css

@@ -1541,10 +1541,10 @@
     --button-inverted-accent-disabled-bg-color: var(--color-light-neutral-translucent-100-inverted);
     --button-inverted-accent-color: var(--color-light-text-primary);
     /* spinner */
-    --button-spinner-static-color: var(--color-light-neutral-1500-inverted);
-    --button-spinner-inverted-static-color: var(--color-light-neutral-1500);
-    --button-spinner-primary-color: var(--color-static-neutral-1500-inverted);
-    --button-spinner-inverted-primary-color: var(--color-static-neutral-1500-inverted);
+    --button-spinner-static-color: var(--color-light-neutral-translucent-1300-inverted);
+    --button-spinner-inverted-static-color: var(--color-light-neutral-translucent-1300);
+    --button-spinner-primary-color: var(--color-static-neutral-translucent-1300-inverted);
+    --button-spinner-inverted-primary-color: var(--color-static-neutral-translucent-1300-inverted);
     /* theme */
     --primary-tablist-bottom-border-color: var(--color-light-border-underline);
 }

package/themes/mixins/button/corp.css

@@ -30,8 +30,8 @@
     --button-inverted-accent-color: var(--color-light-text-primary);
 
     /* spinner */
-    --button-spinner-static-color: var(--color-light-neutral-1500-inverted);
-    --button-spinner-inverted-static-color: var(--color-light-neutral-1500);
-    --button-spinner-primary-color: var(--color-static-neutral-1500-inverted);
-    --button-spinner-inverted-primary-color: var(--color-static-neutral-1500-inverted);
+    --button-spinner-static-color: var(--color-light-neutral-translucent-1300-inverted);
+    --button-spinner-inverted-static-color: var(--color-light-neutral-translucent-1300);
+    --button-spinner-primary-color: var(--color-static-neutral-translucent-1300-inverted);
+    --button-spinner-inverted-primary-color: var(--color-static-neutral-translucent-1300-inverted);
 }

package/themes/mixins/button/site.css

@@ -32,10 +32,12 @@
     --button-inverted-primary-mobile-color: var(--color-static-text-primary-inverted);
 
     /* spinner */
-    --button-spinner-primary-color: var(--color-static-neutral-1500-inverted);
-    --button-spinner-inverted-primary-color: var(--color-static-neutral-1500-inverted);
+    --button-spinner-primary-color: var(--color-static-neutral-translucent-1300-inverted);
+    --button-spinner-inverted-primary-color: var(--color-static-neutral-translucent-1300-inverted);
 
     /* spinner mobile */
-    --button-spinner-primary-mobile-color: var(--color-static-neutral-1500-inverted);
-    --button-spinner-inverted-primary-mobile-color: var(--color-static-neutral-1500-inverted);
+    --button-spinner-primary-mobile-color: var(--color-static-neutral-translucent-1300-inverted);
+    --button-spinner-inverted-primary-mobile-color: var(
+        --color-static-neutral-translucent-1300-inverted
+    );
 }

package/themes/mixins/checkbox/site.css

@@ -5,6 +5,6 @@
     --checkbox-checked-active-bg-color: var(--color-light-accent-primary-press);
 
     /* icon */
-    --checkbox-icon-color: var(--color-static-neutral-1500-inverted);
-    --checkbox-icon-indeterminate-color: var(--color-static-neutral-1500-inverted);
+    --checkbox-icon-color: var(--color-static-neutral-translucent-1300-inverted);
+    --checkbox-icon-indeterminate-color: var(--color-static-neutral-translucent-1300-inverted);
 }

package/themes/mixins/radio/site.css

@@ -5,5 +5,5 @@
     --radio-checked-active-bg-color: var(--color-light-accent-primary-press);
 
     /* icon */
-    --radio-icon-color: var(--color-static-neutral-1500-inverted);
+    --radio-icon-color: var(--color-static-neutral-translucent-1300-inverted);
 }