@salutejs/plasma-sb-utils 0.247.0-next-sbcom.0 → 0.248.0-dev.0

package/lib/components/Carousel/stories.js

@@ -27,6 +27,16 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import styled from 'styled-components';
 var StyledCard = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    width: 400px;\n    height: 370px;\n    background-color: #add8e6;\n    font-size: 30px;\n"], ["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    width: 400px;\n    height: 370px;\n    background-color: #add8e6;\n    font-size: 30px;\n"])));
+var CompactCard = styled(StyledCard)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    width: 280px;\n    height: 180px;\n"], ["\n    width: 280px;\n    height: 180px;\n"])));
+var ScrollViewport = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    height: calc(100vh - 2rem);\n    overflow-y: auto;\n    background: #f3f4f6;\n    border-radius: 12px;\n"], ["\n    height: calc(100vh - 2rem);\n    overflow-y: auto;\n    background: #f3f4f6;\n    border-radius: 12px;\n"])));
+var Hint = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    padding: 12px 16px;\n    background: #111827;\n    color: #f9fafb;\n    font-size: 14px;\n    line-height: 1.45;\n"], ["\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    padding: 12px 16px;\n    background: #111827;\n    color: #f9fafb;\n    font-size: 14px;\n    line-height: 1.45;\n"])));
+var Band = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 72vh;\n    padding: 24px;\n    background: ", ";\n    color: #111827;\n    font-size: 28px;\n    font-weight: 600;\n    text-align: center;\n"], ["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 72vh;\n    padding: 24px;\n    background: ", ";\n    color: #111827;\n    font-size: 28px;\n    font-weight: 600;\n    text-align: center;\n"])), function (_a) {
+    var $tone = _a.$tone;
+    return $tone;
+});
+var Stage = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    padding: 24px 16px 8px;\n"], ["\n    padding: 24px 16px 8px;\n"])));
+var StageTitle = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    max-width: 720px;\n    margin: 0 auto 12px;\n    font-size: 16px;\n    font-weight: 600;\n"], ["\n    max-width: 720px;\n    margin: 0 auto 12px;\n    font-size: 16px;\n    font-weight: 600;\n"])));
+var CarouselFrame = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    max-width: 720px;\n    margin: 0 auto;\n"], ["\n    max-width: 720px;\n    margin: 0 auto;\n"])));
 export var createDefaultStory = function (CarouselComponent) {
     return function (_a) {
         var paginationDisabled = _a.paginationDisabled, visibleDots = _a.visibleDots, paginationCentered = _a.paginationCentered, loop = _a.loop, slides = _a.slides, rest = __rest(_a, ["paginationDisabled", "visibleDots", "paginationCentered", "loop", "slides"]);
@@ -44,5 +54,37 @@ export var createDefaultStory = function (CarouselComponent) {
                 }, loop: loop }, rest), items.map(function (item, i) { return (React.createElement(StyledCard, { key: i }, item.title)); }))));
     };
 };
