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

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);

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

@@ -1,61 +0,0 @@
-import React, { useState } from 'react';
-import styled from 'styled-components';
-import { action } from '@storybook/addon-actions';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-
-import { switchConfig } from '../../../../components/Switch';
-import { mergeConfig } from '../../../../engines';
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
-
-import { config } from './Switch.config';
-import { Switch } from './Switch';
-
-type SwitchProps = ComponentProps<typeof Switch>;
-
-const meta: Meta<SwitchProps> = {
-    title: 'sds_engineer/Switch',
-    decorators: [WithTheme],
-    component: Switch,
-    argTypes: argTypesFromConfig(mergeConfig(switchConfig, config), ['view', 'focused']),
-    args: {
-        label: 'Label',
-    },
-};
-
-export default meta;
-
-const StyledWrapper = styled.div`
-    width: 13.75rem;
-`;
-
-const onChange = action('onChange');
-const onFocus = action('onFocus');
-const onBlur = action('onBlur');
-
-const StoryDefault = (args: SwitchProps) => {
-    const value = 'yes';
-    const name = 'agree';
-    const [checked, setChecked] = useState(true);
-
-    return (
-        <StyledWrapper>
-            <Switch
-                value={value}
-                name={name}
-                checked={checked}
-                onChange={(event) => {
-                    setChecked(event.target.checked);
-                    onChange(event);
-                }}
-                onFocus={onFocus}
-                onBlur={onBlur}
-                {...args}
-            />
-        </StyledWrapper>
-    );
-};
-
-export const Default: StoryObj<SwitchProps> = {
-    render: (args) => <StoryDefault {...args} />,
-};

package/styled-components/cjs/examples/sds_engineer/components/Tabs/TabItem.config.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Tabs = /*#__PURE__*/require("../../../../components/Tabs");
-var config = exports.config = {
-  defaults: {
-    view: 'divider',
-    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;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--plasma-colors-button-focused);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemPaddingClear, _Tabs.tabsTokens.itemContentPaddingClear, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.additionalContentColor, _Tabs.tabsTokens.additionalContentHoverColor, _Tabs.tabsTokens.additionalContentSelectedColor, _Tabs.tabsTokens.additionalContentSelectedHoverColor),
-      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);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--plasma-colors-button-focused);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);"], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemMarginLeftFilled, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.additionalContentColor, _Tabs.tabsTokens.additionalContentHoverColor, _Tabs.tabsTokens.additionalContentSelectedColor, _Tabs.tabsTokens.additionalContentSelectedHoverColor),
-      divider: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":transparent;", ":rgb(19,131,207);", ":transparent;", ":var(--text-primary);", ":transparent;", ":rgb(19,131,207);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--plasma-colors-button-focused);", ":0.125rem;", ":var(--text-primary);", ":rgba(19,131,207,0.5);", ":var(--text-tertiary);", ":var(--text-accent);", ":var(--text-accent);", ":var(--text-accent);"], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemPaddingClear, _Tabs.tabsTokens.itemContentPaddingClear, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.additionalContentColor, _Tabs.tabsTokens.additionalContentHoverColor, _Tabs.tabsTokens.additionalContentSelectedColor, _Tabs.tabsTokens.additionalContentSelectedHoverColor),
-      "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);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--plasma-colors-button-focused);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--inverse-text-secondary);", ":var(--inverse-text-secondary);"], _Tabs.tabsTokens.itemColor, _Tabs.tabsTokens.itemBackgroundColor, _Tabs.tabsTokens.itemColorHover, _Tabs.tabsTokens.itemBackgroundColorHover, _Tabs.tabsTokens.itemSelectedColor, _Tabs.tabsTokens.itemSelectedBackgroundColor, _Tabs.tabsTokens.itemSelectedColorHover, _Tabs.tabsTokens.itemSelectedBackgroundColorHover, _Tabs.tabsTokens.itemBackgroundTransition, _Tabs.tabsTokens.itemMarginLeftFilled, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.itemSelectedDividerHeight, _Tabs.tabsTokens.itemSelectedDividerColor, _Tabs.tabsTokens.itemSelectedDividerColorHover, _Tabs.tabsTokens.additionalContentColor, _Tabs.tabsTokens.additionalContentHoverColor, _Tabs.tabsTokens.additionalContentSelectedColor, _Tabs.tabsTokens.additionalContentSelectedHoverColor)
-    },
-    size: {
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.375rem;", ":auto;", ":1.5rem;", ":0 0.5rem;", ":0 0.375rem;", ":1.75rem;", ":0.25rem;", ":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);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":auto;", ":2rem;", ":0 0.625rem;", ":0 0.5rem;", ":1.75rem;", ":0.25rem;", ":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);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":auto;", ":2.5rem;", ":0 0.625rem;", ":0 0.5rem;", ":1.75rem;", ":0.5rem;", ":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);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":auto;", ":3rem;", ":0 0.875rem;", ":0 0.75rem;", ":1.75rem;", ":0.5rem;", ":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);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemPaddingPilled, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.itemContentPadding, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
-      h5: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.375rem;", ":auto;", ":3rem;", ":0rem;", ":1.75rem;", ":0.625rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
-      h4: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.375rem;", ":auto;", ":3.25rem;", ":0rem;", ":2rem;", ":0.625rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
-      h3: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":auto;", ":3.875rem;", ":0rem;", ":2.25rem;", ":0.75rem;", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
-      h2: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":auto;", ":4.5rem;", ":0rem;", ":2.5rem;", ":1rem;", ":var(--plasma-typo-h2-font-family);", ":var(--plasma-typo-h2-font-size);", ":var(--plasma-typo-h2-font-style);", ":var(--plasma-typo-h2-font-weight);", ":var(--plasma-typo-h2-letter-spacing);", ":var(--plasma-typo-h2-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight),
-      h1: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":auto;", ":5.75rem;", ":0rem;", ":3.5rem;", ":0.5rem;", ":var(--plasma-typo-h1-font-family);", ":var(--plasma-typo-h1-font-size);", ":var(--plasma-typo-h1-font-style);", ":var(--plasma-typo-h1-font-weight);", ":var(--plasma-typo-h1-letter-spacing);", ":var(--plasma-typo-h1-line-height);"], _Tabs.tabsTokens.itemBorderRadius, _Tabs.tabsTokens.itemWidth, _Tabs.tabsTokens.itemHeight, _Tabs.tabsTokens.itemPadding, _Tabs.tabsTokens.itemMarginLeft, _Tabs.tabsTokens.itemContentGap, _Tabs.tabsTokens.fontFamily, _Tabs.tabsTokens.fontSize, _Tabs.tabsTokens.fontStyle, _Tabs.tabsTokens.fontWeight, _Tabs.tabsTokens.letterSpacing, _Tabs.tabsTokens.lineHeight)
-    },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Tabs.tabsTokens.disabledOpacity)
-    },
-    pilled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;"], _Tabs.tabsTokens.itemPilledBorderRadius)
-    }
-  }
-};

