npm - @salutejs/plasma-web - Versions diffs - 1.419.0-canary.1458.11344610394.0 → 1.419.0-canary.1459.11347702889.0 - Mend

@salutejs/plasma-web 1.419.0-canary.1458.11344610394.0 → 1.419.0-canary.1459.11347702889.0

Files changed (68) hide show

package/components/TextField/TextField.d.ts CHANGED Viewed

@@ -1,284 +1,7 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';
-export declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
-    view: {
-        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    size: {
-        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    labelPlacement: {
-        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    clear: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    disabled: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    readOnly: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-}> & (({
-    size?: string | undefined;
-    view?: string | undefined;
-    readOnly?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    label?: string | undefined; /**
-     * Поле ввода текста.
-     */
-    labelPlacement?: "outer" | "inner" | undefined;
-    leftHelper?: string | undefined;
-    contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    textBefore?: string | undefined;
-    textAfter?: string | undefined;
-    onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    required: true;
-    optional?: false | undefined;
-} & {
-    clear?: boolean | undefined;
-    hasDivider?: boolean | undefined;
-} & {
-    chips?: undefined;
-    onChangeChips?: undefined;
-    enumerationType?: "plain" | undefined;
-    /**
-     * Флаг обязательности поля
-     */
-    onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
-    size?: string | undefined;
-    view?: string | undefined;
-    readOnly?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    label?: string | undefined; /**
-     * Поле ввода текста.
-     */
-    labelPlacement?: "outer" | "inner" | undefined;
-    leftHelper?: string | undefined;
-    contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    textBefore?: string | undefined;
-    textAfter?: string | undefined;
-    onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    required: true;
-    optional?: false | undefined;
-} & {
-    clear?: boolean | undefined;
-    hasDivider?: boolean | undefined;
-} & {
-    enumerationType: "chip";
-    onSearch?: undefined; /**
-     * Флаг обязательности поля
-     */
-    chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
-    onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
-    size?: string | undefined;
-    view?: string | undefined;
-    readOnly?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    label?: string | undefined; /**
-     * Поле ввода текста.
-     */
-    labelPlacement?: "outer" | "inner" | undefined;
-    leftHelper?: string | undefined;
-    contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    textBefore?: string | undefined;
-    textAfter?: string | undefined;
-    onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    required: true;
-    optional?: false | undefined;
-} & {
-    clear?: false | undefined;
-    hasDivider?: undefined;
-} & {
-    chips?: undefined;
-    onChangeChips?: undefined;
-    enumerationType?: "plain" | undefined;
-    /**
-     * Флаг обязательности поля
-     */
-    onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
-    size?: string | undefined;
-    view?: string | undefined;
-    readOnly?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    label?: string | undefined; /**
-     * Поле ввода текста.
-     */
-    labelPlacement?: "outer" | "inner" | undefined;
-    leftHelper?: string | undefined;
-    contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    textBefore?: string | undefined;
-    textAfter?: string | undefined;
-    onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    required: true;
-    optional?: false | undefined;
-} & {
-    clear?: false | undefined;
-    hasDivider?: undefined;
-} & {
-    enumerationType: "chip";
-    onSearch?: undefined; /**
-     * Флаг обязательности поля
-     */
-    chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
-    onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
-    size?: string | undefined;
-    view?: string | undefined;
-    readOnly?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    label?: string | undefined; /**
-     * Поле ввода текста.
-     */
-    labelPlacement?: "outer" | "inner" | undefined;
-    leftHelper?: string | undefined;
-    contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    textBefore?: string | undefined;
-    textAfter?: string | undefined;
-    onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    optional?: true | undefined;
-    required?: false | undefined;
-} & {
-    clear?: boolean | undefined;
-    hasDivider?: boolean | undefined;
-} & {
-    chips?: undefined;
-    onChangeChips?: undefined;
-    enumerationType?: "plain" | undefined;
-    /**
-     * Флаг обязательности поля
-     */
-    onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
-    size?: string | undefined;
-    view?: string | undefined;
-    readOnly?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    label?: string | undefined; /**
-     * Поле ввода текста.
-     */
-    labelPlacement?: "outer" | "inner" | undefined;
-    leftHelper?: string | undefined;
-    contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    textBefore?: string | undefined;
-    textAfter?: string | undefined;
-    onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    optional?: true | undefined;
-    required?: false | undefined;
-} & {
-    clear?: boolean | undefined;
-    hasDivider?: boolean | undefined;
-} & {
-    enumerationType: "chip";
-    onSearch?: undefined; /**
-     * Флаг обязательности поля
-     */
-    chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
-    onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
-    size?: string | undefined;
-    view?: string | undefined;
-    readOnly?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    label?: string | undefined; /**
-     * Поле ввода текста.
-     */
-    labelPlacement?: "outer" | "inner" | undefined;
-    leftHelper?: string | undefined;
-    contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    textBefore?: string | undefined;
-    textAfter?: string | undefined;
-    onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    optional?: true | undefined;
-    required?: false | undefined;
-} & {
-    clear?: false | undefined;
-    hasDivider?: undefined;
-} & {
-    chips?: undefined;
-    onChangeChips?: undefined;
-    enumerationType?: "plain" | undefined;
-    /**
-     * Флаг обязательности поля
-     */
-    onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
-    size?: string | undefined;
-    view?: string | undefined;
-    readOnly?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    label?: string | undefined; /**
-     * Поле ввода текста.
-     */
-    labelPlacement?: "outer" | "inner" | undefined;
-    leftHelper?: string | undefined;
-    contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    textBefore?: string | undefined;
-    textAfter?: string | undefined;
-    onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    optional?: true | undefined;
-    required?: false | undefined;
-} & {
-    clear?: false | undefined;
-    hasDivider?: undefined;
-} & {
-    enumerationType: "chip";
-    onSearch?: undefined; /**
-     * Флаг обязательности поля
-     */
-    chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
-    onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>))>;
+import type { PopoverPlacement, PopoverPlacementBasic, TextFieldProps as NewTextFieldProps } from '@salutejs/plasma-new-hope/styled-components';
+export declare const TextFieldComponent: React.ForwardRefExoticComponent<NewTextFieldProps & React.RefAttributes<HTMLInputElement>>;
 declare type newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;
 declare type RequiredProps = {
     /**
@@ -324,8 +47,74 @@ declare type ClearProps = {
      */
     hasDivider?: never;
 };
-declare type TextFieldProps = TextFieldPropsOld & RequiredProps & ClearProps;
-export declare type CustomTextFieldProps = TextFieldProps & Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;
+declare type HintProps = {
+    /**
+     * Отобразить ли подсказку
+     */
+    hasHint: boolean;
+    /**
+     * Текст тултипа
+     */
+    hintText: string;
+    /**
+     * Способ открытия тултипа - наведение или клик мышью
+     */
+    hintTrigger?: 'hover' | 'click';
+    /**
+     * Вид тултипа
+     */
+    hintView?: 'default' | 'onDark' | 'onLight' | 'inverse';
+    /**
+     * Размер тултипа
+     */
+    hintSize?: 's' | 'm';
+    /**
+     * Элемент, рядом с которым произойдет вызов всплывающего окна.
+     * Если свойство не задано, применится иконка по умолчанию.
+     */
+    hintTarget?: ReactNode;
+    /**
+     * Направление раскрытия тултипа.
+     */
+    hintPlacement?: PopoverPlacement | Array<PopoverPlacementBasic>;
+    /**
+     * Видимость стрелки (хвоста).
+     */
+    hintHasArrow?: boolean;
+    /**
+     * Отступ окна относительно элемента, у которого оно вызвано.
+     * @default
+     * [0, 8]
+     */
+    hintOffset?: [number, number];
+    /**
+     * Минимальная ширина окна (в rem).
+     */
+    hintMinWidth?: string;
+    /**
+     * Максимальная ширина окна (в rem).
+     */
+    hintMaxWidth?: string;
+    /**
+     * Слот для контента слева, например `Icon`.
+     */
+    hintContentLeft?: ReactNode;
+} | {
+    hasHint?: never | false;
+    hintTrigger?: never;
+    hintText?: never;
+    hintView?: never;
+    hintSize?: never;
+    hintTarget?: never;
+    hintPlacement?: never;
+    hintHasArrow?: never;
+    hintOffset?: never;
+    hintMinWidth?: never;
+    hintMaxWidth?: never;
+    hintContentLeft?: never;
+};
+declare type TextFieldProps = TextFieldPropsOld & RequiredProps & ClearProps & HintProps;
+export declare type CustomTextFieldProps = TextFieldProps & Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips' | 'titleCaption'>;
 /**
  * Поле ввода текста.
  */

package/components/TextField/TextField.js CHANGED Viewed

@@ -8,7 +8,7 @@ exports.TextFieldComponent = exports.TextField = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
 var _TextField = /*#__PURE__*/require("./TextField.config");
-var _excluded = ["status", "label", "placeholder", "animatedHint", "helperText", "enumerationType", "chips", "onSearch", "onChangeChips", "size"];
+var _excluded = ["status", "label", "placeholder", "animatedHint", "helperText", "hasHint", "hintText", "enumerationType", "chips", "onSearch", "onChangeChips", "size"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -35,6 +35,8 @@ var TextField = exports.TextField = /*#__PURE__*/(0, _react.forwardRef)(function
     placeholder = props.placeholder,
     animatedHint = props.animatedHint,
     helperText = props.helperText,
+    hasHint = props.hasHint,
+    hintText = props.hintText,
     enumerationType = props.enumerationType,
     chips = props.chips,
     onSearch = props.onSearch,
@@ -67,6 +69,8 @@ var TextField = exports.TextField = /*#__PURE__*/(0, _react.forwardRef)(function
       ref: ref,
       enumerationType: "chip",
       chips: chips,
+      hasHint: Boolean(hasHint),
+      hintText: String(hintText || ''),
       onChangeChips: onChangeChips
     }));
   }
@@ -79,6 +83,8 @@ var TextField = exports.TextField = /*#__PURE__*/(0, _react.forwardRef)(function
     leftHelper: helperText,
     ref: ref,
     enumerationType: "plain",
+    hasHint: Boolean(hasHint),
+    hintText: String(hintText || ''),
     onSearch: onSearch
   }));
 });

