@alfalab/core-components 25.6.0 → 25.7.0

package/tooltip/esm/{Component-b8761540.d.ts → Component-4c5ff753.d.ts}

@@ -128,6 +128,10 @@ type TooltipProps = {
      *  Позволяет тултипу подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
      */
     availableHeight?: PopoverProps['availableHeight'];
+    /**
+     *  Элемент, относительно которого будет позиционировать тултип.
+     */
+    anchor?: PopoverProps['anchorElement'];
 };
 declare const Tooltip: FC<TooltipProps>;
 export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding, TooltipProps, Tooltip };

package/tooltip/esm/{Component-b8761540.js → Component-4c5ff753.js}

@@ -42,13 +42,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"tooltip__component_12zr5","popper":"tooltip__popper_12zr5","hint":"tooltip__hint_12zr5","arrow":"tooltip__arrow_12zr5","target":"tooltip__target_12zr5","overlap":"tooltip__overlap_12zr5"};
+var styles = {"component":"tooltip__component_4v6ki","popper":"tooltip__popper_4v6ki","hint":"tooltip__hint_4v6ki","arrow":"tooltip__arrow_4v6ki","target":"tooltip__target_4v6ki","overlap":"tooltip__overlap_4v6ki"};
 require('./index.css');
 
 var Tooltip = function (_a) {
-    var children = _a.children, content = _a.content, _b = _a.trigger, trigger = _b === void 0 ? 'hover' : _b, _c = _a.onCloseDelay, onCloseDelay = _c === void 0 ? 300 : _c, _d = _a.onOpenDelay, onOpenDelay = _d === void 0 ? 300 : _d, dataTestId = _a.dataTestId, forcedOpen = _a.open, _e = _a.offset, offset = _e === void 0 ? [0, 16] : _e, position = _a.position, contentClassName = _a.contentClassName, arrowClassName = _a.arrowClassName, popoverClassName = _a.popoverClassName, updatePopover = _a.updatePopover, targetClassName = _a.targetClassName, zIndex = _a.zIndex, onClose = _a.onClose, onOpen = _a.onOpen, getPortalContainer = _a.getPortalContainer, _f = _a.view, view = _f === void 0 ? 'tooltip' : _f, _g = _a.targetRef, targetRef = _g === void 0 ? null : _g, fallbackPlacements = _a.fallbackPlacements, _h = _a.preventOverflow, preventOverflow = _h === void 0 ? true : _h, _j = _a.availableHeight, availableHeight = _j === void 0 ? false : _j;
-    var _k = useState(!!forcedOpen), visible = _k[0], setVisible = _k[1];
-    var _l = useState(null), target = _l[0], setTarget = _l[1];
+    var children = _a.children, content = _a.content, _b = _a.trigger, trigger = _b === void 0 ? 'hover' : _b, _c = _a.onCloseDelay, onCloseDelay = _c === void 0 ? 300 : _c, _d = _a.onOpenDelay, onOpenDelay = _d === void 0 ? 300 : _d, dataTestId = _a.dataTestId, forcedOpen = _a.open, _e = _a.offset, offset = _e === void 0 ? [0, 16] : _e, position = _a.position, contentClassName = _a.contentClassName, arrowClassName = _a.arrowClassName, popoverClassName = _a.popoverClassName, updatePopover = _a.updatePopover, targetClassName = _a.targetClassName, zIndex = _a.zIndex, onClose = _a.onClose, onOpen = _a.onOpen, getPortalContainer = _a.getPortalContainer, _f = _a.view, view = _f === void 0 ? 'tooltip' : _f, _g = _a.targetRef, targetRef = _g === void 0 ? null : _g, fallbackPlacements = _a.fallbackPlacements, _h = _a.preventOverflow, preventOverflow = _h === void 0 ? true : _h, _j = _a.availableHeight, availableHeight = _j === void 0 ? false : _j, _k = _a.anchor, anchor = _k === void 0 ? null : _k;
+    var _l = useState(!!forcedOpen), visible = _l[0], setVisible = _l[1];
+    var _m = useState(null), target = _m[0], setTarget = _m[1];
     var contentRef = useRef(null);
     var timer = useRef(0);
     var show = forcedOpen === undefined ? visible : forcedOpen;
@@ -161,7 +161,7 @@ var Tooltip = function (_a) {
         React.createElement("div", __assign({ ref: mergeRefs([targetRef, setTarget]) }, getTargetProps()),
             children.props.disabled && React.createElement("div", { className: styles.overlap }),
             children),
-        React.createElement(Popover, { anchorElement: target, open: show, getPortalContainer: getPortalContainer, arrowClassName: cn(arrowClassName, styles.arrow), popperClassName: cn(styles.popper, styles[view]), className: popoverClassName, offset: offset, withArrow: true, position: position, update: updatePopover, zIndex: zIndex, fallbackPlacements: fallbackPlacements, preventOverflow: preventOverflow, availableHeight: availableHeight },
+        React.createElement(Popover, { anchorElement: anchor || target, open: show, getPortalContainer: getPortalContainer, arrowClassName: cn(arrowClassName, styles.arrow), popperClassName: cn(styles.popper, styles[view]), className: popoverClassName, offset: offset, withArrow: true, position: position, update: updatePopover, zIndex: zIndex, fallbackPlacements: fallbackPlacements, preventOverflow: preventOverflow, availableHeight: availableHeight },
             React.createElement("div", __assign({}, getContentProps()), content))));
 };
 

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-b8761540.js';
+export { T as Tooltip } from './Component-4c5ff753.js';

