@pingux/astro 2.208.3 → 2.208.4-alpha.0

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

@@ -16,12 +16,14 @@ var _DotsHorizontalIcon = _interopRequireDefault(require("@pingux/mdi-react/Dots
 var _hooks = require("../../../hooks");
 var _index = require("../../../index");
 var _AIPanel = _interopRequireDefault(require("./AIPanel"));
+var _aiPanelAttributes = require("./aiPanelAttributes");
 var _AIPanelHeader = _interopRequireDefault(require("./AIPanelHeader"));
 var _react2 = require("@emotion/react");
 function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var _default = exports["default"] = {
   component: _AIPanel["default"],
-  title: 'AI Components/AI Panel'
+  title: 'AI Components/AI Panel',
+  argTypes: _aiPanelAttributes.aiPanelArgTypes
 };
 var AIMenuPopover = function AIMenuPopover() {
   var _useState = (0, _react.useState)(false),

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

@@ -0,0 +1,17 @@
+export declare const aiPanelArgTypes: {
+    state: {
+        description: string;
+        control: {
+            type: null;
+        };
+    };
+    isExpanded: any;
+    setIsExpanded: any;
+    onPanelClose: any;
+    headerProps: {
+        description: string;
+        control: {
+            type: null;
+        };
+    };
+};

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

@@ -0,0 +1,42 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.aiPanelArgTypes = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _docArgTypes = require("../../../utils/docUtils/docArgTypes");
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var aiPanelArgTypes = exports.aiPanelArgTypes = {
+  state: {
+    description: 'The overlay panel state object controlling open/close behavior (required).',
+    control: {
+      type: null
+    }
+  },
+  isExpanded: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the AI panel is in expanded (full-width) mode.'
+  }),
+  setIsExpanded: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Callback invoked to toggle the expanded state of the panel.'
+  }),
+  onPanelClose: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Callback invoked when the panel close action is triggered.'
+  }),
+  headerProps: {
+    description: 'Props passed to the panel header element.',
+    control: {
+      type: null
+    }
+  }
+};

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

