@salutejs/plasma-sb-utils 0.231.0-next-sbcom.0 → 0.231.0

package/lib/components/Attach/meta.js

@@ -0,0 +1,150 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { disableProps, InSpacingDecorator } from '../../index';
+import { flowOptions, fileFormatOptions, placements, triggers, buttonTypeVariants, helperTextViews } from './fixtures';
+var commonDisabledArgs = [
+    'contentLeft',
+    'contentRight',
+    'onClear',
+    'acceptedFileFormats',
+    'text',
+    'value',
+    'dropdownOptions',
+];
+export var createMeta = function (_a) {
+    var component = _a.component, componentConfig = _a.componentConfig, _b = _a.title, title = _b === void 0 ? 'Data Entry/Attach' : _b, _c = _a.defaultArgs, defaultArgs = _c === void 0 ? {} : _c, _d = _a.additionalArgTypes, additionalArgTypes = _d === void 0 ? {} : _d, _e = _a.disablePropsList, disablePropsList = _e === void 0 ? [] : _e;
+    return {
+        title: title,
+        decorators: [InSpacingDecorator],
+        component: component,
+        parameters: {
+            controls: {
+                disableSaveFromUI: true,
+            },
+        },
+        args: __assign({ controlled: false, size: 'm', view: 'accent', width: '400px', fileFormat: 'all', multiple: false, flow: 'horizontal', hasAttachment: true, hideButtonOnAttach: false, buttonType: 'button', buttonText: 'Загрузить файл', buttonValue: '', enableContentLeft: false, enableContentRight: false, helperTextView: 'default', helperText: 'Подсказка', placement: 'bottom-start', trigger: 'click', listWidth: '300px', closeOnOverlayClick: true }, defaultArgs),
+        argTypes: __assign(__assign({ controlled: {
+                control: { type: 'boolean' },
+                table: { category: 'controlled variant' },
+            }, view: {
+                options: componentConfig.views,
+                control: {
+                    type: 'select',
+                },
+                table: { category: 'variation' },
+            }, size: {
+                options: componentConfig.sizes,
+                control: {
+                    type: 'select',
+                },
+                table: { category: 'variation' },
+            }, helperTextView: {
+                options: helperTextViews,
+                control: {
+                    type: 'select',
+                },
+                table: { category: 'variation' },
+            }, buttonType: {
+                options: buttonTypeVariants,
+                control: {
+                    type: 'select',
+                },
+                table: { category: 'variation' },
+            }, disabled: {
+                control: { type: 'boolean' },
+                table: { category: 'variation' },
+            }, buttonText: {
+                control: {
+                    type: 'text',
+                },
+                if: { arg: 'buttonType', eq: 'button' },
+                table: { category: 'layout' },
+            }, buttonValue: {
+                control: {
+                    type: 'text',
+                },
+                if: { arg: 'buttonType', eq: 'button' },
+                table: { category: 'layout' },
+            }, enableContentLeft: {
+                control: {
+                    type: 'boolean',
+                },
+                if: { arg: 'buttonType', eq: 'button' },
+                table: { category: 'layout' },
+            }, enableContentRight: {
+                control: {
+                    type: 'boolean',
+                },
+                if: { arg: 'buttonType', eq: 'button' },
+                table: { category: 'layout' },
+            }, width: {
+                control: { type: 'text' },
+                table: { category: 'layout' },
+            }, helperText: {
+                control: { type: 'text' },
+                table: { category: 'layout' },
+            }, fileFormat: {
+                options: fileFormatOptions,
+                control: {
+                    type: 'select',
+                },
+                table: { category: 'file' },
+            }, multiple: {
+                control: { type: 'boolean' },
+                table: { category: 'file' },
+            }, flow: {
+                options: flowOptions,
+                control: {
+                    type: 'select',
+                },
+                table: { category: 'layout' },
+            }, hasAttachment: {
+                control: {
+                    type: 'boolean',
+                },
+                if: { arg: 'hideButtonOnAttach', truthy: false },
+                table: { category: 'layout' },
+            }, hideButtonOnAttach: {
+                control: { type: 'boolean' },
+                table: { category: 'layout' },
+            }, placement: {
+                options: placements,
+                control: {
+                    type: 'select',
+                },
+                table: { category: 'dropdown' },
+            }, trigger: {
+                options: triggers,
+                control: {
+                    type: 'select',
+                },
+                table: { category: 'dropdown' },
+            }, closeOnOverlayClick: {
+                control: { type: 'boolean' },
+                if: { arg: 'alwaysOpened', truthy: false },
+                table: { category: 'dropdown' },
+            }, listWidth: {
+                control: { type: 'text' },
+                table: { category: 'dropdown' },
+            } }, additionalArgTypes), disableProps(__spreadArray(__spreadArray([], commonDisabledArgs, true), disablePropsList, true))),
+    };
+};
+//# sourceMappingURL=meta.js.map

