@papillonarts/components 0.48.0 → 0.49.1

package/build/Legacy/Toast/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Toast/Toast.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAA8B,MAAM,cAAc,CAAA;AAEjE,wBAAgB,KAAK,CAAC,EACpB,SAAkC,EAClC,OAA8B,EAC9B,IAAI,EACJ,aAA0C,EAC1C,OAA8B,GAC/B,EAAE,MAAM,2CAyBR"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAIhC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAE1C,wBAAgB,KAAK,CAAC,EACpB,SAAkC,EAClC,OAA8B,EAC9B,IAAI,EACJ,aAA0C,EAC1C,OAA8B,GAC/B,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAyBtB"}

package/build/Legacy/Toast/Toast.js

@@ -1,48 +1,48 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Toast = Toast;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _padding = _interopRequireDefault(require("@papillonarts/css/utilities/padding.scss"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Icon = require("../Icon");
-var _Toast = _interopRequireDefault(require("./Toast.scss"));
-var _Toast2 = require("./Toast.type");
+var _Toast = require("./Toast.const");
+var _Toast2 = _interopRequireDefault(require("./Toast.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
-function Toast(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Toast2.ToastDefault.ClassName : _ref$className,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? _Toast2.ToastDefault.Variant : _ref$variant,
-    text = _ref.text,
-    _ref$isDismissable = _ref.isDismissable,
-    isDismissable = _ref$isDismissable === void 0 ? _Toast2.ToastDefault.IsDismissable : _ref$isDismissable,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? _Toast2.ToastDefault.OnClick : _ref$onClick;
+function Toast({
+  className = _Toast.ToastDefault.ClassName,
+  variant = _Toast.ToastDefault.Variant,
+  text,
+  isDismissable = _Toast.ToastDefault.IsDismissable,
+  onClick = _Toast.ToastDefault.OnClick
+}) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames["default"])(className, _padding["default"]['p-1']),
+    className: (0, _classnames.default)(className, _padding.default['p-1']),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames["default"])(_Toast["default"].Toast, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Toast["default"]['Toast--success'], variant === _Toast2.ToastVariant.Success), _Toast["default"]['Toast--warning'], variant === _Toast2.ToastVariant.Warning), _Toast["default"]['Toast--error'], variant === _Toast2.ToastVariant.Error)),
+      className: (0, _classnames.default)(_Toast2.default.Toast, {
+        [_Toast2.default['Toast--success']]: variant === _Toast.ToastVariant.Success,
+        [_Toast2.default['Toast--warning']]: variant === _Toast.ToastVariant.Warning,
+        [_Toast2.default['Toast--error']]: variant === _Toast.ToastVariant.Error
+      }),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        className: _Toast["default"]['Toast-icon'],
-        children: [variant === _Toast2.ToastVariant.Info && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        className: _Toast2.default['Toast-icon'],
+        children: [variant === _Toast.ToastVariant.Info && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           icon: _Icon.IconName.Info16
-        }), variant === _Toast2.ToastVariant.Success && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        }), variant === _Toast.ToastVariant.Success && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           icon: _Icon.IconName.Check16
-        }), variant === _Toast2.ToastVariant.Warning && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        }), variant === _Toast.ToastVariant.Warning && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           icon: _Icon.IconName.Alert16
-        }), variant === _Toast2.ToastVariant.Error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        }), variant === _Toast.ToastVariant.Error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           icon: _Icon.IconName.Stop16
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _Toast["default"]['Toast-content'],
+        className: _Toast2.default['Toast-content'],
         children: text
       }), isDismissable && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
         type: "button",
-        className: _Toast["default"]['Toast-dismissButton'],
+        className: _Toast2.default['Toast-dismissButton'],
         onClick: onClick,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           icon: _Icon.IconName.X16,

package/build/Legacy/Toast/Toast.type.d.ts

