@pingux/astro 2.128.1-alpha.0 → 2.129.0-alpha.1

package/lib/cjs/components/AIComponents/AIPanel/AIPanel.stories.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
-declare const _default: {
-    component: (props: import("../../../types/aiPanel").AIPanelProps) => React.JSX.Element;
-    title: string;
-};
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
 export declare const Default: () => React.JSX.Element;

package/lib/cjs/components/AIComponents/AIPanel/AIPanel.stories.js

@@ -22,7 +22,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var _default = {
   component: _AIPanel["default"],
-  title: 'AI Components/AI Panel'
+  title: 'AI Components/AI Panel',
+  parameters: {
+    codesandbox: false
+  }
 };
 exports["default"] = _default;
 var AIMenuPopover = function AIMenuPopover() {

package/lib/cjs/components/AIComponents/Prompt/Prompt.stories.js

@@ -12,7 +12,10 @@ var _Prompt = _interopRequireDefault(require("./Prompt"));
 var _react2 = require("@emotion/react");
 var _default = {
   title: 'AI Components/Prompt',
-  component: _Prompt["default"]
+  component: _Prompt["default"],
+  parameters: {
+    codesandbox: false
+  }
 };
 exports["default"] = _default;
 var Default = function Default() {

package/lib/cjs/components/AIComponents/PromptInput/PromptInput.stories.d.ts

@@ -1,19 +1,4 @@
 import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("../../../types/promptInput").PromptInputProps & React.RefAttributes<HTMLInputElement>>;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            source: {
-                type: string;
-            };
-        };
-    };
-    argTypes: {
-        isLoading: any;
-        isUploadButtonHidden: any;
-    };
-};
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
 export declare const Default: (args: any) => React.JSX.Element;

package/lib/cjs/components/AIComponents/PromptInput/PromptInput.stories.js

@@ -36,11 +36,9 @@ var _default = {
     docs: {
       page: function page() {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_PromptInputReadMe["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
-      },
-      source: {
-        type: 'code'
       }
-    }
+    },
+    codesandbox: false
   },
   argTypes: {
     isLoading: _objectSpread({}, _docArgTypes.booleanArg),

package/lib/cjs/components/AIComponents/Response/Response.stories.d.ts

@@ -1,16 +1,5 @@
 import React from 'react';
-declare const _default: {
-    title: string;
-    component: (props: import("../../../types/response").ResponseProps) => React.JSX.Element;
-    parameters: {
-        docs: {
-            page: () => React.JSX.Element;
-            source: {
-                type: string;
-            };
-        };
-    };
-};
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
-export declare const Default: (args: any) => React.JSX.Element;
+export declare const Default: () => React.JSX.Element;
 export declare const MarkdownStory: () => React.JSX.Element;

package/lib/cjs/components/AIComponents/Response/Response.stories.js

@@ -30,16 +30,14 @@ var _default = {
     docs: {
       page: function page() {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Response["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
-      },
-      source: {
-        type: 'code'
       }
-    }
+    },
+    codesandbox: false
   }
 };
 exports["default"] = _default;
 var testText = 'Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet';
