@salutejs/plasma-new-hope 0.134.0-canary.1404.10612716409.0 → 0.134.0-canary.1404.10629008038.0

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

@@ -1,134 +0,0 @@
-import React, { useState } from 'react';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-
-import { RadioGroup, radioboxConfig } from '../../../../components/Radiobox';
-import { mergeConfig } from '../../../../engines';
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
-import { Link } from '../Link/Link';
-
-import { config } from './Radiobox.config';
-import { Radiobox } from './Radiobox';
-
-const onChange = action('onChange');
-const onFocus = action('onFocus');
-const onBlur = action('onBlur');
-
-const meta: Meta<typeof Radiobox> = {
-    title: 'sds_engineer/Radiobox',
-    decorators: [WithTheme],
-    component: Radiobox,
-    argTypes: argTypesFromConfig(mergeConfig(radioboxConfig, config)),
-    args: {
-        view: 'accent',
-        size: 'm',
-        disabled: false,
-        focused: true,
-    },
-};
-
-export default meta;
-
-type RadioboxProps = ComponentProps<typeof Radiobox>;
-
-const langName = 'language';
-
-const items = [
-    {
-        langName,
-        value: 'c',
-        label: 'C',
-        disabled: false,
-        description: (
-            <div>
-                A general-purpose, procedural computer programming <Link href="/#">language</Link>{' '}
-            </div>
-        ),
-    },
-    { langName, value: 'cpp', label: 'C++', disabled: false },
-    { langName, value: 'assembly', label: 'Assembly', disabled: false },
-    { langName, value: 'elixir', label: 'Elixir', disabled: true },
-];
-
-const StoryDefault = (props: RadioboxProps) => {
-    const value = 0;
-    const [checked, setChecked] = useState(true);
-
-    return (
-        <>
-            <Radiobox
-                name="item.name"
-                value={value}
-                singleLine
-                label="Label"
-                description="Description"
-                checked={checked}
-                onChange={(event) => {
-                    event.persist();
-
-                    setChecked(event.target.checked);
-                    onChange(event);
-                }}
-                onFocus={onFocus}
-                onBlur={onBlur}
-                {...props}
-            />
-            <Radiobox
-                name="item.name"
-                value={value}
-                singleLine
-                label="Label looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonger"
-                description="Description looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonger"
-                checked={checked}
-                onChange={(event) => {
-                    event.persist();
-
-                    setChecked(event.target.checked);
-                    onChange(event);
-                }}
-                onFocus={onFocus}
-                onBlur={onBlur}
-                {...props}
-            />
-        </>
-    );
-};
-
-export const Default: StoryObj<RadioboxProps> = {
-    render: (args) => <StoryDefault {...args} />,
-};
-
-const StoryComplex = (props: RadioboxProps) => {
-    const [value, setValue] = useState('c');
-
-    return (
-        <RadioGroup>
-            <div id="radiogroup-title-id" style={{ margin: '1rem 0', fontWeight: '600' }}>
-                Radiogroup Title
-            </div>
-            {items.map((item) => (
-                <Radiobox
-                    key={item.value}
-                    name={item.langName}
-                    value={item.value}
-                    label={item.label}
-                    disabled={item.disabled}
-                    checked={value[item.value]}
-                    description={item.description}
-                    onChange={(event) => {
-                        setValue(item.value);
-                        onChange(event);
-                    }}
-                    onFocus={onFocus}
-                    onBlur={onBlur}
-                    {...props}
-                />
-            ))}
-        </RadioGroup>
-    );
-};
-
-export const Complex: StoryObj<RadioboxProps> = {
-    render: (args) => <StoryComplex {...args} />,
-};

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

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SegmentItem = exports.SegmentGroup = void 0;
-var _Segment = /*#__PURE__*/require("../../../../components/Segment");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _SegmentGroup = /*#__PURE__*/require("./SegmentGroup.config");
-var _SegmentItem = /*#__PURE__*/require("./SegmentItem.config");
-var mergedSegmentGroupConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Segment.segmentGroupConfig, _SegmentGroup.config);
-var mergedSegmentItemConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Segment.segmentItemConfig, _SegmentItem.config);
-var SegmentGroup = exports.SegmentGroup = /*#__PURE__*/(0, _engines.component)(mergedSegmentGroupConfig);
-var SegmentItem = exports.SegmentItem = /*#__PURE__*/(0, _engines.component)(mergedSegmentItemConfig);

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

