@salutejs/plasma-sb-utils 0.210.0-canary.2353.19638539568.0 → 0.211.0-canary.2354.19672366908.0

package/lib/components/Button/Button.d.ts

@@ -0,0 +1,126 @@
+/// <reference types="react" />
+declare type CreateStoriesProps = {
+    component: any;
+    componentConfig: any;
+    title?: string;
+    disablePropsList?: string[];
+    defaultArgs?: {};
+    additionalArgTypes?: {};
+    additionalComponents: {
+        Counter: any;
+        Icon?: any;
+    };
+};
+export declare const getButtonStories: (config: CreateStoriesProps) => {
+    meta: {
+        title: string;
+        decorators: any[];
+        component: any;
+        args: {
+            view: string;
+            size: string;
+            contentPlacing: string;
+            stretching: string;
+            text: string;
+            value: string;
+            disabled: boolean;
+            focused: boolean;
+            square: boolean;
+            isLoading: boolean;
+            enableContentLeft: boolean;
+            enableContentRight: boolean;
+            enableCounter: boolean;
+        };
+        argTypes: {
+            view: {
+                options: any;
+                control: {
+                    type: string;
+                };
+            };
+            size: {
+                options: any;
+                control: {
+                    type: string;
+                };
+            };
+            value: {
+                control: {
+                    type: string;
+                };
+            };
+            text: {
+                control: {
+                    type: string;
+                };
+            };
+            isLoading: {
+                control: {
+                    type: string;
+                };
+            };
+            disabled: {
+                control: {
+                    type: string;
+                };
+            };
+            contentPlacing: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+            };
+            stretching: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+            };
+            pin: {
+                options: string[];
+                control: {
+                    type: string;
+                };
+            };
+            enableContentLeft: {
+                control: {
+                    type: string;
+                };
+            };
+            enableContentRight: {
+                control: {
+                    type: string;
+                };
+            };
+        };
+    };
+    Default: {
+        render: (args: any) => JSX.Element;
+        args: {
+            value: string;
+        };
+        argTypes: {
+            [x: string]: {
+                table: {
+                    disable: true;
+                };
+            };
+        };
+    };
+    WithValue: {
+        render: (args: any) => JSX.Element;
+        args: {
+            enableContentLeft: boolean;
+            enableCounter: boolean;
+            value: string;
+        };
+        argTypes: {
+            [x: string]: {
+                table: {
+                    disable: true;
+                };
+            };
+        };
+    };
+};
+export {};

package/lib/components/Button/Button.js

@@ -0,0 +1,55 @@
+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 { disableProps, getConfigVariations } from '../../helpers';
+import { createMeta } from './meta';
+import { createDefaultStory } from './stories';
+export var getButtonStories = function (config) {
+    var component = config.component, componentConfig = config.componentConfig, additionalComponents = config.additionalComponents, rest = __rest(config, ["component", "componentConfig", "additionalComponents"]);
+    var Counter = additionalComponents.Counter, Icon = additionalComponents.Icon;
+    var buttonConfig = getConfigVariations(componentConfig);
+    var meta = createMeta(__assign({ component: component, componentConfig: buttonConfig }, rest));
+    var DefaultStoryComponent = createDefaultStory(component, { Counter: Counter, Icon: Icon });
+    var Default = {
+        render: function (args) { return React.createElement(DefaultStoryComponent, __assign({}, args)); },
+        args: {
+            value: '',
+        },
+        argTypes: __assign({}, disableProps(['value'])),
+    };
+    var WithValue = {
+        render: function (args) { return React.createElement(DefaultStoryComponent, __assign({}, args)); },
+        args: {
+            enableContentLeft: false,
+            enableCounter: false,
+            value: 'Value',
+        },
+        argTypes: __assign({}, disableProps(['enableContentRight'])),
+    };
+    return {
+        meta: meta,
+        Default: Default,
+        WithValue: WithValue,
+    };
+};
+//# sourceMappingURL=Button.js.map

