@salutejs/plasma-new-hope 0.170.0-canary.1488.11387414081.0 → 0.170.0-canary.1489.11387153757.0

package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.js

@@ -1,5 +0,0 @@
-import { viewContainerConfig } from '../../../../components/ViewContainer';
-import { component, mergeConfig } from '../../../../engines';
-import { config } from './ViewContainer.config';
-var mergedConfig = /*#__PURE__*/mergeConfig(viewContainerConfig, config);
-export var ViewContainer = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/plasma_b2c/components/ViewContainer/ViewContainer.stories.tsx

@@ -1,65 +0,0 @@
-import React, { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { Button } from '../Button/Button';
-import { TextField } from '../Textfield/Textfield';
-import { Checkbox } from '../Checkbox/Checkbox';
-
-import { ViewContainer } from './ViewContainer';
-
-type StoryViewProps = ComponentProps<typeof ViewContainer>;
-
-const meta: Meta<StoryViewProps> = {
-    title: 'plasma_b2c/ViewContainer',
-};
-
-export default meta;
-
-type Story = StoryObj<StoryViewProps>;
-
-const ViewExample = ({ view }: StoryViewProps) => {
-    const style = view
-        ? {
-              background: view === 'onDark' ? '#1a1a1a' : '#ededed',
-              color: view === 'onDark' ? 'white' : 'black',
-          }
-        : undefined;
-
-    return (
-        <>
-            <h4>view: {view ?? 'default'}</h4>
-            <div>
-                <ViewContainer
-                    view={view}
-                    style={{
-                        ...style,
-                        padding: '1rem',
-                        borderRadius: '1rem',
-                        display: 'flex',
-                        flexDirection: 'column',
-                        gap: '1rem',
-                    }}
-                >
-                    <h3 style={{ margin: 0 }}>Inside ViewContainer</h3>
-                    <Button text="default Button" />
-                    <Checkbox checked label="Label" />
-                    <TextField value="Example Value" label="Label" labelPlacement="inner" />
-                </ViewContainer>
-            </div>
-        </>
-    );
-};
-
-export const Default: Story = {
-    render: () => {
-        return (
-            <>
-                <ViewExample />
-                <br />
-                <ViewExample view="onDark" />
-                <br />
-                <ViewExample view="onLight" />
-            </>
-        );
-    },
-};

package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js

@@ -1,10 +0,0 @@
-import { css } from '@emotion/react';
-import { viewContainer } from '@salutejs/plasma-themes/tokens/plasma_b2c';
-export var config = {
-  variations: {
-    view: {
-      onDark: /*#__PURE__*/css(viewContainer.dark, ";;label:plasma-new-hope__onDark;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9WaWV3Q29udGFpbmVyL1ZpZXdDb250YWluZXIuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvVmlld0NvbnRhaW5lci9WaWV3Q29udGFpbmVyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHZpZXdDb250YWluZXIgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLXRoZW1lcy90b2tlbnMvcGxhc21hX2IyYyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBvbkRhcms6IGNzc2BcbiAgICAgICAgICAgICAgICAke3ZpZXdDb250YWluZXIuZGFya31cbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBvbkxpZ2h0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt2aWV3Q29udGFpbmVyLmxpZ2h0fVxuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
-      onLight: /*#__PURE__*/css(viewContainer.light, ";;label:plasma-new-hope__onLight;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9WaWV3Q29udGFpbmVyL1ZpZXdDb250YWluZXIuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVN3QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvVmlld0NvbnRhaW5lci9WaWV3Q29udGFpbmVyLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHZpZXdDb250YWluZXIgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLXRoZW1lcy90b2tlbnMvcGxhc21hX2IyYyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBvbkRhcms6IGNzc2BcbiAgICAgICAgICAgICAgICAke3ZpZXdDb250YWluZXIuZGFya31cbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBvbkxpZ2h0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt2aWV3Q29udGFpbmVyLmxpZ2h0fVxuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
-    }
-  }
-};

package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.js

@@ -1,5 +0,0 @@
-import { viewContainerConfig } from '../../../../components/ViewContainer';
-import { component, mergeConfig } from '../../../../engines';
-import { config } from './ViewContainer.config';
-var mergedConfig = /*#__PURE__*/mergeConfig(viewContainerConfig, config);
-export var ViewContainer = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/plasma_web/components/ViewContainer/ViewContainer.stories.tsx

@@ -1,65 +0,0 @@
-import React, { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { Button } from '../Button/Button';
-import { TextField } from '../Textfield/Textfield';
-import { Checkbox } from '../Checkbox/Checkbox';
-
-import { ViewContainer } from './ViewContainer';
-
-type StoryViewProps = ComponentProps<typeof ViewContainer>;
-
-const meta: Meta<StoryViewProps> = {
-    title: 'plasma_web/ViewContainer',
-};
-
-export default meta;
-
-type Story = StoryObj<StoryViewProps>;
-
-const ViewExample = ({ view }: StoryViewProps) => {
-    const style = view
-        ? {
-              background: view === 'onDark' ? '#1a1a1a' : '#ededed',
-              color: view === 'onDark' ? 'white' : 'black',
-          }
-        : undefined;
-
-    return (
-        <>
-            <h4>view: {view ?? 'default'}</h4>
-            <div>
-                <ViewContainer
-                    view={view}
-                    style={{
-                        ...style,
-                        padding: '1rem',
-                        borderRadius: '1rem',
-                        display: 'flex',
-                        flexDirection: 'column',
-                        gap: '1rem',
-                    }}
-                >
-                    <h3 style={{ margin: 0 }}>Inside ViewContainer</h3>
-                    <Button text="default Button" />
-                    <Checkbox checked label="Label" />
-                    <TextField value="Example Value" label="Label" labelPlacement="inner" />
-                </ViewContainer>
-            </div>
-        </>
-    );
-};
-
-export const Default: Story = {
-    render: () => {
-        return (
-            <>
-                <ViewExample />
-                <br />
-                <ViewExample view="onDark" />
-                <br />
-                <ViewExample view="onLight" />
-            </>
-        );
-    },
-};

package/es/components/ViewContainer/ViewContainer.js

@@ -1,33 +0,0 @@
-import './ViewContainer_yiqfcb.css';
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
-import { base as base$1 } from './_view/base.js';
-
-var _excluded = ["children"];
-var base = "bemjbnt";
-var viewContainerRoot = function viewContainerRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (props, ref) {
-    var children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-    return /*#__PURE__*/React.createElement(Root, _extends({
-      ref: ref
-    }, rest), children);
-  });
-};
-var viewContainerConfig = {
-  name: 'ViewContainer',
-  tag: 'div',
-  layout: viewContainerRoot,
-  base: base,
-  variations: {
-    view: {
-      css: base$1
-    }
-  },
-  defaults: {
-    view: undefined
-  }
-};
-
-export { viewContainerConfig, viewContainerRoot };
-//# sourceMappingURL=ViewContainer.js.map

package/es/components/ViewContainer/ViewContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewContainer.js","sources":["../../../src/components/ViewContainer/ViewContainer.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines/types';\n\nimport { base as viewCSS } from './_view/base';\n\nconst base = css`\n    position: relative;\n`;\n\nexport type ViewContainerCustomProps = {\n    /**\n     * Вид компонента\n     */\n    view?: string;\n};\n\ntype ViewContainerProps = React.HTMLAttributes<HTMLDivElement> & ViewContainerCustomProps;\n\nexport const viewContainerRoot = (Root: RootProps<HTMLAnchorElement, ViewContainerProps>) =>\n    forwardRef<HTMLAnchorElement, ViewContainerProps>((props, ref) => {\n        const { children, ...rest } = props;\n\n        return (\n            <Root ref={ref} {...rest}>\n                {children}\n            </Root>\n        );\n    });\n\nexport const viewContainerConfig = {\n    name: 'ViewContainer',\n    tag: 'div',\n    layout: viewContainerRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: undefined,\n    },\n};\n"],"names":["base","viewContainerRoot","Root","forwardRef","props","ref","children","rest","_excluded","React","createElement","_extends","viewContainerConfig","name","tag","layout","variations","view","css","viewCSS","defaults","undefined"],"mappings":";;;;;AAOA,IAAMA,IAAI,GAET,SAAA,CAAA;IAWYC,iBAAiB,GAAGA,SAApBA,iBAAiBA,CAAIC,IAAsD,EAAA;AAAA,EAAA,oBACpFC,UAAU,CAAwC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC9D,IAAA,IAAQC,QAAQ,GAAcF,KAAK,CAA3BE,QAAQ;AAAKC,MAAAA,IAAAA,GAAAA,wBAAAA,CAASH,KAAK,EAAAI,SAAA,CAAA,CAAA;AAEnC,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACR,IAAI,EAAAS,QAAA,CAAA;AAACN,MAAAA,GAAG,EAAEA,GAAAA;KAASE,EAAAA,IAAI,CACnBD,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMM,mBAAmB,GAAG;AAC/BC,EAAAA,IAAI,EAAE,eAAe;AACrBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEd,iBAAiB;AACzBD,EAAAA,IAAI,EAAJA,IAAI;AACJgB,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNH,IAAAA,IAAI,EAAEI,SAAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/ViewContainer/ViewContainer_yiqfcb.css

@@ -1 +0,0 @@
-.bemjbnt{position:relative;}

package/es/components/ViewContainer/_view/base.js

@@ -1,5 +0,0 @@
-import './base_x642ct.css';
-var base = "bhhdltp";
-
-export { base };
-//# sourceMappingURL=base.js.map

package/es/components/ViewContainer/_view/base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.js","sources":["../../../../src/components/ViewContainer/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}

package/es/components/ViewContainer/_view/base_x642ct.css

@@ -1 +0,0 @@
-

package/styled-components/cjs/components/ViewContainer/ViewContainer.js

@@ -1,40 +0,0 @@
-"use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.viewContainerRoot = exports.viewContainerConfig = void 0;
-var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _base = /*#__PURE__*/require("./_view/base");
-var _excluded = ["children"];
-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); }
-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 base = /*#__PURE__*/(0, _styledComponents.css)(["position:relative;"]);
-var viewContainerRoot = exports.viewContainerRoot = function viewContainerRoot(Root) {
-  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-    var children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
-      ref: ref
-    }, rest), children);
-  });
-};
-var viewContainerConfig = exports.viewContainerConfig = {
-  name: 'ViewContainer',
-  tag: 'div',
-  layout: viewContainerRoot,
-  base: base,
-  variations: {
-    view: {
-      css: _base.base
-    }
-  },
-  defaults: {
-    view: undefined
-  }
-};