package/components/Toast/Toast.config.js CHANGED Viewed

@@ -20,7 +20,7 @@ var config = exports.config = {
        * использовать `default`
        */
       primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
-      dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-surface-solid-brightness);\n\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
+      dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-surface-solid-primary-brightness);\n\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover),
       light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-surface-solid-primary-brightness);\n\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-light-text-secondary);\n            "])), _styledComponents.toastTokens.color, _styledComponents.toastTokens.background, _styledComponents.toastTokens.closeIconColor, _styledComponents.toastTokens.closeIconColorOnHover)
     },
     size: {

package/css/cjs/components/Breadcrumbs/Breadcrumbs.config.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './Breadcrumbs.config_b0qlrl.css';
+import './Breadcrumbs.config_i0qxb7.css';
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Breadcrumbs/Breadcrumbs.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Breadcrumbs.config.js","sources":["../../../../src-css/components/Breadcrumbs/Breadcrumbs.config.ts"],"sourcesContent":["import { css, breadcrumbsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${breadcrumbsTokens.breadcrumbsColor}: var(--text-primary);\n ${breadcrumbsTokens.~~breadcrumbsColorText}: var(--text-primary);\n ${breadcrumbsTokens.breadcrumbsColorSeparator}: var(--text-primary);\n ${breadcrumbsTokens.~~breadcrumbsOpacity}: 0.4;\n ${breadcrumbsTokens.breadcrumbsFocusOutlineColor}: var(--surface-accent);\n `,\n },\n size: {\n l: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.5rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-l-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-l-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-l-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-l-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.375rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-m-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-m-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-m-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-m-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.25rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-s-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-s-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-s-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-s-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-xs-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-xs-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;~~KAOV~~;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EASA,SAAA;AACDC,MAAAA,CAAC,EASA,UAAA;AACDC,MAAAA,CAAC,EASA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AAUN,KAAA;AACJ,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"Breadcrumbs.config.js","sources":["../../../../src-css/components/Breadcrumbs/Breadcrumbs.config.ts"],"sourcesContent":["import { css, breadcrumbsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${breadcrumbsTokens.breadcrumbsColor}: var(--text-primary);\n ${breadcrumbsTokens.breadcrumbsOpacity}: 0.4;\n ${breadcrumbsTokens.breadcrumbsFocusOutlineColor}: var(--surface-accent);\n `,\n },\n size: {\n l: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.5rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-l-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-l-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-l-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-l-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.375rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-m-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-m-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-m-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-m-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.25rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-s-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-s-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-s-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-s-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-xs-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-xs-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAKV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EASA,SAAA;AACDC,MAAAA,CAAC,EASA,UAAA;AACDC,MAAAA,CAAC,EASA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AAUN,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/cjs/components/Breadcrumbs/{Breadcrumbs.config_b0qlrl.css → Breadcrumbs.config_i0qxb7.css} RENAMED Viewed

@@ -1,4 +1,4 @@
-.d10geo1c{--plasma-breadcrumbs-color:var(--text-primary);--plasma-breadcrumbs-color-text:var(--text-primary);--plasma-breadcrumbs-color-separator:var(--text-primary);--plasma-breadcrumbs-opacity:0.4;--plasma-breadcrumbs-focus-outline-color:var(--surface-accent);}
+.d10geo1c{--plasma-breadcrumbs-color:var(--text-primary);--plasma-breadcrumbs-opacity:0.4;--plasma-breadcrumbs-focus-outline-color:var(--surface-accent);}
 .lv8mf1s{--plasma-breadcrumbs-gap:0.5rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-l-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-l-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-l-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-l-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-l-line-height);}
 .m17g6n2i{--plasma-breadcrumbs-gap:0.375rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-m-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-m-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-m-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-m-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-m-line-height);}
 .sbbou4m{--plasma-breadcrumbs-gap:0.25rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-s-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-s-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-s-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-s-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-s-line-height);}

