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

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

@@ -19,14 +19,16 @@ var _default = {
       control: {
         type: 'select',
         options: _constants.modes
-      },
-      defaultValue: _constants.modes.DEFAULT
+      }
     },
     isDisabled: {},
     isRequired: {},
     requiredIndicator: {
       control: 'none'
     }
+  },
+  args: {
+    mode: _constants.modes.DEFAULT
   }
 };
 exports["default"] = _default;

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

@@ -33,22 +33,19 @@ var _default = {
     href: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'https://uilibrary.ping-eng.com/'
+      }
     },
     isDisabled: {},
     as: {
       control: {
         type: 'none',
         options: _htmlElements.htmlElements
-      },
-      defaultValue: 'a'
+      }
     },
     target: {
       control: {
         type: 'none'
-      },
-      defaultValue: '_blank'
+      }
     },
     variant: {
       control: {
@@ -56,6 +53,11 @@ var _default = {
         options: (0, _keys["default"])(_Link2["default"])
       }
     }
+  },
+  args: {
+    href: 'https://uilibrary.ping-eng.com/',
+    as: 'a',
+    target: '_blank'
   }
 };
 exports["default"] = _default;

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

@@ -63,8 +63,7 @@ var _default = {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'What\'s your favourite color?'
+      }
     },
     placeholder: {},
     defaultText: {},
@@ -93,7 +92,10 @@ var _default = {
         type: 'none'
       }
     }
-  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
+  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes),
+  args: {
+    label: 'What\'s your favourite color?'
+  }
 };
 exports["default"] = _default;
 var Default = function Default(args) {

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

@@ -54,19 +54,20 @@ var _default = {
         options: _loadingStates["default"]
       }
     },
-    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
   }
 };
 exports["default"] = _default;

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

@@ -36,8 +36,7 @@ var _default = {
             colorName = _ref2[0];
           return colorName;
         })
-      },
-      defaultValue: 'active'
+      }
     },
     size: {
       control: {
@@ -45,6 +44,9 @@ var _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'
   }
 };
 exports["default"] = _default;

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

@@ -31,8 +31,7 @@ var _default = {
     title: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Continue'
+      }
     },
     role: {},
     id: {
@@ -46,9 +45,7 @@ var _default = {
         options: _modalSizes.modalSizes
       }
     },
-    hasCloseButton: {
-      defaultValue: true
-    },
+    hasCloseButton: {},
     isClosedOnBlur: {},
     isDismissable: {},
     isKeyboardDismissDisabled: {},
@@ -92,6 +89,10 @@ var _default = {
         type: 'none'
       }
     }
+  },
+  args: {
+    title: 'Continue',
+    hasCloseButton: true
   }
 };
 exports["default"] = _default;

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

