@alfalab/core-components 42.3.1 → 42.4.0

package/tooltip/modern/Component.desktop.js

@@ -3,20 +3,20 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Popover } from '../../popover/modern';
 
-const defaultColors = {"hint":"tooltip__hint_ewdli","arrow":"tooltip__arrow_ewdli","tooltip":"tooltip__tooltip_ewdli"};
+const defaultColors = {"hint":"tooltip__hint_43x09","arrow":"tooltip__arrow_43x09","tooltip":"tooltip__tooltip_43x09"};
 require('./default.css');
 
-const styles = {"component":"tooltip__component_1k3qo","popper":"tooltip__popper_1k3qo","hint":"tooltip__hint_1k3qo","target":"tooltip__target_1k3qo","overlap":"tooltip__overlap_1k3qo"};
+const styles = {"component":"tooltip__component_1ot14","popper":"tooltip__popper_1ot14","hint":"tooltip__hint_1ot14","target":"tooltip__target_1ot14","overlap":"tooltip__overlap_1ot14"};
 require('./index.css');
 
-const invertedColors = {"tooltip":"tooltip__tooltip_1uah0","arrow":"tooltip__arrow_1uah0","hint":"tooltip__hint_1uah0"};
+const invertedColors = {"tooltip":"tooltip__tooltip_1ji0f","arrow":"tooltip__arrow_1ji0f","hint":"tooltip__hint_1ji0f"};
 require('./inverted.css');
 
 const colorStyles = {
     default: defaultColors,
     inverted: invertedColors,
 };
