@pingux/astro 2.208.3 → 2.208.4-alpha.0

package/lib/cjs/components/DataTable/dataTableAttributes.js

@@ -0,0 +1,109 @@
+"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.dataTableArgTypes = 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 dataTableArgTypes = exports.dataTableArgTypes = _objectSpread({
+  density: {
+    control: {
+      disable: true
+    }
+  },
+  overflowMode: {
+    control: {
+      disable: true
+    }
+  },
+  selectedKeys: {
+    description: 'The array of keys that is currently selected. (Controlled version).',
+    control: {
+      disable: true
+    }
+  },
+  disabledKeys: {
+    description: 'The array of keys that are unabled to be selected.',
+    control: {
+      disable: true
+    }
+  },
+  defaultSelectedKeys: {
+    description: 'The array of keys that is selected by default. (Uncontrolled version).',
+    control: {
+      disable: true
+    }
+  },
+  onSelectionChange: {
+    description: 'A callback function that fires when the selection changes.',
+    control: {
+      disable: true
+    }
+  },
+  selectionMode: {
+    description: 'Options are "none" and "single". Whether or not the DataTable support selection',
+    control: {
+      disable: true
+    }
+  },
+  width: {
+    description: 'Sets the width of the data table.',
+    control: {
+      disable: true
+    }
+  },
+  height: {
+    description: 'Sets the height of the data table.',
+    control: {
+      disable: true
+    }
+  },
+  sortDescriptor: {
+    description: 'Defines the current column key to sort by and the sort direction.',
+    control: {
+      disable: true
+    }
+  },
+  onSortChange: {
+    description: 'Callback function that fires when sortable column header is pressed.'
+  },
+  allowsSorting: {
+    description: 'Determine if the column supports sorting.',
+    control: {
+      disable: true
+    }
+  },
+  hideHeader: {
+    description: 'Determine if the header should be hidden.',
+    control: {
+      disable: true
+    }
+  },
+  loadingState: {
+    description: 'Reflects current loading state.',
+    control: {
+      disable: true
+    }
+  },
+  onLoadMore: {
+    description: 'Callback function that fires when more data should be loaded on demand as user scrolls.'
+  },
+  items: {
+    control: {
+      disable: true
+    },
+    description: 'The list of DataTable items.'
+  }
+}, _ariaAttributes.ariaAttributeBaseArgTypes);

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

@@ -1,16 +1,27 @@
 "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.Default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
 var _ExpandableText = _interopRequireDefault(require("./ExpandableText.mdx"));
+var _expandableTextAttributes = require("./expandableTextAttributes");
 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: 'Experimental/ ExpandableText',
   component: _index.ExpandableText,
@@ -20,7 +31,8 @@ var _default = exports["default"] = {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_ExpandableText["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
       }
     }