package/lib/components/Attach/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/Attach/meta.ts"],"names":[],"mappings":"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"}

package/lib/components/Attach/stories.d.ts

@@ -0,0 +1 @@
+export declare const createDefaultStory: (Attach: any) => ({ controlled, buttonType, buttonText, buttonValue, width, size, fileFormat, multiple, enableContentLeft, enableContentRight, placement, trigger, listWidth, closeOnOverlayClick, ...rest }: any) => JSX.Element;

package/lib/components/Attach/stories.js

@@ -0,0 +1,71 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React, { useState } from 'react';
+import { action } from 'storybook/actions';
+import { IconPlasma } from '@salutejs/plasma-icons';
+var onChangeAction = action('onChange');
+var onClearAction = action('onClear');
+export var createDefaultStory = function (Attach) {
+    return function (_a) {
+        var controlled = _a.controlled, buttonType = _a.buttonType, buttonText = _a.buttonText, buttonValue = _a.buttonValue, width = _a.width, size = _a.size, fileFormat = _a.fileFormat, multiple = _a.multiple, enableContentLeft = _a.enableContentLeft, enableContentRight = _a.enableContentRight, placement = _a.placement, trigger = _a.trigger, listWidth = _a.listWidth, closeOnOverlayClick = _a.closeOnOverlayClick, rest = __rest(_a, ["controlled", "buttonType", "buttonText", "buttonValue", "width", "size", "fileFormat", "multiple", "enableContentLeft", "enableContentRight", "placement", "trigger", "listWidth", "closeOnOverlayClick"]);
+        var _b = useState([]), files = _b[0], setFiles = _b[1];
+        var accepted = fileFormat && fileFormat !== 'all' ? [fileFormat] : undefined;
+        var iconSize = size === 'xs' ? 'xs' : 's';
+        var dropdownOptions = {
+            placement: placement,
+            trigger: trigger,
+            listWidth: listWidth,
+            closeOnOverlayClick: closeOnOverlayClick,
+        };
+        var handleChange = function (e) {
+            onChangeAction(e);
+            if (!controlled) {
+                return;
+            }
+            var fileList = e.target.files;
+            if (!fileList) {
+                return;
+            }
+            var incoming = Array.from(fileList);
+            setFiles(multiple ? function (prev) { return __spreadArray(__spreadArray([], prev, true), incoming, true); } : incoming);
+        };
+        var handleClear = function (fileInfo) {
+            onClearAction(fileInfo);
+            if (!controlled) {
+                return;
+            }
+            setFiles(function (prev) { return prev.filter(function (f) { return f !== fileInfo.file; }); });
+        };
+        return (React.createElement(Attach, __assign({ style: { width: width }, size: size, multiple: multiple, buttonType: buttonType, contentLeft: enableContentLeft ? React.createElement(IconPlasma, { size: iconSize, color: "inherit" }) : undefined, contentRight: enableContentRight ? React.createElement(IconPlasma, { size: iconSize, color: "inherit" }) : undefined, acceptedFileFormats: accepted, text: buttonText, value: buttonValue, files: controlled ? files : undefined, onChange: handleChange, onClear: handleClear }, rest, { dropdownOptions: dropdownOptions })));
+    };
+};
+//# sourceMappingURL=stories.js.map

package/lib/components/Attach/stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Attach/stories.tsx"],"names":[],"mappings":"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"}

package/lib/components/Badge/Badge.d.ts

