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

package/styled-components/es/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/es/components/ViewContainer/_view/base.js

@@ -1,2 +0,0 @@
-import { css } from 'styled-components';
-export var base = /*#__PURE__*/css([""]);

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

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

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

@@ -1 +0,0 @@
-export { viewContainerRoot, viewContainerConfig } from './ViewContainer';

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

@@ -1,10 +0,0 @@
-import { css } from 'styled-components';
-import { viewContainer } from '@salutejs/plasma-themes/tokens/plasma_b2c';
-export var config = {
-  variations: {
-    view: {
-      onDark: /*#__PURE__*/css(["", ""], viewContainer.dark),
-      onLight: /*#__PURE__*/css(["", ""], viewContainer.light)
-    }
-  }
-};

package/styled-components/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/styled-components/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/styled-components/es/examples/plasma_web/components/ViewContainer/ViewContainer.config.js

@@ -1,10 +0,0 @@
-import { css } from 'styled-components';
-import { viewContainer } from '@salutejs/plasma-themes/tokens/plasma_b2c';
-export var config = {
-  variations: {
-    view: {
-      onDark: /*#__PURE__*/css(["", ""], viewContainer.dark),
-      onLight: /*#__PURE__*/css(["", ""], viewContainer.light)
-    }
-  }
-};

package/styled-components/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/styled-components/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/types/components/ViewContainer/ViewContainer.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import type { RootProps } from '../../engines/types';
-export declare type ViewContainerCustomProps = {
-    /**
-     * Вид компонента
-     */
-    view?: string;
-};
-declare type ViewContainerProps = React.HTMLAttributes<HTMLDivElement> & ViewContainerCustomProps;
-export declare const viewContainerRoot: (Root: RootProps<HTMLAnchorElement, ViewContainerProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & ViewContainerCustomProps & React.RefAttributes<HTMLAnchorElement>>;
-export declare const viewContainerConfig: {
-    name: string;
-    tag: string;
-    layout: (Root: RootProps<HTMLAnchorElement, ViewContainerProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & ViewContainerCustomProps & React.RefAttributes<HTMLAnchorElement>>;
-    base: import("@linaria/core").LinariaClassName;
-    variations: {
-        view: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-    };
-    defaults: {
-        view: undefined;
-    };
-};
-export {};
-//# sourceMappingURL=ViewContainer.d.ts.map

package/types/components/ViewContainer/ViewContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewContainer.d.ts","sourceRoot":"","sources":["../../../src/components/ViewContainer/ViewContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQrD,oBAAY,wBAAwB,GAAG;IACnC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,aAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,wBAAwB,CAAC;AAE1F,eAAO,MAAM,iBAAiB,SAAU,UAAU,iBAAiB,EAAE,kBAAkB,CAAC,8IASlF,CAAC;AAEP,eAAO,MAAM,mBAAmB;;;mBAXQ,UAAU,iBAAiB,EAAE,kBAAkB,CAAC;;;;;;;;;;CAwBvF,CAAC"}

package/types/components/ViewContainer/_view/base.d.ts

@@ -1,2 +0,0 @@
-export declare const base: import("@linaria/core").LinariaClassName;
-//# sourceMappingURL=base.d.ts.map

package/types/components/ViewContainer/_view/base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/ViewContainer/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}

package/types/components/ViewContainer/index.d.ts

@@ -1,2 +0,0 @@
-export { viewContainerRoot, viewContainerConfig } from './ViewContainer';
-//# sourceMappingURL=index.d.ts.map

package/types/components/ViewContainer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ViewContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}

package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts

@@ -1,9 +0,0 @@
-export declare const config: {
-    variations: {
-        view: {
-            onDark: import("@linaria/core").LinariaClassName;
-            onLight: import("@linaria/core").LinariaClassName;
-        };
-    };
-};
-//# sourceMappingURL=ViewContainer.config.d.ts.map

package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewContainer.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/ViewContainer/ViewContainer.config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;;;;;;CAWlB,CAAC"}

package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const ViewContainer: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
-    view: {
-        onDark: import("@linaria/core").LinariaClassName;
-        onLight: import("@linaria/core").LinariaClassName;
-    };
-}> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/ViewContainer/ViewContainer").ViewContainerCustomProps & import("react").RefAttributes<HTMLAnchorElement>>;
-//# sourceMappingURL=ViewContainer.d.ts.map

package/types/examples/plasma_b2c/components/ViewContainer/ViewContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewContainer.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/ViewContainer/ViewContainer.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,aAAa;;;;;+LAA0B,CAAC"}

package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts

@@ -1,9 +0,0 @@
-export declare const config: {
-    variations: {
-        view: {
-            onDark: import("@linaria/core").LinariaClassName;
-            onLight: import("@linaria/core").LinariaClassName;
-        };
-    };
-};
-//# sourceMappingURL=ViewContainer.config.d.ts.map

package/types/examples/plasma_web/components/ViewContainer/ViewContainer.config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewContainer.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/ViewContainer/ViewContainer.config.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;;;;;;CAWlB,CAAC"}

package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const ViewContainer: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
-    view: {
-        onDark: import("@linaria/core").LinariaClassName;
-        onLight: import("@linaria/core").LinariaClassName;
-    };
-}> & import("react").HTMLAttributes<HTMLDivElement> & import("../../../../components/ViewContainer/ViewContainer").ViewContainerCustomProps & import("react").RefAttributes<HTMLAnchorElement>>;
-//# sourceMappingURL=ViewContainer.d.ts.map

package/types/examples/plasma_web/components/ViewContainer/ViewContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewContainer.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/ViewContainer/ViewContainer.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,aAAa;;;;;+LAA0B,CAAC"}