@procore/core-react 11.22.1 → 11.23.1

package/dist/Box/Box.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.types.js","sourceRoot":"","sources":["../../src/Box/Box.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Box.types.js","names":[],"sources":["../../src/Box/Box.types.ts"],"sourcesContent":["import { Props, Size } from '../_utils/types'\n\n/**\n * @deprecated\n *\n * These display modes are no longer valid, please use `direction` prop\n *\n * @deprecatedSince 10.20.0\n */\nexport type DeprecatedDisplay =\n  | 'flex-column-reverse'\n  | 'flex-column'\n  | 'flex-inline-column-reverse'\n  | 'flex-inline-column'\n  | 'flex-inline-row-reverse'\n  | 'flex-inline-row'\n  | 'flex-row-reverse'\n  | 'flex-row'\n\nexport type Display =\n  | DeprecatedDisplay\n  | 'block'\n  | 'flex'\n  | 'inline'\n  | 'inline-block'\n  | 'inline-flex'\n\nexport type FlexAlign =\n  | 'baseline'\n  | 'center'\n  | 'flex-end'\n  | 'flex-start'\n  | 'normal'\n  | 'stretch'\n\nexport type FlexDirection = 'column' | 'column-reverse' | 'row' | 'row-reverse'\n\nexport type FlexJustify =\n  | 'center'\n  | 'flex-end'\n  | 'flex-start'\n  | 'normal'\n  | 'space-around'\n  | 'space-between'\n  | 'space-evenly'\n\nexport type FlexAlignContent = FlexJustify | 'stretch'\n\nexport type FlexWrap = 'nowrap' | 'wrap-reverse' | 'wrap'\n\nexport type TextAlign = 'center' | 'left' | 'right'\n\nexport type MarginSize = Extract<\n  Size,\n  'auto' | 'none' | 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n>\n\nexport type PaddingSize = Extract<\n  Size,\n  'none' | 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'\n>\n\nexport type BoxSize = MarginSize | PaddingSize | undefined\n\nexport interface MarginOptions {\n  /**\n   * @since 10.19.0\n   */\n  margin?: MarginSize | string\n  /**\n   * @since 10.19.0\n   */\n  marginBottom?: MarginSize\n  /**\n   * @since 10.19.0\n   */\n  marginLeft?: MarginSize\n  /**\n   * @since 10.19.0\n   */\n  marginRight?: MarginSize\n  /**\n   * @since 10.19.0\n   */\n  marginTop?: MarginSize\n}\n\nexport interface PaddingOptions {\n  /**\n   * @since 10.19.0\n   */\n  padding?: PaddingSize | string\n  /**\n   * @since 10.19.0\n   */\n  paddingBottom?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n  paddingLeft?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n  paddingRight?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n  paddingTop?: PaddingSize\n  /**\n   * @since 10.19.0\n   */\n}\n\nexport interface FlexOptions {\n  /**\n   * @since 10.19.0\n   */\n  alignContent?: FlexAlignContent\n  /**\n   * @since 10.19.0\n   */\n  alignItems?: FlexAlign\n  /**\n   * @since 10.19.0\n   */\n  alignSelf?: FlexAlign\n  /**\n   * @since 10.19.0\n   */\n  justifyContent?: FlexJustify\n}\n\nexport interface BoxProps\n  extends Props,\n    FlexOptions,\n    MarginOptions,\n    PaddingOptions {\n  /**\n   * Render semantic HTML tags with browser reset and normalize CSS\n   * @since 10.19.0\n   */\n  as?: 'ul' | 'ol' | 'li'\n  /**\n   * @since 10.19.0\n   */\n  display?: Display\n\n  /**\n   * Alias to the `flex` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flex?: string | number\n\n  /**\n   * Alias to the `basis` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexBasis?: string | number\n\n  /**\n   * Alias to the `direction` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexDirection?: FlexDirection\n\n  /**\n   * Alias to the `grow` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexGrow?: string | number\n\n  /**\n   * Alias to the `shrink` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexShrink?: string | number\n\n  /**\n   * Alias to the `wrap` property on a flexbox child.\n   * @since 10.19.0\n   */\n  flexWrap?: FlexWrap\n\n  /**\n   * * Alias to the `gap` property on a flexbox child.\n   * @since 11.3.0\n   */\n  gap?: MarginSize | string\n\n  /**\n   * Alias to the `order` property on a flexbox child.\n   * @since 10.19.0\n   */\n  order?: number\n  /**\n   * @since 10.19.0\n   */\n  tabIndex?: number\n  /**\n   * @since 10.19.0\n   */\n  textAlign?: TextAlign\n}\n\nexport interface $BoxProps {\n  /**\n   * @since 10.19.0\n   */\n  $as?: BoxProps['as']\n  /**\n   * @since 10.19.0\n   */\n  $alignContent?: BoxProps['alignContent']\n  /**\n   * @since 10.19.0\n   */\n  $alignItems?: BoxProps['alignItems']\n  /**\n   * @since 10.19.0\n   */\n  $alignSelf?: BoxProps['alignSelf']\n  /**\n   * @since 10.19.0\n   */\n  $display?: BoxProps['display']\n  /**\n   * @since 10.19.0\n   */\n  $flex?: BoxProps['flex']\n  /**\n   * @since 10.19.0\n   */\n  $flexBasis?: BoxProps['flexBasis']\n  /**\n   * @since 10.19.0\n   */\n  $flexDirection?: BoxProps['flexDirection']\n  /**\n   * @since 10.19.0\n   */\n  $flexGrow?: BoxProps['flexGrow']\n  /**\n   * @since 10.19.0\n   */\n  $flexShrink?: BoxProps['flexShrink']\n  /**\n   * @since 10.19.0\n   */\n  $flexWrap?: BoxProps['flexWrap']\n  /**\n   * @since 11.3.0\n   */\n  $gap?: BoxProps['gap']\n  /**\n  /**\n   * @since 10.19.0\n   */\n  $justifyContent?: BoxProps['justifyContent']\n  /**\n   * @since 10.19.0\n   */\n  $margin?: BoxProps['margin']\n  /**\n   * @since 10.19.0\n   */\n  $marginBottom?: BoxProps['marginBottom']\n  /**\n   * @since 10.19.0\n   */\n  $marginLeft?: BoxProps['marginLeft']\n  /**\n   * @since 10.19.0\n   */\n  $marginRight?: BoxProps['marginRight']\n  /**\n   * @since 10.19.0\n   */\n  $marginTop?: BoxProps['marginTop']\n  /**\n   * @since 10.19.0\n   */\n  $order?: BoxProps['order']\n  /**\n   * @since 10.19.0\n   */\n  $padding?: BoxProps['padding']\n  /**\n   * @since 10.19.0\n   */\n  $paddingBottom?: BoxProps['paddingBottom']\n  /**\n   * @since 10.19.0\n   */\n  $paddingLeft?: BoxProps['paddingLeft']\n  /**\n   * @since 10.19.0\n   */\n  $paddingRight?: BoxProps['paddingRight']\n  /**\n   * @since 10.19.0\n   */\n  $paddingTop?: BoxProps['paddingTop']\n  /**\n   * @since 10.19.0\n   */\n  $textAlign?: BoxProps['textAlign']\n}\n"],"mappings":""}

