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

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

@@ -11,14 +11,16 @@ export default {
       control: {
         type: 'select',
         options: modes
-      },
-      defaultValue: modes.DEFAULT
+      }
     },
     isDisabled: {},
     isRequired: {},
     requiredIndicator: {
       control: 'none'
     }
+  },
+  args: {
+    mode: modes.DEFAULT
   }
 };
 export var Default = function Default(args) {

package/lib/components/Link/Link.stories.js

@@ -25,22 +25,19 @@ export default {
     href: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'https://uilibrary.ping-eng.com/'
+      }
     },
     isDisabled: {},
     as: {
       control: {
         type: 'none',
         options: htmlElements
-      },
-      defaultValue: 'a'
+      }
     },
     target: {
       control: {
         type: 'none'
-      },
-      defaultValue: '_blank'
+      }
     },
     variant: {
       control: {
@@ -48,6 +45,11 @@ export default {
         options: _Object$keys(variants)
       }
     }
+  },
+  args: {
+    href: 'https://uilibrary.ping-eng.com/',
+    as: 'a',
+    target: '_blank'
   }
 };
 export var Default = function Default(_ref) {

package/lib/components/LinkSelectField/LinkSelectField.stories.js

@@ -52,8 +52,7 @@ export default {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'What\'s your favourite color?'
+      }
     },
     placeholder: {},
     defaultText: {},
@@ -82,7 +81,10 @@ export default {
         type: 'none'
       }
     }
-  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes),
+  args: {
+    label: 'What\'s your favourite color?'
+  }
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(LinkSelectField, _extends({}, args, {

package/lib/components/ListView/ListView.stories.js

@@ -45,19 +45,20 @@ export default {
         options: loadingStates
       }
     },
-    disabledKeys: {
-      defaultValue: ['Snake']
-    },
+    disabledKeys: {},
     items: {
       control: {
         type: 'none'
       }
     },
     onSelectionChange: {
-      control: 'none',
-      // eslint-disable-next-line no-console
-      defaultValue: console.log
+      control: 'none'
     }
+  },
+  args: {
+    disabledKeys: ['Snake'],
+    // eslint-disable-next-line no-console
+    onSelectionChange: console.log
   }
 };
 var items = [{

package/lib/components/Loader/Loader.stories.js

@@ -28,8 +28,7 @@ export default {
             colorName = _ref2[0];
           return colorName;
         })
-      },
-      defaultValue: 'active'
+      }
     },
     size: {
       control: {
@@ -37,6 +36,9 @@ export default {
       },
       description: 'The size of the loader. Sizes can either be a string such as xs, sm, md, etc or numeric size with unit such as 15px. Default size inherits the font size. ' + 'Numeric value paired with a unit. https://www.w3schools.com/cssref/css_units.asp'
     }
+  },
+  args: {
+    color: 'active'
   }
 };
 export var Default = function Default(args) {

package/lib/components/Modal/Modal.stories.js

@@ -23,8 +23,7 @@ export default {
     title: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Continue'
+      }
     },
     role: {},
     id: {
@@ -38,9 +37,7 @@ export default {
         options: modalSizes
       }
     },
-    hasCloseButton: {
-      defaultValue: true
-    },
+    hasCloseButton: {},
     isClosedOnBlur: {},
     isDismissable: {},
     isKeyboardDismissDisabled: {},
@@ -84,6 +81,10 @@ export default {
         type: 'none'
       }
     }