-var templateObject_1;
+export var createVerticalScrollStory = function (CarouselComponent) {
+    return function (_a) {
+        var paginationDisabled = _a.paginationDisabled, visibleDots = _a.visibleDots, paginationCentered = _a.paginationCentered, loop = _a.loop, slides = _a.slides, swipeEnabled = _a.swipeEnabled, rest = __rest(_a, ["paginationDisabled", "visibleDots", "paginationCentered", "loop", "slides", "swipeEnabled"]);
+        var items = Array(slides)
+            .fill(1)
+            .map(function (_, i) { return ({
+            id: i,
+            title: i,
+        }); });
+        var paginationOptions = {
+            disabled: paginationDisabled,
+            visibleDots: visibleDots,
+            centered: paginationCentered,
+        };
+        var renderSlides = function () { return items.map(function (item, i) { return React.createElement(CompactCard, { key: i }, item.title); }); };
+        return (React.createElement(ScrollViewport, null,
+            React.createElement(Hint, null, "\u0412\u0435\u0440\u0442\u0438\u043A\u0430\u043B\u044C\u043D\u044B\u0439 \u0436\u0435\u0441\u0442 \u0438\u043B\u0438 \u043A\u043E\u043B\u0435\u0441\u043E \u043C\u044B\u0448\u0438 \u043F\u043E \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0435 \u0434\u043E\u043B\u0436\u043D\u044B \u043F\u0440\u043E\u043A\u0440\u0443\u0447\u0438\u0432\u0430\u0442\u044C \u044D\u0442\u0443 \u043E\u0431\u043B\u0430\u0441\u0442\u044C. \u0413\u043E\u0440\u0438\u0437\u043E\u043D\u0442\u0430\u043B\u044C\u043D\u044B\u0439 \u0441\u0432\u0430\u0439\u043F \u043B\u0438\u0441\u0442\u0430\u0435\u0442 \u0441\u043B\u0430\u0439\u0434\u044B \u0442\u043E\u043B\u044C\u043A\u043E \u0443 \u043D\u0438\u0436\u043D\u0435\u0439 \u043A\u0430\u0440\u0443\u0441\u0435\u043B\u0438, \u0435\u0441\u043B\u0438 swipeEnabled \u0432\u043A\u043B\u044E\u0447\u0451\u043D."),
+            React.createElement(Band, { "$tone": "#ede9fe" }, "\u041A\u043E\u043D\u0442\u0435\u043D\u0442 \u043D\u0430\u0434 \u043A\u0430\u0440\u0443\u0441\u0435\u043B\u044C\u044E"),
+            React.createElement(Stage, null,
+                React.createElement(StageTitle, null, "\u0411\u0435\u0437 \u0441\u0432\u0430\u0439\u043F\u0430. \u0412\u0435\u0440\u0442\u0438\u043A\u0430\u043B\u044C\u043D\u044B\u0439 \u0436\u0435\u0441\u0442 \u043F\u0440\u043E\u043A\u0440\u0443\u0447\u0438\u0432\u0430\u0435\u0442 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443."),
+                React.createElement(CarouselFrame, null,
+                    React.createElement(CarouselComponent, __assign({ paginationOptions: paginationOptions, loop: loop }, rest, { swipeEnabled: false }), renderSlides()))),
+            React.createElement(Band, { "$tone": "#d1fae5" }, "\u041C\u0435\u0436\u0434\u0443 \u043A\u0430\u0440\u0443\u0441\u0435\u043B\u044F\u043C\u0438"),
+            React.createElement(Stage, null,
+                React.createElement(StageTitle, null, swipeEnabled
+                    ? 'Со свайпом. Вертикальный жест прокручивает страницу, горизонтальный листает слайды.'
+                    : 'swipeEnabled выключен контролом. Оба направления отдают скролл странице.'),
+                React.createElement(CarouselFrame, null,
+                    React.createElement(CarouselComponent, __assign({ paginationOptions: paginationOptions, loop: loop }, rest, { swipeEnabled: swipeEnabled }), renderSlides()))),
+            React.createElement(Band, { "$tone": "#ffedd5" }, "\u041A\u043E\u043D\u0442\u0435\u043D\u0442 \u043F\u043E\u0434 \u043A\u0430\u0440\u0443\u0441\u0435\u043B\u044C\u044E. \u0415\u0441\u043B\u0438 \u044D\u0442\u043E\u0442 \u0431\u043B\u043E\u043A \u0432\u0438\u0434\u0435\u043D \u043F\u043E\u0441\u043B\u0435 \u0432\u0435\u0440\u0442\u0438\u043A\u0430\u043B\u044C\u043D\u043E\u0433\u043E \u0436\u0435\u0441\u0442\u0430 \u043F\u043E \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0435, \u0441\u043A\u0440\u043E\u043B\u043B \u043D\u0435 \u0437\u0430\u0431\u043B\u043E\u043A\u0438\u0440\u043E\u0432\u0430\u043D.")));
+    };
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
 //# sourceMappingURL=stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Carousel/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,yQAAA,sMAS5B,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,iBAAsB;IACrD,OAAO,UAAC,EAAmF;QAAjF,IAAA,kBAAkB,wBAAA,EAAE,WAAW,iBAAA,EAAE,kBAAkB,wBAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAA5E,6EAA8E,CAAF;QAChF,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;aACtB,IAAI,CAAC,CAAC,CAAC;aACP,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC;YACZ,EAAE,EAAE,CAAC;YACL,KAAK,EAAE,CAAC;SACX,CAAC,EAHa,CAGb,CAAC,CAAC;QAER,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;YAC1B,oBAAC,iBAAiB,aACd,iBAAiB,EAAE;oBACf,QAAQ,EAAE,kBAAkB;oBAC5B,WAAW,aAAA;oBACX,QAAQ,EAAE,kBAAkB;iBAC/B,EACD,IAAI,EAAE,IAAI,IACN,IAAI,GAEP,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC,IAAK,OAAA,CACpB,oBAAC,UAAU,IAAC,GAAG,EAAE,CAAC,IAAG,IAAI,CAAC,KAAK,CAAc,CAChD,EAFuB,CAEvB,CAAC,CACc,CAClB,CACT,CAAC;IACN,CAAC,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Carousel/stories.tsx"],"names":[],"mappings":"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"}

package/lib/components/Chip/Chip.d.ts

@@ -23,97 +23,64 @@ export declare const getChipStories: (config: CreateChipStoriesProps) => {
             enableContentRight: boolean;
         };
         argTypes: {
+            enableContentLeft: {
+                control: {
+                    type: string;
+                };
+            };
+            enableContentRight: {
+                control: {
+                    type: string;
+                };
+            };
             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;
-                };
             };
             disabled: {
                 control: {
                     type: string;
                 };
-                table: {
-                    category: string;
-                };
             };
             focused: {
                 control: {
                     type: string;
                 };
-                table: {
-                    category: string;
-                };
             };
             text: {
                 control: {
                     type: string;
                 };
-                table: {
-                    category: string;
-                };
             };
             pilled: {
                 control: {
                     type: string;
                 };
-                table: {
-                    category: string;
-                };
             };
             pin: {
                 options: string[];
                 control: {
                     type: string;
                 };
-                table: {
-                    category: string;
-                };
             };
             hasClear: {
                 control: {
                     type: string;
                 };
-                table: {
-                    category: string;
-                };
-            };
-            enableContentLeft: {
-                control: {
-                    type: string;
-                };
-                table: {
-                    category: string;
-                };
-            };
-            enableContentRight: {
-                control: {
-                    type: string;
-                };
-                table: {
-                    category: string;
-                };
             };
         };
     };

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

