@salutejs/plasma-new-hope 0.236.0-canary.1681.12503763792.0 → 0.236.0-canary.1685.12513878250.0

package/styled-components/cjs/components/_Icon/Icons/Icon.16/IconSaluteOutline.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconSaluteOutline16 = void 0;
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _SaluteOutline = /*#__PURE__*/require("../../Icon.assets/Icon.svg.16/SaluteOutline");
-var _IconRoot = /*#__PURE__*/require("../../IconRoot");
-var _excluded = ["size", "color", "className"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var IconSaluteOutline16 = exports.IconSaluteOutline16 = function IconSaluteOutline16(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'xs' : _ref$size,
-    color = _ref.color,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, _extends({
-    className: className,
-    size: size,
-    color: color,
-    icon: _SaluteOutline.SaluteOutline
-  }, rest));
-};

package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.config.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Note = /*#__PURE__*/require("../../../../components/Note");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'l'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-primary);"], _Note.noteTokens.background, _Note.noteTokens.color, _Note.noteTokens.contentBeforeColor),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-positive);"], _Note.noteTokens.background, _Note.noteTokens.color, _Note.noteTokens.contentBeforeColor),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-warning);", ":var(--text-primary);", ":var(--text-warning);"], _Note.noteTokens.background, _Note.noteTokens.color, _Note.noteTokens.contentBeforeColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--text-negative);"], _Note.noteTokens.background, _Note.noteTokens.color, _Note.noteTokens.contentBeforeColor),
-      info: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-info);", ":var(--text-primary);", ":var(--text-info);"], _Note.noteTokens.background, _Note.noteTokens.color, _Note.noteTokens.contentBeforeColor)
-    },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem 1.875rem;", ":1.5rem 1.75rem;", ":0.875rem;", ":0.75rem;", ":1rem;", ":0.25rem;", ":1.5rem;", ":2rem;", ":0.25rem 0;", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.25rem 1.5rem;", ":1.25rem;", ":0.75rem;", ":0.625rem;", ":0.75rem;", ":0.125rem;", ":1.5rem;", ":1.5rem;", ":0;", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem 1.25rem;", ":1rem;", ":0.625rem;", ":0.5rem;", ":0.75rem;", ":0.125rem;", ":1rem;", ":1.125rem;", ":0.063rem 0;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem 1rem;", ":0.75rem;", ":0.5rem;", ":0.375rem;", ":0.5rem;", ":0.125rem;", ":1rem;", ":1rem;", ":0;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight)
-    }
-  }
-};