+  },
+  args: {
+    title: 'Continue',
+    hasCloseButton: true
   }
 };
 export var Default = function Default(args) {

package/lib/components/MultivaluesField/MultivaluesField.stories.js

@@ -23,18 +23,14 @@ export default {
   title: 'Form/MultivaluesField',
   component: MultivaluesField,
   argTypes: _objectSpread(_objectSpread(_objectSpread({
-    direction: {
-      defaultValue: 'bottom'
-    },
+    direction: {},
     hasAutoFocus: {},
     hasNoStatusIndicator: {},
     isDisabled: {},
     isNotFlippable: {},
     isReadOnly: {},
     isRequired: {},
-    label: {
-      defaultValue: 'Field Label'
-    },
+    label: {},
     mode: {},
     placeholder: {},
     defaultSelectedKeys: {
@@ -63,6 +59,10 @@ export default {
       }
     }
   }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes),
+  args: {
+    direction: 'bottom',
+    label: 'Field Label'
+  },
   parameters: {
     docs: {
       page: function page() {
@@ -480,10 +480,8 @@ export var CustomValues = function CustomValues(args) {
     }, item.name);
   }));
 };
-CustomValues.argTypes = {
-  mode: {
-    defaultValue: 'non-restrictive'
-  }
+CustomValues.args = {
+  mode: 'non-restrictive'
 };
 export var IconSlotsInBadge = function IconSlotsInBadge(args) {
   var _useState19 = useState(false),

package/lib/components/NumberField/NumberField.stories.js

@@ -35,8 +35,7 @@ export default {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Example Label'
+      }
     },
     hintText: {
       control: {
@@ -56,14 +55,12 @@ export default {
     step: {
       control: {
         type: 'number'
-      },
-      defaultValue: 1
+      }
     },
     defaultValue: {
       control: {
         type: 'none'
-      },
-      defaultValue: 17
+      }
     },
     formatOptions: {
       control: {
@@ -78,14 +75,12 @@ export default {
     decrementAriaLabel: {
       control: {
         type: 'none'
-      },
-      defaultValue: 'decrement-button'
+      }
     },
     incrementAriaLabel: {
       control: {
         type: 'none'
-      },
-      defaultValue: 'increment-button'
+      }
     },
     minValue: {
       control: {
@@ -97,7 +92,14 @@ export default {
         type: 'none'
       }
     }
-  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes),
+  args: {
+    label: 'Example Label',
+    step: 1,
+    defaultValue: 17,
+    decrementAriaLabel: 'decrement-button',
+    incrementAriaLabel: 'increment-button'
+  }
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(NumberField, args);

package/lib/components/OverlayPanel/OverlayPanel.stories.js

@@ -28,13 +28,15 @@ export default {
       control: {
         type: 'select',
         options: panelSizes
-      },
-      defaultValue: 'medium'
+      }
     },
     isOpen: {
       control: 'none'
     }
   },
+  args: {
+    size: 'medium'
+  },
   parameters: {
     docs: {
       page: function page() {

package/lib/components/RadioGroupField/RadioGroupField.stories.js

@@ -31,8 +31,7 @@ export default {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Pick one'
+      }
     },
     helperText: {
       control: {
@@ -44,9 +43,7 @@ export default {
         type: 'text'
       }
     },
-    defaultValue: {
-      defaultValue: 'A'
-    },
+    defaultValue: {},
     orientation: {},
     isDisabled: {},
     isRequired: {},
@@ -57,7 +54,11 @@ export default {
         type: 'none'
       }
     }
-  }, statusArgTypes), ariaAttributeBaseArgTypes)
+  }, statusArgTypes), ariaAttributeBaseArgTypes),
+  args: {
+    label: 'Pick one',
+    defaultValue: 'A'
+  }
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(RadioGroupField, args, ___EmotionJSX(RadioField, {

package/lib/components/RequirementsList/RequirementsList.stories.js

@@ -21,21 +21,23 @@ export default {
       control: {
         type: 'object'
       },
-      defaultValue: [{
-        name: 'requirement 1',
-        status: 'default'
-      }, {
-        name: 'requirement 2',
-        status: 'warning'
-      }, {
-        name: 'requirement 3',
-        status: 'error'
-      }, {
-        name: 'requirement 4',
-        status: 'success'
-      }],
       description: 'Requirements and their status.'
     }
+  },
+  args: {
+    requirements: [{
+      'name': 'requirement 1',
+      'status': 'default'
+    }, {
+      'name': 'requirement 2',
+      'status': 'warning'
+    }, {
+      'name': 'requirement 3',
+      'status': 'error'
+    }, {
+      'name': 'requirement 4',
+      'status': 'success'
+    }]
   }
 };
 export var Default = function Default(_ref) {

package/lib/components/RockerButtonGroup/RockerButtonGroup.stories.js

@@ -20,15 +20,16 @@ export default {
     }
   },
   argTypes: {
-    isDisabled: {
-      defaultValue: false
-    },
+    isDisabled: {},
     defaultSelectedKey: {},
     selectedKey: {
       control: {
         type: 'none'
       }
     }
+  },
+  args: {
+    isDisabled: false
   }
 };
 export var Default = function Default(_ref) {

package/lib/components/ScrollBox/ScrollBox.stories.js

@@ -21,9 +21,11 @@ export default {
     maxHeight: {
       control: {
         type: 'text'
-      },
-      defaultValue: '100px'
+      }
     }
+  },
+  args: {
+    maxHeight: '100px'
   }
 };
 export var Default = function Default(args) {

package/lib/components/SearchField/SearchField.stories.js

@@ -41,9 +41,7 @@ export default {
         type: 'text'
       }
     },
