@alfalab/core-components 27.12.0 → 27.13.0

package/tooltip/default.css

@@ -728,13 +728,13 @@
     --tooltip-hint-text-color: var(--color-light-text-primary-inverted);
     --tooltip-hint-box-shadow: var(--shadow-m-hard);
 }
-.tooltip__hint_1y4cg {
+.tooltip__hint_s4nmh {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-bg-color);
     box-shadow: var(--tooltip-hint-box-shadow);
     color: var(--tooltip-hint-text-color);
 }
-.tooltip__hint_1y4cg .tooltip__arrow_1y4cg:after {
+.tooltip__hint_s4nmh .tooltip__arrow_s4nmh:after {
     background-color: var(--tooltip-hint-bg-color);
     border-color: var(--tooltip-hint-bg-color);
 }

package/tooltip/esm/{Component-c9b4ed62.js → Component-3dd6194a.js}

@@ -42,13 +42,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"tooltip__component_ghcrc","popper":"tooltip__popper_ghcrc","hint":"tooltip__hint_ghcrc","target":"tooltip__target_ghcrc","overlap":"tooltip__overlap_ghcrc"};
+var styles = {"component":"tooltip__component_1199g","popper":"tooltip__popper_1199g","hint":"tooltip__hint_1199g","target":"tooltip__target_1199g","overlap":"tooltip__overlap_1199g"};
 require('./index.css');
 
-var defaultColors = {"hint":"tooltip__hint_1y4cg","arrow":"tooltip__arrow_1y4cg"};
+var defaultColors = {"hint":"tooltip__hint_s4nmh","arrow":"tooltip__arrow_s4nmh"};
 require('./default.css');
 