package/lib/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAe/C,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,MAA0B;IAC/C,IAAA,SAAS,GAAqD,MAAM,UAA3D,EAAE,eAAe,GAAoC,MAAM,gBAA1C,EAAE,oBAAoB,GAAc,MAAM,qBAApB,EAAK,IAAI,UAAK,MAAM,EAAtE,wDAA6D,CAAF,CAAY;IACrE,IAAA,OAAO,GAAW,oBAAoB,QAA/B,EAAE,IAAI,GAAK,oBAAoB,KAAzB,CAA0B;IAE/C,IAAM,YAAY,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAE1D,IAAM,IAAI,GAAG,UAAU,YACnB,SAAS,WAAA,EACT,eAAe,EAAE,YAAY,IAC1B,IAAI,EACT,CAAC;IAEH,IAAM,qBAAqB,GAAG,kBAAkB,CAAC,SAAS,EAAE,EAAE,OAAO,SAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;IAE/E,IAAM,OAAO,GAAG;QACZ,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,qBAAqB,eAAK,IAAI,EAAI,EAAnC,CAAmC;QAC1D,IAAI,EAAE;YACF,KAAK,EAAE,EAAE;SACZ;QACD,QAAQ,eACD,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAC7B;KACJ,CAAC;IAEF,IAAM,SAAS,GAAG;QACd,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,qBAAqB,eAAK,IAAI,EAAI,EAAnC,CAAmC;QAC1D,IAAI,EAAE;YACF,iBAAiB,EAAE,KAAK;YACxB,aAAa,EAAE,KAAK;YACpB,KAAK,EAAE,OAAO;SACjB;QACD,QAAQ,eACD,YAAY,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAC1C;KACJ,CAAC;IAEF,OAAO;QACH,IAAI,MAAA;QACJ,OAAO,SAAA;QACP,SAAS,WAAA;KACZ,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export declare const stretchingValues: string[];
+export declare const pinValues: string[];
+export declare const contentPlacingValues: string[];

package/lib/components/Button/fixtures.js

@@ -0,0 +1,13 @@
+export var stretchingValues = ['auto', 'filled', 'fixed'];
+export var pinValues = [
+    '',
+    'square-square',
+    'square-clear',
+    'clear-square',
+    'clear-clear',
+    'clear-circle',
+    'circle-clear',
+    'circle-circle',
+];
+export var contentPlacingValues = ['default', 'relaxed'];
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fixtures.js","sourceRoot":"","sources":["../../../src/components/Button/fixtures.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAE5D,MAAM,CAAC,IAAM,SAAS,GAAG;IACrB,EAAE;IACF,eAAe;IACf,cAAc;IACd,cAAc;IACd,aAAa;IACb,cAAc;IACd,cAAc;IACd,eAAe;CAClB,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC"}

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

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

package/lib/components/Button/index.js

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

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

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

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

