@salutejs/plasma-new-hope 0.134.0-canary.1361.10613788804.0 → 0.134.0-canary.1361.10617120817.0

package/styled-components/cjs/examples/sds_engineer/components/Panel/Panel.stories.tsx

@@ -1,148 +0,0 @@
-import React, { useState } from 'react';
-import styled from 'styled-components';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { Button } from '../Button/Button';
-import { WithTheme } from '../../../_helpers';
-import { Heading } from '../../../typograpy/components/Heading/Heading';
-import { IconDone } from '../../../../components/_Icon';
-import { ClosePlacementType } from '../../../../components/Panel';
-import { SSRProvider } from '../../../../components/SSRProvider';
-
-import { Panel, PanelContent, PanelFooter, PanelHeader } from './Panel';
-
-export default {
-    title: 'sds_engineer/Panel',
-    decorators: [WithTheme],
-    argTypes: {
-        borderRadius: {
-            options: ['none', 'default'],
-            control: {
-                type: 'select',
-            },
-        },
-        showHeader: {
-            control: {
-                type: 'boolean',
-            },
-            table: { defaultValue: { summary: true } },
-        },
-        showFooter: {
-            control: {
-                type: 'boolean',
-            },
-            table: { defaultValue: { summary: true } },
-        },
-        showActions: {
-            control: {
-                type: 'boolean',
-            },
-            table: { defaultValue: { summary: true } },
-        },
-        closePlacement: {
-            options: ['right', 'left'],
-            control: {
-                type: 'select',
-            },
-            table: { defaultValue: { summary: 'right' } },
-        },
-    },
-} as Meta;
-
-type StoryPanelProps = ComponentProps<typeof Panel> & {
-    showHeader: boolean;
-    showFooter: boolean;
-    showActions: boolean;
-    closePlacement: string;
-    hasCloseArrow: boolean;
-};
-
-const StyledWrapper = styled.div`
-    height: 100%;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-`;
-
-const StyledContentWrapper = styled.div`
-    height: 80%;
-    display: flex;
-    flex-grow: 1;
-`;
-
-const StyledContent = styled.div`
-    background: #f5f5dc;
-    flex-grow: 1;
-    height: 100%;
-`;
-
-const StyledSection = styled.div`
-    background: #808080;
-    min-height: 20%;
-`;
-
-const StyledIconButton = styled(Button)`
-    position: relative;
-    width: 1.5rem;
-    height: 1.5rem;
-`;
-
-const StoryPanelDemo = ({ showHeader, showFooter, showActions, closePlacement, ...rest }: StoryPanelProps) => {
-    const [isOpen, setIsOpen] = useState(false);
-
-    return (
-        <SSRProvider>
-            <StyledWrapper>
-                <StyledSection>
-                    <Button text="Открыть панель" onClick={() => setIsOpen(true)} />
-                </StyledSection>
-                <StyledContentWrapper>
-                    {isOpen && (
-                        <Panel {...rest}>
-                            <PanelHeader
-                                closePlacement={closePlacement as ClosePlacementType}
-                                actions={
-                                    showActions && (
-                                        <StyledIconButton size="s" view="clear">
-                                            <IconDone size="s" />
-                                        </StyledIconButton>
-                                    )
-                                }
-                                onClose={() => setIsOpen(false)}
-                            >
-                                {showHeader && <Heading size="h3">Header</Heading>}
-                            </PanelHeader>
-                            <PanelContent>Content</PanelContent>
-                            {showFooter && (
-                                <PanelFooter>
-                                    <Heading size="h3">Footer</Heading>
-                                </PanelFooter>
-                            )}
-                        </Panel>
-                    )}
-                    <StyledContent>
-                        <Heading style={{ margin: '2rem' }} size="h2">
-                            Some basic content
-                        </Heading>
-                    </StyledContent>
-                </StyledContentWrapper>
-                <StyledSection />
-            </StyledWrapper>
-        </SSRProvider>
-    );
-};
-
-export const PanelDemo: StoryObj<StoryPanelProps> = {
-    args: {
-        showHeader: true,
-        showFooter: true,
-        showActions: true,
-        hasCloseArrow: true,
-        borderRadius: 'none',
-        closePlacement: 'right',
-        width: '30%',
-        height: '100%',
-    },
-    render: (args) => <StoryPanelDemo {...args} />,
-};

package/styled-components/cjs/examples/sds_engineer/components/Popover/Popover.config.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Popover = /*#__PURE__*/require("../../../../components/Popover");
-var config = exports.config = {
-  defaults: {
-    view: 'default'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":1rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", ":0.375rem;", ":0.5625rem;", ":var(--plasma-colors-surface-solid03);"], _Popover.popoverTokens.arrowMaskWidth, _Popover.popoverTokens.arrowMaskHeight, _Popover.popoverTokens.arrowMaskImage, _Popover.popoverTokens.arrowHeight, _Popover.popoverTokens.arrowEdgeMargin, _Popover.popoverTokens.arrowBackground)
-    }
-  }
-};