@@ -1,95 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { segmentGroupConfig } from '../../../../components/Segment';
-import { mergeConfig } from '../../../../engines';
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
-import { SegmentProvider } from '../../../../components/Segment/SegmentProvider';
-
-import { config } from './SegmentGroup.config';
-import { SegmentItem, SegmentGroup } from './Segment';
-
-const segmentItemViews = ['clear', 'default', 'secondary'];
-
-type CustomStorySegmentProps = {
-    segmentItemView?: string;
-    contentItemsNumber?: number;
-};
-
-type StorySegmentProps = ComponentProps<typeof SegmentGroup> & CustomStorySegmentProps;
-
-const meta: Meta<StorySegmentProps> = {
-    title: 'sds_engineer/Segment',
-    decorators: [WithTheme],
-    component: SegmentGroup,
-    argTypes: {
-        ...argTypesFromConfig(mergeConfig(segmentGroupConfig, config)),
-        selectionMode: {
-            options: ['single', 'multiple'],
-            control: {
-                type: 'select',
-            },
-        },
-        segmentItemView: {
-            options: segmentItemViews,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-};
-
-export default meta;
-
-const StoryDefault = ({ contentItemsNumber, selectionMode, segmentItemView, view, ...args }: StorySegmentProps) => {
-    const contentItems = Array(contentItemsNumber).fill(0);
-
-    return (
-        <>
-            <h3>Segment with auto width</h3>
-            <SegmentProvider>
-                <SegmentGroup view={view} selectionMode={selectionMode} {...args}>
-                    {contentItems.map((_, i) => (
-                        <SegmentItem
-                            view={segmentItemView}
-                            label={`Label ${i}`}
-                            value={`label_${i}`}
-                            key={`label_${i}`}
-                            {...args}
-                        />
-                    ))}
-                </SegmentGroup>
-            </SegmentProvider>
-
-            <h3>Segment with fixed width</h3>
-            <SegmentProvider>
-                <SegmentGroup view={view} style={{ width: '28.5rem' }} selectionMode={selectionMode} {...args}>
-                    {contentItems.map((_, i) => (
-                        <SegmentItem
-                            view={segmentItemView}
-                            label={`Label ${i}`}
-                            value={`label_${i}`}
-                            key={`label_${i}`}
-                            {...args}
-                        />
-                    ))}
-                </SegmentGroup>
-            </SegmentProvider>
-        </>
-    );
-};
-
-export const Default: StoryObj<StorySegmentProps> = {
-    args: {
-        view: 'clear',
-        size: 'xs',
-        segmentItemView: 'clear',
-        selectionMode: 'single',
-        contentItemsNumber: 11,
-        pilled: false,
-        filledBackground: false,
-        disabled: false,
-    },
-    render: (args) => <StoryDefault {...args} />,
-};

package/styled-components/cjs/examples/sds_engineer/components/Segment/SegmentGroup.config.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Segment = /*#__PURE__*/require("../../../../components/Segment");
-var config = exports.config = {
-  defaults: {
-    view: 'clear',
-    size: 'xs'
-  },
-  variations: {
-    view: {
-      clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":tranparent;", ":var(--plasma-colors-button-focused);"], _Segment.segmentTokens.arrowColor, _Segment.segmentTokens.groupBackgroundColor, _Segment.segmentTokens.outlineFocusColor),
-      filled: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--plasma-colors-button-focused);"], _Segment.segmentTokens.arrowColor, _Segment.segmentTokens.groupBackgroundColor, _Segment.segmentTokens.outlineFocusColor)
-    },
-    size: {
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":auto;", ":auto;"], _Segment.segmentTokens.groupBorderRadius, _Segment.segmentTokens.groupWidth, _Segment.segmentTokens.groupHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":auto;", ":auto;"], _Segment.segmentTokens.groupBorderRadius, _Segment.segmentTokens.groupWidth, _Segment.segmentTokens.groupHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":auto;", ":auto;"], _Segment.segmentTokens.groupBorderRadius, _Segment.segmentTokens.groupWidth, _Segment.segmentTokens.groupHeight),
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":auto;", ":auto;"], _Segment.segmentTokens.groupBorderRadius, _Segment.segmentTokens.groupWidth, _Segment.segmentTokens.groupHeight)
-    },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Segment.segmentTokens.disabledOpacity)
-    },
-    pilled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":1.75rem;"], _Segment.segmentTokens.groupPilledBorderRadius)
-    },
-    filledBackground: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-colors-surface-liquid02);"], _Segment.segmentTokens.groupFilledBackgroundColor)
-    }
-  }
-};

