@salutejs/sdds-cs 0.318.1-canary.1741.15821189176.0 → 0.318.1-canary.2018.15641070716.0

package/emotion/cjs/components/Carousel/Carousel.stories.tsx

@@ -0,0 +1,133 @@
+import * as React from 'react';
+import type { ComponentProps } from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import styled from 'styled-components';
+import { getConfigVariations, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+
+import { config } from './Carousel.config';
+import { Carousel } from './Carousel';
+
+import { CarouselItem } from './index';
+
+type StoryCarouselProps = ComponentProps<typeof Carousel> & {
+    slides: number;
+    visibleDots: number;
+    paginationDisabled: boolean;
+    paginationCentered: boolean;
+};
+
+const { views, sizes } = getConfigVariations(config);
+
+const meta: Meta<StoryCarouselProps> = {
+    title: 'Navigation/Carousel',
+    component: Carousel,
+    decorators: [InSpacingDecorator],
+    argTypes: {
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: sizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        scrollAlign: {
+            options: ['start', 'center', 'end'],
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        slides: {
+            control: 'number',
+        },
+        visibleDots: {
+            control: 'number',
+        },
+        controlArrowsDisabled: {
+            control: 'boolean',
+        },
+        paginationDisabled: {
+            control: 'boolean',
+        },
+        paginationCentered: {
+            control: 'boolean',
+        },
+        gap: {
+            control: 'text',
+        },
+    },
+    args: {
+        view: 'default',
+        size: 's',
+        scrollAlign: 'start',
+        slides: 20,
+        controlArrowsDisabled: false,
+        paginationDisabled: false,
+        paginationCentered: false,
+        gap: '20px',
+    },
+    parameters: {
+        controls: {
+            include: [
+                'scrollAlign',
+                'visibleDots',
+                'slides',
+                'controlArrowsDisabled',
+                'paginationDisabled',
+                'paginationCentered',
+                'gap',
+            ],
+        },
+    },
+};
+
+export default meta;
+
+const StyledCard = styled.div`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 8px;
+    width: 400px;
+    height: 370px;
+    background-color: #add8e6;
+    font-size: 30px;
+`;
+
+const StoryDefault = ({ visibleDots, slides, paginationDisabled, paginationCentered, ...rest }: StoryCarouselProps) => {
+    const items = Array(slides)
+        .fill(1)
+        .map((_, i) => ({
+            id: i,
+            title: i,
+        }));
+
+    return (
+        <>
+            <div style={{ width: '600px' }}>
+                <Carousel
+                    paginationOptions={{
+                        disabled: paginationDisabled,
+                        visibleDots,
+                        centered: paginationCentered,
+                    }}
+                    {...rest}
+                >
+                    {items.map((item, i) => (
+                        <CarouselItem key={i}>
+                            <StyledCard>{item.title}</StyledCard>
+                        </CarouselItem>
+                    ))}
+                </Carousel>
+            </div>
+        </>
+    );
+};
+
+export const Default: StoryObj<StoryCarouselProps> = {
+    render: (args) => <StoryDefault {...args} />,
+};

package/emotion/cjs/components/Carousel/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Carousel", {
+  enumerable: true,
+  get: function get() {
+    return _Carousel.Carousel;
+  }
+});
+Object.defineProperty(exports, "CarouselItem", {
+  enumerable: true,
+  get: function get() {
+    return _emotion.CarouselItem;
+  }
+});
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _Carousel = /*#__PURE__*/require("./Carousel");

package/emotion/cjs/components/Cell/Cell.config.js