package/styled-components/cjs/examples/sds_engineer/components/Popover/Popover.js

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

package/styled-components/cjs/examples/sds_engineer/components/Popover/Popover.stories.tsx

@@ -1,117 +0,0 @@
-import React, { useState } from 'react';
-import styled from 'styled-components';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { Button } from '../Button/Button';
-import { WithTheme } from '../../../_helpers';
-
-import { Popover } from './Popover';
-
-const meta: Meta<typeof Popover> = {
-    title: 'sds_engineer/Popover',
-    decorators: [WithTheme],
-    component: Popover,
-    argTypes: {
-        placement: {
-            options: ['top', 'bottom', 'right', 'left', 'auto'],
-            control: {
-                type: 'select',
-            },
-            table: { defaultValue: { summary: 'bottom' } },
-        },
-        trigger: {
-            options: ['click', 'hover'],
-            control: {
-                type: 'select',
-            },
-            table: { defaultValue: { summary: 'click' } },
-        },
-        closeOnOverlayClick: {
-            control: {
-                type: 'boolean',
-            },
-            table: { defaultValue: { summary: true } },
-        },
-        closeOnEsc: {
-            control: {
-                type: 'boolean',
-            },
-            table: { defaultValue: { summary: true } },
-        },
-        isFocusTrapped: {
-            control: {
-                type: 'boolean',
-            },
-            table: { defaultValue: { summary: true } },
-        },
-        skidding: {
-            control: {
-                type: 'number',
-            },
-            table: { defaultValue: { summary: 0 } },
-        },
-        distance: {
-            control: {
-                type: 'number',
-            },
-            table: { defaultValue: { summary: 8 } },
-        },
-    },
-    args: {
-        placement: 'bottom',
-        trigger: 'click',
-        closeOnOverlayClick: true,
-        closeOnEsc: true,
-        isFocusTrapped: true,
-        skidding: 0,
-        distance: 8,
-    },
-};
-
-export default meta;
-
-type StoryPopoverProps = ComponentProps<typeof Popover> & {
-    skidding?: number;
-    distance?: number;
-};
-
-const StyledContent = styled.div`
-    background: var(--plasma-colors-surface-solid03);
-    padding: 1rem;
-    border-radius: 0.5rem;
-
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-`;
-
-const StoryDefault = (args: StoryPopoverProps) => {
-    const { skidding = 0, distance = 8 } = args;
-
-    const [isOpen, setIsOpen] = useState(false);
-
-    return (
-        <Popover
-            opened={isOpen}
-            onToggle={(is) => setIsOpen(is)}
-            frame="theme-root"
-            usePortal={false}
-            role="presentation"
-            id="popover"
-            target={<Button>Target</Button>}
-            hasArrow
-            offset={[skidding, distance]}
-            {...args}
-        >
-            <StyledContent>
-                <>Content</>
-                <Button onClick={() => setIsOpen(false)}>Close</Button>
-            </StyledContent>
-        </Popover>
-    );
-};
-
-export const Default: StoryObj<StoryPopoverProps> = {
-    render: (args) => <StoryDefault {...args} />,
-};

package/styled-components/cjs/examples/sds_engineer/components/Popup/Popup.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Popup = void 0;
-Object.defineProperty(exports, "PopupProvider", {
-  enumerable: true,
-  get: function get() {
-    return _Popup.PopupProvider;
-  }
-});
-Object.defineProperty(exports, "popupClasses", {
-  enumerable: true,
-  get: function get() {
-    return _Popup.popupClasses;
-  }
-});
-Object.defineProperty(exports, "usePopupContext", {
-  enumerable: true,
-  get: function get() {
-    return _Popup.usePopupContext;
-  }
-});
-var _Popup = /*#__PURE__*/require("../../../../components/Popup");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Popup.popupConfig);
-var Popup = exports.Popup = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/sds_engineer/components/Popup/Popup.stories.tsx

