@papillonarts/components 0.49.0 → 0.49.1

package/build/Modern/hooks/useMedia.js

@@ -1,12 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MatchMedia = MatchMedia;
 exports.useMedia = useMedia;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _environment = require("../utils/environment");
 var _warning = require("../utils/warning");
@@ -23,33 +21,29 @@ var _jsxRuntime = require("react/jsx-runtime");
  *   const coarsePointer = useMedia('(pointer: coarse)');
  *   // ...
  * }
- */
-function useMedia(mediaQueryString, defaultState) {
-  var features = (0, _react.useContext)(MatchMediaContext);
-  var _useState = (0, _react.useState)(function () {
-      if (features[mediaQueryString] !== undefined) {
-        return features[mediaQueryString];
-      }
+ */function useMedia(mediaQueryString, defaultState) {
+  const features = (0, _react.useContext)(MatchMediaContext);
+  const [matches, setMatches] = (0, _react.useState)(() => {
+    if (features[mediaQueryString] !== undefined) {
+      return features[mediaQueryString];
+    }
 
-      // Prevent a React hydration mismatch when a default value is provided by not defaulting to window.matchMedia(query).matches.
-      if (defaultState !== undefined) {
-        return defaultState;
-      }
-      if (_environment.canUseDOM) {
-        return window.matchMedia(mediaQueryString).matches;
-      }
+    // Prevent a React hydration mismatch when a default value is provided by not defaulting to window.matchMedia(query).matches.
+    if (defaultState !== undefined) {
+      return defaultState;
+    }
+    if (_environment.canUseDOM) {
+      return window.matchMedia(mediaQueryString).matches;
+    }
 
-      // A default value has not been provided, and you are rendering on the server, warn of a possible hydration mismatch when defaulting to false.
-      (0, _warning.warning)(true, '`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches.');
-      return false;
-    }),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    matches = _useState2[0],
-    setMatches = _useState2[1];
+    // A default value has not been provided, and you are rendering on the server, warn of a possible hydration mismatch when defaulting to false.
+    (0, _warning.warning)(true, '`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches.');
+    return false;
+  });
   if (features[mediaQueryString] !== undefined && matches !== features[mediaQueryString]) {
     setMatches(features[mediaQueryString]);
   }
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     // If `mediaQueryString` is present in features through `context` defer to
     // the value present instead of checking with matchMedia
     if (features[mediaQueryString] !== undefined) {
@@ -58,7 +52,7 @@ function useMedia(mediaQueryString, defaultState) {
     function listener(event) {
       setMatches(event.matches);
     }
-    var mediaQueryList = window.matchMedia(mediaQueryString);
+    const mediaQueryList = window.matchMedia(mediaQueryString);
 
     // Support fallback to `addListener` for broader browser support
     // @ts-ignore this is not present in Safari <14
@@ -72,7 +66,7 @@ function useMedia(mediaQueryString, defaultState) {
     // Make sure the media query list is in sync with the matches state
 
     setMatches(mediaQueryList.matches);
-    return function () {
+    return () => {
       // @ts-ignore this is not present in Safari <14
 
       if (mediaQueryList.addEventListener) {
@@ -87,8 +81,8 @@ function useMedia(mediaQueryString, defaultState) {
 // Used to keep track of overrides to specific media query features, this should
 // be used for development and demo purposes to emulate specific features if
 // unavailable through devtools
-var MatchMediaContext = /*#__PURE__*/(0, _react.createContext)({});
-var defaultFeatures = {};
+const MatchMediaContext = /*#__PURE__*/(0, _react.createContext)({});
+const defaultFeatures = {};
 
 /**
  * Use `MatchMedia` to emulate media conditions by passing in feature
@@ -104,11 +98,11 @@ var defaultFeatures = {};
  *   <Children />
  * </MatchMedia>
  */
-function MatchMedia(_ref) {
-  var children = _ref.children,
-    _ref$features = _ref.features,
-    features = _ref$features === void 0 ? defaultFeatures : _ref$features;
-  var value = useShallowObject(features);
+function MatchMedia({
+  children,
+  features = defaultFeatures
+}) {
+  const value = useShallowObject(features);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(MatchMediaContext.Provider, {
     value: value,
     children: children
@@ -123,12 +117,9 @@ function MatchMedia(_ref) {
  * shallow equality check is false each time the hook is called
  */
 function useShallowObject(object) {
-  var _useState3 = (0, _react.useState)(object),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    value = _useState4[0],
-    setValue = _useState4[1];
+  const [value, setValue] = (0, _react.useState)(object);
   if (value !== object) {
-    var match = Object.keys(object).every(function (key) {
+    const match = Object.keys(object).every(key => {
       return object[key] === value[key];
     });
     if (!match) {

package/build/Modern/hooks/useRefObjectAsForwardedRef.js

@@ -13,7 +13,5 @@ var _react = require("react");
  * **NOTE**: The `refObject` should be passed to the underlying element, NOT the `forwardedRef`.
  */
 function useRefObjectAsForwardedRef(forwardedRef, refObject) {
-  (0, _react.useImperativeHandle)(forwardedRef, function () {
-    return refObject.current;
-  });
+  (0, _react.useImperativeHandle)(forwardedRef, () => refObject.current);
 }

package/build/Modern/hooks/useResponsiveValue.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isResponsiveValue = isResponsiveValue;
 exports.useResponsiveValue = useResponsiveValue;
 exports.viewportRanges = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _useMedia = require("./useMedia");
 // This file contains utilities for working with responsive values.
 
@@ -15,7 +13,7 @@ var _useMedia = require("./useMedia");
 // because they use `em` units inside `calc()` (e.g., calc(48em - 0.02px)).
 // As a temporary workaround, we're hardcoding the viewport ranges in `px` units.
 // TODO: Use viewport range tokens from @primer/primitives
-var viewportRanges = exports.viewportRanges = {
+const viewportRanges = exports.viewportRanges = {
   narrow: '(max-width: calc(768px - 0.02px))',
   // < 768px
   regular: '(min-width: 768px)',
@@ -34,9 +32,7 @@ var viewportRanges = exports.viewportRanges = {
  * In other words, is it an object with viewport range keys?
  */
 function isResponsiveValue(value) {
-  return (0, _typeof2["default"])(value) === 'object' && Object.keys(value).some(function (key) {
-    return ['narrow', 'regular', 'wide'].includes(key);
-  });
+  return typeof value === 'object' && Object.keys(value).some(key => ['narrow', 'regular', 'wide'].includes(key));
 }
 
 /**
@@ -51,12 +47,12 @@ function isResponsiveValue(value) {
 function useResponsiveValue(value, fallback) {
   // Check viewport size
   // TODO: What is the performance cost of creating media query listeners in this hook?
-  var isNarrowViewport = (0, _useMedia.useMedia)(viewportRanges.narrow, false);
-  var isRegularViewport = (0, _useMedia.useMedia)(viewportRanges.regular, false);
-  var isWideViewport = (0, _useMedia.useMedia)(viewportRanges.wide, false);
+  const isNarrowViewport = (0, _useMedia.useMedia)(viewportRanges.narrow, false);
+  const isRegularViewport = (0, _useMedia.useMedia)(viewportRanges.regular, false);
+  const isWideViewport = (0, _useMedia.useMedia)(viewportRanges.wide, false);
   if (isResponsiveValue(value)) {
     // If we've reached this line, we know that value is a responsive value
-    var responsiveValue = value;
+    const responsiveValue = value;
     if (isNarrowViewport && 'narrow' in Object(responsiveValue)) {
       return Object(responsiveValue).narrow;
     } else if (isWideViewport && 'wide' in Object(responsiveValue)) {

package/build/Modern/index.d.ts

@@ -16,7 +16,7 @@ export declare const Modern: {
         } & Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
     };
     AvatarStack: {
-        AvatarStack: ({ children, variant, shape, alignRight, disableExpand, size, className, style, "data-testid": dataTestId, }: import("./AvatarStack").AvatarStackProps) => import("react/jsx-runtime").JSX.Element;
+        AvatarStack: ({ children, variant, shape, alignRight, disableExpand, size, className, style, "data-testid": dataTestId, }: import("./AvatarStack").AvatarStackProps) => import("react").JSX.Element;
     };
     Flash: {
         Flash: import("./utils/polymorphic").ForwardRefComponent<"div", import("./Flash").FlashProps>;

package/build/Modern/index.js

@@ -10,7 +10,7 @@ var _AvatarStack = require("./AvatarStack");
 var _Flash = require("./Flash");
 var _Link = require("./Link");
 var _Pagination = require("./Pagination");
-var Modern = exports.Modern = {
+const Modern = exports.Modern = {
   Avatar: {
     Avatar: _Avatar.Avatar
   },

package/build/Modern/utils/environment.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.canUseDOM = void 0;
-var _window$document$crea, _window;
 /**
  * Indicate whether current execution environment can access the DOM.
  *
  * @see https://github.com/facebook/fbjs/blob/4d1751311d3f67af2dcce2e40df8512a23c7b9c6/packages/fbjs/src/core/ExecutionEnvironment.js#L12
  */
-var canUseDOM = exports.canUseDOM = (_window$document$crea = (_window = window) === null || _window === void 0 || (_window = _window.document) === null || _window === void 0 ? void 0 : _window.createElement) !== null && _window$document$crea !== void 0 ? _window$document$crea : false;
+const canUseDOM = exports.canUseDOM = window?.document?.createElement ?? false;

package/build/Modern/utils/hasInteractiveNodes.js

@@ -1,24 +1,20 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.hasInteractiveNodes = hasInteractiveNodes;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var nonValidSelectors = {
+const nonValidSelectors = {
   disabled: '[disabled]',
   hidden: '[hidden]',
   inert: '[inert]',
   negativeTabIndex: '[tabindex="-1"]'
 };
-var interactiveElementsSelectors = ["a[href]", "button", 'summary', 'select', 'input:not([type=hidden])', 'textarea', '[tabindex="0"]', "audio[controls]", "video[controls]", "[contenteditable]"];
-var interactiveElements = interactiveElementsSelectors.map(function (selector) {
-  return "".concat(selector, ":not(").concat(Object.values(nonValidSelectors).join('):not('), ")");
-});
+const interactiveElementsSelectors = [`a[href]`, `button`, 'summary', 'select', 'input:not([type=hidden])', 'textarea', '[tabindex="0"]', `audio[controls]`, `video[controls]`, `[contenteditable]`];
+const interactiveElements = interactiveElementsSelectors.map(selector => `${selector}:not(${Object.values(nonValidSelectors).join('):not(')})`);
 
 // Combined selector for fast querySelector check
-var interactiveSelector = interactiveElements.join(', ');
+const interactiveSelector = interactiveElements.join(', ');
 
 /**
  * Finds interactive nodes within the passed node.
@@ -35,14 +31,14 @@ function hasInteractiveNodes(node, ignoreNodes) {
   // We only need to confirm if at least one interactive node exists.
   // If one does exist, we can abort early.
 
-  var nodesToIgnore = ignoreNodes ? [node].concat((0, _toConsumableArray2["default"])(ignoreNodes)) : [node];
+  const nodesToIgnore = ignoreNodes ? [node, ...ignoreNodes] : [node];
 
   // Performance optimization: Use querySelectorAll with combined selector first
   // This avoids recursive getComputedStyle calls for each node
-  var candidates = node.querySelectorAll(interactiveSelector);
+  const candidates = node.querySelectorAll(interactiveSelector);
   // eslint-disable-next-line @typescript-eslint/prefer-for-of
-  for (var i = 0; i < candidates.length; i++) {
-    var candidate = candidates[i];
+  for (let i = 0; i < candidates.length; i++) {
+    const candidate = candidates[i];
     if (!nodesToIgnore.includes(candidate) && !isNonValidInteractiveNode(candidate)) {
       return true;
     }
@@ -53,12 +49,12 @@ function hasInteractiveNodes(node, ignoreNodes) {
 // Note: Only call getComputedStyle when CSS-based checks are insufficient
 function isNonValidInteractiveNode(node) {
   // Fast path: Check attribute-based states first (no style recalc needed)
-  var isNonInteractive = node.matches('[disabled], [hidden], [inert]');
+  const isNonInteractive = node.matches('[disabled], [hidden], [inert]');
   if (isNonInteractive) return true;
 
   // Only call getComputedStyle if attribute checks passed
   // This is necessary for display:none and visibility:hidden which aren't detectable via attributes
-  var nodeStyle = getComputedStyle(node);
-  var isHiddenVisually = nodeStyle.display === 'none' || nodeStyle.visibility === 'hidden';
+  const nodeStyle = getComputedStyle(node);
+  const isHiddenVisually = nodeStyle.display === 'none' || nodeStyle.visibility === 'hidden';
   return isHiddenVisually;
 }

package/build/Modern/utils/modern-polymorphic.js

@@ -20,7 +20,7 @@ var _react = require("react");
 /**
  * Cast forwardRef to the fixed version with better type inference
  */
-var fixedForwardRef = exports.fixedForwardRef = _react.forwardRef;
+const fixedForwardRef = exports.fixedForwardRef = _react.forwardRef;
 
 /**
  * Simplified polymorphic props type that handles the common pattern of

package/build/Modern/utils/polymorphic.d.ts

@@ -4,7 +4,7 @@
  *
  * @see https://github.com/radix-ui/primitives/blob/17ffcb7aaa42cbd36b3c210ba86d7d73d218e5be/packages/react/polymorphic/src/polymorphic.ts
  */
-import * as React from 'react';
+import type * as React from 'react';
 import type { JSX } from 'react';
 import type { SlotMarker } from './types/Slots';
 type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;

package/build/Modern/utils/polymorphic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../../../src/Modern/utils/polymorphic.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAK/C,KAAK,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAEtD;;GAEG;AACH,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;AAEvE;;GAEG;AACH,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAElF,KAAK,yBAAyB,CAAC,CAAC,EAAE,QAAQ,IAAI,KAAK,CAAC,yBAAyB,CAC3E,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,GAAG;IAAE,EAAE,CAAC,EAAE,CAAC,CAAA;CAAE,CAAC,CACnG,CAAA;AAMD,UAAU,mBAAmB,CAC3B,sBAAsB,EACtB,QAAQ,GAAG,EAAE,CAMb,SAAQ,yBAAyB,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EAAE,UAAU;IAC/E;;;;;;;OAOG;IACH,CAAC,EAAE,GAAG,sBAAsB,EAC1B,KAAK,EAAE,EAAE,SAAS,EAAE,GAChB;QAAE,EAAE,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAA;KAAE,GACnC,EAAE,SAAS,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GACrC,KAAK,CAAC,CAAC,EAAE,QAAQ,GAAG;QAAE,EAAE,EAAE,EAAE,CAAA;KAAE,CAAC,GAC/B,EAAE,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACpC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,QAAQ,GAAG;QAAE,EAAE,EAAE,EAAE,CAAA;KAAE,CAAC,GACvD,KAAK,GACZ,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;CAClC;AAED,YAAY,EAAE,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../../../src/Modern/utils/polymorphic.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AACnC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAK/C,KAAK,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAEtD;;GAEG;AACH,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;AAEvE;;GAEG;AACH,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAElF,KAAK,yBAAyB,CAAC,CAAC,EAAE,QAAQ,IAAI,KAAK,CAAC,yBAAyB,CAC3E,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,GAAG;IAAE,EAAE,CAAC,EAAE,CAAC,CAAA;CAAE,CAAC,CACnG,CAAA;AAMD,UAAU,mBAAmB,CAC3B,sBAAsB,EACtB,QAAQ,GAAG,EAAE,CAMb,SAAQ,yBAAyB,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EAAE,UAAU;IAC/E;;;;;;;OAOG;IACH,CAAC,EAAE,GAAG,sBAAsB,EAC1B,KAAK,EAAE,EAAE,SAAS,EAAE,GAChB;QAAE,EAAE,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAA;KAAE,GACnC,EAAE,SAAS,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GACrC,KAAK,CAAC,CAAC,EAAE,QAAQ,GAAG;QAAE,EAAE,EAAE,EAAE,CAAA;KAAE,CAAC,GAC/B,EAAE,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACpC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,QAAQ,GAAG;QAAE,EAAE,EAAE,EAAE,CAAA;KAAE,CAAC,GACvD,KAAK,GACZ,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;CAClC;AAED,YAAY,EAAE,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAA"}

package/build/Modern/utils/testing.js

@@ -10,12 +10,12 @@ var _jsxRuntime = require("react/jsx-runtime");
 /* eslint-disable jest/no-export, jest/no-conditional-expect */
 
 function implementsClassName(Component, baseClassName) {
-  test('renders with the custom className', function () {
+  test('renders with the custom className', () => {
     (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
       className: "test-class",
       "data-testid": "className-test"
     }));
-    var element = _react.screen.getByTestId('className-test');
+    const element = _react.screen.getByTestId('className-test');
     expect(element).toBeInTheDocument();
     if (baseClassName) {
       expect(element).toHaveClass(baseClassName);

package/build/Modern/utils/types/index.js

@@ -9,7 +9,7 @@ Object.keys(_ComponentProps).forEach(function (key) {
   if (key in exports && exports[key] === _ComponentProps[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _ComponentProps[key];
     }
   });
@@ -20,7 +20,7 @@ Object.keys(_Slots).forEach(function (key) {
   if (key in exports && exports[key] === _Slots[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Slots[key];
     }
   });
@@ -31,7 +31,7 @@ Object.keys(_ViewportRangeKeys).forEach(function (key) {
   if (key in exports && exports[key] === _ViewportRangeKeys[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _ViewportRangeKeys[key];
     }
   });

package/build/Modern/utils/warning.js

@@ -5,19 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.warning = exports.warn = void 0;
 function emptyFunction() {}
-var warn = exports.warn = process.env.NODE_ENV !== 'production' ? function warn(message) {
+const warn = exports.warn = process.env.NODE_ENV !== 'production' ? function warn(message) {
   console.warn('Warning:', message);
 } : emptyFunction;
 
 // Inspired by warning by fbjs
 // @see https://github.com/facebook/fbjs/blob/main/packages/fbjs/src/__forks__/warning.js
-var warning = exports.warning = process.env.NODE_ENV !== 'production' ? function warning(condition, format) {
-  for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    args[_key - 2] = arguments[_key];
-  }
+const warning = exports.warning = process.env.NODE_ENV !== 'production' ? function warning(condition, format, ...args) {
   if (condition) {
-    var index = 0;
-    var message = format.replace(/%s/g, function () {
+    let index = 0;
+    const message = format.replace(/%s/g, () => {
       return args[index++];
     });
     warn(message);

package/build/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Legacy", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Legacy.Legacy;
   }
 });
 Object.defineProperty(exports, "Modern", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Modern.Modern;
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papillonarts/components",
-  "version": "0.49.0",
+  "version": "0.49.1",
   "description": "Papillon Arts Components",
   "homepage": "https://github.com/papillonarts/papillonarts/tree/master/packages/components",
   "repository": {
@@ -26,8 +26,8 @@
     "build-release": "npm run build"
   },
   "dependencies": {
-    "@papillonarts/css": "^0.49.0",
-    "@papillonarts/library": "^0.49.0"
+    "@papillonarts/css": "^0.49.1",
+    "@papillonarts/library": "^0.49.1"
   },
-  "gitHead": "73a2726fae9337d5f4aaf6577d9e7bbe5c894200"
+  "gitHead": "99aeb0ec52f96fcd66e8c4c6639e5e1265de6873"
 }