-var Default = function Default(args) {
+var Default = function Default() {
   var icons = [{
     title: 'Read aloud',
     icon: _VolumeHighIcon["default"]

package/lib/cjs/components/AIComponents/Suggestions/Suggestions.stories.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-declare const _default: {
-    title: string;
-    component: (props: import("../../../types/suggestions").SuggestionsProps) => React.JSX.Element;
-};
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
 export default _default;
 export declare const Default: () => React.JSX.Element;
 export declare const FullScreen: () => React.JSX.Element;

package/lib/cjs/components/AIComponents/Suggestions/Suggestions.stories.js

@@ -11,7 +11,8 @@ var _index = require("../../../index");
 var _react2 = require("@emotion/react");
 var _default = {
   title: 'Ai Components/Suggestions',
-  component: _index.Suggestions
+  component: _index.Suggestions,
+  codesandbox: false
 };
 exports["default"] = _default;
 var lorem = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.';

package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js

@@ -81,7 +81,8 @@ var _default = {
       mdx: _AccordionGridGroup["default"]
     }, {
       label: 'Implementation'
-    }]
+    }],
+    codesandbox: false
   },
   argTypes: {
     id: {

package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.d.ts

@@ -17,6 +17,7 @@ export declare const DifferentLevels: {
             type: string;
             url: string;
         };
+        codesandbox: boolean;
     };
 };
 export declare const Multiple: {
@@ -26,10 +27,21 @@ export declare const Multiple: {
             type: string;
             url: string;
         };
+        codesandbox: boolean;
+    };
+};
+export declare const ControlledExpanded: {
+    (): React.JSX.Element;
+    parameters: {
+        codesandbox: boolean;
+    };
+};
+export declare const UncontrolledExpanded: {
+    (): React.JSX.Element;
+    parameters: {
+        codesandbox: boolean;
     };
 };
-export declare const ControlledExpanded: () => React.JSX.Element;
-export declare const UncontrolledExpanded: () => React.JSX.Element;
 export declare const DisabledState: {
     (): React.JSX.Element;
     parameters: {
@@ -37,6 +49,7 @@ export declare const DisabledState: {
             type: string;
             url: string;
         };
+        codesandbox: boolean;
     };
 };
 export declare const CustomPresentation: {
@@ -47,7 +60,13 @@ export declare const CustomPresentation: {
                 story: string;
             };
         };
+        codesandbox: boolean;
     };
 };
 export declare const LabelWithBadge: (args: any) => React.JSX.Element;
-export declare const AccordionWithSlot: (args: any) => React.JSX.Element;
+export declare const AccordionWithSlot: {
+    (): React.JSX.Element;
+    parameters: {
+        codesandbox: boolean;
+    };
+};

package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js

@@ -12,7 +12,6 @@ exports["default"] = exports.UncontrolledExpanded = exports.Multiple = exports.L
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _reactStately = require("react-stately");
 var _storybookAddonDesigns = require("storybook-addon-designs");
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
@@ -66,9 +65,11 @@ var _default = {
     docs: {
       page: function page() {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_AccordionGroup["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
-      },
-      source: {
-        type: 'code'
+      }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/astro': ['AccordionGroup', 'Badge', 'Box', 'Button', 'HelpHint', 'Item', 'Text', 'TextField']
       }
     }
   },