package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Note = void 0;
-var _Note = /*#__PURE__*/require("../../../../components/Note");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Note2 = /*#__PURE__*/require("./Note.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Note.noteConfig, _Note2.config);
-var Note = exports.Note = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.stories.tsx

@@ -1,86 +0,0 @@
-import React, { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { WithTheme } from '../../../_helpers';
-import { IconSaluteOutline16 } from '../../../../components/_Icon';
-
-import { Note } from './Note';
-
-const views = ['default', 'positive', 'warning', 'negative', 'info'];
-const sizes = ['l', 'm', 's', 'xs'];
-const contentBeforeSizes = ['fixed', 'scalable'];
-
-const meta: Meta<typeof Note> = {
-    title: 'b2c/Data Display/Note',
-    component: Note,
-    decorators: [WithTheme],
-    argTypes: {
-        view: {
-            options: views,
-            control: {
-                type: 'select',
-            },
-        },
-        size: {
-            options: sizes,
-            control: {
-                type: 'select',
-            },
-        },
-        contentBeforeSizing: {
-            options: contentBeforeSizes,
-            control: {
-                type: 'inline-radio',
-            },
-            if: { arg: 'enableContentBefore', truthy: true },
-            defaultValue: 'fixed',
-        },
-    },
-};
-
-export default meta;
-
-type StoryPropsDefault = {
-    enableContentBefore: boolean;
-} & ComponentProps<typeof Note>;
-
-const getIconSize = (size?: string, isScalable?: boolean) => {
-    if (isScalable) {
-        return 'm';
-    }
-
-    if (size === 'l' || size === 'm') {
-        return 's';
-    }
-
-    return 'xs';
-};
-
-export const Default: StoryObj<StoryPropsDefault> = {
-    args: {
-        view: 'default',
-        size: 'l',
-        width: 400,
-        height: 116,
-        stretch: false,
-        title: 'Title',
-        text: 'Text',
-        enableContentBefore: true,
-        contentBeforeSizing: 'fixed',
-    },
-    render: ({ enableContentBefore, ...args }) => (
-        <div style={{ height: '100vh' }}>
-            <Note
-                contentBefore={
-                    enableContentBefore && (
-                        <IconSaluteOutline16
-                            size={getIconSize(args.size, args.contentBeforeSizing === 'scalable')}
-                            color="inherit"
-                        />
-                    )
-                }
-                {...args}
-            />
-        </div>
-    ),
-};

package/styled-components/cjs/examples/plasma_web/components/Note/Note.config.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Note = /*#__PURE__*/require("../../../../components/Note");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'l'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-primary);"], _Note.noteTokens.background, _Note.noteTokens.color, _Note.noteTokens.contentBeforeColor),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-positive);"], _Note.noteTokens.background, _Note.noteTokens.color, _Note.noteTokens.contentBeforeColor),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-warning);", ":var(--text-primary);", ":var(--text-warning);"], _Note.noteTokens.background, _Note.noteTokens.color, _Note.noteTokens.contentBeforeColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--text-negative);"], _Note.noteTokens.background, _Note.noteTokens.color, _Note.noteTokens.contentBeforeColor),
-      info: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-info);", ":var(--text-primary);", ":var(--text-info);"], _Note.noteTokens.background, _Note.noteTokens.color, _Note.noteTokens.contentBeforeColor)
-    },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem 1.875rem;", ":1.5rem 1.75rem;", ":0.875rem;", ":0.75rem;", ":1rem;", ":0.25rem;", ":1.5rem;", ":2rem;", ":0.25rem 0;", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-bold-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);", ":var(--plasma-typo-text-l-font-family);", ":var(--plasma-typo-text-l-font-size);", ":var(--plasma-typo-text-l-font-style);", ":var(--plasma-typo-text-l-font-weight);", ":var(--plasma-typo-text-l-letter-spacing);", ":var(--plasma-typo-text-l-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.25rem 1.5rem;", ":1.25rem;", ":0.75rem;", ":0.625rem;", ":0.75rem;", ":0.125rem;", ":1.5rem;", ":1.5rem;", ":0;", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-bold-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);", ":var(--plasma-typo-text-m-font-family);", ":var(--plasma-typo-text-m-font-size);", ":var(--plasma-typo-text-m-font-style);", ":var(--plasma-typo-text-m-font-weight);", ":var(--plasma-typo-text-m-letter-spacing);", ":var(--plasma-typo-text-m-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem 1.25rem;", ":1rem;", ":0.625rem;", ":0.5rem;", ":0.75rem;", ":0.125rem;", ":1rem;", ":1.125rem;", ":0.063rem 0;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-bold-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem 1rem;", ":0.75rem;", ":0.5rem;", ":0.375rem;", ":0.5rem;", ":0.125rem;", ":1rem;", ":1rem;", ":0;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-bold-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);"], _Note.noteTokens.padding, _Note.noteTokens.paddingScalable, _Note.noteTokens.borderRadius, _Note.noteTokens.gap, _Note.noteTokens.gapScalable, _Note.noteTokens.contentGap, _Note.noteTokens.fixedContentBeforeWidth, _Note.noteTokens.fixedContentBeforeHeight, _Note.noteTokens.fixedContentBeforePadding, _Note.noteTokens.titleFontFamily, _Note.noteTokens.titleFontSize, _Note.noteTokens.titleFontStyle, _Note.noteTokens.titleFontWeight, _Note.noteTokens.titleLetterSpacing, _Note.noteTokens.titleLineHeight, _Note.noteTokens.textFontFamily, _Note.noteTokens.textFontSize, _Note.noteTokens.textFontStyle, _Note.noteTokens.textFontWeight, _Note.noteTokens.textLetterSpacing, _Note.noteTokens.textLineHeight)
-    }
-  }
-};