package/css/cjs/components/Breadcrumbs/Breadcrumbs.css CHANGED Viewed

@@ -1,5 +1,5 @@
-.Breadcrumbs_config_b0qlrl_d10geo1c__2197bcbf{--plasma-breadcrumbs-color:var(--text-primary);--plasma-breadcrumbs-color-text:var(--text-primary);--plasma-breadcrumbs-color-separator:var(--text-primary);--plasma-breadcrumbs-opacity:0.4;--plasma-breadcrumbs-focus-outline-color:var(--surface-accent);}
-.Breadcrumbs_config_b0qlrl_lv8mf1s__2197bcbf{--plasma-breadcrumbs-gap:0.5rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-l-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-l-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-l-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-l-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-l-line-height);}
-.Breadcrumbs_config_b0qlrl_m17g6n2i__2197bcbf{--plasma-breadcrumbs-gap:0.375rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-m-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-m-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-m-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-m-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-m-line-height);}
-.Breadcrumbs_config_b0qlrl_sbbou4m__2197bcbf{--plasma-breadcrumbs-gap:0.25rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-s-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-s-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-s-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-s-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-s-line-height);}
-.Breadcrumbs_config_b0qlrl_x2yn23d__2197bcbf{--plasma-breadcrumbs-gap:0rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-xs-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-xs-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-xs-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-xs-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-xs-line-height);}
+.Breadcrumbs_config_i0qxb7_d10geo1c__f8874455{--plasma-breadcrumbs-color:var(--text-primary);--plasma-breadcrumbs-opacity:0.4;--plasma-breadcrumbs-focus-outline-color:var(--surface-accent);}
+.Breadcrumbs_config_i0qxb7_lv8mf1s__f8874455{--plasma-breadcrumbs-gap:0.5rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-l-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-l-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-l-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-l-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-l-line-height);}
+.Breadcrumbs_config_i0qxb7_m17g6n2i__f8874455{--plasma-breadcrumbs-gap:0.375rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-m-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-m-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-m-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-m-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-m-line-height);}
+.Breadcrumbs_config_i0qxb7_sbbou4m__f8874455{--plasma-breadcrumbs-gap:0.25rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-s-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-s-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-s-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-s-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-s-line-height);}
+.Breadcrumbs_config_i0qxb7_x2yn23d__f8874455{--plasma-breadcrumbs-gap:0rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-xs-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-xs-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-xs-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-xs-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-xs-line-height);}

