@pingux/astro 2.9.0-alpha.2 → 2.9.0-alpha.4

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

@@ -47,19 +47,16 @@ var _default = {
   },
   argTypes: _objectSpread({
     label: {
-      defaultValue: 'Array field label',
       control: {
         type: 'text'
       }
     },
     helperText: {
-      defaultValue: 'Helper text info...',
       control: {
         type: 'text'
       }
     },
     addButtonLabel: {
-      defaultValue: '+ Add field',
       control: {
         type: 'text'
       }
@@ -74,7 +71,12 @@ var _default = {
         type: 'text'
       }
     }
-  }, _ariaAttributes.ariaAttributeBaseArgTypes)
+  }, _ariaAttributes.ariaAttributeBaseArgTypes),
+  args: {
+    label: 'Array field label',
+    helperText: 'Helper text info...',
+    addButtonLabel: '+ Add field'
+  }
 };
 exports["default"] = _default;
 var defaultData = [{

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

@@ -31,9 +31,11 @@ var _default = {
     src: {
       control: {
         type: 'none'
-      },
-      defaultValue: _images.pingImg
+      }
     }
+  },
+  args: {
+    src: _images.pingImg
   }
 };
 exports["default"] = _default;

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

@@ -47,18 +47,20 @@ var _default = {
       }
     },
     label: {
-      defaultValue: 'Label',
       control: {
         type: 'text'
       }
     },
     isUppercase: {
-      defaultValue: false,
       control: {
         type: 'boolean'
       }
     }
   },
+  args: {
+    label: 'Label',
+    isUppercase: false
+  },
   parameters: {
     docs: {
       source: {

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

@@ -40,23 +40,25 @@ var _default = {
             colorName = _ref2[0];
           return colorName;
         })
-      },
-      defaultValue: 'active'
+      }
     },
     gap: {
       control: {
         type: 'text'
       },
-      description: 'Gap between items, whether in a row or column. Numeric value paired with a unit. https://www.w3schools.com/cssref/css_units.asp',
-      defaultValue: '10px'
+      description: 'Gap between items, whether in a row or column. Numeric value paired with a unit. https://www.w3schools.com/cssref/css_units.asp'
     },
     as: {
       control: {
         type: 'select',
         options: _htmlElements.htmlElements
-      },
-      defaultValue: 'div'
+      }
     }
+  },
+  args: {
+    bg: 'active',
+    gap: '10px',
+    as: 'div'
   }
 };
 exports["default"] = _default;

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

@@ -36,7 +36,6 @@ var _default = {
       control: {
         type: 'none'
       },
-      defaultValue: _ChevronRightIcon["default"],
       description: 'The icon to render. List of icons at https://materialdesignicons.com/'
     },
     iconProps: {
@@ -44,6 +43,9 @@ var _default = {
         type: 'none'
       }
     }
+  },
+  args: {
+    icon: _ChevronRightIcon["default"]
   }
 };
 exports["default"] = _default;

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