package/styled-components/cjs/examples/plasma_web/components/Note/Note.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Note = void 0;
-var _Note = /*#__PURE__*/require("../../../../components/Note");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _Note2 = /*#__PURE__*/require("./Note.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Note.noteConfig, _Note2.config);
-var Note = exports.Note = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/plasma_web/components/Note/Note.stories.tsx

@@ -1,86 +0,0 @@
-import React, { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { WithTheme } from '../../../_helpers';
-import { IconSaluteOutline16 } from '../../../../components/_Icon';
-
-import { Note } from './Note';
-
-const views = ['default', 'positive', 'warning', 'negative', 'info'];
-const sizes = ['l', 'm', 's', 'xs'];
-const contentBeforeSizes = ['fixed', 'scalable'];
-
-const meta: Meta<typeof Note> = {
-    title: 'web/Data Display/Note',
-    component: Note,
-    decorators: [WithTheme],
-    argTypes: {
-        view: {
-            options: views,
-            control: {
-                type: 'select',
-            },
-        },
-        size: {
-            options: sizes,
-            control: {
-                type: 'select',
-            },
-        },
-        contentBeforeSizing: {
-            options: contentBeforeSizes,
-            control: {
-                type: 'inline-radio',
-            },
-            if: { arg: 'enableContentBefore', truthy: true },
-            defaultValue: 'fixed',
-        },
-    },
-};
-
-export default meta;
-
-type StoryPropsDefault = {
-    enableContentBefore: boolean;
-} & ComponentProps<typeof Note>;
-
-const getIconSize = (size?: string, isScalable?: boolean) => {
-    if (isScalable) {
-        return 'm';
-    }
-
-    if (size === 'l' || size === 'm') {
-        return 's';
-    }
-
-    return 'xs';
-};
-
-export const Default: StoryObj<StoryPropsDefault> = {
-    args: {
-        view: 'default',
-        size: 'l',
-        width: 400,
-        height: 116,
-        stretch: false,
-        title: 'Title',
-        text: 'Text',
-        enableContentBefore: true,
-        contentBeforeSizing: 'fixed',
-    },
-    render: ({ enableContentBefore, ...args }) => (
-        <div style={{ height: '100vh' }}>
-            <Note
-                contentBefore={
-                    enableContentBefore && (
-                        <IconSaluteOutline16
-                            size={getIconSize(args.size, args.contentBeforeSizing === 'scalable')}
-                            color="inherit"
-                        />
-                    )
-                }
-                {...args}
-            />
-        </div>
-    ),
-};

package/styled-components/es/components/Note/Note.js

@@ -1,127 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "style", "title", "text", "contentBefore", "contentBeforeSizing", "size", "view", "stretch", "width", "height"];
-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); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';
-import { useResizeObserver } from '@salutejs/plasma-core';
-import { canUseDOM, cx, getSizeValueFromProp } from '../../utils';
-import { base as viewCSS } from './variations/_view/base';
-import { base as sizeCSS } from './variations/_size/base';
-import { base, ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } from './Note.styles';
-import { classes, privateTokens, tokens } from './Note.tokens';
-export var noteRoot = function noteRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
-    var className = _ref.className,
-      style = _ref.style,
-      title = _ref.title,
-      text = _ref.text,
-      contentBefore = _ref.contentBefore,
-      _ref$contentBeforeSiz = _ref.contentBeforeSizing,
-      contentBeforeSizing = _ref$contentBeforeSiz === void 0 ? 'fixed' : _ref$contentBeforeSiz,
-      size = _ref.size,
-      view = _ref.view,
-      stretch = _ref.stretch,
-      width = _ref.width,
-      height = _ref.height,
-      rest = _objectWithoutProperties(_ref, _excluded);
-    var _useState = useState(text),
-      _useState2 = _slicedToArray(_useState, 2),
-      innerText = _useState2[0],
-      setInnerText = _useState2[1];
-    var _useState3 = useState(contentBefore ? "var(".concat(tokens.fixedContentBeforeWidth, ")") : '0'),
-      _useState4 = _slicedToArray(_useState3, 2),
-      contentBeforeWidth = _useState4[0],
-      setContentBeforeWidth = _useState4[1];
-    var contentWrapperRef = useRef(null);
-    var contentBeforeRef = useRef(null);
-    var titleHelperRef = useRef(null);
-    var textRenderHelperRef = useRef(null);
-    var innerWidth = width ? getSizeValueFromProp(width) : 'fit-content';
-    var innerHeight = height ? getSizeValueFromProp(height) : 'fit-content';
-    var contentGapToken = contentBeforeSizing === 'scalable' ? tokens.gapScalable : tokens.gap;
-    var contentWidthWithOffsetToken = contentBefore ? "calc(100% - ".concat(contentBeforeWidth, " - var(").concat(contentGapToken, "))") : '100%';
-    var setTruncatedText = function setTruncatedText() {
-      var _titleHelperRef$curre;
-      if (!canUseDOM || !text || !(contentWrapperRef !== null && contentWrapperRef !== void 0 && contentWrapperRef.current) || !(textRenderHelperRef !== null && textRenderHelperRef !== void 0 && textRenderHelperRef.current) || !width && !height) {
-        return;
-      }
-      var contentHeight = contentWrapperRef.current.offsetHeight;
-      var titleHeight = ((_titleHelperRef$curre = titleHelperRef.current) === null || _titleHelperRef$curre === void 0 ? void 0 : _titleHelperRef$curre.offsetHeight) || 0;
-      var contentGap = Number(window.getComputedStyle(contentWrapperRef.current).rowGap.replace('px', ''));
-      var textAvailableHeight = contentHeight - titleHeight - contentGap;
-      textRenderHelperRef.current.textContent = text;
-      if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {
-        setInnerText(text);
-        return;
-      }
-      var fullText = "".concat(text.slice(0, -3), "...");
-      for (var i = text.length - 1; i >= 0; i -= 1) {
-        textRenderHelperRef.current.textContent = fullText;
-        if (textRenderHelperRef.current.offsetHeight <= textAvailableHeight) {
-          break;
-        }
-        fullText = "".concat(fullText.slice(0, i), "...");
-      }
-      setInnerText(fullText);
-    };
-    useResizeObserver(contentWrapperRef, setTruncatedText);
-    useLayoutEffect(function () {
-      setTruncatedText();
-    }, [text, contentBefore, contentBeforeSizing, stretch]);
-    useEffect(function () {
-      if (!(contentBeforeRef !== null && contentBeforeRef !== void 0 && contentBeforeRef.current)) {
-        return;
-      }
-      if (contentBeforeSizing === 'scalable') {
-        setContentBeforeWidth("".concat(contentBeforeRef.current.offsetWidth, "px"));
-        return;
-      }
-      setContentBeforeWidth("var(".concat(tokens.fixedContentBeforeWidth, ")"));
-    }, [contentBefore, contentBeforeSizing]);
-    return /*#__PURE__*/React.createElement(Root, _extends({
-      ref: outerRef,
-      className: cx(className, stretch && classes.stretch, contentBeforeSizing === 'scalable' && classes.contentAlignCenter),
-      view: view,
-      size: size,
-      style: _objectSpread(_objectSpread({}, style), {}, _defineProperty(_defineProperty(_defineProperty({}, privateTokens.width, innerWidth), privateTokens.height, innerHeight), privateTokens.contentWidthWithOffset, contentWidthWithOffsetToken))
-    }, rest), contentBefore && /*#__PURE__*/React.createElement(ContentBefore, {
-      ref: contentBeforeRef
-    }, contentBefore), /*#__PURE__*/React.createElement(ContentWrapper, {
-      ref: contentWrapperRef
-    }, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, null, title), /*#__PURE__*/React.createElement(TitleHelper, {
-      ref: titleHelperRef
-    }, "C")), innerText && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, innerText, /*#__PURE__*/React.createElement(TextHelper, {
-      ref: textRenderHelperRef
-    }, "C")))));
-  });
-};
-export var noteConfig = {
-  name: 'Note',
-  tag: 'div',
-  layout: noteRoot,
-  base: base,
-  variations: {
-    view: {
-      css: viewCSS
-    },
-    size: {
-      css: sizeCSS
-    }
-  },
-  defaults: {
-    view: 'default',
-    size: 'm'
-  }
-};

