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

package/lib/cjs/components/RequirementsList/RequirementsList.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { RequirementsListProps } from '../../types';
+declare const RequirementsList: React.ForwardRefExoticComponent<RequirementsListProps & React.RefAttributes<HTMLElement>>;
+export default RequirementsList;

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
@@ -25,8 +18,6 @@ var _AlertCircleOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/
 var _CheckboxBlankCircleOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/CheckboxBlankCircleOutlineIcon"));
 var _CheckCircleIcon = _interopRequireDefault(require("@pingux/mdi-react/CheckCircleIcon"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _statusProp = require("../../utils/docUtils/statusProp");
 var _Box = _interopRequireDefault(require("../Box"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _Text = _interopRequireDefault(require("../Text"));
@@ -34,8 +25,6 @@ var _react2 = require("@emotion/react");
 var _excluded = ["requirements"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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) { (0, _defineProperty2["default"])(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; }
 var RequirementsList = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var requirements = props.requirements,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
@@ -109,18 +98,10 @@ var RequirementsList = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     gap: "md",
     as: "ul",
     ref: ref
-  }, others), (0, _map["default"])(requirements).call(requirements, function (req) {
+  }, others), requirements === null || requirements === void 0 ? void 0 : (0, _map["default"])(requirements).call(requirements, function (req) {
     return buildRequirementsLine(req);
   }));
 });
-RequirementsList.propTypes = {
-  /**
-   * Requirements and their status.
-   */
-  requirements: _propTypes["default"].arrayOf(_propTypes["default"].shape(_objectSpread({
-    name: _propTypes["default"].string.isRequired
-  }, _statusProp.statusPropTypes)))
-};
 RequirementsList.defaultProps = {
   requirements: []
 };

package/lib/cjs/components/RequirementsList/RequirementsList.stories.d.ts