@@ -22,97 +22,64 @@ export declare const createMeta: ({ component, componentConfig, title, defaultAr
         enableContentRight: boolean;
     };
     argTypes: {
+        enableContentLeft: {
+            control: {
+                type: string;
+            };
+        };
+        enableContentRight: {
+            control: {
+                type: string;
+            };
+        };
         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;
-            };
         };
         disabled: {
             control: {
                 type: string;
             };
-            table: {
-                category: string;
-            };
         };
         focused: {
             control: {
                 type: string;
             };
-            table: {
-                category: string;
-            };
         };
         text: {
             control: {
                 type: string;
             };
-            table: {
-                category: string;
-            };
         };
         pilled: {
             control: {
                 type: string;
             };
-            table: {
-                category: string;
-            };
         };
         pin: {
             options: string[];
             control: {
                 type: string;
             };
-            table: {
-                category: string;
-            };
         };
         hasClear: {
             control: {
                 type: string;
             };
-            table: {
-                category: string;
-            };
-        };
-        enableContentLeft: {
-            control: {
-                type: string;
-            };
-            table: {
-                category: string;
-            };
-        };
-        enableContentRight: {
-            control: {
-                type: string;
-            };
-            table: {
-                category: string;
-            };
         };
     };
 };

package/lib/components/Chip/meta.js