package/css/cjs/components/Combobox/index.js CHANGED Viewed

@@ -7,7 +7,10 @@ var React = require('react');
 var Combobox$2 = require('./Combobox.js');
 var Combobox$1 = require('./Legacy/Combobox.js');
-var Combobox = /*#__PURE__*/React.forwardRef(function (props, ref) {
+function fixedForwardRef(render) {
+  return /*#__PURE__*/React.forwardRef(render);
+}
+var ComboboxComponent = function ComboboxComponent(props, ref) {
   if (props.items) {
     return /*#__PURE__*/React.createElement(Combobox$2.Combobox, _rollupPluginBabelHelpers.extends({
       ref: ref
@@ -16,7 +19,8 @@ var Combobox = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Combobox$1.Combobox, _rollupPluginBabelHelpers.extends({
     ref: ref
   }, props));
-});
+};
+var Combobox = /*#__PURE__*/fixedForwardRef(ComboboxComponent);
 exports.ComboboxDivider = Combobox$1.ComboboxDivider;
 exports.ComboboxFooter = Combobox$1.ComboboxFooter;

package/css/cjs/components/Combobox/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src-css/components/Combobox/index.tsx"],"sourcesContent":["import React, { forwardRef, ComponentProps } from 'react';\n\nimport { Combobox as ComboboxOld } from './Legacy';\nimport { Combobox as ComboboxNew } from './Combobox';\n\nexport { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Legacy';\n\nexport type { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope';\n\ntype PropsOld = ComponentProps<typeof ComboboxOld> & { items?: never };\ntype PropsNew = ComponentProps<typeof ComboboxNew>;\n\ntype CommonProps = PropsOld \| PropsNew;\n\nconst ~~Combobox~~ = ~~forwardRef~~<~~HTMLInputElement,~~ ~~CommonProps~~>((props, ref) => {\n if (props.items) {\n return <ComboboxNew ref={ref} {...props} />;\n }\n\n return <ComboboxOld ref={ref} {...props} />;\n});\n\nexport { Combobox };\n"],"names":["~~Combobox~~","forwardRef","props","ref","items","React","createElement","ComboboxNew","_extends","ComboboxOld"],"mappings":";;;;;;;;;~~AAcMA~~,~~IAAAA~~,~~QAAQ~~,~~gBAAGC~~,gBAAU,~~CAAgC~~,~~UAACC~~,~~KAAK~~,~~EAAEC~~,GAAG,EAAK;~~EACvE~~,IAAID,KAAK,CAACE,KAAK,EAAE;AACb,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,mBAAW,EAAAC,iCAAA,CAAA;AAACL,MAAAA,GAAG,EAAEA,GAAAA;~~KAASD~~,EAAAA,KAAK,~~CAAG~~,CAAC,CAAA;~~AAC/C~~,GAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACG,mBAAW,EAAAD,iCAAA,CAAA;AAACL,IAAAA,GAAG,EAAEA,GAAAA;GAASD,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC/C,CAAC;;;;;;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src-css/components/Combobox/index.tsx"],"sourcesContent":["import React, { forwardRef, ComponentProps } from 'react';\nimport type { ItemOption, ComboboxProps } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Combobox.config';\nimport { Combobox as ComboboxOld } from './Legacy';\nimport { Combobox as ComboboxNew } from './Combobox';\n\nexport { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Legacy';\n\nexport type { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope';\n\nfunction fixedForwardRef<T, P = {}>(\n render: (props: P, ref: React.Ref<T>) => React.ReactElement \| null,\n): (props: P & React.RefAttributes<T>) => React.ReactElement \| null {\n return forwardRef(render as any) as any;\n}\n\ntype PropsFromConfig = keyof typeof config['variations'];\n\ntype PropsOld = ComponentProps<typeof ComboboxOld> & { items?: never };\n\ntype PropsNew<T extends ItemOption> = Omit<ComboboxProps<T>, PropsFromConfig> &\n Pick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;\n\ntype CommonProps<T extends ItemOption> = PropsOld \| PropsNew<T>;\n\nconst ComboboxComponent = <T extends ItemOption>(props: CommonProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => {\n if (props.items) {\n return <ComboboxNew ref={ref} {...(props as any)} />;\n }\n\n return <ComboboxOld ref={ref} {...props} />;\n};\n\nexport const Combobox = fixedForwardRef(ComboboxComponent);\n"],"names":["fixedForwardRef","render","forwardRef","ComboboxComponent","props","ref","items","React","createElement","ComboboxNew","_extends","ComboboxOld","Combobox"],"mappings":";;;;;;;;;AAWA,SAASA,eAAeA,CACpBC,MAAkE,EACF;EAChE,oBAAOC,gBAAU,CAACD,MAAa,CAAC,CAAA;AACpC,CAAA;AAWA,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAA0BC,KAAqB,EAAEC,GAAyC,EAAK;EAClH,IAAID,KAAK,CAACE,KAAK,EAAE;AACb,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,mBAAW,EAAAC,iCAAA,CAAA;AAACL,MAAAA,GAAG,EAAEA,GAAAA;KAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AACxD,GAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACG,mBAAW,EAAAD,iCAAA,CAAA;AAACL,IAAAA,GAAG,EAAEA,GAAAA;GAASD,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC/C,CAAC,CAAA;IAEYQ,QAAQ,gBAAGZ,eAAe,CAACG,iBAAiB;;;;;;;;;"}