@@ -0,0 +1,6 @@
+import { StoryFn } from '@storybook/react';
+import { RequirementsListProps } from '../../types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<RequirementsListProps>;
+export declare const Password: StoryFn;

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

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _storybookAddonDesigns = require("storybook-addon-designs");
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
-var _figmaLinks = require("../../utils/designUtils/figmaLinks.ts");
+var _figmaLinks = require("../../utils/designUtils/figmaLinks");
 var _RequirementsList = _interopRequireDefault(require("./RequirementsList.mdx"));
 var _react2 = require("@emotion/react");
 var _default = {

package/lib/cjs/components/RequirementsList/RequirementsList.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -61,7 +61,7 @@ test('base case requirements list', function () {
 });
 test('empty variables requirements list', function () {
   getComponent({
-    requirementsList: []
+    requirements: []
   });
   var requirementsList = _react3.screen.getByTestId(testId);
   expect(requirementsList).toBeInstanceOf(HTMLUListElement);

package/lib/cjs/components/RequirementsList/index.d.ts

@@ -0,0 +1 @@
+export { default } from './RequirementsList';

package/lib/cjs/components/ScrollBox/ScrollBox.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ScrollBoxProps } from '../../types';
+declare const ScrollBox: React.ForwardRefExoticComponent<ScrollBoxProps & React.RefAttributes<HTMLDivElement>>;
+export default ScrollBox;

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

@@ -20,8 +20,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _useStatusClasses2 = _interopRequireDefault(require("../../hooks/useStatusClasses"));
+var _hooks = require("../../hooks");
 var _Box = _interopRequireDefault(require("../Box"));
 var _react2 = require("@emotion/react");
 var _excluded = ["maxHeight", "children", "sx", "hasShadows", "onScroll"];
@@ -48,31 +47,30 @@ var ScrollBox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
     isBottomShadowShowing = _useState6[0],
     setIsBottomShadowShowing = _useState6[1];
-  var outerRef = (0, _react.useRef)();
-  /* istanbul ignore next */
-  (0, _react.useImperativeHandle)(ref, function () {
-    return outerRef.current;
-  });
+  var outerRef = (0, _hooks.useLocalOrForwardRef)(ref);
 
   /* istanbul ignore next */
   (0, _react.useLayoutEffect)(function () {
-    if (outerRef.current && outerRef.current.firstChild) {
-      if (outerRef.current.firstChild.offsetHeight !== 0) {
-        setIsBottomShadowShowing(outerRef.current.firstChild.scrollHeight - outerRef.current.firstChild.offsetHeight !== outerRef.current.firstChild.scrollTop);
-        setIsTopShadowShowing(outerRef.current.firstChild.scrollTop !== 0);
+    var _outerRef$current;
+    var firstChildNode = (_outerRef$current = outerRef.current) === null || _outerRef$current === void 0 ? void 0 : _outerRef$current.firstChild;
+    if (outerRef.current && firstChildNode) {
+      if (firstChildNode.offsetHeight !== 0) {
+        firstChildNode.setAttribute('tabindex', '0');
+        setIsBottomShadowShowing(firstChildNode.scrollHeight - firstChildNode.offsetHeight !== firstChildNode.scrollTop);
+        setIsTopShadowShowing(firstChildNode.scrollTop !== 0);
       }
     }
   }, [scrollTopPosition]);
 
   /* istanbul ignore next */
   var onScroll = function onScroll() {
-    var _outerRef$current;
-    if ((_outerRef$current = outerRef.current) !== null && _outerRef$current !== void 0 && _outerRef$current.firstChild) {
-      var _outerRef$current2;
-      setScrollTopPosition((_outerRef$current2 = outerRef.current) === null || _outerRef$current2 === void 0 || (_outerRef$current2 = _outerRef$current2.firstChild) === null || _outerRef$current2 === void 0 ? void 0 : _outerRef$current2.scrollTop);
+    var _outerRef$current2;
+    var firstChildNode = (_outerRef$current2 = outerRef.current) === null || _outerRef$current2 === void 0 ? void 0 : _outerRef$current2.firstChild;
+    if (firstChildNode) {
+      setScrollTopPosition(firstChildNode.scrollTop);
     }
   };
-  var _useStatusClasses = (0, _useStatusClasses2["default"])('', {
+  var _useStatusClasses = (0, _hooks.useStatusClasses)('', {
       hasShadows: hasShadows,
       isTopShadowShowing: isTopShadowShowing,
       isBottomShadowShowing: isBottomShadowShowing
@@ -100,13 +98,5 @@ ScrollBox.defaultProps = {
   maxHeight: '100%',
   hasShadows: false
 };
-ScrollBox.propTypes = {
-  /** Height at which the content within ScrollBox will overflow */
-  maxHeight: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object, _propTypes["default"].number]),
-  /** Callback that fires when scrolling is done inside the ScrollBox */
-  onScroll: _propTypes["default"].func,
-  /** If true the box will render top and bottom shadows with scroll */
-  hasShadows: _propTypes["default"].bool
-};
 var _default = ScrollBox;
 exports["default"] = _default;

package/lib/cjs/components/ScrollBox/ScrollBox.stories.d.ts

@@ -0,0 +1,5 @@
+import { StoryFn } from '@storybook/react';
+import { ScrollBoxProps } from '../../types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<ScrollBoxProps>;

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

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _storybookAddonDesigns = require("storybook-addon-designs");
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
-var _figmaLinks = require("../../utils/designUtils/figmaLinks.ts");
+var _figmaLinks = require("../../utils/designUtils/figmaLinks");
 var _ScrollBox = _interopRequireDefault(require("./ScrollBox.mdx"));
 var _react2 = require("@emotion/react");
 var _default = {

package/lib/cjs/components/ScrollBox/ScrollBox.styles.d.ts

@@ -0,0 +1,41 @@
+declare const _default: {
+    container: {
+        '&::-webkit-scrollbar': {
+            display: string;
+            width: string;
+        };
+        '&::-webkit-scrollbar-track': {
+            width: string;
+            display: string;
+        };
+        '&::-webkit-scrollbar-thumb': {
+            borderRadius: string;
+            display: string;
+        };
+        position: string;
+        '& > *': {
+            overflow: string;
+        };
+    };
+    topShadowBox: {
+        '&.has-shadows.is-top-shadow-showing': {
+            position: string;
+            zIndex: string;
+            boxShadow: string;
+            height: string;
+            marginBottom: string;
+            backgroundColor: string;
+        };
+    };
+    bottomShadowBox: {
+        '&.has-shadows.is-bottom-shadow-showing': {
+            position: string;
+            zIndex: string;
+            boxShadow: string;
+            height: string;
+            marginTop: string;
+            backgroundColor: string;
+        };
+    };
+};
+export default _default;

package/lib/cjs/components/ScrollBox/ScrollBox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/ScrollBox/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ScrollBox';

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

@@ -17,7 +17,9 @@ export * from './loader';
 export * from './overlayPanel';
 export * from './popoverContainer';
 export * from './popoverMenu';
+export * from './requirementsList';
 export * from './rockerButtonGroup';
+export * from './scrollBox';
 export * from './separator';
 export * from './shared';
 export * from './table';

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;
+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;
 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");
@@ -216,8 +216,19 @@ _forEachInstanceProperty(_context19 = _Object$keys(_popoverMenu)).call(_context1
     }
   });
 });
+var _requirementsList = require("./requirementsList");
+_forEachInstanceProperty(_context20 = _Object$keys(_requirementsList)).call(_context20, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _requirementsList[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _requirementsList[key];
+    }
+  });
+});
 var _rockerButtonGroup = require("./rockerButtonGroup");
-_forEachInstanceProperty(_context20 = _Object$keys(_rockerButtonGroup)).call(_context20, function (key) {
+_forEachInstanceProperty(_context21 = _Object$keys(_rockerButtonGroup)).call(_context21, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _rockerButtonGroup[key]) return;
   _Object$defineProperty(exports, key, {
@@ -227,8 +238,19 @@ _forEachInstanceProperty(_context20 = _Object$keys(_rockerButtonGroup)).call(_co
     }
   });
 });
+var _scrollBox = require("./scrollBox");
+_forEachInstanceProperty(_context22 = _Object$keys(_scrollBox)).call(_context22, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _scrollBox[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _scrollBox[key];
+    }
+  });
+});
 var _separator = require("./separator");