-    placeholder: {
-      defaultValue: 'Search Groups'
-    },
+    placeholder: {},
     defaultValue: {},
     icon: {
       control: {
@@ -65,7 +63,10 @@ export default {
         type: 'none'
       }
     }
-  }, ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  }, ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes),
+  args: {
+    placeholder: 'Search Groups'
+  }
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(SearchField, _extends({}, args, {

package/lib/components/SelectField/SelectField.stories.js

@@ -131,8 +131,7 @@ export default {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Example Label'
+      }
     },
     placeholder: {},
     defaultText: {},
@@ -150,8 +149,7 @@ export default {
       control: {
         type: 'select',
         options: _Object$values(labelModes)
-      },
-      defaultValue: _Object$values(labelModes)[0]
+      }
     },
     defaultSelectedKey: {},
     disabledKeys: {},
@@ -168,7 +166,11 @@ export default {
         type: 'none'
       }
     }
-  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes),
+  args: {
+    label: 'Example Label',
+    labelMode: _Object$values(labelModes)[0]
+  }
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(SelectField, _extends({}, args, {

package/lib/components/Stepper/Stepper.stories.js

@@ -11,10 +11,6 @@ export default {
   title: 'Components/Stepper',
   component: Stepper,
   decorators: [withDesign],
-  args: {
-    items: undefined,
-    onStepChange: undefined
-  },
   argTypes: {
     activeStep: {
       control: {
@@ -22,14 +18,10 @@ export default {
         min: 0,
         step: 1
       },
-      defaultValue: 1,
       description: 'The number of the current step (using one-based indexing)',
       table: {
         type: {
           summary: 'number'
-        },
-        defaultValue: {
-          summary: 1
         }
       }
     },
@@ -39,12 +31,19 @@ export default {
       }
     },
     items: {
-      defaultValue: undefined,
       control: {
         type: 'none'
       }
     }
   },
+  args: {
+    activeStep: 1,
+    table: {
+      summary: 1
+    },
+    items: undefined,
+    onStepChange: undefined
+  },
   parameters: {
     docs: {
       page: function page() {

package/lib/components/SwitchField/SwitchField.stories.js

@@ -18,7 +18,7 @@ import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
 import { inputFieldAttributeBaseArgTypes } from '../../utils/docUtils/fieldAttributes';
 import { statusArgTypes } from '../../utils/docUtils/statusProp';
 import SwitchFieldReadme from './SwitchField.mdx';
-import { switchFieldArgTypes } from './switchFieldAttributes';
+import { switchFieldArgs, switchFieldArgTypes } from './switchFieldAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Form/SwitchField',
@@ -33,7 +33,8 @@ export default {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, switchFieldArgTypes), statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  argTypes: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, switchFieldArgTypes), statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes),
+  args: switchFieldArgs
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(SwitchField, args);

package/lib/components/SwitchField/switchFieldAttributes.js

@@ -109,7 +109,6 @@ export var switchFieldArgTypes = {
     type: {
       summary: string
     },
-    defaultValue: 'Example Label',
     description: descriptions.label
   },
   name: {
@@ -140,7 +139,6 @@ export var switchFieldArgTypes = {
     description: descriptions.onKeyUp
   }),
   value: {
-    defaultValue: 'my-switch',
     control: {
       type: text
     },
@@ -154,10 +152,14 @@ export var switchFieldArgTypes = {
       type: 'select',
       options: statuses
     },
-    defaultValue: statuses.DEFAULT,
     description: descriptions.status
   }
 };
+export var switchFieldArgs = {
+  label: 'Example Label',
+  value: 'my-switch',
+  status: statuses.DEFAULT
+};
 export var switchFieldPropTypes = _objectSpread(_objectSpread(_objectSpread({
   className: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
   hasAutoFocus: PropTypes.bool,

package/lib/components/TextAreaField/TextAreaField.stories.js

@@ -39,15 +39,13 @@ export default {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Example Label'
+      }
     },
     labelMode: {
       control: {
         type: 'select',
         options: _Object$values(labelModes)
-      },
-      defaultValue: _Object$values(labelModes)[0]
+      }
     },
     defaultValue: {},
     placeholder: {},
@@ -76,7 +74,11 @@ export default {
         type: 'none'
       }
     }
-  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes),
+  args: {
+    label: 'Example Label',
+    labelMode: _Object$values(labelModes)[0]
+  }
 };
 var IconSlot = ___EmotionJSX(Box, {
   isRow: true

package/lib/components/TextField/TextField.stories.js

@@ -44,15 +44,17 @@ export default {
       control: {
         type: 'select',
         options: _Object$values(labelModes)
-      },
-      defaultValue: _Object$values(labelModes)[0]
+      }
     },
     variant: {
       control: {
         type: 'text'
       }
     }
-  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes)
+  }, statusArgTypes), ariaAttributeBaseArgTypes), inputFieldAttributeBaseArgTypes),
+  args: {
+    labelMode: _Object$values(labelModes)[0]
+  }
 };
 export var Default = function Default(_ref) {
   var variant = _ref.variant,

package/lib/experimental/ListViewItem/controls/ListViewItemEditButton.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { iconButtonArgTypes } from '../../../components/IconButton/iconButtonAttributes';
+import { iconButtonArgs, iconButtonArgTypes } from '../../../components/IconButton/iconButtonAttributes';
 import { ListViewItemEditButton } from '../../../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 delete iconButtonArgTypes.size;
@@ -14,7 +14,8 @@ export default {
       }
     }
   },