@@ -4,14 +4,12 @@ export interface IToastVariant {
     Warning: string;
     Error: string;
 }
-export declare const ToastVariant: IToastVariant;
 export interface IToastDefault {
     ClassName: string;
     Variant: string;
     IsDismissable: boolean;
     OnClick: () => void;
 }
-export declare const ToastDefault: IToastDefault;
 export interface IToast {
     className?: string;
     variant?: string;

package/build/Legacy/Toast/Toast.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.type.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Toast/Toast.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,YAAY,EAAE,aAK1B,CAAA;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,OAAO,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,aAK1B,CAAA;AAED,MAAM,WAAW,MAAM;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;CAC1B"}
+{"version":3,"file":"Toast.type.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Toast/Toast.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;CACd;AACD,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,OAAO,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AACD,MAAM,WAAW,MAAM;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;CAC1B"}

package/build/Legacy/Toast/Toast.type.js

@@ -2,17 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.ToastVariant = exports.ToastDefault = void 0;
-var ToastVariant = exports.ToastVariant = {
-  Info: 'info',
-  Success: 'success',
-  Warning: 'warning',
-  Error: 'error'
-};
-var ToastDefault = exports.ToastDefault = {
-  ClassName: null,
-  Variant: ToastVariant.Info,
-  IsDismissable: false,
-  OnClick: function OnClick() {}
-};
+});

package/build/Legacy/Toast/index.d.ts

@@ -1,3 +1,3 @@
 export { Toast } from './Toast';
-export { ToastVariant } from './Toast.type';
+export { ToastVariant } from './Toast.const';
 //# sourceMappingURL=index.d.ts.map

package/build/Legacy/Toast/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Legacy/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA"}

package/build/Legacy/Toast/index.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Toast", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Toast.Toast;
   }
 });
 Object.defineProperty(exports, "ToastVariant", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Toast2.ToastVariant;
   }
 });
 var _Toast = require("./Toast");
-var _Toast2 = require("./Toast.type");
+var _Toast2 = require("./Toast.const");

package/build/Legacy/index.js

@@ -26,7 +26,7 @@ var _SelectMenu = require("./SelectMenu");
 var _Subhead = require("./Subhead");
 var _SyntaxHighlighter = require("./SyntaxHighlighter");
 var _Toast = require("./Toast");