@@ -0,0 +1,119 @@
+type CreateBadgeStoriesProps = {
+    component: any;
+    componentConfig: any;
+    title?: string;
+    disablePropsList?: string[];
+    defaultArgs?: {};
+    additionalArgTypes?: {};
+};
+export declare const getBadgeStories: (config: CreateBadgeStoriesProps) => {
+    meta: {
+        title: string;
+        decorators: import("@storybook/react").Decorator[];
+        component: any;
+        args: {
+            view: string;
+            size: string;
+            appearance: string;
+            enableText: boolean;
+            text: string;
+            enableContentLeft: boolean;
+            enableContentRight: boolean;
+            pilled: boolean;
+            maxWidth: string;
+        };
+        argTypes: {
+            view: {
+                options: any;
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            size: {
+                options: any;
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            appearance: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            pilled: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            text: {
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            maxWidth: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            enableText: {
+                control: {
+                    type: string;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            enableContentLeft: {
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+                table: {
+                    category: string;
+                };
+            };
+            enableContentRight: {
+                control: {
+                    type: string;
+                };
+                if: {
+                    arg: string;
+                    truthy: boolean;
+                };
+                table: {
+                    category: string;
+                };
+            };
+        };
+    };
+    Default: {
+        render: (args: any) => JSX.Element;
+    };
+};
+export {};

package/lib/components/Badge/Badge.js

@@ -0,0 +1,40 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { getConfigVariations } from '../../helpers';
+import { createMeta } from './meta';
+import { createDefaultStory } from './stories';
+export var getBadgeStories = function (config) {
+    var component = config.component, componentConfig = config.componentConfig, rest = __rest(config, ["component", "componentConfig"]);
+    var badgeConfig = getConfigVariations(componentConfig);
+    var meta = createMeta(__assign({ component: component, componentConfig: badgeConfig }, rest));
+    var DefaultStoryComponent = createDefaultStory(component);
+    var Default = {
+        render: function (args) { return React.createElement(DefaultStoryComponent, __assign({}, args)); },
+    };
+    return {
+        meta: meta,
+        Default: Default,
+    };
+};
+//# sourceMappingURL=Badge.js.map

package/lib/components/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAW/C,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,MAA+B;IACnD,IAAA,SAAS,GAA+B,MAAM,UAArC,EAAE,eAAe,GAAc,MAAM,gBAApB,EAAK,IAAI,UAAK,MAAM,EAAhD,gCAAuC,CAAF,CAAY;IAEvD,IAAM,WAAW,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAEzD,IAAM,IAAI,GAAG,UAAU,YACnB,SAAS,WAAA,EACT,eAAe,EAAE,WAAW,IACzB,IAAI,EACT,CAAC;IAEH,IAAM,qBAAqB,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAE5D,IAAM,OAAO,GAAG;QACZ,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,qBAAqB,eAAK,IAAI,EAAI,EAAnC,CAAmC;KAC7D,CAAC;IAEF,OAAO;QACH,IAAI,MAAA;QACJ,OAAO,SAAA;KACV,CAAC;AACN,CAAC,CAAC"}

package/lib/components/Badge/fixtures.d.ts

@@ -0,0 +1,3 @@
+export declare const appearances: string[];
+export declare const iconSizeMap: Record<string, string>;
+export declare const getIconSize: (size: string) => string;

package/lib/components/Badge/fixtures.js

@@ -0,0 +1,7 @@
+export var appearances = ['default', 'clear', 'transparent'];
+export var iconSizeMap = {
+    l: '1rem',
+    xs: '0.625rem',
+};
+export var getIconSize = function (size) { var _a; return (_a = iconSizeMap[size]) !== null && _a !== void 0 ? _a : '0.75rem'; };
+//# sourceMappingURL=fixtures.js.map

package/lib/components/Badge/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixtures.js","sourceRoot":"","sources":["../../../src/components/Badge/fixtures.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,WAAW,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;AAC/D,MAAM,CAAC,IAAM,WAAW,GAA2B;IAC/C,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,UAAU;CACjB,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,IAAY,YAAa,OAAA,MAAA,WAAW,CAAC,IAAI,CAAC,mCAAI,SAAS,CAAA,EAAA,CAAC"}

package/lib/components/Badge/index.d.ts

@@ -0,0 +1 @@
+export * from './Badge';

package/lib/components/Badge/index.js

@@ -0,0 +1,2 @@
+export * from './Badge';
+//# sourceMappingURL=index.js.map

package/lib/components/Badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/lib/components/Badge/meta.d.ts

@@ -0,0 +1,114 @@
+type CreateMetaProps = {
+    component: any;
+    componentConfig: any;
+    title?: string;
+    defaultArgs?: {};
+    additionalArgTypes?: {};
+    disablePropsList?: string[];
+};
+export declare const createMeta: ({ component, componentConfig, title, defaultArgs, additionalArgTypes, disablePropsList, }: CreateMetaProps) => {
+    title: string;
+    decorators: import("@storybook/react").Decorator[];
+    component: any;
+    args: {
+        view: string;
+        size: string;
+        appearance: string;
+        enableText: boolean;
+        text: string;
+        enableContentLeft: boolean;
+        enableContentRight: boolean;
+        pilled: boolean;
+        maxWidth: string;
+    };
+    argTypes: {
+        view: {
+            options: any;
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        size: {
+            options: any;
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        appearance: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        pilled: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        text: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        maxWidth: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        enableText: {
+            control: {
+                type: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        enableContentLeft: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        enableContentRight: {
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+    };
+};
+export {};

package/lib/components/Badge/meta.js

@@ -0,0 +1,67 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { disableProps, InSpacingDecorator } from '../../index';
+import { appearances } from './fixtures';
+var commonDisabledArgs = ['contentLeft', 'contentRight', 'textGradientOption'];
+export var createMeta = function (_a) {
+    var component = _a.component, componentConfig = _a.componentConfig, _b = _a.title, title = _b === void 0 ? 'Data Display/Badge' : _b, _c = _a.defaultArgs, defaultArgs = _c === void 0 ? {} : _c, _d = _a.additionalArgTypes, additionalArgTypes = _d === void 0 ? {} : _d, _e = _a.disablePropsList, disablePropsList = _e === void 0 ? [] : _e;
+    return ({
+        title: title,
+        decorators: [InSpacingDecorator],
+        component: component,
+        args: __assign({ view: 'default', size: 'm', appearance: 'default', enableText: true, text: 'Hello', enableContentLeft: false, enableContentRight: false, pilled: false, maxWidth: '' }, defaultArgs),
+        argTypes: __assign(__assign({ view: {
+                options: componentConfig.views,
+                control: { type: 'select' },
+                table: { category: 'variation' },
+            }, size: {
+                options: componentConfig.sizes,
+                control: { type: 'select' },
+                table: { category: 'variation' },
+            }, appearance: {
+                options: appearances,
+                control: { type: 'select' },
+                table: { category: 'variation' },
+            }, pilled: {
+                control: { type: 'boolean' },
+                table: { category: 'variation' },
+            }, text: {
+                control: { type: 'text' },
+                if: { arg: 'enableText', truthy: true },
+                table: { category: 'layout' },
+            }, maxWidth: {
+                control: { type: 'text' },
+                table: { category: 'layout' },
+            }, enableText: {
+                control: { type: 'boolean' },
+                table: { category: 'layout' },
+            }, enableContentLeft: {
+                control: { type: 'boolean' },
+                if: { arg: 'enableContentRight', truthy: false },
+                table: { category: 'layout' },
+            }, enableContentRight: {
+                control: { type: 'boolean' },
+                if: { arg: 'enableText', truthy: true },
+                table: { category: 'layout' },
+            } }, additionalArgTypes), disableProps(__spreadArray(__spreadArray([], commonDisabledArgs, true), disablePropsList, true))),
+    });
+};
+//# sourceMappingURL=meta.js.map

package/lib/components/Badge/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/Badge/meta.ts"],"names":[],"mappings":"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"}

package/lib/components/Badge/stories.d.ts

@@ -0,0 +1 @@
+export declare const createDefaultStory: (Badge: any) => ({ enableContentLeft, enableContentRight, enableText, size, appearance, ...rest }: any) => JSX.Element;

package/lib/components/Badge/stories.js

@@ -0,0 +1,34 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { getIconSize } from './fixtures';
+var BellIcon = function (props) { return (React.createElement("svg", __assign({ width: "100%", viewBox: "0 0 24 24", fill: "none" }, props),
+    React.createElement("path", { d: "M11.501 21.28c1.088 0 1.978-.889 1.978-1.977H9.524c0 1.088.88 1.978 1.977 1.978zm5.933-5.932v-4.944c0-3.035-1.622-5.576-4.45-6.248v-.673c0-.82-.662-1.483-1.483-1.483-.82 0-1.483.662-1.483 1.483v.672c-2.838.673-4.45 3.204-4.45 6.25v4.943l-1.275 1.276c-.623.623-.188 1.69.692 1.69h13.022c.88 0 1.325-1.067.702-1.69l-1.275-1.276z", fill: "currentColor" }))); };
+export var createDefaultStory = function (Badge) {
+    return function (_a) {
+        var enableContentLeft = _a.enableContentLeft, enableContentRight = _a.enableContentRight, enableText = _a.enableText, size = _a.size, appearance = _a.appearance, rest = __rest(_a, ["enableContentLeft", "enableContentRight", "enableText", "size", "appearance"]);
+        var iconSize = getIconSize(size);
+        return (React.createElement(Badge, __assign({ contentLeft: enableContentLeft || !enableText ? React.createElement(BellIcon, { width: iconSize, height: iconSize }) : undefined, contentRight: enableContentRight ? React.createElement(BellIcon, { width: iconSize, height: iconSize }) : undefined, size: size, appearance: appearance !== 'default' ? appearance : undefined }, rest)));
+    };
+};
+//# sourceMappingURL=stories.js.map