-var invertedColors = {"tooltip":"tooltip__tooltip_p9yhp","arrow":"tooltip__arrow_p9yhp","hint":"tooltip__hint_p9yhp"};
+var invertedColors = {"tooltip":"tooltip__tooltip_1ibdp","arrow":"tooltip__arrow_1ibdp","hint":"tooltip__hint_1ibdp"};
 require('./inverted.css');
 
 var colorStyles = {

package/tooltip/esm/Component.js

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

package/tooltip/esm/component.responsive.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { FC } from "react";
+import { BottomSheetProps } from "../../bottom-sheet";
 import { TooltipProps } from "./index";
 type View = 'desktop' | 'mobile';
 type TooltipResponsiveProps = Omit<TooltipProps, 'open' | 'onClose' | 'onOpen'> & {
@@ -26,8 +27,13 @@ type TooltipResponsiveProps = Omit<TooltipProps, 'open' | 'onClose' | 'onOpen'>
     actionButtonTitle?: string;
     /**
      * Наличие компонента крестика
+     * @deprecated(используйте bottomSheetProps.hasCloser)
      */
     hasCloser?: boolean;
+    /**
+     *  Дополнительные пропсы компонента BottomSheet
+     */
+    bottomSheetProps?: Partial<BottomSheetProps>;
 };
 declare const TooltipResponsive: FC<TooltipResponsiveProps>;
 export { TooltipResponsive };

package/tooltip/esm/component.responsive.js

@@ -2,17 +2,17 @@ import React, { Fragment } from 'react';
 import cn from 'classnames';
 import 'react-merge-refs';
 import '../../popover/esm';
-import { _ as __rest, a as __assign, T as Tooltip } from './Component-c9b4ed62.js';
+import { _ as __rest, a as __assign, T as Tooltip } from './Component-3dd6194a.js';
 import { useMedia } from '@alfalab/hooks';
 import { BottomSheet } from '../../bottom-sheet/esm';
 import { Button } from '../../button/esm';
 import { useControlled } from './utils.js';
 
-var styles = {"target":"tooltip__target_1kbnx","overlap":"tooltip__overlap_1kbnx"};
+var styles = {"target":"tooltip__target_ra8pp","overlap":"tooltip__overlap_ra8pp"};
 require('./responsive.css');
 
 var TooltipResponsive = function (_a) {
-    var _b = _a.defaultMatch, defaultMatch = _b === void 0 ? 'mobile' : _b, content = _a.content, children = _a.children, open = _a.open, onOpen = _a.onOpen, onClose = _a.onClose, _c = _a.actionButtonTitle, actionButtonTitle = _c === void 0 ? 'Понятно' : _c, hasCloser = _a.hasCloser, targetRef = _a.targetRef, targetClassName = _a.targetClassName, restProps = __rest(_a, ["defaultMatch", "content", "children", "open", "onOpen", "onClose", "actionButtonTitle", "hasCloser", "targetRef", "targetClassName"]);
+    var _b = _a.defaultMatch, defaultMatch = _b === void 0 ? 'mobile' : _b, content = _a.content, children = _a.children, open = _a.open, onOpen = _a.onOpen, onClose = _a.onClose, _c = _a.actionButtonTitle, actionButtonTitle = _c === void 0 ? 'Понятно' : _c, hasCloser = _a.hasCloser, targetRef = _a.targetRef, targetClassName = _a.targetClassName, bottomSheetProps = _a.bottomSheetProps, restProps = __rest(_a, ["defaultMatch", "content", "children", "open", "onOpen", "onClose", "actionButtonTitle", "hasCloser", "targetRef", "targetClassName", "bottomSheetProps"]);
     var view = useMedia([
         ['mobile', '(max-width: 767px)'],
         ['desktop', '(min-width: 768px)'],
@@ -36,7 +36,7 @@ var TooltipResponsive = function (_a) {
     };
     var isMobile = view === 'mobile';
     return isMobile ? (React.createElement(Fragment, null,
-        React.createElement(BottomSheet, __assign({}, restProps, { open: Boolean(openValue), onClose: handleClose, hasCloser: hasCloser, actionButton: React.createElement(Button, { view: 'secondary', block: true, size: 's', onClick: handleClose }, actionButtonTitle) }), content),
+        React.createElement(BottomSheet, __assign({}, restProps, { open: Boolean(openValue), onClose: handleClose, hasCloser: hasCloser, actionButton: React.createElement(Button, { view: 'secondary', block: true, size: 's', onClick: handleClose }, actionButtonTitle) }, bottomSheetProps), content),
         React.createElement("div", { ref: targetRef, onClick: handleOpen, className: cn(styles.target, targetClassName) },
             (children === null || children === void 0 ? void 0 : children.props.disabled) && React.createElement("div", { className: styles.overlap }),
             children))) : (React.createElement(Tooltip, __assign({}, restProps, { open: open, content: content, onOpen: handleOpen, onClose: handleClose, targetClassName: targetClassName, targetRef: targetRef }), children));

package/tooltip/esm/default.css

@@ -728,13 +728,13 @@
     --tooltip-hint-text-color: var(--color-light-text-primary-inverted);
     --tooltip-hint-box-shadow: var(--shadow-m-hard);
 }
-.tooltip__hint_1y4cg {
+.tooltip__hint_s4nmh {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-bg-color);
     box-shadow: var(--tooltip-hint-box-shadow);
     color: var(--tooltip-hint-text-color);
 }
-.tooltip__hint_1y4cg .tooltip__arrow_1y4cg:after {
+.tooltip__hint_s4nmh .tooltip__arrow_s4nmh:after {
     background-color: var(--tooltip-hint-bg-color);
     border-color: var(--tooltip-hint-bg-color);
 }

package/tooltip/esm/index.css

@@ -722,27 +722,27 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.tooltip__component_ghcrc {
+.tooltip__component_1199g {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-m);
 }
-.tooltip__popper_ghcrc {
+.tooltip__popper_1199g {
     border-radius: var(--border-radius-m);
 }
-.tooltip__hint_ghcrc .tooltip__component_ghcrc {
+.tooltip__hint_1199g .tooltip__component_1199g {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
     padding: var(--gap-xs);
 }
-.tooltip__target_ghcrc {
+.tooltip__target_1199g {
     cursor: pointer;
     width: max-content;
     position: relative
 }
-.tooltip__target_ghcrc .tooltip__overlap_ghcrc {
+.tooltip__target_1199g .tooltip__overlap_1199g {
         cursor: var(--disabled-cursor);
         position: absolute;
         height: 100%;

package/tooltip/esm/index.d.ts

@@ -1 +1 @@
-export * from "./Component-c9b4ed62";
+export * from "./Component-3dd6194a";

package/tooltip/esm/index.js

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

package/tooltip/esm/inverted.css

@@ -730,20 +730,20 @@
     --tooltip-inverted-bg-color: var(--color-light-bg-primary-inverted);
     --tooltip-inverted-box-shadow: var(--shadow-m-hard);
 }
-.tooltip__tooltip_p9yhp {
+.tooltip__tooltip_1ibdp {
     background-color: var(--tooltip-inverted-bg-color);
     color: var(--tooltip-inverted-text-color);
     box-shadow: var(--tooltip-inverted-box-shadow);
 }
-.tooltip__tooltip_p9yhp .tooltip__arrow_p9yhp:after {
+.tooltip__tooltip_1ibdp .tooltip__arrow_1ibdp:after {
     background-color: var(--tooltip-inverted-bg-color);
 }
-.tooltip__hint_p9yhp {
+.tooltip__hint_1ibdp {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-inverted-bg-color);
     box-shadow: var(--tooltip-hint-inverted-box-shadow);
     color: var(--tooltip-hint-inverted-text-color);
 }
-.tooltip__hint_p9yhp .tooltip__arrow_p9yhp:after {
+.tooltip__hint_1ibdp .tooltip__arrow_1ibdp:after {
     background-color: var(--tooltip-hint-inverted-bg-color);
 }

package/tooltip/esm/responsive.css

@@ -1,9 +1,9 @@
 /* hash: rvvcm */
-.tooltip__target_1kbnx {
+.tooltip__target_ra8pp {
     position: relative;
     width: max-content
 }
-.tooltip__target_1kbnx .tooltip__overlap_1kbnx {
+.tooltip__target_ra8pp .tooltip__overlap_ra8pp {
         position: absolute;
         height: 100%;
         width: 100%;

package/tooltip/esm/responsive.js

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

package/tooltip/index.css

@@ -722,27 +722,27 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.tooltip__component_ghcrc {
+.tooltip__component_1199g {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-m);
 }
-.tooltip__popper_ghcrc {
+.tooltip__popper_1199g {
     border-radius: var(--border-radius-m);
 }
-.tooltip__hint_ghcrc .tooltip__component_ghcrc {
+.tooltip__hint_1199g .tooltip__component_1199g {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
     padding: var(--gap-xs);
 }
-.tooltip__target_ghcrc {
+.tooltip__target_1199g {
     cursor: pointer;
     width: max-content;
     position: relative
 }
-.tooltip__target_ghcrc .tooltip__overlap_ghcrc {
+.tooltip__target_1199g .tooltip__overlap_1199g {
         cursor: var(--disabled-cursor);
         position: absolute;
         height: 100%;

package/tooltip/index.d.ts

@@ -1 +1 @@
-export * from "./Component-9867ba58";
+export * from "./Component-78e41105";

package/tooltip/index.js

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

package/tooltip/inverted.css

@@ -730,20 +730,20 @@
     --tooltip-inverted-bg-color: var(--color-light-bg-primary-inverted);
     --tooltip-inverted-box-shadow: var(--shadow-m-hard);
 }
-.tooltip__tooltip_p9yhp {
+.tooltip__tooltip_1ibdp {
     background-color: var(--tooltip-inverted-bg-color);
     color: var(--tooltip-inverted-text-color);
     box-shadow: var(--tooltip-inverted-box-shadow);
 }
-.tooltip__tooltip_p9yhp .tooltip__arrow_p9yhp:after {
+.tooltip__tooltip_1ibdp .tooltip__arrow_1ibdp:after {
     background-color: var(--tooltip-inverted-bg-color);
 }
-.tooltip__hint_p9yhp {
+.tooltip__hint_1ibdp {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-inverted-bg-color);
     box-shadow: var(--tooltip-hint-inverted-box-shadow);
     color: var(--tooltip-hint-inverted-text-color);
 }
-.tooltip__hint_p9yhp .tooltip__arrow_p9yhp:after {
+.tooltip__hint_1ibdp .tooltip__arrow_1ibdp:after {
     background-color: var(--tooltip-hint-inverted-bg-color);
 }

package/tooltip/modern/Component.js

@@ -3,13 +3,13 @@ import cn from 'classnames';
 import mergeRefs from 'react-merge-refs';
 import { Popover } from '../../popover/modern';
 
-var styles = {"component":"tooltip__component_ghcrc","popper":"tooltip__popper_ghcrc","hint":"tooltip__hint_ghcrc","target":"tooltip__target_ghcrc","overlap":"tooltip__overlap_ghcrc"};
+var styles = {"component":"tooltip__component_1199g","popper":"tooltip__popper_1199g","hint":"tooltip__hint_1199g","target":"tooltip__target_1199g","overlap":"tooltip__overlap_1199g"};
 require('./index.css');
 
-var defaultColors = {"hint":"tooltip__hint_1y4cg","arrow":"tooltip__arrow_1y4cg"};
+var defaultColors = {"hint":"tooltip__hint_s4nmh","arrow":"tooltip__arrow_s4nmh"};
 require('./default.css');
 
-var invertedColors = {"tooltip":"tooltip__tooltip_p9yhp","arrow":"tooltip__arrow_p9yhp","hint":"tooltip__hint_p9yhp"};
+var invertedColors = {"tooltip":"tooltip__tooltip_1ibdp","arrow":"tooltip__arrow_1ibdp","hint":"tooltip__hint_1ibdp"};
 require('./inverted.css');
 
 const colorStyles = {

package/tooltip/modern/component.responsive.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { FC } from "react";
+import { BottomSheetProps } from "../../bottom-sheet";
 import { TooltipProps } from "./index";
 type View = 'desktop' | 'mobile';
 type TooltipResponsiveProps = Omit<TooltipProps, 'open' | 'onClose' | 'onOpen'> & {
@@ -26,8 +27,13 @@ type TooltipResponsiveProps = Omit<TooltipProps, 'open' | 'onClose' | 'onOpen'>
     actionButtonTitle?: string;
     /**
      * Наличие компонента крестика
+     * @deprecated(используйте bottomSheetProps.hasCloser)
      */
     hasCloser?: boolean;
+    /**
+     *  Дополнительные пропсы компонента BottomSheet
+     */
+    bottomSheetProps?: Partial<BottomSheetProps>;
 };
 declare const TooltipResponsive: FC<TooltipResponsiveProps>;
 export { TooltipResponsive };

package/tooltip/modern/component.responsive.js

@@ -8,10 +8,10 @@ import { BottomSheet } from '../../bottom-sheet/modern';
 import { Button } from '../../button/modern';
 import { useControlled } from './utils.js';
 
-var styles = {"target":"tooltip__target_1kbnx","overlap":"tooltip__overlap_1kbnx"};
+var styles = {"target":"tooltip__target_ra8pp","overlap":"tooltip__overlap_ra8pp"};
 require('./responsive.css');
 
-const TooltipResponsive = ({ defaultMatch = 'mobile', content, children, open, onOpen, onClose, actionButtonTitle = 'Понятно', hasCloser, targetRef, targetClassName, ...restProps }) => {
+const TooltipResponsive = ({ defaultMatch = 'mobile', content, children, open, onOpen, onClose, actionButtonTitle = 'Понятно', hasCloser, targetRef, targetClassName, bottomSheetProps, ...restProps }) => {
     const [view] = useMedia([
         ['mobile', '(max-width: 767px)'],
         ['desktop', '(min-width: 768px)'],
@@ -35,7 +35,7 @@ const TooltipResponsive = ({ defaultMatch = 'mobile', content, children, open, o
     };
     const isMobile = view === 'mobile';
     return isMobile ? (React.createElement(Fragment, null,
-        React.createElement(BottomSheet, Object.assign({}, restProps, { open: Boolean(openValue), onClose: handleClose, hasCloser: hasCloser, actionButton: React.createElement(Button, { view: 'secondary', block: true, size: 's', onClick: handleClose }, actionButtonTitle) }), content),
+        React.createElement(BottomSheet, Object.assign({}, restProps, { open: Boolean(openValue), onClose: handleClose, hasCloser: hasCloser, actionButton: React.createElement(Button, { view: 'secondary', block: true, size: 's', onClick: handleClose }, actionButtonTitle) }, bottomSheetProps), content),
         React.createElement("div", { ref: targetRef, onClick: handleOpen, className: cn(styles.target, targetClassName) },
             children?.props.disabled && React.createElement("div", { className: styles.overlap }),
             children))) : (React.createElement(Tooltip, Object.assign({}, restProps, { open: open, content: content, onOpen: handleOpen, onClose: handleClose, targetClassName: targetClassName, targetRef: targetRef }), children));

package/tooltip/modern/default.css

@@ -728,13 +728,13 @@
     --tooltip-hint-text-color: var(--color-light-text-primary-inverted);
     --tooltip-hint-box-shadow: var(--shadow-m-hard);
 }
-.tooltip__hint_1y4cg {
+.tooltip__hint_s4nmh {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-bg-color);
     box-shadow: var(--tooltip-hint-box-shadow);
     color: var(--tooltip-hint-text-color);
 }
-.tooltip__hint_1y4cg .tooltip__arrow_1y4cg:after {
+.tooltip__hint_s4nmh .tooltip__arrow_s4nmh:after {
     background-color: var(--tooltip-hint-bg-color);
     border-color: var(--tooltip-hint-bg-color);
 }

package/tooltip/modern/index.css

@@ -722,27 +722,27 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.tooltip__component_ghcrc {
+.tooltip__component_1199g {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-m);
 }
-.tooltip__popper_ghcrc {
+.tooltip__popper_1199g {
     border-radius: var(--border-radius-m);
 }
-.tooltip__hint_ghcrc .tooltip__component_ghcrc {
+.tooltip__hint_1199g .tooltip__component_1199g {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
     padding: var(--gap-xs);
 }
-.tooltip__target_ghcrc {
+.tooltip__target_1199g {
     cursor: pointer;
     width: max-content;
     position: relative
 }
-.tooltip__target_ghcrc .tooltip__overlap_ghcrc {
+.tooltip__target_1199g .tooltip__overlap_1199g {
         cursor: var(--disabled-cursor);
         position: absolute;
         height: 100%;

package/tooltip/modern/inverted.css

@@ -730,20 +730,20 @@
     --tooltip-inverted-bg-color: var(--color-light-bg-primary-inverted);
     --tooltip-inverted-box-shadow: var(--shadow-m-hard);
 }
-.tooltip__tooltip_p9yhp {
+.tooltip__tooltip_1ibdp {
     background-color: var(--tooltip-inverted-bg-color);
     color: var(--tooltip-inverted-text-color);
     box-shadow: var(--tooltip-inverted-box-shadow);
 }
-.tooltip__tooltip_p9yhp .tooltip__arrow_p9yhp:after {
+.tooltip__tooltip_1ibdp .tooltip__arrow_1ibdp:after {
     background-color: var(--tooltip-inverted-bg-color);
 }
-.tooltip__hint_p9yhp {
+.tooltip__hint_1ibdp {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-inverted-bg-color);
     box-shadow: var(--tooltip-hint-inverted-box-shadow);
     color: var(--tooltip-hint-inverted-text-color);
 }
-.tooltip__hint_p9yhp .tooltip__arrow_p9yhp:after {
+.tooltip__hint_1ibdp .tooltip__arrow_1ibdp:after {
     background-color: var(--tooltip-hint-inverted-bg-color);
 }

package/tooltip/modern/responsive.css

@@ -1,9 +1,9 @@
 /* hash: rvvcm */
-.tooltip__target_1kbnx {
+.tooltip__target_ra8pp {
     position: relative;
     width: max-content
 }
-.tooltip__target_1kbnx .tooltip__overlap_1kbnx {
+.tooltip__target_ra8pp .tooltip__overlap_ra8pp {
         position: absolute;
         height: 100%;
         width: 100%;

package/tooltip/responsive.css

@@ -1,9 +1,9 @@
 /* hash: rvvcm */
-.tooltip__target_1kbnx {
+.tooltip__target_ra8pp {
     position: relative;
     width: max-content
 }
-.tooltip__target_1kbnx .tooltip__overlap_1kbnx {
+.tooltip__target_ra8pp .tooltip__overlap_ra8pp {
         position: absolute;
         height: 100%;
         width: 100%;

package/tooltip/responsive.js

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

package/typography/colors.css

@@ -723,39 +723,39 @@
     --size-xl-height: 72px;
 }
 /* colors */
-.typography__tertiary_1gk77 {
+.typography__tertiary_1w7kh {
     color: var(--color-light-text-tertiary);
 }
-.typography__disabled_1gk77 {
+.typography__disabled_1w7kh {
     color: var(--color-light-text-disabled);
 }
-.typography__accent_1gk77 {
+.typography__accent_1w7kh {
     color: var(--color-light-text-accent);
 }
-.typography__primary_1gk77 {
+.typography__primary_1w7kh {
     color: var(--color-light-text-primary);
 }
-.typography__attention_1gk77 {
+.typography__attention_1w7kh {
     color: var(--color-light-text-attention);
 }
-.typography__positive_1gk77 {
+.typography__positive_1w7kh {
     color: var(--color-light-text-positive);
 }
-.typography__secondary_1gk77 {
+.typography__secondary_1w7kh {
     color: var(--color-light-text-secondary);
 }
-.typography__tertiary-inverted_1gk77 {
+.typography__tertiary-inverted_1w7kh {
     color: var(--color-light-text-tertiary-inverted);
 }
-.typography__primary-inverted_1gk77 {
+.typography__primary-inverted_1w7kh {
     color: var(--color-light-text-primary-inverted);
 }
-.typography__secondary-inverted_1gk77 {
+.typography__secondary-inverted_1w7kh {
     color: var(--color-light-text-secondary-inverted);
 }
-.typography__link_1gk77 {
+.typography__link_1w7kh {
     color: var(--color-light-text-link);
 }
-.typography__negative_1gk77 {
+.typography__negative_1w7kh {
     color: var(--color-light-text-negative);
 }

package/typography/{colors.module-6c043c60.js → colors.module-33c149da.js}

@@ -37,7 +37,7 @@ function __rest(s, e) {
     return t;
 }
 
-var colors = {"tertiary":"typography__tertiary_1gk77","disabled":"typography__disabled_1gk77","accent":"typography__accent_1gk77","primary":"typography__primary_1gk77","attention":"typography__attention_1gk77","positive":"typography__positive_1gk77","secondary":"typography__secondary_1gk77","tertiary-inverted":"typography__tertiary-inverted_1gk77","primary-inverted":"typography__primary-inverted_1gk77","secondary-inverted":"typography__secondary-inverted_1gk77","link":"typography__link_1gk77","negative":"typography__negative_1gk77"};
+var colors = {"tertiary":"typography__tertiary_1w7kh","disabled":"typography__disabled_1w7kh","accent":"typography__accent_1w7kh","primary":"typography__primary_1w7kh","attention":"typography__attention_1w7kh","positive":"typography__positive_1w7kh","secondary":"typography__secondary_1w7kh","tertiary-inverted":"typography__tertiary-inverted_1w7kh","primary-inverted":"typography__primary-inverted_1w7kh","secondary-inverted":"typography__secondary-inverted_1w7kh","link":"typography__link_1w7kh","negative":"typography__negative_1w7kh"};
 require('./colors.css');
 
 exports.__rest = __rest;

package/typography/common.module-84dbf597.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"typography__component_8wtgq","bold":"typography__bold_8wtgq","medium":"typography__medium_8wtgq","regular":"typography__regular_8wtgq"};
+require('./title/common.css');
+
+exports.commonStyles = commonStyles;

package/typography/component.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./colors.module-6c043c60.js');
+require('./colors.module-33c149da.js');
 require('react');
 require('classnames');
 require('./title/component.js');
-require('./common.module-7ec0ef62.js');
+require('./common.module-84dbf597.js');
 var title_index = require('./title/index.js');
 var text_component = require('./text/component.js');
 var titleResponsive_component = require('./title-responsive/component.js');

package/typography/esm/colors.css

@@ -723,39 +723,39 @@
     --size-xl-height: 72px;
 }
 /* colors */
-.typography__tertiary_1gk77 {
+.typography__tertiary_1w7kh {
     color: var(--color-light-text-tertiary);
 }
-.typography__disabled_1gk77 {
+.typography__disabled_1w7kh {
     color: var(--color-light-text-disabled);
 }
-.typography__accent_1gk77 {
+.typography__accent_1w7kh {
     color: var(--color-light-text-accent);
 }
-.typography__primary_1gk77 {
+.typography__primary_1w7kh {
     color: var(--color-light-text-primary);
 }
-.typography__attention_1gk77 {
+.typography__attention_1w7kh {
     color: var(--color-light-text-attention);
 }
-.typography__positive_1gk77 {
+.typography__positive_1w7kh {
     color: var(--color-light-text-positive);
 }
-.typography__secondary_1gk77 {
+.typography__secondary_1w7kh {
     color: var(--color-light-text-secondary);
 }
-.typography__tertiary-inverted_1gk77 {
+.typography__tertiary-inverted_1w7kh {
     color: var(--color-light-text-tertiary-inverted);
 }
-.typography__primary-inverted_1gk77 {
+.typography__primary-inverted_1w7kh {
     color: var(--color-light-text-primary-inverted);
 }
-.typography__secondary-inverted_1gk77 {
+.typography__secondary-inverted_1w7kh {
     color: var(--color-light-text-secondary-inverted);
 }
-.typography__link_1gk77 {
+.typography__link_1w7kh {
     color: var(--color-light-text-link);
 }
-.typography__negative_1gk77 {
+.typography__negative_1w7kh {
     color: var(--color-light-text-negative);
 }

package/typography/esm/{colors.module-80cb5830.js → colors.module-380280a3.js}

@@ -37,7 +37,7 @@ function __rest(s, e) {
     return t;
 }
 
-var colors = {"tertiary":"typography__tertiary_1gk77","disabled":"typography__disabled_1gk77","accent":"typography__accent_1gk77","primary":"typography__primary_1gk77","attention":"typography__attention_1gk77","positive":"typography__positive_1gk77","secondary":"typography__secondary_1gk77","tertiary-inverted":"typography__tertiary-inverted_1gk77","primary-inverted":"typography__primary-inverted_1gk77","secondary-inverted":"typography__secondary-inverted_1gk77","link":"typography__link_1gk77","negative":"typography__negative_1gk77"};
+var colors = {"tertiary":"typography__tertiary_1w7kh","disabled":"typography__disabled_1w7kh","accent":"typography__accent_1w7kh","primary":"typography__primary_1w7kh","attention":"typography__attention_1w7kh","positive":"typography__positive_1w7kh","secondary":"typography__secondary_1w7kh","tertiary-inverted":"typography__tertiary-inverted_1w7kh","primary-inverted":"typography__primary-inverted_1w7kh","secondary-inverted":"typography__secondary-inverted_1w7kh","link":"typography__link_1w7kh","negative":"typography__negative_1w7kh"};
 require('./colors.css');
 
 export { __assign as _, __rest as a, colors as c };

package/typography/esm/common.module-d321a71f.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"typography__component_8wtgq","bold":"typography__bold_8wtgq","medium":"typography__medium_8wtgq","regular":"typography__regular_8wtgq"};
+require('./title/common.css');
+
+export { commonStyles as c };

package/typography/esm/component.js

@@ -1,5 +1,5 @@
-import './colors.module-80cb5830.js';
-import './common.module-d2a47840.js';
+import './colors.module-380280a3.js';
+import './common.module-d321a71f.js';
 import 'react';
 import 'classnames';
 import './title/component.js';