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

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

@@ -39,19 +39,16 @@ export 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'
       }
@@ -66,7 +63,12 @@ export default {
         type: 'text'
       }
     }
-  }, ariaAttributeBaseArgTypes)
+  }, ariaAttributeBaseArgTypes),
+  args: {
+    label: 'Array field label',
+    helperText: 'Helper text info...',
+    addButtonLabel: '+ Add field'
+  }
 };
 var defaultData = [{
   id: uuid(),

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

@@ -23,9 +23,11 @@ export default {
     src: {
       control: {
         type: 'none'
-      },
-      defaultValue: pingImg
+      }
     }
+  },
+  args: {
+    src: pingImg
   }
 };
 export var Default = function Default(_ref) {

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

@@ -39,18 +39,20 @@ export default {
       }
     },
     label: {
-      defaultValue: 'Label',
       control: {
         type: 'text'
       }
     },
     isUppercase: {
-      defaultValue: false,
       control: {
         type: 'boolean'
       }
     }
   },
+  args: {
+    label: 'Label',
+    isUppercase: false
+  },
   parameters: {
     docs: {
       source: {

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

@@ -32,23 +32,25 @@ export 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
-      },
-      defaultValue: 'div'
+      }
     }
+  },
+  args: {
+    bg: 'active',
+    gap: '10px',
+    as: 'div'
   }
 };
 export var Default = function Default(_ref3) {

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

@@ -28,7 +28,6 @@ export default {
       control: {
         type: 'none'
       },
-      defaultValue: ChevronRightIcon,
       description: 'The icon to render. List of icons at https://materialdesignicons.com/'
     },
     iconProps: {
@@ -36,6 +35,9 @@ export default {
         type: 'none'
       }
     }
+  },
+  args: {
+    icon: ChevronRightIcon
   }
 };
 export var Default = function Default(args) {

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

@@ -27,6 +27,10 @@ export default {
   component: Button,
   decorators: [withDesign],
   argTypes: _objectSpread({}, buttonArgTypes),
+  args: {
+    variant: 'default',
+    children: 'Button Text'
+  },
   parameters: {
     docs: {
       source: {

package/lib/components/Button/buttonAttributes.js

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

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

@@ -57,8 +57,7 @@ export default {
     hasAutoFocus: {
       control: {
         type: 'boolean'
-      },
-      defaultValue: false
+      }
     },
     id: {
       control: {
@@ -68,20 +67,17 @@ export default {
     isDisabled: {
       control: {
         type: 'boolean'
-      },
-      defaultValue: false
+      }
     },
     isReadOnly: {
       control: {
         type: 'boolean'
-      },
-      defaultValue: false
+      }
     },
     isRequired: {
       control: {
         type: 'boolean'
-      },
-      defaultValue: false
+      }
     },
     maxValue: {
       control: {
@@ -97,17 +93,23 @@ export default {
       control: {
         type: 'func'
       },
-      defaultValue: null,
       action: 'change'
     },
     onFocusChange: {
       control: {
         type: 'func'
       },
-      defaultValue: null,
       action: 'focus change'
     }
-  }, ariaAttributeBaseArgTypes)
+  }, ariaAttributeBaseArgTypes),
+  args: {
+    hasAutoFocus: false,
+    isDisabled: false,
+    isReadOnly: false,
+    isRequired: false,
+    onChange: null,
+    onFocusChange: null
+  }
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(Calendar, _extends({}, args, {

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

@@ -20,7 +20,6 @@ export 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: {}
       },
@@ -28,6 +27,9 @@ export 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.'
   }
 };
 export var Default = function Default(args) {

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

@@ -37,8 +37,7 @@ export default {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Click me!'
+      }
     },
     helperText: {
       control: {
@@ -64,7 +63,10 @@ export default {
     isIndeterminate: {},
     isDefaultSelected: {},
     isSelected: {}
-  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes),
+  args: {
+    label: 'Click me!'
+  }
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(CheckboxField, args);

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

@@ -15,7 +15,6 @@ export default {
   decorators: [withDesign],
   argTypes: {
     children: {
-      defaultValue: code,
       table: {
         type: {}
       },
@@ -27,6 +26,9 @@ export default {
       control: 'none'
     }
   },
+  args: {
+    children: code
+  },
   parameters: {
     docs: {
       page: function page() {

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

@@ -20,15 +20,9 @@ export default {
     }
   },
   argTypes: {
-    listTitle: {
-      defaultValue: 'Selected Groups'
-    },
-    openAriaLabel: {
-      defaultValue: 'Open filter menu?'
-    },
-    closeAriaLabel: {
-      defaultValue: 'Close filter menu?'
-    },
+    listTitle: {},
+    openAriaLabel: {},
+    closeAriaLabel: {},
     isDefaultOpen: {},
     isOpen: {
       onClick: {
@@ -38,6 +32,11 @@ export default {
         type: 'none'
       }
     }
+  },
+  args: {
+    listTitle: 'Selected Groups',
+    openAriaLabel: 'Open filter menu?',
+    closeAriaLabel: 'Close filter menu?'
   }
 };
 export var Default = function Default(args) {

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

@@ -42,8 +42,7 @@ export default {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Color Field'
+      }
     },
     helperText: {
       control: {
@@ -53,12 +52,6 @@ export default {
     buttonProps: {
       control: {
         type: 'none'
-      },
-      defaultValue: {
-        sx: {
-          width: 40,
-          height: 30
-        }
       }
     },
     containerProps: {
@@ -66,7 +59,16 @@ export default {
         type: 'none'
       }
     }
-  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes),
+  args: {
+    label: 'Color Field',
+    buttonProps: {
+      sx: {
+        width: 40,
+        height: 30
+      }
+    }
+  }
 };
 export var Default = function Default(args) {
   var _useState = useState('rgba(127, 0, 127, 1)'),

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

@@ -147,19 +147,14 @@ export default {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Example label'
+      }
     },
     placeholder: {},
     id: {},
-    defaultItems: {
-      defaultValue: items
-    },
+    defaultItems: {},
     defaultSelectedKey: {},
     defaultInputValue: {},
-    disabledKeys: {
-      defaultValue: ['Snake']
-    },
+    disabledKeys: {},
     direction: {},
     menuTrigger: {},
     isRequired: {},
@@ -196,7 +191,12 @@ export default {
         type: 'none'
       }
     }
-  }, ariaAttributeBaseArgTypes)
+  }, ariaAttributeBaseArgTypes),
+  args: {
+    label: 'Example label',
+    defaultItems: items,
+    disableKeys: ['Snake']
+  }
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(ComboBoxField, _extends({}, actions, args), function (item) {

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

@@ -55,14 +55,12 @@ export default {
     density: {
       control: {
         disable: true
-      },
-      defaultValue: 'spacious'
+      }
     },
     overflowMode: {
       control: {
         disable: true
-      },
-      defaultValue: 'truncate'
+      }
     },
     width: {
       description: 'Sets the width of the data table.',
@@ -112,7 +110,11 @@ export default {
       },
       description: 'The list of DataTable items.'
     }
-  }, ariaAttributeBaseArgTypes)
+  }, ariaAttributeBaseArgTypes),
+  args: {
+    density: 'spacious',
+    overflowMode: 'truncate'
+  }
 };
 export var Default = function Default(args) {
   var columns = [{

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

@@ -48,38 +48,32 @@ export 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: {
@@ -92,10 +86,18 @@ export default {
       }
     },
     onChange: {
-      defaultValue: null,
       action: 'handleChange'
     }
-  }, ariaAttributeBaseArgTypes)
+  }, ariaAttributeBaseArgTypes),
+  args: {
+    hasAutoFocus: false,
+    hasFormatHelpText: false,
+    isDisabled: false,
+    isReadOnly: false,
+    isRequired: false,
+    label: 'Example label',
+    onChange: null
+  }
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(DatePicker, args);

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

