@skbkontur/react-ui 6.4.1 → 6.4.2-static-css.0

package/components/TimePicker/TimePicker.styles.d.ts

@@ -1,12 +1,12 @@
-import type { Theme } from '../../lib/theming/Theme.js';
-export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
-    root(): string;
-    popup(t: Theme): string;
-    item(): string;
-    itemValue(): string;
-    itemLabel(): string;
-    itemLabelSmall(t: Theme): string;
-    itemLabelMedium(t: Theme): string;
-    itemLabelLarge(t: Theme): string;
-    itemLabelColor(t: Theme): string;
+/** Правила — в `TimePicker.css`; здесь только имена классов. */
+export declare const getStyles: (ignored?: unknown) => import("../../lib/theming/staticStyles.js").StaticStyles<{
+    root: string;
+    popup: string;
+    item: string;
+    itemValue: string;
+    itemLabel: string;
+    itemLabelSmall: string;
+    itemLabelMedium: string;
+    itemLabelLarge: string;
+    itemLabelColor: string;
 }>;

package/components/TimePicker/TimePicker.styles.js

@@ -1,39 +1,14 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
-export var getStyles = memoizeGetStyles(function (_a) {
-    var css = _a.css;
-    return ({
-        root: function () {
-            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    "], ["\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    "])));
-        },
-        popup: function (t) {
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      background: ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n      font-variant-numeric: tabular-nums;\n      overflow: hidden;\n    "], ["\n      background: ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n      font-variant-numeric: tabular-nums;\n      overflow: hidden;\n    "])), t.timePickerPopupBg, t.timePickerPopupBorderRadius, t.timePickerPopupShadow);
-        },
-        item: function () {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      display: flex;\n      align-items: center;\n      width: 100%;\n      font-variant-numeric: tabular-nums;\n    "], ["\n      display: flex;\n      align-items: center;\n      width: 100%;\n      font-variant-numeric: tabular-nums;\n    "])));
-        },
-        itemValue: function () {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      white-space: nowrap;\n    "], ["\n      white-space: nowrap;\n    "])));
-        },
-        itemLabel: function () {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      white-space: nowrap;\n    "], ["\n      white-space: nowrap;\n    "])));
-        },
-        itemLabelSmall: function (t) {
-            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      margin-left: ", ";\n    "], ["\n      margin-left: ", ";\n    "])), t.timePickerItemGapSmall);
-        },
-        itemLabelMedium: function (t) {
-            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      margin-left: ", ";\n    "], ["\n      margin-left: ", ";\n    "])), t.timePickerItemGapMedium);
-        },
-        itemLabelLarge: function (t) {
-            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      margin-left: ", ";\n    "], ["\n      margin-left: ", ";\n    "])), t.timePickerItemGapLarge);
-        },
-        itemLabelColor: function (t) {
-            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.menuItemCommentColor);
-        },
-    });
+import { staticStyles } from '../../lib/theming/staticStyles.js';
+/** Правила — в `TimePicker.css`; здесь только имена классов. */
+export var getStyles = staticStyles({
+    root: 'react-ui-TimePicker-root',
+    popup: 'react-ui-TimePicker-popup',
+    item: 'react-ui-TimePicker-item',
+    itemValue: 'react-ui-TimePicker-itemValue',
+    itemLabel: 'react-ui-TimePicker-itemLabel',
+    itemLabelSmall: 'react-ui-TimePicker-itemLabelSmall',
+    itemLabelMedium: 'react-ui-TimePicker-itemLabelMedium',
+    itemLabelLarge: 'react-ui-TimePicker-itemLabelLarge',
+    itemLabelColor: 'react-ui-TimePicker-itemLabelColor',
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
 //# sourceMappingURL=TimePicker.styles.js.map

package/components/TimePicker/TimePicker.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.styles.js","sourceRoot":"","sources":["TimePicker.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,gKAAA,6FAIT,KAAC;QACJ,CAAC;QAED,KAAK,YAAC,CAAQ;YACZ,OAAO,GAAG,6NAAA,sBACM,EAAmB,0BAChB,EAA6B,uBAChC,EAAuB,6EAGtC,KALe,CAAC,CAAC,iBAAiB,EAChB,CAAC,CAAC,2BAA2B,EAChC,CAAC,CAAC,qBAAqB,EAGrC;QACJ,CAAC;QAED,IAAI;YACF,OAAO,GAAG,4LAAA,yHAKT,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,uGAAA,oCAET,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,uGAAA,oCAET,KAAC;QACJ,CAAC;QAED,cAAc,YAAC,CAAQ;YACrB,OAAO,GAAG,qGAAA,uBACO,EAAwB,SACxC,KADgB,CAAC,CAAC,sBAAsB,EACvC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,qGAAA,uBACO,EAAyB,SACzC,KADgB,CAAC,CAAC,uBAAuB,EACxC;QACJ,CAAC;QAED,cAAc,YAAC,CAAQ;YACrB,OAAO,GAAG,qGAAA,uBACO,EAAwB,SACxC,KADgB,CAAC,CAAC,sBAAsB,EACvC;QACJ,CAAC;QAED,cAAc,YAAC,CAAQ;YACrB,OAAO,GAAG,+FAAA,iBACC,EAAsB,SAChC,KADU,CAAC,CAAC,oBAAoB,EAC/B;QACJ,CAAC;KACF,CAAC;AA/D8D,CA+D9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    `;\n  },\n\n  popup(t: Theme) {\n    return css`\n      background: ${t.timePickerPopupBg};\n      border-radius: ${t.timePickerPopupBorderRadius};\n      box-shadow: ${t.timePickerPopupShadow};\n      font-variant-numeric: tabular-nums;\n      overflow: hidden;\n    `;\n  },\n\n  item() {\n    return css`\n      display: flex;\n      align-items: center;\n      width: 100%;\n      font-variant-numeric: tabular-nums;\n    `;\n  },\n\n  itemValue() {\n    return css`\n      white-space: nowrap;\n    `;\n  },\n\n  itemLabel() {\n    return css`\n      white-space: nowrap;\n    `;\n  },\n\n  itemLabelSmall(t: Theme) {\n    return css`\n      margin-left: ${t.timePickerItemGapSmall};\n    `;\n  },\n\n  itemLabelMedium(t: Theme) {\n    return css`\n      margin-left: ${t.timePickerItemGapMedium};\n    `;\n  },\n\n  itemLabelLarge(t: Theme) {\n    return css`\n      margin-left: ${t.timePickerItemGapLarge};\n    `;\n  },\n\n  itemLabelColor(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColor};\n    `;\n  },\n}));\n"]}
+{"version":3,"file":"TimePicker.styles.js","sourceRoot":"","sources":["TimePicker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,gEAAgE;AAChE,MAAM,CAAC,IAAM,SAAS,GAAG,YAAY,CAAC;IACpC,IAAI,EAAE,0BAA0B;IAChC,KAAK,EAAE,2BAA2B;IAClC,IAAI,EAAE,0BAA0B;IAChC,SAAS,EAAE,+BAA+B;IAC1C,SAAS,EAAE,+BAA+B;IAC1C,cAAc,EAAE,oCAAoC;IACpD,eAAe,EAAE,qCAAqC;IACtD,cAAc,EAAE,oCAAoC;IACpD,cAAc,EAAE,oCAAoC;CACrD,CAAC,CAAC","sourcesContent":["import { staticStyles } from '../../lib/theming/staticStyles.js';\n\n/** Правила — в `TimePicker.css`; здесь только имена классов. */\nexport const getStyles = staticStyles({\n  root: 'react-ui-TimePicker-root',\n  popup: 'react-ui-TimePicker-popup',\n  item: 'react-ui-TimePicker-item',\n  itemValue: 'react-ui-TimePicker-itemValue',\n  itemLabel: 'react-ui-TimePicker-itemLabel',\n  itemLabelSmall: 'react-ui-TimePicker-itemLabelSmall',\n  itemLabelMedium: 'react-ui-TimePicker-itemLabelMedium',\n  itemLabelLarge: 'react-ui-TimePicker-itemLabelLarge',\n  itemLabelColor: 'react-ui-TimePicker-itemLabelColor',\n});\n"]}

package/components/TimePicker/TimePickerItems.js

@@ -23,7 +23,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useContext } from 'react';
 import { Menu } from '../../internal/Menu/index.js';
 import { MenuMessage } from '../../internal/MenuMessage/index.js';
-import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
+import { useStyles } from '../../lib/renderEnvironment/index.js';
+import { concatClassNames as cx } from '../../lib/theming/Emotion.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { isMenuFooter } from '../MenuFooter/index.js';
 import { isMenuHeader } from '../MenuHeader/index.js';