@@ -0,0 +1,91 @@
+declare 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: any[];
+    component: any;
+    args: {
+        view: string;
+        size: string;
+        contentPlacing: string;
+        stretching: string;
+        text: string;
+        value: string;
+        disabled: boolean;
+        focused: boolean;
+        square: boolean;
+        isLoading: boolean;
+        enableContentLeft: boolean;
+        enableContentRight: boolean;
+        enableCounter: boolean;
+    };
+    argTypes: {
+        view: {
+            options: any;
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            options: any;
+            control: {
+                type: string;
+            };
+        };
+        value: {
+            control: {
+                type: string;
+            };
+        };
+        text: {
+            control: {
+                type: string;
+            };
+        };
+        isLoading: {
+            control: {
+                type: string;
+            };
+        };
+        disabled: {
+            control: {
+                type: string;
+            };
+        };
+        contentPlacing: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        stretching: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        pin: {
+            options: string[];
+            control: {
+                type: string;
+            };
+        };
+        enableContentLeft: {
+            control: {
+                type: string;
+            };
+        };
+        enableContentRight: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export {};

package/lib/components/Button/meta.js

@@ -0,0 +1,74 @@
+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) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+import { disableProps, InSpacingDecorator } from '../../index';
+import { stretchingValues, pinValues, contentPlacingValues } from './fixtures';
+export var createMeta = function (_a) {
+    var component = _a.component, componentConfig = _a.componentConfig, _b = _a.title, title = _b === void 0 ? 'Data Entry/Button' : _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: 's', contentPlacing: 'default', stretching: 'auto', text: 'Button', value: '', disabled: false, focused: true, square: false, isLoading: false, enableContentLeft: false, enableContentRight: false, enableCounter: false }, defaultArgs),
+        argTypes: __assign(__assign({ view: {
+                options: componentConfig.views,
+                control: { type: 'select' },
+            }, size: {
+                options: componentConfig.sizes,
+                control: { type: 'select' },
+            }, value: {
+                control: { type: 'text' },
+            }, text: {
+                control: { type: 'text' },
+            }, isLoading: {
+                control: { type: 'boolean' },
+            }, disabled: {
+                control: { type: 'boolean' },
+            }, contentPlacing: {
+                options: contentPlacingValues,
+                control: { type: 'select' },
+            }, stretching: {
+                options: stretchingValues,
+                control: { type: 'select' },
+            }, pin: {
+                options: pinValues,
+                control: { type: 'select' },
+            }, enableContentLeft: {
+                control: { type: 'boolean' },
+            }, enableContentRight: {
+                control: { type: 'boolean' },
+            } }, additionalArgTypes), disableProps(__spreadArray([
+            'theme',
+            'loader',
+            'onClick',
+            'onFocus',
+            'onBlur',
+            'outlined',
+            'contentLeft',
+            'contentRight',
+            'shiftLeft',
+            'shiftRight',
+            'stretch',
+            'as',
+            'forwardedAs',
+            'pin',
+            'focused',
+            'blur',
+            'square'
+        ], disablePropsList))),
+    };
+};
+//# sourceMappingURL=meta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/Button/meta.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAW/E,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAOT;QANd,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,aAA2B,EAA3B,KAAK,mBAAG,mBAAmB,KAAA,EAC3B,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,0BAAuB,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,wBAAqB,EAArB,gBAAgB,mBAAG,EAAE,KAAA;IAErB,OAAO;QACH,KAAK,OAAA;QACL,UAAU,EAAE,CAAC,kBAAkB,CAAC;QAChC,SAAS,WAAA;QACT,IAAI,aACA,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,GAAG,EACT,cAAc,EAAE,SAAS,EACzB,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,IAAI,EACb,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,KAAK,EAChB,iBAAiB,EAAE,KAAK,EACxB,kBAAkB,EAAE,KAAK,EACzB,aAAa,EAAE,KAAK,IACjB,WAAW,CACjB;QACD,QAAQ,sBACJ,IAAI,EAAE;gBACF,OAAO,EAAE,eAAe,CAAC,KAAK;gBAC9B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;aAC9B,EACD,IAAI,EAAE;gBACF,OAAO,EAAE,eAAe,CAAC,KAAK;gBAC9B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;aAC9B,EACD,KAAK,EAAE;gBACH,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;aAC5B,EACD,IAAI,EAAE;gBACF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;aAC5B,EACD,SAAS,EAAE;gBACP,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;aAC/B,EACD,QAAQ,EAAE;gBACN,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;aAC/B,EACD,cAAc,EAAE;gBACZ,OAAO,EAAE,oBAAoB;gBAC7B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;aAC9B,EACD,UAAU,EAAE;gBACR,OAAO,EAAE,gBAAgB;gBACzB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;aAC9B,EACD,GAAG,EAAE;gBACD,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;aAC9B,EACD,iBAAiB,EAAE;gBACf,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;aAC/B,EACD,kBAAkB,EAAE;gBAChB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;aAC/B,IACE,kBAAkB,GAClB,YAAY;YACX,OAAO;YACP,QAAQ;YACR,SAAS;YACT,SAAS;YACT,QAAQ;YACR,UAAU;YACV,aAAa;YACb,cAAc;YACd,WAAW;YACX,YAAY;YACZ,SAAS;YACT,IAAI;YACJ,aAAa;YACb,KAAK;YACL,SAAS;YACT,MAAM;YACN,QAAQ;WACL,gBAAgB,EACrB,CACL;KACJ,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const createDefaultStory: (Button: any, Components: any) => ({ enableContentLeft, enableContentRight, enableCounter, size, ...rest }: any) => JSX.Element;

package/lib/components/Button/stories.js