-var Legacy = exports.Legacy = {
+const Legacy = exports.Legacy = {
   Alert: {
     Alert: _Alert.Alert,
     AlertVariant: _Alert.AlertVariant

package/build/Legacy/type.d.ts

@@ -1,3 +1,26 @@
-export type { IAlertConsent } from './Alert';
-export type { IFlexGridItem } from './Grid';
+export type { IAlert, IAlertConsent } from './Alert';
+export type { IButton } from './Button';
+export type { IBlankslate } from './Blankslate/Blankslate.type';
+export type { IBreadcrumb } from './Breadcrumb/Breadcrumb.type';
+export type { ICheckbox } from './Form/Checkbox/Checkbox.type';
+export type { IDropdown } from './Dropdown/Dropdown.type';
+export type { IFlexGrid, IFlexGridItem } from './Grid/FlexGrid/FlexGrid.type';
+export type { IDisplayTable } from './Grid/DisplayTable/DisplayTable.type';
+export type { IIcon } from './Icon/Icon.type';
+export type { IInput } from './Form/Input/Input.type';
+export type { ILabel } from './Label/Label.type';
+export type { ILoader } from './Loader/Loader.type';
+export type { IMarkdown } from './Markdown/Markdown.type';
+export type { IMenu } from './Navigation/Menu/Menu.type';
+export type { ITabNav } from './Navigation/TabNav/TabNav.type';
+export type { IUnderlineNav } from './Navigation/UnderlineNav/UnderlineNav.type';
+export type { IPreviousNext } from './Pagination/PreviousNext/PreviousNext.type';
+export type { IPopover } from './Popover/Popover.type';
+export type { IProgress } from './Progress/Progress.type';
+export type { IRadio } from './Form/Radio/Radio.type';
+export type { ISelect } from './Select/Select.type';
+export type { ISelectMenu } from './SelectMenu/SelectMenu.type';
+export type { ISubhead } from './Subhead/Subhead.type';
+export type { ISyntaxHighlighter } from './SyntaxHighlighter/SyntaxHighlighter.type';
+export type { IToast } from './Toast/Toast.type';
 //# sourceMappingURL=type.d.ts.map

package/build/Legacy/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../src/Legacy/type.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC5C,YAAY,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../src/Legacy/type.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACpD,YAAY,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AACvC,YAAY,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC/D,YAAY,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC/D,YAAY,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAC9D,YAAY,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACzD,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAC7E,YAAY,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AAC1E,YAAY,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAC7C,YAAY,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AACrD,YAAY,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAChD,YAAY,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,YAAY,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACzD,YAAY,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACxD,YAAY,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAA;AAC9D,YAAY,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAA;AAChF,YAAY,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAA;AAChF,YAAY,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,YAAY,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACzD,YAAY,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AACrD,YAAY,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,YAAY,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC/D,YAAY,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,YAAY,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAA;AACpF,YAAY,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA"}

package/build/Modern/Avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from 'react';
+import type { ComponentPropsWithoutRef } from 'react';
 import type { ResponsiveValue } from '../hooks/useResponsiveValue';
 export declare const DEFAULT_AVATAR_SIZE = 20;
 export type AvatarProps = {

package/build/Modern/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/Modern/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,wBAAwB,EAAc,MAAM,OAAO,CAAA;AAC3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAIlE,eAAO,MAAM,mBAAmB,KAAK,CAAA;AAErC,MAAM,MAAM,WAAW,GAAG;IACxB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACvC,+FAA+F;IAC/F,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,mFAAmF;IACnF,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,MAAM;IAZjB,+CAA+C;WACxC,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC;IACvC,+FAA+F;aACtF,OAAO;IAChB,+BAA+B;SAC1B,MAAM;IACX,mFAAmF;UAC7E,MAAM;IACZ,6BAA6B;gBACjB,MAAM;4KAuClB,CAAA"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/Modern/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAEpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAIlE,eAAO,MAAM,mBAAmB,KAAK,CAAA;AAErC,MAAM,MAAM,WAAW,GAAG;IACxB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACvC,+FAA+F;IAC/F,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,mFAAmF;IACnF,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,MAAM;IAZjB,+CAA+C;WACxC,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC;IACvC,+FAA+F;aACtF,OAAO;IAChB,+BAA+B;SAC1B,MAAM;IACX,mFAAmF;UAC7E,MAAM;IACZ,6BAA6B;gBACjB,MAAM;4KAuClB,CAAA"}

package/build/Modern/Avatar/Avatar.js

@@ -1,55 +1,48 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEFAULT_AVATAR_SIZE = exports.Avatar = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _clsx = require("clsx");
 var _react = require("react");
 var _useResponsiveValue = require("../hooks/useResponsiveValue");
 var _AvatarModule = _interopRequireDefault(require("./Avatar.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["alt", "size", "square", "className", "style"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(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 t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var DEFAULT_AVATAR_SIZE = exports.DEFAULT_AVATAR_SIZE = 20;
-var Avatar = exports.Avatar = /*#__PURE__*/(0, _react.forwardRef)(function Avatar(_ref, ref) {
-  var _ref$alt = _ref.alt,
-    alt = _ref$alt === void 0 ? '' : _ref$alt,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? DEFAULT_AVATAR_SIZE : _ref$size,
-    _ref$square = _ref.square,
-    square = _ref$square === void 0 ? false : _ref$square,
-    className = _ref.className,
-    style = _ref.style,
-    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var isResponsive = (0, _useResponsiveValue.isResponsiveValue)(size);
-  var cssSizeVars = {};
+const DEFAULT_AVATAR_SIZE = exports.DEFAULT_AVATAR_SIZE = 20;
+const Avatar = exports.Avatar = /*#__PURE__*/(0, _react.forwardRef)(function Avatar({
+  alt = '',
+  size = DEFAULT_AVATAR_SIZE,
+  square = false,
+  className,
+  style,
+  ...rest
+}, ref) {
+  const isResponsive = (0, _useResponsiveValue.isResponsiveValue)(size);
+  const cssSizeVars = {};
   if (isResponsive) {
-    for (var _i = 0, _Object$entries = Object.entries(size); _i < _Object$entries.length; _i++) {
-      var _Object$entries$_i = (0, _slicedToArray2["default"])(_Object$entries[_i], 2),
-        key = _Object$entries$_i[0],
-        value = _Object$entries$_i[1];
-      cssSizeVars["--avatarSize-".concat(key)] = "".concat(value, "px");
+    for (const [key, value] of Object.entries(size)) {
+      cssSizeVars[`--avatarSize-${key}`] = `${value}px`;
     }
   } else {
-    cssSizeVars['--avatarSize-regular'] = "".concat(size, "px");
+    cssSizeVars['--avatarSize-regular'] = `${size}px`;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", _objectSpread({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
     "data-component": "Avatar",
-    className: (0, _clsx.clsx)(className, _AvatarModule["default"].Avatar),
+    className: (0, _clsx.clsx)(className, _AvatarModule.default.Avatar),
     ref: ref,
     alt: alt,
     "data-responsive": isResponsive ? '' : undefined,
     "data-square": square ? '' : undefined,
     width: isResponsive ? undefined : size,
     height: isResponsive ? undefined : size,
-    style: style ? _objectSpread(_objectSpread({}, cssSizeVars), style) : cssSizeVars
-  }, rest));
+    style: style ? {
+      ...cssSizeVars,
+      ...style
+    } : cssSizeVars,
+    ...rest
+  });
 });
 if (process.env.NODE_ENV !== 'production') {
   Avatar.displayName = 'Avatar';

package/build/Modern/Avatar/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Avatar.Avatar;
   }
 });

package/build/Modern/AvatarStack/AvatarStack.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import { type CSSProperties, type ReactNode } from 'react';
 import type { ResponsiveValue } from '../hooks/useResponsiveValue';
 export interface AvatarStackProps {
     alignRight?: boolean;
@@ -11,5 +11,5 @@ export interface AvatarStackProps {
     style?: CSSProperties;
     'data-testid'?: string;
 }
-export declare const AvatarStack: ({ children, variant, shape, alignRight, disableExpand, size, className, style, "data-testid": dataTestId, }: AvatarStackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarStack: ({ children, variant, shape, alignRight, disableExpand, size, className, style, "data-testid": dataTestId, }: AvatarStackProps) => import("react").JSX.Element;
 //# sourceMappingURL=AvatarStack.d.ts.map

package/build/Modern/AvatarStack/AvatarStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarStack.d.ts","sourceRoot":"","sources":["../../../src/Modern/AvatarStack/AvatarStack.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EAGb,SAAS,EAOV,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAiBlE,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AA+BD,eAAO,MAAM,WAAW,GAAI,6GAUzB,gBAAgB,4CAmHlB,CAAA"}
+{"version":3,"file":"AvatarStack.d.ts","sourceRoot":"","sources":["../../../src/Modern/AvatarStack/AvatarStack.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,aAAa,EAGlB,KAAK,SAAS,EAOf,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAiBlE,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AA+BD,eAAO,MAAM,WAAW,GAAI,6GAUzB,gBAAgB,gCAmHlB,CAAA"}

package/build/Modern/AvatarStack/AvatarStack.js

@@ -1,13 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AvatarStack = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _clsx = require("clsx");
 var _react = require("react");
 var _Avatar = require("../Avatar/Avatar");
@@ -15,62 +12,57 @@ var _useResponsiveValue = require("../hooks/useResponsiveValue");
 var _hasInteractiveNodes = require("../utils/hasInteractiveNodes");
 var _AvatarStackModule = _interopRequireDefault(require("./AvatarStack.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(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 t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var transformChildren = function transformChildren(children, shape) {
-  return _react.Children.map(children, function (child) {
+const transformChildren = (children, shape) => {
+  return _react.Children.map(children, child => {
     if (! /*#__PURE__*/(0, _react.isValidElement)(child)) return child;
-    return /*#__PURE__*/(0, _react.cloneElement)(child, _objectSpread(_objectSpread({}, child.props), {}, {
+    return /*#__PURE__*/(0, _react.cloneElement)(child, {
+      ...child.props,
       square: (shape === 'square' ? true : undefined) || child.props.square,
-      className: (0, _clsx.clsx)(child.props.className, 'pc-AvatarItem', _AvatarStackModule["default"].AvatarItem)
-    }));
+      className: (0, _clsx.clsx)(child.props.className, 'pc-AvatarItem', _AvatarStackModule.default.AvatarItem)
+    });
   });
 };
-var AvatarStackBody = function AvatarStackBody(_ref) {
-  var disableExpand = _ref.disableExpand,
-    hasInteractiveChildren = _ref.hasInteractiveChildren,
-    stackContainer = _ref.stackContainer,
-    children = _ref.children;
+const AvatarStackBody = ({
+  disableExpand,
+  hasInteractiveChildren,
+  stackContainer,
+  children
+}) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "data-disable-expand": disableExpand ? '' : undefined,
     "data-testid": "avatar-stack-body",
     className: (0, _clsx.clsx)({
       'pc-AvatarStack--disableExpand': disableExpand
-    }, 'pc-AvatarStackBody', _AvatarStackModule["default"].AvatarStackBody),
+    }, 'pc-AvatarStackBody', _AvatarStackModule.default.AvatarStackBody),
     tabIndex: !hasInteractiveChildren && !disableExpand ? 0 : undefined,
     ref: stackContainer,
     children: children
   });
 };
-var AvatarStack = exports.AvatarStack = function AvatarStack(_ref2) {
-  var children = _ref2.children,
-    _ref2$variant = _ref2.variant,
-    variant = _ref2$variant === void 0 ? 'cascade' : _ref2$variant,
-    _ref2$shape = _ref2.shape,
-    shape = _ref2$shape === void 0 ? 'circle' : _ref2$shape,
-    alignRight = _ref2.alignRight,
-    disableExpand = _ref2.disableExpand,
-    size = _ref2.size,
-    className = _ref2.className,
-    style = _ref2.style,
-    dataTestId = _ref2['data-testid'];
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    hasInteractiveChildren = _useState2[0],
-    setHasInteractiveChildren = _useState2[1];
-  var stackContainer = (0, _react.useRef)(null);
-  var count = _react.Children.count(children);
-  var getAvatarChildSizes = function getAvatarChildSizes() {
-    var avatarSizeMap = {
+const AvatarStack = ({
+  children,
+  variant = 'cascade',
+  shape = 'circle',
+  alignRight,
+  disableExpand,
+  size,
+  className,
+  style,
+  'data-testid': dataTestId
+}) => {
+  const [hasInteractiveChildren, setHasInteractiveChildren] = (0, _react.useState)(false);
+  const stackContainer = (0, _react.useRef)(null);
+  const count = _react.Children.count(children);
+  const getAvatarChildSizes = () => {
+    const avatarSizeMap = {
       narrow: [],
       regular: [],
       wide: []
     };
-    return _react.Children.toArray(children).reduce(function (acc, child) {
+    return _react.Children.toArray(children).reduce((acc, child) => {
       // if child is not an Avatar, return the default avatar sizes from the accumulator
       if (! /*#__PURE__*/(0, _react.isValidElement)(child)) return acc;
-      for (var _i = 0, _Object$keys = Object.keys(avatarSizeMap); _i < _Object$keys.length; _i++) {
-        var responsiveKey = _Object$keys[_i];
+      for (const responsiveKey of Object.keys(avatarSizeMap)) {
         // if the child has responsive `size` prop values, push the value to the appropriate viewport property in the avatarSizeMap
         if ((0, _useResponsiveValue.isResponsiveValue)(child.props.size)) {
           avatarSizeMap[responsiveKey].push(child.props.size[responsiveKey] || _Avatar.DEFAULT_AVATAR_SIZE);
@@ -81,7 +73,7 @@ var AvatarStack = exports.AvatarStack = function AvatarStack(_ref2) {
         }
 
         // set the smallest size in each viewport property as the value for that viewport property in the accumulator
-        acc[responsiveKey] = Math.min.apply(Math, (0, _toConsumableArray2["default"])(avatarSizeMap[responsiveKey]));
+        acc[responsiveKey] = Math.min(...avatarSizeMap[responsiveKey]);
       }
       return acc;
     }, {
@@ -90,46 +82,46 @@ var AvatarStack = exports.AvatarStack = function AvatarStack(_ref2) {
       wide: _Avatar.DEFAULT_AVATAR_SIZE
     });
   };
-  var childSizes = getAvatarChildSizes();
-  (0, _react.useEffect)(function () {
+  const childSizes = getAvatarChildSizes();
+  (0, _react.useEffect)(() => {
     if (stackContainer.current) {
-      var interactiveChildren = function interactiveChildren() {
+      const interactiveChildren = () => {
         setHasInteractiveChildren((0, _hasInteractiveNodes.hasInteractiveNodes)(stackContainer.current));
       };
-      var observer = new MutationObserver(interactiveChildren);
+      const observer = new MutationObserver(interactiveChildren);
       observer.observe(stackContainer.current, {
         childList: true
       });
 
       // Call on initial render, then call it again only if there's a mutation
       interactiveChildren();
-      return function () {
+      return () => {
         observer.disconnect();
       };
     }
   }, []);
-  var getResponsiveAvatarSizeStyles = function getResponsiveAvatarSizeStyles() {
+  const getResponsiveAvatarSizeStyles = () => {
     // if there is no size set on the AvatarStack, use the `size` props of the Avatar children to set the `--avatar-stack-size` CSS variable
     if (!size) {
       return {
-        '--stackSize-narrow': "".concat(childSizes.narrow, "px"),
-        '--stackSize-regular': "".concat(childSizes.regular, "px"),
-        '--stackSize-wide': "".concat(childSizes.wide, "px")
+        '--stackSize-narrow': `${childSizes.narrow}px`,
+        '--stackSize-regular': `${childSizes.regular}px`,
+        '--stackSize-wide': `${childSizes.wide}px`
       };
     }
 
     // if the `size` prop is set and responsive, set the `--avatar-stack-size` CSS variable for each viewport
     if ((0, _useResponsiveValue.isResponsiveValue)(size)) {
       return {
-        '--stackSize-narrow': "".concat(size.narrow || _Avatar.DEFAULT_AVATAR_SIZE, "px"),
-        '--stackSize-regular': "".concat(size.regular || _Avatar.DEFAULT_AVATAR_SIZE, "px"),
-        '--stackSize-wide': "".concat(size.wide || _Avatar.DEFAULT_AVATAR_SIZE, "px")
+        '--stackSize-narrow': `${size.narrow || _Avatar.DEFAULT_AVATAR_SIZE}px`,
+        '--stackSize-regular': `${size.regular || _Avatar.DEFAULT_AVATAR_SIZE}px`,
+        '--stackSize-wide': `${size.wide || _Avatar.DEFAULT_AVATAR_SIZE}px`
       };
     }
 
     // if the `size` prop is set and not responsive, it is a number, so we can just set the `--avatar-stack-size` CSS variable to that number
     return {
-      '--avatar-stack-size': "".concat(size, "px")
+      '--avatar-stack-size': `${size}px`
     };
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -146,8 +138,11 @@ var AvatarStack = exports.AvatarStack = function AvatarStack(_ref2) {
       'pc-AvatarStack--three': count === 3,
       'pc-AvatarStack--three-plus': count > 3,
       'pc-AvatarStack--right': alignRight
-    }, className, _AvatarStackModule["default"].AvatarStack),
-    style: _objectSpread(_objectSpread({}, getResponsiveAvatarSizeStyles()), style),
+    }, className, _AvatarStackModule.default.AvatarStack),
+    style: {
+      ...getResponsiveAvatarSizeStyles(),
+      ...style
+    },
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(AvatarStackBody, {
       disableExpand: disableExpand,
       hasInteractiveChildren: hasInteractiveChildren,
@@ -155,4 +150,5 @@ var AvatarStack = exports.AvatarStack = function AvatarStack(_ref2) {
       children: [' ', transformChildren(children, shape)]
     })
   });
-};
+};
+exports.AvatarStack = AvatarStack;

package/build/Modern/AvatarStack/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "AvatarStack", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _AvatarStack.AvatarStack;
   }
 });

package/build/Modern/Flash/Flash.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from 'react';
+import type { ComponentPropsWithoutRef } from 'react';
 import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
 export type FlashProps = ComponentPropsWithoutRef<'div'> & {
     className?: string;

package/build/Modern/Flash/Flash.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Flash.d.ts","sourceRoot":"","sources":["../../../src/Modern/Flash/Flash.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAc,MAAM,OAAO,CAAA;AAC5D,OAAO,KAAK,EAAE,mBAAmB,IAAI,8BAA8B,EAAE,MAAM,sBAAsB,CAAA;AAGjG,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IACtD,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,eAAO,MAAM,KAAK,EAUZ,8BAA8B,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA"}
+{"version":3,"file":"Flash.d.ts","sourceRoot":"","sources":["../../../src/Modern/Flash/Flash.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,mBAAmB,IAAI,8BAA8B,EAAE,MAAM,sBAAsB,CAAA;AAGjG,MAAM,MAAM,UAAU,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IACtD,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,eAAO,MAAM,KAAK,EAUZ,8BAA8B,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA"}

package/build/Modern/Flash/Flash.js

@@ -1,34 +1,30 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Flash = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _clsx = require("clsx");
 var _react = require("react");
 var _FlashModule = _interopRequireDefault(require("./Flash.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["as", "className", "variant", "full"];
 /* eslint-disable react/prop-types */
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(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 t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Flash = exports.Flash = /*#__PURE__*/(0, _react.forwardRef)(function Flash(_ref, ref) {
-  var _ref$as = _ref.as,
-    BaseComponent = _ref$as === void 0 ? 'div' : _ref$as,
-    className = _ref.className,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
-    full = _ref.full,
-    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseComponent, _objectSpread(_objectSpread({}, rest), {}, {
+
+const Flash = exports.Flash = /*#__PURE__*/(0, _react.forwardRef)(function Flash({
+  as: BaseComponent = 'div',
+  className,
+  variant = 'default',
+  full,
+  ...rest
+}, ref) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseComponent, {
+    ...rest,
     ref: ref,
-    className: (0, _clsx.clsx)(_FlashModule["default"].Flash, className),
+    className: (0, _clsx.clsx)(_FlashModule.default.Flash, className),
     "data-full": full ? '' : undefined,
     "data-variant": variant
-  }));
+  });
 });
 if (process.env.NODE_ENV !== 'production') {
   Flash.displayName = 'Flash';

package/build/Modern/Flash/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Flash", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Flash.Flash;
   }
 });