package/styled-components/es/components/Note/Note.styles.js

@@ -1,21 +0,0 @@
-import styled from 'styled-components';
-import { css } from 'styled-components';
-export var base = /*#__PURE__*/css(["position:relative;display:flex;box-sizing:border-box;"]);
-export var ContentBefore = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-2xk8rv-0"
-})(["display:flex;"]);
-export var ContentWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-2xk8rv-1"
-})(["display:flex;flex-direction:column;box-sizing:border-box;"]);
-export var Title = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-2xk8rv-2"
-})([""]);
-export var TitleHelper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-2xk8rv-3"
-})(["visibility:hidden;position:absolute;z-index:-9999;opacity:0;"]);
-export var Text = /*#__PURE__*/styled.span.withConfig({
-  componentId: "plasma-new-hope__sc-2xk8rv-4"
-})(["display:block;position:relative;"]);
-export var TextHelper = /*#__PURE__*/styled.span.withConfig({
-  componentId: "plasma-new-hope__sc-2xk8rv-5"
-})(["visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;"]);

package/styled-components/es/components/Note/Note.template-doc.mdx

@@ -1,159 +0,0 @@
----
-id: note
-title: Note
----
-
-import { PropsTable, Description } from '@site/src/components';
-
-# Note
-Компонент для отображения текста в виде информационных, предупреждающих, обычных подсказок.
-
-<Description name="Note" />
-<PropsTable name="Note" />
-
-## Примеры
-
-### Вид компонента
-Вид компонента задается с помощью свойства `view`:
-
-```tsx live
-import React from 'react';
-import { Note } from '@salutejs/{{ package }}';
-import { IconSaluteOutline } from '@salutejs/plasma-icons';
-
-export function App() {
-    return (
-        <div>
-            <Note 
-                title="Title"
-                text="Text"
-                view="default" 
-                size="s" 
-                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
-            />
-            <Note 
-                title="Title"
-                text="Text"
-                view="positive" 
-                size="s" 
-                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
-            />
-            <Note 
-                title="Title"
-                text="Text"
-                view="warning" 
-                size="s" 
-                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
-            />
-            <Note 
-                title="Title"
-                text="Text"
-                view="negative" 
-                size="s" 
-                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
-            />
-            <Note 
-                title="Title"
-                text="Text"
-                view="info" 
-                size="s" 
-                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
-            />
-        </div>
-    );
-}
-```
-
-### Размер компонента
-Размер компонента задается с помощью свойства `size`. 
-Так же можно указать собственную ширину и высоту с помощью `width` и `height` соответственно. 
-Или же задать `stretch` чтобы `Note` занял всю доступную ширину и высоту.
-
-```tsx live
-import React from 'react';
-import { Note } from '@salutejs/{{ package }}';
-
-export function App() {
-    return (
-        <div style=\{{ flexDirection: "column" }}>
-            <div style=\{{ display: "flex", gap: "1rem" }}>
-                <Note 
-                    title="Title"
-                    text="Text"
-                    view="default" 
-                    size="l"
-                />
-                <Note 
-                    title="Title"
-                    text="Text"
-                    view="default" 
-                    size="m" 
-                />
-                <Note 
-                    title="Title"
-                    text="Text"
-                    view="default" 
-                    size="s"
-                />
-                <Note 
-                    title="Title"
-                    text="Text"
-                    view="default" 
-                    size="xs"
-                />
-            </div>
-
-            <Note 
-                title="Title"
-                text="Text"
-                view="default" 
-                size="l"
-                width="400"
-                height="116"
-            />
-            
-            <div style=\{{ width: "300px", height: "300px" }}>
-                <Note 
-                    title="Title"
-                    text="Text"
-                    view="default" 
-                    size="l"
-                    stretch
-                />
-            </div>
-        </div>
-    );
-}
-```
-
-### Размерность и положение `contentBefore`
-Размерность и положение `contentBefore` задается с помощью свойства `contentBeforeSizing`:
-
-```tsx live
-import React from 'react';
-import { Note } from '@salutejs/{{ package }}';
-import { IconSaluteOutline } from '@salutejs/plasma-icons';
-
-export function App() {
-    return (
-        <div>
-            <Note 
-                title="Title"
-                text="Text"
-                view="default" 
-                size="s" 
-                contentBefore={<IconSaluteOutline size="xs" color="inherit" />} 
-                contentBeforeSizing="fixed"
-            />
-            <Note 
-                title="Title"
-                text="Text"
-                view="positive" 
-                size="s" 
-                contentBefore={<IconSaluteOutline size="m" color="inherit" />} 
-                contentBeforeSizing="scalable"
-            />
-        </div>
-    );
-}
-```