@@ -0,0 +1,54 @@
+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 { action } from '@storybook/addon-actions';
+import { IconMic } from '@salutejs/plasma-icons';
+var counterSizeMap = {
+    xxs: 'xxs',
+    xs: 'xxs',
+    s: 'xxs',
+    m: 'xs',
+    l: 's',
+    xl: 's',
+};
+var onClick = action('onClick');
+var onFocus = action('onFocus');
+var onBlur = action('onBlur');
+var getIconSize = function (size) { return (size === 'xs' || size === 'xxs' ? 'xs' : 's'); };
+var getCounterSize = function (size) { var _a; return (_a = counterSizeMap === null || counterSizeMap === void 0 ? void 0 : counterSizeMap[size]) !== null && _a !== void 0 ? _a : 's'; };
+var shouldShowIcon = function (enabled, size) { return enabled && size !== 'xxs'; };
+export var createDefaultStory = function (Button, Components) {
+    var Counter = Components.Counter, Icon = Components.Icon;
+    var getIcon = function (size) {
+        return Icon ? React.createElement(Icon, { size: size, color: "inherit" }) : React.createElement(IconMic, { size: getIconSize(size), color: "inherit" });
+    };
+    return function (_a) {
+        var enableContentLeft = _a.enableContentLeft, enableContentRight = _a.enableContentRight, enableCounter = _a.enableCounter, size = _a.size, rest = __rest(_a, ["enableContentLeft", "enableContentRight", "enableCounter", "size"]);
+        var computedContentSlot = function (predicate) { return (predicate ? getIcon(size) : undefined); };
+        var computedCounterSlot = function (predicate) {
+            return predicate ? React.createElement(Counter, { view: "accent", size: getCounterSize(size), count: 0 }) : undefined;
+        };
+        return (React.createElement(Button, __assign({ contentLeft: computedContentSlot(shouldShowIcon(enableContentLeft, size)), contentRight: computedContentSlot(shouldShowIcon(enableContentRight, size)), additionalContent: computedCounterSlot(enableCounter), size: size, onClick: onClick, onFocus: onFocus, onBlur: onBlur }, rest)));
+    };
+};
+//# sourceMappingURL=stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Button/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,IAAM,cAAc,GAAQ;IACxB,GAAG,EAAE,KAAK;IACV,EAAE,EAAE,KAAK;IACT,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,GAAG;IACN,EAAE,EAAE,GAAG;CACV,CAAC;AAEF,IAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAClC,IAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAClC,IAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;AAEhC,IAAM,WAAW,GAAG,UAAC,IAAY,IAAK,OAAA,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAA9C,CAA8C,CAAC;AACrF,IAAM,cAAc,GAAG,UAAC,IAAY,YAAK,OAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,IAAI,CAAC,mCAAI,GAAG,CAAA,EAAA,CAAC;AACvE,IAAM,cAAc,GAAG,UAAC,OAAgB,EAAE,IAAY,IAAK,OAAA,OAAO,IAAI,IAAI,KAAK,KAAK,EAAzB,CAAyB,CAAC;AAErF,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,MAAW,EAAE,UAAe;IACnD,IAAA,OAAO,GAAW,UAAU,QAArB,EAAE,IAAI,GAAK,UAAU,KAAf,CAAgB;IAErC,IAAM,OAAO,GAAG,UAAC,IAAY;QACzB,OAAO,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,EAAE,KAAK,EAAC,SAAS,GAAG,CAAC;IAC9G,CAAC,CAAC;IACF,OAAO,UAAC,EAA4E;QAA1E,IAAA,iBAAiB,uBAAA,EAAE,kBAAkB,wBAAA,EAAE,aAAa,mBAAA,EAAE,IAAI,UAAA,EAAK,IAAI,cAArE,oEAAuE,CAAF;QACzE,IAAM,mBAAmB,GAAG,UAAC,SAAkB,IAAK,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAvC,CAAuC,CAAC;QAC5F,IAAM,mBAAmB,GAAG,UAAC,SAAkB;YAC3C,OAAA,SAAS,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,GAAI,CAAC,CAAC,CAAC,SAAS;QAAvF,CAAuF,CAAC;QAE5F,OAAO,CACH,oBAAC,MAAM,aACH,WAAW,EAAE,mBAAmB,CAAC,cAAc,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC,EACzE,YAAY,EAAE,mBAAmB,CAAC,cAAc,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC,EAC3E,iBAAiB,EAAE,mBAAmB,CAAC,aAAa,CAAC,EACrD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,IACV,IAAI,EACV,CACL,CAAC;IACN,CAAC,CAAC;AACN,CAAC,CAAC"}