@@ -35,12 +36,12 @@ import { getStyles } from './TimePicker.styles.js';
 var getItemLabelSizeClassName = function (styles, theme, size) {
     switch (size) {
         case 'large':
-            return styles.itemLabelLarge(theme);
+            return styles.itemLabelLarge();
         case 'medium':
-            return styles.itemLabelMedium(theme);
+            return styles.itemLabelMedium();
         case 'small':
         default:
-            return styles.itemLabelSmall(theme);
+            return styles.itemLabelSmall();
     }
 };
 var ItemRoot = React.forwardRef(function (_a, ref) {
@@ -53,7 +54,6 @@ var ItemRoot = React.forwardRef(function (_a, ref) {
 export var TimePickerItems = function (props) {
     var itemIdPrefix = props.itemIdPrefix, size = props.size, resolvedItems = props.resolvedItems, renderItem = props.renderItem, highlightedItemIndex = props.highlightedItemIndex, selectedValue = props.selectedValue, itemRefs = props.itemRefs, maxHeight = props.maxHeight, disableScrollContainer = props.disableScrollContainer, isLoading = props.isLoading, isFailed = props.isFailed, errorNetworkButton = props.errorNetworkButton, errorNetworkMessage = props.errorNetworkMessage, onRetry = props.onRetry, onSelectItem = props.onSelectItem;
     var theme = useContext(ThemeContext);
-    var cx = useEmotion().cx;
     var styles = useStyles(getStyles);
     var itemLabelSizeClassName = getItemLabelSizeClassName(styles, theme, size);
     if (isFailed) {
@@ -107,7 +107,7 @@ export var TimePickerItems = function (props) {
                 } }, renderItem ? (renderItem(resolvedItem.item, activeState !== null && activeState !== void 0 ? activeState : null)) : (React.createElement(React.Fragment, null,
                 React.createElement("span", { className: styles.itemValue() }, resolvedItem.value),
                 resolvedItem.label && (React.createElement("span", { className: cx(styles.itemLabel(), itemLabelSizeClassName, (_a = {},
-                        _a[styles.itemLabelColor(theme)] = !resolvedItem.disabled,
+                        _a[styles.itemLabelColor()] = !resolvedItem.disabled,
                         _a)) }, resolvedItem.label))))));
         }));
     })));