@@ -1,179 +0,0 @@
-import React, { useState, useRef } from 'react';
-import type { ComponentProps } from 'react';
-import styled from 'styled-components';
-import type { StoryObj, Meta } from '@storybook/react';
-import { SSRProvider } from '@salutejs/plasma-core';
-
-import { Button } from '../Button/Button';
-import { WithTheme } from '../../../_helpers';
-
-import { Popup, popupClasses, PopupProvider } from './Popup';
-
-const meta: Meta<typeof Popup> = {
-    title: 'sds_engineer/Popup',
-    decorators: [WithTheme],
-    argTypes: {
-        placement: {
-            options: [
-                'center',
-                'top',
-                'bottom',
-                'right',
-                'left',
-                'top-right',
-                'top-left',
-                'bottom-right',
-                'bottom-left',
-            ],
-            control: {
-                type: 'select',
-            },
-            table: { defaultValue: { summary: 'center' } },
-        },
-        offsetX: {
-            control: {
-                type: 'number',
-            },
-            table: { defaultValue: { summary: 0 } },
-        },
-        offsetY: {
-            control: {
-                type: 'number',
-            },
-            table: { defaultValue: { summary: 0 } },
-        },
-    },
-};
-
-export default meta;
-
-type StoryPopupProps = ComponentProps<typeof Popup> & { placement: string; offsetX: number; offsetY: number };
-
-const StyledButton = styled(Button)`
-    margin-top: 1rem;
-    width: 15rem;
-`;
-
-const StyledWrapper = styled.div`
-    height: 1200px;
-`;
-
-const OtherContent = styled.div`
-    width: 50%;
-    height: 50%;
-    background: var(--plasma-colors-surface-solid03);
-    position: absolute;
-
-    display: flex;
-    align-items: flex-start;
-    justify-content: center;
-    padding: 1rem;
-
-    top: 10rem;
-    right: 0;
-`;
-
-const Content = styled.div`
-    background: var(--plasma-colors-surface-solid02);
-    padding: 1rem;
-`;
-
-const StyledPopupAnimation = styled(Popup)`
-    && > .${popupClasses.root} {
-        animation: fadeIn 1s forwards;
-    }
-
-    &&.${popupClasses.endAnimation} > .${popupClasses.root} {
-        animation: fadeOut 1s forwards;
-    }
-
-    @keyframes fadeIn {
-        from {
-            opacity: 0;
-        }
-
-        to {
-            opacity: 1;
-        }
-    }
-
-    @keyframes fadeOut {
-        from {
-            opacity: 1;
-        }
-
-        to {
-            opacity: 0;
-        }
-    }
-`;
-
-const StyledPopupTransition = styled(Popup)`
-    && > .${popupClasses.root} {
-        opacity: 1;
-        transition: opacity 0.5s 0.1s;
-    }
-
-    &&.${popupClasses.endTransition} > .${popupClasses.root} {
-        opacity: 0;
-        transition: opacity 0.5s 0.1s;
-    }
-`;
-
-const StoryPopupDemo = ({ placement, offsetX, offsetY }: StoryPopupProps) => {
-    const [isOpenA, setIsOpenA] = useState(false);
-    const [isOpenB, setIsOpenB] = useState(false);
-
-    const ref = useRef<HTMLDivElement>(null);
-
-    return (
-        <SSRProvider>
-            <StyledWrapper>
-                <PopupProvider>
-                    <div style={{ display: 'flex', flexDirection: 'column' }}>
-                        <StyledButton text="Открыть в document" onClick={() => setIsOpenB(true)} />
-                        <StyledButton text="Открыть во Frame" onClick={() => setIsOpenA(true)} />
-                    </div>
-                    <StyledPopupAnimation
-                        id="popupA"
-                        frame={ref}
-                        withAnimation
-                        opened={isOpenA}
-                        placement={placement}
-                        offset={[offsetX, offsetY]}
-                    >
-                        <Content>
-                            <Button onClick={() => setIsOpenA(false)}>Close</Button>
-                            <>Content</>
-                        </Content>
-                    </StyledPopupAnimation>
-                    <OtherContent ref={ref}>
-                        <>Frame</>
-                    </OtherContent>
-                    <StyledPopupTransition
-                        id="popupB"
-                        frame="theme-root"
-                        withAnimation
-                        opened={isOpenB}
-                        placement={placement}
-                        offset={[offsetX, offsetY]}
-                    >
-                        <Content>
-                            <Button onClick={() => setIsOpenB(false)}>Close</Button>
-                            <>Content</>
-                        </Content>
-                    </StyledPopupTransition>
-                </PopupProvider>
-            </StyledWrapper>
-        </SSRProvider>
-    );
-};
-
-export const PopupDemo: StoryObj<StoryPopupProps> = {
-    args: {
-        placement: 'center',
-        offsetX: 0,
-        offsetY: 0,
-    },
-    render: (args) => <StoryPopupDemo {...args} />,
-};