package/styled-components/es/components/Note/Note.tokens.js

@@ -1,35 +0,0 @@
-export var classes = {
-  stretch: 'note-stretch',
-  contentAlignCenter: 'note-content-align-center'
-};
-export var privateTokens = {
-  width: '--plasma_private-note-width',
-  height: '--plasma_private-note-height',
-  contentWidthWithOffset: '--plasma_private-note-content-width-with-offset'
-};
-export var tokens = {
-  background: '--plasma-note-background',
-  color: '--plasma-note-color',
-  contentBeforeColor: '--plasma-note-content-before-color',
-  padding: '--plasma-note-padding',
-  paddingScalable: '--plasma-note-padding-scalable',
-  borderRadius: '--plasma-note-border-radius',
-  gap: '--plasma-note-gap',
-  gapScalable: '--plasma-note-gap-scalable',
-  contentGap: '--plasma-note-content-gap',
-  fixedContentBeforeWidth: '--plasma-note-fixed-content-before-width',
-  fixedContentBeforeHeight: '--plasma-note-fixed-content-before-height',
-  fixedContentBeforePadding: '--plasma-note-fixed-content-before-padding',
-  titleFontFamily: '--plasma-note-title-font-family',
-  titleFontSize: '--plasma-note-title-font-size',
-  titleFontStyle: '--plasma-note-title-font-style',
-  titleFontWeight: '--plasma-note-title-font-weight',
-  titleLetterSpacing: '--plasma-note-title-letter-spacing',
-  titleLineHeight: '--plasma-note-title-line-height',
-  textFontFamily: '--plasma-note-text-font-family',
-  textFontSize: '--plasma-note-text-font-size',
-  textFontStyle: '--plasma-note-text-font-style',
-  textFontWeight: '--plasma-note-text-font-weight',
-  textLetterSpacing: '--plasma-note-text-letter-spacing',
-  textLineHeight: '--plasma-note-text-line-height'
-};