package/styled-components/cjs/components/ViewContainer/ViewContainer.template-doc.mdx

@@ -1,82 +0,0 @@
----
-id: link
-title: Link
----
-
-import { PropsTable, Description } from '@site/src/components';
-
-# ViewContainer
-<Description name="ViewContainer" />
-<PropsTable name="ViewContainer" exclude={['css']} />
-
-# Описание
-
-Данный компонент представляет собой обёртку, которая инвертирует токены компонент, которые в неё помещены, в зависимости от выбранного значения свойства view - `onDark` или `onLight`.
-
-При этом, независимо от режима темы (тёмный или светлый) для всего приложения, токены внутри не будут меняться. 
-
-Этот механизм необходим для случаев, когда требуется отобразить компонент на специфичном бэкграунде, чтобы избежать наложение цветов.
-
-# Пример использования
-
-```tsx live
-import React from 'react';
-import { ViewContainer, Button, Checkbox, TextField } from '@salutejs/{{ package }}';
-
-export function App() {
-    return (
-        <div>
-            <ViewContainer
-                style=\{{
-                    padding: '1rem',
-                    borderRadius: '1rem',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    gap: '1rem',
-                }}
-            >
-                <h3 style=\{{ margin: 0 }}>Inside default ViewContainer</h3>
-                <Button text="default Button" />
-                <Checkbox checked label="Label" />
-                <TextField value="Example Value" label="Label" labelPlacement="inner" />
-            </ViewContainer>
-            <br />
-            <ViewContainer
-                view="onDark"
-                style=\{{
-                    background: '#1a1a1a',
-                    color: 'white',
-                    padding: '1rem',
-                    borderRadius: '1rem',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    gap: '1rem',
-                }}
-            >
-                <h3 style=\{{ margin: 0 }}>Inside onDark ViewContainer</h3>
-                <Button text="default Button" />
-                <Checkbox checked label="Label" />
-                <TextField value="Example Value" label="Label" labelPlacement="inner" />
-            </ViewContainer>
-            <br />
-            <ViewContainer
-                view="onLight"
-                style=\{{
-                    background: '#ededed',
-                    color: 'black',
-                    padding: '1rem',
-                    borderRadius: '1rem',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    gap: '1rem',
-                }}
-            >
-                <h3 style=\{{ margin: 0 }}>Inside onLight ViewContainer</h3>
-                <Button text="default Button" />
-                <Checkbox checked label="Label" />
-                <TextField value="Example Value" label="Label" labelPlacement="inner" />
-            </ViewContainer>
-        </div>
-    );
-}
-```