@@ -34,6 +34,10 @@ var _default = {
   component: _index.Button,
   decorators: [_storybookAddonDesigns.withDesign],
   argTypes: _objectSpread({}, _buttonAttributes.buttonArgTypes),
+  args: {
+    variant: 'default',
+    children: 'Button Text'
+  },
   parameters: {
     docs: {
       source: {

package/lib/cjs/components/Button/buttonAttributes.js

@@ -43,11 +43,9 @@ var buttonArgTypes = _objectSpread(_objectSpread({
       type: 'select',
       options: variantOptions
     },
-    defaultValue: 'default',
     description: descriptions.variant
   },
   children: {
-    defaultValue: 'Button Text',
     table: {
       type: {
         summary: 'string'

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

@@ -68,8 +68,7 @@ var _default = {
     hasAutoFocus: {
       control: {
         type: 'boolean'
-      },
-      defaultValue: false
+      }
     },
     id: {
       control: {
@@ -79,20 +78,17 @@ var _default = {
     isDisabled: {
       control: {
         type: 'boolean'
-      },
-      defaultValue: false
+      }
     },
     isReadOnly: {
       control: {
         type: 'boolean'
-      },
-      defaultValue: false
+      }
     },
     isRequired: {
       control: {
         type: 'boolean'
-      },
-      defaultValue: false
+      }
     },
     maxValue: {
       control: {
@@ -108,17 +104,23 @@ var _default = {
       control: {
         type: 'func'
       },
-      defaultValue: null,
       action: 'change'
     },
     onFocusChange: {
       control: {
         type: 'func'
       },
-      defaultValue: null,
       action: 'focus change'
     }
-  }, _ariaAttributes.ariaAttributeBaseArgTypes)
+  }, _ariaAttributes.ariaAttributeBaseArgTypes),
+  args: {
+    hasAutoFocus: false,
+    isDisabled: false,
+    isReadOnly: false,
+    isRequired: false,
+    onChange: null,
+    onFocusChange: null
+  }
 };
 exports["default"] = _default;
 var Default = function Default(args) {

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

@@ -28,7 +28,6 @@ var _default = {
   argTypes: {
     children: {
       description: 'Card content.',
-      defaultValue: 'Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut at enim nunc. Cras congue consequat odio, ac sodales lacus imperdiet quis. In id ex eu lorem sollicitudin hendrerit feugiat ultrices elit. Curabitur imperdiet libero vitae luctus blandit. Ut ac dignissim tortor. Pellentesque convallis eu metus vitae mollis. Donec sapien felis, laoreet eu egestas eu, blandit quis tellus. Donec luctus suscipit nibh, et tincidunt nisl facilisis ut. Mauris molestie purus at lectus venenatis, ac ultrices felis ultrices.',
       table: {
         type: {}
       },
@@ -36,6 +35,9 @@ var _default = {
         type: 'text'
       }
     }
+  },
+  args: {
+    children: 'Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut at enim nunc. Cras congue consequat odio, ac sodales lacus imperdiet quis. In id ex eu lorem sollicitudin hendrerit feugiat ultrices elit. Curabitur imperdiet libero vitae luctus blandit. Ut ac dignissim tortor. Pellentesque convallis eu metus vitae mollis. Donec sapien felis, laoreet eu egestas eu, blandit quis tellus. Donec luctus suscipit nibh, et tincidunt nisl facilisis ut. Mauris molestie purus at lectus venenatis, ac ultrices felis ultrices.'
   }
 };
 exports["default"] = _default;

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

@@ -48,8 +48,7 @@ var _default = {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Click me!'
+      }
     },
     helperText: {
       control: {
@@ -75,7 +74,10 @@ var _default = {
     isIndeterminate: {},
     isDefaultSelected: {},
     isSelected: {}
-  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
+  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes),
+  args: {
+    label: 'Click me!'
+  }
 };
 exports["default"] = _default;
 var Default = function Default(args) {

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

@@ -23,7 +23,6 @@ var _default = {
   decorators: [_storybookAddonDesigns.withDesign],
   argTypes: {
     children: {
-      defaultValue: code,
       table: {
         type: {}
       },
@@ -35,6 +34,9 @@ var _default = {
       control: 'none'
     }
   },
+  args: {
+    children: code
+  },
   parameters: {
     docs: {
       page: function page() {

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

@@ -28,15 +28,9 @@ var _default = {
     }
   },
   argTypes: {
-    listTitle: {
-      defaultValue: 'Selected Groups'
-    },
-    openAriaLabel: {
-      defaultValue: 'Open filter menu?'
-    },
-    closeAriaLabel: {
-      defaultValue: 'Close filter menu?'
-    },
+    listTitle: {},
+    openAriaLabel: {},
+    closeAriaLabel: {},
     isDefaultOpen: {},
     isOpen: {
       onClick: {
@@ -46,6 +40,11 @@ var _default = {
         type: 'none'
       }
     }
+  },
+  args: {
+    listTitle: 'Selected Groups',
+    openAriaLabel: 'Open filter menu?',
+    closeAriaLabel: 'Close filter menu?'
   }
 };
 exports["default"] = _default;

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

@@ -53,8 +53,7 @@ var _default = {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Color Field'
+      }
     },
     helperText: {
       control: {
@@ -64,12 +63,6 @@ var _default = {
     buttonProps: {
       control: {
         type: 'none'
-      },
-      defaultValue: {
-        sx: {
-          width: 40,
-          height: 30
-        }
       }
     },
     containerProps: {
@@ -77,7 +70,16 @@ var _default = {
         type: 'none'
       }
     }
-  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
+  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes),
+  args: {
+    label: 'Color Field',
+    buttonProps: {
+      sx: {
+        width: 40,
+        height: 30
+      }
+    }
+  }
 };
 exports["default"] = _default;
 var Default = function Default(args) {

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

@@ -159,19 +159,14 @@ var _default = {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Example label'
+      }
     },
     placeholder: {},
     id: {},
-    defaultItems: {
-      defaultValue: items
-    },
+    defaultItems: {},
     defaultSelectedKey: {},
     defaultInputValue: {},
-    disabledKeys: {
-      defaultValue: ['Snake']
-    },
+    disabledKeys: {},
     direction: {},
     menuTrigger: {},
     isRequired: {},
@@ -208,7 +203,12 @@ var _default = {
         type: 'none'
       }
     }
-  }, _ariaAttributes.ariaAttributeBaseArgTypes)
+  }, _ariaAttributes.ariaAttributeBaseArgTypes),
+  args: {
+    label: 'Example label',
+    defaultItems: items,
+    disableKeys: ['Snake']
+  }
 };
 exports["default"] = _default;
 var Default = function Default(args) {

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

@@ -63,14 +63,12 @@ var _default = {
     density: {
       control: {
         disable: true
-      },
-      defaultValue: 'spacious'
+      }
     },
     overflowMode: {
       control: {
         disable: true
-      },
-      defaultValue: 'truncate'
+      }
     },
     width: {
       description: 'Sets the width of the data table.',
@@ -120,7 +118,11 @@ var _default = {
       },
       description: 'The list of DataTable items.'
     }
-  }, _ariaAttributes.ariaAttributeBaseArgTypes)
+  }, _ariaAttributes.ariaAttributeBaseArgTypes),
+  args: {
+    density: 'spacious',
+    overflowMode: 'truncate'
+  }
 };
 exports["default"] = _default;
 var Default = function Default(args) {

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

@@ -59,38 +59,32 @@ var _default = {
     hasAutoFocus: {
       control: {
         type: 'boolean'
-      },
-      defaultValue: false
+      }
     },
     hasFormatHelpText: {
       control: {
         type: 'boolean'
-      },
-      defaultValue: false
+      }
     },
     isDisabled: {
       control: {
         type: 'boolean'
-      },
-      defaultValue: false
+      }
     },
     isReadOnly: {
       control: {
         type: 'boolean'
-      },
-      defaultValue: false
+      }
     },
     isRequired: {
       control: {
         type: 'boolean'
-      },
-      defaultValue: false
+      }
     },
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Example label'
+      }
     },
     maxValue: {
       control: {
@@ -103,10 +97,18 @@ var _default = {
       }
     },
     onChange: {
-      defaultValue: null,
       action: 'handleChange'
     }
-  }, _ariaAttributes.ariaAttributeBaseArgTypes)
+  }, _ariaAttributes.ariaAttributeBaseArgTypes),
+  args: {
+    hasAutoFocus: false,
+    hasFormatHelpText: false,
+    isDisabled: false,
+    isReadOnly: false,
+    isRequired: false,
+    label: 'Example label',
+    onChange: null
+  }
 };
 exports["default"] = _default;
 var Default = function Default(args) {

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

@@ -49,8 +49,7 @@ var _default = {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Field Label'
+      }
     },
     helperText: {
       control: {
@@ -92,7 +91,10 @@ var _default = {
         type: 'none'
       }
     }
-  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
+  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes),
+  args: {
+    label: 'Field Label'
+  }
 };
 exports["default"] = _default;
 var fitContentWidthSx = {

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

@@ -27,11 +27,13 @@ var _default = {
   argTypes: {
     children: {
       description: 'Tooltip content',
-      defaultValue: 'Text of the tooltip right here...',
       control: {
         type: 'text'
       }
     }
+  },
+  args: {
+    children: 'Text of the tooltip right here...'
   }
 };
 exports["default"] = _default;

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

@@ -44,7 +44,6 @@ var _default = {
       control: {
         type: 'none'
       },
-      defaultValue: _SearchIcon["default"],
       description: 'The icon to render. List of icons at https://materialdesignicons.com/'
     },
     size: {
@@ -62,9 +61,12 @@ var _default = {
             colorName = _ref2[0];
           return colorName;
         })
-      },
-      defaultValue: 'active'
+      }
     }