@@ -18,7 +18,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { disableProps, InSpacingDecorator } from '../../index';
+import { disableProps, InSpacingDecorator, exampleOnly } from '../../index';
 import { appearances, pinValues } from './fixtures';
 var commonDisabledArgs = ['focused', 'readOnly', 'onClear', 'contentLeft', 'contentRight', 'contentClearButton'];
 export var createMeta = function (_a) {
@@ -28,44 +28,36 @@ export var createMeta = function (_a) {
         decorators: [InSpacingDecorator],
         component: component,
         args: __assign({ view: 'default', size: 'm', appearance: 'default', text: 'Hello', hasClear: true, disabled: false, pilled: false, enableContentLeft: false, enableContentRight: false }, defaultArgs),
-        argTypes: __assign(__assign({ view: {
+        argTypes: __assign(__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' },
             }, disabled: {
                 control: { type: 'boolean' },
-                table: { category: 'variation' },
             }, focused: {
                 control: { type: 'boolean' },
-                table: { category: 'variation' },
             }, text: {
                 control: { type: 'text' },
-                table: { category: 'layout' },
             }, pilled: {
                 control: { type: 'boolean' },
-                table: { category: 'layout' },
             }, pin: {
                 options: pinValues,
                 control: { type: 'select' },
-                table: { category: 'layout' },
             }, hasClear: {
                 control: { type: 'boolean' },
-                table: { category: 'layout' },
-            }, enableContentLeft: {
+            } }, exampleOnly({
+            enableContentLeft: {
                 control: { type: 'boolean' },
-                table: { category: 'layout' },
-            }, enableContentRight: {
+            },
+            enableContentRight: {
                 control: { type: 'boolean' },
-                table: { category: 'layout' },
-            } }, additionalArgTypes), disableProps(__spreadArray(__spreadArray(__spreadArray([], commonDisabledArgs, true), ['textGradientOption'], false), disablePropsList, true))),
+            },
+        })), additionalArgTypes), disableProps(__spreadArray(__spreadArray(__spreadArray([], commonDisabledArgs, true), ['textGradientOption'], false), disablePropsList, true))),
     };
 };
 //# sourceMappingURL=meta.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/Chip/meta.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/Chip/meta.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAWpD,IAAM,kBAAkB,GAAG,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,oBAAoB,CAAC,CAAC;AAEnH,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,UAAU,EAAE,SAAS,EACrB,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,KAAK,EACf,MAAM,EAAE,KAAK,EACb,iBAAiB,EAAE,KAAK,EACxB,kBAAkB,EAAE,KAAK,IACtB,WAAW,CACjB;QACD,QAAQ,+BACJ,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,UAAU,EAAE;gBACR,OAAO,EAAE,WAAW;gBACpB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;aAC9B,EACD,QAAQ,EAAE;gBACN,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;aAC/B,EACD,OAAO,EAAE;gBACL,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;aAC/B,EACD,IAAI,EAAE;gBACF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;aAC5B,EACD,MAAM,EAAE;gBACJ,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;aAC/B,EACD,GAAG,EAAE;gBACD,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;aAC9B,EACD,QAAQ,EAAE;gBACN,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;aAC/B,IACE,WAAW,CAAC;YACX,iBAAiB,EAAE;gBACf,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;aAC/B;YACD,kBAAkB,EAAE;gBAChB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;aAC/B;SACJ,CAAC,GACC,kBAAkB,GAClB,YAAY,+CAAK,kBAAkB,UAAE,oBAAoB,WAAK,gBAAgB,QAAE,CACtF;KACJ,CAAC;AACN,CAAC,CAAC"}

package/lib/components/CodeArea/CodeArea.d.ts