@@ -1,114 +1,20 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "config", {
-    enumerable: true,
-    get: function() {
-        return config;
+exports.config = void 0;
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n            "])), _emotion.cellTokens.cellColor, _emotion.cellTokens.cellLabelColor, _emotion.cellTokens.cellTitleColor, _emotion.cellTokens.cellSubtitleColor, _emotion.cellTokens.cellBackgroundColor)
+    },
+    size: {
+      s: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 15rem;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _emotion.cellTokens.cellWidth, _emotion.cellTokens.cellPadding, _emotion.cellTokens.cellPaddingLeftContent, _emotion.cellTokens.cellPaddingContent, _emotion.cellTokens.cellPaddingRightContent, _emotion.cellTokens.cellTextboxGap, _emotion.cellTokens.cellGap, _emotion.cellTokens.cellLabelFontFamily, _emotion.cellTokens.cellLabelFontSize, _emotion.cellTokens.cellLabelFontStyle, _emotion.cellTokens.cellLabelFontWeight, _emotion.cellTokens.cellLabelLetterSpacing, _emotion.cellTokens.cellLabelLineHeight, _emotion.cellTokens.cellTitleFontFamily, _emotion.cellTokens.cellTitleFontSize, _emotion.cellTokens.cellTitleFontStyle, _emotion.cellTokens.cellTitleFontWeight, _emotion.cellTokens.cellTitleLetterSpacing, _emotion.cellTokens.cellTitleLineHeight, _emotion.cellTokens.cellSubtitleFontFamily, _emotion.cellTokens.cellSubtitleFontSize, _emotion.cellTokens.cellSubtitleFontStyle, _emotion.cellTokens.cellSubtitleFontWeight, _emotion.cellTokens.cellSubtitleLetterSpacing, _emotion.cellTokens.cellSubtitleLineHeight),
+      xs: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 15rem;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _emotion.cellTokens.cellWidth, _emotion.cellTokens.cellPadding, _emotion.cellTokens.cellPaddingLeftContent, _emotion.cellTokens.cellPaddingContent, _emotion.cellTokens.cellPaddingRightContent, _emotion.cellTokens.cellTextboxGap, _emotion.cellTokens.cellGap, _emotion.cellTokens.cellLabelFontFamily, _emotion.cellTokens.cellLabelFontSize, _emotion.cellTokens.cellLabelFontStyle, _emotion.cellTokens.cellLabelFontWeight, _emotion.cellTokens.cellLabelLetterSpacing, _emotion.cellTokens.cellLabelLineHeight, _emotion.cellTokens.cellTitleFontFamily, _emotion.cellTokens.cellTitleFontSize, _emotion.cellTokens.cellTitleFontStyle, _emotion.cellTokens.cellTitleFontWeight, _emotion.cellTokens.cellTitleLetterSpacing, _emotion.cellTokens.cellTitleLineHeight, _emotion.cellTokens.cellSubtitleFontFamily, _emotion.cellTokens.cellSubtitleFontSize, _emotion.cellTokens.cellSubtitleFontStyle, _emotion.cellTokens.cellSubtitleFontWeight, _emotion.cellTokens.cellSubtitleLetterSpacing, _emotion.cellTokens.cellSubtitleLineHeight)
     }