@@ -38,8 +38,7 @@ export default {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Field Label'
+      }
     },
     helperText: {
       control: {
@@ -81,7 +80,10 @@ export default {
         type: 'none'
       }
     }
-  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes),
+  args: {
+    label: 'Field Label'
+  }
 };
 var fitContentWidthSx = {
   width: 'fit-content'

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

@@ -19,11 +19,13 @@ export default {
   argTypes: {
     children: {
       description: 'Tooltip content',
-      defaultValue: 'Text of the tooltip right here...',
       control: {
         type: 'text'
       }
     }
+  },
+  args: {
+    children: 'Text of the tooltip right here...'
   }
 };
 export var Default = function Default(args) {

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

@@ -36,7 +36,6 @@ export default {
       control: {
         type: 'none'
       },
-      defaultValue: SearchIcon,
       description: 'The icon to render. List of icons at https://materialdesignicons.com/'
     },
     size: {
@@ -54,9 +53,12 @@ export default {
             colorName = _ref2[0];
           return colorName;
         })
-      },
-      defaultValue: 'active'
+      }
     }
+  },
+  args: {
+    icon: SearchIcon,
+    color: 'active'
   }
 };
 export var Default = function Default(args) {

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

@@ -10,7 +10,7 @@ import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, Icon, IconButton, Table, TableBody, TableCell, TableHead, TableRow, Text } from '../../index';
 import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.js';
 import IconButtonReadme from './IconButton.mdx';