@@ -12,7 +12,13 @@ var _Prompt = _interopRequireDefault(require("./Prompt"));
 var _react2 = require("@emotion/react");
 var _default = exports["default"] = {
   title: 'AI Components/Prompt',
-  component: _Prompt["default"]
+  component: _Prompt["default"],
+  argTypes: {
+    children: {
+      description: 'Content rendered inside the prompt container.',
+      control: false
+    }
+  }
 };
 var Default = exports.Default = function Default() {
   return (0, _react2.jsx)(_Prompt["default"], null, (0, _react2.jsx)(_index.Text, null, "Did my number of registrations go up or down in the last month?"));

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

@@ -18,6 +18,7 @@ var _index = require("../../../index");
 var _ResponseMarkdown = _interopRequireDefault(require("./ResponseMarkdown/ResponseMarkdown"));
 var _Response = _interopRequireDefault(require("./Response.mdx"));
 var _ResponseAttachment = _interopRequireDefault(require("./ResponseAttachment"));
+var _responseAttributes = require("./responseAttributes");
 var _ResponseList = _interopRequireDefault(require("./ResponseList"));
 var _ResponseText = _interopRequireDefault(require("./ResponseText"));
 var _ResponseToolbar = _interopRequireDefault(require("./ResponseToolbar"));
@@ -32,7 +33,8 @@ var _default = exports["default"] = {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Response["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
       }
     }
-  }
+  },
+  argTypes: _responseAttributes.responseArgTypes
 };
 var testText = 'Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet';
 var Default = exports.Default = function Default() {

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

@@ -0,0 +1,20 @@
+export declare const responseArgTypes: {
+    delay: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+    children: {
+        description: string;
+        control: boolean;
+    };
+    containerProps: {
+        description: string;
+        control: boolean;
+    };
+    iconProps: {
+        description: string;
+        control: boolean;
+    };
+};

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

@@ -0,0 +1,27 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.responseArgTypes = void 0;
+var responseArgTypes = exports.responseArgTypes = {
+  delay: {
+    description: 'Delay in milliseconds before the animation starts.',
+    control: {
+      type: 'number'
+    }
+  },
+  children: {
+    description: 'Content rendered inside the response container (required).',
+    control: false
+  },
+  containerProps: {
+    description: 'Props passed to the outer container element.',
+    control: false
+  },
+  iconProps: {
+    description: 'Props passed to the AI icon element.',
+    control: false
+  }
+};

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

@@ -1,17 +1,33 @@
 "use strict";
 
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.FullScreen = exports.Default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _index = require("../../../index");
+var _docArgTypes = require("../../../utils/docUtils/docArgTypes");
 var _react2 = require("@emotion/react");
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _default = exports["default"] = {
   title: 'Ai Components/Suggestions',
-  component: _index.Suggestions
+  component: _index.Suggestions,
+  argTypes: {
+    isFullScreen: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+      description: 'Whether the suggestions panel is displayed in full-screen mode.'
+    })
+  }
 };
 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.';
 var Default = exports.Default = function Default() {

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

@@ -15,8 +15,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
 var _figmaLinks = require("../../utils/designUtils/figmaLinks");
-var _AccordionItem = require("../AccordionItem/AccordionItem");
 var _AccordionGroup = _interopRequireDefault(require("./AccordionGroup.mdx"));
+var _accordionGroupAttributes = require("./accordionGroupAttributes");
 var _react2 = require("@emotion/react");
 function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var itemArray = [{
@@ -54,7 +54,7 @@ var itemArrayDisabled = [{
   label: 'Accordion Disabled',
   children: (0, _react2.jsx)(_index.Text, null, "Hi")
 }];
-var _default = exports["default"] = {
+var meta = {
   title: 'Components/AccordionGroup',
   component: _index.AccordionGroup,
   parameters: {
@@ -67,28 +67,9 @@ var _default = exports["default"] = {
       }
     }
   },
-  argTypes: {
-    id: {
-      control: {
-        type: 'text'
-      }
-    },
-    disabledKeys: {
-      description: 'The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. Array of keys.'
-    },
-    defaultExpandedKeys: {},
-    expandedKeys: {
-      control: false
-    },
-    items: {
-      control: false
-    },
-    labelHeadingTag: {
-      control: 'radio',
-      options: _AccordionItem.validHeadingTags
-    }
-  }
+  argTypes: _accordionGroupAttributes.accordionGroupArgTypes
 };
+var _default = exports["default"] = meta;
 var Default = exports.Default = function Default(args) {
   return (0, _react2.jsx)(_index.AccordionGroup, args, (0, _react2.jsx)(_index.Item, {
     key: "accordionKey",

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

@@ -0,0 +1,21 @@
+export declare const accordionGroupArgTypes: {
+    id: {
+        control: {
+            type: string;
+        };
+    };
+    disabledKeys: {
+        description: string;
+    };
+    defaultExpandedKeys: {};
+    expandedKeys: {
+        control: boolean;
+    };
+    items: {
+        control: boolean;
+    };
+    labelHeadingTag: {
+        control: string;
+        options: string[];
+    };
+};

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

@@ -0,0 +1,29 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.accordionGroupArgTypes = void 0;
+var _AccordionItem = require("../AccordionItem/AccordionItem");
+var accordionGroupArgTypes = exports.accordionGroupArgTypes = {
+  id: {
+    control: {
+      type: 'text'
+    }
+  },
+  disabledKeys: {
+    description: 'The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. Array of keys.'
+  },
+  defaultExpandedKeys: {},
+  expandedKeys: {
+    control: false
+  },
+  items: {
+    control: false
+  },
+  labelHeadingTag: {
+    control: 'radio',
+    options: _AccordionItem.validHeadingTags
+  }
+};

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

@@ -24,8 +24,8 @@ var _reactAria = require("react-aria");
 var _uuid = require("uuid");
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
-var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _ArrayField = _interopRequireDefault(require("./ArrayField.mdx"));
+var _arrayFieldAttributes = require("./arrayFieldAttributes");
 var _react2 = require("@emotion/react");
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty2(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -42,33 +42,7 @@ var _default = exports["default"] = {
       }
     }
   },
-  argTypes: _objectSpread({
-    label: {
-      control: {
-        type: 'text'
-      }
-    },
-    helperText: {
-      control: {
-        type: 'text'
-      }
-    },
-    addButtonLabel: {
-      control: {
-        type: 'text'
-      }
-    },
-    maxSize: {
-      control: {
-        type: 'text'
-      }
-    },
-    maxSizeText: {
-      control: {
-        type: 'text'
-      }
-    }
-  }, _ariaAttributes.ariaAttributeBaseArgTypes),
+  argTypes: _objectSpread({}, _arrayFieldAttributes.arrayFieldArgTypes),
   args: {
     label: 'Array field label',
     helperText: 'Helper text info...',

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

@@ -0,0 +1,99 @@
+export declare const arrayFieldArgTypes: {
+    'aria-controls': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+    'aria-describedby': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+    'aria-details': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+    'aria-errormessage': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+    'aria-label': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+    'aria-labelledby': {
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            category: string;
+        };
+        description: string;
+    };
+    label: {
+        control: {
+            type: string;
+        };
+    };
+    helperText: {
+        control: {
+            type: string;
+        };
+    };
+    addButtonLabel: {
+        control: {
+            type: string;
+        };
+    };
+    maxSize: {
+        control: {
+            type: string;
+        };
+    };
+    maxSizeText: {
+        control: {
+            type: string;
+        };
+    };
+};

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

@@ -0,0 +1,46 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.arrayFieldArgTypes = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var arrayFieldArgTypes = exports.arrayFieldArgTypes = _objectSpread({
+  label: {
+    control: {
+      type: 'text'
+    }
+  },
+  helperText: {
+    control: {
+      type: 'text'
+    }
+  },
+  addButtonLabel: {
+    control: {
+      type: 'text'
+    }
+  },
+  maxSize: {
+    control: {
+      type: 'text'
+    }
+  },
+  maxSizeText: {
+    control: {
+      type: 'text'
+    }
+  }
+}, _ariaAttributes.ariaAttributeBaseArgTypes);

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

@@ -23,7 +23,27 @@ var _default = exports["default"] = {
   },
   decorators: [function (Story) {
     return (0, _react2.jsx)("div", null, (0, _react2.jsx)(Story, null));
-  }]
+  }],
+  argTypes: {
+    themeOverrides: {
+      description: 'Array of theme override objects merged on top of the default Astro theme.',
+      control: {
+        type: null
+      }
+    },
+    defaultTheme: {
+      description: 'The base theme object to use as the default instead of the built-in Astro theme.',
+      control: {
+        type: null
+      }
+    },
+    children: {
+      description: 'Content rendered inside the theme provider context.',
+      control: {
+        type: null
+      }
+    }
+  }
 };
 var Default = exports.Default = function Default() {
   return (0, _react2.jsx)(_index.AstroProvider, {

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

@@ -14,6 +14,7 @@ var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/s
 var _index = require("../../index");
 var _images = require("../../utils/devUtils/constants/images");
 var _Avatar = _interopRequireDefault(require("./Avatar.mdx"));
+var _avatarAttributes = require("./avatarAttributes");
 var _react2 = require("@emotion/react");
 var _default = exports["default"] = {
   title: 'Components/Avatar',
@@ -25,29 +26,7 @@ var _default = exports["default"] = {
       }
     }
   },
-  argTypes: {
-    src: {
-      control: false
-    },
-    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.'
-    }
-  },
+  argTypes: _avatarAttributes.avatarArgTypes,
   args: {
     src: _images.pingImg
   }

package/lib/cjs/components/Avatar/avatarAttributes.d.ts

@@ -0,0 +1,23 @@
+export declare const avatarArgTypes: {
+    src: {
+        control: boolean;
+    };
+    size: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    alt: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    defaultText: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+};

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

@@ -0,0 +1,30 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.avatarArgTypes = void 0;
+var avatarArgTypes = exports.avatarArgTypes = {
+  src: {
+    control: false
+  },
+  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.'
+  }
+};

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

@@ -11,6 +11,7 @@ var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/s
 var _index = require("../../index");
 var _figmaLinks = require("../../utils/designUtils/figmaLinks");
 var _Bracket = _interopRequireDefault(require("./Bracket.mdx"));
+var _bracketAttributes = require("./bracketAttributes");
 var _react2 = require("@emotion/react");
 var _default = exports["default"] = {
   title: 'Components/Bracket',
@@ -22,31 +23,7 @@ var _default = exports["default"] = {
       }
     }
   },
-  argTypes: {
-    isLast: {
-      control: {
-        type: 'boolean'
-      },
-      description: 'If true, the bracket will be displayed as the last one.'
-    },
-    color: {
-      control: {
-        type: 'text'
-      }
-    },
-    variant: {
-      control: false
-    },
-    as: {
-      control: false
-    },
-    role: {
-      control: false
-    },
-    'data-testid': {
-      control: false
-    }
-  }
+  argTypes: _bracketAttributes.bracketArgTypes
 };
 var Default = exports.Default = function Default(args) {
   return (0, _react2.jsx)(_index.Box, {