-  argTypes: iconButtonArgTypes
+  argTypes: iconButtonArgTypes,
+  args: iconButtonArgs
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(ListViewItemEditButton, args);

package/lib/experimental/ListViewItem/controls/ListViewItemSwitchField.stories.js

@@ -10,7 +10,7 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
-import { switchFieldArgTypes } from '../../../components/SwitchField/switchFieldAttributes';
+import { switchFieldArgs, switchFieldArgTypes } from '../../../components/SwitchField/switchFieldAttributes';
 import { ListViewItemSwitchField } from '../../../index';
 import { onHoverArgTypes } from '../../../utils/docUtils/hoverProps';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -25,7 +25,10 @@ export default {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread({}, switchFieldArgTypes), onHoverArgTypes)
+  argTypes: _objectSpread(_objectSpread({}, switchFieldArgTypes), onHoverArgTypes),
+  args: _objectSpread(_objectSpread({}, switchFieldArgs), {}, {
+    label: ''
+  })
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(ListViewItemSwitchField, args);

package/lib/recipes/LinkedListView.stories.js

@@ -18,19 +18,20 @@ export default {
         type: 'select'
       }
     },
-    disabledKeys: {
-      defaultValue: []
-    },
+    disabledKeys: {},
     items: {
       control: {
         type: 'none'
       }
     },
     onSelectionChange: {
-      control: 'none',
-      // eslint-disable-next-line no-console
-      defaultValue: console.log
+      control: 'none'
     }
+  },
+  args: {
+    disabledKeys: [],
+    // eslint-disable-next-line no-console
+    onSelectionChange: console.log
   }
 };
 var testData = [{