@pingux/astro 2.238.0 → 2.240.0-alpha.0

package/lib/cjs/styles/themes/next-gen/next-gen.js

@@ -1,20 +1,10 @@
 "use strict";
 
-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 _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"));
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+exports.default = void 0;
 var _onyxTokens = require("@pingux/onyx-tokens");
 var _deepmerge = _interopRequireDefault(require("deepmerge"));
 var _themes = require("../../../utils/devUtils/constants/themes");
@@ -34,26 +24,23 @@ var _forms = _interopRequireDefault(require("./forms"));
 var _sizes = _interopRequireDefault(require("./sizes"));
 var _spacing = _interopRequireDefault(require("./spacing"));
 var _text2 = require("./text");
-var _context;
-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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var breakpoints = ['0px', '576px', '768px', '992px', '1200px', '1600px'];
-var nextGenTheme = {
+const breakpoints = ['0px', '576px', '768px', '992px', '1200px', '1600px'];
+const nextGenTheme = {
   name: _themes.themes.NEXT_GEN,
-  colors: _colors["default"],
-  breakpoints: breakpoints,
-  buttons: _button["default"],
-  forms: _forms["default"],
+  colors: _colors.default,
+  breakpoints,
+  buttons: _button.default,
+  forms: _forms.default,
   fontSizes: _text2.fontSizes,
   fontWeights: _text2.fontWeights,
   lineHeights: {
-    body: _onyxTokens.astroTokens["default"]['line-height'].base,
-    xs: _onyxTokens.astroTokens["default"]['line-height'].xs,
+    body: _onyxTokens.astroTokens.default['line-height'].base,
+    xs: _onyxTokens.astroTokens.default['line-height'].xs,
     sm: '1.4',
     md: '1.75'
   },
   text: _text.text,
-  icons: _icons["default"],
+  icons: _icons.default,
   fonts: {
     standard: '"Open Sans", sans-serif',
     body: '"Open Sans", sans-serif',
@@ -61,21 +48,22 @@ var nextGenTheme = {
     codeView: 'Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace'
   },
   shadows: {
-    standard: (0, _concat["default"])(_context = "0 ".concat(_onyxTokens.astroTokens.spacing.card.shadow.y, "px ")).call(_context, _onyxTokens.astroTokens.spacing.card.shadow.blur, "px 0 rgba(0, 0, 0, 0.13)")
+    standard: `0 ${_onyxTokens.astroTokens.spacing.card.shadow.y}px ${_onyxTokens.astroTokens.spacing.card.shadow.blur}px 0 rgba(0, 0, 0, 0.13)`
   },
-  sizes: _sizes["default"],
+  sizes: _sizes.default,
   badges: _badges.badges,
-  navigationHeader: _navigationHeader["default"],
-  space: _spacing["default"],
-  links: _links["default"],
-  cards: _cards["default"],
-  variants: _variants["default"],
-  images: _images["default"],
+  navigationHeader: _navigationHeader.default,
+  space: _spacing.default,
+  links: _links.default,
+  cards: _cards.default,
+  variants: _variants.default,
+  images: _images.default,
   overrides: {
-    codeView: _codeView["default"]
+    codeView: _codeView.default
   }
 };
-var mergedTheme = (0, _deepmerge["default"])(_theme["default"], nextGenTheme);
-var _default = exports["default"] = _objectSpread(_objectSpread({}, mergedTheme), {}, {
-  breakpoints: breakpoints
-});
+const mergedTheme = (0, _deepmerge.default)(_theme.default, nextGenTheme);
+var _default = exports.default = {
+  ...mergedTheme,
+  breakpoints
+};

package/lib/cjs/styles/themes/next-gen/sizes.js

@@ -1,33 +1,32 @@
 "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;
+exports.default = void 0;
 var _onyxTokens = require("@pingux/onyx-tokens");
-var sidenavWidth = 230;
-var halfSidenavWidth = sidenavWidth / 2;
-var sideNav = {
-  halfWidth: "".concat(halfSidenavWidth, "px")
+const sidenavWidth = 230;
+const halfSidenavWidth = sidenavWidth / 2;
+const sideNav = {
+  halfWidth: `${halfSidenavWidth}px`
 };
-var fontSizes = _onyxTokens.astroTokens["default"]['font-size'];
-var avatarLogo = {
+const fontSizes = _onyxTokens.astroTokens.default['font-size'];
+const avatarLogo = {
   sm: '14px',
   md: '20px',
   xmd: '24px',
   lg: '44px',
   xl: '54px'
 };
-var avatar = {
-  xs: "".concat(_onyxTokens.astroTokens.size.avatar.xs, "px"),
-  sm: "".concat(_onyxTokens.astroTokens.size.avatar.sm, "px"),
-  md: "".concat(_onyxTokens.astroTokens.size.avatar.md, "px"),
+const avatar = {
+  xs: `${_onyxTokens.astroTokens.size.avatar.xs}px`,
+  sm: `${_onyxTokens.astroTokens.size.avatar.sm}px`,
+  md: `${_onyxTokens.astroTokens.size.avatar.md}px`,
   xmd: '44px',
-  lg: "".concat(_onyxTokens.astroTokens.size.avatar.lg, "px"),
-  xl: "".concat(_onyxTokens.astroTokens.size.avatar.xl, "px")
+  lg: `${_onyxTokens.astroTokens.size.avatar.lg}px`,
+  xl: `${_onyxTokens.astroTokens.size.avatar.xl}px`
 };
-var avatarFontSize = {
+const avatarFontSize = {
   xs: fontSizes.avatar.xs,
   sm: fontSizes.avatar.sm,
   md: fontSizes.avatar.md,
@@ -35,11 +34,11 @@ var avatarFontSize = {
   lg: fontSizes.avatar.lg,
   xl: fontSizes.avatar.xl
 };
-var iconBadge = {
+const iconBadge = {
   md: '48px',
   xl: '104px'
 };
-var container = {
+const container = {
   xs: ['100%', '540px', '720px', '960px', '1140px', '1540px'],
   sm: ['100%', '540px', '720px', '960px', '1140px', '1540px'],
   md: ['100%', '100%', '720px', '960px', '1140px', '1540px'],
@@ -48,15 +47,15 @@ var container = {
   xx: ['100%', '100%', '100%', '100%', '100%', '1540px'],
   fluid: ['100%', '100%', '100%', '100%', '100%', '100%']
 };
-var icons = {
+const icons = {
   xxxl: '70px'
 };
-var _default = exports["default"] = {
-  avatar: avatar,
-  avatarLogo: avatarLogo,
-  avatarFontSize: avatarFontSize,
-  container: container,
-  iconBadge: iconBadge,
-  icons: icons,
-  sideNav: sideNav
+var _default = exports.default = {
+  avatar,
+  avatarLogo,
+  avatarFontSize,
+  container,
+  iconBadge,
+  icons,
+  sideNav
 };

package/lib/cjs/styles/themes/next-gen/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"] = void 0;
+exports.default = void 0;
 var _onyxTokens = require("@pingux/onyx-tokens");
-var scale = {
+const scale = {
   xs: _onyxTokens.astroTokens.spacing.xs,
   sm: _onyxTokens.astroTokens.spacing.sm,
   md: _onyxTokens.astroTokens.spacing.md,
@@ -15,4 +14,4 @@ var scale = {
   xx: '4rem',
   'md-s': '12px'
 };
-var _default = exports["default"] = scale;
+var _default = exports.default = scale;

package/lib/cjs/styles/themes/next-gen/stories/StickerSheetComponent.js

@@ -1,20 +1,18 @@
 "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["default"] = void 0;
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _CameraIrisIcon = _interopRequireDefault(require("@pingux/mdi-react/CameraIrisIcon"));
 var _DeleteIcon = _interopRequireDefault(require("@pingux/mdi-react/DeleteIcon"));
 var _index = require("../../../../index");
 var _statuses = _interopRequireDefault(require("../../../../utils/devUtils/constants/statuses"));
 var _react2 = require("@emotion/react");
-var loremText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit';
-var items = [{
+const loremText = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit';
+const items = [{
   id: 1,
   name: 'Aardvark',
   key: 'Aardvark'
@@ -43,13 +41,13 @@ var items = [{
   name: 'Shark',
   key: 'Shark'
 }];
-var textStyling = {
+const textStyling = {
   fontSize: 'md',
   fontWeight: 600
 };
-var avatarColors = ['orange', 'cyan', 'green', 'purple', 'pink', 'red', 'yellow', 'teal'];
-var badges = ['primary', 'default', 'success', 'danger', 'warning', 'info', 'dark'];
-var tabs = [{
+const avatarColors = ['orange', 'cyan', 'green', 'purple', 'pink', 'red', 'yellow', 'teal'];
+const badges = ['primary', 'default', 'success', 'danger', 'warning', 'info', 'dark'];
+const tabs = [{
   name: 'Tab 1',
   children: 'Tab 1 body'
 }, {
@@ -59,8 +57,8 @@ var tabs = [{
   name: 'Tab 3',
   children: 'Tab 3 body'
 }];
-var iconSizes = ['icon-50', 'icon-100', 'icon-200', 'icon-300', 'icon-400', 'icon-500', 'icon-600', 'icon-700', 'icon-800', 'icon-900'];
-var StickerSheetComponent = function StickerSheetComponent() {
+const iconSizes = ['icon-50', 'icon-100', 'icon-200', 'icon-300', 'icon-400', 'icon-500', 'icon-600', 'icon-700', 'icon-800', 'icon-900'];
+const StickerSheetComponent = () => {
   return (0, _react2.jsx)(_index.Box, {
     sx: {
       backgroundColor: 'backgroundBase'
@@ -73,13 +71,11 @@ var StickerSheetComponent = function StickerSheetComponent() {
   }, (0, _react2.jsx)(_index.MultivaluesField, {
     items: items,
     label: "Multivalues"
-  }, function (item) {
-    return (0, _react2.jsx)(_index.Item, {
-      key: item.key,
-      "data-id": item.name,
-      "aria-label": item.name
-    }, item.name);
-  })), (0, _react2.jsx)(_index.Tabs, {
+  }, item => (0, _react2.jsx)(_index.Item, {
+    key: item.key,
+    "data-id": item.name,
+    "aria-label": item.name
+  }, item.name))), (0, _react2.jsx)(_index.Tabs, {
     items: tabs
   }, (0, _react2.jsx)(_index.Tab, {
     key: "tab1",
@@ -93,28 +89,28 @@ var StickerSheetComponent = function StickerSheetComponent() {
     isRow: true,
     gap: "md",
     alignContent: "center"
-  }, (0, _map["default"])(avatarColors).call(avatarColors, function (color) {
+  }, avatarColors.map(color => {
     return (0, _react2.jsx)(_index.IconWrapper, {
       title: {
         name: 'trash can'
       },
       size: "sm",
       key: color,
-      icon: _DeleteIcon["default"],
+      icon: _DeleteIcon.default,
       color: color
     });
   })), (0, _react2.jsx)(_index.Box, {
     isRow: true,
     gap: "md",
     alignContent: "center"
-  }, (0, _map["default"])(avatarColors).call(avatarColors, function (color) {
+  }, avatarColors.map(color => {
     return (0, _react2.jsx)(_index.IconWrapper, {
       title: {
         name: 'trash can'
       },
       size: "md",
       key: color,
-      icon: _DeleteIcon["default"],
+      icon: _DeleteIcon.default,
       color: color
     });
   })), (0, _react2.jsx)(_index.Box, {
@@ -122,14 +118,14 @@ var StickerSheetComponent = function StickerSheetComponent() {
     gap: "md",
     alignContent: "center",
     flexWrap: "wrap"
-  }, (0, _map["default"])(avatarColors).call(avatarColors, function (color) {
+  }, avatarColors.map(color => {
     return (0, _react2.jsx)(_index.IconWrapper, {
       title: {
         name: 'trash can'
       },
       size: "lg",
       key: color,
-      icon: _DeleteIcon["default"],
+      icon: _DeleteIcon.default,
       color: color
     });
   })), (0, _react2.jsx)(_index.Box, {
@@ -137,10 +133,10 @@ var StickerSheetComponent = function StickerSheetComponent() {
     gap: "md",
     alignContent: "center",
     flexWrap: "wrap"
-  }, (0, _map["default"])(iconSizes).call(iconSizes, function (size) {
+  }, iconSizes.map(size => {
     return (0, _react2.jsx)(_index.Icon, {
       key: size,
-      icon: _CameraIrisIcon["default"],
+      icon: _CameraIrisIcon.default,
       size: size,
       title: {
         name: 'Camera'
@@ -172,7 +168,7 @@ var StickerSheetComponent = function StickerSheetComponent() {
   }, "Link"), (0, _react2.jsx)(_index.IconButton, {
     "aria-label": "default icon button"
   }, (0, _react2.jsx)(_index.Icon, {
-    icon: _DeleteIcon["default"],
+    icon: _DeleteIcon.default,
     title: {
       name: 'Create Icon'
     }
@@ -180,14 +176,14 @@ var StickerSheetComponent = function StickerSheetComponent() {
     "aria-label": "default icon button",
     variant: "onyx"
   }, (0, _react2.jsx)(_index.Icon, {
-    icon: _DeleteIcon["default"],
+    icon: _DeleteIcon.default,
     title: {
       name: 'Create Icon'
     }
   }))), (0, _react2.jsx)(_index.Box, {
     isRow: true,
     gap: "md"
-  }, (0, _map["default"])(avatarColors).call(avatarColors, function (avatar) {
+  }, avatarColors.map(avatar => {
     return (0, _react2.jsx)(_index.Avatar, {
       key: avatar,
       color: avatar,
@@ -197,7 +193,7 @@ var StickerSheetComponent = function StickerSheetComponent() {
   })), (0, _react2.jsx)(_index.Box, {
     isRow: true,
     gap: "md"
-  }, (0, _map["default"])(badges).call(badges, function (badge) {
+  }, badges.map(badge => {
     return (0, _react2.jsx)(_index.Badge, {
       key: badge,
       variant: badge,
@@ -284,18 +280,18 @@ var StickerSheetComponent = function StickerSheetComponent() {
   }, "Delete")))), (0, _react2.jsx)(_index.Messages, null, (0, _react2.jsx)(_index.Item, {
     key: "message1",
     "data-id": "message1",
-    status: _statuses["default"].SUCCESS
+    status: _statuses.default.SUCCESS
   }, loremText), (0, _react2.jsx)(_index.Item, {
     key: "message2",
     "data-id": "message2",
-    status: _statuses["default"].WARNING
+    status: _statuses.default.WARNING
   }, loremText), (0, _react2.jsx)(_index.Item, {
     key: "message3",
     "data-id": "message3",
-    status: _statuses["default"].ERROR
+    status: _statuses.default.ERROR
   }, loremText), (0, _react2.jsx)(_index.Item, {
     key: "message4",
     "data-id": "message4"
   }, loremText)));
 };
-var _default = exports["default"] = StickerSheetComponent;
+var _default = exports.default = StickerSheetComponent;

package/lib/cjs/styles/themes/next-gen/text.js

@@ -1,31 +1,35 @@
 "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.fontWeights = exports.fontSizes = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _onyxTokens = require("@pingux/onyx-tokens");
 var _sizes = _interopRequireDefault(require("./sizes"));
-var fontSize = _onyxTokens.astroTokens["default"]['font-size'];
-var fontSizeBase = 0.9375;
-var fontSizes = exports.fontSizes = {
+const fontSize = _onyxTokens.astroTokens.default['font-size'];
+const fontSizeBase = 0.9375;
+const fontSizes = exports.fontSizes = {
   avatar: {
-    'sm': "calc(".concat(_sizes["default"].avatar.sm, " * .4)"),
-    'md': "calc(".concat(_sizes["default"].avatar.md, " * .4)"),
-    'lg': "calc(".concat(_sizes["default"].avatar.lg, " * .4)"),
-    'xl': "calc(".concat(_sizes["default"].avatar.xl, " * .4)")
+    'sm': `calc(${_sizes.default.avatar.sm} * .4)`,
+    'md': `calc(${_sizes.default.avatar.md} * .4)`,
+    'lg': `calc(${_sizes.default.avatar.lg} * .4)`,
+    'xl': `calc(${_sizes.default.avatar.xl} * .4)`
   },
   'xs': '11px',
-  'tiny': "".concat(fontSize.tiny, "px"),
-  'sm': "".concat(fontSize.small, "px"),
-  'small': "".concat(fontSize.small, "px"),
-  'md': "".concat(fontSizeBase * 1, "rem"),
-  'lg': "".concat(fontSizeBase * 1.25, "rem"),
-  'xl': "".concat(fontSizeBase * 1.5, "rem"),
-  'xx': "".concat(fontSizeBase * 1.75, "rem"),
-  'xxx': "".concat(fontSizeBase * 2.25, "rem")
+  'tiny': `${fontSize.tiny}px`,
+  'sm': `${fontSize.small}px`,
+  'small': `${fontSize.small}px`,
+  'md': `${fontSizeBase * 1}rem`,
+  'lg': `${fontSizeBase * 1.25}rem`,
+  'xl': `${fontSizeBase * 1.5}rem`,
+  'xx': `${fontSizeBase * 1.75}rem`,
+  'xxx': `${fontSizeBase * 2.25}rem`
 };
-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);
+const fontWeights = exports.fontWeights = {
+  [-1]: 300,
+  0: 400,
+  1: 500,
+  2: 600,
+  3: 700
+};

package/lib/cjs/styles/themes/next-gen/tokens/colorTokens.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.nextGenColors = void 0;
-var nextGenColors = exports.nextGenColors = {
+const nextGenColors = exports.nextGenColors = {
   'white': '#ffffff',
   'blue-100': '#eaf2fd',
   'blue-200': '#a3c7f6',

package/lib/cjs/styles/themes/next-gen/variants/accordion.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 accordion = {
+exports.default = void 0;
+const accordion = {
   '&:not(:last-of-type)': {
     borderBottom: '1px solid',
     borderBottomColor: 'border.base'
@@ -14,16 +13,16 @@ var accordion = {
   mb: 'md',
   mt: '0px'
 };
-var body = {
+const body = {
   pt: 'md'
 };
-var header = {
+const header = {
   '&.is-focused': {
     borderRadius: '2px'
   }
 };
-var _default = exports["default"] = {
-  accordion: accordion,
-  body: body,
-  header: header
+var _default = exports.default = {
+  accordion,
+  body,
+  header
 };

package/lib/cjs/styles/themes/next-gen/variants/accordionGrid.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"] = void 0;
+exports.default = void 0;
 var _onyxTokens = require("@pingux/onyx-tokens");
-var header = {
+const header = {
   px: 'lg',
   py: 'md',
   minHeight: '75px',
@@ -20,13 +19,13 @@ var header = {
     outlineOffset: '0'
   }
 };
-var body = {
+const body = {
   p: 'lg',
   pt: 0
 };
-var item = {};
-var _default = exports["default"] = {
-  header: header,
-  body: body,
-  item: item
+const item = {};
+var _default = exports.default = {
+  header,
+  body,
+  item
 };

package/lib/cjs/styles/themes/next-gen/variants/arrayField.js

@@ -1,13 +1,12 @@
 "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.arrayField = void 0;
+exports.default = exports.arrayField = void 0;
 var _onyxTokens = require("@pingux/onyx-tokens");
 // Onyx spec: 8px between rows.
-var listItem = {
+const listItem = {
   mb: _onyxTokens.astroTokens.spacing.sm,
   // The blocks below the list (helper text container and bottom bar) carry
   // their own 8px top margin, so the last row drops its bottom margin to keep
@@ -37,7 +36,7 @@ var listItem = {
     }
   }
 };
-var helperTextContainer = {
+const helperTextContainer = {
   mt: _onyxTokens.astroTokens.spacing.sm,
   lineHeight: 'body',
   '& > *': {
@@ -46,26 +45,26 @@ var helperTextContainer = {
   },
   // 4px between the helper text and the maximum feedback, from the Onyx spec.
   '& > * + *': {
-    mt: "".concat(_onyxTokens.astroTokens.spacing.xs, "px !important")
+    mt: `${_onyxTokens.astroTokens.spacing.xs}px !important`
   }
 };
-var bottomBar = {
+const bottomBar = {
   mt: _onyxTokens.astroTokens.spacing.sm
 };
-var addButton = {
+const addButton = {
   width: 'fit-content',
   fontWeight: 0
 };
-var addButtonText = {
+const addButtonText = {
   variant: 'text.label',
   color: 'font.link',
   fontWeight: 0
 };
-var arrayField = exports.arrayField = {
-  listItem: listItem,
-  helperTextContainer: helperTextContainer,
-  bottomBar: bottomBar,
-  addButton: addButton,
-  addButtonText: addButtonText
+const arrayField = exports.arrayField = {
+  listItem,
+  helperTextContainer,
+  bottomBar,
+  addButton,
+  addButtonText
 };
-var _default = exports["default"] = arrayField;
+var _default = exports.default = arrayField;

package/lib/cjs/styles/themes/next-gen/variants/arrayFieldDeleteButton.js

@@ -1,17 +1,16 @@
 "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.arrayFieldDeleteButton = void 0;
+exports.default = exports.arrayFieldDeleteButton = void 0;
 var _onyxTokens = require("@pingux/onyx-tokens");
 // Onyx places the delete control inline after the field: 16px gap, 32x32 hit
 // area, circular badge-style focus ring and hover background. The base
 // Astro variant (merged underneath by the theme merge) positions the
 // control absolutely outside the row for its own layout, so those
 // properties are reset here to keep the control inside the flex row.
-var deleteButton = {
+const deleteButton = {
   position: 'static',
   right: 'auto',
   top: 'auto',
@@ -38,7 +37,7 @@ var deleteButton = {
     backgroundColor: _onyxTokens.astroTokens.color.gray[100]
   }
 };
-var arrayFieldDeleteButton = exports.arrayFieldDeleteButton = {
-  deleteButton: deleteButton
+const arrayFieldDeleteButton = exports.arrayFieldDeleteButton = {
+  deleteButton
 };
-var _default = exports["default"] = arrayFieldDeleteButton;
+var _default = exports.default = arrayFieldDeleteButton;