-});
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": transparent;\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 15rem;\n\n                ",
-        ": 0rem;\n                ",
-        ": 0rem;\n                ",
-        ": 0rem;\n                ",
-        ": 0rem;\n\n                ",
-        ": 0.125rem;\n                ",
-        ": 0.375rem;\n\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 15rem;\n\n                ",
-        ": 0rem;\n                ",
-        ": 0rem;\n                ",
-        ": 0rem;\n                ",
-        ": 0rem;\n\n                ",
-        ": 0.125rem;\n                ",
-        ": 0.25rem;\n\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-weight);\n                ",
-        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xs-line-height);\n\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-weight);\n                ",
-        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xs-line-height);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
-    variations: {
-        view: {
-            default: (0, _emotion.css)(_templateObject(), _emotion.cellTokens.cellColor, _emotion.cellTokens.cellLabelColor, _emotion.cellTokens.cellTitleColor, _emotion.cellTokens.cellSubtitleColor, _emotion.cellTokens.cellBackgroundColor)
-        },
-        size: {
-            s: (0, _emotion.css)(_templateObject1(), _emotion.cellTokens.cellWidth, _emotion.cellTokens.cellPadding, _emotion.cellTokens.cellPaddingLeftContent, _emotion.cellTokens.cellPaddingContent, _emotion.cellTokens.cellPaddingRightContent, _emotion.cellTokens.cellTextboxGap, _emotion.cellTokens.cellGap, _emotion.cellTokens.cellLabelFontFamily, _emotion.cellTokens.cellLabelFontSize, _emotion.cellTokens.cellLabelFontStyle, _emotion.cellTokens.cellLabelFontWeight, _emotion.cellTokens.cellLabelLetterSpacing, _emotion.cellTokens.cellLabelLineHeight, _emotion.cellTokens.cellTitleFontFamily, _emotion.cellTokens.cellTitleFontSize, _emotion.cellTokens.cellTitleFontStyle, _emotion.cellTokens.cellTitleFontWeight, _emotion.cellTokens.cellTitleLetterSpacing, _emotion.cellTokens.cellTitleLineHeight, _emotion.cellTokens.cellSubtitleFontFamily, _emotion.cellTokens.cellSubtitleFontSize, _emotion.cellTokens.cellSubtitleFontStyle, _emotion.cellTokens.cellSubtitleFontWeight, _emotion.cellTokens.cellSubtitleLetterSpacing, _emotion.cellTokens.cellSubtitleLineHeight),
-            xs: (0, _emotion.css)(_templateObject2(), _emotion.cellTokens.cellWidth, _emotion.cellTokens.cellPadding, _emotion.cellTokens.cellPaddingLeftContent, _emotion.cellTokens.cellPaddingContent, _emotion.cellTokens.cellPaddingRightContent, _emotion.cellTokens.cellTextboxGap, _emotion.cellTokens.cellGap, _emotion.cellTokens.cellLabelFontFamily, _emotion.cellTokens.cellLabelFontSize, _emotion.cellTokens.cellLabelFontStyle, _emotion.cellTokens.cellLabelFontWeight, _emotion.cellTokens.cellLabelLetterSpacing, _emotion.cellTokens.cellLabelLineHeight, _emotion.cellTokens.cellTitleFontFamily, _emotion.cellTokens.cellTitleFontSize, _emotion.cellTokens.cellTitleFontStyle, _emotion.cellTokens.cellTitleFontWeight, _emotion.cellTokens.cellTitleLetterSpacing, _emotion.cellTokens.cellTitleLineHeight, _emotion.cellTokens.cellSubtitleFontFamily, _emotion.cellTokens.cellSubtitleFontSize, _emotion.cellTokens.cellSubtitleFontStyle, _emotion.cellTokens.cellSubtitleFontWeight, _emotion.cellTokens.cellSubtitleLetterSpacing, _emotion.cellTokens.cellSubtitleLineHeight)
-        }
-    }
-};
+  }
+};

package/emotion/cjs/components/Cell/Cell.js

@@ -1,15 +1,15 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "Cell", {
-    enumerable: true,
-    get: function() {
-        return Cell;
-    }
-});
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-var _Cellconfig = require("./Cell.config");
-var mergedConfig = (0, _emotion.mergeConfig)(_emotion.cellConfig, _Cellconfig.config);
-var CellComponent = (0, _emotion.component)(mergedConfig);
-var Cell = CellComponent;
+exports.Cell = void 0;
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _Cell = /*#__PURE__*/require("./Cell.config");
+var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.cellConfig, _Cell.config);
+var CellComponent = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
+
+/**
+ * Кнопка.
+ */
+var Cell = exports.Cell = CellComponent;

package/emotion/cjs/components/Cell/Cell.stories.tsx

@@ -0,0 +1,97 @@
+import React from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import type { ComponentProps } from 'react';
+import { IconChevronRight } from '@salutejs/plasma-icons';
+import styled from 'styled-components';
+import { disableProps } from '@salutejs/plasma-sb-utils';
+
+import { Avatar } from '../Avatar';
+
+import { Cell } from '.';
+
+type StoryProps = ComponentProps<typeof Cell> & {
+    itemsCount?: number;
+    disableLeftContent?: boolean;
+    disableRightContent?: boolean;
+};
+type Story = StoryObj<StoryProps>;
+
+const sizes = ['s', 'xs'];
+const stretchingValues = ['fixed', 'filled', 'auto'];
+const alignLeft = ['top', 'center', 'bottom'];
+const alignRight = ['top', 'center', 'bottom'];
+
+type SizesCell = 'xs' | 's' | undefined;
+type SizesAvatar = 'l' | 'm' | 's';
+
+const getSize = (size: SizesCell): SizesAvatar => {
+    if (size === 'xs' || !size) {
+        return 's';
+    }
+
+    return size;
+};
+
+const ChevronRight = styled(IconChevronRight)`
+    color: var(--text-secondary);
+`;
+
+const meta: Meta<typeof Cell> = {
+    title: 'Data Display/Cell',
+    argTypes: {
+        size: {
+            options: sizes,
+            control: {
+                type: 'select',
+            },
+        },
+        stretching: {
+            options: stretchingValues,
+            control: {
+                type: 'select',
+            },
+        },
+        alignContentLeft: {
+            options: alignLeft,
+            control: {
+                type: 'select',
+            },
+        },
+        alignContentRight: {
+            options: alignRight,
+            control: {
+                type: 'select',
+            },
+        },
+        ...disableProps(['size', 'view']),
+    },
+};
+
+export default meta;
+
+export const Default: Story = {
+    args: {
+        size: 's',
+        stretching: 'filled',
+        disableLeftContent: false,
+        disableRightContent: false,
+        alignContentLeft: 'center',
+        alignContentRight: 'center',
+        title: 'Title',
+        subtitle: 'Subtitle',
+        label: 'Label',
+    },
+    render: ({ ...args }: StoryProps) => {
+        return (
+            <Cell
+                contentLeft={
+                    !args.disableLeftContent && (
+                        <Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" />
+                    )
+                }
+                contentRight={!args.disableRightContent && <ChevronRight color="inherit" size="s" />}
+                {...args}
+            />
+        );
+    },
+};