-const TooltipDesktop = ({ 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, colors = 'default', useAnchorWidth, }) => {
+const TooltipDesktop = ({ children, content, trigger = 'hover', onCloseDelay = 300, onOpenDelay = 300, dataTestId, open: forcedOpen, offset = [0, 16], position, contentClassName, arrowClassName, popoverClassName, updatePopover, targetClassName, targetTag: TargetTag = 'div', zIndex, onClose, onOpen, getPortalContainer, view = 'tooltip', targetRef = null, fallbackPlacements, preventOverflow = true, availableHeight = false, anchor = null, colors = 'default', useAnchorWidth, }) => {
     const [visible, setVisible] = useState(!!forcedOpen);
     const [target, setTarget] = useState(null);
     const contentRef = useRef(null);
@@ -139,7 +139,7 @@ const TooltipDesktop = ({ children, content, trigger = 'hover', onCloseDelay = 3
         }
     };
     return (React.createElement(Fragment, null,
-        React.createElement("div", { ref: mergeRefs([targetRef, setTarget]), ...getTargetProps() },
+        React.createElement(TargetTag, { ref: mergeRefs([targetRef, setTarget]), ...getTargetProps() },
             children.props.disabled && React.createElement("div", { className: styles.overlap }),
             children),
         React.createElement(Popover, { anchorElement: anchor || target, open: show, getPortalContainer: getPortalContainer, arrowClassName: cn(arrowClassName, styles.arrow, colorStyles[colors].arrow), popperClassName: cn(styles.popper, styles[view], colorStyles[colors][view]), className: popoverClassName, offset: offset, withArrow: true, position: position, update: updatePopover, zIndex: zIndex, fallbackPlacements: fallbackPlacements, preventOverflow: preventOverflow, availableHeight: availableHeight, useAnchorWidth: useAnchorWidth },

package/tooltip/modern/Component.mobile.js

@@ -3,12 +3,12 @@ import cn from 'classnames';
 import { BottomSheet } from '../../bottom-sheet/modern';
 import { ButtonMobile } from '../../button/modern/mobile';
 
-const styles = {"target":"tooltip__target_941gm","overlap":"tooltip__overlap_941gm"};
+const styles = {"target":"tooltip__target_1xwi0","overlap":"tooltip__overlap_1xwi0"};
 require('./mobile.css');
 
-const TooltipMobile = ({ onClose, actionButtonTitle = 'Понятно', content, targetRef, onOpen, targetClassName, children, getPortalContainer, ...restProps }) => (React.createElement(Fragment, null,
+const TooltipMobile = ({ onClose, actionButtonTitle = 'Понятно', content, targetRef, onOpen, targetClassName, children, getPortalContainer, targetTag: TargetTag = 'div', ...restProps }) => (React.createElement(Fragment, null,
     React.createElement(BottomSheet, { actionButton: React.createElement(ButtonMobile, { view: 'secondary', block: true, size: 's', onClick: onClose }, actionButtonTitle), ...restProps, container: getPortalContainer, onClose: onClose }, content),
-    React.createElement("div", { ref: targetRef, onClick: onOpen, className: cn(styles.target, targetClassName) },
+    React.createElement(TargetTag, { ref: targetRef, onClick: onOpen, className: cn(styles.target, targetClassName) },
         children?.props.disabled && React.createElement("div", { className: styles.overlap }),
         children)));
 

package/tooltip/modern/default.css

@@ -1,4 +1,4 @@
-/* hash: 6cb68 */
+/* hash: 11mch */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary-inverted: #121212;
@@ -23,15 +23,15 @@
     --tooltip-hint-bg-color: var(--color-light-bg-primary-inverted);
     --tooltip-hint-text-color: var(--color-light-text-primary-inverted);
     --tooltip-hint-box-shadow: var(--shadow-m-hard);
-} .tooltip__hint_ewdli {
+} .tooltip__hint_43x09 {
     background-color: var(--tooltip-hint-bg-color);
     box-shadow: var(--tooltip-hint-box-shadow);
     color: var(--tooltip-hint-text-color);
-} .tooltip__hint_ewdli .tooltip__arrow_ewdli:after {
+} .tooltip__hint_43x09 .tooltip__arrow_43x09:after {
     background-color: var(--tooltip-hint-bg-color);
     border-color: var(--tooltip-hint-bg-color);
-} .tooltip__tooltip_ewdli {
+} .tooltip__tooltip_43x09 {
     border: 1px solid var(--color-light-border-secondary)
-} .tooltip__tooltip_ewdli .tooltip__arrow_ewdli:after {
+} .tooltip__tooltip_43x09 .tooltip__arrow_43x09:after {
         border-color: var(--color-light-border-secondary);
     }

package/tooltip/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: bn4wq */
+/* hash: 1spnr */
 :root {
 } /* deprecated */ :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 */
 } :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 */
@@ -21,27 +21,26 @@
     --disabled-cursor: not-allowed;
 } :root {
     --tooltip-max-width: 368px;
-} .tooltip__component_1k3qo {
+} .tooltip__component_1ot14 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-m);
     max-width: var(--tooltip-max-width);
-} .tooltip__popper_1k3qo {
+} .tooltip__popper_1ot14 {
     border-radius: var(--border-radius-m);
     box-sizing: border-box;
-} .tooltip__hint_1k3qo .tooltip__component_1k3qo {
+} .tooltip__hint_1ot14 .tooltip__component_1ot14 {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
     padding: var(--gap-xs);
-} .tooltip__hint_1k3qo {
+} .tooltip__hint_1ot14 {
     border-radius: var(--border-radius-s);
-} .tooltip__target_1k3qo {
+} .tooltip__target_1ot14 {
     cursor: pointer;
-    width: max-content;
     position: relative
-} .tooltip__target_1k3qo .tooltip__overlap_1k3qo {
+} .tooltip__target_1ot14 .tooltip__overlap_1ot14 {
         cursor: var(--disabled-cursor);
         position: absolute;
         height: 100%;

package/tooltip/modern/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1x0ap */
+/* hash: t97yz */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -29,16 +29,16 @@
     --tooltip-inverted-text-color: var(--color-light-text-primary-inverted);
     --tooltip-inverted-bg-color: var(--color-light-bg-primary-inverted);
     --tooltip-inverted-box-shadow: var(--shadow-m-hard);
-} .tooltip__tooltip_1uah0 {
+} .tooltip__tooltip_1ji0f {
     background-color: var(--tooltip-inverted-bg-color);
     color: var(--tooltip-inverted-text-color);
     box-shadow: var(--tooltip-inverted-box-shadow);
-} .tooltip__tooltip_1uah0 .tooltip__arrow_1uah0:after {
+} .tooltip__tooltip_1ji0f .tooltip__arrow_1ji0f:after {
     background-color: var(--tooltip-inverted-bg-color);
-} .tooltip__hint_1uah0 {
+} .tooltip__hint_1ji0f {
     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_1uah0 .tooltip__arrow_1uah0:after {
+} .tooltip__hint_1ji0f .tooltip__arrow_1ji0f:after {
     background-color: var(--tooltip-hint-inverted-bg-color);
 }

package/tooltip/modern/mobile.css

@@ -1,9 +1,8 @@
-/* hash: dwtlj */
-.tooltip__target_941gm {
-    position: relative;
-    width: max-content
+/* hash: gkxt7 */
+.tooltip__target_1xwi0 {
+    position: relative
 }
-.tooltip__target_941gm .tooltip__overlap_941gm {
+.tooltip__target_1xwi0 .tooltip__overlap_1xwi0 {
         position: absolute;
         height: 100%;
         width: 100%;

package/tooltip/modern/types.d.ts

@@ -112,8 +112,13 @@ type TooltipDesktopProps = {
      * Использовать ширину родительского элемента
      */
     useAnchorWidth?: boolean;
+    /**
+     * Тэг для target обертки
+     * @default div
+     */
+    targetTag?: 'div' | 'span';
 };
-type TooltipMobileProps = Omit<BottomSheetProps, 'actionButton'> & Pick<TooltipDesktopProps, 'content' | 'targetRef' | 'onOpen' | 'targetClassName' | 'children' | 'zIndex' | 'dataTestId' | 'getPortalContainer'> & {
+type TooltipMobileProps = Omit<BottomSheetProps, 'actionButton'> & Pick<TooltipDesktopProps, 'content' | 'targetRef' | 'onOpen' | 'targetClassName' | 'children' | 'zIndex' | 'dataTestId' | 'getPortalContainer' | 'targetTag'> & {
     /**
      * Заголовок кнопки в футере
      */

package/tooltip/types.d.ts

@@ -112,8 +112,13 @@ type TooltipDesktopProps = {
      * Использовать ширину родительского элемента
      */
     useAnchorWidth?: boolean;
+    /**
+     * Тэг для target обертки
+     * @default div
+     */
+    targetTag?: 'div' | 'span';
 };
-type TooltipMobileProps = Omit<BottomSheetProps, 'actionButton'> & Pick<TooltipDesktopProps, 'content' | 'targetRef' | 'onOpen' | 'targetClassName' | 'children' | 'zIndex' | 'dataTestId' | 'getPortalContainer'> & {
+type TooltipMobileProps = Omit<BottomSheetProps, 'actionButton'> & Pick<TooltipDesktopProps, 'content' | 'targetRef' | 'onOpen' | 'targetClassName' | 'children' | 'zIndex' | 'dataTestId' | 'getPortalContainer' | 'targetTag'> & {
     /**
      * Заголовок кнопки в футере
      */

package/typography/colors.css

@@ -33,42 +33,42 @@
 } :root {
 } :root {
 } :root {
-} /* colors */ .typography__tertiary_1njrf {
+} /* colors */ .typography__tertiary_1wokq {
     color: var(--color-light-text-tertiary);
-} .typography__disabled_1njrf {
+} .typography__disabled_1wokq {
     color: var(--color-light-text-disabled);
-} .typography__accent_1njrf {
+} .typography__accent_1wokq {
     color: var(--color-light-text-accent);
-} .typography__primary_1njrf {
+} .typography__primary_1wokq {
     color: var(--color-light-text-primary);
-} .typography__attention_1njrf {
+} .typography__attention_1wokq {
     color: var(--color-light-text-attention);
-} .typography__positive_1njrf {
+} .typography__positive_1wokq {
     color: var(--color-light-text-positive);
-} .typography__secondary_1njrf {
+} .typography__secondary_1wokq {
     color: var(--color-light-text-secondary);
-} .typography__tertiary-inverted_1njrf {
+} .typography__tertiary-inverted_1wokq {
     color: var(--color-light-text-tertiary-inverted);
-} .typography__primary-inverted_1njrf {
+} .typography__primary-inverted_1wokq {
     color: var(--color-light-text-primary-inverted);
-} .typography__secondary-inverted_1njrf {
+} .typography__secondary-inverted_1wokq {
     color: var(--color-light-text-secondary-inverted);
-} .typography__link_1njrf {
+} .typography__link_1wokq {
     color: var(--color-light-text-link);
-} .typography__negative_1njrf {
+} .typography__negative_1wokq {
     color: var(--color-light-text-negative);
-} .typography__static-primary-light_1njrf {
+} .typography__static-primary-light_1wokq {
     color: var(--color-static-text-primary-light);
-} .typography__static-secondary-light_1njrf {
+} .typography__static-secondary-light_1wokq {
     color: var(--color-static-text-secondary-light);
-} .typography__static-tertiary-light_1njrf {
+} .typography__static-tertiary-light_1wokq {
     color: var(--color-static-text-tertiary-light);
-} .typography__static-primary-dark_1njrf {
+} .typography__static-primary-dark_1wokq {
     color: var(--color-static-text-primary-dark);
-} .typography__static-secondary-dark_1njrf {
+} .typography__static-secondary-dark_1wokq {
     color: var(--color-static-text-secondary-dark);
-} .typography__static-tertiary-dark_1njrf {
+} .typography__static-tertiary-dark_1wokq {
     color: var(--color-static-text-tertiary-dark);
-} .typography__static-accent_1njrf {
+} .typography__static-accent_1wokq {
     color: var(--color-static-text-accent);
 }

package/typography/colors.module-d2d491db.js

@@ -0,0 +1,4 @@
+var colors = {"tertiary":"typography__tertiary_1wokq","disabled":"typography__disabled_1wokq","accent":"typography__accent_1wokq","primary":"typography__primary_1wokq","attention":"typography__attention_1wokq","positive":"typography__positive_1wokq","secondary":"typography__secondary_1wokq","tertiary-inverted":"typography__tertiary-inverted_1wokq","primary-inverted":"typography__primary-inverted_1wokq","secondary-inverted":"typography__secondary-inverted_1wokq","link":"typography__link_1wokq","negative":"typography__negative_1wokq","static-primary-light":"typography__static-primary-light_1wokq","static-secondary-light":"typography__static-secondary-light_1wokq","static-tertiary-light":"typography__static-tertiary-light_1wokq","static-primary-dark":"typography__static-primary-dark_1wokq","static-secondary-dark":"typography__static-secondary-dark_1wokq","static-tertiary-dark":"typography__static-tertiary-dark_1wokq","static-accent":"typography__static-accent_1wokq"};
+require('./colors.css');
+
+exports.colors = colors;

package/typography/common.module-90646d2c.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"typography__component_xfipf","bold":"typography__bold_xfipf","medium":"typography__medium_xfipf","regular":"typography__regular_xfipf"};
+require('./title/common.css');
+
+exports.commonStyles = commonStyles;

package/typography/component.js

@@ -11,9 +11,9 @@ require('classnames');
 require('./hooks/useSkeleton.js');
 require('../skeleton');
 require('@alfalab/hooks');
-require('./colors.module-96d28c21.js');
+require('./colors.module-d2d491db.js');
 require('./title/component.js');
-require('./common.module-66b3d7e7.js');
+require('./common.module-90646d2c.js');
 
 var Typography = {
     Title: title_index.Title,

package/typography/esm/colors.css

@@ -33,42 +33,42 @@
 } :root {
 } :root {
 } :root {
-} /* colors */ .typography__tertiary_1njrf {
+} /* colors */ .typography__tertiary_1wokq {
     color: var(--color-light-text-tertiary);
-} .typography__disabled_1njrf {
+} .typography__disabled_1wokq {
     color: var(--color-light-text-disabled);
-} .typography__accent_1njrf {
+} .typography__accent_1wokq {
     color: var(--color-light-text-accent);
-} .typography__primary_1njrf {
+} .typography__primary_1wokq {
     color: var(--color-light-text-primary);
-} .typography__attention_1njrf {
+} .typography__attention_1wokq {
     color: var(--color-light-text-attention);
-} .typography__positive_1njrf {
+} .typography__positive_1wokq {
     color: var(--color-light-text-positive);
-} .typography__secondary_1njrf {
+} .typography__secondary_1wokq {
     color: var(--color-light-text-secondary);
-} .typography__tertiary-inverted_1njrf {
+} .typography__tertiary-inverted_1wokq {
     color: var(--color-light-text-tertiary-inverted);
-} .typography__primary-inverted_1njrf {
+} .typography__primary-inverted_1wokq {
     color: var(--color-light-text-primary-inverted);
-} .typography__secondary-inverted_1njrf {
+} .typography__secondary-inverted_1wokq {
     color: var(--color-light-text-secondary-inverted);
-} .typography__link_1njrf {
+} .typography__link_1wokq {
     color: var(--color-light-text-link);
-} .typography__negative_1njrf {
+} .typography__negative_1wokq {
     color: var(--color-light-text-negative);
-} .typography__static-primary-light_1njrf {
+} .typography__static-primary-light_1wokq {
     color: var(--color-static-text-primary-light);
-} .typography__static-secondary-light_1njrf {
+} .typography__static-secondary-light_1wokq {
     color: var(--color-static-text-secondary-light);
-} .typography__static-tertiary-light_1njrf {
+} .typography__static-tertiary-light_1wokq {
     color: var(--color-static-text-tertiary-light);
-} .typography__static-primary-dark_1njrf {
+} .typography__static-primary-dark_1wokq {
     color: var(--color-static-text-primary-dark);
-} .typography__static-secondary-dark_1njrf {
+} .typography__static-secondary-dark_1wokq {
     color: var(--color-static-text-secondary-dark);
-} .typography__static-tertiary-dark_1njrf {
+} .typography__static-tertiary-dark_1wokq {
     color: var(--color-static-text-tertiary-dark);
-} .typography__static-accent_1njrf {
+} .typography__static-accent_1wokq {
     color: var(--color-static-text-accent);
 }

package/typography/esm/colors.module-2ac48621.js

@@ -0,0 +1,4 @@
+var colors = {"tertiary":"typography__tertiary_1wokq","disabled":"typography__disabled_1wokq","accent":"typography__accent_1wokq","primary":"typography__primary_1wokq","attention":"typography__attention_1wokq","positive":"typography__positive_1wokq","secondary":"typography__secondary_1wokq","tertiary-inverted":"typography__tertiary-inverted_1wokq","primary-inverted":"typography__primary-inverted_1wokq","secondary-inverted":"typography__secondary-inverted_1wokq","link":"typography__link_1wokq","negative":"typography__negative_1wokq","static-primary-light":"typography__static-primary-light_1wokq","static-secondary-light":"typography__static-secondary-light_1wokq","static-tertiary-light":"typography__static-tertiary-light_1wokq","static-primary-dark":"typography__static-primary-dark_1wokq","static-secondary-dark":"typography__static-secondary-dark_1wokq","static-tertiary-dark":"typography__static-tertiary-dark_1wokq","static-accent":"typography__static-accent_1wokq"};
+require('./colors.css');
+
+export { colors as c };

package/typography/esm/common.module-222cb4da.js

@@ -0,0 +1,4 @@
+var commonStyles = {"component":"typography__component_xfipf","bold":"typography__bold_xfipf","medium":"typography__medium_xfipf","regular":"typography__regular_xfipf"};
+require('./title/common.css');
+
+export { commonStyles as c };

package/typography/esm/component.js

@@ -9,9 +9,9 @@ import 'classnames';
 import './hooks/useSkeleton.js';
 import '../../skeleton/esm';
 import '@alfalab/hooks';
-import './colors.module-d2fbdce4.js';
+import './colors.module-2ac48621.js';
 import './title/component.js';
-import './common.module-d51654f4.js';
+import './common.module-222cb4da.js';
 
 var Typography = {
     Title: Title,

package/typography/esm/hooks/use-skeleton.css

@@ -15,6 +15,6 @@
 } :root {
 } :root {
 } :root {
-} .typography__skeletonText_bhson.typography__skeletonText_bhson {
+} .typography__skeletonText_i28l6.typography__skeletonText_i28l6 {
     border-radius: var(--border-radius-pill);
 }

package/typography/esm/hooks/useSkeleton.js

@@ -3,7 +3,7 @@ import React, { useState, useRef } from 'react';
 import { Skeleton } from '../../../skeleton/esm';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 
-var styles = {"skeletonText":"typography__skeletonText_bhson"};
+var styles = {"skeletonText":"typography__skeletonText_i28l6"};
 require('./use-skeleton.css');
 
 function useSkeleton(showSkeleton, skeletonProps) {

package/typography/esm/index.js

@@ -8,9 +8,9 @@ import 'classnames';
 import './hooks/useSkeleton.js';
 import '../../skeleton/esm';
 import '@alfalab/hooks';
-import './colors.module-d2fbdce4.js';
+import './colors.module-2ac48621.js';
 import './title/index.js';
 import './title/component.js';
-import './common.module-d51654f4.js';
+import './common.module-222cb4da.js';
 import './title-mobile/component.js';
 import './title-responsive/component.js';

package/typography/esm/text/component.js

@@ -3,11 +3,11 @@ import React, { forwardRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/useSkeleton.js';
-import { c as colors } from '../colors.module-d2fbdce4.js';
+import { c as colors } from '../colors.module-2ac48621.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 
-var styles = {"paragraph":"typography__paragraph_4ath5","paragraphWithMargins":"typography__paragraphWithMargins_4ath5","primary-large":"typography__primary-large_4ath5","primary-medium":"typography__primary-medium_4ath5","primary-small":"typography__primary-small_4ath5","secondary-large":"typography__secondary-large_4ath5","secondary-medium":"typography__secondary-medium_4ath5","secondary-small":"typography__secondary-small_4ath5","component":"typography__component_4ath5","caps":"typography__caps_4ath5","bold":"typography__bold_4ath5","medium":"typography__medium_4ath5","regular":"typography__regular_4ath5","monospace":"typography__monospace_4ath5","rowLimit1":"typography__rowLimit1_4ath5","rowLimit2":"typography__rowLimit2_4ath5","rowLimit3":"typography__rowLimit3_4ath5"};
+var styles = {"paragraph":"typography__paragraph_aym7a","paragraphWithMargins":"typography__paragraphWithMargins_aym7a","primary-large":"typography__primary-large_aym7a","primary-medium":"typography__primary-medium_aym7a","primary-small":"typography__primary-small_aym7a","secondary-large":"typography__secondary-large_aym7a","secondary-medium":"typography__secondary-medium_aym7a","secondary-small":"typography__secondary-small_aym7a","component":"typography__component_aym7a","caps":"typography__caps_aym7a","bold":"typography__bold_aym7a","medium":"typography__medium_aym7a","regular":"typography__regular_aym7a","monospace":"typography__monospace_aym7a","rowLimit1":"typography__rowLimit1_aym7a","rowLimit2":"typography__rowLimit2_aym7a","rowLimit3":"typography__rowLimit3_aym7a"};
 require('./index.css');
 
 var Text = forwardRef(function (_a, ref) {

package/typography/esm/text/index.css

@@ -17,66 +17,66 @@
 } :root {
 } :root {
     --text-paragraph-margin-bottom: 0 0 var(--gap-s);
-} .typography__paragraph_4ath5 {
+} .typography__paragraph_aym7a {
     margin: 0;
     padding: 0;
-} .typography__paragraphWithMargins_4ath5 {
+} .typography__paragraphWithMargins_aym7a {
     padding: 0;
     margin: var(--text-paragraph-margin-bottom);
-} .typography__primary-large_4ath5 {
+} .typography__primary-large_aym7a {
     font-size: 18px;
     line-height: 24px;
     font-weight: 400;
-} .typography__primary-medium_4ath5 {
+} .typography__primary-medium_aym7a {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
-} .typography__primary-small_4ath5 {
+} .typography__primary-small_aym7a {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-} .typography__secondary-large_4ath5 {
+} .typography__secondary-large_aym7a {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
-} .typography__secondary-medium_4ath5 {
+} .typography__secondary-medium_aym7a {
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
-} .typography__secondary-small_4ath5 {
+} .typography__secondary-small_aym7a {
     font-size: 11px;
     line-height: 16px;
     font-weight: 400;
-} .typography__component_4ath5 {
+} .typography__component_aym7a {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-} .typography__caps_4ath5 {
+} .typography__caps_aym7a {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
     letter-spacing: 1.25px;
     text-transform: uppercase;
-} .typography__bold_4ath5 {
+} .typography__bold_aym7a {
     font-weight: bold;
-} .typography__medium_4ath5 {
+} .typography__medium_aym7a {
     font-weight: 500;
-} .typography__regular_4ath5 {
+} .typography__regular_aym7a {
     font-weight: normal;
-} .typography__monospace_4ath5 {
+} .typography__monospace_aym7a {
     font-variant-numeric: tabular-nums;
-} .typography__rowLimit1_4ath5 {
+} .typography__rowLimit1_aym7a {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .typography__rowLimit2_4ath5 {
+} .typography__rowLimit2_aym7a {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .typography__rowLimit3_4ath5 {
+} .typography__rowLimit3_aym7a {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/typography/esm/text/index.js

@@ -6,4 +6,4 @@ import 'classnames';
 import '../hooks/useSkeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
-import '../colors.module-d2fbdce4.js';
+import '../colors.module-2ac48621.js';

package/typography/esm/title/common.css

@@ -1,14 +1,14 @@
 /* hash: 1uj85 */
-.typography__component_924pg {
+.typography__component_xfipf {
     margin: 0;
     padding: 0
 }
-.typography__component_924pg.typography__bold_924pg {
+.typography__component_xfipf.typography__bold_xfipf {
         font-weight: bold;
     }
-.typography__component_924pg.typography__medium_924pg {
+.typography__component_xfipf.typography__medium_xfipf {
         font-weight: 500;
     }
-.typography__component_924pg.typography__regular_924pg {
+.typography__component_xfipf.typography__regular_xfipf {
         font-weight: normal;
     }

package/typography/esm/title/component.js

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/useSkeleton.js';
-import { c as colors } from '../colors.module-d2fbdce4.js';
+import { c as colors } from '../colors.module-2ac48621.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';