package/styled-components/cjs/examples/sds_engineer/components/Segment/SegmentItem.config.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Segment = /*#__PURE__*/require("../../../../components/Segment");
-var config = exports.config = {
-  defaults: {
-    view: 'clear',
-    size: 'xs'
-  },
-  variations: {
-    view: {
-      clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--plasma-colors-button-focused);"], _Segment.segmentTokens.itemColor, _Segment.segmentTokens.itemBackgroundColor, _Segment.segmentTokens.itemColorHover, _Segment.segmentTokens.itemBackgroundColorHover, _Segment.segmentTokens.itemSelectedColor, _Segment.segmentTokens.itemSelectedBackgroundColor, _Segment.segmentTokens.itemSelectedColorHover, _Segment.segmentTokens.itemSelectedBackgroundColorHover, _Segment.segmentTokens.outlineFocusColor),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--plasma-colors-button-focused);"], _Segment.segmentTokens.itemColor, _Segment.segmentTokens.itemBackgroundColor, _Segment.segmentTokens.itemColorHover, _Segment.segmentTokens.itemBackgroundColorHover, _Segment.segmentTokens.itemSelectedColor, _Segment.segmentTokens.itemSelectedBackgroundColor, _Segment.segmentTokens.itemSelectedColorHover, _Segment.segmentTokens.itemSelectedBackgroundColorHover, _Segment.segmentTokens.outlineFocusColor),
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--plasma-colors-button-focused);"], _Segment.segmentTokens.itemColor, _Segment.segmentTokens.itemBackgroundColor, _Segment.segmentTokens.itemColorHover, _Segment.segmentTokens.itemBackgroundColorHover, _Segment.segmentTokens.itemSelectedColor, _Segment.segmentTokens.itemSelectedBackgroundColor, _Segment.segmentTokens.itemSelectedColorHover, _Segment.segmentTokens.itemSelectedBackgroundColorHover, _Segment.segmentTokens.outlineFocusColor)
-    },
-    size: {
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.375rem;", ":auto;", ":1.5rem;", ":0 0.625rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":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);"], _Segment.segmentTokens.itemBorderRadius, _Segment.segmentTokens.itemWidth, _Segment.segmentTokens.itemHeight, _Segment.segmentTokens.itemPadding, _Segment.segmentTokens.itemMarginLeft, _Segment.segmentTokens.fontFamily, _Segment.segmentTokens.fontSize, _Segment.segmentTokens.fontStyle, _Segment.segmentTokens.fontWeight, _Segment.segmentTokens.letterSpacing, _Segment.segmentTokens.lineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":auto;", ":2rem;", ":0 0.75rem;", ":0.125rem;", ":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);"], _Segment.segmentTokens.itemBorderRadius, _Segment.segmentTokens.itemWidth, _Segment.segmentTokens.itemHeight, _Segment.segmentTokens.itemPadding, _Segment.segmentTokens.itemMarginLeft, _Segment.segmentTokens.fontFamily, _Segment.segmentTokens.fontSize, _Segment.segmentTokens.fontStyle, _Segment.segmentTokens.fontWeight, _Segment.segmentTokens.letterSpacing, _Segment.segmentTokens.lineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":auto;", ":2.5rem;", ":0 0.875rem;", ":0.125rem;", ":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);"], _Segment.segmentTokens.itemBorderRadius, _Segment.segmentTokens.itemWidth, _Segment.segmentTokens.itemHeight, _Segment.segmentTokens.itemPadding, _Segment.segmentTokens.itemMarginLeft, _Segment.segmentTokens.fontFamily, _Segment.segmentTokens.fontSize, _Segment.segmentTokens.fontStyle, _Segment.segmentTokens.fontWeight, _Segment.segmentTokens.letterSpacing, _Segment.segmentTokens.lineHeight),
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":auto;", ":3rem;", ":0 1rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _Segment.segmentTokens.itemBorderRadius, _Segment.segmentTokens.itemWidth, _Segment.segmentTokens.itemHeight, _Segment.segmentTokens.itemPadding, _Segment.segmentTokens.itemMarginLeft, _Segment.segmentTokens.fontFamily, _Segment.segmentTokens.fontSize, _Segment.segmentTokens.fontStyle, _Segment.segmentTokens.fontWeight, _Segment.segmentTokens.letterSpacing, _Segment.segmentTokens.lineHeight)
-    },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Segment.segmentTokens.disabledOpacity)
-    },
-    pilled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;"], _Segment.segmentTokens.itemPilledBorderRadius)
-    }
-  }
-};