package/emotion/cjs/components/Cell/index.js

@@ -1,29 +1,37 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get Cell () {
-        return _Cell.Cell;
-    },
-    get CellTextbox () {
-        return _emotion.CellTextbox;
-    },
-    get CellTextboxLabel () {
-        return _emotion.CellTextboxLabel;
-    },
-    get CellTextboxSubtitle () {
-        return _emotion.CellTextboxSubtitle;
-    },
-    get CellTextboxTitle () {
-        return _emotion.CellTextboxTitle;
-    }
+Object.defineProperty(exports, "Cell", {
+  enumerable: true,
+  get: function get() {
+    return _Cell.Cell;
+  }
 });
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-var _Cell = require("./Cell");
+Object.defineProperty(exports, "CellTextbox", {
+  enumerable: true,
+  get: function get() {
+    return _emotion.CellTextbox;
+  }
+});
+Object.defineProperty(exports, "CellTextboxLabel", {
+  enumerable: true,
+  get: function get() {
+    return _emotion.CellTextboxLabel;
+  }
+});
+Object.defineProperty(exports, "CellTextboxSubtitle", {
+  enumerable: true,
+  get: function get() {
+    return _emotion.CellTextboxSubtitle;
+  }
+});
+Object.defineProperty(exports, "CellTextboxTitle", {
+  enumerable: true,
+  get: function get() {
+    return _emotion.CellTextboxTitle;
+  }
+});
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _Cell = /*#__PURE__*/require("./Cell");

package/emotion/cjs/components/Checkbox/Checkbox.config.js

@@ -1,109 +1,30 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "config", {
-    enumerable: true,
-    get: function() {
-        return config;
-    }
-});
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0;\n                ",
-        ": 0.125rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 0.375rem;\n                ",
-        ": 0.125rem;\n                ",
-        ": 0rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.125rem;\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--outline-accent);\n                ",
-        ": transparent;\n                ",
-        ": transparent;\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--outline-solid-primary);\n                ",
-        ": var(--surface-solid-tertiary);\n                ",
-        ": var(--text-secondary);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-accent);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
-    defaults: {
-        view: 'accent',
-        size: 's',
-        focused: 'true'
+exports.config = void 0;
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'accent',
+    size: 's',
+    focused: 'true'
+  },
+  variations: {
+    size: {
+      s: /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0;\n                ", ": 0.125rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _emotion.checkboxTokens.margin, _emotion.checkboxTokens.triggerPadding, _emotion.checkboxTokens.triggerSize, _emotion.checkboxTokens.triggerBorderRadius, _emotion.checkboxTokens.triggerBorderWidth, _emotion.checkboxTokens.contentTopOffset, _emotion.checkboxTokens.contentLeftOffset, _emotion.checkboxTokens.descriptionMarginTop, _emotion.checkboxTokens.labelFontFamily, _emotion.checkboxTokens.labelFontSize, _emotion.checkboxTokens.labelFontStyle, _emotion.checkboxTokens.labelFontWeight, _emotion.checkboxTokens.labelLetterSpacing, _emotion.checkboxTokens.labelLineHeight, _emotion.checkboxTokens.descriptionFontFamily, _emotion.checkboxTokens.descriptionFontSize, _emotion.checkboxTokens.descriptionFontStyle, _emotion.checkboxTokens.descriptionFontWeight, _emotion.checkboxTokens.descriptionLetterSpacing, _emotion.checkboxTokens.descriptionLineHeight)
+    },
+    view: {
+      accent: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--outline-accent);\n                ", ": transparent;\n                ", ": transparent;\n            "])), _emotion.checkboxTokens.fillColor, _emotion.checkboxTokens.iconColor, _emotion.checkboxTokens.labelColor, _emotion.checkboxTokens.descriptionColor, _emotion.checkboxTokens.triggerBorderColor, _emotion.checkboxTokens.triggerBackgroundColor, _emotion.checkboxTokens.triggerBorderCheckedColor)
+    },
+    disabled: {
+      "true": /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--outline-solid-primary);\n                ", ": var(--surface-solid-tertiary);\n                ", ": var(--text-secondary);\n            "])), _emotion.checkboxTokens.triggerBorderColor, _emotion.checkboxTokens.fillColor, _emotion.checkboxTokens.labelColor)
     },