-_forEachInstanceProperty(_context21 = _Object$keys(_separator)).call(_context21, function (key) {
+_forEachInstanceProperty(_context23 = _Object$keys(_separator)).call(_context23, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -239,7 +261,7 @@ _forEachInstanceProperty(_context21 = _Object$keys(_separator)).call(_context21,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context22 = _Object$keys(_shared)).call(_context22, function (key) {
+_forEachInstanceProperty(_context24 = _Object$keys(_shared)).call(_context24, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -250,7 +272,7 @@ _forEachInstanceProperty(_context22 = _Object$keys(_shared)).call(_context22, fu
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context23 = _Object$keys(_table)).call(_context23, function (key) {
+_forEachInstanceProperty(_context25 = _Object$keys(_table)).call(_context25, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -261,7 +283,7 @@ _forEachInstanceProperty(_context23 = _Object$keys(_table)).call(_context23, fun
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context24 = _Object$keys(_text)).call(_context24, function (key) {
+_forEachInstanceProperty(_context26 = _Object$keys(_text)).call(_context26, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -272,7 +294,7 @@ _forEachInstanceProperty(_context24 = _Object$keys(_text)).call(_context24, func
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context25 = _Object$keys(_tooltipTrigger)).call(_context25, function (key) {
+_forEachInstanceProperty(_context27 = _Object$keys(_tooltipTrigger)).call(_context27, 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/requirementsList.d.ts

@@ -0,0 +1,11 @@
+import { BoxProps } from './box';
+import { Status } from './item';
+export interface Requirement extends Status {
+    name: string;
+}
+export type Requirements = Array<Requirement>;
+export interface RequirementsListProps extends BoxProps {
+    /** Requirements and their status. */
+    requirements?: Requirements;
+    label?: string;
+}

package/lib/cjs/types/requirementsList.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/scrollBox.d.ts

@@ -0,0 +1,9 @@
+import { UIEventHandler } from 'react';
+import { FocusableElement } from './shared/dom';
+import { BoxProps } from './box';
+export interface ScrollBoxProps extends BoxProps {
+    /** Callback that fires when scrolling is done inside the ScrollBox */
+    onScroll?: UIEventHandler<FocusableElement>;
+    /** If true the box will render top and bottom shadows with scroll */
+    hasShadows?: boolean;
+}

package/lib/cjs/types/scrollBox.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/components/RequirementsList/RequirementsList.js

@@ -1,26 +1,13 @@
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["requirements"];
-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 _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
-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 } from 'react';
 import ErrorCircle from '@pingux/mdi-react/AlertCircleIcon';
 import WarningCircle from '@pingux/mdi-react/AlertCircleOutlineIcon';
 import DefaultCircle from '@pingux/mdi-react/CheckboxBlankCircleOutlineIcon';
 import SuccessCircle from '@pingux/mdi-react/CheckCircleIcon';
 import kebabCase from 'lodash/kebabCase';
-import PropTypes from 'prop-types';
-import { statusPropTypes } from '../../utils/docUtils/statusProp';
 import Box from '../Box';
 import Icon from '../Icon';
 import Text from '../Text';
@@ -98,18 +85,10 @@ var RequirementsList = /*#__PURE__*/forwardRef(function (props, ref) {
     gap: "md",
     as: "ul",
     ref: ref
-  }, others), _mapInstanceProperty(requirements).call(requirements, function (req) {
+  }, others), requirements === null || requirements === void 0 ? void 0 : _mapInstanceProperty(requirements).call(requirements, function (req) {
     return buildRequirementsLine(req);
   }));
 });
-RequirementsList.propTypes = {
-  /**
-   * Requirements and their status.
-   */
-  requirements: PropTypes.arrayOf(PropTypes.shape(_objectSpread({
-    name: PropTypes.string.isRequired
-  }, statusPropTypes)))
-};
 RequirementsList.defaultProps = {
   requirements: []
 };

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { withDesign } from 'storybook-addon-designs';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { RequirementsList } from '../../index';
-import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.ts';
+import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import RequirementsListReadme from './RequirementsList.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {

package/lib/components/RequirementsList/RequirementsList.test.js

@@ -60,7 +60,7 @@ test('base case requirements list', function () {
 });
 test('empty variables requirements list', function () {
   getComponent({
-    requirementsList: []
+    requirements: []
   });
   var requirementsList = screen.getByTestId(testId);
   expect(requirementsList).toBeInstanceOf(HTMLUListElement);

package/lib/components/ScrollBox/ScrollBox.js

@@ -13,9 +13,8 @@ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectW
 var _excluded = ["maxHeight", "children", "sx", "hasShadows", "onScroll"];
 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, { forwardRef, useImperativeHandle, useLayoutEffect, useRef, useState } from 'react';
-import PropTypes from 'prop-types';
-import useStatusClasses from '../../hooks/useStatusClasses';
+import React, { forwardRef, useLayoutEffect, useState } from 'react';
+import { useLocalOrForwardRef, useStatusClasses } from '../../hooks';
 import Box from '../Box';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var ScrollBox = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -37,28 +36,27 @@ var ScrollBox = /*#__PURE__*/forwardRef(function (props, ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     isBottomShadowShowing = _useState6[0],
     setIsBottomShadowShowing = _useState6[1];
-  var outerRef = useRef();
-  /* istanbul ignore next */
-  useImperativeHandle(ref, function () {
-    return outerRef.current;
-  });
+  var outerRef = useLocalOrForwardRef(ref);
 
   /* istanbul ignore next */
   useLayoutEffect(function () {
-    if (outerRef.current && outerRef.current.firstChild) {
-      if (outerRef.current.firstChild.offsetHeight !== 0) {
-        setIsBottomShadowShowing(outerRef.current.firstChild.scrollHeight - outerRef.current.firstChild.offsetHeight !== outerRef.current.firstChild.scrollTop);
-        setIsTopShadowShowing(outerRef.current.firstChild.scrollTop !== 0);
+    var _outerRef$current;
+    var firstChildNode = (_outerRef$current = outerRef.current) === null || _outerRef$current === void 0 ? void 0 : _outerRef$current.firstChild;
+    if (outerRef.current && firstChildNode) {
+      if (firstChildNode.offsetHeight !== 0) {
+        firstChildNode.setAttribute('tabindex', '0');
+        setIsBottomShadowShowing(firstChildNode.scrollHeight - firstChildNode.offsetHeight !== firstChildNode.scrollTop);
+        setIsTopShadowShowing(firstChildNode.scrollTop !== 0);
       }
     }
   }, [scrollTopPosition]);
 
   /* istanbul ignore next */
   var onScroll = function onScroll() {
-    var _outerRef$current;
-    if ((_outerRef$current = outerRef.current) !== null && _outerRef$current !== void 0 && _outerRef$current.firstChild) {
-      var _outerRef$current2;
-      setScrollTopPosition((_outerRef$current2 = outerRef.current) === null || _outerRef$current2 === void 0 || (_outerRef$current2 = _outerRef$current2.firstChild) === null || _outerRef$current2 === void 0 ? void 0 : _outerRef$current2.scrollTop);
+    var _outerRef$current2;
+    var firstChildNode = (_outerRef$current2 = outerRef.current) === null || _outerRef$current2 === void 0 ? void 0 : _outerRef$current2.firstChild;
+    if (firstChildNode) {
+      setScrollTopPosition(firstChildNode.scrollTop);
     }
   };
   var _useStatusClasses = useStatusClasses('', {
@@ -89,12 +87,4 @@ ScrollBox.defaultProps = {
   maxHeight: '100%',
   hasShadows: false
 };
-ScrollBox.propTypes = {
-  /** Height at which the content within ScrollBox will overflow */
-  maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.number]),
-  /** Callback that fires when scrolling is done inside the ScrollBox */
-  onScroll: PropTypes.func,
-  /** If true the box will render top and bottom shadows with scroll */
-  hasShadows: PropTypes.bool
-};
 export default ScrollBox;

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { withDesign } from 'storybook-addon-designs';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, ScrollBox } from '../../index';
-import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.ts';
+import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import ScrollBoxReadme from './ScrollBox.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {

package/lib/types/index.js

@@ -17,7 +17,9 @@ export * from './loader';
 export * from './overlayPanel';
 export * from './popoverContainer';
 export * from './popoverMenu';
+export * from './requirementsList';
 export * from './rockerButtonGroup';
+export * from './scrollBox';
 export * from './separator';
 export * from './shared';
 export * from './table';

package/lib/types/requirementsList.js

@@ -0,0 +1 @@
+export {};

package/lib/types/scrollBox.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.48.0-alpha.0",
+  "version": "2.48.0-alpha.2",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",