@@ -102,7 +103,7 @@ exports["default"] = _default;
 var Default = function Default(args) {
   return (0, _react2.jsx)(_index.AccordionGroup, (0, _extends2["default"])({
     labelHeadingTag: "h3"
-  }, args), (0, _react2.jsx)(_reactStately.Item, {
+  }, args), (0, _react2.jsx)(_index.Item, {
     key: "accordionKey",
     textValue: "accordionKey",
     label: "Accordion Label",
@@ -119,14 +120,14 @@ Default.parameters = {
 var DifferentLevels = function DifferentLevels() {
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.AccordionGroup, {
     labelHeadingTag: "h3"
-  }, (0, _react2.jsx)(_reactStately.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "accordionLabelH3Key",
     textValue: "accordionLabelH3Key",
     label: "Accordion Label H3",
     "data-id": "accordionItem"
   }, (0, _react2.jsx)(_index.Text, null, "Render me!"))), (0, _react2.jsx)(_index.AccordionGroup, {
     labelHeadingTag: "h2"
-  }, (0, _react2.jsx)(_reactStately.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "accordionLabelH2Key",
     textValue: "accordionLabelH2Key",
     label: "Accordion Label H2",
@@ -138,7 +139,8 @@ DifferentLevels.parameters = {
   design: {
     type: 'figma',
     url: _figmaLinks.FIGMA_LINKS.accordionGroup.differentLevels
-  }
+  },
+  codesandbox: false
 };
 var Multiple = function Multiple() {
   return (
@@ -155,7 +157,7 @@ var Multiple = function Multiple() {
       labelHeadingTag: "h3"
     }, function (item) {
       var _label;
-      return (0, _react2.jsx)(_reactStately.Item, {
+      return (0, _react2.jsx)(_index.Item, {
         key: item.key,
         textValue: (_label = item.label) === null || _label === void 0 ? void 0 : _label.toString(),
         label: item.label
@@ -168,7 +170,8 @@ Multiple.parameters = {
   design: {
     type: 'figma',
     url: _figmaLinks.FIGMA_LINKS.accordionGroup.multiple
-  }
+  },
+  codesandbox: false
 };
 var ControlledExpanded = function ControlledExpanded() {
   var _useState = (0, _react.useState)(['t3']),
@@ -194,7 +197,7 @@ var ControlledExpanded = function ControlledExpanded() {
       labelHeadingTag: "h3"
     }, function (item) {
       var _label2;
-      return (0, _react2.jsx)(_reactStately.Item, {
+      return (0, _react2.jsx)(_index.Item, {
         key: item.key,
         textValue: (_label2 = item.label) === null || _label2 === void 0 ? void 0 : _label2.toString(),
         label: item.label
@@ -203,6 +206,9 @@ var ControlledExpanded = function ControlledExpanded() {
   );
 };
 exports.ControlledExpanded = ControlledExpanded;
+ControlledExpanded.parameters = {
+  codesandbox: false
+};
 var UncontrolledExpanded = function UncontrolledExpanded() {
   return (
     /*
@@ -218,7 +224,7 @@ var UncontrolledExpanded = function UncontrolledExpanded() {
       labelHeadingTag: "h3"
     }, function (item) {
       var _label3;
-      return (0, _react2.jsx)(_reactStately.Item, {
+      return (0, _react2.jsx)(_index.Item, {
         key: item.key,
         textValue: (_label3 = item.label) === null || _label3 === void 0 ? void 0 : _label3.toString(),
         label: item.label
@@ -227,6 +233,9 @@ var UncontrolledExpanded = function UncontrolledExpanded() {
   );
 };
 exports.UncontrolledExpanded = UncontrolledExpanded;
+UncontrolledExpanded.parameters = {
+  codesandbox: false
+};
 var DisabledState = function DisabledState() {
   return (
     /*
@@ -242,7 +251,7 @@ var DisabledState = function DisabledState() {
       labelHeadingTag: "h3"
     }, function (item) {
       var _label4;
-      return (0, _react2.jsx)(_reactStately.Item, {
+      return (0, _react2.jsx)(_index.Item, {
         key: item.key,
         textValue: (_label4 = item.label) === null || _label4 === void 0 ? void 0 : _label4.toString(),
         label: item.label
@@ -255,7 +264,8 @@ DisabledState.parameters = {
   design: {
     type: 'figma',
     url: _figmaLinks.FIGMA_LINKS.accordionGroup.disabledState
-  }
+  },
+  codesandbox: false
 };
 var CustomPresentation = function CustomPresentation() {
   return (
@@ -271,7 +281,7 @@ var CustomPresentation = function CustomPresentation() {
       labelHeadingTag: "h3"
     }, function (item) {
       var _label5;
-      return (0, _react2.jsx)(_reactStately.Item, {
+      return (0, _react2.jsx)(_index.Item, {
         key: item.key,
         textValue: (_label5 = item.label) === null || _label5 === void 0 ? void 0 : _label5.toString(),
         label: item.label,
@@ -294,12 +304,13 @@ CustomPresentation.parameters = {
     description: {
       story: 'In addition to customizing the theme, prop objects can be passed to certain elements. This allows for simple customization in a pinch. See the source code below for an example.'
     }
-  }
+  },
+  codesandbox: false
 };
 var LabelWithBadge = function LabelWithBadge(args) {
   return (0, _react2.jsx)(_index.AccordionGroup, (0, _extends2["default"])({}, args, {
     labelHeadingTag: "h4"
-  }), (0, _react2.jsx)(_reactStately.Item, {
+  }), (0, _react2.jsx)(_index.Item, {
     key: "accordionKey",
     textValue: "accordionKey",
     label: (0, _react2.jsx)(_index.Box, {
@@ -319,10 +330,10 @@ var LabelWithBadge = function LabelWithBadge(args) {
   }, (0, _react2.jsx)(_index.Text, null, "Render me!")));
 };
 exports.LabelWithBadge = LabelWithBadge;
-var AccordionWithSlot = function AccordionWithSlot(args) {
-  return (0, _react2.jsx)(_index.AccordionGroup, (0, _extends2["default"])({
+var AccordionWithSlot = function AccordionWithSlot() {
+  return (0, _react2.jsx)(_index.AccordionGroup, {
     labelHeadingTag: "h3"
-  }, args), (0, _react2.jsx)(_reactStately.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "accordionKey",
     textValue: "accordionKey",
     label: "Accordion Label",
@@ -332,4 +343,7 @@ var AccordionWithSlot = function AccordionWithSlot(args) {
     }
   }, (0, _react2.jsx)(_index.Text, null, "Render me!")));
 };
-exports.AccordionWithSlot = AccordionWithSlot;
+exports.AccordionWithSlot = AccordionWithSlot;
+AccordionWithSlot.parameters = {
+  codesandbox: false
+};

package/lib/cjs/components/ArrayField/ArrayField.stories.d.ts

@@ -6,9 +6,5 @@ export default _default;
 export declare const Uncontrolled: StoryFn<ArrayFieldProps>;
 export declare const Controlled: StoryFn<ArrayFieldProps>;
 export declare const WithLimitedItemsNumber: StoryFn<ArrayFieldProps>;
-export declare const Customizations: ({ ...args }: {
-    [x: string]: any;
-}) => React.JSX.Element;
-export declare const WithBothSlots: ({ ...args }: {
-    [x: string]: any;
-}) => React.JSX.Element;
+export declare const Customizations: () => React.JSX.Element;
+export declare const WithBothSlots: () => React.JSX.Element;

package/lib/cjs/components/ArrayField/ArrayField.stories.js

@@ -33,15 +33,13 @@ var _default = {
   title: 'Form/ArrayField',
   component: _index.ArrayField,
   parameters: {
+    codesandbox: false,
     actions: {
       argTypesRegex: '^on.*'
     },
     docs: {
       page: function page() {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_ArrayField["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
-      },
-      source: {
-        type: 'code'
       }
     }
   },
@@ -88,8 +86,11 @@ var defaultData = [{
 }];
 var Uncontrolled = function Uncontrolled(_ref) {
   var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return (0, _react2.jsx)(_index.ArrayField, (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.ArrayField, {
     defaultValue: defaultData,
+    label: "Array field label",
+    helperText: "Helper text info...",
+    addButtonLabel: "+ Add field",
     labelProps: {
       hintText: 'Example Hint',
       isRequired: true,
@@ -118,7 +119,7 @@ var Uncontrolled = function Uncontrolled(_ref) {
     sx: {
       width: '400px'
     }
-  }, args));
+  });
 };
 exports.Uncontrolled = Uncontrolled;
 var Controlled = function Controlled(_ref2) {
@@ -245,13 +246,12 @@ var Controlled = function Controlled(_ref2) {
     sx: {
       width: '400px'
     },
-    label: args.label
+    label: "Array field label"
   });
 };
 exports.Controlled = Controlled;
-var WithLimitedItemsNumber = function WithLimitedItemsNumber(_ref4) {
-  var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref4), _ref4));
-  return (0, _react2.jsx)(_index.ArrayField, (0, _extends2["default"])({
+var WithLimitedItemsNumber = function WithLimitedItemsNumber() {
+  return (0, _react2.jsx)(_index.ArrayField, {
     defaultValue: defaultData,
     renderField: function renderField(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps) {
       return (0, _react2.jsx)(_index.TextField, (0, _extends2["default"])({
@@ -274,13 +274,15 @@ var WithLimitedItemsNumber = function WithLimitedItemsNumber(_ref4) {
     sx: {
       width: '400px'
     },
-    maxSize: 3
-  }, args));
+    maxSize: 3,
+    label: "Array field label",
+    helperText: "Helper text info...",
+    addButtonLabel: "+ Add field"
+  });
 };
 exports.WithLimitedItemsNumber = WithLimitedItemsNumber;
-var Customizations = function Customizations(_ref5) {
-  var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref5), _ref5));
-  return (0, _react2.jsx)(_index.ArrayField, (0, _extends2["default"])({
+var Customizations = function Customizations() {
+  return (0, _react2.jsx)(_index.ArrayField, {
     fieldControlWrapperProps: {
       overflowY: 'scroll',
       maxHeight: '150px'
@@ -315,12 +317,14 @@ var Customizations = function Customizations(_ref5) {
           })
         }
       }, otherFieldProps)));
-    }
-  }, args));
+    },
+    label: "Array field label",
+    helperText: "Helper text info...",
+    addButtonLabel: "+ Add field"
+  });
 };
 exports.Customizations = Customizations;
-var WithBothSlots = function WithBothSlots(_ref6) {
-  var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref6), _ref6));
+var WithBothSlots = function WithBothSlots() {
   var LeftSlot = (0, _react2.jsx)(_index.Button, {
     "aria-label": "Add field",
     variant: "link",
@@ -343,7 +347,7 @@ var WithBothSlots = function WithBothSlots(_ref6) {
     variant: "label",
     color: "active"
   }, "Right slot"));
-  return (0, _react2.jsx)(_index.ArrayField, (0, _extends2["default"])({
+  return (0, _react2.jsx)(_index.ArrayField, {
     defaultValue: defaultData,
     sx: {
       width: '450px'
@@ -378,7 +382,10 @@ var WithBothSlots = function WithBothSlots(_ref6) {
           })
         }
       }, otherFieldProps)));
-    }
-  }, args));
+    },
+    label: "Array field label",
+    helperText: "Helper text info...",
+    addButtonLabel: "+ Add field"
+  });
 };
 exports.WithBothSlots = WithBothSlots;

package/lib/cjs/components/AstroProvider/AstroProvider.stories.js

@@ -19,7 +19,8 @@ var _default = {
       page: function page() {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_AstroProvider["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
       }
-    }
+    },
+    codesandbox: false
   },
   decorators: [function (Story) {
     return (0, _react2.jsx)("div", null, (0, _react2.jsx)(Story, null));

package/lib/cjs/components/Avatar/Avatar.stories.js

@@ -9,6 +9,7 @@ exports["default"] = exports.Default = void 0;
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _storybookAddonDesigns = require("storybook-addon-designs");
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
 var _images = require("../../utils/devUtils/constants/images");
@@ -17,13 +18,11 @@ var _react2 = require("@emotion/react");
 var _default = {
   title: 'Components/Avatar',
   component: _index.Avatar,
+  decorators: [_storybookAddonDesigns.withDesign],
   parameters: {
     docs: {
       page: function page() {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Avatar["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
-      },
-      source: {
-        type: 'code'
       }
     }
   },
@@ -32,6 +31,24 @@ var _default = {
       control: {
         type: 'none'
       }
+    },
+    size: {
+      control: {
+        type: 'text'
+      },
+      description: 'Size of the avatar. Can be a string. like 50px'
+    },
+    alt: {
+      control: {
+        type: 'text'
+      },
+      description: 'Alternative text for the image.'
+    },
+    defaultText: {
+      control: {
+        type: 'text'
+      },
+      description: 'Default text to be displayed when src is not available.'
     }
   },
   args: {

package/lib/cjs/components/Badge/Badge.stories.js

@@ -63,12 +63,14 @@ var _default = {
   },
   parameters: {
     docs: {
-      source: {
-        type: 'code'
-      },
       page: function page() {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Badge["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
       }
+    },
+    codesandbox: {
+      mapComponent: {
+        '@pingux/astro': ['Badge', 'Box', 'Icon', 'IconButton']
+      }
     }
   }
 };
@@ -115,17 +117,17 @@ Default.parameters = {
     url: _figmaLinks.FIGMA_LINKS.badge["default"]
   }
 };
-var CountBadge = function CountBadge() {
+var CountBadge = function CountBadge(args) {
   return (0, _react2.jsx)(_index.Box, {
     isRow: true,
     gap: "xs"
-  }, (0, _react2.jsx)(_index.Badge, {
+  }, (0, _react2.jsx)(_index.Badge, (0, _extends2["default"])({}, args, {
     label: "4",
     variant: "countBadge"
-  }), (0, _react2.jsx)(_index.Badge, {
+  })), (0, _react2.jsx)(_index.Badge, (0, _extends2["default"])({}, args, {
     label: "4",
     variant: "countNeutral"
-  }));
+  })));
 };
 exports.CountBadge = CountBadge;
 CountBadge.parameters = {
@@ -134,12 +136,12 @@ CountBadge.parameters = {
     url: _figmaLinks.FIGMA_LINKS.badge.countBadge
   }
 };
-var BadgeWithCustomColors = function BadgeWithCustomColors() {
-  return (0, _react2.jsx)(_index.Badge, {
+var BadgeWithCustomColors = function BadgeWithCustomColors(args) {
+  return (0, _react2.jsx)(_index.Badge, (0, _extends2["default"])({}, args, {
     label: "Custom Colors",
     bg: "green",
     textColor: "#ffffff"
-  });
+  }));
 };
 exports.BadgeWithCustomColors = BadgeWithCustomColors;
 var BadgeWithIcon = function BadgeWithIcon() {
@@ -192,6 +194,9 @@ var BadgeWithIcon = function BadgeWithIcon() {
   })));
 };
 exports.BadgeWithIcon = BadgeWithIcon;
+BadgeWithIcon.parameters = {
+  codesandbox: false
+};
 var BadgeWithLeftSlotAndIcon = function BadgeWithLeftSlotAndIcon() {
   return (0, _react2.jsx)(_index.Badge, {
     label: "Badge with Icon Button and Left Slot",
@@ -215,26 +220,25 @@ var BadgeWithLeftSlotAndIcon = function BadgeWithLeftSlotAndIcon() {
   })));
 };
 exports.BadgeWithLeftSlotAndIcon = BadgeWithLeftSlotAndIcon;
+BadgeWithLeftSlotAndIcon.parameters = {
+  codesandbox: false
+};
 var StatusBadgeVariants = function StatusBadgeVariants(_ref6) {
   var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref6), _ref6));
-  return (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Badge, (0, _extends2["default"])({
-    variant: "criticalStatusBadge"
-  }, args, {
+  return (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Badge, (0, _extends2["default"])({}, args, {
+    variant: "criticalStatusBadge",
     label: "Critical",
     mb: "lg"
-  })), (0, _react2.jsx)(_index.Badge, (0, _extends2["default"])({
-    variant: "warningStatusBadge"
-  }, args, {
+  })), (0, _react2.jsx)(_index.Badge, (0, _extends2["default"])({}, args, {
+    variant: "warningStatusBadge",
     label: "Warning",
     mb: "lg"
-  })), (0, _react2.jsx)(_index.Badge, (0, _extends2["default"])({
-    variant: "healthyStatusBadge"
-  }, args, {
+  })), (0, _react2.jsx)(_index.Badge, (0, _extends2["default"])({}, args, {
+    variant: "healthyStatusBadge",
     label: "Healthy",
     mb: "lg"
-  })), (0, _react2.jsx)(_index.Badge, (0, _extends2["default"])({
-    variant: "activeStatusBadge"
-  }, args, {
+  })), (0, _react2.jsx)(_index.Badge, (0, _extends2["default"])({}, args, {
+    variant: "activeStatusBadge",
     label: "Active"
   })));
 };