@@ -24,91 +24,61 @@ export declare const getCodeAreaStories: (config: CreateCodeAreaStoriesProps) =>
             height: string;
         };
         argTypes: {
-            size: {
-                options: any;
+            hasContentOuter: {
                 control: {
                     type: string;
                 };
-                table: {
-                    category: string;
-                };
             };
-            appearance: {
-                options: string[];
+            hasHeaderSlot: {
                 control: {
                     type: string;
                 };
-                table: {
-                    category: string;
-                };
             };
-            language: {
-                options: string[];
+            hasAction: {
                 control: {
                     type: string;
                 };
-                table: {
-                    category: string;
-                };
             };
-            showLineNumbers: {
+            height: {
                 control: {
                     type: string;
                 };
-                table: {
-                    category: string;
-                };
             };
-            hasContentOuter: {
+            width: {
                 control: {
                     type: string;
                 };
-                table: {
-                    category: string;
-                };
             };
-            hasHeaderSlot: {
+            size: {
+                options: any;
                 control: {
                     type: string;
                 };
-                table: {
-                    category: string;
-                };
             };
-            hasDivider: {
+            appearance: {
+                options: string[];
                 control: {
                     type: string;
                 };
-                table: {
-                    category: string;
-                };
-                if: {
-                    arg: string;
-                    truthy: boolean;
-                };
             };
-            hasAction: {
+            language: {
+                options: string[];
                 control: {
                     type: string;
                 };
-                table: {
-                    category: string;
-                };
             };
-            height: {
+            showLineNumbers: {
                 control: {
                     type: string;
                 };
-                table: {
-                    category: string;
-                };
             };
-            width: {
+            hasDivider: {
                 control: {
                     type: string;
                 };
-                table: {
-                    category: string;
+                if: {
+                    arg: string;
+                    truthy: boolean;
                 };
             };
         };

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

@@ -23,91 +23,61 @@ export declare const createMeta: ({ component, componentConfig, title, defaultAr
         height: string;
     };
     argTypes: {
-        size: {
-            options: any;
+        hasContentOuter: {
             control: {
                 type: string;
             };
-            table: {
-                category: string;
-            };
         };
-        appearance: {
-            options: string[];
+        hasHeaderSlot: {
             control: {
                 type: string;
             };
-            table: {
-                category: string;
-            };
         };
-        language: {
-            options: string[];
+        hasAction: {
             control: {
                 type: string;
             };
-            table: {
-                category: string;
-            };
         };
-        showLineNumbers: {
+        height: {
             control: {
                 type: string;
             };
-            table: {
-                category: string;
-            };
         };
-        hasContentOuter: {
+        width: {
             control: {
                 type: string;
             };
-            table: {
-                category: string;
-            };
         };
-        hasHeaderSlot: {
+        size: {
+            options: any;
             control: {
                 type: string;
             };
-            table: {
-                category: string;
-            };
         };
-        hasDivider: {
+        appearance: {
+            options: string[];
             control: {
                 type: string;
             };
-            table: {
-                category: string;
-            };
-            if: {
-                arg: string;
-                truthy: boolean;
-            };
         };
-        hasAction: {
+        language: {
+            options: string[];
             control: {
                 type: string;
             };
-            table: {
-                category: string;
-            };
         };
-        height: {
+        showLineNumbers: {
             control: {
                 type: string;
             };
-            table: {
-                category: string;
-            };
         };
-        width: {
+        hasDivider: {
             control: {
                 type: string;
             };
-            table: {
-                category: string;
+            if: {
+                arg: string;
+                truthy: boolean;
             };
         };
     };

package/lib/components/CodeArea/meta.js

@@ -18,7 +18,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { disableProps, InSpacingDecorator } from '../../index';
+import { disableProps, InSpacingDecorator, exampleOnly } from '../../index';
 import { codeLanguages } from './fixtures';
 export var createMeta = function (_a) {
     var component = _a.component, componentConfig = _a.componentConfig, _b = _a.title, title = _b === void 0 ? 'Data Display/CodeArea' : _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;
@@ -27,41 +27,37 @@ export var createMeta = function (_a) {
         decorators: [InSpacingDecorator],
         component: component,
         args: __assign({ size: 'm', appearance: 'default', language: 'json', showLineNumbers: false, hasContentOuter: false, hasHeaderSlot: false, hasDivider: false, hasAction: false, width: '640px', height: 'auto' }, defaultArgs),
-        argTypes: __assign(__assign({ size: {
+        argTypes: __assign(__assign(__assign({ size: {
                 options: componentConfig.sizes,
                 control: { type: 'select' },
-                table: { category: 'variation' },
             }, appearance: {
                 options: ['default', 'hasWrapper'],
                 control: { type: 'select' },
-                table: { category: 'variation' },
             }, language: {
                 options: codeLanguages,
                 control: { type: 'select' },
-                table: { category: 'code-related' },
             }, showLineNumbers: {
                 control: { type: 'boolean' },
-                table: { category: 'code-related' },
-            }, hasContentOuter: {
-                control: { type: 'boolean' },
-                table: { category: 'layout' },
-            }, hasHeaderSlot: {
-                control: { type: 'boolean' },
-                table: { category: 'layout' },
             }, hasDivider: {
                 control: { type: 'boolean' },
-                table: { category: 'layout' },
                 if: { arg: 'hasHeaderSlot', truthy: true },
-            }, hasAction: {
+            } }, exampleOnly({
+            hasContentOuter: {
+                control: { type: 'boolean' },
+            },
+            hasHeaderSlot: {
+                control: { type: 'boolean' },
+            },
+            hasAction: {
                 control: { type: 'boolean' },
-                table: { category: 'layout' },
-            }, height: {
+            },
+            height: {
                 control: { type: 'text' },
-                table: { category: 'layout' },
-            }, width: {
+            },
+            width: {
                 control: { type: 'text' },
-                table: { category: 'layout' },
-            } }, additionalArgTypes), disableProps(__spreadArray([
+            },
+        })), additionalArgTypes), disableProps(__spreadArray([
             'view',
             'children',
             'contentOuter',

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

@@ -1 +1 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/CodeArea/meta.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAW3C,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAOT;QANd,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,aAA+B,EAA/B,KAAK,mBAAG,uBAAuB,KAAA,EAC/B,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,GAAG,EACT,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,MAAM,EAChB,eAAe,EAAE,KAAK,EACtB,eAAe,EAAE,KAAK,EACtB,aAAa,EAAE,KAAK,EACpB,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,IACX,WAAW,CACjB;QACD,QAAQ,sBACJ,IAAI,EAAE;gBACF,OAAO,EAAE,eAAe,CAAC,KAAK;gBAC9B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gBAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE;aACnC,EACD,UAAU,EAAE;gBACR,OAAO,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC;gBAClC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gBAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE;aACnC,EACD,QAAQ,EAAE;gBACN,OAAO,EAAE,aAAa;gBACtB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gBAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE;aACtC,EACD,eAAe,EAAE;gBACb,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC5B,KAAK,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE;aACtC,EACD,eAAe,EAAE;gBACb,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC5B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;aAChC,EACD,aAAa,EAAE;gBACX,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC5B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;aAChC,EACD,UAAU,EAAE;gBACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC5B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;gBAC7B,EAAE,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE;aAC7C,EACD,SAAS,EAAE;gBACP,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC5B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;aAChC,EACD,MAAM,EAAE;gBACJ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;gBACzB,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;aAChC,EACD,KAAK,EAAE;gBACH,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;gBACzB,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;aAChC,IACE,kBAAkB,GAClB,YAAY;YACX,MAAM;YACN,UAAU;YACV,cAAc;YACd,eAAe;YACf,eAAe;WACZ,gBAAgB,QACrB,CACL;KACJ,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/CodeArea/meta.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE5E,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAW3C,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAOT;QANd,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,aAA+B,EAA/B,KAAK,mBAAG,uBAAuB,KAAA,EAC/B,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,GAAG,EACT,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,MAAM,EAChB,eAAe,EAAE,KAAK,EACtB,eAAe,EAAE,KAAK,EACtB,aAAa,EAAE,KAAK,EACpB,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,IACX,WAAW,CACjB;QACD,QAAQ,+BACJ,IAAI,EAAE;gBACF,OAAO,EAAE,eAAe,CAAC,KAAK;gBAC9B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;aAC9B,EACD,UAAU,EAAE;gBACR,OAAO,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC;gBAClC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;aAC9B,EACD,QAAQ,EAAE;gBACN,OAAO,EAAE,aAAa;gBACtB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;aAC9B,EACD,eAAe,EAAE;gBACb,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;aAC/B,EACD,UAAU,EAAE;gBACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC5B,EAAE,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE;aAC7C,IACE,WAAW,CAAC;YACX,eAAe,EAAE;gBACb,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;aAC/B;YACD,aAAa,EAAE;gBACX,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;aAC/B;YACD,SAAS,EAAE;gBACP,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;aAC/B;YACD,MAAM,EAAE;gBACJ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;aAC5B;YACD,KAAK,EAAE;gBACH,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;aAC5B;SACJ,CAAC,GACC,kBAAkB,GAClB,YAAY;YACX,MAAM;YACN,UAAU;YACV,cAAc;YACd,eAAe;YACf,eAAe;WACZ,gBAAgB,QACrB,CACL;KACJ,CAAC;AACN,CAAC,CAAC"}