+  },
+  args: {
+    icon: _SearchIcon["default"],
+    color: 'active'
   }
 };
 exports["default"] = _default;

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

@@ -34,7 +34,8 @@ var _default = {
       }
     }
   },
-  argTypes: _iconButtonAttributes.iconButtonArgTypes
+  argTypes: _iconButtonAttributes.iconButtonArgTypes,
+  args: _iconButtonAttributes.iconButtonArgs
 };
 exports["default"] = _default;
 var Default = function Default(args) {

package/lib/cjs/components/IconButton/iconButtonAttributes.js

@@ -12,7 +12,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.iconButtonPropTypes = exports.iconButtonArgTypes = void 0;
+exports.iconButtonPropTypes = exports.iconButtonArgs = exports.iconButtonArgTypes = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _CreateIcon = _interopRequireDefault(require("@pingux/mdi-react/CreateIcon"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -36,7 +36,6 @@ var iconButtonArgTypes = {
     control: {
       type: 'none'
     },
-    defaultValue: _CreateIcon["default"],
     description: descriptions.icon
   },
   title: {
@@ -59,15 +58,13 @@ var iconButtonArgTypes = {
       type: 'select',
       options: ['base', 'inverted', 'invertedSquare', 'square']
     },
-    defaultValue: 'base',
     description: descriptions.variant
   },
   size: {
     control: {
       type: 'select',
       options: ['xs', 'sm', 'md']
-    },
-    defaultValue: 'sm'
+    }
   },
   onPress: _objectSpread({
     description: descriptions.onPress
@@ -86,6 +83,12 @@ var iconButtonArgTypes = {
   }, _docArgTypes.funcArg)
 };
 exports.iconButtonArgTypes = iconButtonArgTypes;
+var iconButtonArgs = {
+  icon: _CreateIcon["default"],
+  variant: 'base',
+  size: 'sm'
+};
+exports.iconButtonArgs = iconButtonArgs;
 var iconButtonPropTypes = {
   variant: _propTypes["default"].string,
   'aria-label': _propTypes["default"].string,

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

@@ -43,15 +43,17 @@ var _default = {
       control: {
         type: 'none',
         options: _htmlElements.htmlElements
-      },
-      defaultValue: 'img'
+      }
     },
     src: {
       control: {
         type: 'none'
-      },
-      defaultValue: _images.pingImg
+      }
     }
+  },
+  args: {
+    as: 'img',
+    src: _images.pingImg
   }
 };
 exports["default"] = _default;

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

@@ -67,8 +67,7 @@ var _default = {
     fileTypes: {
       control: {
         type: 'array'
-      },
-      defaultValue: ['image']
+      }
     },
     helperText: {
       control: {
@@ -78,8 +77,7 @@ var _default = {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Upload Image'
+      }
     },
     onChange: {
       control: {
@@ -94,16 +92,20 @@ var _default = {
     previewHeight: {
       control: {
         type: 'number'
-      },
-      defaultValue: 50
+      }
     },
     previewWidth: {
       control: {
         type: 'number'
-      },
-      defaultValue: 50
+      }
     }
-  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
+  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes),
+  args: {
+    fileTypes: ['image'],
+    label: 'Upload Image',
+    previewHeight: 50,
+    previewWidth: 50
+  }
 };
 exports["default"] = _default;
 var Default = function Default(args) {

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

@@ -14,12 +14,13 @@ var _default = {
   title: 'Form/Base Components/Input',
   component: _index.Input,
   argTypes: {
-    placeholder: {
-      defaultValue: 'This is a basic input'
-    },
+    placeholder: {},
     type: {},
     name: {},
     id: {}
+  },
+  args: {
+    placeholder: 'This is a basic input'
   }
 };
 exports["default"] = _default;