-import { iconButtonArgTypes } from './iconButtonAttributes';
+import { iconButtonArgs, iconButtonArgTypes } from './iconButtonAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/IconButton',
@@ -26,7 +26,8 @@ export default {
       }
     }
   },
-  argTypes: iconButtonArgTypes
+  argTypes: iconButtonArgTypes,
+  args: iconButtonArgs
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(IconButton, _extends({

package/lib/components/IconButton/iconButtonAttributes.js

@@ -29,7 +29,6 @@ export var iconButtonArgTypes = {
     control: {
       type: 'none'
     },
-    defaultValue: CreateIcon,
     description: descriptions.icon
   },
   title: {
@@ -52,15 +51,13 @@ export 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
@@ -78,6 +75,11 @@ export var iconButtonArgTypes = {
     description: descriptions.onPressUp
   }, funcArg)
 };
+export var iconButtonArgs = {
+  icon: CreateIcon,
+  variant: 'base',
+  size: 'sm'
+};
 export var iconButtonPropTypes = {
   variant: PropTypes.string,
   'aria-label': PropTypes.string,

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

@@ -30,15 +30,17 @@ export default {
       control: {
         type: 'none',
         options: htmlElements
-      },
-      defaultValue: 'img'
+      }
     },
     src: {
       control: {
         type: 'none'
-      },
-      defaultValue: pingImg
+      }
     }
+  },
+  args: {
+    as: 'img',
+    src: pingImg
   }
 };
 export var Default = function Default(_ref) {

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

@@ -56,8 +56,7 @@ export default {
     fileTypes: {
       control: {
         type: 'array'
-      },
-      defaultValue: ['image']
+      }
     },
     helperText: {
       control: {
@@ -67,8 +66,7 @@ export default {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Upload Image'
+      }
     },
     onChange: {
       control: {
@@ -83,16 +81,20 @@ export default {
     previewHeight: {
       control: {
         type: 'number'
-      },
-      defaultValue: 50
+      }
     },
     previewWidth: {
       control: {
         type: 'number'
-      },
-      defaultValue: 50
+      }
     }
-  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes),
+  args: {
+    fileTypes: ['image'],
+    label: 'Upload Image',
+    previewHeight: 50,
+    previewWidth: 50
+  }
 };
 export var Default = function Default(args) {
   return (

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

@@ -6,12 +6,13 @@ export default {
   title: 'Form/Base Components/Input',
   component: Input,
   argTypes: {
-    placeholder: {
-      defaultValue: 'This is a basic input'
-    },
+    placeholder: {},
     type: {},
     name: {},
     id: {}
+  },
+  args: {
+    placeholder: 'This is a basic input'
   }
 };
 export var Default = function Default(args) {