package/styled-components/cjs/examples/sds_engineer/components/Skeleton/LineSkeleton.config.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Skeleton = /*#__PURE__*/require("../../../../components/Skeleton");
-var config = exports.config = {
-  defaults: {
-    size: 'bodyM'
-  },
-  variations: {
-    size: {
-      bodyL: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-size);"], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
-      bodyM: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-size);"], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
-      bodyS: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-size);"], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
-      bodyXS: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-size);"], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
-      bodyXXS: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-xxs-line-height);", ":var(--plasma-typo-body-xxs-font-size);"], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
-      dsplL: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-dspl-l-line-height);", ":var(--plasma-typo-dspl-l-font-size);"], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
-      dsplM: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-dspl-m-line-height);", ":var(--plasma-typo-dspl-m-font-size);"], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
-      dsplS: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-dspl-s-line-height);", ":var(--plasma-typo-dspl-s-font-size);"], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
-      h1: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h1-line-height);", ":var(--plasma-typo-h1-font-size);"], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
-      h2: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h2-line-height);", ":var(--plasma-typo-h2-font-size);"], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
-      h3: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h3-line-height);", ":var(--plasma-typo-h3-font-size);"], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
-      h4: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-size);"], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
-      h5: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-h5-line-height);", ":var(--plasma-typo-h5-font-size);"], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
-      textL: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-l-line-height);", ":var(--plasma-typo-text-l-font-size);"], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
-      textM: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-m-line-height);", ":var(--plasma-typo-text-m-font-size);"], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
-      textS: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-s-line-height);", ":var(--plasma-typo-text-s-font-size);"], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight),
-      textXS: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-text-xs-line-height);", ":var(--plasma-typo-text-xs-font-size);"], _Skeleton.skeletonTokens.lineHeight, _Skeleton.skeletonTokens.visibleLineHeight)
-    }
-  }
-};

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

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LineSkeleton = void 0;
-Object.defineProperty(exports, "RectSkeleton", {
-  enumerable: true,
-  get: function get() {
-    return _Skeleton.RectSkeleton;
-  }
-});
-exports.TextSkeleton = void 0;
-Object.defineProperty(exports, "withSkeleton", {
-  enumerable: true,
-  get: function get() {
-    return _Skeleton.withSkeleton;
-  }
-});
-var _Skeleton = /*#__PURE__*/require("../../../../components/Skeleton");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _LineSkeleton = /*#__PURE__*/require("./LineSkeleton.config");
-var mergedLineSkeletonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Skeleton.lineSkeletonConfig, _LineSkeleton.config);
-var LineSkeleton = exports.LineSkeleton = /*#__PURE__*/(0, _engines.component)(mergedLineSkeletonConfig);
-var TextSkeleton = exports.TextSkeleton = /*#__PURE__*/(0, _Skeleton.textSkeleton)(LineSkeleton);

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