package/components/TimePicker/TimePickerItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePickerItems.js","sourceRoot":"","sources":["TimePickerItems.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Menu } from '../../internal/Menu/index.js';\nimport { MenuMessage } from '../../internal/MenuMessage/index.js';\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isMenuFooter } from '../MenuFooter/index.js';\nimport { isMenuHeader } from '../MenuHeader/index.js';\nimport { isMenuItem, MenuItem, type MenuItemProps, type MenuItemState } from '../MenuItem/index.js';\nimport { Spinner } from '../Spinner/index.js';\nimport { TimePickerDataTids } from './helpers/TimePicker.constants.js';\nimport {\n  isNavigableMenuElement,\n  isTimeMenuItem,\n  type TimeItemValue,\n  type TimePickerMenuItem,\n} from './helpers/TimePicker.shared.js';\nimport { getStyles } from './TimePicker.styles.js';\n\nconst getItemLabelSizeClassName = (styles: ReturnType<typeof getStyles>, theme: Theme, size: SizeProp): string => {\n  switch (size) {\n    case 'large':\n      return styles.itemLabelLarge(theme);\n    case 'medium':\n      return styles.itemLabelMedium(theme);\n    case 'small':\n    default:\n      return styles.itemLabelSmall(theme);\n  }\n};\n\nconst ItemRoot = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement> & { disabled?: boolean; state?: MenuItemState }\n>(({ disabled = false, state: _state, ...props }, ref) => {\n  if (disabled) {\n    return <div {...props} ref={ref as React.Ref<HTMLDivElement>} />;\n  }\n\n  return <button {...props} ref={ref as React.Ref<HTMLButtonElement>} type={'button'} />;\n});\n\ninterface TimePickerItemsProps<T extends TimeItemValue> {\n  itemIdPrefix?: string;\n  size: SizeProp;\n  resolvedItems: Array<TimePickerMenuItem<T>>;\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n  highlightedItemIndex: number | null;\n  selectedValue: string;\n  itemRefs?: React.RefObject<Map<number, HTMLSpanElement>>;\n  maxHeight?: React.CSSProperties['maxHeight'];\n  disableScrollContainer?: boolean;\n  isLoading?: boolean;\n  isFailed: boolean;\n  errorNetworkButton: string;\n  errorNetworkMessage: string;\n  onRetry(): void;\n  onSelectItem(item: T): void;\n}\n\nexport const TimePickerItems = <T extends TimeItemValue>(props: TimePickerItemsProps<T>) => {\n  const {\n    itemIdPrefix,\n    size,\n    resolvedItems,\n    renderItem,\n    highlightedItemIndex,\n    selectedValue,\n    itemRefs,\n    maxHeight,\n    disableScrollContainer,\n    isLoading,\n    isFailed,\n    errorNetworkButton,\n    errorNetworkMessage,\n    onRetry,\n    onSelectItem,\n  } = props;\n\n  const theme = useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const itemLabelSizeClassName = getItemLabelSizeClassName(styles, theme, size);\n\n  if (isFailed) {\n    return (\n      <Menu\n        hasMargin={false}\n        width={'100%'}\n        maxHeight={maxHeight}\n        disableScrollContainer={disableScrollContainer}\n        data-tid={TimePickerDataTids.failed}\n      >\n        <MenuMessage size={size} as={'div'}>\n          <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\n        </MenuMessage>\n        <MenuItem onClick={onRetry} size={size} isMobile={disableScrollContainer}>\n          {errorNetworkButton}\n        </MenuItem>\n      </Menu>\n    );\n  }\n\n  if (isLoading && resolvedItems.length === 0) {\n    return (\n      <Menu\n        hasMargin={false}\n        width={'100%'}\n        maxHeight={maxHeight}\n        disableScrollContainer={disableScrollContainer}\n        data-tid={TimePickerDataTids.loading}\n      >\n        <MenuMessage size={size} as={'div'}>\n          <Spinner size={'small'} dimmed />\n        </MenuMessage>\n      </Menu>\n    );\n  }\n\n  return (\n    <Menu hasMargin={false} width={'100%'} maxHeight={maxHeight} disableScrollContainer={disableScrollContainer}>\n      {resolvedItems.map((resolvedItem, index) => {\n        if (!isTimeMenuItem(resolvedItem)) {\n          const element = typeof resolvedItem === 'function' ? resolvedItem() : resolvedItem;\n          const key = element.key ?? index;\n\n          if (isMenuItem(element)) {\n            const menuItemProps = element.props as MenuItemProps;\n            // Навигация смотрит на исходный элемент источника, поэтому пункт-функция в нее не попадает:\n            // выглядеть как доступная опция он не должен.\n            const isNavigable = isNavigableMenuElement(resolvedItem);\n            const isHighlighted = isNavigable && highlightedItemIndex === index;\n\n            return React.cloneElement(element, {\n              key,\n              isMobile: disableScrollContainer,\n              size,\n              id: menuItemProps.id ?? (isNavigable && itemIdPrefix ? `${itemIdPrefix}-item-${index}` : undefined),\n              role: menuItemProps.role ?? 'option',\n              'aria-selected': menuItemProps['aria-selected'] ?? false,\n              'aria-disabled': menuItemProps['aria-disabled'] ?? (isNavigable ? undefined : true),\n              ...(isHighlighted ? { state: 'hover' } : null),\n            } as MenuItemProps);\n          }\n\n          if (isMenuHeader(element) || isMenuFooter(element)) {\n            return React.cloneElement(element, { key, size });\n          }\n\n          return React.cloneElement(element, { key });\n        }\n\n        let state: 'hover' | 'selected' | undefined;\n\n        if (highlightedItemIndex === index) {\n          state = 'hover';\n        } else if (resolvedItem.value === selectedValue) {\n          state = 'selected';\n        }\n\n        return (\n          <MenuItem\n            key={`${resolvedItem.value}-${index}`}\n            id={itemIdPrefix ? `${itemIdPrefix}-item-${index}` : undefined}\n            role={'option'}\n            aria-selected={resolvedItem.value === selectedValue}\n            aria-disabled={resolvedItem.disabled || undefined}\n            component={ItemRoot}\n            disabled={resolvedItem.disabled}\n            isNotSelectable={resolvedItem.disabled}\n            size={size}\n            state={state}\n            onClick={resolvedItem.disabled ? undefined : () => onSelectItem(resolvedItem.item)}\n          >\n            {(activeState) => (\n              <span\n                data-tid={TimePickerDataTids.item}\n                className={styles.item()}\n                ref={(node) => {\n                  if (!itemRefs) {\n                    return;\n                  }\n\n                  if (node) {\n                    itemRefs.current.set(index, node);\n                  } else {\n                    itemRefs.current.delete(index);\n                  }\n                }}\n              >\n                {renderItem ? (\n                  renderItem(resolvedItem.item, activeState ?? null)\n                ) : (\n                  <>\n                    <span className={styles.itemValue()}>{resolvedItem.value}</span>\n                    {resolvedItem.label && (\n                      <span\n                        className={cx(styles.itemLabel(), itemLabelSizeClassName, {\n                          [styles.itemLabelColor(theme)]: !resolvedItem.disabled,\n                        })}\n                      >\n                        {resolvedItem.label}\n                      </span>\n                    )}\n                  </>\n                )}\n              </span>\n            )}\n          </MenuItem>\n        );\n      })}\n    </Menu>\n  );\n};\n"]}
+{"version":3,"file":"TimePickerItems.js","sourceRoot":"","sources":["TimePickerItems.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Menu } from '../../internal/Menu/index.js';\nimport { MenuMessage } from '../../internal/MenuMessage/index.js';\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport { concatClassNames as cx } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isMenuFooter } from '../MenuFooter/index.js';\nimport { isMenuHeader } from '../MenuHeader/index.js';\nimport { isMenuItem, MenuItem, type MenuItemProps, type MenuItemState } from '../MenuItem/index.js';\nimport { Spinner } from '../Spinner/index.js';\nimport { TimePickerDataTids } from './helpers/TimePicker.constants.js';\nimport {\n  isNavigableMenuElement,\n  isTimeMenuItem,\n  type TimeItemValue,\n  type TimePickerMenuItem,\n} from './helpers/TimePicker.shared.js';\nimport { getStyles } from './TimePicker.styles.js';\n\nconst getItemLabelSizeClassName = (styles: ReturnType<typeof getStyles>, theme: Theme, size: SizeProp): string => {\n  switch (size) {\n    case 'large':\n      return styles.itemLabelLarge();\n    case 'medium':\n      return styles.itemLabelMedium();\n    case 'small':\n    default:\n      return styles.itemLabelSmall();\n  }\n};\n\nconst ItemRoot = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement> & { disabled?: boolean; state?: MenuItemState }\n>(({ disabled = false, state: _state, ...props }, ref) => {\n  if (disabled) {\n    return <div {...props} ref={ref as React.Ref<HTMLDivElement>} />;\n  }\n\n  return <button {...props} ref={ref as React.Ref<HTMLButtonElement>} type={'button'} />;\n});\n\ninterface TimePickerItemsProps<T extends TimeItemValue> {\n  itemIdPrefix?: string;\n  size: SizeProp;\n  resolvedItems: Array<TimePickerMenuItem<T>>;\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n  highlightedItemIndex: number | null;\n  selectedValue: string;\n  itemRefs?: React.RefObject<Map<number, HTMLSpanElement>>;\n  maxHeight?: React.CSSProperties['maxHeight'];\n  disableScrollContainer?: boolean;\n  isLoading?: boolean;\n  isFailed: boolean;\n  errorNetworkButton: string;\n  errorNetworkMessage: string;\n  onRetry(): void;\n  onSelectItem(item: T): void;\n}\n\nexport const TimePickerItems = <T extends TimeItemValue>(props: TimePickerItemsProps<T>) => {\n  const {\n    itemIdPrefix,\n    size,\n    resolvedItems,\n    renderItem,\n    highlightedItemIndex,\n    selectedValue,\n    itemRefs,\n    maxHeight,\n    disableScrollContainer,\n    isLoading,\n    isFailed,\n    errorNetworkButton,\n    errorNetworkMessage,\n    onRetry,\n    onSelectItem,\n  } = props;\n\n  const theme = useContext(ThemeContext);\n  const styles = useStyles(getStyles);\n  const itemLabelSizeClassName = getItemLabelSizeClassName(styles, theme, size);\n\n  if (isFailed) {\n    return (\n      <Menu\n        hasMargin={false}\n        width={'100%'}\n        maxHeight={maxHeight}\n        disableScrollContainer={disableScrollContainer}\n        data-tid={TimePickerDataTids.failed}\n      >\n        <MenuMessage size={size} as={'div'}>\n          <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\n        </MenuMessage>\n        <MenuItem onClick={onRetry} size={size} isMobile={disableScrollContainer}>\n          {errorNetworkButton}\n        </MenuItem>\n      </Menu>\n    );\n  }\n\n  if (isLoading && resolvedItems.length === 0) {\n    return (\n      <Menu\n        hasMargin={false}\n        width={'100%'}\n        maxHeight={maxHeight}\n        disableScrollContainer={disableScrollContainer}\n        data-tid={TimePickerDataTids.loading}\n      >\n        <MenuMessage size={size} as={'div'}>\n          <Spinner size={'small'} dimmed />\n        </MenuMessage>\n      </Menu>\n    );\n  }\n\n  return (\n    <Menu hasMargin={false} width={'100%'} maxHeight={maxHeight} disableScrollContainer={disableScrollContainer}>\n      {resolvedItems.map((resolvedItem, index) => {\n        if (!isTimeMenuItem(resolvedItem)) {\n          const element = typeof resolvedItem === 'function' ? resolvedItem() : resolvedItem;\n          const key = element.key ?? index;\n\n          if (isMenuItem(element)) {\n            const menuItemProps = element.props as MenuItemProps;\n            // Навигация смотрит на исходный элемент источника, поэтому пункт-функция в нее не попадает:\n            // выглядеть как доступная опция он не должен.\n            const isNavigable = isNavigableMenuElement(resolvedItem);\n            const isHighlighted = isNavigable && highlightedItemIndex === index;\n\n            return React.cloneElement(element, {\n              key,\n              isMobile: disableScrollContainer,\n              size,\n              id: menuItemProps.id ?? (isNavigable && itemIdPrefix ? `${itemIdPrefix}-item-${index}` : undefined),\n              role: menuItemProps.role ?? 'option',\n              'aria-selected': menuItemProps['aria-selected'] ?? false,\n              'aria-disabled': menuItemProps['aria-disabled'] ?? (isNavigable ? undefined : true),\n              ...(isHighlighted ? { state: 'hover' } : null),\n            } as MenuItemProps);\n          }\n\n          if (isMenuHeader(element) || isMenuFooter(element)) {\n            return React.cloneElement(element, { key, size });\n          }\n\n          return React.cloneElement(element, { key });\n        }\n\n        let state: 'hover' | 'selected' | undefined;\n\n        if (highlightedItemIndex === index) {\n          state = 'hover';\n        } else if (resolvedItem.value === selectedValue) {\n          state = 'selected';\n        }\n\n        return (\n          <MenuItem\n            key={`${resolvedItem.value}-${index}`}\n            id={itemIdPrefix ? `${itemIdPrefix}-item-${index}` : undefined}\n            role={'option'}\n            aria-selected={resolvedItem.value === selectedValue}\n            aria-disabled={resolvedItem.disabled || undefined}\n            component={ItemRoot}\n            disabled={resolvedItem.disabled}\n            isNotSelectable={resolvedItem.disabled}\n            size={size}\n            state={state}\n            onClick={resolvedItem.disabled ? undefined : () => onSelectItem(resolvedItem.item)}\n          >\n            {(activeState) => (\n              <span\n                data-tid={TimePickerDataTids.item}\n                className={styles.item()}\n                ref={(node) => {\n                  if (!itemRefs) {\n                    return;\n                  }\n\n                  if (node) {\n                    itemRefs.current.set(index, node);\n                  } else {\n                    itemRefs.current.delete(index);\n                  }\n                }}\n              >\n                {renderItem ? (\n                  renderItem(resolvedItem.item, activeState ?? null)\n                ) : (\n                  <>\n                    <span className={styles.itemValue()}>{resolvedItem.value}</span>\n                    {resolvedItem.label && (\n                      <span\n                        className={cx(styles.itemLabel(), itemLabelSizeClassName, {\n                          [styles.itemLabelColor()]: !resolvedItem.disabled,\n                        })}\n                      >\n                        {resolvedItem.label}\n                      </span>\n                    )}\n                  </>\n                )}\n              </span>\n            )}\n          </MenuItem>\n        );\n      })}\n    </Menu>\n  );\n};\n"]}

package/components/TimePicker/TimePickerPopup.js

@@ -12,7 +12,7 @@ export var TimePickerPopup = function (props) {
     var theme = useContext(ThemeContext);
     var styles = useStyles(getStyles);
     return (React.createElement(Popup, { opened: true, hasShadow: true, anchorElement: anchorElement, "data-tid": TimePickerDataTids.popup, priority: ZIndex.priorities.PopupMenu, margin: parseInt(theme.timePickerMenuOffsetY), width: menuWidth, minWidth: menuWidth === undefined ? '100%' : undefined, positions: getMenuPositions(menuPos, menuAlign) },
-        React.createElement("div", { id: id, role: 'listbox', className: styles.popup(theme), onMouseDown: function (event) { return event.preventDefault(); } },
+        React.createElement("div", { id: id, role: 'listbox', className: styles.popup(), onMouseDown: function (event) { return event.preventDefault(); } },
             React.createElement(TimePickerItems, { itemIdPrefix: id, size: size, resolvedItems: resolvedItems, renderItem: renderItem, isLoading: isLoading, isFailed: isFailed, errorNetworkButton: errorNetworkButton, errorNetworkMessage: errorNetworkMessage, highlightedItemIndex: highlightedItemIndex, selectedValue: selectedValue, itemRefs: itemRefs, maxHeight: popupMaxHeight, onRetry: onRetry, onSelectItem: onSelectItem }))));
 };
 //# sourceMappingURL=TimePickerPopup.js.map

package/components/TimePicker/TimePickerPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePickerPopup.js","sourceRoot":"","sources":["TimePickerPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAuBvD,MAAM,CAAC,IAAM,eAAe,GAAG,UAA0B,KAA8B;IAEnF,IAAA,EAAE,GAkBA,KAAK,GAlBL,EACF,aAAa,GAiBX,KAAK,cAjBM,EACb,OAAO,GAgBL,KAAK,QAhBA,EACP,SAAS,GAeP,KAAK,UAfE,EACT,SAAS,GAcP,KAAK,UAdE,EACT,cAAc,GAaZ,KAAK,eAbO,EACd,IAAI,GAYF,KAAK,KAZH,EACJ,aAAa,GAWX,KAAK,cAXM,EACb,UAAU,GAUR,KAAK,WAVG,EACV,SAAS,GASP,KAAK,UATE,EACT,QAAQ,GAQN,KAAK,SARC,EACR,kBAAkB,GAOhB,KAAK,mBAPW,EAClB,mBAAmB,GAMjB,KAAK,oBANY,EACnB,oBAAoB,GAKlB,KAAK,qBALa,EACpB,aAAa,GAIX,KAAK,cAJM,EACb,QAAQ,GAGN,KAAK,SAHC,EACR,OAAO,GAEL,KAAK,QAFA,EACP,YAAY,GACV,KAAK,aADK,CACJ;IAEV,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC,OAAO,CACL,oBAAC,KAAK,IACJ,MAAM,QACN,SAAS,QACT,aAAa,EAAE,aAAa,cAClB,kBAAkB,CAAC,KAAK,EAClC,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,SAAS,EACrC,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,qBAAqB,CAAC,EAC7C,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtD,SAAS,EAAE,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC;QAE/C,6BAAK,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,EAAE,EAAtB,CAAsB;YAC1G,oBAAC,eAAe,IACd,YAAY,EAAE,EAAE,EAChB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,EAC1C,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,GAC1B,CACE,CACA,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Popup } from '../../internal/Popup/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { getMenuPositions } from '../../lib/getMenuPositions.js';\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { MenuItemState } from '../MenuItem/index.js';\nimport { TimePickerDataTids } from './helpers/TimePicker.constants.js';\nimport type { TimeItemValue, TimePickerMenuItem } from './helpers/TimePicker.shared.js';\nimport { getStyles } from './TimePicker.styles.js';\nimport { TimePickerItems } from './TimePickerItems.js';\n\ninterface TimePickerPopupProps<T extends TimeItemValue> {\n  id?: string;\n  anchorElement: HTMLElement;\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n  menuWidth?: React.CSSProperties['width'];\n  popupMaxHeight: string;\n  size: SizeProp;\n  resolvedItems: Array<TimePickerMenuItem<T>>;\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n  isLoading?: boolean;\n  isFailed: boolean;\n  errorNetworkButton: string;\n  errorNetworkMessage: string;\n  highlightedItemIndex: number | null;\n  selectedValue: string;\n  itemRefs: React.RefObject<Map<number, HTMLSpanElement>>;\n  onRetry(): void;\n  onSelectItem(item: T): void;\n}\n\nexport const TimePickerPopup = <T extends TimeItemValue>(props: TimePickerPopupProps<T>) => {\n  const {\n    id,\n    anchorElement,\n    menuPos,\n    menuAlign,\n    menuWidth,\n    popupMaxHeight,\n    size,\n    resolvedItems,\n    renderItem,\n    isLoading,\n    isFailed,\n    errorNetworkButton,\n    errorNetworkMessage,\n    highlightedItemIndex,\n    selectedValue,\n    itemRefs,\n    onRetry,\n    onSelectItem,\n  } = props;\n\n  const theme = useContext(ThemeContext);\n  const styles = useStyles(getStyles);\n\n  return (\n    <Popup\n      opened\n      hasShadow\n      anchorElement={anchorElement}\n      data-tid={TimePickerDataTids.popup}\n      priority={ZIndex.priorities.PopupMenu}\n      margin={parseInt(theme.timePickerMenuOffsetY)}\n      width={menuWidth}\n      minWidth={menuWidth === undefined ? '100%' : undefined}\n      positions={getMenuPositions(menuPos, menuAlign)}\n    >\n      <div id={id} role={'listbox'} className={styles.popup(theme)} onMouseDown={(event) => event.preventDefault()}>\n        <TimePickerItems\n          itemIdPrefix={id}\n          size={size}\n          resolvedItems={resolvedItems}\n          renderItem={renderItem}\n          isLoading={isLoading}\n          isFailed={isFailed}\n          errorNetworkButton={errorNetworkButton}\n          errorNetworkMessage={errorNetworkMessage}\n          highlightedItemIndex={highlightedItemIndex}\n          selectedValue={selectedValue}\n          itemRefs={itemRefs}\n          maxHeight={popupMaxHeight}\n          onRetry={onRetry}\n          onSelectItem={onSelectItem}\n        />\n      </div>\n    </Popup>\n  );\n};\n"]}
+{"version":3,"file":"TimePickerPopup.js","sourceRoot":"","sources":["TimePickerPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAuBvD,MAAM,CAAC,IAAM,eAAe,GAAG,UAA0B,KAA8B;IAEnF,IAAA,EAAE,GAkBA,KAAK,GAlBL,EACF,aAAa,GAiBX,KAAK,cAjBM,EACb,OAAO,GAgBL,KAAK,QAhBA,EACP,SAAS,GAeP,KAAK,UAfE,EACT,SAAS,GAcP,KAAK,UAdE,EACT,cAAc,GAaZ,KAAK,eAbO,EACd,IAAI,GAYF,KAAK,KAZH,EACJ,aAAa,GAWX,KAAK,cAXM,EACb,UAAU,GAUR,KAAK,WAVG,EACV,SAAS,GASP,KAAK,UATE,EACT,QAAQ,GAQN,KAAK,SARC,EACR,kBAAkB,GAOhB,KAAK,mBAPW,EAClB,mBAAmB,GAMjB,KAAK,oBANY,EACnB,oBAAoB,GAKlB,KAAK,qBALa,EACpB,aAAa,GAIX,KAAK,cAJM,EACb,QAAQ,GAGN,KAAK,SAHC,EACR,OAAO,GAEL,KAAK,QAFA,EACP,YAAY,GACV,KAAK,aADK,CACJ;IAEV,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC,OAAO,CACL,oBAAC,KAAK,IACJ,MAAM,QACN,SAAS,QACT,aAAa,EAAE,aAAa,cAClB,kBAAkB,CAAC,KAAK,EAClC,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,SAAS,EACrC,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,qBAAqB,CAAC,EAC7C,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtD,SAAS,EAAE,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC;QAE/C,6BAAK,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,EAAE,EAAtB,CAAsB;YACrG,oBAAC,eAAe,IACd,YAAY,EAAE,EAAE,EAChB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,EAC1C,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,GAC1B,CACE,CACA,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Popup } from '../../internal/Popup/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { getMenuPositions } from '../../lib/getMenuPositions.js';\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport type { MenuItemState } from '../MenuItem/index.js';\nimport { TimePickerDataTids } from './helpers/TimePicker.constants.js';\nimport type { TimeItemValue, TimePickerMenuItem } from './helpers/TimePicker.shared.js';\nimport { getStyles } from './TimePicker.styles.js';\nimport { TimePickerItems } from './TimePickerItems.js';\n\ninterface TimePickerPopupProps<T extends TimeItemValue> {\n  id?: string;\n  anchorElement: HTMLElement;\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n  menuWidth?: React.CSSProperties['width'];\n  popupMaxHeight: string;\n  size: SizeProp;\n  resolvedItems: Array<TimePickerMenuItem<T>>;\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n  isLoading?: boolean;\n  isFailed: boolean;\n  errorNetworkButton: string;\n  errorNetworkMessage: string;\n  highlightedItemIndex: number | null;\n  selectedValue: string;\n  itemRefs: React.RefObject<Map<number, HTMLSpanElement>>;\n  onRetry(): void;\n  onSelectItem(item: T): void;\n}\n\nexport const TimePickerPopup = <T extends TimeItemValue>(props: TimePickerPopupProps<T>) => {\n  const {\n    id,\n    anchorElement,\n    menuPos,\n    menuAlign,\n    menuWidth,\n    popupMaxHeight,\n    size,\n    resolvedItems,\n    renderItem,\n    isLoading,\n    isFailed,\n    errorNetworkButton,\n    errorNetworkMessage,\n    highlightedItemIndex,\n    selectedValue,\n    itemRefs,\n    onRetry,\n    onSelectItem,\n  } = props;\n\n  const theme = useContext(ThemeContext);\n  const styles = useStyles(getStyles);\n\n  return (\n    <Popup\n      opened\n      hasShadow\n      anchorElement={anchorElement}\n      data-tid={TimePickerDataTids.popup}\n      priority={ZIndex.priorities.PopupMenu}\n      margin={parseInt(theme.timePickerMenuOffsetY)}\n      width={menuWidth}\n      minWidth={menuWidth === undefined ? '100%' : undefined}\n      positions={getMenuPositions(menuPos, menuAlign)}\n    >\n      <div id={id} role={'listbox'} className={styles.popup()} onMouseDown={(event) => event.preventDefault()}>\n        <TimePickerItems\n          itemIdPrefix={id}\n          size={size}\n          resolvedItems={resolvedItems}\n          renderItem={renderItem}\n          isLoading={isLoading}\n          isFailed={isFailed}\n          errorNetworkButton={errorNetworkButton}\n          errorNetworkMessage={errorNetworkMessage}\n          highlightedItemIndex={highlightedItemIndex}\n          selectedValue={selectedValue}\n          itemRefs={itemRefs}\n          maxHeight={popupMaxHeight}\n          onRetry={onRetry}\n          onSelectItem={onSelectItem}\n        />\n      </div>\n    </Popup>\n  );\n};\n"]}

package/components/Toast/Toast.d.ts

@@ -64,7 +64,6 @@ export declare class Toast extends React.Component<ToastProps, ToastState> {
     getRootNode: TGetRootNode;
     private setRootNode;
     private styles;
-    private emotion;
     private theme;
     _toast: Nullable<ToastView>;
     private _timeout;

package/components/Toast/Toast.js

@@ -66,6 +66,7 @@ var Toast = /** @class */ (function (_super) {
          * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast
          */
         _this.push = function (notification, config) {
+            _this.rootRef = React.createRef();
             if (_this.state.notification) {
                 _this.close();
             }
@@ -92,11 +93,13 @@ var Toast = /** @class */ (function (_super) {
             safelyCall(_this.props.onClose, _this.state.notification, _this.state.action);
             _this.setState({ notification: null, action: null });
         };
-        _this.setRootRef = function (element) {
-            _this.setRootNode(element);
+        _this.setRootRef = function (ref) { return function (element) {
+            if (ref === _this.rootRef) {
+                _this.setRootNode(element);
+            }
             // @ts-expect-error: See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065.
-            _this.rootRef.current = element;
-        };
+            ref.current = element;
+        }; };
         _this._clearTimer = function () {
             if (_this._timeout) {
                 clearTimeout(_this._timeout);
@@ -128,7 +131,7 @@ var Toast = /** @class */ (function (_super) {
     };
     Toast.prototype.render = function () {
         var _this = this;
-        this.styles = getStyles(this.emotion);
+        this.styles = getStyles();
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
             _this.theme = _this.props.theme ? ThemeFactory.create(_this.props.theme, theme) : theme;
             return (React.createElement(ThemeContext.Provider, { value: _this.theme },
@@ -160,7 +163,7 @@ var Toast = /** @class */ (function (_super) {
                 enter: 200,
                 exit: 150,
             }, enter: !isTestEnv, exit: !isTestEnv, nodeRef: this.rootRef },
-            React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootRef }, this.props),
+            React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootRef(this.rootRef) }, this.props),
                 React.createElement(ToastView, __assign({ ref: this._refToast }, toastProps)))));
     };
     Toast.__KONTUR_REACT_UI__ = 'Toast';

package/components/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sourceRoot":"","sources":["Toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { RenderContainer } from '../../internal/RenderContainer/index.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport type { SafeTimer } from '../../lib/globalObject.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { getStyles } from './Toast.styles.js';\nimport { ToastView } from './ToastView.js';\nimport type { ToastViewProps } from './ToastView.js';\n\nexport interface Action {\n  /** Текст на кнопке действия. */\n  label: string;\n  /** Выполняется при нажатии на кнопку действия. */\n  handler: () => void;\n  /** Уточняет доступное имя кнопки для вспомогательных технологий. */\n  'aria-label'?: string;\n}\n\n/**\n * Состояния тоста:\n *\n * - default стиль для отображения по умолчанию\n * - error стиль для отображения ошибок\n **/\nexport type ToastUse = 'default' | 'error';\n\nexport interface ToastState {\n  notification: Nullable<React.ReactNode>;\n  action: Nullable<Action>;\n  id: number;\n  showTime: Nullable<number>;\n  showCloseIcon?: boolean;\n  currentUse: ToastUse;\n}\n\nexport interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /** Событие появления уведомления. */\n  onPush?: (notification: string, action?: Action) => void;\n\n  /** Событие закрытия уведомления. */\n  onClose?: (notification: string, action?: Action) => void;\n\n  /** Переменные темы поверх значений из контекста. */\n  theme?: ThemeIn;\n}\n\n/** Объект с конфигурацией отображения Toast-а */\nexport interface ToastPushConfig {\n  /** Добавляет кнопку действия в тост. */\n  action?: Nullable<Action>;\n  /** Длительность показа в миллисекундах. */\n  showTime?: number;\n  /** Показывает кнопку закрытия рядом с текстом. */\n  showCloseIcon?: boolean;\n  /** Определяет стиль оформления: обычный или ошибка (`error`). */\n  use?: ToastUse;\n}\n\nexport type ToastPushApi = (notification: React.ReactNode, config?: ToastPushConfig) => void;\n\nexport type ToastClose = () => void;\n\nexport const ToastDataTids = {\n  toastStatic: 'StaticToast',\n  toastView: 'ToastView__root',\n  action: 'ToastView__action',\n  close: 'ToastView__close',\n} as const;\n\n/**\n * Тост — это короткое немодальное уведомление о результате действия пользователя: успех, ошибка или нейтральный статус.\n */\n@withRenderEnvironment\n@rootNode\nexport class Toast extends React.Component<ToastProps, ToastState> {\n  public static __KONTUR_REACT_UI__ = 'Toast';\n  public static displayName = 'Toast';\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private styles!: ReturnType<typeof getStyles>;\n  private emotion!: Emotion;\n  private theme!: Theme;\n\n  public _toast: Nullable<ToastView>;\n  private _timeout: SafeTimer;\n  private rootRef = React.createRef<HTMLElement>();\n\n  constructor(props: ToastProps) {\n    super(props);\n    this.state = {\n      notification: null,\n      action: null,\n      id: 0,\n      showTime: null,\n      showCloseIcon: false,\n      currentUse: 'default',\n    };\n  }\n\n  public componentWillUnmount() {\n    this._clearTimer();\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n          return (\n            <ThemeContext.Provider value={this.theme}>\n              <RenderContainer>\n                <TransitionGroup>{this._renderToast()}</TransitionGroup>\n              </RenderContainer>\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Показывает тост с `notification` в качестве сообщения.\n   * Тост автоматически скрывается через 3 или 7 секунд,\n   * в зависимости от наличия у него кнопки `action` внутри config-а.\n   * Время показа можно задать вручную, передав `showTime` внутри config-а.\n   *\n   * @public\n   * @param {React.ReactNode} notification\n   * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast\n   */\n  public push: ToastPushApi = (notification: React.ReactNode, config?: ToastPushConfig) => {\n    if (this.state.notification) {\n      this.close();\n    }\n\n    safelyCall(this.props.onPush, notification, config?.action);\n\n    this.setState(\n      ({ id }) => ({\n        notification,\n        action: config?.action,\n        id: id + 1,\n        showTime: config?.showTime,\n        showCloseIcon: config?.showCloseIcon,\n        currentUse: config?.use ?? 'default',\n      }),\n      this._setTimer,\n    );\n  };\n\n  /**\n   * Закрывает текущее уведомление без ожидания таймера.\n   *\n   * @public\n   */\n  public close = (): void => {\n    safelyCall(this.props.onClose, this.state.notification, this.state.action);\n    this.setState({ notification: null, action: null });\n  };\n\n  private _renderToast() {\n    const { notification, action, id, showCloseIcon, currentUse } = this.state;\n\n    if (!notification) {\n      return null;\n    }\n\n    const toastProps: ToastViewProps = {\n      onMouseEnter: this._clearTimer,\n      onMouseLeave: this._setTimer,\n      onClose: this.close,\n      children: notification,\n      'aria-label': this.props['aria-label'],\n      action,\n      showCloseIcon,\n      use: currentUse,\n    };\n\n    return (\n      <CSSTransition\n        key={id}\n        classNames={{\n          enter: this.styles.enter(),\n          enterActive: this.styles.enterActive(),\n          exit: this.styles.exit(),\n          exitActive: this.styles.exitActive(),\n        }}\n        timeout={{\n          enter: 200,\n          exit: 150,\n        }}\n        enter={!isTestEnv}\n        exit={!isTestEnv}\n        nodeRef={this.rootRef}\n      >\n        <CommonWrapper rootNodeRef={this.setRootRef} {...this.props}>\n          <ToastView ref={this._refToast} {...toastProps} />\n        </CommonWrapper>\n      </CSSTransition>\n    );\n  }\n\n  private setRootRef = (element: Nullable<Element>) => {\n    this.setRootNode(element);\n    // @ts-expect-error: See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065.\n    this.rootRef.current = element;\n  };\n\n  private _clearTimer = () => {\n    if (this._timeout) {\n      clearTimeout(this._timeout);\n      this._timeout = null;\n    }\n  };\n\n  private _setTimer = () => {\n    this._clearTimer();\n\n    let showTime = this.state.action ? 7000 : 3000;\n    showTime = this.state.showTime ?? showTime;\n    this._timeout = setTimeout(this.close, showTime);\n  };\n\n  private _refToast = (element: ToastView) => {\n    this._toast = element;\n  };\n}\n\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\n  if (fn) {\n    fn(...args);\n  }\n}\n"]}
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["Toast.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { CSSTransition, TransitionGroup } from 'react-transition-group';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { RenderContainer } from '../../internal/RenderContainer/index.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport type { SafeTimer } from '../../lib/globalObject.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { getStyles } from './Toast.styles.js';\nimport { ToastView } from './ToastView.js';\nimport type { ToastViewProps } from './ToastView.js';\n\nexport interface Action {\n  /** Текст на кнопке действия. */\n  label: string;\n  /** Выполняется при нажатии на кнопку действия. */\n  handler: () => void;\n  /** Уточняет доступное имя кнопки для вспомогательных технологий. */\n  'aria-label'?: string;\n}\n\n/**\n * Состояния тоста:\n *\n * - default стиль для отображения по умолчанию\n * - error стиль для отображения ошибок\n **/\nexport type ToastUse = 'default' | 'error';\n\nexport interface ToastState {\n  notification: Nullable<React.ReactNode>;\n  action: Nullable<Action>;\n  id: number;\n  showTime: Nullable<number>;\n  showCloseIcon?: boolean;\n  currentUse: ToastUse;\n}\n\nexport interface ToastProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /** Событие появления уведомления. */\n  onPush?: (notification: string, action?: Action) => void;\n\n  /** Событие закрытия уведомления. */\n  onClose?: (notification: string, action?: Action) => void;\n\n  /** Переменные темы поверх значений из контекста. */\n  theme?: ThemeIn;\n}\n\n/** Объект с конфигурацией отображения Toast-а */\nexport interface ToastPushConfig {\n  /** Добавляет кнопку действия в тост. */\n  action?: Nullable<Action>;\n  /** Длительность показа в миллисекундах. */\n  showTime?: number;\n  /** Показывает кнопку закрытия рядом с текстом. */\n  showCloseIcon?: boolean;\n  /** Определяет стиль оформления: обычный или ошибка (`error`). */\n  use?: ToastUse;\n}\n\nexport type ToastPushApi = (notification: React.ReactNode, config?: ToastPushConfig) => void;\n\nexport type ToastClose = () => void;\n\nexport const ToastDataTids = {\n  toastStatic: 'StaticToast',\n  toastView: 'ToastView__root',\n  action: 'ToastView__action',\n  close: 'ToastView__close',\n} as const;\n\n/**\n * Тост — это короткое немодальное уведомление о результате действия пользователя: успех, ошибка или нейтральный статус.\n */\n@withRenderEnvironment\n@rootNode\nexport class Toast extends React.Component<ToastProps, ToastState> {\n  public static __KONTUR_REACT_UI__ = 'Toast';\n  public static displayName = 'Toast';\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n\n  public _toast: Nullable<ToastView>;\n  private _timeout: SafeTimer;\n  private rootRef: React.RefObject<HTMLElement | null> = React.createRef();\n\n  constructor(props: ToastProps) {\n    super(props);\n    this.state = {\n      notification: null,\n      action: null,\n      id: 0,\n      showTime: null,\n      showCloseIcon: false,\n      currentUse: 'default',\n    };\n  }\n\n  public componentWillUnmount() {\n    this._clearTimer();\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles();\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n          return (\n            <ThemeContext.Provider value={this.theme}>\n              <RenderContainer>\n                <TransitionGroup>{this._renderToast()}</TransitionGroup>\n              </RenderContainer>\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Показывает тост с `notification` в качестве сообщения.\n   * Тост автоматически скрывается через 3 или 7 секунд,\n   * в зависимости от наличия у него кнопки `action` внутри config-а.\n   * Время показа можно задать вручную, передав `showTime` внутри config-а.\n   *\n   * @public\n   * @param {React.ReactNode} notification\n   * @param {ToastPushConfig} config объект с конфигурацией отображения компонента Toast\n   */\n  public push: ToastPushApi = (notification: React.ReactNode, config?: ToastPushConfig) => {\n    this.rootRef = React.createRef();\n\n    if (this.state.notification) {\n      this.close();\n    }\n\n    safelyCall(this.props.onPush, notification, config?.action);\n\n    this.setState(\n      ({ id }) => ({\n        notification,\n        action: config?.action,\n        id: id + 1,\n        showTime: config?.showTime,\n        showCloseIcon: config?.showCloseIcon,\n        currentUse: config?.use ?? 'default',\n      }),\n      this._setTimer,\n    );\n  };\n\n  /**\n   * Закрывает текущее уведомление без ожидания таймера.\n   *\n   * @public\n   */\n  public close = (): void => {\n    safelyCall(this.props.onClose, this.state.notification, this.state.action);\n    this.setState({ notification: null, action: null });\n  };\n\n  private _renderToast() {\n    const { notification, action, id, showCloseIcon, currentUse } = this.state;\n\n    if (!notification) {\n      return null;\n    }\n\n    const toastProps: ToastViewProps = {\n      onMouseEnter: this._clearTimer,\n      onMouseLeave: this._setTimer,\n      onClose: this.close,\n      children: notification,\n      'aria-label': this.props['aria-label'],\n      action,\n      showCloseIcon,\n      use: currentUse,\n    };\n\n    return (\n      <CSSTransition\n        key={id}\n        classNames={{\n          enter: this.styles.enter(),\n          enterActive: this.styles.enterActive(),\n          exit: this.styles.exit(),\n          exitActive: this.styles.exitActive(),\n        }}\n        timeout={{\n          enter: 200,\n          exit: 150,\n        }}\n        enter={!isTestEnv}\n        exit={!isTestEnv}\n        nodeRef={this.rootRef}\n      >\n        <CommonWrapper rootNodeRef={this.setRootRef(this.rootRef)} {...this.props}>\n          <ToastView ref={this._refToast} {...toastProps} />\n        </CommonWrapper>\n      </CSSTransition>\n    );\n  }\n\n  private setRootRef = (ref: React.RefObject<HTMLElement | null>) => (element: Nullable<Element>) => {\n    if (ref === this.rootRef) {\n      this.setRootNode(element);\n    }\n    // @ts-expect-error: See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065.\n    ref.current = element;\n  };\n\n  private _clearTimer = () => {\n    if (this._timeout) {\n      clearTimeout(this._timeout);\n      this._timeout = null;\n    }\n  };\n\n  private _setTimer = () => {\n    this._clearTimer();\n\n    let showTime = this.state.action ? 7000 : 3000;\n    showTime = this.state.showTime ?? showTime;\n    this._timeout = setTimeout(this.close, showTime);\n  };\n\n  private _refToast = (element: ToastView) => {\n    this._toast = element;\n  };\n}\n\nfunction safelyCall(fn: Nullable<(a?: any) => any>, ...args: any[]) {\n  if (fn) {\n    fn(...args);\n  }\n}\n"]}

package/components/Toast/Toast.styles.d.ts

@@ -1,6 +1,7 @@
-export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
-    enter(): string;
-    enterActive(): string;
-    exit(): string;
-    exitActive(): string;
+/** Правила — в `Toast.css`; здесь только имена классов. */
+export declare const getStyles: (ignored?: unknown) => import("../../lib/theming/staticStyles.js").StaticStyles<{
+    enter: string;
+    enterActive: string;
+    exit: string;
+    exitActive: string;
 }>;

package/components/Toast/Toast.styles.js

@@ -1,24 +1,9 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
-export var getStyles = memoizeGetStyles(function (_a) {
-    var css = _a.css;
-    return ({
-        enter: function () {
-            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      transform: translateY(-40px);\n    "], ["\n      transform: translateY(-40px);\n    "])));
-        },
-        enterActive: function () {
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n      transform: translateY(0) !important;\n    "], ["\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n      transform: translateY(0) !important;\n    "])));
-        },
-        exit: function () {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      transform: translateY(0);\n      opacity: 1;\n    "], ["\n      transform: translateY(0);\n      opacity: 1;\n    "])));
-        },
-        exitActive: function () {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    "], ["\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    "])));
-        },
-    });
+import { staticStyles } from '../../lib/theming/staticStyles.js';
+/** Правила — в `Toast.css`; здесь только имена классов. */
+export var getStyles = staticStyles({
+    enter: 'react-ui-Toast-enter',
+    enterActive: 'react-ui-Toast-enterActive',
+    exit: 'react-ui-Toast-exit',
+    exitActive: 'react-ui-Toast-exitActive',
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=Toast.styles.js.map

package/components/Toast/Toast.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.styles.js","sourceRoot":"","sources":["Toast.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,KAAK;YACH,OAAO,GAAG,gHAAA,6CAET,KAAC;QACJ,CAAC;QACD,WAAW;YACT,OAAO,GAAG,4LAAA,yHAGT,KAAC;QACJ,CAAC;QACD,IAAI;YACF,OAAO,GAAG,+HAAA,4DAGT,KAAC;QACJ,CAAC;QACD,UAAU;YACR,OAAO,GAAG,uJAAA,oFAGT,KAAC;QACJ,CAAC;KACF,CAAC;AAxB8D,CAwB9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  enter() {\n    return css`\n      transform: translateY(-40px);\n    `;\n  },\n  enterActive() {\n    return css`\n      transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);\n      transform: translateY(0) !important;\n    `;\n  },\n  exit() {\n    return css`\n      transform: translateY(0);\n      opacity: 1;\n    `;\n  },\n  exitActive() {\n    return css`\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    `;\n  },\n}));\n"]}
+{"version":3,"file":"Toast.styles.js","sourceRoot":"","sources":["Toast.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,2DAA2D;AAC3D,MAAM,CAAC,IAAM,SAAS,GAAG,YAAY,CAAC;IACpC,KAAK,EAAE,sBAAsB;IAC7B,WAAW,EAAE,4BAA4B;IACzC,IAAI,EAAE,qBAAqB;IAC3B,UAAU,EAAE,2BAA2B;CACxC,CAAC,CAAC","sourcesContent":["import { staticStyles } from '../../lib/theming/staticStyles.js';\n\n/** Правила — в `Toast.css`; здесь только имена классов. */\nexport const getStyles = staticStyles({\n  enter: 'react-ui-Toast-enter',\n  enterActive: 'react-ui-Toast-enterActive',\n  exit: 'react-ui-Toast-exit',\n  exitActive: 'react-ui-Toast-exitActive',\n});\n"]}

package/components/Toast/ToastView.d.ts

@@ -22,7 +22,6 @@ export interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, Comm
 }
 export declare class ToastView extends React.Component<ToastViewProps> {
     private styles;
-    private emotion;
     private cx;
     private theme;
     getRootNode: TGetRootNode;

package/components/Toast/ToastView.js

@@ -50,17 +50,9 @@ var ToastView = /** @class */ (function (_super) {
         _this.renderMain = function () {
             var _a = _this.props, action = _a.action, showCloseIcon = _a.showCloseIcon, onClose = _a.onClose, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, use = _a.use;
             var isTheme6_1 = isThemeGTE(_this.theme, '6.1');
-            var toastCloseColors = use === 'error'
-                ? {
-                    hover: _this.theme.toastCloseHoverColorError,
-                    default: _this.theme.toastCloseColorError,
-                }
-                : {
-                    hover: _this.theme.toastCloseHoverColor,
-                    default: _this.theme.toastCloseColor,
-                };
-            var toastActionColorsClassName = use === 'error' ? _this.styles.toastActionErrorColor(_this.theme) : _this.styles.toastActionDefaultColor(_this.theme);
-            var toastActionClassNames = _this.cx(_this.styles.link(_this.theme), isTheme6_1 && _this.styles.link6_1(_this.theme), toastActionColorsClassName);
+            var closeButtonIconClassName = use === 'error' ? _this.styles.closeButtonIconError() : _this.styles.closeButtonIcon();
+            var toastActionColorsClassName = use === 'error' ? _this.styles.toastActionErrorColor() : _this.styles.toastActionDefaultColor();
+            var toastActionClassNames = _this.cx(_this.styles.link(), !isTheme6_1 && _this.styles.linkBefore6_1(), toastActionColorsClassName);
             var link = action ? (React.createElement("button", { "aria-label": action['aria-label'], "data-tid": ToastDataTids.action, className: toastActionClassNames, onClick: action.handler }, action.label)) : null;
             var themeDependantProps = isTheme6_1
                 ? {
@@ -70,14 +62,14 @@ var ToastView = /** @class */ (function (_super) {
                     side: parseInt(_this.theme.toastCloseBtnSide),
                 }
                 : { side: 40, size: parseInt(_this.theme.toastCloseSize) };
-            var close = action || showCloseIcon ? (React.createElement("span", { className: _this.cx(_this.styles.closeWrapper(_this.theme), isTheme6_1 && _this.styles.closeWrapper6_1()) },
-                React.createElement(CloseButtonIcon, __assign({ "aria-label": _this.locale.closeButtonAriaLabel, "data-tid": ToastDataTids.close, onClick: onClose }, themeDependantProps, { color: toastCloseColors.default, colorHover: toastCloseColors.hover, tabbable: false })))) : null;
-            var rootClassName = _this.cx(_this.styles.root(_this.theme), isTheme6_1 && _this.styles.root6_1(), isTheme6_1 && _this.isMobileLayout && _this.styles.rootMobile(_this.theme), _this.styles[use !== null && use !== void 0 ? use : 'default'](_this.theme));
-            var wrapperClassName = _this.cx(_this.styles.wrapper(_this.theme), isTheme6_1 && _this.styles.wrapper6_1(_this.theme));
+            var close = action || showCloseIcon ? (React.createElement("span", { className: _this.cx(_this.styles.closeWrapper(), !isTheme6_1 && _this.styles.closeWrapperBefore6_1()) },
+                React.createElement(CloseButtonIcon, __assign({ "aria-label": _this.locale.closeButtonAriaLabel, "data-tid": ToastDataTids.close, onClick: onClose }, themeDependantProps, { colorClassName: closeButtonIconClassName, tabbable: false })))) : null;
+            var rootClassName = _this.cx(_this.styles.root(), !isTheme6_1 && _this.styles.rootPaddingBefore6_1(), isTheme6_1 && _this.isMobileLayout && _this.styles.rootMobile(), _this.styles[use !== null && use !== void 0 ? use : 'default']());
+            var wrapperClassName = _this.cx(_this.styles.wrapper(), isTheme6_1 && _this.styles.wrapper6_1());
             return (React.createElement(CommonWrapper, __assign({}, _this.props),
                 React.createElement(ZIndex, { priority: "Toast", className: wrapperClassName },
                     React.createElement("div", { "data-tid": ToastDataTids.toastView, className: rootClassName, ref: _this.setRootNode, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
-                        isTheme6_1 ? (React.createElement("span", { className: _this.styles.content(_this.theme) },
+                        isTheme6_1 ? (React.createElement("span", { className: _this.styles.content() },
                             React.createElement("span", { className: _this.cx(_this.isMobileLayout && _this.styles.ellipsisContent()) }, _this.props.children))) : (React.createElement("span", null, _this.props.children)),
                         link,
                         close))));
@@ -86,7 +78,7 @@ var ToastView = /** @class */ (function (_super) {
     }
     ToastView.prototype.render = function () {
         var _this = this;
-        this.styles = getStyles(this.emotion);
+        this.styles = getStyles();
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
             _this.theme = theme;
             return _this.renderMain();

package/components/Toast/ToastView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastView.js","sourceRoot":"","sources":["ToastView.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { locale } from '../../lib/locale/decorators.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator.js';\nimport type { ToastLocale } from './locale/index.js';\nimport { ToastLocaleHelper } from './locale/index.js';\nimport type { Action, ToastUse } from './Toast.js';\nimport { ToastDataTids } from './Toast.js';\nimport { getStyles } from './ToastView.styles.js';\n\nexport interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /** Отображает контент уведомления. */\n  children?: React.ReactNode;\n  /** Добавляет кнопку действия в тост. */\n  action?: Nullable<Action>;\n  /** Показывает кнопку закрытия рядом с текстом. */\n  showCloseIcon?: boolean;\n  /** Вызывается при закрытии тоста из разметки. */\n  onClose?: () => void;\n  /** Вызывается при наведении курсора на тост. */\n  onMouseEnter?: () => void;\n  /** Вызывается при уходе курсора с тоста. */\n  onMouseLeave?: () => void;\n  /** Выбирает стиль оформления: обычный или ошибка (`error`). */\n  use?: ToastUse;\n}\n\n@responsiveLayout\n@withRenderEnvironment\n@rootNode\n@locale('Toast', ToastLocaleHelper)\nexport class ToastView extends React.Component<ToastViewProps> {\n  private styles!: ReturnType<typeof getStyles>;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: ToastLocale;\n  private isMobileLayout!: boolean;\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = () => {\n    const { action, showCloseIcon, onClose, onMouseEnter, onMouseLeave, use } = this.props;\n\n    const isTheme6_1 = isThemeGTE(this.theme, '6.1');\n\n    const toastCloseColors =\n      use === 'error'\n        ? {\n            hover: this.theme.toastCloseHoverColorError,\n            default: this.theme.toastCloseColorError,\n          }\n        : {\n            hover: this.theme.toastCloseHoverColor,\n            default: this.theme.toastCloseColor,\n          };\n\n    const toastActionColorsClassName =\n      use === 'error' ? this.styles.toastActionErrorColor(this.theme) : this.styles.toastActionDefaultColor(this.theme);\n    const toastActionClassNames = this.cx(\n      this.styles.link(this.theme),\n      isTheme6_1 && this.styles.link6_1(this.theme),\n\n      toastActionColorsClassName,\n    );\n\n    const link = action ? (\n      <button\n        aria-label={action['aria-label']}\n        data-tid={ToastDataTids.action}\n        className={toastActionClassNames}\n        onClick={action.handler}\n      >\n        {action.label}\n      </button>\n    ) : null;\n\n    const themeDependantProps = isTheme6_1\n      ? {\n          style: {\n            height: '100%',\n          },\n          side: parseInt(this.theme.toastCloseBtnSide),\n        }\n      : { side: 40, size: parseInt(this.theme.toastCloseSize) };\n\n    const close =\n      action || showCloseIcon ? (\n        <span className={this.cx(this.styles.closeWrapper(this.theme), isTheme6_1 && this.styles.closeWrapper6_1())}>\n          <CloseButtonIcon\n            aria-label={this.locale.closeButtonAriaLabel}\n            data-tid={ToastDataTids.close}\n            onClick={onClose}\n            {...themeDependantProps}\n            color={toastCloseColors.default}\n            colorHover={toastCloseColors.hover}\n            tabbable={false}\n          />\n        </span>\n      ) : null;\n\n    const rootClassName = this.cx(\n      this.styles.root(this.theme),\n      isTheme6_1 && this.styles.root6_1(),\n      isTheme6_1 && this.isMobileLayout && this.styles.rootMobile(this.theme),\n      this.styles[use ?? 'default'](this.theme),\n    );\n\n    const wrapperClassName = this.cx(this.styles.wrapper(this.theme), isTheme6_1 && this.styles.wrapper6_1(this.theme));\n\n    return (\n      <CommonWrapper {...this.props}>\n        <ZIndex priority=\"Toast\" className={wrapperClassName}>\n          <div\n            data-tid={ToastDataTids.toastView}\n            className={rootClassName}\n            ref={this.setRootNode}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n          >\n            {isTheme6_1 ? (\n              <span className={this.styles.content(this.theme)}>\n                <span className={this.cx(this.isMobileLayout && this.styles.ellipsisContent())}>\n                  {this.props.children}\n                </span>\n              </span>\n            ) : (\n              <span>{this.props.children}</span>\n            )}\n            {link}\n            {close}\n          </div>\n        </ZIndex>\n      </CommonWrapper>\n    );\n  };\n}\n"]}
+{"version":3,"file":"ToastView.js","sourceRoot":"","sources":["ToastView.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { locale } from '../../lib/locale/decorators.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { ClassNames } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator.js';\nimport type { ToastLocale } from './locale/index.js';\nimport { ToastLocaleHelper } from './locale/index.js';\nimport type { Action, ToastUse } from './Toast.js';\nimport { ToastDataTids } from './Toast.js';\nimport { getStyles } from './ToastView.styles.js';\n\nexport interface ToastViewProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps {\n  /** Отображает контент уведомления. */\n  children?: React.ReactNode;\n  /** Добавляет кнопку действия в тост. */\n  action?: Nullable<Action>;\n  /** Показывает кнопку закрытия рядом с текстом. */\n  showCloseIcon?: boolean;\n  /** Вызывается при закрытии тоста из разметки. */\n  onClose?: () => void;\n  /** Вызывается при наведении курсора на тост. */\n  onMouseEnter?: () => void;\n  /** Вызывается при уходе курсора с тоста. */\n  onMouseLeave?: () => void;\n  /** Выбирает стиль оформления: обычный или ошибка (`error`). */\n  use?: ToastUse;\n}\n\n@responsiveLayout\n@withRenderEnvironment\n@rootNode\n@locale('Toast', ToastLocaleHelper)\nexport class ToastView extends React.Component<ToastViewProps> {\n  private styles!: ReturnType<typeof getStyles>;\n  private cx!: ClassNames;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: ToastLocale;\n  private isMobileLayout!: boolean;\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles();\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = () => {\n    const { action, showCloseIcon, onClose, onMouseEnter, onMouseLeave, use } = this.props;\n\n    const isTheme6_1 = isThemeGTE(this.theme, '6.1');\n\n    const closeButtonIconClassName =\n      use === 'error' ? this.styles.closeButtonIconError() : this.styles.closeButtonIcon();\n\n    const toastActionColorsClassName =\n      use === 'error' ? this.styles.toastActionErrorColor() : this.styles.toastActionDefaultColor();\n    const toastActionClassNames = this.cx(\n      this.styles.link(),\n      !isTheme6_1 && this.styles.linkBefore6_1(),\n\n      toastActionColorsClassName,\n    );\n\n    const link = action ? (\n      <button\n        aria-label={action['aria-label']}\n        data-tid={ToastDataTids.action}\n        className={toastActionClassNames}\n        onClick={action.handler}\n      >\n        {action.label}\n      </button>\n    ) : null;\n\n    const themeDependantProps = isTheme6_1\n      ? {\n          style: {\n            height: '100%',\n          },\n          side: parseInt(this.theme.toastCloseBtnSide),\n        }\n      : { side: 40, size: parseInt(this.theme.toastCloseSize) };\n\n    const close =\n      action || showCloseIcon ? (\n        <span className={this.cx(this.styles.closeWrapper(), !isTheme6_1 && this.styles.closeWrapperBefore6_1())}>\n          <CloseButtonIcon\n            aria-label={this.locale.closeButtonAriaLabel}\n            data-tid={ToastDataTids.close}\n            onClick={onClose}\n            {...themeDependantProps}\n            colorClassName={closeButtonIconClassName}\n            tabbable={false}\n          />\n        </span>\n      ) : null;\n\n    const rootClassName = this.cx(\n      this.styles.root(),\n      !isTheme6_1 && this.styles.rootPaddingBefore6_1(),\n      isTheme6_1 && this.isMobileLayout && this.styles.rootMobile(),\n      this.styles[use ?? 'default'](),\n    );\n\n    const wrapperClassName = this.cx(this.styles.wrapper(), isTheme6_1 && this.styles.wrapper6_1());\n\n    return (\n      <CommonWrapper {...this.props}>\n        <ZIndex priority=\"Toast\" className={wrapperClassName}>\n          <div\n            data-tid={ToastDataTids.toastView}\n            className={rootClassName}\n            ref={this.setRootNode}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n          >\n            {isTheme6_1 ? (\n              <span className={this.styles.content()}>\n                <span className={this.cx(this.isMobileLayout && this.styles.ellipsisContent())}>\n                  {this.props.children}\n                </span>\n              </span>\n            ) : (\n              <span>{this.props.children}</span>\n            )}\n            {link}\n            {close}\n          </div>\n        </ZIndex>\n      </CommonWrapper>\n    );\n  };\n}\n"]}

package/components/Toast/ToastView.styles.d.ts

@@ -1,18 +1,20 @@
-import type { Theme } from '../../lib/theming/Theme.js';
-export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
-    root(t: Theme): string;
-    root6_1(): string;
-    rootMobile(t: Theme): string;
-    default(t: Theme): string;
-    error(t: Theme): string;
-    wrapper(t: Theme): string;
-    wrapper6_1(t: Theme): string;
-    content(t: Theme): string;
-    ellipsisContent(): string;
-    closeWrapper(t: Theme): string;
-    closeWrapper6_1(): string;
-    link(t: Theme): string;
-    link6_1(t: Theme): string;
-    toastActionErrorColor(t: Theme): string;
-    toastActionDefaultColor(t: Theme): string;
+/** Правила — в `ToastView.css`; здесь только имена классов. */
+export declare const getStyles: (ignored?: unknown) => import("../../lib/theming/staticStyles.js").StaticStyles<{
+    root: string;
+    rootPaddingBefore6_1: string;
+    rootMobile: string;
+    default: string;
+    error: string;
+    wrapper: string;
+    wrapper6_1: string;
+    content: string;
+    ellipsisContent: string;
+    closeWrapper: string;
+    closeWrapperBefore6_1: string;
+    closeButtonIcon: string;
+    closeButtonIconError: string;
+    link: string;
+    linkBefore6_1: string;
+    toastActionErrorColor: string;
+    toastActionDefaultColor: string;
 }>;