@alfalab/core-components 48.29.0-beta.1 → 48.29.0-snapshot.2-b4d1ee6

package/tooltip/cssm/mobile/Component.mobile.js

@@ -33,7 +33,7 @@ var TooltipMobile = function (_a) {
         }
     };
     return (React__default.default.createElement(React.Fragment, null,
-        React__default.default.createElement(coreComponentsBottomSheet.BottomSheet, tslib.__assign({ open: show, actionButton: React__default.default.createElement(mobile.ButtonMobile, { view: 'secondary', block: true, size: 56, onClick: handleClose }, actionButtonTitle) }, restProps, { container: getPortalContainer, onClose: handleClose }), content),
+        React__default.default.createElement(coreComponentsBottomSheet.BottomSheet, tslib.__assign({ open: show, actionButton: React__default.default.createElement(mobile.ButtonMobile, { view: 'secondary', block: true, size: 56, onClick: handleClose }, actionButtonTitle) }, restProps, { container: getPortalContainer, onClose: handleClose, isSwipeMarkerAvailable: false }), content),
         React__default.default.createElement(TargetTag, { ref: targetRef, onClick: handleOpen, className: cn__default.default(styles__default.default.target, targetClassName, (_b = {},
                 _b[styles__default.default.inline] = TargetTag === 'span',
                 _b)) },

package/tooltip/esm/mobile/Component.mobile.js

@@ -27,7 +27,7 @@ var TooltipMobile = function (_a) {
         }
     };
     return (React.createElement(Fragment, null,
-        React.createElement(BottomSheet, __assign({ open: show, actionButton: React.createElement(ButtonMobile, { view: 'secondary', block: true, size: 56, onClick: handleClose }, actionButtonTitle) }, restProps, { container: getPortalContainer, onClose: handleClose }), content),
+        React.createElement(BottomSheet, __assign({ open: show, actionButton: React.createElement(ButtonMobile, { view: 'secondary', block: true, size: 56, onClick: handleClose }, actionButtonTitle) }, restProps, { container: getPortalContainer, onClose: handleClose, isSwipeMarkerAvailable: false }), content),
         React.createElement(TargetTag, { ref: targetRef, onClick: handleOpen, className: cn(styles.target, targetClassName, (_b = {},
                 _b[styles.inline] = TargetTag === 'span',
                 _b)) },

package/tooltip/mobile/Component.mobile.js

@@ -34,7 +34,7 @@ var TooltipMobile = function (_a) {
         }
     };
     return (React__default.default.createElement(React.Fragment, null,
-        React__default.default.createElement(coreComponentsBottomSheet.BottomSheet, tslib.__assign({ open: show, actionButton: React__default.default.createElement(mobile.ButtonMobile, { view: 'secondary', block: true, size: 56, onClick: handleClose }, actionButtonTitle) }, restProps, { container: getPortalContainer, onClose: handleClose }), content),
+        React__default.default.createElement(coreComponentsBottomSheet.BottomSheet, tslib.__assign({ open: show, actionButton: React__default.default.createElement(mobile.ButtonMobile, { view: 'secondary', block: true, size: 56, onClick: handleClose }, actionButtonTitle) }, restProps, { container: getPortalContainer, onClose: handleClose, isSwipeMarkerAvailable: false }), content),
         React__default.default.createElement(TargetTag, { ref: targetRef, onClick: handleOpen, className: cn__default.default(styles.target, targetClassName, (_b = {},
                 _b[styles.inline] = TargetTag === 'span',
                 _b)) },

package/tooltip/modern/mobile/Component.mobile.js

@@ -24,7 +24,7 @@ const TooltipMobile = ({ onClose, actionButtonTitle = 'Понятно', content,
         }
     };
     return (React.createElement(Fragment, null,
-        React.createElement(BottomSheet, { open: show, actionButton: React.createElement(ButtonMobile, { view: 'secondary', block: true, size: 56, onClick: handleClose }, actionButtonTitle), ...restProps, container: getPortalContainer, onClose: handleClose }, content),
+        React.createElement(BottomSheet, { open: show, actionButton: React.createElement(ButtonMobile, { view: 'secondary', block: true, size: 56, onClick: handleClose }, actionButtonTitle), ...restProps, container: getPortalContainer, onClose: handleClose, isSwipeMarkerAvailable: false }, content),
         React.createElement(TargetTag, { ref: targetRef, onClick: handleOpen, className: cn(styles.target, targetClassName, {
                 [styles.inline]: TargetTag === 'span',
             }) },

package/tooltip/moderncssm/mobile/Component.mobile.js

@@ -22,7 +22,7 @@ const TooltipMobile = ({ onClose, actionButtonTitle = 'Понятно', content,
         }
     };
     return (React.createElement(Fragment, null,
-        React.createElement(BottomSheet, { open: show, actionButton: React.createElement(ButtonMobile, { view: 'secondary', block: true, size: 56, onClick: handleClose }, actionButtonTitle), ...restProps, container: getPortalContainer, onClose: handleClose }, content),
+        React.createElement(BottomSheet, { open: show, actionButton: React.createElement(ButtonMobile, { view: 'secondary', block: true, size: 56, onClick: handleClose }, actionButtonTitle), ...restProps, container: getPortalContainer, onClose: handleClose, isSwipeMarkerAvailable: false }, content),
         React.createElement(TargetTag, { ref: targetRef, onClick: handleOpen, className: cn(styles.target, targetClassName, {
                 [styles.inline]: TargetTag === 'span',
             }) },

package/typography/cssm/title/alfasans-index.module.css

@@ -29,6 +29,7 @@
         letter-spacing: 0.1px;
         font-family: var(--font-family-alfasans)
     } .alfasans-xlarge.systemCompat {
+            line-height: 52px;
         } .alfasans-large {
         font-size: 40px;
         line-height: 48px;
@@ -43,6 +44,9 @@
         letter-spacing: 0.3px;
         font-family: var(--font-family-alfasans)
     } .alfasans-medium.systemCompat {
+            font-size: 30px;
+            line-height: 36px;
+            letter-spacing: 0.1px;
         } .alfasans-small {
         font-size: 24px;
         line-height: 32px;
@@ -50,6 +54,9 @@
         letter-spacing: 0.39px;
         font-family: var(--font-family-alfasans)
     } .alfasans-small.systemCompat {
+            font-size: 22px;
+            line-height: 26px;
+            letter-spacing: 0.2px;
         } .alfasans-xsmall {
         font-size: 20px;
         line-height: 24px;
@@ -57,4 +64,7 @@
         letter-spacing: 0.33px;
         font-family: var(--font-family-alfasans)
     } .alfasans-xsmall.systemCompat {
+            font-size: 18px;
+            line-height: 22px;
+            letter-spacing: 0.38px;
         }

package/typography/esm/component.js

@@ -7,11 +7,11 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../skeleton/esm';
-import './colors.module-faa4d4fc.js';
+import './colors.module-b73c8885.js';
 import './title/component.js';
 import '../../shared/esm';
 import './title/utils.js';
-import './common.module-cfe81402.js';
+import './common.module-f2307db8.js';
 import '../../mq/esm';
 
 var Typography = {

package/typography/esm/index.js

@@ -9,9 +9,9 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../skeleton/esm';
-import './colors.module-faa4d4fc.js';
+import './colors.module-b73c8885.js';
 import './title/component.js';
 import '../../shared/esm';
 import './title/utils.js';
-import './common.module-cfe81402.js';
+import './common.module-f2307db8.js';
 import '../../mq/esm';

package/typography/esm/text/component.js

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../../../skeleton/esm';
-import { c as colors } from '../colors.module-faa4d4fc.js';
+import { c as colors } from '../colors.module-b73c8885.js';
 
 var alfasansStyles = {"text":"typography__text_10k8l","component":"typography__component_10k8l","caps":"typography__caps_10k8l","tagline":"typography__tagline_10k8l","primary-large":"typography__primary-large_10k8l","bold":"typography__bold_10k8l","medium":"typography__medium_10k8l","primary-medium":"typography__primary-medium_10k8l","primary-small":"typography__primary-small_10k8l","component-primary":"typography__component-primary_10k8l","secondary-large":"typography__secondary-large_10k8l","secondary-medium":"typography__secondary-medium_10k8l","secondary-small":"typography__secondary-small_10k8l","component-secondary":"typography__component-secondary_10k8l"};
 require('./alfasans-index.css');

package/typography/esm/text/index.js

@@ -4,4 +4,4 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../skeleton/esm';
-import '../colors.module-faa4d4fc.js';
+import '../colors.module-b73c8885.js';

package/typography/esm/title/component.js

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { isObject } from '../../../shared/esm';
 import { useSkeleton } from '../../../skeleton/esm';
 import { getDefaultWeight } from './utils.js';
-import { c as colors } from '../colors.module-faa4d4fc.js';
+import { c as colors } from '../colors.module-b73c8885.js';
 
 var TitleBase = forwardRef(function (_a, ref) {
     var _b;

package/typography/esm/title/index.js

@@ -1,13 +1,13 @@
 import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { TitleBase } from './component.js';
-import { c as commonStyles } from '../common.module-cfe81402.js';
+import { c as commonStyles } from '../common.module-f2307db8.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../shared/esm';
 import '../../../skeleton/esm';
 import './utils.js';
-import '../colors.module-faa4d4fc.js';
+import '../colors.module-b73c8885.js';
 
 var alfasansStyles = {"alfasans-xlarge":"typography__alfasans-xlarge_fg5ut","systemCompat":"typography__systemCompat_fg5ut","alfasans-large":"typography__alfasans-large_fg5ut","alfasans-medium":"typography__alfasans-medium_fg5ut","alfasans-small":"typography__alfasans-small_fg5ut","alfasans-xsmall":"typography__alfasans-xsmall_fg5ut"};
 require('./alfasans-index.css');

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

@@ -1,13 +1,13 @@
 import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-cfe81402.js';
+import { c as commonStyles } from '../common.module-f2307db8.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../shared/esm';
 import '../../../skeleton/esm';
 import '../title/utils.js';
-import '../colors.module-faa4d4fc.js';
+import '../colors.module-b73c8885.js';
 
 var alfasansStyles = {"alfasans-xlarge":"typography__alfasans-xlarge_1xs3p","systemCompat":"typography__systemCompat_1xs3p","alfasans-large":"typography__alfasans-large_1xs3p","alfasans-medium":"typography__alfasans-medium_1xs3p","alfasans-small":"typography__alfasans-small_1xs3p","alfasans-xsmall":"typography__alfasans-xsmall_1xs3p"};
 require('./alfasans-index.css');

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

@@ -7,5 +7,5 @@ import 'classnames';
 import '../../../shared/esm';
 import '../../../skeleton/esm';
 import '../title/utils.js';
-import '../colors.module-faa4d4fc.js';
-import '../common.module-cfe81402.js';
+import '../colors.module-b73c8885.js';
+import '../common.module-f2307db8.js';

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

@@ -9,8 +9,8 @@ import 'classnames';
 import '../../../shared/esm';
 import '../../../skeleton/esm';
 import '../title/utils.js';
-import '../colors.module-faa4d4fc.js';
-import '../common.module-cfe81402.js';
+import '../colors.module-b73c8885.js';
+import '../common.module-f2307db8.js';
 
 var TitleResponsive = forwardRef(function (_a, ref) {
     var breakpoint = _a.breakpoint, client = _a.client, restProps = __rest(_a, ["breakpoint", "client"]);

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

@@ -9,6 +9,6 @@ import 'classnames';
 import '../../../shared/esm';
 import '../../../skeleton/esm';
 import '../title/utils.js';
-import '../colors.module-faa4d4fc.js';
-import '../common.module-cfe81402.js';
+import '../colors.module-b73c8885.js';
+import '../common.module-f2307db8.js';
 import '../title-mobile/component.js';

package/typography/modern/component.js

@@ -6,11 +6,11 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../skeleton/modern';
-import './colors.module-571427f1.js';
+import './colors.module-fde05f10.js';
 import './title/component.js';
 import '../../shared/modern';
 import './title/utils.js';
-import './common.module-4cd410f7.js';
+import './common.module-a5dc65e9.js';
 import '../../mq/modern';
 
 const Typography = {

package/typography/modern/index.js

@@ -8,9 +8,9 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../skeleton/modern';
-import './colors.module-571427f1.js';
+import './colors.module-fde05f10.js';
 import './title/component.js';
 import '../../shared/modern';
 import './title/utils.js';
-import './common.module-4cd410f7.js';
+import './common.module-a5dc65e9.js';
 import '../../mq/modern';

package/typography/modern/text/component.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../../../skeleton/modern';
-import { c as colors } from '../colors.module-571427f1.js';
+import { c as colors } from '../colors.module-fde05f10.js';
 
 const alfasansStyles = {"text":"typography__text_10k8l","component":"typography__component_10k8l","caps":"typography__caps_10k8l","tagline":"typography__tagline_10k8l","primary-large":"typography__primary-large_10k8l","bold":"typography__bold_10k8l","medium":"typography__medium_10k8l","primary-medium":"typography__primary-medium_10k8l","primary-small":"typography__primary-small_10k8l","component-primary":"typography__component-primary_10k8l","secondary-large":"typography__secondary-large_10k8l","secondary-medium":"typography__secondary-medium_10k8l","secondary-small":"typography__secondary-small_10k8l","component-secondary":"typography__component-secondary_10k8l"};
 require('./alfasans-index.css');

package/typography/modern/text/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../skeleton/modern';
-import '../colors.module-571427f1.js';
+import '../colors.module-fde05f10.js';

package/typography/modern/title/component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { isObject } from '../../../shared/modern';
 import { useSkeleton } from '../../../skeleton/modern';
 import { getDefaultWeight } from './utils.js';
-import { c as colors } from '../colors.module-571427f1.js';
+import { c as colors } from '../colors.module-fde05f10.js';
 
 const TitleBase = forwardRef(({ tag: Component = 'div', view = 'medium', font: fontProp = 'styrene', platform, weight = getDefaultWeight(isObject(fontProp) ? fontProp.font : fontProp, platform), defaultMargins = false, color, className, dataTestId, children, rowLimit, styles, skeletonProps, showSkeleton, ...restProps }, ref) => {
     const { renderSkeleton, textRef } = useSkeleton(showSkeleton, skeletonProps);

package/typography/modern/title/index.js

@@ -1,12 +1,12 @@
 import React, { forwardRef } from 'react';
 import { TitleBase } from './component.js';
-import { c as commonStyles } from '../common.module-4cd410f7.js';
+import { c as commonStyles } from '../common.module-a5dc65e9.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../shared/modern';
 import '../../../skeleton/modern';
 import './utils.js';
-import '../colors.module-571427f1.js';
+import '../colors.module-fde05f10.js';
 
 const alfasansStyles = {"alfasans-xlarge":"typography__alfasans-xlarge_fg5ut","systemCompat":"typography__systemCompat_fg5ut","alfasans-large":"typography__alfasans-large_fg5ut","alfasans-medium":"typography__alfasans-medium_fg5ut","alfasans-small":"typography__alfasans-small_fg5ut","alfasans-xsmall":"typography__alfasans-xsmall_fg5ut"};
 require('./alfasans-index.css');

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

@@ -1,12 +1,12 @@
 import React, { forwardRef } from 'react';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-4cd410f7.js';
+import { c as commonStyles } from '../common.module-a5dc65e9.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../shared/modern';
 import '../../../skeleton/modern';
 import '../title/utils.js';
-import '../colors.module-571427f1.js';
+import '../colors.module-fde05f10.js';
 
 const alfasansStyles = {"alfasans-xlarge":"typography__alfasans-xlarge_1xs3p","systemCompat":"typography__systemCompat_1xs3p","alfasans-large":"typography__alfasans-large_1xs3p","alfasans-medium":"typography__alfasans-medium_1xs3p","alfasans-small":"typography__alfasans-small_1xs3p","alfasans-xsmall":"typography__alfasans-xsmall_1xs3p"};
 require('./alfasans-index.css');

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

@@ -6,5 +6,5 @@ import 'classnames';
 import '../../../shared/modern';
 import '../../../skeleton/modern';
 import '../title/utils.js';
-import '../colors.module-571427f1.js';
-import '../common.module-4cd410f7.js';
+import '../colors.module-fde05f10.js';
+import '../common.module-a5dc65e9.js';

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

@@ -8,8 +8,8 @@ import 'classnames';
 import '../../../shared/modern';
 import '../../../skeleton/modern';
 import '../title/utils.js';
-import '../colors.module-571427f1.js';
-import '../common.module-4cd410f7.js';
+import '../colors.module-fde05f10.js';
+import '../common.module-a5dc65e9.js';
 
 const TitleResponsive = forwardRef(({ breakpoint, client, ...restProps }, ref) => {
     const isDesktop = useIsDesktop(breakpoint, client === 'desktop');

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

@@ -8,6 +8,6 @@ import 'classnames';
 import '../../../shared/modern';
 import '../../../skeleton/modern';
 import '../title/utils.js';
-import '../colors.module-571427f1.js';
-import '../common.module-4cd410f7.js';
+import '../colors.module-fde05f10.js';
+import '../common.module-a5dc65e9.js';
 import '../title-mobile/component.js';

package/typography/moderncssm/text/alfasans-index.module.css

@@ -50,9 +50,7 @@
                 letter-spacing: -0.36px;
                 font-family: var(--font-family-alfasans)
             } .text.primary-large.bold {
-                    letter-spacing: 0.38px;
                 } .text.primary-large.medium {
-                    letter-spacing: 0.17px;
                 } .text.primary-medium {
                 /* prettier-ignore */
                 font-size: 16px;
@@ -61,9 +59,7 @@
                 letter-spacing: -0.24px;
                 font-family: var(--font-family-alfasans)
             } .text.primary-medium.bold {
-                    letter-spacing: 0.43px;
                 } .text.primary-medium.medium {
-                    letter-spacing: 0.17px;
                 } .text.primary-small {
                 /* prettier-ignore */
                 font-size: 14px;
@@ -72,9 +68,7 @@
                 letter-spacing: -0.08px;
                 font-family: var(--font-family-alfasans)
             } .text.primary-small.bold {
-                    letter-spacing: 0.47px;
                 } .text.primary-small.medium {
-                    letter-spacing: 0.27px;
                 } .text.component-primary {
             font-size: 16px;
             line-height: 20px;
@@ -82,9 +76,7 @@
             letter-spacing: -0.24px;
             font-family: var(--font-family-alfasans)
         } .text.component-primary.bold {
-                letter-spacing: 0.43px;
             } .text.component-primary.medium {
-                letter-spacing: 0.17px;
             } .text.secondary-large {
                 /* prettier-ignore */
                 font-size: 13px;
@@ -93,9 +85,7 @@
                 letter-spacing: 0;
                 font-family: var(--font-family-alfasans)
             } .text.secondary-large.bold {
-                    letter-spacing: 0.54px;
                 } .text.secondary-large.medium {
-                    letter-spacing: 0.33px;
                 } .text.secondary-medium {
                 /* prettier-ignore */
                 font-size: 12px;
@@ -104,9 +94,7 @@
                 letter-spacing: 0.06px;
                 font-family: var(--font-family-alfasans)
             } .text.secondary-medium.bold {
-                    letter-spacing: 0.57px;
                 } .text.secondary-medium.medium {
-                    letter-spacing: 0.38px;
                 } .text.secondary-small {
                 /* prettier-ignore */
                 font-size: 11px;
@@ -115,9 +103,7 @@
                 letter-spacing: 0.15px;
                 font-family: var(--font-family-alfasans)
             } .text.secondary-small.bold {
-                    letter-spacing: 0.54px;
                 } .text.secondary-small.medium {
-                    letter-spacing: 0.41px;
                 } .text.component-secondary {
             font-size: 14px;
             line-height: 18px;
@@ -125,9 +111,7 @@
             letter-spacing: -0.08px;
             font-family: var(--font-family-alfasans)
         } .text.component-secondary.bold {
-                letter-spacing: 0.47px;
             } .text.component-secondary.medium {
-                letter-spacing: 0.27px;
             } .text.bold {
             font-weight: 700;
         } .text.medium {

package/typography/moderncssm/title/alfasans-index.module.css

@@ -29,6 +29,7 @@
         letter-spacing: 0.1px;
         font-family: var(--font-family-alfasans)
     } .alfasans-xlarge.systemCompat {
+            line-height: 52px;
         } .alfasans-large {
         font-size: 40px;
         line-height: 48px;
@@ -43,6 +44,9 @@
         letter-spacing: 0.3px;
         font-family: var(--font-family-alfasans)
     } .alfasans-medium.systemCompat {
+            font-size: 30px;
+            line-height: 36px;
+            letter-spacing: 0.1px;
         } .alfasans-small {
         font-size: 24px;
         line-height: 32px;
@@ -50,6 +54,9 @@
         letter-spacing: 0.39px;
         font-family: var(--font-family-alfasans)
     } .alfasans-small.systemCompat {
+            font-size: 22px;
+            line-height: 26px;
+            letter-spacing: 0.2px;
         } .alfasans-xsmall {
         font-size: 20px;
         line-height: 24px;
@@ -57,4 +64,7 @@
         letter-spacing: 0.33px;
         font-family: var(--font-family-alfasans)
     } .alfasans-xsmall.systemCompat {
+            font-size: 18px;
+            line-height: 22px;
+            letter-spacing: 0.38px;
         }

package/typography/text/component.js

@@ -5,7 +5,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsSkeleton = require('../../skeleton');
-var colors_module = require('../colors.module-ab3fe803.js');
+var colors_module = require('../colors.module-a6e0da27.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title/component.d.ts

@@ -80,7 +80,7 @@ declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "colo
     /**
      * Цвет текста
      */
-    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
+    color?: "link" | "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
     /**
      * Толщина шрифта
      */

package/typography/title/component.js

@@ -7,7 +7,7 @@ var cn = require('classnames');
 var coreComponentsShared = require('../../shared');
 var coreComponentsSkeleton = require('../../skeleton');
 var title_utils = require('./utils.js');
-var colors_module = require('../colors.module-ab3fe803.js');
+var colors_module = require('../colors.module-a6e0da27.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title/index.d.ts

@@ -4,7 +4,7 @@ import { TitleProps } from "./component";
 declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
-    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
+    color?: "link" | "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
     weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
     font?: "alfasans" | "styrene" | "system" | {
         font: "alfasans";

package/typography/title/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('./component.js');
-var common_module = require('../common.module-e96c83f3.js');
+var common_module = require('../common.module-c7f0e486.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title-mobile/component.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
-    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
+    color?: "link" | "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
     weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
     font?: "alfasans" | "styrene" | "system" | {
         font: "alfasans";

package/typography/title-mobile/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-e96c83f3.js');
+var common_module = require('../common.module-c7f0e486.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title-responsive/component.d.ts

@@ -15,7 +15,7 @@ type TitleResponsiveProps = TitleProps & {
 declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
-    color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
+    color?: "link" | "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
     weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
     font?: "alfasans" | "styrene" | "system" | {
         font: "alfasans";

package/underlay/Component.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var utils_getBorderCorners = require('./utils/getBorderCorners.js');
 var utils_getClasses = require('./utils/getClasses.js');
-var index_module = require('./index.module-85882065.js');
+var index_module = require('./index.module-749d95bc.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/underlay/cssm/index.module.css

@@ -150,31 +150,31 @@
     height: 100%;
 } .overflowHide {
     overflow: hidden;
-} .background-accent {
+} .background-accent[class] {
             background-color: var(--color-light-bg-accent);
-        } .background-info {
+        } .background-info[class] {
             background-color: var(--color-light-bg-info);
-        } .background-attention-muted {
+        } .background-attention-muted[class] {
             background-color: var(--color-light-bg-attention-muted);
-        } .background-positive-muted {
+        } .background-positive-muted[class] {
             background-color: var(--color-light-bg-positive-muted);
-        } .background-negative-muted {
+        } .background-negative-muted[class] {
             background-color: var(--color-light-bg-negative-muted);
-        } .background-primary {
+        } .background-primary[class] {
             background-color: var(--color-light-bg-primary);
-        } .background-primary-inverted {
+        } .background-primary-inverted[class] {
             background-color: var(--color-light-bg-primary-inverted);
-        } .background-secondary {
+        } .background-secondary[class] {
             background-color: var(--color-light-bg-secondary);
-        } .background-secondary-inverted {
+        } .background-secondary-inverted[class] {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .background-tertiary {
+        } .background-tertiary[class] {
             background-color: var(--color-light-bg-tertiary);
-        } .background-tertiary-inverted {
+        } .background-tertiary-inverted[class] {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .background-quaternary {
+        } .background-quaternary[class] {
             background-color: var(--color-light-bg-quaternary);
-        } .background-quaternary-inverted {
+        } .background-quaternary-inverted[class] {
             background-color: var(--color-light-bg-quaternary-inverted);
         } .background-specialbg-component {
             background-color: var(--color-light-specialbg-component);

package/underlay/esm/Component.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { getBorderCorners } from './utils/getBorderCorners.js';
 import { isBackgroundToken, getClasses } from './utils/getClasses.js';
-import { s as styles } from './index.module-cca3b871.js';
+import { s as styles } from './index.module-0952e8df.js';
 import './constants.js';
 
 /******************************************************************************