@pingux/astro 2.238.0 → 2.240.0-alpha.0

package/lib/cjs/styles/forms/index.js

@@ -1,21 +1,10 @@
 "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 _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+exports.default = void 0;
 var checkbox = _interopRequireWildcard(require("../../components/Checkbox/Checkbox.styles"));
 var _CheckboxFieldGroup = _interopRequireDefault(require("../../components/CheckboxFieldGroup/CheckboxFieldGroup.styles"));
 var _ColorField = _interopRequireDefault(require("../../components/ColorField/ColorField.styles"));
@@ -31,15 +20,18 @@ var select = _interopRequireWildcard(require("../../components/SelectField/Selec
 var switchable = _interopRequireWildcard(require("../../components/Switch/Switch.styles"));
 var _TextArea = _interopRequireDefault(require("../../components/TextArea/TextArea.styles"));
 var _TimeField = _interopRequireDefault(require("../../components/TimeField/TimeField.styles"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; } // 'switch' is a reserved keyword
-var labelVariants = _objectSpread(_objectSpread({}, label.label), {}, {
-  checkboxFieldGroup: _objectSpread(_objectSpread({}, label.label), {}, {
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// 'switch' is a reserved keyword
+
+const labelVariants = {
+  ...label.label,
+  checkboxFieldGroup: {
+    ...label.label,
     mb: 'sm',
     flexWrap: 'wrap'
-  }),
-  checkboxFieldGroupItem: _objectSpread(_objectSpread({}, label.label.checkbox), {}, {
+  },
+  checkboxFieldGroupItem: {
+    ...label.label.checkbox,
     minWidth: 0,
     maxWidth: '100%',
     flexWrap: 'wrap',
@@ -49,24 +41,27 @@ var labelVariants = _objectSpread(_objectSpread({}, label.label), {}, {
     '&.is-disabled, &.is-read-only': {
       color: 'inherit'
     }
-  })
-});
+  }
+};
 
 // See ThemeUI docs on variants and themes for intended structure
 // Variants should be defined in the approprate file.
-var _default = exports["default"] = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, checkbox), {}, {
-  checkboxFieldGroup: _CheckboxFieldGroup["default"],
-  colorField: _ColorField["default"],
-  comboBox: _ComboBox["default"],
-  datePicker: _DatePicker["default"],
-  fileInputField: _FileInputField["default"]
-}, input), {}, {
+var _default = exports.default = {
+  ...checkbox,
+  checkboxFieldGroup: _CheckboxFieldGroup.default,
+  colorField: _ColorField.default,
+  comboBox: _ComboBox.default,
+  datePicker: _DatePicker.default,
+  fileInputField: _FileInputField.default,
+  ...input,
   label: labelVariants,
-  numberField: _NumberField["default"],
-  radio: _Radio["default"]
-}, select), {}, {
-  textarea: _TextArea["default"],
-  timeField: _TimeField["default"],
-  "switch": _objectSpread({}, switchable),
-  search: _Search["default"]
-});
+  numberField: _NumberField.default,
+  radio: _Radio.default,
+  ...select,
+  textarea: _TextArea.default,
+  timeField: _TimeField.default,
+  switch: {
+    ...switchable
+  },
+  search: _Search.default
+};

package/lib/cjs/styles/safariAgent.js

@@ -1,11 +1,13 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isSafari = void 0;
-var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
-var _context, _context2;
-var isSafari = exports.isSafari = typeof navigator !== 'undefined' && !((0, _indexOf["default"])(_context = navigator.userAgent).call(_context, 'Chrome') > -1 && (0, _indexOf["default"])(_context2 = navigator.userAgent).call(_context2, 'Safari') > -1);
+// Reading navigator.userAgent at module scope is an import-time side effect,
+// but it is SSR-guarded and a pure read, so it does not defeat tree-shaking;
+// the theme constants below depend on it. Exempted from
+// no-import-time-side-effects for that reason.
+/* eslint-disable @nx/workspace-no-import-time-side-effects -- see comment above */
+const isSafari = exports.isSafari = typeof navigator !== 'undefined' && !(navigator.userAgent.indexOf('Chrome') > -1 && navigator.userAgent.indexOf('Safari') > -1);
+/* eslint-enable @nx/workspace-no-import-time-side-effects */

package/lib/cjs/styles/sizes.js

@@ -1,11 +1,10 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _default = exports["default"] = {
+exports.default = void 0;
+var _default = exports.default = {
   buttonHeight: 36,
   column: 400,
   container: {

package/lib/cjs/styles/spacing.js

@@ -1,12 +1,11 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.button = void 0;
-var base = 10;
-var scale = {
+exports.default = exports.button = void 0;
+const base = 10;
+const scale = {
   xs: base * 0.5,
   // 5
   sm: base * 1,
@@ -19,8 +18,8 @@ var scale = {
   // 40
   xx: base * 6.5 // 65
 };
-var button = exports.button = {
+const button = exports.button = {
   vPadding: scale.xs,
   hPadding: scale.md
 };
-var _default = exports["default"] = scale;
+var _default = exports.default = scale;

package/lib/cjs/styles/templates/Nav/HeaderBar.js

@@ -1,15 +1,10 @@
 "use strict";
 
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-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", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _CompassOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/CompassOutlineIcon"));
 var _HelpCircleOutlineIcon = _interopRequireDefault(require("@pingux/mdi-react/HelpCircleOutlineIcon"));
@@ -18,18 +13,15 @@ var _EnvironmentBreadcrumb = require("../../../components/EnvironmentBreadcrumb/
 var _index = require("../../../index");
 var _NavData = require("./NavData");
 var _react2 = require("@emotion/react");
-function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var CustomPopoverMenu = function CustomPopoverMenu() {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const CustomPopoverMenu = () => {
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
   return (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.PopoverMenu, {
     onOpenChange: setIsOpen
   }, (0, _react2.jsx)(_index.IconButton, {
     "aria-label": "default icon button"
   }, (0, _react2.jsx)(_index.Icon, {
-    icon: _MenuDownIcon["default"],
+    icon: _MenuDownIcon.default,
     size: "xs",
     color: "neutral.30",
     sx: isOpen ? {
@@ -47,15 +39,13 @@ var CustomPopoverMenu = function CustomPopoverMenu() {
     key: "option3"
   }, "Third Option"))));
 };
-var HeaderBar = function HeaderBar() {
-  var Rectangle = function Rectangle() {
-    return (0, _react2.jsx)(_index.Box, {
-      width: "1px",
-      height: 30,
-      bg: "neutral.80",
-      mx: 25
-    });
-  };
+const HeaderBar = () => {
+  const Rectangle = () => (0, _react2.jsx)(_index.Box, {
+    width: "1px",
+    height: 30,
+    bg: "neutral.80",
+    mx: 25
+  });
   return (0, _react2.jsx)(_index.Box, {
     ml: 230,
     px: 15,
@@ -70,7 +60,7 @@ var HeaderBar = function HeaderBar() {
     isRow: true,
     alignItems: "center"
   }, (0, _react2.jsx)(_index.Icon, {
-    icon: _HelpCircleOutlineIcon["default"],
+    icon: _HelpCircleOutlineIcon.default,
     size: 20,
     color: "neutral.30",
     title: {
@@ -81,7 +71,7 @@ var HeaderBar = function HeaderBar() {
     color: "neutral.30",
     alignItems: "center"
   }, (0, _react2.jsx)(_index.Icon, {
-    icon: _CompassOutlineIcon["default"],
+    icon: _CompassOutlineIcon.default,
     size: 20,
     title: {
       name: 'Explore Icon'
@@ -107,4 +97,4 @@ var HeaderBar = function HeaderBar() {
     variant: "textEllipsis"
   }, "Alyssa Chambers"), (0, _react2.jsx)(CustomPopoverMenu, null))));
 };
-var _default = exports["default"] = HeaderBar;
+var _default = exports.default = HeaderBar;

package/lib/cjs/styles/templates/Nav/NavData.js

@@ -1,8 +1,7 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.thirdData = exports.secondData = exports.logo = exports.data = exports.PersonIcon = void 0;
@@ -17,71 +16,67 @@ var _TransitConnectionVariantIcon = _interopRequireDefault(require("@pingux/mdi-
 var _ViewDashboardIcon = _interopRequireDefault(require("@pingux/mdi-react/ViewDashboardIcon"));
 var _NavBarSection = require("../../../components/NavBarSection");
 var _react2 = require("@emotion/react");
-var Credentials = function Credentials(props) {
-  return (0, _react2.jsx)("svg", (0, _extends2["default"])({
-    width: "18px",
-    height: "18px",
-    version: "1.1",
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    x: "0px",
-    y: "0px",
-    "aria-labelledby": "credentials-icon-title"
-  }, props), (0, _react2.jsx)("title", {
-    id: "credentials-icon-title"
-  }, "Credentials Icon"), (0, _react2.jsx)("g", {
-    id: "Layer_2"
-  }), (0, _react2.jsx)("g", {
-    id: "mdi-certificate-outline"
-  }, (0, _react2.jsx)("g", null, (0, _react2.jsx)("path", {
-    d: "M11,8H5V6h6C11,6,11,8,11,8z"
-  }), (0, _react2.jsx)("path", {
-    d: "M9,11H5V9h4C9,9,9,11,9,11z"
-  }), (0, _react2.jsx)("rect", {
-    x: "5",
-    y: "12",
-    width: "6",
-    height: "2"
-  }), (0, _react2.jsx)("path", {
-    d: "M11.4,15H4V5h16v4.8c1,0.7,1.7,2,2,2.8V5c0-1.1-0.9-2-2-2H4C2.9,3,2,3.9,2,5v10c0,1.1,0.9,2,2,2h8.1 C11.7,16.4,11.5,15.7,11.4,15z"
-  }), (0, _react2.jsx)("path", {
-    d: "M15.1,14.3c0-0.9,0.7-1.6,1.6-1.6c0.9,0,1.6,0.7,1.6,1.6c0,0.9-0.7,1.6-1.6,1.6C15.9,15.9,15.1,15.2,15.1,14.3 M16.8,11 c-0.9,0-1.7,0.3-2.3,0.9c-0.6,0.6-1,1.4-1,2.3c0,0.9,0.3,1.7,1,2.3c0.6,0.6,1.4,1,2.3,1c0.9,0,1.7-0.3,2.3-1c0.6-0.6,1-1.4,1-2.3 c0-0.9-0.3-1.7-1-2.3C18.5,11.3,17.6,11,16.8,11 M21.1,14.3c0,0.5-0.1,1-0.3,1.5c-0.2,0.5-0.4,1-0.8,1.3v4.2l-3.3-1.1l-3.3,1.1 v-4.2c-0.7-0.8-1.1-1.8-1.1-2.9c0-1.2,0.4-2.3,1.3-3.1c0.8-0.8,1.9-1.3,3.1-1.3c1.2,0,2.3,0.4,3.1,1.3 C20.7,12,21.1,13.1,21.1,14.3z"
-  }))));
-};
-var Verify = function Verify(props) {
-  return (0, _react2.jsx)("svg", (0, _extends2["default"])({
-    width: "18px",
-    height: "18px",
-    viewBox: "0 0 24 24",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props, {
-    "aria-labelledby": "verify-icon-title"
-  }), (0, _react2.jsx)("title", {
-    id: "verify-icon-title"
-  }, "Icons / Custom Material / verify"), (0, _react2.jsx)("g", {
-    id: "Hero-Chart",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, (0, _react2.jsx)("g", {
-    id: "Dashboard-\u2013-Verify",
-    transform: "translate(-251.000000, -579.000000)",
-    fill: "#ffffff",
-    fillRule: "nonzero"
-  }, (0, _react2.jsx)("g", {
-    id: "Group",
-    transform: "translate(251.000000, 577.000000)"
-  }, (0, _react2.jsx)("g", {
-    id: "card-account-details-star-outline",
-    transform: "translate(0.000000, 2.000000)"
-  }, (0, _react2.jsx)("path", {
-    d: "M12.9066667,16.2 L1.83333333,16.2 C0.834166667,16.164 0.0366666667,15.381 0,14.4 L0,1.8 C0.0366666667,0.819 0.834166667,0.036 1.83333333,0 L20.1666667,0 C21.1658333,0.036 21.9633333,0.819 22,1.8 L22,11.277 C21.4683333,10.8 20.8541667,10.449 20.1666667,10.206 L20.1666667,1.8 L1.83333333,1.8 L1.83333333,14.4 L12.9066667,14.4 C12.8608333,14.697 12.8333333,14.994 12.8333333,15.3 C12.8333333,15.606 12.8608333,15.912 12.9066667,16.2 M12.8333333,12.6 L3.66666667,12.6 L3.66666667,11.475 C3.66666667,9.981 6.72833333,9.225 8.25,9.225 C9.77166667,9.225 12.8333333,9.981 12.8333333,11.475 L12.8333333,12.6 M12.8333333,7.2 L16.5,7.2 L16.5,8.1 L12.8333333,8.1 L12.8333333,7.2 M8.25,3.6 C6.99416667,3.6 5.95833333,4.617 5.95833333,5.85 C5.95833333,7.083 6.99416667,8.1 8.25,8.1 C9.50583333,8.1 10.5416667,7.083 10.5416667,5.85 C10.5416667,4.617 9.50583333,3.6 8.25,3.6 M12.8333333,5.4 L18.3333333,5.4 L18.3333333,6.3 L12.8333333,6.3 L12.8333333,5.4 M20.4783333,12.456 L21.5416667,13.725 L17.1875,18 L14.6666667,15.3 L15.73,14.256 L17.1875,15.687 L20.4783333,12.456 Z M18.3333333,3.6 L18.3333333,4.5 L12.8333333,4.5 L12.8333333,3.6 L18.3333333,3.6 Z",
-    id: "Shape"
-  }))))));
-};
-var logo = exports.logo = (0, _react2.jsx)("svg", {
+const Credentials = props => (0, _react2.jsx)("svg", (0, _extends2.default)({
+  width: "18px",
+  height: "18px",
+  version: "1.1",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  x: "0px",
+  y: "0px",
+  "aria-labelledby": "credentials-icon-title"
+}, props), (0, _react2.jsx)("title", {
+  id: "credentials-icon-title"
+}, "Credentials Icon"), (0, _react2.jsx)("g", {
+  id: "Layer_2"
+}), (0, _react2.jsx)("g", {
+  id: "mdi-certificate-outline"
+}, (0, _react2.jsx)("g", null, (0, _react2.jsx)("path", {
+  d: "M11,8H5V6h6C11,6,11,8,11,8z"
+}), (0, _react2.jsx)("path", {
+  d: "M9,11H5V9h4C9,9,9,11,9,11z"
+}), (0, _react2.jsx)("rect", {
+  x: "5",
+  y: "12",
+  width: "6",
+  height: "2"
+}), (0, _react2.jsx)("path", {
+  d: "M11.4,15H4V5h16v4.8c1,0.7,1.7,2,2,2.8V5c0-1.1-0.9-2-2-2H4C2.9,3,2,3.9,2,5v10c0,1.1,0.9,2,2,2h8.1 C11.7,16.4,11.5,15.7,11.4,15z"
+}), (0, _react2.jsx)("path", {
+  d: "M15.1,14.3c0-0.9,0.7-1.6,1.6-1.6c0.9,0,1.6,0.7,1.6,1.6c0,0.9-0.7,1.6-1.6,1.6C15.9,15.9,15.1,15.2,15.1,14.3 M16.8,11 c-0.9,0-1.7,0.3-2.3,0.9c-0.6,0.6-1,1.4-1,2.3c0,0.9,0.3,1.7,1,2.3c0.6,0.6,1.4,1,2.3,1c0.9,0,1.7-0.3,2.3-1c0.6-0.6,1-1.4,1-2.3 c0-0.9-0.3-1.7-1-2.3C18.5,11.3,17.6,11,16.8,11 M21.1,14.3c0,0.5-0.1,1-0.3,1.5c-0.2,0.5-0.4,1-0.8,1.3v4.2l-3.3-1.1l-3.3,1.1 v-4.2c-0.7-0.8-1.1-1.8-1.1-2.9c0-1.2,0.4-2.3,1.3-3.1c0.8-0.8,1.9-1.3,3.1-1.3c1.2,0,2.3,0.4,3.1,1.3 C20.7,12,21.1,13.1,21.1,14.3z"
+}))));
+const Verify = props => (0, _react2.jsx)("svg", (0, _extends2.default)({
+  width: "18px",
+  height: "18px",
+  viewBox: "0 0 24 24",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props, {
+  "aria-labelledby": "verify-icon-title"
+}), (0, _react2.jsx)("title", {
+  id: "verify-icon-title"
+}, "Icons / Custom Material / verify"), (0, _react2.jsx)("g", {
+  id: "Hero-Chart",
+  stroke: "none",
+  strokeWidth: "1",
+  fill: "none",
+  fillRule: "evenodd"
+}, (0, _react2.jsx)("g", {
+  id: "Dashboard-\u2013-Verify",
+  transform: "translate(-251.000000, -579.000000)",
+  fill: "#ffffff",
+  fillRule: "nonzero"
+}, (0, _react2.jsx)("g", {
+  id: "Group",
+  transform: "translate(251.000000, 577.000000)"
+}, (0, _react2.jsx)("g", {
+  id: "card-account-details-star-outline",
+  transform: "translate(0.000000, 2.000000)"
+}, (0, _react2.jsx)("path", {
+  d: "M12.9066667,16.2 L1.83333333,16.2 C0.834166667,16.164 0.0366666667,15.381 0,14.4 L0,1.8 C0.0366666667,0.819 0.834166667,0.036 1.83333333,0 L20.1666667,0 C21.1658333,0.036 21.9633333,0.819 22,1.8 L22,11.277 C21.4683333,10.8 20.8541667,10.449 20.1666667,10.206 L20.1666667,1.8 L1.83333333,1.8 L1.83333333,14.4 L12.9066667,14.4 C12.8608333,14.697 12.8333333,14.994 12.8333333,15.3 C12.8333333,15.606 12.8608333,15.912 12.9066667,16.2 M12.8333333,12.6 L3.66666667,12.6 L3.66666667,11.475 C3.66666667,9.981 6.72833333,9.225 8.25,9.225 C9.77166667,9.225 12.8333333,9.981 12.8333333,11.475 L12.8333333,12.6 M12.8333333,7.2 L16.5,7.2 L16.5,8.1 L12.8333333,8.1 L12.8333333,7.2 M8.25,3.6 C6.99416667,3.6 5.95833333,4.617 5.95833333,5.85 C5.95833333,7.083 6.99416667,8.1 8.25,8.1 C9.50583333,8.1 10.5416667,7.083 10.5416667,5.85 C10.5416667,4.617 9.50583333,3.6 8.25,3.6 M12.8333333,5.4 L18.3333333,5.4 L18.3333333,6.3 L12.8333333,6.3 L12.8333333,5.4 M20.4783333,12.456 L21.5416667,13.725 L17.1875,18 L14.6666667,15.3 L15.73,14.256 L17.1875,15.687 L20.4783333,12.456 Z M18.3333333,3.6 L18.3333333,4.5 L12.8333333,4.5 L12.8333333,3.6 L18.3333333,3.6 Z",
+  id: "Shape"
+}))))));
+const logo = exports.logo = (0, _react2.jsx)("svg", {
   width: "130",
   height: "23",
   viewBox: "0 0 130 23",
@@ -106,19 +101,18 @@ var logo = exports.logo = (0, _react2.jsx)("svg", {
   d: "M36.9874 1.1947C35.9856 1.1947 35.1575 2.04867 35.1575 3.10948C35.1575 4.17059 35.964 5.02519 36.9435 5.02519C37.9457 5.02519 38.7528 4.17059 38.7528 3.10948C38.7528 2.04867 37.9678 1.1947 36.9874 1.1947ZM56.9033 15.1542L55.3339 15.1312C55.0284 15.1312 54.855 15.0152 54.855 14.8537C54.855 14.5314 55.2689 14.2548 56.009 13.8847C56.2262 13.9084 56.3134 13.9084 56.4446 13.9084C58.8193 13.9084 60.5636 12.4303 60.5636 10.4005C60.5636 9.61595 60.3439 9.0155 59.9081 8.46364L59.9605 8.47065L59.9606 8.47066C60.1397 8.49475 60.4151 8.5318 60.672 8.5318C61.4778 8.5318 62.0866 8.27764 62.7193 7.65479L61.4996 5.69332C60.8237 6.34046 59.9958 6.70963 59.1899 6.70963C58.8193 6.70963 58.4264 6.61608 57.8177 6.45516C57.0109 6.24833 56.4446 6.15619 55.8128 6.15619C52.9597 6.15619 51.1075 7.72483 51.1075 10.1476C51.1075 11.9005 51.8913 12.985 53.5037 13.424C51.673 13.9305 51.4561 14.6472 51.4561 15.4081C51.4561 16.216 51.7818 16.7461 52.3055 16.953C52.8291 17.1848 53.6782 17.2985 54.9848 17.3225L56.2262 17.3459C57.3822 17.3689 58.2745 17.6928 58.2745 18.7533C58.2745 19.2382 57.9916 19.676 57.5562 19.9526C57.0994 20.2536 56.467 20.3442 55.7268 20.3442C54.3761 20.3442 53.6337 19.8377 53.6337 18.8909C53.6337 18.5682 53.6561 18.4079 53.7657 18.1307H51.064C50.9545 18.3606 50.8029 18.6848 50.8029 19.331C50.8029 20.1367 51.1075 20.8304 51.7178 21.4296C52.7194 22.4222 54.3541 22.6985 55.9431 22.6985C57.6855 22.6985 59.3645 22.2842 60.3439 21.1757C60.9548 20.4841 61.2385 19.7232 61.2385 18.7312C61.2385 17.6691 60.9324 16.8615 60.2795 16.216C59.4945 15.4535 58.6016 15.1769 56.9033 15.1542ZM54.0479 10.1703C54.0479 9.06345 54.6801 8.41632 55.7907 8.41632C56.9033 8.41632 57.5562 9.06345 57.5562 10.1703C57.5562 11.2548 56.9244 11.8541 55.7692 11.8541C54.7452 11.8541 54.0479 11.3704 54.0479 10.1703ZM43.6997 9.82372C44.375 9.17909 45.1373 8.76354 45.7242 8.76354C46.4871 8.76354 46.7042 9.15543 46.7042 10.4931V18.1768H49.5808V9.54716C49.5808 8.80867 49.5151 8.30146 49.3627 7.86351C49.0144 6.8472 47.9252 6.15619 46.683 6.15619C46.0303 6.15619 45.2671 6.34046 44.6792 6.66278C44.2068 6.93488 43.8401 7.20758 43.4131 7.52507L43.3936 7.53962C43.3936 7.05529 43.2412 6.54855 42.9789 6.06359L40.3874 6.8472C40.6481 7.63176 40.779 8.60074 40.779 9.61595V18.1768H43.6997V9.82372ZM35.485 6.5697L38.4035 6.08505V18.1768H35.485V6.5697ZM32.0851 2.92521C31.2343 2.41721 30.4496 2.14096 27.8792 2.14096H23.8931V18.1768H26.9433V12.2702H28.6201C30.2969 12.2702 30.9512 12.0853 31.6485 11.7391C33.3037 10.9088 34.2612 9.20118 34.2612 7.07926C34.2612 5.23234 33.4995 3.75614 32.0851 2.92521ZM28.5333 9.63945C29.7748 9.63945 30.1457 9.47775 30.5583 8.80867C30.8212 8.3715 30.9288 7.90926 30.9288 7.14711C30.9288 5.64757 30.1668 4.74738 28.8805 4.74738H26.9433V9.63945H28.5333Z",
   fill: "white"
 }));
-var PersonIcon = exports.PersonIcon = function PersonIcon(props) {
-  return (0, _react2.jsx)("svg", (0, _extends2["default"])({
-    viewBox: "0 0 24 24",
-    "aira-labelby": "person-icon-title"
-  }, props), (0, _react2.jsx)("title", {
-    id: "person-icon-title"
-  }, "Person Icon"), (0, _react2.jsx)("path", {
-    fill: "currentColor",
-    d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"
-  }));
-};
-var data = exports.data = [{
-  icon: _ViewDashboardIcon["default"],
+const PersonIcon = props => (0, _react2.jsx)("svg", (0, _extends2.default)({
+  viewBox: "0 0 24 24",
+  "aira-labelby": "person-icon-title"
+}, props), (0, _react2.jsx)("title", {
+  id: "person-icon-title"
+}, "Person Icon"), (0, _react2.jsx)("path", {
+  fill: "currentColor",
+  d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"
+}));
+exports.PersonIcon = PersonIcon;
+const data = exports.data = [{
+  icon: _ViewDashboardIcon.default,
   key: 'Dashboard',
   heading: 'Dashboard',
   children: [(0, _react2.jsx)(_NavBarSection.NavBarItemButton, {
@@ -132,7 +126,7 @@ var data = exports.data = [{
     id: "Risk Dashboard"
   }, "Risk")]
 }, {
-  icon: _AccountMultipleIcon["default"],
+  icon: _AccountMultipleIcon.default,
   key: 'Identities',
   heading: 'Identities',
   children: [(0, _react2.jsx)(_NavBarSection.NavBarItemButton, {
@@ -152,7 +146,7 @@ var data = exports.data = [{
     id: "Identities Link Roles"
   }, "Roles")]
 }, {
-  icon: _TransitConnectionVariantIcon["default"],
+  icon: _TransitConnectionVariantIcon.default,
   key: 'Connections',
   heading: 'Connections',
   children: [(0, _react2.jsx)(_NavBarSection.NavBarItemButton, {
@@ -163,7 +157,7 @@ var data = exports.data = [{
     id: "Connections Link Group"
   }, "Group")]
 }, {
-  icon: _EmoticonHappyOutlineIcon["default"],
+  icon: _EmoticonHappyOutlineIcon.default,
   key: 'Experiences',
   heading: 'Experiences',
   children: [(0, _react2.jsx)(_NavBarSection.NavBarItemButton, {
@@ -174,8 +168,8 @@ var data = exports.data = [{
     id: "Experiences Link Roles"
   }, "Roles")]
 }];
-var secondData = exports.secondData = [{
-  icon: _FingerprintIcon["default"],
+const secondData = exports.secondData = [{
+  icon: _FingerprintIcon.default,
   key: 'MFA',
   heading: 'MFA',
   children: [(0, _react2.jsx)(_NavBarSection.NavBarItemButton, {
@@ -189,7 +183,7 @@ var secondData = exports.secondData = [{
     id: "MFA Button Group"
   }, "Group Test")]
 }, {
-  icon: _ScaleBalanceIcon["default"],
+  icon: _ScaleBalanceIcon.default,
   key: 'Risk',
   heading: 'Risk',
   children: [(0, _react2.jsx)(_NavBarSection.NavBarItemButton, {
@@ -231,8 +225,8 @@ var secondData = exports.secondData = [{
     id: "Credentials Button Group"
   }, "Group")]
 }];
-var thirdData = exports.thirdData = [{
-  icon: _EarthIcon["default"],
+const thirdData = exports.thirdData = [{
+  icon: _EarthIcon.default,
   key: 'Environment',
   heading: 'Environment',
   children: [(0, _react2.jsx)(_NavBarSection.NavBarItemButton, {

package/lib/cjs/styles/text.js

@@ -1,19 +1,14 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.textColors = exports.fontWeights = exports.fontSizes = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _colors = require("./colors");
-var baseSize = 15;
-var majorMultiplier = 1.15;
-var getFontSize = function getFontSize(major) {
-  return Math.round(baseSize * Math.pow(majorMultiplier, major));
-};
-var fontSizes = exports.fontSizes = {
+const baseSize = 15;
+const majorMultiplier = 1.15;
+const getFontSize = major => Math.round(baseSize * majorMultiplier ** major);
+const fontSizes = exports.fontSizes = {
   'xs': getFontSize(-2),
   'sm': getFontSize(-1),
   'md': getFontSize(0),
@@ -21,8 +16,14 @@ var fontSizes = exports.fontSizes = {
   'xl': getFontSize(2),
   'xx': getFontSize(3)
 };
-var fontWeights = exports.fontWeights = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, -1, 300), 0, 400), 1, 500), 2, 600), 3, 700);
-var textColors = exports.textColors = {
+const fontWeights = exports.fontWeights = {
+  [-1]: 300,
+  0: 400,
+  1: 500,
+  2: 600,
+  3: 700
+};
+const textColors = exports.textColors = {
   primary: _colors.neutral[10],
   secondary: _colors.neutral[40],
   primaryLight: _colors.white,

package/lib/cjs/styles/theme.js

@@ -1,21 +1,10 @@
 "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 _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+exports.default = void 0;
 var _themes = require("../utils/devUtils/constants/themes");
 var _icons = _interopRequireDefault(require("./themes/astro/customProperties/icons"));
 var _breakpoints = _interopRequireDefault(require("./breakpoints"));
@@ -25,34 +14,34 @@ var _sizes = _interopRequireDefault(require("./sizes"));
 var _spacing = _interopRequireDefault(require("./spacing"));
 var _text = require("./text");
 var _variants = require("./variants");
-function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var _default = exports["default"] = {
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var _default = exports.default = {
   name: _themes.themes.ASTRO,
-  space: _spacing["default"],
-  colors: _objectSpread({}, _colors["default"]),
+  space: _spacing.default,
+  colors: {
+    ..._colors.default
+  },
   borders: {
-    separator: "1px solid ".concat(_colors.line.hairline)
+    separator: `1px solid ${_colors.line.hairline}`
   },
-  breakpoints: _breakpoints["default"],
+  breakpoints: _breakpoints.default,
   fonts: {
     standard: '"Helvetica Neue", Helvetica, sans-serif',
     codeView: '"Roboto Mono", "Lucida Console", Courier, monospace'
   },
   fontSizes: _text.fontSizes,
   fontWeights: _text.fontWeights,
-  icons: _icons["default"],
+  icons: _icons.default,
   lineHeights: {
     md: '1.5'
   },
-  sizes: _sizes["default"],
+  sizes: _sizes.default,
   shadows: {
-    standard: "0 1px 3px ".concat(_colors.shadow),
-    row: "0 0 9px ".concat(_colors.accent[95]),
-    focus: "0 0 5px ".concat(_colors.focus)
+    standard: `0 1px 3px ${_colors.shadow}`,
+    row: `0 0 9px ${_colors.accent[95]}`,
+    focus: `0 0 5px ${_colors.focus}`
   },
-  forms: _forms["default"],
+  forms: _forms.default,
   text: _variants.text,
   images: _variants.images,
   grids: _variants.grids,