@@ -34,18 +34,14 @@ var _default = {
   title: 'Form/MultivaluesField',
   component: _index.MultivaluesField,
   argTypes: _objectSpread(_objectSpread(_objectSpread({
-    direction: {
-      defaultValue: 'bottom'
-    },
+    direction: {},
     hasAutoFocus: {},
     hasNoStatusIndicator: {},
     isDisabled: {},
     isNotFlippable: {},
     isReadOnly: {},
     isRequired: {},
-    label: {
-      defaultValue: 'Field Label'
-    },
+    label: {},
     mode: {},
     placeholder: {},
     defaultSelectedKeys: {
@@ -74,6 +70,10 @@ var _default = {
       }
     }
   }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes),
+  args: {
+    direction: 'bottom',
+    label: 'Field Label'
+  },
   parameters: {
     docs: {
       page: function page() {
@@ -500,10 +500,8 @@ var CustomValues = function CustomValues(args) {
   }));
 };
 exports.CustomValues = CustomValues;
-CustomValues.argTypes = {
-  mode: {
-    defaultValue: 'non-restrictive'
-  }
+CustomValues.args = {
+  mode: 'non-restrictive'
 };
 var IconSlotsInBadge = function IconSlotsInBadge(args) {
   var _useState19 = (0, _react.useState)(false),

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

@@ -46,8 +46,7 @@ var _default = {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Example Label'
+      }
     },
     hintText: {
       control: {
@@ -67,14 +66,12 @@ var _default = {
     step: {
       control: {
         type: 'number'
-      },
-      defaultValue: 1
+      }
     },
     defaultValue: {
       control: {
         type: 'none'
-      },
-      defaultValue: 17
+      }
     },
     formatOptions: {
       control: {
@@ -89,14 +86,12 @@ var _default = {
     decrementAriaLabel: {
       control: {
         type: 'none'
-      },
-      defaultValue: 'decrement-button'
+      }
     },
     incrementAriaLabel: {
       control: {
         type: 'none'
-      },
-      defaultValue: 'increment-button'
+      }
     },
     minValue: {
       control: {
@@ -108,7 +103,14 @@ var _default = {
         type: 'none'
       }
     }
-  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
+  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes),
+  args: {
+    label: 'Example Label',
+    step: 1,
+    defaultValue: 17,
+    decrementAriaLabel: 'decrement-button',
+    incrementAriaLabel: 'increment-button'
+  }
 };
 exports["default"] = _default;
 var Default = function Default(args) {

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

@@ -41,13 +41,15 @@ var _default = {
       control: {
         type: 'select',
         options: _panelSizes.panelSizes
-      },
-      defaultValue: 'medium'
+      }
     },
     isOpen: {
       control: 'none'
     }
   },
+  args: {
+    size: 'medium'
+  },
   parameters: {
     docs: {
       page: function page() {

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

@@ -42,8 +42,7 @@ var _default = {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Pick one'
+      }
     },
     helperText: {
       control: {
@@ -55,9 +54,7 @@ var _default = {
         type: 'text'
       }
     },
-    defaultValue: {
-      defaultValue: 'A'
-    },
+    defaultValue: {},
     orientation: {},
     isDisabled: {},
     isRequired: {},
@@ -68,7 +65,11 @@ var _default = {
         type: 'none'
       }
     }
-  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes)
+  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes),
+  args: {
+    label: 'Pick one',
+    defaultValue: 'A'
+  }
 };
 exports["default"] = _default;
 var Default = function Default(args) {

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

@@ -29,21 +29,23 @@ var _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'
+    }]
   }
 };
 exports["default"] = _default;

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

@@ -33,15 +33,16 @@ var _default = {
     }
   },
   argTypes: {
-    isDisabled: {
-      defaultValue: false
-    },
+    isDisabled: {},
     defaultSelectedKey: {},
     selectedKey: {
       control: {
         type: 'none'
       }
     }
+  },
+  args: {
+    isDisabled: false
   }
 };
 exports["default"] = _default;

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

@@ -29,9 +29,11 @@ var _default = {
     maxHeight: {
       control: {
         type: 'text'
-      },
-      defaultValue: '100px'
+      }
     }
+  },
+  args: {
+    maxHeight: '100px'
   }
 };
 exports["default"] = _default;

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

@@ -52,9 +52,7 @@ var _default = {
         type: 'text'
       }
     },
-    placeholder: {
-      defaultValue: 'Search Groups'
-    },
+    placeholder: {},
     defaultValue: {},
     icon: {
       control: {
@@ -76,7 +74,10 @@ var _default = {
         type: 'none'
       }
     }
-  }, _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
+  }, _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes),
+  args: {
+    placeholder: 'Search Groups'
+  }
 };
 exports["default"] = _default;
 var Default = function Default(args) {

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

@@ -142,8 +142,7 @@ var _default = {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Example Label'
+      }
     },
     placeholder: {},
     defaultText: {},
@@ -161,8 +160,7 @@ var _default = {
       control: {
         type: 'select',
         options: (0, _values["default"])(_constants.modes)
-      },
-      defaultValue: (0, _values["default"])(_constants.modes)[0]
+      }
     },
     defaultSelectedKey: {},
     disabledKeys: {},
@@ -179,7 +177,11 @@ var _default = {
         type: 'none'
       }
     }
-  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
+  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes),
+  args: {
+    label: 'Example Label',
+    labelMode: (0, _values["default"])(_constants.modes)[0]
+  }
 };
 exports["default"] = _default;
 var Default = function Default(args) {

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

@@ -24,10 +24,6 @@ var _default = {
   title: 'Components/Stepper',
   component: _index.Stepper,
   decorators: [_storybookAddonDesigns.withDesign],
-  args: {
-    items: undefined,
-    onStepChange: undefined
-  },
   argTypes: {
     activeStep: {
       control: {
@@ -35,14 +31,10 @@ var _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
         }
       }
     },
@@ -52,12 +44,19 @@ var _default = {
       }
     },
     items: {
-      defaultValue: undefined,
       control: {
         type: 'none'
       }
     }
   },