-    variations: {
-        size: {
-            s: (0, _emotion.css)(_templateObject(), _emotion.checkboxTokens.margin, _emotion.checkboxTokens.triggerPadding, _emotion.checkboxTokens.triggerSize, _emotion.checkboxTokens.triggerBorderRadius, _emotion.checkboxTokens.triggerBorderWidth, _emotion.checkboxTokens.contentTopOffset, _emotion.checkboxTokens.contentLeftOffset, _emotion.checkboxTokens.descriptionMarginTop, _emotion.checkboxTokens.labelFontFamily, _emotion.checkboxTokens.labelFontSize, _emotion.checkboxTokens.labelFontStyle, _emotion.checkboxTokens.labelFontWeight, _emotion.checkboxTokens.labelLetterSpacing, _emotion.checkboxTokens.labelLineHeight, _emotion.checkboxTokens.descriptionFontFamily, _emotion.checkboxTokens.descriptionFontSize, _emotion.checkboxTokens.descriptionFontStyle, _emotion.checkboxTokens.descriptionFontWeight, _emotion.checkboxTokens.descriptionLetterSpacing, _emotion.checkboxTokens.descriptionLineHeight)
-        },
-        view: {
-            accent: (0, _emotion.css)(_templateObject1(), _emotion.checkboxTokens.fillColor, _emotion.checkboxTokens.iconColor, _emotion.checkboxTokens.labelColor, _emotion.checkboxTokens.descriptionColor, _emotion.checkboxTokens.triggerBorderColor, _emotion.checkboxTokens.triggerBackgroundColor, _emotion.checkboxTokens.triggerBorderCheckedColor)
-        },
-        disabled: {
-            true: (0, _emotion.css)(_templateObject2(), _emotion.checkboxTokens.triggerBorderColor, _emotion.checkboxTokens.fillColor, _emotion.checkboxTokens.labelColor)
-        },
-        focused: {
-            true: (0, _emotion.css)(_templateObject3(), _emotion.checkboxTokens.focusColor)
-        }
+    focused: {
+      "true": /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n            "])), _emotion.checkboxTokens.focusColor)
     }
-};
+  }
+};

package/emotion/cjs/components/Checkbox/Checkbox.js

@@ -1,15 +1,14 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "Checkbox", {
-    enumerable: true,
-    get: function() {
-        return Checkbox;
-    }
-});
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-var _Checkboxconfig = require("./Checkbox.config");
-var mergedConfig = (0, _emotion.mergeConfig)(_emotion.checkboxConfig, _Checkboxconfig.config);
-var CheckboxComponent = (0, _emotion.component)(mergedConfig);
-var Checkbox = CheckboxComponent;
+exports.Checkbox = void 0;
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _Checkbox = /*#__PURE__*/require("./Checkbox.config");
+var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.checkboxConfig, _Checkbox.config);
+var CheckboxComponent = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
+/**
+ * Флажок или чекбокс. Позволяет пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ отключено.
+ */
+var Checkbox = exports.Checkbox = CheckboxComponent;