package/styled-components/cjs/examples/sds_engineer/components/Tabs/TabItem.js

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

package/styled-components/cjs/examples/sds_engineer/components/Tabs/Tabs.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 _Tabs = /*#__PURE__*/require("../../../../components/Tabs");
-var config = exports.config = {
-  defaults: {
-    view: 'divider',
-    size: 'xs',
-    disabled: 'false'
-  },
-  variations: {
-    view: {
-      clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":tranparent;", ":var(--plasma-colors-button-focused);", ":0rem;", ":tranparent;", ":0rem;"], _Tabs.tabsTokens.arrowColor, _Tabs.tabsTokens.tabsBackgroundColor, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.tabsDividerHeight, _Tabs.tabsTokens.tabsDividerColor, _Tabs.tabsTokens.tabsDividerBorderRadius),
-      filled: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--plasma-colors-button-focused);", ":0rem;", ":tranparent;", ":0rem;"], _Tabs.tabsTokens.arrowColor, _Tabs.tabsTokens.tabsBackgroundColor, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.tabsDividerHeight, _Tabs.tabsTokens.tabsDividerColor, _Tabs.tabsTokens.tabsDividerBorderRadius),
-      divider: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":tranparent;", ":var(--plasma-colors-button-focused);", ":0.0625rem;", ":var(--surface-transparent-secondary);", ":0.0625rem;"], _Tabs.tabsTokens.arrowColor, _Tabs.tabsTokens.tabsBackgroundColor, _Tabs.tabsTokens.outlineFocusColor, _Tabs.tabsTokens.tabsDividerHeight, _Tabs.tabsTokens.tabsDividerColor, _Tabs.tabsTokens.tabsDividerBorderRadius)
-    },
-    size: {
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":fit-content;", ":auto;", ":0rem;", ":0.125rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":fit-content;", ":auto;", ":0rem;", ":0.25rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.625rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.75rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
-      h5: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":fit-content;", ":auto;", ":0.25rem;", ":0rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
-      h4: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":fit-content;", ":auto;", ":0.25rem;", ":0rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
-      h3: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.625rem;", ":fit-content;", ":auto;", ":0.375rem;", ":0rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
-      h2: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":fit-content;", ":auto;", ":0.5rem;", ":0rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding),
-      h1: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.75rem;", ":fit-content;", ":auto;", ":1rem;", ":0rem;"], _Tabs.tabsTokens.tabsBorderRadius, _Tabs.tabsTokens.tabsWidth, _Tabs.tabsTokens.tabsHeight, _Tabs.tabsTokens.arrowInnerPadding, _Tabs.tabsTokens.arrowOuterPadding)
-    },
-    stretch: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;"], _Tabs.tabsTokens.containerWidth)
-    },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Tabs.tabsTokens.disabledOpacity)
-    },
-    pilled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":1.625rem;"], _Tabs.tabsTokens.tabsPilledBorderRadius)
-    }
-  }
-};

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

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