package/lib/components/ReactStrictModeDecorator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactStrictModeDecorator.js","sourceRoot":"","sources":["../../src/components/ReactStrictModeDecorator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,IAAM,4BAA4B,GAAG;IACxC,eAAe,EAAE;QACb,WAAW,EAAE,wCAAwC;QACrD,OAAO,EAAE;YACL,KAAK,EAAE,qBAAqB;YAC5B,KAAK,EAAE;gBACH,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE;gBACnC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;aACpC;SACJ;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAc,UAAC,KAAK,EAAE,OAAO;IACzD,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,eAAe,EAAE;QAClC,OAAO,oBAAC,KAAK,OAAG,CAAC;KACpB;IAED,OAAO,CACH,oBAAC,KAAK,CAAC,UAAU;QACb,oBAAC,KAAK,OAAG,CACM,CACtB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"ReactStrictModeDecorator.js","sourceRoot":"","sources":["../../src/components/ReactStrictModeDecorator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,IAAM,4BAA4B,GAAG;IACxC,eAAe,EAAE;QACb,WAAW,EAAE,wCAAwC;QACrD,OAAO,EAAE;YACL,KAAK,EAAE,qBAAqB;YAC5B,KAAK,EAAE;gBACH,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE;gBACnC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;aACpC;SACJ;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAc,UAAC,KAAc,EAAE,OAAqB;IAChF,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,eAAe,EAAE;QAClC,OAAO,oBAAC,KAAK,OAAG,CAAC;KACpB;IAED,OAAO,CACH,oBAAC,KAAK,CAAC,UAAU;QACb,oBAAC,KAAK,OAAG,CACM,CACtB,CAAC;AACN,CAAC,CAAC"}

package/lib/components/StoryDecorators.d.ts

@@ -1,2 +1,2 @@
-import { Decorator } from '@storybook/react';
+import type { Decorator } from '@storybook/react';
 export declare const InSpacing: Decorator;

package/lib/components/StoryDecorators.js.map

@@ -1 +1 @@
-{"version":3,"file":"StoryDecorators.js","sourceRoot":"","sources":["../../src/components/StoryDecorators.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,IAAM,SAAS,GAAc,UAAC,KAAK,IAAK,OAAA,CAC3C,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;IAC3B,oBAAC,KAAK,OAAG,CACP,CACT,EAJ8C,CAI9C,CAAC"}
+{"version":3,"file":"StoryDecorators.js","sourceRoot":"","sources":["../../src/components/StoryDecorators.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,IAAM,SAAS,GAAc,UAAC,KAAc,IAAK,OAAA,CACpD,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;IAC3B,oBAAC,KAAK,OAAG,CACP,CACT,EAJuD,CAIvD,CAAC"}

package/lib/components/index.d.ts

@@ -4,3 +4,4 @@ export { PaletteGrid } from './PaletteGrid';
 export { InSpacing as InSpacingDecorator } from './StoryDecorators';
 export { ThemeColors } from './ThemeColors';
 export { withReactStrictMode, reactStrictModePreviewOption } from './ReactStrictModeDecorator';
+export * from './Button';

package/lib/components/index.js

@@ -4,4 +4,5 @@ export { PaletteGrid } from './PaletteGrid';
 export { InSpacing as InSpacingDecorator } from './StoryDecorators';
 export { ThemeColors } from './ThemeColors';
 export { withReactStrictMode, reactStrictModePreviewOption } from './ReactStrictModeDecorator';
+export * from './Button';
 //# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAC/F,cAAc,UAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-sb-utils",
-  "version": "0.210.0-canary.2353.19638539568.0",
+  "version": "0.211.0-canary.2354.19672366908.0",
   "description": "Code shared between ui libraries.",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -20,7 +20,10 @@
   },
   "dependencies": {
     "@salutejs/plasma-colors": "0.16.0",
-    "@salutejs/plasma-core": "1.210.0-canary.2353.19638539568.0",
+    "@salutejs/plasma-core": "1.211.0-canary.2354.19672366908.0",
+    "@salutejs/plasma-icons": "1.228.0-canary.2354.19672366908.0",
+    "@storybook/addon-actions": "8.6.14",
+    "@storybook/react": "8.6.14",
     "param-case": "^3.0.4"
   },
   "peerDependencies": {
@@ -29,7 +32,6 @@
     "styled-components": "^5.1.1"
   },
   "devDependencies": {
-    "@storybook/react": "7.6.17",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
     "@types/styled-components": "^5.1.0",
@@ -44,5 +46,5 @@
   "files": [
     "lib"
   ],
-  "gitHead": "ac2b7ca0dd64251758a2fbdd640ef5cf12e59bfd"
+  "gitHead": "58fc749560c8d6eceecd98e42c0f4482e2ee2e15"
 }