package/dist/Box/index.js

@@ -1,2 +1,3 @@
 export { Box } from './Box';
+export { BoxProps } from './Box.types';
 //# sourceMappingURL=index.js.map

package/dist/Box/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA"}
+{"version":3,"file":"index.js","names":["Box","BoxProps"],"sources":["../../src/Box/index.ts"],"sourcesContent":["export { Box } from './Box'\nexport { BoxProps } from './Box.types'\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,OAAO;AAC3B,SAASC,QAAQ,QAAQ,aAAa"}

package/dist/Breadcrumbs/Breadcrumbs.js

@@ -1,33 +1,24 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "variant"],
+  _excluded2 = ["variant"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { ChevronRight } from '@procore/core-icons';
 import React from 'react';
 import { useI18nContext } from '../_hooks/I18n';
 import { addSubcomponents } from '../_utils/addSubcomponents';
-import { StyledContainer, StyledCrumb, StyledList, StyledSeparator, } from './Breadcrumbs.styles';
-import { BreadcrumbVariants, } from './Breadcrumbs.types';
-var separator = (React.createElement(StyledSeparator, { "aria-hidden": true },
-    React.createElement(ChevronRight, null)));
+import { StyledContainer, StyledCrumb, StyledList, StyledSeparator } from './Breadcrumbs.styles';
+import { BreadcrumbVariants } from './Breadcrumbs.types';
+var separator = /*#__PURE__*/React.createElement(StyledSeparator, {
+  "aria-hidden": true
+}, /*#__PURE__*/React.createElement(ChevronRight, null));
+
 /**
 
  We use breadcrumbs to provide navigational information to the user on every
@@ -40,50 +31,61 @@ var separator = (React.createElement(StyledSeparator, { "aria-hidden": true },
  @see [Design Guidelines](https://design.procore.com/breadcrumb)
 
  */
-var Breadcrumbs_ = React.forwardRef(function Breadcrumbs(_a, ref) {
-    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? BreadcrumbVariants.LEGACY : _b, props = __rest(_a, ["children", "variant"]);
-    var i18n = useI18nContext();
-    var childrenArray = React.Children.toArray(children);
-    var isLegacy = variant === BreadcrumbVariants.LEGACY;
-    var navigationList = childrenArray
-        .filter(function (child) { return child; })
-        .map(function (child, i) {
-        var isLast = i === childrenArray.length - 1;
-        var aria = {
-            'aria-current': child.props.active || undefined,
-        };
-        var cloneProps = isLegacy
-            ? aria
-            : __assign(__assign({}, aria), { isLast: isLast, variant: variant });
-        return (React.createElement(React.Fragment, { key: "separator-".concat(i) },
-            React.cloneElement(child, cloneProps),
-            isLegacy && !isLast ? separator : React.createElement(React.Fragment, null)));
+var Breadcrumbs_ = /*#__PURE__*/React.forwardRef(function Breadcrumbs(_ref, ref) {
+  var children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? BreadcrumbVariants.LEGACY : _ref$variant,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var i18n = useI18nContext();
+  var childrenArray = React.Children.toArray(children);
+  var isLegacy = variant === BreadcrumbVariants.LEGACY;
+  var navigationList = childrenArray.filter(function (child) {
+    return child;
+  }).map(function (child, i) {
+    var isLast = i === childrenArray.length - 1;
+    var aria = {
+      'aria-current': child.props.active || undefined
+    };
+    var cloneProps = isLegacy ? aria : _objectSpread(_objectSpread({}, aria), {}, {
+      isLast: isLast,
+      variant: variant
     });
-    return (React.createElement(StyledContainer, __assign({ "aria-label": i18n.t('core.breadcrumbs.label') }, props, { ref: ref }), !isLegacy ? React.createElement(StyledList, null, navigationList) : navigationList));
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: "separator-".concat(i)
+    }, /*#__PURE__*/React.cloneElement(child, cloneProps), isLegacy && !isLast ? separator : /*#__PURE__*/React.createElement(React.Fragment, null));
+  });
+  return /*#__PURE__*/React.createElement(StyledContainer, _extends({
+    "aria-label": i18n.t('core.breadcrumbs.label')
+  }, props, {
+    ref: ref
+  }), !isLegacy ? /*#__PURE__*/React.createElement(StyledList, null, navigationList) : navigationList);
 });
-export var Crumb = React.forwardRef(function Crumb(_a, ref) {
-    var _b = _a.variant, variant = _b === void 0 ? BreadcrumbVariants.LEGACY : _b, props = __rest(_a, ["variant"]);
-    var childrenWithAriaAttrs = React.Children.toArray(props.children)
-        .filter(function (child) { return child; })
-        .map(function (child) {
-        if (React.isValidElement(child)) {
-            return React.cloneElement(child, {
-                'aria-current': props.active || undefined,
-            });
-        }
-        else {
-            return child;
-        }
-    });
-    var isLegacy = variant === BreadcrumbVariants.LEGACY;
-    var showSeparator = !isLegacy && props.hasOwnProperty('isLast') && !props.isLast;
-    return (React.createElement(StyledCrumb, __assign({ as: isLegacy ? 'div' : 'li' }, props, { ref: ref }),
-        childrenWithAriaAttrs,
-        showSeparator ? separator : React.createElement(React.Fragment, null)));
+export var Crumb = /*#__PURE__*/React.forwardRef(function Crumb(_ref2, ref) {
+  var _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? BreadcrumbVariants.LEGACY : _ref2$variant,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  var childrenWithAriaAttrs = React.Children.toArray(props.children).filter(function (child) {
+    return child;
+  }).map(function (child) {
+    if ( /*#__PURE__*/React.isValidElement(child)) {
+      return /*#__PURE__*/React.cloneElement(child, {
+        'aria-current': props.active || undefined
+      });
+    } else {
+      return child;
+    }
+  });
+  var isLegacy = variant === BreadcrumbVariants.LEGACY;
+  var showSeparator = !isLegacy && props.hasOwnProperty('isLast') && !props.isLast;
+  return /*#__PURE__*/React.createElement(StyledCrumb, _extends({
+    as: isLegacy ? 'div' : 'li'
+  }, props, {
+    ref: ref
+  }), childrenWithAriaAttrs, showSeparator ? separator : /*#__PURE__*/React.createElement(React.Fragment, null));
 });
 Breadcrumbs_.displayName = 'Breadcrumbs';
 Crumb.displayName = 'Breadcrumbs.Crumb';
 export var Breadcrumbs = addSubcomponents({
-    Crumb: Crumb,
+  Crumb: Crumb
 }, Breadcrumbs_);
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs.js","names":["ChevronRight","React","useI18nContext","addSubcomponents","StyledContainer","StyledCrumb","StyledList","StyledSeparator","BreadcrumbVariants","separator","createElement","Breadcrumbs_","forwardRef","Breadcrumbs","_ref","ref","children","_ref$variant","variant","LEGACY","props","_objectWithoutProperties","_excluded","i18n","childrenArray","Children","toArray","isLegacy","navigationList","filter","child","map","i","isLast","length","aria","active","undefined","cloneProps","_objectSpread","Fragment","key","concat","cloneElement","_extends","t","Crumb","_ref2","_ref2$variant","_excluded2","childrenWithAriaAttrs","isValidElement","showSeparator","hasOwnProperty","as","displayName"],"sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { ChevronRight } from '@procore/core-icons'\nimport React, { ForwardedRef } from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { DivAttributes, LiAttributes, NavAttributes } from '../_utils/types'\nimport {\n  StyledContainer,\n  StyledCrumb,\n  StyledList,\n  StyledSeparator,\n} from './Breadcrumbs.styles'\nimport {\n  BreadcrumbCrumbProps,\n  BreadcrumbProps,\n  BreadcrumbVariants,\n} from './Breadcrumbs.types'\n\nconst separator = (\n  <StyledSeparator aria-hidden={true}>\n    <ChevronRight />\n  </StyledSeparator>\n)\n\n/**\n\n We use breadcrumbs to provide navigational information to the user on every\n tool’s child page in Procore.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-breadcrumbs--demo)\n\n @see [Design Guidelines](https://design.procore.com/breadcrumb)\n\n */\nconst Breadcrumbs_ = React.forwardRef<\n  HTMLElement,\n  NavAttributes & BreadcrumbProps\n>(function Breadcrumbs(\n  { children, variant = BreadcrumbVariants.LEGACY, ...props },\n  ref\n) {\n  const i18n = useI18nContext()\n  const childrenArray = React.Children.toArray(children)\n  const isLegacy = variant === BreadcrumbVariants.LEGACY\n\n  const navigationList = childrenArray\n    .filter((child) => child)\n    .map((child, i) => {\n      const isLast = i === childrenArray.length - 1\n      const aria = {\n        'aria-current': (child as React.ReactElement).props.active || undefined,\n      }\n      const cloneProps = isLegacy\n        ? aria\n        : {\n            ...aria,\n            isLast,\n            variant,\n          }\n\n      return (\n        <React.Fragment key={`separator-${i}`}>\n          {React.cloneElement(child as React.ReactElement, cloneProps)}\n          {isLegacy && !isLast ? separator : <></>}\n        </React.Fragment>\n      )\n    })\n  return (\n    <StyledContainer\n      aria-label={i18n.t('core.breadcrumbs.label')}\n      {...props}\n      ref={ref}\n    >\n      {!isLegacy ? <StyledList>{navigationList}</StyledList> : navigationList}\n    </StyledContainer>\n  )\n})\n\ntype NavCrumbProps = LiAttributes & BreadcrumbCrumbProps\ntype LegacyCrumbProps = DivAttributes & BreadcrumbCrumbProps\n\nexport const Crumb = React.forwardRef<\n  HTMLLIElement | HTMLDivElement,\n  NavCrumbProps | LegacyCrumbProps\n>(function Crumb({ variant = BreadcrumbVariants.LEGACY, ...props }, ref) {\n  const childrenWithAriaAttrs = React.Children.toArray(props.children)\n    .filter((child) => child)\n    .map((child) => {\n      if (React.isValidElement<{ 'aria-current'?: boolean }>(child)) {\n        return React.cloneElement(child, {\n          'aria-current': props.active || undefined,\n        })\n      } else {\n        return child\n      }\n    })\n  const isLegacy = variant === BreadcrumbVariants.LEGACY\n  const showSeparator =\n    !isLegacy && props.hasOwnProperty('isLast') && !props.isLast\n  return (\n    <StyledCrumb\n      as={isLegacy ? 'div' : 'li'}\n      {...(props as NavCrumbProps)}\n      ref={ref as ForwardedRef<HTMLLIElement>}\n    >\n      {childrenWithAriaAttrs}\n      {showSeparator ? separator : <></>}\n    </StyledCrumb>\n  )\n})\n\nBreadcrumbs_.displayName = 'Breadcrumbs'\n\nCrumb.displayName = 'Breadcrumbs.Crumb'\n\nexport const Breadcrumbs = addSubcomponents(\n  {\n    Crumb,\n  },\n  Breadcrumbs_\n)\n"],"mappings":";;;;;;;;;;;AAAA,SAASA,YAAY,QAAQ,qBAAqB;AAClD,OAAOC,KAAK,MAAwB,OAAO;AAC3C,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAE7D,SACEC,eAAe,EACfC,WAAW,EACXC,UAAU,EACVC,eAAe,QACV,sBAAsB;AAC7B,SAGEC,kBAAkB,QACb,qBAAqB;AAE5B,IAAMC,SAAS,gBACbR,KAAA,CAAAS,aAAA,CAACH,eAAe;EAAC,eAAa;AAAK,gBACjCN,KAAA,CAAAS,aAAA,CAACV,YAAY,MAAE,CACA,CAClB;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMW,YAAY,gBAAGV,KAAK,CAACW,UAAU,CAGnC,SAASC,WAAWA,CAAAC,IAAA,EAEpBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,YAAA,GAAAH,IAAA,CAAEI,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAGT,kBAAkB,CAACW,MAAM,GAAAF,YAAA;IAAKG,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAGzD,IAAMC,IAAI,GAAGrB,cAAc,CAAC,CAAC;EAC7B,IAAMsB,aAAa,GAAGvB,KAAK,CAACwB,QAAQ,CAACC,OAAO,CAACV,QAAQ,CAAC;EACtD,IAAMW,QAAQ,GAAGT,OAAO,KAAKV,kBAAkB,CAACW,MAAM;EAEtD,IAAMS,cAAc,GAAGJ,aAAa,CACjCK,MAAM,CAAC,UAACC,KAAK;IAAA,OAAKA,KAAK;EAAA,EAAC,CACxBC,GAAG,CAAC,UAACD,KAAK,EAAEE,CAAC,EAAK;IACjB,IAAMC,MAAM,GAAGD,CAAC,KAAKR,aAAa,CAACU,MAAM,GAAG,CAAC;IAC7C,IAAMC,IAAI,GAAG;MACX,cAAc,EAAGL,KAAK,CAAwBV,KAAK,CAACgB,MAAM,IAAIC;IAChE,CAAC;IACD,IAAMC,UAAU,GAAGX,QAAQ,GACvBQ,IAAI,GAAAI,aAAA,CAAAA,aAAA,KAECJ,IAAI;MACPF,MAAM,EAANA,MAAM;MACNf,OAAO,EAAPA;IAAO,EACR;IAEL,oBACEjB,KAAA,CAAAS,aAAA,CAACT,KAAK,CAACuC,QAAQ;MAACC,GAAG,eAAAC,MAAA,CAAeV,CAAC;IAAG,gBACnC/B,KAAK,CAAC0C,YAAY,CAACb,KAAK,EAAwBQ,UAAU,CAAC,EAC3DX,QAAQ,IAAI,CAACM,MAAM,GAAGxB,SAAS,gBAAGR,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAuC,QAAA,MAAI,CACzB,CAAC;EAErB,CAAC,CAAC;EACJ,oBACEvC,KAAA,CAAAS,aAAA,CAACN,eAAe,EAAAwC,QAAA;IACd,cAAYrB,IAAI,CAACsB,CAAC,CAAC,wBAAwB;EAAE,GACzCzB,KAAK;IACTL,GAAG,EAAEA;EAAI,IAER,CAACY,QAAQ,gBAAG1B,KAAA,CAAAS,aAAA,CAACJ,UAAU,QAAEsB,cAA2B,CAAC,GAAGA,cAC1C,CAAC;AAEtB,CAAC,CAAC;AAKF,OAAO,IAAMkB,KAAK,gBAAG7C,KAAK,CAACW,UAAU,CAGnC,SAASkC,KAAKA,CAAAC,KAAA,EAAoDhC,GAAG,EAAE;EAAA,IAAAiC,aAAA,GAAAD,KAAA,CAAtD7B,OAAO;IAAPA,OAAO,GAAA8B,aAAA,cAAGxC,kBAAkB,CAACW,MAAM,GAAA6B,aAAA;IAAK5B,KAAK,GAAAC,wBAAA,CAAA0B,KAAA,EAAAE,UAAA;EAC9D,IAAMC,qBAAqB,GAAGjD,KAAK,CAACwB,QAAQ,CAACC,OAAO,CAACN,KAAK,CAACJ,QAAQ,CAAC,CACjEa,MAAM,CAAC,UAACC,KAAK;IAAA,OAAKA,KAAK;EAAA,EAAC,CACxBC,GAAG,CAAC,UAACD,KAAK,EAAK;IACd,kBAAI7B,KAAK,CAACkD,cAAc,CAA+BrB,KAAK,CAAC,EAAE;MAC7D,oBAAO7B,KAAK,CAAC0C,YAAY,CAACb,KAAK,EAAE;QAC/B,cAAc,EAAEV,KAAK,CAACgB,MAAM,IAAIC;MAClC,CAAC,CAAC;IACJ,CAAC,MAAM;MACL,OAAOP,KAAK;IACd;EACF,CAAC,CAAC;EACJ,IAAMH,QAAQ,GAAGT,OAAO,KAAKV,kBAAkB,CAACW,MAAM;EACtD,IAAMiC,aAAa,GACjB,CAACzB,QAAQ,IAAIP,KAAK,CAACiC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAACjC,KAAK,CAACa,MAAM;EAC9D,oBACEhC,KAAA,CAAAS,aAAA,CAACL,WAAW,EAAAuC,QAAA;IACVU,EAAE,EAAE3B,QAAQ,GAAG,KAAK,GAAG;EAAK,GACvBP,KAAK;IACVL,GAAG,EAAEA;EAAmC,IAEvCmC,qBAAqB,EACrBE,aAAa,GAAG3C,SAAS,gBAAGR,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAuC,QAAA,MAAI,CACtB,CAAC;AAElB,CAAC,CAAC;AAEF7B,YAAY,CAAC4C,WAAW,GAAG,aAAa;AAExCT,KAAK,CAACS,WAAW,GAAG,mBAAmB;AAEvC,OAAO,IAAM1C,WAAW,GAAGV,gBAAgB,CACzC;EACE2C,KAAK,EAALA;AACF,CAAC,EACDnC,YACF,CAAC"}

package/dist/Breadcrumbs/Breadcrumbs.styles.js

@@ -1,26 +1,33 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled, { css } from 'styled-components';
-import { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
+import { getTypographyIntent, typographyWeights } from '../Typography/Typography.styles';
 import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
-export var StyledContainer = styled.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n\n  a,\n  a:hover {\n    display: inline-flex;\n    text-decoration: none;\n  }\n"], ["\n  color: ", ";\n  display: flex;\n  align-items: center;\n\n  a,\n  a:hover {\n    display: inline-flex;\n    text-decoration: none;\n  }\n"])), colors.gray50);
-export var StyledList = styled.ol(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  margin: 0;\n  padding-left: 0;\n"], ["\n  display: flex;\n  margin: 0;\n  padding-left: 0;\n"])));
-export var StyledSeparator = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  display: inline-flex;\n  justify-content: center;\n  margin: 0px ", "px;\n"], ["\n  align-items: center;\n  display: inline-flex;\n  justify-content: center;\n  margin: 0px ", "px;\n"])), spacing.xs);
-export var StyledCrumb = styled.li(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", "\n\n  align-items:center;\n  color: ", ";\n  display: inline-flex;\n  min-height: 24px;\n  text-decoration: none;\n\n  &:hover {\n    cursor: ", ";\n    text-decoration: ", ";\n  }\n\n  > a {\n    color: ", ";\n    ", "\n  }\n\n  ", "\n"], ["\n  ", "\n\n  align-items:center;\n  color: ", ";\n  display: inline-flex;\n  min-height: 24px;\n  text-decoration: none;\n\n  &:hover {\n    cursor: ", ";\n    text-decoration: ", ";\n  }\n\n  > a {\n    color: ", ";\n    ", "\n  }\n\n  ", "\n"])), getTypographyIntent('body'), colors.gray45, function (_a) {
-    var active = _a.active;
-    return (active ? 'default' : 'pointer');
-}, function (_a) {
-    var active = _a.active;
-    return (active ? 'none' : 'underline');
-}, colors.gray45, function (_a) {
-    var active = _a.active;
-    return active && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        color: ", ";\n        font-weight: ", ";\n      "], ["\n        color: ", ";\n        font-weight: ", ";\n      "])), colors.gray15, typographyWeights.semibold);
-}, function (_a) {
-    var active = _a.active;
-    return active && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      color: ", ";\n      font-weight: ", ";\n    "], ["\n      color: ", ";\n      font-weight: ", ";\n    "])), colors.gray15, typographyWeights.semibold);
+export var StyledContainer = /*#__PURE__*/styled.nav.withConfig({
+  displayName: "StyledContainer",
+  componentId: "core-11_23_1__sc-1q6nqfz-0"
+})(["color:", ";display:flex;align-items:center;a,a:hover{display:inline-flex;text-decoration:none;}"], colors.gray50);
+export var StyledList = /*#__PURE__*/styled.ol.withConfig({
+  displayName: "StyledList",
+  componentId: "core-11_23_1__sc-1q6nqfz-1"
+})(["display:flex;margin:0;padding-left:0;"]);
+export var StyledSeparator = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledSeparator",
+  componentId: "core-11_23_1__sc-1q6nqfz-2"
+})(["align-items:center;display:inline-flex;justify-content:center;margin:0px ", "px;"], spacing.xs);
+export var StyledCrumb = /*#__PURE__*/styled.li.withConfig({
+  displayName: "StyledCrumb",
+  componentId: "core-11_23_1__sc-1q6nqfz-3"
+})(["", " align-items:center;color:", ";display:inline-flex;min-height:24px;text-decoration:none;&:hover{cursor:", ";text-decoration:", ";}> a{color:", ";", "}", ""], getTypographyIntent('body'), colors.gray45, function (_ref) {
+  var active = _ref.active;
+  return active ? 'default' : 'pointer';
+}, function (_ref2) {
+  var active = _ref2.active;
+  return active ? 'none' : 'underline';
+}, colors.gray45, function (_ref3) {
+  var active = _ref3.active;
+  return active && css(["color:", ";font-weight:", ";"], colors.gray15, typographyWeights.semibold);
+}, function (_ref4) {
+  var active = _ref4.active;
+  return active && css(["color:", ";font-weight:", ";"], colors.gray15, typographyWeights.semibold);
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 //# sourceMappingURL=Breadcrumbs.styles.js.map

package/dist/Breadcrumbs/Breadcrumbs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.styles.js","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EACL,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAG5C,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,kNAAA,aAC9B,EAAa,gIASvB,KATU,MAAM,CAAC,MAAM,CASvB,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,EAAE,2HAAA,wDAIlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,2KAAA,+FAIzB,EAAU,OACzB,KADe,OAAO,CAAC,EAAE,CACzB,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,EAAE,yTAAsB,MACtD,EAA2B,sCAGpB,EAAa,wGAMV,EAAgD,0BACvC,EAA+C,gCAIzD,EAAa,SACpB,EAKC,aAGH,EAKC,IACJ,KA7BG,mBAAmB,CAAC,MAAM,CAAC,EAGpB,MAAM,CAAC,MAAM,EAMV,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAAhC,CAAgC,EACvC,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC;AAA/B,CAA+B,EAIzD,MAAM,CAAC,MAAM,EACpB,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM,IACN,GAAG,+HAAA,mBACQ,EAAa,0BACP,EAA0B,WAC1C,KAFU,MAAM,CAAC,MAAM,EACP,iBAAiB,CAAC,QAAQ,CAC1C;AAJD,CAIC,EAGH,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM,IACN,GAAG,yHAAA,iBACQ,EAAa,wBACP,EAA0B,SAC1C,KAFU,MAAM,CAAC,MAAM,EACP,iBAAiB,CAAC,QAAQ,CAC1C;AAJD,CAIC,CACJ,CAAA"}
+{"version":3,"file":"Breadcrumbs.styles.js","names":["styled","css","getTypographyIntent","typographyWeights","colors","spacing","StyledContainer","nav","withConfig","displayName","componentId","gray50","StyledList","ol","StyledSeparator","div","xs","StyledCrumb","li","gray45","_ref","active","_ref2","_ref3","gray15","semibold","_ref4"],"sources":["../../src/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\nimport { BreadcrumbCrumbProps } from './Breadcrumbs.types'\n\nexport const StyledContainer = styled.nav`\n  color: ${colors.gray50};\n  display: flex;\n  align-items: center;\n\n  a,\n  a:hover {\n    display: inline-flex;\n    text-decoration: none;\n  }\n`\n\nexport const StyledList = styled.ol`\n  display: flex;\n  margin: 0;\n  padding-left: 0;\n`\n\nexport const StyledSeparator = styled.div`\n  align-items: center;\n  display: inline-flex;\n  justify-content: center;\n  margin: 0px ${spacing.xs}px;\n`\n\nexport const StyledCrumb = styled.li<BreadcrumbCrumbProps>`\n  ${getTypographyIntent('body')}\n\n  align-items:center;\n  color: ${colors.gray45};\n  display: inline-flex;\n  min-height: 24px;\n  text-decoration: none;\n\n  &:hover {\n    cursor: ${({ active }) => (active ? 'default' : 'pointer')};\n    text-decoration: ${({ active }) => (active ? 'none' : 'underline')};\n  }\n\n  > a {\n    color: ${colors.gray45};\n    ${({ active }) =>\n      active &&\n      css`\n        color: ${colors.gray15};\n        font-weight: ${typographyWeights.semibold};\n      `}\n  }\n\n  ${({ active }) =>\n    active &&\n    css`\n      color: ${colors.gray15};\n      font-weight: ${typographyWeights.semibold};\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,eAAe,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wGAC9BN,MAAM,CAACO,MAAM,CASvB;AAED,OAAO,IAAMC,UAAU,gBAAGZ,MAAM,CAACa,EAAE,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6CAIlC;AAED,OAAO,IAAMI,eAAe,gBAAGd,MAAM,CAACe,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yFAIzBL,OAAO,CAACW,EAAE,CACzB;AAED,OAAO,IAAMC,WAAW,gBAAGjB,MAAM,CAACkB,EAAE,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uKAChCR,mBAAmB,CAAC,MAAM,CAAC,EAGpBE,MAAM,CAACe,MAAM,EAMV,UAAAC,IAAA;EAAA,IAAGC,MAAM,GAAAD,IAAA,CAANC,MAAM;EAAA,OAAQA,MAAM,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC,EACvC,UAAAC,KAAA;EAAA,IAAGD,MAAM,GAAAC,KAAA,CAAND,MAAM;EAAA,OAAQA,MAAM,GAAG,MAAM,GAAG,WAAW;AAAA,CAAC,EAIzDjB,MAAM,CAACe,MAAM,EACpB,UAAAI,KAAA;EAAA,IAAGF,MAAM,GAAAE,KAAA,CAANF,MAAM;EAAA,OACTA,MAAM,IACNpB,GAAG,mCACQG,MAAM,CAACoB,MAAM,EACPrB,iBAAiB,CAACsB,QAAQ,CAC1C;AAAA,GAGH,UAAAC,KAAA;EAAA,IAAGL,MAAM,GAAAK,KAAA,CAANL,MAAM;EAAA,OACTA,MAAM,IACNpB,GAAG,mCACQG,MAAM,CAACoB,MAAM,EACPrB,iBAAiB,CAACsB,QAAQ,CAC1C;AAAA,EACJ"}

package/dist/Breadcrumbs/Breadcrumbs.types.js

@@ -1,9 +1,9 @@
 /**
  * @since 11.6.0
  */
-export var BreadcrumbVariants;
-(function (BreadcrumbVariants) {
-    BreadcrumbVariants["NAV"] = "nav";
-    BreadcrumbVariants["LEGACY"] = "legacy";
-})(BreadcrumbVariants || (BreadcrumbVariants = {}));
+export var BreadcrumbVariants = /*#__PURE__*/function (BreadcrumbVariants) {
+  BreadcrumbVariants["NAV"] = "nav";
+  BreadcrumbVariants["LEGACY"] = "legacy";
+  return BreadcrumbVariants;
+}({});
 //# sourceMappingURL=Breadcrumbs.types.js.map

package/dist/Breadcrumbs/Breadcrumbs.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.types.js","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,iCAAW,CAAA;IACX,uCAAiB,CAAA;AACnB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B"}
+{"version":3,"file":"Breadcrumbs.types.js","names":["BreadcrumbVariants"],"sources":["../../src/Breadcrumbs/Breadcrumbs.types.ts"],"sourcesContent":["import { Props } from '../_utils/types'\n\n/**\n * @since 11.6.0\n */\nexport enum BreadcrumbVariants {\n  NAV = 'nav',\n  LEGACY = 'legacy',\n}\n\nexport interface BreadcrumbProps extends Props {\n  /**\n   * @since 11.6.0\n   */\n  variant?: BreadcrumbVariants\n}\n\nexport interface BreadcrumbCrumbProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  active?: boolean\n  /**\n   * @since 11.6.0\n   */\n  isLast?: boolean\n  /**\n   * @since 11.6.0\n   */\n  variant?: BreadcrumbVariants\n}\n"],"mappings":"AAEA;AACA;AACA;AACA,WAAYA,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA"}

package/dist/Breadcrumbs/index.js

@@ -1,2 +1,3 @@
 export { Breadcrumbs } from './Breadcrumbs';
+export { BreadcrumbCrumbProps, BreadcrumbProps } from './Breadcrumbs.types';
 //# sourceMappingURL=index.js.map

package/dist/Breadcrumbs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.js","names":["Breadcrumbs","BreadcrumbCrumbProps","BreadcrumbProps"],"sources":["../../src/Breadcrumbs/index.ts"],"sourcesContent":["export { Breadcrumbs } from './Breadcrumbs'\nexport { BreadcrumbCrumbProps, BreadcrumbProps } from './Breadcrumbs.types'\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe;AAC3C,SAASC,oBAAoB,EAAEC,eAAe,QAAQ,qBAAqB"}

package/dist/Button/Button.js

@@ -1,45 +1,30 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+var _excluded = ["block", "children", "disabled", "icon", "iconRight", "loading", "size", "type", "variant"],
+  _excluded2 = ["block", "children", "disabled", "href", "icon", "iconRight", "size", "variant"];
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
 import { useEventListener } from '../_hooks/EventListener';
 import { mergeRefs } from '../_utils/mergeRefs';
-import { StyledButton, StyledContent, StyledLabel, StyledLinkButton, StyledSpinner, } from './Button.styles';
-var ButtonContent = function (_a) {
-    var _b, _c;
-    var children = _a.children, icon = _a.icon, iconRight = _a.iconRight, size = _a.size, variant = _a.variant;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(StyledContent, null,
-            React.isValidElement(icon)
-                ? React.cloneElement(icon, (_b = {}, _b['data-icon-prop'] = 'true', _b))
-                : null,
-            React.Children.map(children, function (child) {
-                return React.createElement(StyledLabel, null, child);
-            }),
-            React.isValidElement(iconRight)
-                ? React.cloneElement(iconRight, (_c = {}, _c['data-icon-prop'] = 'true', _c))
-                : null),
-        React.createElement(StyledSpinner, { size: size === 'lg' ? 'md' : 'sm', color: variant === 'primary' ? 'white' : 'gray15' })));
+import { StyledButton, StyledContent, StyledLabel, StyledLinkButton, StyledSpinner } from './Button.styles';
+var ButtonContent = function ButtonContent(_ref) {
+  var children = _ref.children,
+    icon = _ref.icon,
+    iconRight = _ref.iconRight,
+    size = _ref.size,
+    variant = _ref.variant;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledContent, null, /*#__PURE__*/React.isValidElement(icon) ? /*#__PURE__*/React.cloneElement(icon, _defineProperty({}, 'data-icon-prop', 'true')) : null, React.Children.map(children, function (child) {
+    return /*#__PURE__*/React.createElement(StyledLabel, null, child);
+  }), /*#__PURE__*/React.isValidElement(iconRight) ? /*#__PURE__*/React.cloneElement(iconRight, _defineProperty({}, 'data-icon-prop', 'true')) : null), /*#__PURE__*/React.createElement(StyledSpinner, {
+    size: size === 'lg' ? 'md' : 'sm',
+    color: variant === 'primary' ? 'white' : 'gray15'
+  }));
 };
+
 /**
 
  We use buttons to link to other pages or to trigger an action.
@@ -52,31 +37,88 @@ var ButtonContent = function (_a) {
  @see [Design Guidelines](https://design.procore.com/button)
 
  */
-export var Button = React.forwardRef(function Button(_a, ref) {
-    var _b = _a.block, block = _b === void 0 ? false : _b, children = _a.children, _c = _a.disabled, disabled = _c === void 0 ? false : _c, icon = _a.icon, iconRight = _a.iconRight, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 'md' : _e, _f = _a.type, type = _f === void 0 ? 'button' : _f, _g = _a.variant, variant = _g === void 0 ? 'primary' : _g, props = __rest(_a, ["block", "children", "disabled", "icon", "iconRight", "loading", "size", "type", "variant"]);
-    return (React.createElement(StyledButton, __assign({ "aria-busy": loading || undefined, "data-a11y-skip": variant === 'primary' ? 'color-contrast' : undefined, tabIndex: 0 }, props, { "$block": block, disabled: disabled || loading, "$loading": loading, "$size": size, "$variant": variant, type: type, ref: ref }),
-        React.createElement(ButtonContent, { icon: icon, iconRight: iconRight, size: size, variant: variant }, children)));
+export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref2, ref) {
+  var _ref2$block = _ref2.block,
+    block = _ref2$block === void 0 ? false : _ref2$block,
+    children = _ref2.children,
+    _ref2$disabled = _ref2.disabled,
+    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
+    icon = _ref2.icon,
+    iconRight = _ref2.iconRight,
+    _ref2$loading = _ref2.loading,
+    loading = _ref2$loading === void 0 ? false : _ref2$loading,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'md' : _ref2$size,
+    _ref2$type = _ref2.type,
+    type = _ref2$type === void 0 ? 'button' : _ref2$type,
+    _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? 'primary' : _ref2$variant,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return /*#__PURE__*/React.createElement(StyledButton, _extends({
+    "aria-busy": loading || undefined,
+    "data-a11y-skip": variant === 'primary' ? 'color-contrast' : undefined,
+    tabIndex: 0
+  }, props, {
+    $block: block,
+    disabled: disabled || loading,
+    $loading: loading,
+    $size: size,
+    $variant: variant,
+    type: type,
+    ref: ref
+  }), /*#__PURE__*/React.createElement(ButtonContent, {
+    icon: icon,
+    iconRight: iconRight,
+    size: size,
+    variant: variant
+  }, children));
 });
-export var LinkButton = React.forwardRef(function LinkButton(_a, ref) {
-    var _b = _a.block, block = _b === void 0 ? false : _b, children = _a.children, disabled_ = _a.disabled, href_ = _a.href, icon = _a.icon, iconRight = _a.iconRight, _c = _a.size, size = _c === void 0 ? 'md' : _c, _d = _a.variant, variant = _d === void 0 ? 'primary' : _d, props = __rest(_a, ["block", "children", "disabled", "href", "icon", "iconRight", "size", "variant"]);
-    var innerRef = React.useRef(null);
-    var mimicButtonRole = function (e) {
-        var _a;
-        var key = e.key;
-        if (['Enter', 'Spacebar', ' '].indexOf(key) >= 0) {
-            // Prevents the page to scroll when "space" is pressed
-            e.preventDefault();
-            (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.click();
-        }
-    };
-    useEventListener({
-        event: 'keydown',
-        handler: mimicButtonRole,
-        scope: innerRef,
-    });
-    var disabled = disabled_ || !href_;
-    var href = disabled ? undefined : href_;
-    return (React.createElement(StyledLinkButton, __assign({ "data-a11y-skip": variant === 'primary' ? 'color-contrast' : undefined }, props, { role: "button", "aria-disabled": disabled, href: href, "$disabled": disabled, "$block": block, "$size": size, "$variant": variant, ref: mergeRefs(ref, innerRef) }),
-        React.createElement(ButtonContent, { icon: icon, iconRight: iconRight, size: size, variant: variant }, children)));
+export var LinkButton = /*#__PURE__*/React.forwardRef(function LinkButton(_ref3, ref) {
+  var _ref3$block = _ref3.block,
+    block = _ref3$block === void 0 ? false : _ref3$block,
+    children = _ref3.children,
+    disabled_ = _ref3.disabled,
+    href_ = _ref3.href,
+    icon = _ref3.icon,
+    iconRight = _ref3.iconRight,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? 'md' : _ref3$size,
+    _ref3$variant = _ref3.variant,
+    variant = _ref3$variant === void 0 ? 'primary' : _ref3$variant,
+    props = _objectWithoutProperties(_ref3, _excluded2);
+  var innerRef = React.useRef(null);
+  var mimicButtonRole = function mimicButtonRole(e) {
+    var key = e.key;
+    if (['Enter', 'Spacebar', ' '].indexOf(key) >= 0) {
+      var _innerRef$current;
+      // Prevents the page to scroll when "space" is pressed
+      e.preventDefault();
+      (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.click();
+    }
+  };
+  useEventListener({
+    event: 'keydown',
+    handler: mimicButtonRole,
+    scope: innerRef
+  });
+  var disabled = disabled_ || !href_;
+  var href = disabled ? undefined : href_;
+  return /*#__PURE__*/React.createElement(StyledLinkButton, _extends({
+    "data-a11y-skip": variant === 'primary' ? 'color-contrast' : undefined
+  }, props, {
+    role: "button",
+    "aria-disabled": disabled,
+    href: href,
+    $disabled: disabled,
+    $block: block,
+    $size: size,
+    $variant: variant,
+    ref: mergeRefs(ref, innerRef)
+  }), /*#__PURE__*/React.createElement(ButtonContent, {
+    icon: icon,
+    iconRight: iconRight,
+    size: size,
+    variant: variant
+  }, children));
 });
 //# sourceMappingURL=Button.js.map

package/dist/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","names":["React","useEventListener","mergeRefs","StyledButton","StyledContent","StyledLabel","StyledLinkButton","StyledSpinner","ButtonContent","_ref","children","icon","iconRight","size","variant","createElement","Fragment","isValidElement","cloneElement","_defineProperty","Children","map","child","color","Button","forwardRef","_ref2","ref","_ref2$block","block","_ref2$disabled","disabled","_ref2$loading","loading","_ref2$size","_ref2$type","type","_ref2$variant","props","_objectWithoutProperties","_excluded","_extends","undefined","tabIndex","$block","$loading","$size","$variant","LinkButton","_ref3","_ref3$block","disabled_","href_","href","_ref3$size","_ref3$variant","_excluded2","innerRef","useRef","mimicButtonRole","e","key","indexOf","_innerRef$current","preventDefault","current","click","event","handler","scope","role","$disabled"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["import React, { FunctionComponent, PropsWithChildren } from 'react'\nimport { useEventListener } from '../_hooks/EventListener'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport {\n  StyledButton,\n  StyledContent,\n  StyledLabel,\n  StyledLinkButton,\n  StyledSpinner,\n} from './Button.styles'\nimport { ButtonProps, LinkButtonProps } from './Button.types'\n\nconst ButtonContent: FunctionComponent<\n  PropsWithChildren<\n    Pick<ButtonProps, 'icon' | 'iconRight' | 'size' | 'variant'>\n  >\n> = ({ children, icon, iconRight, size, variant }) => {\n  return (\n    <>\n      <StyledContent>\n        {React.isValidElement<{ ['data-icon-prop']: string }>(icon)\n          ? React.cloneElement(icon, { ['data-icon-prop']: 'true' })\n          : null}\n        {React.Children.map(children, (child) => {\n          return <StyledLabel>{child}</StyledLabel>\n        })}\n        {React.isValidElement<{ ['data-icon-prop']: string }>(iconRight)\n          ? React.cloneElement(iconRight, { ['data-icon-prop']: 'true' })\n          : null}\n      </StyledContent>\n      <StyledSpinner\n        size={size === 'lg' ? 'md' : 'sm'}\n        color={variant === 'primary' ? 'white' : 'gray15'}\n      />\n    </>\n  )\n}\n\n/**\n\n We use buttons to link to other pages or to trigger an action.\n Buttons clearly define what happens when a user clicks it.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-button--demo)\n\n @see [Design Guidelines](https://design.procore.com/button)\n\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(\n    {\n      block = false,\n      children,\n      disabled = false,\n      icon,\n      iconRight,\n      loading = false,\n      size = 'md',\n      type = 'button',\n      variant = 'primary',\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <StyledButton\n        aria-busy={loading || undefined}\n        data-a11y-skip={variant === 'primary' ? 'color-contrast' : undefined}\n        tabIndex={0}\n        {...props}\n        $block={block}\n        disabled={disabled || loading}\n        $loading={loading}\n        $size={size}\n        $variant={variant}\n        type={type}\n        ref={ref}\n      >\n        <ButtonContent\n          icon={icon}\n          iconRight={iconRight}\n          size={size}\n          variant={variant}\n        >\n          {children}\n        </ButtonContent>\n      </StyledButton>\n    )\n  }\n)\n\nexport const LinkButton = React.forwardRef<HTMLAnchorElement, LinkButtonProps>(\n  function LinkButton(\n    {\n      block = false,\n      children,\n      disabled: disabled_,\n      href: href_,\n      icon,\n      iconRight,\n      size = 'md',\n      variant = 'primary',\n      ...props\n    },\n    ref\n  ) {\n    const innerRef = React.useRef<HTMLAnchorElement>(null)\n\n    const mimicButtonRole = (e: React.KeyboardEvent<HTMLAnchorElement>) => {\n      const { key } = e\n\n      if (['Enter', 'Spacebar', ' '].indexOf(key) >= 0) {\n        // Prevents the page to scroll when \"space\" is pressed\n        e.preventDefault()\n        innerRef.current?.click()\n      }\n    }\n\n    useEventListener({\n      event: 'keydown',\n      handler: mimicButtonRole,\n      scope: innerRef,\n    })\n\n    const disabled = disabled_ || !href_\n    const href = disabled ? undefined : href_\n\n    return (\n      <StyledLinkButton\n        data-a11y-skip={variant === 'primary' ? 'color-contrast' : undefined}\n        {...props}\n        role=\"button\"\n        aria-disabled={disabled}\n        href={href}\n        $disabled={disabled}\n        $block={block}\n        $size={size}\n        $variant={variant}\n        ref={mergeRefs(ref, innerRef)}\n      >\n        <ButtonContent\n          icon={icon}\n          iconRight={iconRight}\n          size={size}\n          variant={variant}\n        >\n          {children}\n        </ButtonContent>\n      </StyledLinkButton>\n    )\n  }\n)\n"],"mappings":"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"}