-  }
+  },
+  argTypes: _objectSpread({}, _expandableTextAttributes.expandableTextArgTypes)
 };
 var Default = exports.Default = function Default(args) {
   return (0, _react2.jsx)(_index.ExpandableText, {

package/lib/cjs/components/ExpandableText/expandableTextAttributes.d.ts

@@ -0,0 +1,26 @@
+export declare const expandableTextArgTypes: {
+    maxLines: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    className: {
+        control: {
+            type: string;
+        };
+        description: string;
+    };
+    children: {
+        control: {
+            type: null;
+        };
+        description: string;
+    };
+    buttonProps: {
+        control: {
+            type: null;
+        };
+        description: string;
+    };
+};

package/lib/cjs/components/ExpandableText/expandableTextAttributes.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.expandableTextArgTypes = void 0;
+var expandableTextArgTypes = exports.expandableTextArgTypes = {
+  maxLines: {
+    control: {
+      type: 'number'
+    },
+    description: 'The maximum number of lines to display before the text is truncated.'
+  },
+  className: {
+    control: {
+      type: 'text'
+    },
+    description: 'Additional CSS class name to apply to the component.'
+  },
+  children: {
+    control: {
+      type: null
+    },
+    description: 'The text content to display, which may be truncated based on maxLines.'
+  },
+  buttonProps: {
+    control: {
+      type: null
+    },
+    description: 'Props to pass to the expand/collapse toggle button.'
+  }
+};

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

@@ -27,6 +27,12 @@ var _default = exports["default"] = {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Footer["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
       }
     }
+  },
+  argTypes: {
+    children: {
+      control: undefined,
+      description: 'Content rendered inside the footer.'
+    }
   }
 };
 var legalLinks = [{

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

@@ -11,6 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
 var _Grid = _interopRequireDefault(require("./Grid.mdx"));
+var _gridAttributes = require("./gridAttributes");
 var _react2 = require("@emotion/react");
 var _default = exports["default"] = {
   title: 'Components/Grid',
@@ -22,25 +23,7 @@ var _default = exports["default"] = {
       }
     }
   },
-  argTypes: {
-    repeat: {
-      options: ['fit', 'fill'],
-      control: {
-        type: 'select'
-      }
-    },
-    gap: {
-      control: {
-        type: 'number'
-      }
-    },
-    width: {
-      control: false
-    },
-    columns: {
-      control: false
-    }
-  }
+  argTypes: _gridAttributes.gridArgTypes
 };
 var Default = exports.Default = function Default(args) {
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Text, {

package/lib/cjs/components/Grid/gridAttributes.d.ts

@@ -0,0 +1,19 @@
+export declare const gridArgTypes: {
+    repeat: {
+        options: string[];
+        control: {
+            type: string;
+        };
+    };
+    gap: {
+        control: {
+            type: string;
+        };
+    };
+    width: {
+        control: boolean;
+    };
+    columns: {
+        control: boolean;
+    };
+};

package/lib/cjs/components/Grid/gridAttributes.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridArgTypes = void 0;
+var gridArgTypes = exports.gridArgTypes = {
+  repeat: {
+    options: ['fit', 'fill'],
+    control: {
+      type: 'select'
+    }
+  },
+  gap: {
+    control: {
+      type: 'number'
+    }
+  },
+  width: {
+    control: false
+  },
+  columns: {
+    control: false
+  }
+};

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

@@ -1,5 +1,12 @@
 "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", {
@@ -7,6 +14,7 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _AccountGroupIcon = _interopRequireDefault(require("@pingux/mdi-react/AccountGroupIcon"));
 var _ArrowTopRightThickIcon = _interopRequireDefault(require("@pingux/mdi-react/ArrowTopRightThickIcon"));
@@ -14,8 +22,11 @@ var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/s
 var _hooks = require("../../hooks");
 var _index = require("../../index");
 var _figmaLinks = require("../../utils/designUtils/figmaLinks");
+var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _IconBadge = _interopRequireDefault(require("./IconBadge.mdx"));
 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: 'Components/IconBadge',
   component: _index.IconBadge,
@@ -25,7 +36,27 @@ var _default = exports["default"] = {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_IconBadge["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
       }
     }
-  }
+  },
+  argTypes: _objectSpread({
+    baseSize: {
+      description: 'The size of the base icon; number values are converted to pixels.',
+      control: {
+        type: 'text'
+      }
+    },
+    circleColor: {
+      description: 'Color applied to the circular background; defaults to white.',
+      control: {
+        type: 'text'
+      }
+    },
+    circleSize: {
+      description: 'The size of the icon rendered inside the circle; number values are converted to pixels.',
+      control: {
+        type: 'number'
+      }
+    }
+  }, _ariaAttributes.ariaAttributeBaseArgTypes)
 };
 var Default = exports.Default = function Default(args) {
   var _useGetTheme = (0, _hooks.useGetTheme)(),

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

@@ -17,6 +17,7 @@ var _EyeOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/EyeOutli
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
 var _IconButtonToggle = _interopRequireDefault(require("./IconButtonToggle.mdx"));
+var _iconButtonToggleAttributes = require("./iconButtonToggleAttributes");
 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"] = {
@@ -28,7 +29,8 @@ var _default = exports["default"] = {
         return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_IconButtonToggle["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
       }
     }
-  }
+  },
+  argTypes: _iconButtonToggleAttributes.iconButtonToggleArgTypes
 };
 var Default = exports.Default = function Default(args) {
   return (0, _react2.jsx)(_index.IconButtonToggle, (0, _extends2["default"])({}, args, {

package/lib/cjs/components/IconButtonToggle/iconButtonToggleAttributes.d.ts

@@ -0,0 +1,40 @@
+export declare const iconButtonToggleArgTypes: {
+    isToggled: any;
+    onToggle: any;
+    title: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+    variant: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+    defaultIcon: {
+        description: string;
+        control: {
+            type: null;
+        };
+    };
+    toggledIcon: {
+        description: string;
+        control: {
+            type: null;
+        };
+    };
+    iconProps: {
+        description: string;
+        control: {
+            type: null;
+        };
+    };
+    buttonProps: {
+        description: string;
+        control: {
+            type: null;
+        };
+    };
+};

package/lib/cjs/components/IconButtonToggle/iconButtonToggleAttributes.js

@@ -0,0 +1,63 @@
+"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.iconButtonToggleArgTypes = 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 iconButtonToggleArgTypes = exports.iconButtonToggleArgTypes = {
+  isToggled: _objectSpread(_objectSpread({}, _docArgTypes.booleanArg), {}, {
+    description: 'Whether the icon is in the toggled state (use only in controlled mode).'
+  }),
+  onToggle: _objectSpread(_objectSpread({}, _docArgTypes.funcArg), {}, {
+    description: 'Callback invoked when the toggle button is pressed.'
+  }),
+  title: {
+    description: 'Text content displayed in a tooltip on hover or focus.',
+    control: {
+      type: 'text'
+    }
+  },
+  variant: {
+    description: 'The styling variation of the button element.',
+    control: {
+      type: 'text'
+    }
+  },
+  defaultIcon: {
+    description: 'Icon component rendered in the default (untoggled) state.',
+    control: {
+      type: null
+    }
+  },
+  toggledIcon: {
+    description: 'Icon component rendered in the toggled state.',
+    control: {
+      type: null
+    }
+  },
+  iconProps: {
+    description: 'Props passed to the underlying icon element.',
+    control: {
+      type: null
+    }
+  },
+  buttonProps: {
+    description: 'Props passed to the underlying button element.',
+    control: {
+      type: null
+    }
+  }
+};

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

@@ -16,9 +16,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _isChromatic = _interopRequireDefault(require("chromatic/isChromatic"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
-var _htmlElements = require("../../utils/devUtils/constants/htmlElements");
 var _images = require("../../utils/devUtils/constants/images");
 var _Image = _interopRequireDefault(require("./Image.mdx"));
+var _imageAttributes = require("./imageAttributes");
 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"] = {
@@ -31,21 +31,7 @@ var _default = exports["default"] = {
       }
     }
   },
-  argTypes: {
-    isDisabled: {},
-    variant: {
-      control: false
-    },
-    as: {
-      control: {
-        type: 'select'
-      },
-      options: _htmlElements.htmlElements
-    },
-    src: {
-      control: false
-    }
-  },
+  argTypes: _imageAttributes.imageArgTypes,
   args: {
     as: 'img',
     src: _images.pingImg

package/lib/cjs/components/Image/imageAttributes.d.ts

@@ -0,0 +1,15 @@
+export declare const imageArgTypes: {
+    isDisabled: {};
+    variant: {
+        control: boolean;
+    };
+    as: {
+        control: {
+            type: string;
+        };
+        options: any;
+    };
+    src: {
+        control: boolean;
+    };
+};

package/lib/cjs/components/Image/imageAttributes.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.imageArgTypes = void 0;
+var _htmlElements = require("../../utils/devUtils/constants/htmlElements");
+var imageArgTypes = exports.imageArgTypes = {
+  isDisabled: {},
+  variant: {
+    control: false
+  },
+  as: {
+    control: {
+      type: 'select'
+    },
+    options: _htmlElements.htmlElements
+  },
+  src: {
+    control: false
+  }
+};

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

@@ -1,5 +1,12 @@
 "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", {
@@ -7,18 +14,17 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Password = exports.LargeInput = exports.Default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _index = require("../../index");
+var _inputAttributes = require("./inputAttributes");
 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: 'Form/Base Components/Input',
   component: _index.Input,
-  argTypes: {
-    placeholder: {},
-    type: {},
-    name: {},
-    id: {}
-  },
+  argTypes: _objectSpread({}, _inputAttributes.inputArgTypes),
   args: {
     placeholder: 'This is a basic input'
   }

package/lib/cjs/components/Input/inputAttributes.d.ts

@@ -0,0 +1,6 @@
+export declare const inputArgTypes: {
+    placeholder: {};
+    type: {};
+    name: {};
+    id: {};
+};

package/lib/cjs/components/Input/inputAttributes.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.inputArgTypes = void 0;
+var inputArgTypes = exports.inputArgTypes = {
+  placeholder: {},
+  type: {},
+  name: {},
+  id: {}
+};

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

@@ -10,23 +10,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _react = _interopRequireDefault(require("react"));
 var _index = require("../../index");
 var _labelModes = require("../../utils/devUtils/constants/labelModes");
+var _labelAttributes = require("./labelAttributes");
 var _react2 = require("@emotion/react");
 var _default = exports["default"] = {
   title: 'Form/Base Components/Label',
   component: _index.Label,
-  argTypes: {
-    mode: {
-      control: {
-        type: 'select',
-        options: _labelModes.modes
-      }
-    },
-    isDisabled: {},
-    isRequired: {},
-    requiredIndicator: {
-      control: 'none'
-    }
-  },
+  argTypes: _labelAttributes.labelArgTypes,
   args: {
     mode: _labelModes.modes.DEFAULT
   }