@pingux/astro 2.238.0 → 2.239.0-alpha.0

package/lib/styles/forms/index.js

@@ -1,14 +1,3 @@
-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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-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) { _defineProperty(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; }
 import * as checkbox from '../../components/Checkbox/Checkbox.styles';
 import checkboxFieldGroup from '../../components/CheckboxFieldGroup/CheckboxFieldGroup.styles';
 import colorField from '../../components/ColorField/ColorField.styles';
@@ -24,12 +13,15 @@ import * as select from '../../components/SelectField/Select.styles';
 import * as switchable from '../../components/Switch/Switch.styles'; // 'switch' is a reserved keyword
 import textarea from '../../components/TextArea/TextArea.styles';
 import timeField from '../../components/TimeField/TimeField.styles';
-var labelVariants = _objectSpread(_objectSpread({}, label.label), {}, {
-  checkboxFieldGroup: _objectSpread(_objectSpread({}, label.label), {}, {
+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',
@@ -39,24 +31,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.
-export default _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, checkbox), {}, {
-  checkboxFieldGroup: checkboxFieldGroup,
-  colorField: colorField,
-  comboBox: comboBox,
-  datePicker: datePicker,
-  fileInputField: fileInputField
-}, input), {}, {
+export default {
+  ...checkbox,
+  checkboxFieldGroup,
+  colorField,
+  comboBox,
+  datePicker,
+  fileInputField,
+  ...input,
   label: labelVariants,
-  numberField: numberField,
-  radio: radio
-}, select), {}, {
-  textarea: textarea,
-  timeField: timeField,
-  "switch": _objectSpread({}, switchable),
-  search: search
-});
+  numberField,
+  radio,
+  ...select,
+  textarea,
+  timeField,
+  switch: {
+    ...switchable
+  },
+  search
+};

package/lib/styles/safariAgent.js

@@ -1,3 +1,7 @@
-var _context, _context2;
-import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
-export var isSafari = typeof navigator !== 'undefined' && !(_indexOfInstanceProperty(_context = navigator.userAgent).call(_context, 'Chrome') > -1 && _indexOfInstanceProperty(_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 */
+export const 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/styles/spacing.js

@@ -1,5 +1,5 @@
-var base = 10;
-var scale = {
+const base = 10;
+const scale = {
   xs: base * 0.5,
   // 5
   sm: base * 1,
@@ -12,7 +12,7 @@ var scale = {
   // 40
   xx: base * 6.5 // 65
 };
-export var button = {
+export const button = {
   vPadding: scale.xs,
   hPadding: scale.md
 };

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

@@ -1,4 +1,3 @@
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import React, { useState } from 'react';
 import ExploreIcon from '@pingux/mdi-react/CompassOutlineIcon';
 import HelpCircleOutlineIcon from '@pingux/mdi-react/HelpCircleOutlineIcon';
@@ -7,11 +6,8 @@ import { Default as EnvironmentBreadcrumb } from '../../../components/Environmen
 import { Box, Icon, IconButton, Item, Menu, OverlayProvider, PopoverMenu, Text } from '../../../index';
 import { PersonIcon } from './NavData';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var CustomPopoverMenu = function CustomPopoverMenu() {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
+const CustomPopoverMenu = () => {
+  const [isOpen, setIsOpen] = useState(false);
   return ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(PopoverMenu, {
     onOpenChange: setIsOpen
   }, ___EmotionJSX(IconButton, {
@@ -35,15 +31,13 @@ var CustomPopoverMenu = function CustomPopoverMenu() {
     key: "option3"
   }, "Third Option"))));
 };
-var HeaderBar = function HeaderBar() {
-  var Rectangle = function Rectangle() {
-    return ___EmotionJSX(Box, {
-      width: "1px",
-      height: 30,
-      bg: "neutral.80",
-      mx: 25
-    });
-  };
+const HeaderBar = () => {
+  const Rectangle = () => ___EmotionJSX(Box, {
+    width: "1px",
+    height: 30,
+    bg: "neutral.80",
+    mx: 25
+  });
   return ___EmotionJSX(Box, {
     ml: 230,
     px: 15,

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

@@ -9,71 +9,67 @@ import TransitConnection from '@pingux/mdi-react/TransitConnectionVariantIcon';
 import ViewDashboard from '@pingux/mdi-react/ViewDashboardIcon';
 import { NavBarItemButton } from '../../../components/NavBarSection';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var Credentials = function Credentials(props) {
-  return ___EmotionJSX("svg", _extends({
-    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), ___EmotionJSX("title", {
-    id: "credentials-icon-title"
-  }, "Credentials Icon"), ___EmotionJSX("g", {
-    id: "Layer_2"
-  }), ___EmotionJSX("g", {
-    id: "mdi-certificate-outline"
-  }, ___EmotionJSX("g", null, ___EmotionJSX("path", {
-    d: "M11,8H5V6h6C11,6,11,8,11,8z"
-  }), ___EmotionJSX("path", {
-    d: "M9,11H5V9h4C9,9,9,11,9,11z"
-  }), ___EmotionJSX("rect", {
-    x: "5",
-    y: "12",
-    width: "6",
-    height: "2"
-  }), ___EmotionJSX("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"
-  }), ___EmotionJSX("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 ___EmotionJSX("svg", _extends({
-    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"
-  }), ___EmotionJSX("title", {
-    id: "verify-icon-title"
-  }, "Icons / Custom Material / verify"), ___EmotionJSX("g", {
-    id: "Hero-Chart",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, ___EmotionJSX("g", {
-    id: "Dashboard-\u2013-Verify",
-    transform: "translate(-251.000000, -579.000000)",
-    fill: "#ffffff",
-    fillRule: "nonzero"
-  }, ___EmotionJSX("g", {
-    id: "Group",
-    transform: "translate(251.000000, 577.000000)"
-  }, ___EmotionJSX("g", {
-    id: "card-account-details-star-outline",
-    transform: "translate(0.000000, 2.000000)"
-  }, ___EmotionJSX("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 = ___EmotionJSX("svg", {
+const Credentials = props => ___EmotionJSX("svg", _extends({
+  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), ___EmotionJSX("title", {
+  id: "credentials-icon-title"
+}, "Credentials Icon"), ___EmotionJSX("g", {
+  id: "Layer_2"
+}), ___EmotionJSX("g", {
+  id: "mdi-certificate-outline"
+}, ___EmotionJSX("g", null, ___EmotionJSX("path", {
+  d: "M11,8H5V6h6C11,6,11,8,11,8z"
+}), ___EmotionJSX("path", {
+  d: "M9,11H5V9h4C9,9,9,11,9,11z"
+}), ___EmotionJSX("rect", {
+  x: "5",
+  y: "12",
+  width: "6",
+  height: "2"
+}), ___EmotionJSX("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"
+}), ___EmotionJSX("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 => ___EmotionJSX("svg", _extends({
+  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"
+}), ___EmotionJSX("title", {
+  id: "verify-icon-title"
+}, "Icons / Custom Material / verify"), ___EmotionJSX("g", {
+  id: "Hero-Chart",
+  stroke: "none",
+  strokeWidth: "1",
+  fill: "none",
+  fillRule: "evenodd"
+}, ___EmotionJSX("g", {
+  id: "Dashboard-\u2013-Verify",
+  transform: "translate(-251.000000, -579.000000)",
+  fill: "#ffffff",
+  fillRule: "nonzero"
+}, ___EmotionJSX("g", {
+  id: "Group",
+  transform: "translate(251.000000, 577.000000)"
+}, ___EmotionJSX("g", {
+  id: "card-account-details-star-outline",
+  transform: "translate(0.000000, 2.000000)"
+}, ___EmotionJSX("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 = ___EmotionJSX("svg", {
   width: "130",
   height: "23",
   viewBox: "0 0 130 23",
@@ -98,18 +94,16 @@ var logo = ___EmotionJSX("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 = function PersonIcon(props) {
-  return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 24 24",
-    "aira-labelby": "person-icon-title"
-  }, props), ___EmotionJSX("title", {
-    id: "person-icon-title"
-  }, "Person Icon"), ___EmotionJSX("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 = [{
+const PersonIcon = props => ___EmotionJSX("svg", _extends({
+  viewBox: "0 0 24 24",
+  "aira-labelby": "person-icon-title"
+}, props), ___EmotionJSX("title", {
+  id: "person-icon-title"
+}, "Person Icon"), ___EmotionJSX("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"
+}));
+const data = [{
   icon: ViewDashboard,
   key: 'Dashboard',
   heading: 'Dashboard',
@@ -166,7 +160,7 @@ var data = [{
     id: "Experiences Link Roles"
   }, "Roles")]
 }];
-var secondData = [{
+const secondData = [{
   icon: Fingerprint,
   key: 'MFA',
   heading: 'MFA',
@@ -223,7 +217,7 @@ var secondData = [{
     id: "Credentials Button Group"
   }, "Group")]
 }];
-var thirdData = [{
+const thirdData = [{
   icon: Earth,
   key: 'Environment',
   heading: 'Environment',

package/lib/styles/text.js

@@ -1,11 +1,8 @@
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import { active, button, neutral, white } from './colors';
-var baseSize = 15;
-var majorMultiplier = 1.15;
-var getFontSize = function getFontSize(major) {
-  return Math.round(baseSize * Math.pow(majorMultiplier, major));
-};
-export var fontSizes = {
+const baseSize = 15;
+const majorMultiplier = 1.15;
+const getFontSize = major => Math.round(baseSize * majorMultiplier ** major);
+export const fontSizes = {
   'xs': getFontSize(-2),
   'sm': getFontSize(-1),
   'md': getFontSize(0),
@@ -13,12 +10,18 @@ export var fontSizes = {
   'xl': getFontSize(2),
   'xx': getFontSize(3)
 };
-export var fontWeights = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, -1, 300), 0, 400), 1, 500), 2, 600), 3, 700);
-export var textColors = {
+export const fontWeights = {
+  [-1]: 300,
+  0: 400,
+  1: 500,
+  2: 600,
+  3: 700
+};
+export const textColors = {
   primary: neutral[10],
   secondary: neutral[40],
   primaryLight: white,
   secondaryLight: neutral[95],
   button: button.label,
-  active: active
+  active
 };

package/lib/styles/theme.js

@@ -1,14 +1,3 @@
-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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-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) { _defineProperty(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; }
 import { themes } from '../utils/devUtils/constants/themes';
 import icons from './themes/astro/customProperties/icons';
 import breakpoints from './breakpoints';
@@ -21,35 +10,37 @@ import { badges, buttons, cards, grids, images, links, text, variants } from './
 export default {
   name: themes.ASTRO,
   space: spacing,
-  colors: _objectSpread({}, colors),
+  colors: {
+    ...colors
+  },
   borders: {
-    separator: "1px solid ".concat(line.hairline)
+    separator: `1px solid ${line.hairline}`
   },
-  breakpoints: breakpoints,
+  breakpoints,
   fonts: {
     standard: '"Helvetica Neue", Helvetica, sans-serif',
     codeView: '"Roboto Mono", "Lucida Console", Courier, monospace'
   },
-  fontSizes: fontSizes,
-  fontWeights: fontWeights,
-  icons: icons,
+  fontSizes,
+  fontWeights,
+  icons,
   lineHeights: {
     md: '1.5'
   },
-  sizes: sizes,
+  sizes,
   shadows: {
-    standard: "0 1px 3px ".concat(shadow),
-    row: "0 0 9px ".concat(accent[95]),
-    focus: "0 0 5px ".concat(focus)
+    standard: `0 1px 3px ${shadow}`,
+    row: `0 0 9px ${accent[95]}`,
+    focus: `0 0 5px ${focus}`
   },
-  forms: forms,
-  text: text,
-  images: images,
-  grids: grids,
-  buttons: buttons,
-  badges: badges,
-  cards: cards,
-  textColors: textColors,
-  links: links,
-  variants: variants
+  forms,
+  text,
+  images,
+  grids,
+  buttons,
+  badges,
+  cards,
+  textColors,
+  links,
+  variants
 };

package/lib/styles/themeOverrides/nextGenDarkMode/colors.js

@@ -1,30 +1,19 @@
-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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-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) { _defineProperty(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; }
 import { astroTokensDark } from '@pingux/onyx-tokens';
 import chroma from 'chroma-js';
 import { white } from '../../colors';
-export var overrides = {
+export const overrides = {
   neutral: {
     90: '#455469'
   },
   disabled: '#30373f'
 };
-var font = {
+const font = {
   base: astroTokensDark.color.gray[100],
   light: astroTokensDark.color.gray[400],
   link: astroTokensDark.color.blue[400]
 };
-var hoverDark = chroma.mix('#23282e', 'white', 0.04, 'rgb').hex();
-var border = {
+const hoverDark = chroma.mix('#23282e', 'white', 0.04, 'rgb').hex();
+const border = {
   base: chroma.mix('#23282e', 'white', 0.15, 'rgb').hex(),
   dark: '#46505C',
   input: astroTokensDark.color.gray[500],
@@ -32,21 +21,21 @@ var border = {
   attachment: '#39414b',
   hairline: astroTokensDark.color.common.border
 };
-var badge = {
+const badge = {
   background: astroTokensDark.color.gray[800],
   textColor: astroTokensDark.color.gray[100]
 };
-var background = {
+const background = {
   base: astroTokensDark.color.gray[900],
   secondary: '#1a1e22',
   card: '#1a1e22',
   hover: hoverDark
 };
-var environmentBadge = {
+const environmentBadge = {
   text: 'black',
   background: astroTokensDark.color.blue[500]
 };
-var twoTone = {
+const twoTone = {
   bg: {
     orange: astroTokensDark.color.orange[500],
     cyan: astroTokensDark.color.cyan[500],
@@ -57,7 +46,7 @@ var twoTone = {
     yellow: astroTokensDark.color.yellow[500],
     teal: astroTokensDark.color.teal[500],
     blue: astroTokensDark.color.blue[500],
-    white: white,
+    white,
     indigo: astroTokensDark.color.indigo[500],
     lightBlue: astroTokensDark.color.blue[600],
     lightPink: astroTokensDark.color.pink[600],
@@ -100,8 +89,10 @@ var twoTone = {
     lightIndigo: astroTokensDark.color.indigo[700]
   }
 };
-var iconWrapper = {
-  wrapper: _objectSpread({}, twoTone.bg),
+const iconWrapper = {
+  wrapper: {
+    ...twoTone.bg
+  },
   icon: {
     orange: 'black',
     cyan: 'black',
@@ -120,15 +111,15 @@ var iconWrapper = {
     lightIndigo: astroTokensDark.color.indigo[100]
   }
 };
-var common = {
+const common = {
   dark: '#C0C9D5'
 };
-var backgroundBase = astroTokensDark.color.gray[900];
-var backgroundSecondary = astroTokensDark.color.gray[900];
-var backgroundCard = '#1a1e22';
-var backgroundSuggestion = '#ecf0f5';
-var backgroundHover = hoverDark;
-var codeEditor = {
+const backgroundBase = astroTokensDark.color.gray[900];
+const backgroundSecondary = astroTokensDark.color.gray[900];
+const backgroundCard = '#1a1e22';
+const backgroundSuggestion = '#ecf0f5';
+const backgroundHover = hoverDark;
+const codeEditor = {
   backgroundColor: backgroundSecondary,
   headerColor: astroTokensDark.color.gray[900]
 };
@@ -136,13 +127,13 @@ var codeEditor = {
 // Icon/glyph color when it sits on a primary-colored surface (e.g. the Tree's
 // folder circle is primary blue in dark mode; a selected row's descendant
 // recolor would otherwise paint the glyph the same primary color).
-var iconOnPrimary = '#ffffff';
-export var colors = _objectSpread(_objectSpread({
-  border: border,
-  iconWrapper: iconWrapper,
-  iconOnPrimary: iconOnPrimary
-}, overrides), {}, {
-  twoTone: twoTone,
+const iconOnPrimary = '#ffffff';
+export const colors = {
+  border,
+  iconWrapper,
+  iconOnPrimary,
+  ...overrides,
+  twoTone,
   light: '#1A1E22',
   secondary: astroTokensDark.color.gray[400],
   dark: astroTokensDark.color.gray[400],
@@ -173,18 +164,18 @@ export var colors = _objectSpread(_objectSpread({
     message: 'white',
     fieldHelper: astroTokensDark.color.gray[400]
   },
-  environmentBadge: environmentBadge,
-  background: background,
-  backgroundBase: backgroundBase,
-  backgroundSecondary: backgroundSecondary,
-  backgroundCard: backgroundCard,
-  backgroundSuggestion: backgroundSuggestion,
-  backgroundHover: backgroundHover,
-  font: font,
-  badge: badge,
-  codeEditor: codeEditor,
+  environmentBadge,
+  background,
+  backgroundBase,
+  backgroundSecondary,
+  backgroundCard,
+  backgroundSuggestion,
+  backgroundHover,
+  font,
+  badge,
+  codeEditor,
   critical: {
     dark: astroTokensDark.color.red[100]
   },
-  common: common
-});
+  common
+};

package/lib/styles/themeOverrides/nextGenDarkMode/customProperties/icons.js

@@ -1,16 +1,6 @@
-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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-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) { _defineProperty(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; }
 import { pingLogoHorizontalSmallWhite } from '../../../../utils/devUtils/constants/logos';
 import icons from '../../../themes/next-gen/customProperties/icons';
-export default _objectSpread(_objectSpread({}, icons), {}, {
+export default {
+  ...icons,
   pingLogoHorizontalSmall: pingLogoHorizontalSmallWhite
-});
+};