package/tooltip/esm/component.responsive.js

@@ -2,11 +2,11 @@ import React, { Fragment } from 'react';
 import 'classnames';
 import 'react-merge-refs';
 import '../../popover/esm';
-import { _ as __rest, a as __assign, T as Tooltip } from './Component-b8761540.js';
+import { _ as __rest, a as __assign, T as Tooltip } from './Component-4c5ff753.js';
 import { useMedia } from '@alfalab/hooks';
 import { BottomSheet } from '../../bottom-sheet/esm';
 
-var styles = {"target":"tooltip__target_bzn3l","overlap":"tooltip__overlap_bzn3l"};
+var styles = {"target":"tooltip__target_1fhuu","overlap":"tooltip__overlap_1fhuu"};
 require('./responsive.css');
 
 var TooltipResponsive = function (_a) {

package/tooltip/esm/index.css

@@ -25,37 +25,37 @@
 :root {
     --tooltip-hint-bg-color: var(--color-static-bg-primary-dark);
 }
-.tooltip__component_12zr5 {
+.tooltip__component_4v6ki {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-m);
 }
-.tooltip__popper_12zr5 {
+.tooltip__popper_4v6ki {
     border-radius: var(--border-radius-m);
 }
-.tooltip__hint_12zr5 {
+.tooltip__hint_4v6ki {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-bg-color);
     box-shadow: none;
 }
-.tooltip__hint_12zr5 .tooltip__component_12zr5 {
+.tooltip__hint_4v6ki .tooltip__component_4v6ki {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
     padding: var(--gap-xs);
     color: var(--color-light-text-primary-inverted);
 }
-.tooltip__hint_12zr5 .tooltip__arrow_12zr5:after {
+.tooltip__hint_4v6ki .tooltip__arrow_4v6ki:after {
     background-color: var(--tooltip-hint-bg-color);
     border-color: var(--tooltip-hint-bg-color);
 }
-.tooltip__target_12zr5 {
+.tooltip__target_4v6ki {
     cursor: pointer;
     width: max-content;
     position: relative
 }
-.tooltip__target_12zr5 .tooltip__overlap_12zr5 {
+.tooltip__target_4v6ki .tooltip__overlap_4v6ki {
         cursor: var(--disabled-cursor);
         position: absolute;
         height: 100%;

package/tooltip/esm/index.d.ts

@@ -1 +1 @@
-export * from "./Component-b8761540";
+export * from "./Component-4c5ff753";

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-b8761540.js';
+export { T as Tooltip } from './Component-4c5ff753.js';

package/tooltip/esm/responsive.css

@@ -1,9 +1,9 @@
 /* hash: 1dptp */
-.tooltip__target_bzn3l {
+.tooltip__target_1fhuu {
     position: relative;
     width: max-content
 }
-.tooltip__target_bzn3l .tooltip__overlap_bzn3l {
+.tooltip__target_1fhuu .tooltip__overlap_1fhuu {
         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-b8761540.js';
+import './Component-4c5ff753.js';
 import '@alfalab/hooks';
 import '../../bottom-sheet/esm';
 export { TooltipResponsive } from './component.responsive.js';

package/tooltip/index.css

@@ -25,37 +25,37 @@
 :root {
     --tooltip-hint-bg-color: var(--color-static-bg-primary-dark);
 }
-.tooltip__component_12zr5 {
+.tooltip__component_4v6ki {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-m);
 }
-.tooltip__popper_12zr5 {
+.tooltip__popper_4v6ki {
     border-radius: var(--border-radius-m);
 }
-.tooltip__hint_12zr5 {
+.tooltip__hint_4v6ki {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-bg-color);
     box-shadow: none;
 }
-.tooltip__hint_12zr5 .tooltip__component_12zr5 {
+.tooltip__hint_4v6ki .tooltip__component_4v6ki {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
     padding: var(--gap-xs);
     color: var(--color-light-text-primary-inverted);
 }
-.tooltip__hint_12zr5 .tooltip__arrow_12zr5:after {
+.tooltip__hint_4v6ki .tooltip__arrow_4v6ki:after {
     background-color: var(--tooltip-hint-bg-color);
     border-color: var(--tooltip-hint-bg-color);
 }
-.tooltip__target_12zr5 {
+.tooltip__target_4v6ki {
     cursor: pointer;
     width: max-content;
     position: relative
 }
-.tooltip__target_12zr5 .tooltip__overlap_12zr5 {
+.tooltip__target_4v6ki .tooltip__overlap_4v6ki {
         cursor: var(--disabled-cursor);
         position: absolute;
         height: 100%;

package/tooltip/index.d.ts

@@ -1 +1 @@
-export * from "./Component-ac9fbda9";
+export * from "./Component-65517b55";

package/tooltip/index.js

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

package/tooltip/modern/Component.d.ts

@@ -97,6 +97,10 @@ type TooltipProps = {
      *  Позволяет тултипу подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
      */
     availableHeight?: PopoverProps['availableHeight'];
+    /**
+     *  Элемент, относительно которого будет позиционировать тултип.
+     */
+    anchor?: PopoverProps['anchorElement'];
 };
 declare const Tooltip: FC<TooltipProps>;
 export { TooltipProps, Tooltip };

package/tooltip/modern/Component.js

@@ -3,10 +3,10 @@ import cn from 'classnames';
 import mergeRefs from 'react-merge-refs';
 import { Popover } from '../../popover/modern';
 
-var styles = {"component":"tooltip__component_12zr5","popper":"tooltip__popper_12zr5","hint":"tooltip__hint_12zr5","arrow":"tooltip__arrow_12zr5","target":"tooltip__target_12zr5","overlap":"tooltip__overlap_12zr5"};
+var styles = {"component":"tooltip__component_4v6ki","popper":"tooltip__popper_4v6ki","hint":"tooltip__hint_4v6ki","arrow":"tooltip__arrow_4v6ki","target":"tooltip__target_4v6ki","overlap":"tooltip__overlap_4v6ki"};
 require('./index.css');
 
-const Tooltip = ({ children, content, trigger = 'hover', onCloseDelay = 300, onOpenDelay = 300, dataTestId, open: forcedOpen, offset = [0, 16], position, contentClassName, arrowClassName, popoverClassName, updatePopover, targetClassName, zIndex, onClose, onOpen, getPortalContainer, view = 'tooltip', targetRef = null, fallbackPlacements, preventOverflow = true, availableHeight = false, }) => {
+const Tooltip = ({ children, content, trigger = 'hover', onCloseDelay = 300, onOpenDelay = 300, dataTestId, open: forcedOpen, offset = [0, 16], position, contentClassName, arrowClassName, popoverClassName, updatePopover, targetClassName, zIndex, onClose, onOpen, getPortalContainer, view = 'tooltip', targetRef = null, fallbackPlacements, preventOverflow = true, availableHeight = false, anchor = null, }) => {
     const [visible, setVisible] = useState(!!forcedOpen);
     const [target, setTarget] = useState(null);
     const contentRef = useRef(null);
@@ -130,7 +130,7 @@ const Tooltip = ({ children, content, trigger = 'hover', onCloseDelay = 300, onO
         React.createElement("div", Object.assign({ ref: mergeRefs([targetRef, setTarget]) }, getTargetProps()),
             children.props.disabled && React.createElement("div", { className: styles.overlap }),
             children),
-        React.createElement(Popover, { anchorElement: target, open: show, getPortalContainer: getPortalContainer, arrowClassName: cn(arrowClassName, styles.arrow), popperClassName: cn(styles.popper, styles[view]), className: popoverClassName, offset: offset, withArrow: true, position: position, update: updatePopover, zIndex: zIndex, fallbackPlacements: fallbackPlacements, preventOverflow: preventOverflow, availableHeight: availableHeight },
+        React.createElement(Popover, { anchorElement: anchor || target, open: show, getPortalContainer: getPortalContainer, arrowClassName: cn(arrowClassName, styles.arrow), popperClassName: cn(styles.popper, styles[view]), className: popoverClassName, offset: offset, withArrow: true, position: position, update: updatePopover, zIndex: zIndex, fallbackPlacements: fallbackPlacements, preventOverflow: preventOverflow, availableHeight: availableHeight },
             React.createElement("div", Object.assign({}, getContentProps()), content))));
 };
 

package/tooltip/modern/component.responsive.js

@@ -6,7 +6,7 @@ import '../../popover/modern';
 import { Tooltip } from './Component.js';
 import { BottomSheet } from '../../bottom-sheet/modern';
 
-var styles = {"target":"tooltip__target_bzn3l","overlap":"tooltip__overlap_bzn3l"};
+var styles = {"target":"tooltip__target_1fhuu","overlap":"tooltip__overlap_1fhuu"};
 require('./responsive.css');
 
 const TooltipResponsive = ({ defaultMatch = 'mobile', content, children, mobileActionButton, onOpen, ...restProps }) => {

package/tooltip/modern/index.css

@@ -25,37 +25,37 @@
 :root {
     --tooltip-hint-bg-color: var(--color-static-bg-primary-dark);
 }
-.tooltip__component_12zr5 {
+.tooltip__component_4v6ki {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-m);
 }
-.tooltip__popper_12zr5 {
+.tooltip__popper_4v6ki {
     border-radius: var(--border-radius-m);
 }
-.tooltip__hint_12zr5 {
+.tooltip__hint_4v6ki {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-bg-color);
     box-shadow: none;
 }
-.tooltip__hint_12zr5 .tooltip__component_12zr5 {
+.tooltip__hint_4v6ki .tooltip__component_4v6ki {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
     padding: var(--gap-xs);
     color: var(--color-light-text-primary-inverted);
 }
-.tooltip__hint_12zr5 .tooltip__arrow_12zr5:after {
+.tooltip__hint_4v6ki .tooltip__arrow_4v6ki:after {
     background-color: var(--tooltip-hint-bg-color);
     border-color: var(--tooltip-hint-bg-color);
 }
-.tooltip__target_12zr5 {
+.tooltip__target_4v6ki {
     cursor: pointer;
     width: max-content;
     position: relative
 }
-.tooltip__target_12zr5 .tooltip__overlap_12zr5 {
+.tooltip__target_4v6ki .tooltip__overlap_4v6ki {
         cursor: var(--disabled-cursor);
         position: absolute;
         height: 100%;

package/tooltip/modern/responsive.css

@@ -1,9 +1,9 @@
 /* hash: 1dptp */
-.tooltip__target_bzn3l {
+.tooltip__target_1fhuu {
     position: relative;
     width: max-content
 }
-.tooltip__target_bzn3l .tooltip__overlap_bzn3l {
+.tooltip__target_1fhuu .tooltip__overlap_1fhuu {
         position: absolute;
         height: 100%;
         width: 100%;

package/tooltip/responsive.css

@@ -1,9 +1,9 @@
 /* hash: 1dptp */
-.tooltip__target_bzn3l {
+.tooltip__target_1fhuu {
     position: relative;
     width: max-content
 }
-.tooltip__target_bzn3l .tooltip__overlap_bzn3l {
+.tooltip__target_1fhuu .tooltip__overlap_1fhuu {
         position: absolute;
         height: 100%;
         width: 100%;

package/tooltip/responsive.js

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

package/typography/colors.css

@@ -22,39 +22,39 @@
     /* Hard up */
 }
 /* colors */
-.typography__tertiary_7g3ps {
+.typography__tertiary_pwe94 {
     color: var(--color-light-text-tertiary);
 }
-.typography__disabled_7g3ps {
+.typography__disabled_pwe94 {
     color: var(--color-light-text-disabled);
 }
-.typography__accent_7g3ps {
+.typography__accent_pwe94 {
     color: var(--color-light-text-accent);
 }
-.typography__primary_7g3ps {
+.typography__primary_pwe94 {
     color: var(--color-light-text-primary);
 }
-.typography__attention_7g3ps {
+.typography__attention_pwe94 {
     color: var(--color-light-text-attention);
 }
-.typography__positive_7g3ps {
+.typography__positive_pwe94 {
     color: var(--color-light-text-positive);
 }
-.typography__secondary_7g3ps {
+.typography__secondary_pwe94 {
     color: var(--color-light-text-secondary);
 }
-.typography__tertiary-inverted_7g3ps {
+.typography__tertiary-inverted_pwe94 {
     color: var(--color-light-text-tertiary-inverted);
 }
-.typography__primary-inverted_7g3ps {
+.typography__primary-inverted_pwe94 {
     color: var(--color-light-text-primary-inverted);
 }
-.typography__secondary-inverted_7g3ps {
+.typography__secondary-inverted_pwe94 {
     color: var(--color-light-text-secondary-inverted);
 }
-.typography__link_7g3ps {
+.typography__link_pwe94 {
     color: var(--color-light-text-link);
 }
-.typography__negative_7g3ps {
+.typography__negative_pwe94 {
     color: var(--color-light-text-negative);
 }

package/typography/{colors.module-49621de8.js → colors.module-a9856423.js}

@@ -37,7 +37,7 @@ function __rest(s, e) {
     return t;
 }
 
-var colors = {"tertiary":"typography__tertiary_7g3ps","disabled":"typography__disabled_7g3ps","accent":"typography__accent_7g3ps","primary":"typography__primary_7g3ps","attention":"typography__attention_7g3ps","positive":"typography__positive_7g3ps","secondary":"typography__secondary_7g3ps","tertiary-inverted":"typography__tertiary-inverted_7g3ps","primary-inverted":"typography__primary-inverted_7g3ps","secondary-inverted":"typography__secondary-inverted_7g3ps","link":"typography__link_7g3ps","negative":"typography__negative_7g3ps"};
+var colors = {"tertiary":"typography__tertiary_pwe94","disabled":"typography__disabled_pwe94","accent":"typography__accent_pwe94","primary":"typography__primary_pwe94","attention":"typography__attention_pwe94","positive":"typography__positive_pwe94","secondary":"typography__secondary_pwe94","tertiary-inverted":"typography__tertiary-inverted_pwe94","primary-inverted":"typography__primary-inverted_pwe94","secondary-inverted":"typography__secondary-inverted_pwe94","link":"typography__link_pwe94","negative":"typography__negative_pwe94"};
 require('./colors.css');
 
 exports.__rest = __rest;

package/typography/common.module-0e170e42.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"typography__component_vtfnd","bold":"typography__bold_vtfnd","medium":"typography__medium_vtfnd","regular":"typography__regular_vtfnd"};
+require('./title/common.css');
+
+exports.commonStyles = commonStyles;

package/typography/component.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./colors.module-49621de8.js');
+require('./colors.module-a9856423.js');
 require('react');
 require('classnames');
 require('./title/component.js');
-require('./common.module-4f351ccf.js');
+require('./common.module-0e170e42.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

@@ -22,39 +22,39 @@
     /* Hard up */
 }
 /* colors */
-.typography__tertiary_7g3ps {
+.typography__tertiary_pwe94 {
     color: var(--color-light-text-tertiary);
 }
-.typography__disabled_7g3ps {
+.typography__disabled_pwe94 {
     color: var(--color-light-text-disabled);
 }
-.typography__accent_7g3ps {
+.typography__accent_pwe94 {
     color: var(--color-light-text-accent);
 }
-.typography__primary_7g3ps {
+.typography__primary_pwe94 {
     color: var(--color-light-text-primary);
 }
-.typography__attention_7g3ps {
+.typography__attention_pwe94 {
     color: var(--color-light-text-attention);
 }
-.typography__positive_7g3ps {
+.typography__positive_pwe94 {
     color: var(--color-light-text-positive);
 }
-.typography__secondary_7g3ps {
+.typography__secondary_pwe94 {
     color: var(--color-light-text-secondary);
 }
-.typography__tertiary-inverted_7g3ps {
+.typography__tertiary-inverted_pwe94 {
     color: var(--color-light-text-tertiary-inverted);
 }
-.typography__primary-inverted_7g3ps {
+.typography__primary-inverted_pwe94 {
     color: var(--color-light-text-primary-inverted);
 }
-.typography__secondary-inverted_7g3ps {
+.typography__secondary-inverted_pwe94 {
     color: var(--color-light-text-secondary-inverted);
 }
-.typography__link_7g3ps {
+.typography__link_pwe94 {
     color: var(--color-light-text-link);
 }
-.typography__negative_7g3ps {
+.typography__negative_pwe94 {
     color: var(--color-light-text-negative);
 }

package/typography/esm/{colors.module-aa61dcb3.js → colors.module-4f51f0dd.js}

@@ -37,7 +37,7 @@ function __rest(s, e) {
     return t;
 }
 
-var colors = {"tertiary":"typography__tertiary_7g3ps","disabled":"typography__disabled_7g3ps","accent":"typography__accent_7g3ps","primary":"typography__primary_7g3ps","attention":"typography__attention_7g3ps","positive":"typography__positive_7g3ps","secondary":"typography__secondary_7g3ps","tertiary-inverted":"typography__tertiary-inverted_7g3ps","primary-inverted":"typography__primary-inverted_7g3ps","secondary-inverted":"typography__secondary-inverted_7g3ps","link":"typography__link_7g3ps","negative":"typography__negative_7g3ps"};
+var colors = {"tertiary":"typography__tertiary_pwe94","disabled":"typography__disabled_pwe94","accent":"typography__accent_pwe94","primary":"typography__primary_pwe94","attention":"typography__attention_pwe94","positive":"typography__positive_pwe94","secondary":"typography__secondary_pwe94","tertiary-inverted":"typography__tertiary-inverted_pwe94","primary-inverted":"typography__primary-inverted_pwe94","secondary-inverted":"typography__secondary-inverted_pwe94","link":"typography__link_pwe94","negative":"typography__negative_pwe94"};
 require('./colors.css');
 
 export { __assign as _, __rest as a, colors as c };

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

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"typography__component_vtfnd","bold":"typography__bold_vtfnd","medium":"typography__medium_vtfnd","regular":"typography__regular_vtfnd"};
+require('./title/common.css');
+
+export { commonStyles as c };

package/typography/esm/component.js

@@ -1,5 +1,5 @@
-import './colors.module-aa61dcb3.js';
-import './common.module-f8fe2ed4.js';
+import './colors.module-4f51f0dd.js';
+import './common.module-f698afea.js';
 import 'react';
 import 'classnames';
 import './title/component.js';

package/typography/esm/index.js

@@ -1,5 +1,5 @@
-import './colors.module-aa61dcb3.js';
-import './common.module-f8fe2ed4.js';
+import './colors.module-4f51f0dd.js';
+import './common.module-f698afea.js';
 import 'react';
 import 'classnames';
 import './title/component.js';

package/typography/esm/text/component.js

@@ -1,8 +1,8 @@
-import { a as __rest, _ as __assign, c as colors } from '../colors.module-aa61dcb3.js';
+import { a as __rest, _ as __assign, c as colors } from '../colors.module-4f51f0dd.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 
-var styles = {"paragraph":"typography__paragraph_18m5c","primary-large":"typography__primary-large_18m5c","primary-medium":"typography__primary-medium_18m5c","primary-small":"typography__primary-small_18m5c","secondary-large":"typography__secondary-large_18m5c","secondary-medium":"typography__secondary-medium_18m5c","secondary-small":"typography__secondary-small_18m5c","component":"typography__component_18m5c","caps":"typography__caps_18m5c","bold":"typography__bold_18m5c","medium":"typography__medium_18m5c","regular":"typography__regular_18m5c","monospace":"typography__monospace_18m5c"};
+var styles = {"paragraph":"typography__paragraph_1400b","primary-large":"typography__primary-large_1400b","primary-medium":"typography__primary-medium_1400b","primary-small":"typography__primary-small_1400b","secondary-large":"typography__secondary-large_1400b","secondary-medium":"typography__secondary-medium_1400b","secondary-small":"typography__secondary-small_1400b","component":"typography__component_1400b","caps":"typography__caps_1400b","bold":"typography__bold_1400b","medium":"typography__medium_1400b","regular":"typography__regular_1400b","monospace":"typography__monospace_1400b"};
 require('./index.css');
 
 var Text = forwardRef(function (_a, ref) {

package/typography/esm/text/index.css

@@ -13,62 +13,62 @@
 :root {
     --text-paragraph-margin-bottom: 0 0 var(--gap-s);
 }
-.typography__paragraph_18m5c {
+.typography__paragraph_1400b {
     margin: var(--text-paragraph-margin-bottom);
     padding: 0;
 }
-.typography__primary-large_18m5c {
+.typography__primary-large_1400b {
     font-size: 18px;
     line-height: 24px;
     font-weight: 400;
 }
-.typography__primary-medium_18m5c {
+.typography__primary-medium_1400b {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
 }
-.typography__primary-small_18m5c {
+.typography__primary-small_1400b {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 }
-.typography__secondary-large_18m5c {
+.typography__secondary-large_1400b {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
 }
-.typography__secondary-medium_18m5c {
+.typography__secondary-medium_1400b {
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
 }
-.typography__secondary-small_18m5c {
+.typography__secondary-small_1400b {
     font-size: 11px;
     line-height: 16px;
     font-weight: 400;
 }
-.typography__component_18m5c {
+.typography__component_1400b {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
 }
-.typography__caps_18m5c {
+.typography__caps_1400b {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
     letter-spacing: 1.25px;
     text-transform: uppercase;
 }
-.typography__bold_18m5c {
+.typography__bold_1400b {
     font-weight: bold;
 }
-.typography__medium_18m5c {
+.typography__medium_1400b {
     font-weight: 500;
 }
-.typography__regular_18m5c {
+.typography__regular_1400b {
     font-weight: normal;
 }
-.typography__monospace_18m5c {
+.typography__monospace_1400b {
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
 }

package/typography/esm/text/index.js

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

package/typography/esm/title/common.css

@@ -1,17 +1,17 @@
 /* hash: s7xe2 */
-.typography__component_8r9q2 {
+.typography__component_vtfnd {
     margin: 0;
     padding: 0;
 }
 
-.typography__bold_8r9q2 {
+.typography__bold_vtfnd {
     font-weight: bold;
 }
 
-.typography__medium_8r9q2 {
+.typography__medium_vtfnd {
     font-weight: 500;
 }
 
-.typography__regular_8r9q2 {
+.typography__regular_vtfnd {
     font-weight: normal;
 }