@@ -1,90 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
-import { mergeConfig } from '../../../../engines';
-import { lineSkeletonConfig } from '../../../../components/Skeleton';
-import type { WithSkeletonProps } from '../../../../components/Skeleton';
-import { radiuses } from '../../../../mixins';
-import { Button as BasicButton } from '../Button/Button';
-
-import { config as lineSkeletonCustomConfig } from './LineSkeleton.config';
-import { LineSkeleton, TextSkeleton, RectSkeleton, withSkeleton } from './Skeleton';
-
-type StoryLineSkeletonProps = ComponentProps<typeof LineSkeleton>;
-type StoryTextSkeletonProps = ComponentProps<typeof TextSkeleton>;
-type StoryRectSkeletonProps = ComponentProps<typeof RectSkeleton>;
-type BasicButtonProps = ComponentProps<typeof BasicButton>;
-
-const meta: Meta = {
-    title: 'sds_engineer/Skeleton',
-    decorators: [WithTheme],
-};
-
-export default meta;
-
-const roundnessKeys = Object.keys(radiuses).map((r) => String(r));
-
-const Default: StoryObj = {
-    argTypes: {
-        roundness: {
-            options: roundnessKeys,
-            control: {
-                type: 'select',
-            },
-        },
-    },
-    args: {
-        roundness: '16',
-        customGradientColor: '',
-        lighter: false,
-    },
-};
-
-export const Line: StoryObj<StoryLineSkeletonProps> = {
-    argTypes: {
-        ...argTypesFromConfig(mergeConfig(lineSkeletonConfig, lineSkeletonCustomConfig)),
-        ...Default.argTypes,
-    },
-    args: {
-        size: 'bodyM',
-        ...Default.args,
-    },
-    render: (args) => <LineSkeleton {...args} />,
-};
-
-export const Text: StoryObj<StoryTextSkeletonProps> = {
-    argTypes: {
-        ...argTypesFromConfig(mergeConfig(lineSkeletonConfig, lineSkeletonCustomConfig)),
-        ...Default.argTypes,
-    },
-    args: {
-        size: 'bodyM',
-        lines: 5,
-        width: '',
-        ...Default.args,
-    },
-    render: (args) => <TextSkeleton {...args} />,
-};
-
-export const Rect: StoryObj<StoryRectSkeletonProps> = {
-    argTypes: {
-        ...Default.argTypes,
-    },
-    args: {
-        width: '4rem',
-        height: '4rem',
-        ...Default.args,
-    },
-    render: (args) => <RectSkeleton {...args} />,
-};
-
-const ButtonSkeleton = withSkeleton<BasicButtonProps & WithSkeletonProps>(BasicButton);
-
-export const Button: StoryObj = {
-    args: {
-        skeleton: true,
-    },
-    render: (args) => <ButtonSkeleton view="default" text="test" {...args} />,
-};

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

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Spinner = /*#__PURE__*/require("../../../../components/Spinner");
-var config = exports.config = {
-  defaults: {
-    view: 'accent',
-    size: 'm'
-  },
-  variations: {
-    size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":16px;"], _Spinner.spinnerTokens.size),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":24px;"], _Spinner.spinnerTokens.size),
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":36px;"], _Spinner.spinnerTokens.size)
-    },
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);"], _Spinner.spinnerTokens.color),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);"], _Spinner.spinnerTokens.color),
-      tertiary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-tertiary);"], _Spinner.spinnerTokens.color),
-      paragraph: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-paragraph);"], _Spinner.spinnerTokens.color),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);"], _Spinner.spinnerTokens.color),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-positive);"], _Spinner.spinnerTokens.color),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-warning);"], _Spinner.spinnerTokens.color),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-negative);"], _Spinner.spinnerTokens.color)
-    }
-  }
-};

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

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

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

