@pingux/astro 2.96.0-alpha.0 → 2.96.0-alpha.2

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -260,8 +260,19 @@ _forEachInstanceProperty(_context23 = _Object$keys(_iconButtonToggle)).call(_con
     }
   });
 });
+var _iconWrapper = require("./iconWrapper");
+_forEachInstanceProperty(_context24 = _Object$keys(_iconWrapper)).call(_context24, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _iconWrapper[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _iconWrapper[key];
+    }
+  });
+});
 var _input = require("./input");
-_forEachInstanceProperty(_context24 = _Object$keys(_input)).call(_context24, function (key) {
+_forEachInstanceProperty(_context25 = _Object$keys(_input)).call(_context25, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _input[key]) return;
   _Object$defineProperty(exports, key, {
@@ -272,7 +283,7 @@ _forEachInstanceProperty(_context24 = _Object$keys(_input)).call(_context24, fun
   });
 });
 var _item = require("./item");
-_forEachInstanceProperty(_context25 = _Object$keys(_item)).call(_context25, function (key) {
+_forEachInstanceProperty(_context26 = _Object$keys(_item)).call(_context26, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _item[key]) return;
   _Object$defineProperty(exports, key, {
@@ -283,7 +294,7 @@ _forEachInstanceProperty(_context25 = _Object$keys(_item)).call(_context25, func
   });
 });
 var _label = require("./label");
-_forEachInstanceProperty(_context26 = _Object$keys(_label)).call(_context26, function (key) {
+_forEachInstanceProperty(_context27 = _Object$keys(_label)).call(_context27, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _label[key]) return;
   _Object$defineProperty(exports, key, {
@@ -294,7 +305,7 @@ _forEachInstanceProperty(_context26 = _Object$keys(_label)).call(_context26, fun
   });
 });
 var _link = require("./link");
-_forEachInstanceProperty(_context27 = _Object$keys(_link)).call(_context27, function (key) {
+_forEachInstanceProperty(_context28 = _Object$keys(_link)).call(_context28, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _link[key]) return;
   _Object$defineProperty(exports, key, {
@@ -305,7 +316,7 @@ _forEachInstanceProperty(_context27 = _Object$keys(_link)).call(_context27, func
   });
 });
 var _listBox = require("./listBox");
-_forEachInstanceProperty(_context28 = _Object$keys(_listBox)).call(_context28, function (key) {
+_forEachInstanceProperty(_context29 = _Object$keys(_listBox)).call(_context29, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -316,7 +327,7 @@ _forEachInstanceProperty(_context28 = _Object$keys(_listBox)).call(_context28, f
   });
 });
 var _listItem = require("./listItem");
-_forEachInstanceProperty(_context29 = _Object$keys(_listItem)).call(_context29, function (key) {
+_forEachInstanceProperty(_context30 = _Object$keys(_listItem)).call(_context30, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -327,7 +338,7 @@ _forEachInstanceProperty(_context29 = _Object$keys(_listItem)).call(_context29,
   });
 });
 var _loader = require("./loader");
-_forEachInstanceProperty(_context30 = _Object$keys(_loader)).call(_context30, function (key) {
+_forEachInstanceProperty(_context31 = _Object$keys(_loader)).call(_context31, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -338,7 +349,7 @@ _forEachInstanceProperty(_context30 = _Object$keys(_loader)).call(_context30, fu
   });
 });
 var _menu = require("./menu");
-_forEachInstanceProperty(_context31 = _Object$keys(_menu)).call(_context31, function (key) {
+_forEachInstanceProperty(_context32 = _Object$keys(_menu)).call(_context32, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -349,7 +360,7 @@ _forEachInstanceProperty(_context31 = _Object$keys(_menu)).call(_context31, func
   });
 });
 var _menuItem = require("./menuItem");
-_forEachInstanceProperty(_context32 = _Object$keys(_menuItem)).call(_context32, function (key) {
+_forEachInstanceProperty(_context33 = _Object$keys(_menuItem)).call(_context33, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menuItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -360,7 +371,7 @@ _forEachInstanceProperty(_context32 = _Object$keys(_menuItem)).call(_context32,
   });
 });
 var _menuSection = require("./menuSection");
-_forEachInstanceProperty(_context33 = _Object$keys(_menuSection)).call(_context33, function (key) {
+_forEachInstanceProperty(_context34 = _Object$keys(_menuSection)).call(_context34, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menuSection[key]) return;
   _Object$defineProperty(exports, key, {
@@ -371,7 +382,7 @@ _forEachInstanceProperty(_context33 = _Object$keys(_menuSection)).call(_context3
   });
 });
 var _messages = require("./messages");
-_forEachInstanceProperty(_context34 = _Object$keys(_messages)).call(_context34, function (key) {
+_forEachInstanceProperty(_context35 = _Object$keys(_messages)).call(_context35, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _messages[key]) return;
   _Object$defineProperty(exports, key, {
@@ -382,7 +393,7 @@ _forEachInstanceProperty(_context34 = _Object$keys(_messages)).call(_context34,
   });
 });
 var _Modal = require("./Modal");
-_forEachInstanceProperty(_context35 = _Object$keys(_Modal)).call(_context35, function (key) {
+_forEachInstanceProperty(_context36 = _Object$keys(_Modal)).call(_context36, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Modal[key]) return;
   _Object$defineProperty(exports, key, {
@@ -393,7 +404,7 @@ _forEachInstanceProperty(_context35 = _Object$keys(_Modal)).call(_context35, fun
   });
 });
 var _navBar = require("./navBar");
-_forEachInstanceProperty(_context36 = _Object$keys(_navBar)).call(_context36, function (key) {
+_forEachInstanceProperty(_context37 = _Object$keys(_navBar)).call(_context37, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _navBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -404,7 +415,7 @@ _forEachInstanceProperty(_context36 = _Object$keys(_navBar)).call(_context36, fu
   });
 });
 var _navSideBar = require("./navSideBar");
-_forEachInstanceProperty(_context37 = _Object$keys(_navSideBar)).call(_context37, function (key) {
+_forEachInstanceProperty(_context38 = _Object$keys(_navSideBar)).call(_context38, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _navSideBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -415,7 +426,7 @@ _forEachInstanceProperty(_context37 = _Object$keys(_navSideBar)).call(_context37
   });
 });
 var _overlayPanel = require("./overlayPanel");
-_forEachInstanceProperty(_context38 = _Object$keys(_overlayPanel)).call(_context38, function (key) {
+_forEachInstanceProperty(_context39 = _Object$keys(_overlayPanel)).call(_context39, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _overlayPanel[key]) return;
   _Object$defineProperty(exports, key, {
@@ -425,8 +436,19 @@ _forEachInstanceProperty(_context38 = _Object$keys(_overlayPanel)).call(_context
     }
   });
 });
+var _passwordField = require("./passwordField");
+_forEachInstanceProperty(_context40 = _Object$keys(_passwordField)).call(_context40, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _passwordField[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _passwordField[key];
+    }
+  });
+});
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context39 = _Object$keys(_popoverContainer)).call(_context39, function (key) {
+_forEachInstanceProperty(_context41 = _Object$keys(_popoverContainer)).call(_context41, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -437,7 +459,7 @@ _forEachInstanceProperty(_context39 = _Object$keys(_popoverContainer)).call(_con
   });
 });
 var _popoverMenu = require("./popoverMenu");
-_forEachInstanceProperty(_context40 = _Object$keys(_popoverMenu)).call(_context40, function (key) {
+_forEachInstanceProperty(_context42 = _Object$keys(_popoverMenu)).call(_context42, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverMenu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -448,7 +470,7 @@ _forEachInstanceProperty(_context40 = _Object$keys(_popoverMenu)).call(_context4
   });
 });
 var _progressBar = require("./progressBar");
-_forEachInstanceProperty(_context41 = _Object$keys(_progressBar)).call(_context41, function (key) {
+_forEachInstanceProperty(_context43 = _Object$keys(_progressBar)).call(_context43, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _progressBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -459,7 +481,7 @@ _forEachInstanceProperty(_context41 = _Object$keys(_progressBar)).call(_context4
   });
 });
 var _requirementsList = require("./requirementsList");
-_forEachInstanceProperty(_context42 = _Object$keys(_requirementsList)).call(_context42, function (key) {
+_forEachInstanceProperty(_context44 = _Object$keys(_requirementsList)).call(_context44, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _requirementsList[key]) return;
   _Object$defineProperty(exports, key, {
@@ -470,7 +492,7 @@ _forEachInstanceProperty(_context42 = _Object$keys(_requirementsList)).call(_con
   });
 });
 var _rockerButtonGroup = require("./rockerButtonGroup");
-_forEachInstanceProperty(_context43 = _Object$keys(_rockerButtonGroup)).call(_context43, function (key) {
+_forEachInstanceProperty(_context45 = _Object$keys(_rockerButtonGroup)).call(_context45, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _rockerButtonGroup[key]) return;
   _Object$defineProperty(exports, key, {
@@ -481,7 +503,7 @@ _forEachInstanceProperty(_context43 = _Object$keys(_rockerButtonGroup)).call(_co
   });
 });
 var _scrollBox = require("./scrollBox");
-_forEachInstanceProperty(_context44 = _Object$keys(_scrollBox)).call(_context44, function (key) {
+_forEachInstanceProperty(_context46 = _Object$keys(_scrollBox)).call(_context46, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _scrollBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -492,7 +514,7 @@ _forEachInstanceProperty(_context44 = _Object$keys(_scrollBox)).call(_context44,
   });
 });
 var _searchField = require("./searchField");
-_forEachInstanceProperty(_context45 = _Object$keys(_searchField)).call(_context45, function (key) {
+_forEachInstanceProperty(_context47 = _Object$keys(_searchField)).call(_context47, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _searchField[key]) return;
   _Object$defineProperty(exports, key, {
@@ -503,7 +525,7 @@ _forEachInstanceProperty(_context45 = _Object$keys(_searchField)).call(_context4
   });
 });
 var _separator = require("./separator");
-_forEachInstanceProperty(_context46 = _Object$keys(_separator)).call(_context46, function (key) {
+_forEachInstanceProperty(_context48 = _Object$keys(_separator)).call(_context48, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -514,7 +536,7 @@ _forEachInstanceProperty(_context46 = _Object$keys(_separator)).call(_context46,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context47 = _Object$keys(_shared)).call(_context47, function (key) {
+_forEachInstanceProperty(_context49 = _Object$keys(_shared)).call(_context49, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -525,7 +547,7 @@ _forEachInstanceProperty(_context47 = _Object$keys(_shared)).call(_context47, fu
   });
 });
 var _switchField = require("./switchField");
-_forEachInstanceProperty(_context48 = _Object$keys(_switchField)).call(_context48, function (key) {
+_forEachInstanceProperty(_context50 = _Object$keys(_switchField)).call(_context50, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _switchField[key]) return;
   _Object$defineProperty(exports, key, {
@@ -536,7 +558,7 @@ _forEachInstanceProperty(_context48 = _Object$keys(_switchField)).call(_context4
   });
 });
 var _tab = require("./tab");
-_forEachInstanceProperty(_context49 = _Object$keys(_tab)).call(_context49, function (key) {
+_forEachInstanceProperty(_context51 = _Object$keys(_tab)).call(_context51, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tab[key]) return;
   _Object$defineProperty(exports, key, {
@@ -547,7 +569,7 @@ _forEachInstanceProperty(_context49 = _Object$keys(_tab)).call(_context49, funct
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context50 = _Object$keys(_table)).call(_context50, function (key) {
+_forEachInstanceProperty(_context52 = _Object$keys(_table)).call(_context52, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -558,7 +580,7 @@ _forEachInstanceProperty(_context50 = _Object$keys(_table)).call(_context50, fun
   });
 });
 var _tabs = require("./tabs");
-_forEachInstanceProperty(_context51 = _Object$keys(_tabs)).call(_context51, function (key) {
+_forEachInstanceProperty(_context53 = _Object$keys(_tabs)).call(_context53, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tabs[key]) return;
   _Object$defineProperty(exports, key, {
@@ -569,7 +591,7 @@ _forEachInstanceProperty(_context51 = _Object$keys(_tabs)).call(_context51, func
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context52 = _Object$keys(_text)).call(_context52, function (key) {
+_forEachInstanceProperty(_context54 = _Object$keys(_text)).call(_context54, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -580,7 +602,7 @@ _forEachInstanceProperty(_context52 = _Object$keys(_text)).call(_context52, func
   });
 });
 var _textField = require("./textField");
-_forEachInstanceProperty(_context53 = _Object$keys(_textField)).call(_context53, function (key) {
+_forEachInstanceProperty(_context55 = _Object$keys(_textField)).call(_context55, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _textField[key]) return;
   _Object$defineProperty(exports, key, {
@@ -591,7 +613,7 @@ _forEachInstanceProperty(_context53 = _Object$keys(_textField)).call(_context53,
   });
 });
 var _timefield = require("./timefield");
-_forEachInstanceProperty(_context54 = _Object$keys(_timefield)).call(_context54, function (key) {
+_forEachInstanceProperty(_context56 = _Object$keys(_timefield)).call(_context56, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _timefield[key]) return;
   _Object$defineProperty(exports, key, {
@@ -602,7 +624,7 @@ _forEachInstanceProperty(_context54 = _Object$keys(_timefield)).call(_context54,
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context55 = _Object$keys(_tooltipTrigger)).call(_context55, function (key) {
+_forEachInstanceProperty(_context57 = _Object$keys(_tooltipTrigger)).call(_context57, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tooltipTrigger[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/cjs/types/passwordField.d.ts

@@ -0,0 +1,69 @@
+/// <reference types="react" />
+import { UseFieldProps } from '../hooks/useField/useField';
+import { TestingAttributes } from './shared/test';
+import { Status } from './item';
+import { Requirement, RequirementsListProps } from '.';
+export interface PasswordFieldProps extends UseFieldProps<HTMLInputElement>, TestingAttributes {
+    /** The rendered label for the field. */
+    label?: string | React.ReactNode;
+    /** Whether or not the password is visible. */
+    isVisible?: boolean;
+    /** Function that is passed into the IconButton within this component. */
+    onVisibleChange?: (isVisible: boolean, args: unknown) => void;
+    /** The unique identifier for the input element. */
+    id?: string;
+    /** The name for the input element. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */
+    name?: string;
+    /**
+     * Callback fired when the value is changed on the input element.
+     *
+     * @param {object} event The event source of the callback.
+     * You can pull out the new value by accessing `event.target.value` (string).
+     */
+    onChange?: (e: React.ChangeEvent) => void;
+    /** The value for the input element (controlled). */
+    value?: string;
+    /** How the input should handle autocompletion according to the browser. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete). The `autocomplete` prop is an alias for this. */
+    autoComplete?: string;
+    /** @ignore Alias for `autoComplete` prop. Exists for backwards-compatibility. */
+    autocomplete?: string;
+    /** The default value for the input element. */
+    defaultValue?: string;
+    /** Whether the input element is automatically focused when loaded onto the page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus). */
+    hasAutoFocus?: boolean;
+    /** Whether the field is disabled. */
+    isDisabled?: boolean;
+    /** Whether the input can be selected, but not changed by the user. */
+    isReadOnly?: boolean;
+    /** Whether the field is required. */
+    isRequired?: boolean;
+    /**
+     * Callback fired when focus is lost on the input element.
+     */
+    onBlur?: () => void;
+    /**
+     * Callback fired when focus is lost on the input element.
+     */
+    onFocus?: () => void;
+    /** The placeholder text to display in the input element. */
+    placeholder?: string;
+    /** Provides a way to insert markup in specified places. */
+    slots?: {
+        /** The given node will be inserted into the field container. */
+        inContainer: React.ReactNode;
+    };
+    /** Determines the type of input to use. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype). */
+    type?: string;
+    /** @ignore Prop that allows testing of the icon button. */
+    viewHiddenIconTestId?: string;
+    /** @ignore Prop that allows testing of the icon button. */
+    viewIconTestId?: string;
+    /** Array of Requirements and their status. */
+    requirements?: Requirement[];
+    /** Props object that is spread to the requirements list. */
+    requirementsListProps?: RequirementsListProps;
+    status?: Status;
+}
+export interface RequirementMessageProps {
+    requirement: Requirement;
+}

package/lib/cjs/types/passwordField.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/types/requirementsList.d.ts

@@ -1,3 +1,4 @@
+import { TestingAttributes } from './shared/test';
 import { BoxProps } from './box';
 import { Status } from './item';
 export interface Requirement {
@@ -5,7 +6,7 @@ export interface Requirement {
     status?: Status;
 }
 export type Requirements = Array<Requirement>;
-export interface RequirementsListProps extends BoxProps {
+export interface RequirementsListProps extends BoxProps, TestingAttributes {
     /** Requirements and their status. */
     requirements?: Requirements;
     label?: string;

package/lib/components/IconWrapper/IconWrapper.js

@@ -23,7 +23,8 @@ var IconWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
     size = props.size,
     title = props.title,
     className = props.className,
-    isCircle = props.isCircle;
+    isCircle = props.isCircle,
+    sx = props.sx;
   var _useTShirtSize = useTShirtSize(_objectSpread({}, {
       size: size,
       sizes: iconWrapperSizes
@@ -36,9 +37,9 @@ var IconWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
   return ___EmotionJSX(Box, _extends({
     ref: ref,
     variant: "iconWrapper.".concat(size),
-    sx: {
+    sx: _objectSpread({
       backgroundColor: "iconWrapper.wrapper.".concat(color)
-    },
+    }, sx),
     className: classNames
   }, wrapperProps), ___EmotionJSX(Icon, _extends({
     icon: icon,

package/lib/components/PasswordField/PasswordField.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["helperText", "isVisible", "onVisibleChange", "requirements", "requirementsListProps", "slots", "status", "viewHiddenIconTestId", "viewIconTestId"];
 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 _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
@@ -17,45 +17,37 @@ import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/inst
 import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
 import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
 import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import React, { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';
+import React, { forwardRef, useCallback, useRef, useState } from 'react';
 import { useOverlayPosition } from 'react-aria';
 import EyeOffIcon from '@pingux/mdi-react/EyeOffOutlineIcon';
 import EyeIcon from '@pingux/mdi-react/EyeOutlineIcon';
 import { useLayoutEffect, useResizeObserver } from '@react-aria/utils';
 import { VisuallyHidden } from '@react-aria/visually-hidden';
-import PropTypes from 'prop-types';
 import { Box, FieldHelperText, Icon, IconButton, Input, Label, PopoverContainer, RequirementsList } from '../..';
-import { useDebounce, useField, useProgressiveState, usePropWarning, useStatusClasses } from '../../hooks';
+import { useDebounce, useField, useLocalOrForwardRef, useProgressiveState, usePropWarning, useStatusClasses } from '../../hooks';
 import { getPendoID } from '../../utils/devUtils/constants/pendoID';
 import statuses from '../../utils/devUtils/constants/statuses';
-import { ariaAttributesBasePropTypes } from '../../utils/docUtils/ariaAttributes';
-import { inputFieldAttributesBasePropTypes } from '../../utils/docUtils/fieldAttributes';
-import { statusDefaultProp, statusPropTypes } from '../../utils/docUtils/statusProp';
+import { statusDefaultProp } from '../../utils/docUtils/statusProp';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var displayName = 'PasswordField';
 var ARIA_LABELS_FOR_SHOW_PASSWORD_TOGGLE = {
   HIDE: 'hide password',
   SHOW: 'show password'
 };
-var RequirementMessage = function RequirementMessage(_ref) {
+var RequirementMessage = function RequirementMessage(props) {
   var _context;
-  var requirement = _ref.requirement;
+  var requirement = props.requirement;
   return ___EmotionJSX(React.Fragment, null, useDebounce({
-    value: _concatInstanceProperty(_context = "".concat(requirement.name, " ")).call(_context, requirement.status === statuses.SUCCESS ? 'success' : 'not met'),
+    value: _concatInstanceProperty(_context = "".concat(requirement.name, " ")).call(_context, requirement.status === statuses.SUCCESS ? statuses.SUCCESS : 'not met'),
     delay: 100
   }));
 };
-RequirementMessage.propTypes = {
-  requirement: PropTypes.shape({
-    name: PropTypes.string,
-    status: PropTypes.string
-  })
-};
 var PasswordField = /*#__PURE__*/forwardRef(function (props, ref) {
   var helperText = props.helperText,
     isVisibleProp = props.isVisible,
     onVisibleChangeProp = props.onVisibleChange,
-    requirements = props.requirements,
+    _props$requirements = props.requirements,
+    requirements = _props$requirements === void 0 ? [] : _props$requirements,
     requirementsListProps = props.requirementsListProps,
     slots = props.slots,
     status = props.status,
@@ -67,9 +59,9 @@ var PasswordField = /*#__PURE__*/forwardRef(function (props, ref) {
     isTyping = _useState2[0],
     setIsTyping = _useState2[1];
   var checkRequirements = function checkRequirements() {
-    return !_filterInstanceProperty(requirements).call(requirements, function (req) {
+    return _filterInstanceProperty(requirements).call(requirements, function (req) {
       return req.status === 'default';
-    }).length > 0;
+    }).length === 0;
   };
   var _useField = useField(_objectSpread({
       status: status
@@ -80,20 +72,16 @@ var PasswordField = /*#__PURE__*/forwardRef(function (props, ref) {
     fieldLabelProps = _useField.fieldLabelProps;
   var isFocused = fieldControlInputProps.isFocused,
     onChange = fieldControlInputProps.onChange;
-  var inputRef = useRef();
-  var popoverRef = useRef();
+  var inputRef = useLocalOrForwardRef(ref);
+  var popoverRef = useRef(null);
   usePropWarning(props, 'disabled', 'isDisabled');
-  /* istanbul ignore next */
-  useImperativeHandle(ref, function () {
-    return inputRef.current;
-  });
   var _useProgressiveState = useProgressiveState(isVisibleProp, isVisibleProp),
     _useProgressiveState2 = _slicedToArray(_useProgressiveState, 2),
     isVisible = _useProgressiveState2[0],
     setIsShown = _useProgressiveState2[1];
 
   // Measure the width of the input to inform the width of the menu (below).
-  var _useState3 = useState(null),
+  var _useState3 = useState(0),
     _useState4 = _slicedToArray(_useState3, 2),
     menuWidth = _useState4[0],
     setMenuWidth = _useState4[1];
@@ -138,12 +126,12 @@ var PasswordField = /*#__PURE__*/forwardRef(function (props, ref) {
   var toggleShowPasswordAriaLabel = isVisible ? ARIA_LABELS_FOR_SHOW_PASSWORD_TOGGLE.HIDE : ARIA_LABELS_FOR_SHOW_PASSWORD_TOGGLE.SHOW;
   var handleToggleShowPassword = function handleToggleShowPassword() {
     setIsShown(!isVisible);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    var params = _objectSpread({}, args);
     if (onVisibleChangeProp) {
-      var _context2;
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      onVisibleChangeProp.apply(void 0, _concatInstanceProperty(_context2 = [!isVisible]).call(_context2, args));
+      onVisibleChangeProp(!isVisible, params);
     }
   };
   var handleInputChange = function handleInputChange(e) {
@@ -153,7 +141,7 @@ var PasswordField = /*#__PURE__*/forwardRef(function (props, ref) {
     setIsTyping(true);
     _setTimeout(function () {
       setIsTyping(false);
-    }, [300]);
+    }, 300);
   };
   return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Box, _extends({
     variant: "forms.input.fieldContainer"
@@ -210,74 +198,6 @@ var PasswordField = /*#__PURE__*/forwardRef(function (props, ref) {
     }));
   }))));
 });
-PasswordField.propTypes = _objectSpread(_objectSpread(_objectSpread({
-  /** The rendered label for the field. */
-  label: PropTypes.node,
-  /** Whether or not the password is visible. */
-  isVisible: PropTypes.bool,
-  /** Function that is passed into the IconButton within this component. */
-  onVisibleChange: PropTypes.func,
-  /** Text rendered below the input. */
-  helperText: PropTypes.node,
-  /** The unique identifier for the input element. */
-  id: PropTypes.string,
-  /** The name for the input element. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */
-  name: PropTypes.string,
-  /**
-   * Callback fired when the value is changed on the input element.
-   *
-   * @param {object} event The event source of the callback.
-   * You can pull out the new value by accessing `event.target.value` (string).
-   */
-  onChange: PropTypes.func,
-  /** The value for the input element (controlled). */
-  value: PropTypes.string,
-  /** How the input should handle autocompletion according to the browser. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete). The `autocomplete` prop is an alias for this. */
-  autoComplete: PropTypes.string,
-  /** @ignore Alias for `autoComplete` prop. Exists for backwards-compatibility. */
-  autocomplete: PropTypes.string,
-  /** A list of class names to apply to the input element. */
-  className: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
-  /** The default value for the input element. */
-  defaultValue: PropTypes.string,
-  /** Whether the input element is automatically focused when loaded onto the page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus). */
-  hasAutoFocus: PropTypes.bool,
-  /** Whether the field is disabled. */
-  isDisabled: PropTypes.bool,
-  /** Whether the input can be selected, but not changed by the user. */
-  isReadOnly: PropTypes.bool,
-  /** Whether the field is required. */
-  isRequired: PropTypes.bool,
-  /** Add max Length to input value */
-  maxLength: PropTypes.number,
-  /**
-   * Callback fired when focus is lost on the input element.
-   */
-  onBlur: PropTypes.func,
-  /**
-   * Callback fired when focus is lost on the input element.
-   */
-  onFocus: PropTypes.func,
-  /** The placeholder text to display in the input element. */
-  placeholder: PropTypes.string,
-  /** Provides a way to insert markup in specified places. */
-  slots: PropTypes.shape({
-    /** The given node will be inserted into the field container. */
-    inContainer: PropTypes.node
-  }),
-  /** Determines the type of input to use. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype). */
-  type: PropTypes.string,
-  /** @ignore Prop that allows testing of the icon button. */
-  viewHiddenIconTestId: PropTypes.string,
-  /** @ignore Prop that allows testing of the icon button. */
-  viewIconTestId: PropTypes.string,
-  /** Array of Requirements and their status. */
-  requirements: PropTypes.arrayOf(PropTypes.shape(_objectSpread({
-    name: PropTypes.string.isRequired
-  }, statusPropTypes))),
-  /** Props object that is spread to the requirements list. */
-  requirementsListProps: PropTypes.shape({})
-}, statusPropTypes), ariaAttributesBasePropTypes), inputFieldAttributesBasePropTypes);
 PasswordField.defaultProps = _objectSpread({
   hasAutoFocus: false,
   isDisabled: false,

package/lib/components/PasswordField/PasswordField.stories.js

@@ -189,6 +189,18 @@ export var FloatLabel = function FloatLabel() {
     labelMode: "float"
   });
 };
+
+// Added to bypass color contrast issue
+FloatLabel.parameters = {
+  a11y: {
+    config: {
+      rules: [{
+        id: 'color-contrast',
+        enabled: false
+      }]
+    }
+  }
+};
 export var LeftLabel = function LeftLabel() {
   var _useState15 = useState(false),
     _useState16 = _slicedToArray(_useState15, 2),