package/styled-components/cjs/components/ViewContainer/_view/base.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/ViewContainer/_view/tokens.json

@@ -1 +0,0 @@
-[]

package/styled-components/cjs/components/ViewContainer/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "viewContainerConfig", {
-  enumerable: true,
-  get: function get() {
-    return _ViewContainer.viewContainerConfig;
-  }
-});
-Object.defineProperty(exports, "viewContainerRoot", {
-  enumerable: true,
-  get: function get() {
-    return _ViewContainer.viewContainerRoot;
-  }
-});
-var _ViewContainer = /*#__PURE__*/require("./ViewContainer");

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

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _plasma_b2c = /*#__PURE__*/require("@salutejs/plasma-themes/tokens/plasma_b2c");
-var config = exports.config = {
-  variations: {
-    view: {
-      onDark: /*#__PURE__*/(0, _styledComponents.css)(["", ""], _plasma_b2c.viewContainer.dark),
-      onLight: /*#__PURE__*/(0, _styledComponents.css)(["", ""], _plasma_b2c.viewContainer.light)
-    }
-  }
-};

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

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

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

@@ -1,65 +0,0 @@
-import React, { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { Button } from '../Button/Button';
-import { TextField } from '../Textfield/Textfield';
-import { Checkbox } from '../Checkbox/Checkbox';
-
-import { ViewContainer } from './ViewContainer';
-
-type StoryViewProps = ComponentProps<typeof ViewContainer>;
-
-const meta: Meta<StoryViewProps> = {
-    title: 'plasma_b2c/ViewContainer',
-};
-
-export default meta;
-
-type Story = StoryObj<StoryViewProps>;
-
-const ViewExample = ({ view }: StoryViewProps) => {
-    const style = view
-        ? {
-              background: view === 'onDark' ? '#1a1a1a' : '#ededed',
-              color: view === 'onDark' ? 'white' : 'black',
-          }
-        : undefined;
-
-    return (
-        <>
-            <h4>view: {view ?? 'default'}</h4>
-            <div>
-                <ViewContainer
-                    view={view}
-                    style={{
-                        ...style,
-                        padding: '1rem',
-                        borderRadius: '1rem',
-                        display: 'flex',
-                        flexDirection: 'column',
-                        gap: '1rem',
-                    }}
-                >
-                    <h3 style={{ margin: 0 }}>Inside ViewContainer</h3>
-                    <Button text="default Button" />
-                    <Checkbox checked label="Label" />
-                    <TextField value="Example Value" label="Label" labelPlacement="inner" />
-                </ViewContainer>
-            </div>
-        </>
-    );
-};
-
-export const Default: Story = {
-    render: () => {
-        return (
-            <>
-                <ViewExample />
-                <br />
-                <ViewExample view="onDark" />
-                <br />
-                <ViewExample view="onLight" />
-            </>
-        );
-    },
-};

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

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _plasma_b2c = /*#__PURE__*/require("@salutejs/plasma-themes/tokens/plasma_b2c");
-var config = exports.config = {
-  variations: {
-    view: {
-      onDark: /*#__PURE__*/(0, _styledComponents.css)(["", ""], _plasma_b2c.viewContainer.dark),
-      onLight: /*#__PURE__*/(0, _styledComponents.css)(["", ""], _plasma_b2c.viewContainer.light)
-    }
-  }
-};

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

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

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

@@ -1,65 +0,0 @@
-import React, { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { Button } from '../Button/Button';
-import { TextField } from '../Textfield/Textfield';
-import { Checkbox } from '../Checkbox/Checkbox';
-
-import { ViewContainer } from './ViewContainer';
-
-type StoryViewProps = ComponentProps<typeof ViewContainer>;
-
-const meta: Meta<StoryViewProps> = {
-    title: 'plasma_web/ViewContainer',
-};
-
-export default meta;
-
-type Story = StoryObj<StoryViewProps>;
-
-const ViewExample = ({ view }: StoryViewProps) => {
-    const style = view
-        ? {
-              background: view === 'onDark' ? '#1a1a1a' : '#ededed',
-              color: view === 'onDark' ? 'white' : 'black',
-          }
-        : undefined;
-
-    return (
-        <>
-            <h4>view: {view ?? 'default'}</h4>
-            <div>
-                <ViewContainer
-                    view={view}
-                    style={{
-                        ...style,
-                        padding: '1rem',
-                        borderRadius: '1rem',
-                        display: 'flex',
-                        flexDirection: 'column',
-                        gap: '1rem',
-                    }}
-                >
-                    <h3 style={{ margin: 0 }}>Inside ViewContainer</h3>
-                    <Button text="default Button" />
-                    <Checkbox checked label="Label" />
-                    <TextField value="Example Value" label="Label" labelPlacement="inner" />
-                </ViewContainer>
-            </div>
-        </>
-    );
-};
-
-export const Default: Story = {
-    render: () => {
-        return (
-            <>
-                <ViewExample />
-                <br />
-                <ViewExample view="onDark" />
-                <br />
-                <ViewExample view="onLight" />
-            </>
-        );
-    },
-};

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

@@ -1,31 +0,0 @@
-var _excluded = ["children"];
-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; }
-import React, { forwardRef } from 'react';
-import { css } from 'styled-components';
-import { base as viewCSS } from './_view/base';
-var base = /*#__PURE__*/css(["position:relative;"]);
-export var viewContainerRoot = function viewContainerRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (props, ref) {
-    var children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-    return /*#__PURE__*/React.createElement(Root, _extends({
-      ref: ref
-    }, rest), children);
-  });
-};
-export var viewContainerConfig = {
-  name: 'ViewContainer',
-  tag: 'div',
-  layout: viewContainerRoot,
-  base: base,
-  variations: {
-    view: {
-      css: viewCSS
-    }
-  },
-  defaults: {
-    view: undefined
-  }
-};