package/styled-components/cjs/examples/sds_engineer/components/Progress/Progress.config.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Progress = /*#__PURE__*/require("../../../../components/Progress");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--text-tertiary);"], _Progress.progressTokens.trackBackgroundColor, _Progress.progressTokens.progressFilledBackgroundColor, _Progress.progressTokens.valueColor),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":var(--surface-solid-tertiary);", ":var(--text-tertiary);"], _Progress.progressTokens.trackBackgroundColor, _Progress.progressTokens.progressFilledBackgroundColor, _Progress.progressTokens.valueColor),
-      primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--text-tertiary);"], _Progress.progressTokens.trackBackgroundColor, _Progress.progressTokens.progressFilledBackgroundColor, _Progress.progressTokens.valueColor),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":var(--surface-accent-gradient);", ":var(--text-tertiary);"], _Progress.progressTokens.trackBackgroundColor, _Progress.progressTokens.progressFilledBackgroundColor, _Progress.progressTokens.valueColor),
-      success: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":var(--surface-positive);", ":var(--text-tertiary);"], _Progress.progressTokens.trackBackgroundColor, _Progress.progressTokens.progressFilledBackgroundColor, _Progress.progressTokens.valueColor),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":var(--surface-warning);", ":var(--text-tertiary);"], _Progress.progressTokens.trackBackgroundColor, _Progress.progressTokens.progressFilledBackgroundColor, _Progress.progressTokens.valueColor),
-      error: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);"], _Progress.progressTokens.trackBackgroundColor, _Progress.progressTokens.progressFilledBackgroundColor, _Progress.progressTokens.valueColor)
-    },
-    size: {
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.25rem;", ":0.125rem;", ":0.375rem;", ":0.375rem;", ":0.5rem;"], _Progress.progressTokens.trackHeight, _Progress.progressTokens.trackBorderRadius, _Progress.progressTokens.progressFilledHeight, _Progress.progressTokens.progressFilledBorderRadius, _Progress.progressTokens.valueMarginLeft)
-    }
-  }
-};

package/styled-components/cjs/examples/sds_engineer/components/Progress/Progress.js

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

package/styled-components/cjs/examples/sds_engineer/components/Progress/Progress.stories.tsx

@@ -1,33 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { WithTheme } from '../../../_helpers';
-
-import { Progress } from './Progress';
-
-const views = ['default', 'secondary', 'primary', 'accent', 'success', 'warning', 'error'];
-
-const meta: Meta<typeof Progress> = {
-    title: 'sds_engineer/Progress',
-    component: Progress,
-    decorators: [WithTheme],
-    argTypes: {
-        view: {
-            options: views,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-};
-
-export default meta;
-
-export const Default: StoryObj<ComponentProps<typeof Progress>> = {
-    args: {
-        value: 25,
-        view: 'default',
-        displayValue: true,
-    },
-};

package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Radiobox = /*#__PURE__*/require("../../../../components/Radiobox");
-var config = exports.config = {
-  defaults: {
-    view: 'accent',
-    focused: 'true'
-  },
-  variations: {
-    /**
-     * Размер контрола.
-     */
-    size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0;", ":1rem;", ":1.125rem;", ":0.5rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerMargin, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;", ":0.063rem;", ":1.375rem;", ":1.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _Radiobox.radioboxTokens.margin, _Radiobox.radioboxTokens.triggerMargin, _Radiobox.radioboxTokens.triggerSize, _Radiobox.radioboxTokens.triggerBorderRadius, _Radiobox.radioboxTokens.ellipseSize, _Radiobox.radioboxTokens.contentTopOffset, _Radiobox.radioboxTokens.contentLeftOffset, _Radiobox.radioboxTokens.labelFontFamily, _Radiobox.radioboxTokens.labelFontSize, _Radiobox.radioboxTokens.labelFontStyle, _Radiobox.radioboxTokens.labelFontWeight, _Radiobox.radioboxTokens.labelLetterSpacing, _Radiobox.radioboxTokens.labelLineHeight, _Radiobox.radioboxTokens.descriptionFontFamily, _Radiobox.radioboxTokens.descriptionMarginTop, _Radiobox.radioboxTokens.descriptionFontSize, _Radiobox.radioboxTokens.descriptionFontStyle, _Radiobox.radioboxTokens.descriptionFontWeight, _Radiobox.radioboxTokens.descriptionLetterSpacing, _Radiobox.radioboxTokens.descriptionLineHeight)
-    },
-    /**
-     * Вид контрола.
-     */
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
-      tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
-      paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary);"], _Radiobox.radioboxTokens.fillColor, _Radiobox.radioboxTokens.ellipseColor, _Radiobox.radioboxTokens.descriptionColor, _Radiobox.radioboxTokens.triggerBackgroundColor, _Radiobox.radioboxTokens.triggerBorderColor)
-    },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Radiobox.radioboxTokens.disabledOpacity)
-    },
-    focused: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);"], _Radiobox.radioboxTokens.focusColor)
-    }
-  }
-};

package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.js

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