@@ -1,53 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { spinnerConfig } from '../../../../components/Spinner';
-import { mergeConfig } from '../../../../engines';
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
-
-import { config } from './Spinner.config';
-import { Spinner } from './Spinner';
-
-const meta: Meta<typeof Spinner> = {
-    title: 'sds_engineer/Spinner',
-    decorators: [WithTheme],
-    component: Spinner,
-};
-
-export default meta;
-
-type Story = StoryObj<ComponentProps<typeof Spinner>>;
-
-const mergedConfig = mergeConfig(spinnerConfig, config);
-
-export const Default: Story = {
-    argTypes: {
-        ...argTypesFromConfig(mergedConfig),
-    },
-    args: {
-        view: 'accent',
-        size: 'm',
-    },
-};
-
-export const CustomSize: Story = {
-    argTypes: {
-        ...argTypesFromConfig(mergedConfig, ['size']),
-        width: {
-            control: {
-                type: 'text',
-            },
-        },
-        height: {
-            control: {
-                type: 'text',
-            },
-        },
-    },
-    args: {
-        width: '100px',
-        height: '100px',
-        view: 'accent',
-    },
-};

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

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Switch = /*#__PURE__*/require("../../../../components/Switch");
-var _after = /*#__PURE__*/require("../../../../components/Switch/_label-position/after");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 's',
-    focused: 'true',
-    labelPosition: 'after'
-  },
-  variations: {
-    size: {
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-bold-line-height);", ":var(--plasma-typo-body-s-bold-font-size);", ":var(--plasma-typo-body-s-letter-spacing);", ":1.75rem;", ":1rem;", ":calc(var(", ") / 2);", ":0.85rem;", ":0.05rem;", ":calc(var(", ") / 2);", ":1.25;", ":0.5rem;"], _Switch.switchTokens.fontFamily, _Switch.switchTokens.fontStyle, _Switch.switchTokens.fontWeight, _Switch.switchTokens.lineHeight, _Switch.switchTokens.fontSize, _Switch.switchTokens.letterSpacing, _Switch.switchTokens.trackWidth, _Switch.switchTokens.trackHeight, _Switch.switchTokens.trackBorderRadius, _Switch.switchTokens.trackHeight, _Switch.switchTokens.thumbSize, _Switch.switchTokens.thumbOffset, _Switch.switchTokens.thumbBorderRadius, _Switch.switchTokens.thumbSize, _Switch.switchTokens.thumbPressScale, _Switch.switchTokens.labelOffset),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-bold-line-height);", ":var(--plasma-typo-body-m-bold-font-size);", ":var(--plasma-typo-body-m-letter-spacing);", ":1.75rem;", ":1rem;", ":calc(var(", ") / 2);", ":0.875rem;", ":0.05rem;", ":calc(var(", ") / 2);", ":1.25;", ":0.5rem;"], _Switch.switchTokens.fontFamily, _Switch.switchTokens.fontStyle, _Switch.switchTokens.fontWeight, _Switch.switchTokens.lineHeight, _Switch.switchTokens.fontSize, _Switch.switchTokens.letterSpacing, _Switch.switchTokens.trackWidth, _Switch.switchTokens.trackHeight, _Switch.switchTokens.trackBorderRadius, _Switch.switchTokens.trackHeight, _Switch.switchTokens.thumbSize, _Switch.switchTokens.thumbOffset, _Switch.switchTokens.thumbBorderRadius, _Switch.switchTokens.thumbSize, _Switch.switchTokens.thumbPressScale, _Switch.switchTokens.labelOffset),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-bold-line-height);", ":var(--plasma-typo-body-m-bold-font-size);", ":var(--plasma-typo-body-m-letter-spacing);", ":1.75rem;", ":1rem;", ":calc(var(", ") / 2);", ":0.875rem;", ":0.05rem;", ":calc(var(", ") / 2);", ":1.25;", ":0.5rem;"], _Switch.switchTokens.fontFamily, _Switch.switchTokens.fontStyle, _Switch.switchTokens.fontWeight, _Switch.switchTokens.lineHeight, _Switch.switchTokens.fontSize, _Switch.switchTokens.letterSpacing, _Switch.switchTokens.trackWidth, _Switch.switchTokens.trackHeight, _Switch.switchTokens.trackBorderRadius, _Switch.switchTokens.trackHeight, _Switch.switchTokens.thumbSize, _Switch.switchTokens.thumbOffset, _Switch.switchTokens.thumbBorderRadius, _Switch.switchTokens.thumbSize, _Switch.switchTokens.thumbPressScale, _Switch.switchTokens.labelOffset)
-    },
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":rgb(71,212,95);", ":rgb(22,200,62);", ":rgba(30,131,198,0.11);", ":rgba(30,131,198,0.25);", ":var(--on-dark-surface-solid-default);", ":0 0 0.25rem 0 rgba(1,111,0,0.71);", ":0 0 0.25rem 0 rgba(70,106,251,0.71);"], _Switch.switchTokens.trackBackgroundColorOn, _Switch.switchTokens.trackBackgroundColorOnHover, _Switch.switchTokens.trackBackgroundColorOff, _Switch.switchTokens.trackBackgroundColorOffHover, _Switch.switchTokens.thumbBackgroundColor, _Switch.switchTokens.thumbBoxShadowOn, _Switch.switchTokens.thumbBoxShadow)
-    },
-    labelPosition: {
-      after: _after.labelPosition_After
-    },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Switch.switchTokens.disabledOpacity)
-    },
-    focused: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":rgb(22,200,62);"], _Switch.switchTokens.trackFocusColor)
-    }
-  }
-};

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

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