+  args: {
+    activeStep: 1,
+    table: {
+      summary: 1
+    },
+    items: undefined,
+    onStepChange: undefined
+  },
   parameters: {
     docs: {
       page: function page() {

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

@@ -44,7 +44,8 @@ var _default = {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _switchFieldAttributes.switchFieldArgTypes), _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
+  argTypes: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _switchFieldAttributes.switchFieldArgTypes), _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes),
+  args: _switchFieldAttributes.switchFieldArgs
 };
 exports["default"] = _default;
 var Default = function Default(args) {

package/lib/cjs/components/SwitchField/switchFieldAttributes.js

@@ -12,7 +12,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.switchFieldPropTypes = exports.switchFieldArgTypes = void 0;
+exports.switchFieldPropTypes = exports.switchFieldArgs = exports.switchFieldArgTypes = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
@@ -116,7 +116,6 @@ var switchFieldArgTypes = {
     type: {
       summary: string
     },
-    defaultValue: 'Example Label',
     description: descriptions.label
   },
   name: {
@@ -147,7 +146,6 @@ var switchFieldArgTypes = {
     description: descriptions.onKeyUp
   }),
   value: {
-    defaultValue: 'my-switch',
     control: {
       type: text
     },
@@ -161,11 +159,16 @@ var switchFieldArgTypes = {
       type: 'select',
       options: _statuses["default"]
     },
-    defaultValue: _statuses["default"].DEFAULT,
     description: descriptions.status
   }
 };
 exports.switchFieldArgTypes = switchFieldArgTypes;
+var switchFieldArgs = {
+  label: 'Example Label',
+  value: 'my-switch',
+  status: _statuses["default"].DEFAULT
+};
+exports.switchFieldArgs = switchFieldArgs;
 var switchFieldPropTypes = _objectSpread(_objectSpread(_objectSpread({
   className: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].string)]),
   hasAutoFocus: _propTypes["default"].bool,

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

@@ -50,15 +50,13 @@ var _default = {
     label: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Example Label'
+      }
     },
     labelMode: {
       control: {
         type: 'select',
         options: (0, _values["default"])(_constants.modes)
-      },
-      defaultValue: (0, _values["default"])(_constants.modes)[0]
+      }
     },
     defaultValue: {},
     placeholder: {},
@@ -87,7 +85,11 @@ var _default = {
         type: 'none'
       }
     }
-  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
+  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes),
+  args: {
+    label: 'Example Label',
+    labelMode: (0, _values["default"])(_constants.modes)[0]
+  }
 };
 exports["default"] = _default;
 var IconSlot = (0, _react2.jsx)(_index.Box, {

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

@@ -55,15 +55,17 @@ var _default = {
       control: {
         type: 'select',
         options: (0, _values["default"])(_constants.modes)
-      },
-      defaultValue: (0, _values["default"])(_constants.modes)[0]
+      }
     },
     variant: {
       control: {
         type: 'text'
       }
     }
-  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes)
+  }, _statusProp.statusArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes), _fieldAttributes.inputFieldAttributeBaseArgTypes),
+  args: {
+    labelMode: (0, _values["default"])(_constants.modes)[0]
+  }
 };
 exports["default"] = _default;
 var Default = function Default(_ref) {

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

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

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

@@ -32,7 +32,10 @@ var _default = {
       }
     }
   },
-  argTypes: _objectSpread(_objectSpread({}, _switchFieldAttributes.switchFieldArgTypes), _hoverProps.onHoverArgTypes)
+  argTypes: _objectSpread(_objectSpread({}, _switchFieldAttributes.switchFieldArgTypes), _hoverProps.onHoverArgTypes),
+  args: _objectSpread(_objectSpread({}, _switchFieldAttributes.switchFieldArgs), {}, {
+    label: ''
+  })
 };
 exports["default"] = _default;
 var Default = function Default(args) {

package/lib/cjs/recipes/LinkedListView.stories.js

@@ -31,19 +31,20 @@ var _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
   }
 };
 exports["default"] = _default;

package/lib/cjs/recipes/MaskedValue.stories.js

@@ -25,16 +25,18 @@ var _default = {
     dataTitle: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'Clients Secret'
+      }
     },
     secretData: {
       control: {
         type: 'text'
-      },
-      defaultValue: 'A secret piece of text'
+      }
     }
   },
+  args: {
+    dataTitle: 'Clients Secret',
+    secretData: 'A secret piece of text'
+  },
   parameters: {
     docs: {
       source: {