@procore/core-react 11.22.1 → 11.23.0

package/dist/ToggleButton/ToggleButton.js

@@ -1,25 +1,7 @@
-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 = ["children", "selected", "icon", "size"];
+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; }
 import React from 'react';
 import { StyledToggleButton } from './ToggleButton.styles';
 /**
@@ -39,9 +21,22 @@ import { StyledToggleButton } from './ToggleButton.styles';
  @see https://www.w3.org/WAI/ARIA/apg/patterns/button/
 
  */
-export var ToggleButton = React.forwardRef(function ToggleButton(_a, ref) {
-    var children = _a.children, _b = _a.selected, selected = _b === void 0 ? false : _b, icon = _a.icon, size = _a.size, props = __rest(_a, ["children", "selected", "icon", "size"]);
-    return (React.createElement(StyledToggleButton, __assign({ "aria-pressed": selected }, props, { "$selected": selected, icon: icon, size: size, variant: "tertiary", ref: ref }), children || null));
+export var ToggleButton = /*#__PURE__*/React.forwardRef(function ToggleButton(_ref, ref) {
+  var children = _ref.children,
+    _ref$selected = _ref.selected,
+    selected = _ref$selected === void 0 ? false : _ref$selected,
+    icon = _ref.icon,
+    size = _ref.size,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledToggleButton, _extends({
+    "aria-pressed": selected
+  }, props, {
+    $selected: selected,
+    icon: icon,
+    size: size,
+    variant: "tertiary",
+    ref: ref
+  }), children || null);
 });
 ToggleButton.displayName = 'ToggleButton';
 //# sourceMappingURL=ToggleButton.js.map

package/dist/ToggleButton/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../src/ToggleButton/ToggleButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAG1D;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAG1C,SAAS,YAAY,CACrB,EAAoD,EACpD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAAlD,wCAAoD,CAAF;IAGlD,OAAO,CACL,oBAAC,kBAAkB,6BACH,QAAQ,IAClB,KAAK,iBACE,QAAQ,EACnB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,UAAU,EAClB,GAAG,EAAE,GAAG,KAEP,QAAQ,IAAI,IAAI,CACE,CACtB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}
+{"version":3,"file":"ToggleButton.js","names":["React","StyledToggleButton","ToggleButton","forwardRef","_ref","ref","children","_ref$selected","selected","icon","size","props","_objectWithoutProperties","_excluded","createElement","_extends","$selected","variant","displayName"],"sources":["../../src/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledToggleButton } from './ToggleButton.styles'\nimport { ToggleButtonProps } from './ToggleButton.types'\n\n/**\n\n A toggle button can be used when an element needs to remain active or open\n for extended periods of time. The affects of a toggle button should visibly\n change content on the page.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-togglebutton--demo)\n\n @see [Design Guidelines](https://design.procore.com/toggle-button)\n\n @a11y  @a11y Important: it is critical the label on a toggle does not change when its `selected` prop changes. Alternatively, if the design were to call for the button label to change from \"Mute\" to \"Unmute,\" the `aria-pressed` prop should be set to `undefined`.\n\n @see https://www.w3.org/WAI/ARIA/apg/patterns/button/\n\n */\nexport const ToggleButton = React.forwardRef<\n  HTMLButtonElement,\n  ToggleButtonProps\n>(function ToggleButton(\n  { children, selected = false, icon, size, ...props },\n  ref\n) {\n  return (\n    <StyledToggleButton\n      aria-pressed={selected}\n      {...props}\n      $selected={selected}\n      icon={icon}\n      size={size}\n      variant=\"tertiary\"\n      ref={ref}\n    >\n      {children || null}\n    </StyledToggleButton>\n  )\n})\n\nToggleButton.displayName = 'ToggleButton'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,uBAAuB;AAG1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,YAAY,gBAAGF,KAAK,CAACG,UAAU,CAG1C,SAASD,YAAYA,CAAAE,IAAA,EAErBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,aAAA,GAAAH,IAAA,CAAEI,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAEE,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,IAAI,GAAAN,IAAA,CAAJM,IAAI;IAAKC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGlD,oBACEb,KAAA,CAAAc,aAAA,CAACb,kBAAkB,EAAAc,QAAA;IACjB,gBAAcP;EAAS,GACnBG,KAAK;IACTK,SAAS,EAAER,QAAS;IACpBC,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEA,IAAK;IACXO,OAAO,EAAC,UAAU;IAClBZ,GAAG,EAAEA;EAAI,IAERC,QAAQ,IAAI,IACK,CAAC;AAEzB,CAAC,CAAC;AAEFJ,YAAY,CAACgB,WAAW,GAAG,cAAc"}

package/dist/ToggleButton/ToggleButton.styles.js

@@ -1,13 +1,11 @@
-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 { Button } from '../Button/Button';
 import { colors } from '../_styles/colors';
-export var StyledToggleButton = styled(Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\n  ", "\n}\n"], ["\n\n  ", "\n}\n"])), function (_a) {
-    var $selected = _a.$selected;
-    return $selected && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n      color: ", ";\n\n      &:hover {\n        background-color: ", ";\n        color: ", ";\n      }\n\n      &:focus {\n        background-color: ", ";\n        color: ", ";\n      }\n\n      &:disabled {\n        background-color: ", ";\n        color: ", ";\n      }\n    "], ["\n      background-color: ", ";\n      color: ", ";\n\n      &:hover {\n        background-color: ", ";\n        color: ", ";\n      }\n\n      &:focus {\n        background-color: ", ";\n        color: ", ";\n      }\n\n      &:disabled {\n        background-color: ", ";\n        color: ", ";\n      }\n    "])), colors.blue50, colors.white, colors.blue40, colors.white, colors.blue50, colors.white, colors.blue85, colors.white);
+export var StyledToggleButton = /*#__PURE__*/styled(Button).withConfig({
+  displayName: "StyledToggleButton",
+  componentId: "core-11_23_0__sc-1x59fxi-0"
+})(["", "}"], function (_ref) {
+  var $selected = _ref.$selected;
+  return $selected && css(["background-color:", ";color:", ";&:hover{background-color:", ";color:", ";}&:focus{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";}"], colors.blue50, colors.white, colors.blue40, colors.white, colors.blue50, colors.white, colors.blue85, colors.white);
 });
-var templateObject_1, templateObject_2;
 //# sourceMappingURL=ToggleButton.styles.js.map

package/dist/ToggleButton/ToggleButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.styles.js","sourceRoot":"","sources":["../../src/ToggleButton/ToggleButton.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,oFAAwB,QAEpE,EAoBC,OAEJ,KAtBG,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,SAAS,IACT,GAAG,0XAAA,4BACmB,EAAa,kBACxB,EAAY,kDAGC,EAAa,oBACxB,EAAY,2DAID,EAAa,oBACxB,EAAY,8DAID,EAAa,oBACxB,EAAY,kBAExB,KAjBqB,MAAM,CAAC,MAAM,EACxB,MAAM,CAAC,KAAK,EAGC,MAAM,CAAC,MAAM,EACxB,MAAM,CAAC,KAAK,EAID,MAAM,CAAC,MAAM,EACxB,MAAM,CAAC,KAAK,EAID,MAAM,CAAC,MAAM,EACxB,MAAM,CAAC,KAAK,CAExB;AAnBD,CAmBC,CAEJ,CAAA"}
+{"version":3,"file":"ToggleButton.styles.js","names":["styled","css","Button","colors","StyledToggleButton","withConfig","displayName","componentId","_ref","$selected","blue50","white","blue40","blue85"],"sources":["../../src/ToggleButton/ToggleButton.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button } from '../Button/Button'\nimport { colors } from '../_styles/colors'\n\nexport const StyledToggleButton = styled(Button)<{ $selected: boolean }>`\n\n  ${({ $selected }) =>\n    $selected &&\n    css`\n      background-color: ${colors.blue50};\n      color: ${colors.white};\n\n      &:hover {\n        background-color: ${colors.blue40};\n        color: ${colors.white};\n      }\n\n      &:focus {\n        background-color: ${colors.blue50};\n        color: ${colors.white};\n      }\n\n      &:disabled {\n        background-color: ${colors.blue85};\n        color: ${colors.white};\n      }\n    `}\n}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAO,IAAMC,kBAAkB,gBAAGJ,MAAM,CAACE,MAAM,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,cAE5C,UAAAC,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OACZA,SAAS,IACTR,GAAG,yKACmBE,MAAM,CAACO,MAAM,EACxBP,MAAM,CAACQ,KAAK,EAGCR,MAAM,CAACS,MAAM,EACxBT,MAAM,CAACQ,KAAK,EAIDR,MAAM,CAACO,MAAM,EACxBP,MAAM,CAACQ,KAAK,EAIDR,MAAM,CAACU,MAAM,EACxBV,MAAM,CAACQ,KAAK,CAExB;AAAA,EAEJ"}

package/dist/ToggleButton/ToggleButton.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.types.js","sourceRoot":"","sources":["../../src/ToggleButton/ToggleButton.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"ToggleButton.types.js","names":[],"sources":["../../src/ToggleButton/ToggleButton.types.ts"],"sourcesContent":["import { ButtonSizes } from '../Button/Button.types'\nimport { ButtonAttributes } from '../_utils/types'\n\nexport interface ToggleButtonProps extends ButtonAttributes {\n  /**\n   * Set the current value of the toggle button\n   * @default false\n   * @since 10.19.0\n   */\n  selected?: boolean\n\n  /**\n   * The icon to display on the left side of the label. This should be an\n   * icon from <Code>@procore/core-icons</Code>.\n   * @since 10.19.0\n   */\n  icon?: React.ReactNode\n\n  /**\n   * The toggle button size\n   * @since 10.19.0\n   */\n  size?: ButtonSizes\n}\n"],"mappings":""}

package/dist/ToggleButton/index.js

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

package/dist/ToggleButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ToggleButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.js","names":["ToggleButton","ToggleButtonProps"],"sources":["../../src/ToggleButton/index.ts"],"sourcesContent":["export { ToggleButton } from './ToggleButton'\nexport { ToggleButtonProps } from './ToggleButton.types'\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,iBAAiB,QAAQ,sBAAsB"}

package/dist/Token/Token.js

@@ -1,45 +1,50 @@
-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 = ["children", "disabled", "focused", "error", "variant"],
+  _excluded2 = ["children"];
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + 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; }
 import React from 'react';
 import { useI18nContext } from '../_hooks/I18n';
 import { addSubcomponents } from '../_utils/addSubcomponents';
 import { StyledLabel, StyledRemove, StyledToken } from './Token.styles';
-var Parent = React.forwardRef(function Token(_a, ref) {
-    var children = _a.children, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.focused, focused = _c === void 0 ? false : _c, _d = _a.error, error = _d === void 0 ? false : _d, variant = _a.variant, props = __rest(_a, ["children", "disabled", "focused", "error", "variant"]);
-    return (React.createElement(StyledToken, __assign({}, props, { ref: ref, "$disabled": disabled || variant === 'disabled', "$focused": focused || variant === 'focused', "$error": error }), children));
+var Parent = /*#__PURE__*/React.forwardRef(function Token(_ref, ref) {
+  var children = _ref.children,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$focused = _ref.focused,
+    focused = _ref$focused === void 0 ? false : _ref$focused,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? false : _ref$error,
+    variant = _ref.variant,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledToken, _extends({}, props, {
+    ref: ref,
+    $disabled: disabled || variant === 'disabled',
+    $focused: focused || variant === 'focused',
+    $error: error
+  }), children);
 });
-var Remove = React.forwardRef(function TokenRemove(_a, ref) {
-    var props = __rest(_a, []);
-    var i18n = useI18nContext();
-    return (React.createElement(StyledRemove, __assign({ ref: ref, "aria-hidden": "false", "aria-label": i18n.t('core.token.remove') }, props)));
+var Remove = /*#__PURE__*/React.forwardRef(function TokenRemove(_ref2, ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
+  var i18n = useI18nContext();
+  return /*#__PURE__*/React.createElement(StyledRemove, _extends({
+    ref: ref,
+    "aria-hidden": "false",
+    "aria-label": i18n.t('core.token.remove')
+  }, props));
 });
-var Label = React.forwardRef(function Label(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(StyledLabel, __assign({ ref: ref }, props), children));
+var Label = /*#__PURE__*/React.forwardRef(function Label(_ref3, ref) {
+  var children = _ref3.children,
+    props = _objectWithoutProperties(_ref3, _excluded2);
+  return /*#__PURE__*/React.createElement(StyledLabel, _extends({
+    ref: ref
+  }, props), children);
 });
 Parent.displayName = 'Token';
 Remove.displayName = 'Token.Remove';
 Label.displayName = 'Token.Label';
+
 /**
 
  We use tokens in our multi select dropdowns and file attachers to indicate what
@@ -53,7 +58,7 @@ Label.displayName = 'Token.Label';
 
  */
 export var Token = addSubcomponents({
-    Label: Label,
-    Remove: Remove,
+  Label: Label,
+  Remove: Remove
 }, Parent);
 //# sourceMappingURL=Token.js.map

package/dist/Token/Token.js.map

@@ -1 +1 @@
-{"version":3,"file":"Token.js","sourceRoot":"","sources":["../../src/Token/Token.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAO7D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAGvE,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,SAAS,KAAK,CACZ,EAOC,EACD,GAAG;IAPD,IAAA,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,OAAO,aAAA,EACJ,KAAK,cANV,uDAOC,CADS;IAIV,OAAO,CACL,oBAAC,WAAW,eACN,KAAK,IACT,GAAG,EAAE,GAAG,eACG,QAAQ,IAAI,OAAO,KAAK,UAAU,cACnC,OAAO,IAAI,OAAO,KAAK,SAAS,YAClC,KAAK,KAEZ,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,SAAS,WAAW,CAAC,EAAY,EAAE,GAAG;QAAZ,KAAK,cAAV,EAAY,CAAF;IAC7B,IAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,OAAO,CACL,oBAAC,YAAY,aACX,GAAG,EAAE,GAAG,iBACI,OAAO,gBACP,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,IACnC,KAAK,EACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,SAAS,KAAK,CAAC,EAAsB,EAAE,GAAG;IAAzB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IACjC,OAAO,CACL,oBAAC,WAAW,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,GAC7B,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,OAAO,CAAA;AAE5B,MAAM,CAAC,WAAW,GAAG,cAAc,CAAA;AAEnC,KAAK,CAAC,WAAW,GAAG,aAAa,CAAA;AAEjC;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,KAAK,GAAG,gBAAgB,CACnC;IACE,KAAK,OAAA;IACL,MAAM,QAAA;CACP,EACD,MAAM,CACP,CAAA"}
+{"version":3,"file":"Token.js","names":["React","useI18nContext","addSubcomponents","StyledLabel","StyledRemove","StyledToken","Parent","forwardRef","Token","_ref","ref","children","_ref$disabled","disabled","_ref$focused","focused","_ref$error","error","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","$disabled","$focused","$error","Remove","TokenRemove","_ref2","_objectDestructuringEmpty","i18n","t","Label","_ref3","_excluded2","displayName"],"sources":["../../src/Token/Token.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n  DivAttributes,\n  Props,\n  SpanAttributes,\n  SVGAttributes,\n} from '../_utils/types'\nimport { StyledLabel, StyledRemove, StyledToken } from './Token.styles'\nimport { TokenProps } from './Token.types'\n\nconst Parent = React.forwardRef<HTMLDivElement, DivAttributes & TokenProps>(\n  function Token(\n    {\n      children,\n      disabled = false,\n      focused = false,\n      error = false,\n      variant,\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <StyledToken\n        {...props}\n        ref={ref}\n        $disabled={disabled || variant === 'disabled'}\n        $focused={focused || variant === 'focused'}\n        $error={error}\n      >\n        {children}\n      </StyledToken>\n    )\n  }\n)\n\nconst Remove = React.forwardRef<SVGSVGElement, SVGAttributes & Props>(\n  function TokenRemove({ ...props }, ref) {\n    const i18n = useI18nContext()\n    return (\n      <StyledRemove\n        ref={ref}\n        aria-hidden=\"false\"\n        aria-label={i18n.t('core.token.remove')}\n        {...props}\n      />\n    )\n  }\n)\n\nconst Label = React.forwardRef<HTMLSpanElement, SpanAttributes & Props>(\n  function Label({ children, ...props }, ref) {\n    return (\n      <StyledLabel ref={ref} {...props}>\n        {children}\n      </StyledLabel>\n    )\n  }\n)\n\nParent.displayName = 'Token'\n\nRemove.displayName = 'Token.Remove'\n\nLabel.displayName = 'Token.Label'\n\n/**\n\n We use tokens in our multi select dropdowns and file attachers to indicate what\n has been selected or attached. Tokens in these components are removable.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-token--demo)\n\n @see [Design Guidelines](https://design.procore.com/tokens)\n\n */\nexport const Token = addSubcomponents(\n  {\n    Label,\n    Remove,\n  },\n  Parent\n)\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAO7D,SAASC,WAAW,EAAEC,YAAY,EAAEC,WAAW,QAAQ,gBAAgB;AAGvE,IAAMC,MAAM,gBAAGN,KAAK,CAACO,UAAU,CAC7B,SAASC,KAAKA,CAAAC,IAAA,EASZC,GAAG,EACH;EAAA,IAREC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,aAAA,GAAAH,IAAA,CACRI,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,YAAA,GAAAL,IAAA,CAChBM,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAAE,UAAA,GAAAP,IAAA,CACfQ,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IACbE,OAAO,GAAAT,IAAA,CAAPS,OAAO;IACJC,KAAK,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAIV,oBACErB,KAAA,CAAAsB,aAAA,CAACjB,WAAW,EAAAkB,QAAA,KACNJ,KAAK;IACTT,GAAG,EAAEA,GAAI;IACTc,SAAS,EAAEX,QAAQ,IAAIK,OAAO,KAAK,UAAW;IAC9CO,QAAQ,EAAEV,OAAO,IAAIG,OAAO,KAAK,SAAU;IAC3CQ,MAAM,EAAET;EAAM,IAEbN,QACU,CAAC;AAElB,CACF,CAAC;AAED,IAAMgB,MAAM,gBAAG3B,KAAK,CAACO,UAAU,CAC7B,SAASqB,WAAWA,CAAAC,KAAA,EAAenB,GAAG,EAAE;EAAA,IAAdS,KAAK,GAAAI,QAAA,MAAAO,yBAAA,CAAAD,KAAA,GAAAA,KAAA;EAC7B,IAAME,IAAI,GAAG9B,cAAc,CAAC,CAAC;EAC7B,oBACED,KAAA,CAAAsB,aAAA,CAAClB,YAAY,EAAAmB,QAAA;IACXb,GAAG,EAAEA,GAAI;IACT,eAAY,OAAO;IACnB,cAAYqB,IAAI,CAACC,CAAC,CAAC,mBAAmB;EAAE,GACpCb,KAAK,CACV,CAAC;AAEN,CACF,CAAC;AAED,IAAMc,KAAK,gBAAGjC,KAAK,CAACO,UAAU,CAC5B,SAAS0B,KAAKA,CAAAC,KAAA,EAAyBxB,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAuB,KAAA,CAARvB,QAAQ;IAAKQ,KAAK,GAAAC,wBAAA,CAAAc,KAAA,EAAAC,UAAA;EACjC,oBACEnC,KAAA,CAAAsB,aAAA,CAACnB,WAAW,EAAAoB,QAAA;IAACb,GAAG,EAAEA;EAAI,GAAKS,KAAK,GAC7BR,QACU,CAAC;AAElB,CACF,CAAC;AAEDL,MAAM,CAAC8B,WAAW,GAAG,OAAO;AAE5BT,MAAM,CAACS,WAAW,GAAG,cAAc;AAEnCH,KAAK,CAACG,WAAW,GAAG,aAAa;;AAEjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAM5B,KAAK,GAAGN,gBAAgB,CACnC;EACE+B,KAAK,EAALA,KAAK;EACLN,MAAM,EAANA;AACF,CAAC,EACDrB,MACF,CAAC"}

package/dist/Token/Token.styles.js

@@ -1,24 +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 { Clear } from '@procore/core-icons/dist';
 import styled, { css } from 'styled-components';
 import { getTypographyIntent } from '../Typography/Typography.styles';
 import { colors } from '../_styles/colors';
 import { getEllipsis, getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
-export var StyledLabel = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  ", "\n\n  flex: 0 1 auto;\n"], ["\n  ", "\n\n  ", "\n\n  flex: 0 1 auto;\n"])), getTypographyIntent('body'), getEllipsis);
-export var StyledRemove = styled(Clear)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 100%;\n  cursor: pointer;\n  flex: 0 0 auto;\n  height: 16px;\n  margin: 0 -", "px 0 ", "px;\n  width: 16px;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"], ["\n  border-radius: 100%;\n  cursor: pointer;\n  flex: 0 0 auto;\n  height: 16px;\n  margin: 0 -", "px 0 ", "px;\n  width: 16px;\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"])), spacing.sm, spacing.sm, colors.white, colors.blue40);
-export var StyledToken = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  border-radius: 200px; // TODO investigate this magic number\n  border: 1px solid transparent;\n  color: ", ";\n  cursor: default;\n  display: inline-flex;\n  height: 24px;\n  line-height: 1; // TODO investigate this magic number\n  max-width: 360px; // TODO investigate this magic number\n  min-width: 48px; // TODO investigate this magic number\n  padding: ", "px ", "px;\n\n  &:hover,\n  &.hover {\n    background-color: ", ";\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  align-items: center;\n  background-color: ", ";\n  border-radius: 200px; // TODO investigate this magic number\n  border: 1px solid transparent;\n  color: ", ";\n  cursor: default;\n  display: inline-flex;\n  height: 24px;\n  line-height: 1; // TODO investigate this magic number\n  max-width: 360px; // TODO investigate this magic number\n  min-width: 48px; // TODO investigate this magic number\n  padding: ", "px ", "px;\n\n  &:hover,\n  &.hover {\n    background-color: ", ";\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), colors.blue50, colors.white, spacing.xs, spacing.md, colors.blue45, function (_a) {
-    var _b = _a.$focused, $focused = _b === void 0 ? false : _b, _c = _a.$disabled, $disabled = _c === void 0 ? false : _c;
-    return $focused && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      ", "\n\n      background-color: ", ";\n\n      ", "}\n    "], ["\n      ", "\n\n      background-color: ", ";\n\n      ", "}\n    "])), getFocus(), colors.blue45, !$disabled && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          ", " {\n            background-color: ", ";\n            color: ", ";\n          }\n        "], ["\n          ", " {\n            background-color: ", ";\n            color: ", ";\n          }\n        "])), StyledRemove, colors.white, colors.blue45));
-}, function (_a) {
-    var _b = _a.$disabled, $disabled = _b === void 0 ? false : _b;
-    return $disabled && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      background-color: ", ";\n      border-color: transparent;\n      box-shadow: none;\n      pointer-events: none;\n    "], ["\n      background-color: ", ";\n      border-color: transparent;\n      box-shadow: none;\n      pointer-events: none;\n    "])), colors.gray70);
-}, function (_a) {
-    var _b = _a.$error, $error = _b === void 0 ? false : _b;
-    return $error && css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      &,\n      &:hover {\n        background-color: ", ";\n      }\n    "], ["\n      &,\n      &:hover {\n        background-color: ", ";\n      }\n    "])), colors.red50);
+export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "StyledLabel",
+  componentId: "core-11_23_0__sc-zqi94b-0"
+})(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
+export var StyledRemove = /*#__PURE__*/styled(Clear).withConfig({
+  displayName: "StyledRemove",
+  componentId: "core-11_23_0__sc-zqi94b-1"
+})(["border-radius:100%;cursor:pointer;flex:0 0 auto;height:16px;margin:0 -", "px 0 ", "px;width:16px;&:hover{background:", ";color:", ";}"], spacing.sm, spacing.sm, colors.white, colors.blue40);
+export var StyledToken = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledToken",
+  componentId: "core-11_23_0__sc-zqi94b-2"
+})(["align-items:center;background-color:", ";border-radius:200px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:24px;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", " ", " ", ""], colors.blue50, colors.white, spacing.xs, spacing.md, colors.blue45, function (_ref) {
+  var _ref$$focused = _ref.$focused,
+    $focused = _ref$$focused === void 0 ? false : _ref$$focused,
+    _ref$$disabled = _ref.$disabled,
+    $disabled = _ref$$disabled === void 0 ? false : _ref$$disabled;
+  return $focused && css(["", " background-color:", ";", "}"], getFocus(), colors.blue45, !$disabled && css(["", "{background-color:", ";color:", ";}"], StyledRemove, colors.white, colors.blue45));
+}, function (_ref2) {
+  var _ref2$$disabled = _ref2.$disabled,
+    $disabled = _ref2$$disabled === void 0 ? false : _ref2$$disabled;
+  return $disabled && css(["background-color:", ";border-color:transparent;box-shadow:none;pointer-events:none;"], colors.gray70);
+}, function (_ref3) {
+  var _ref3$$error = _ref3.$error,
+    $error = _ref3$$error === void 0 ? false : _ref3$$error;
+  return $error && css(["&,&:hover{background-color:", ";}"], colors.red50);
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 //# sourceMappingURL=Token.styles.js.map

package/dist/Token/Token.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Token.styles.js","sourceRoot":"","sources":["../../src/Token/Token.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,8GAAA,MAClC,EAA2B,QAE3B,EAAW,yBAGd,KALG,mBAAmB,CAAC,MAAM,CAAC,EAE3B,WAAW,CAGd,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,mQAAA,iGAK1B,EAAU,OAAQ,EAAU,sDAIzB,EAAY,gBACjB,EAAa,UAEzB,KAPc,OAAO,CAAC,EAAE,EAAQ,OAAO,CAAC,EAAE,EAIzB,MAAM,CAAC,KAAK,EACjB,MAAM,CAAC,MAAM,CAEzB,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,6kBAInC,gDAEoB,EAAa,+GAGxB,EAAY,4PAOV,EAAU,KAAM,EAAU,wDAIf,EAAa,cAGjC,EAgBC,QAED,EAOC,QAED,EAOC,IACJ,KApDqB,MAAM,CAAC,MAAM,EAGxB,MAAM,CAAC,KAAK,EAOV,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAIf,MAAM,CAAC,MAAM,EAGjC,UAAC,EAAuC;QAArC,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IACtC,OAAA,QAAQ,IACR,GAAG,uIAAA,UACC,EAAU,8BAEQ,EAAa,aAE/B,EAQF,SACD,KAbG,QAAQ,EAAE,EAEQ,MAAM,CAAC,MAAM,EAG/B,CAAC,SAAS,IACV,GAAG,6KAAA,cACC,EAAY,oCACQ,EAAY,wBACvB,EAAa,0BAEzB,KAJG,YAAY,EACQ,MAAM,CAAC,KAAK,EACvB,MAAM,CAAC,MAAM,CAEzB,CAEJ;AAfD,CAeC,EAED,UAAC,EAAqB;QAAnB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IACpB,OAAA,SAAS,IACT,GAAG,kMAAA,4BACmB,EAAa,iGAIlC,KAJqB,MAAM,CAAC,MAAM,CAIlC;AAND,CAMC,EAED,UAAC,EAAkB;QAAhB,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA;IACjB,OAAA,MAAM,IACN,GAAG,gJAAA,yDAGqB,EAAY,kBAEnC,KAFuB,MAAM,CAAC,KAAK,CAEnC;AAND,CAMC,CACJ,CAAA"}
+{"version":3,"file":"Token.styles.js","names":["Clear","styled","css","getTypographyIntent","colors","getEllipsis","getFocus","spacing","StyledLabel","span","withConfig","displayName","componentId","StyledRemove","sm","white","blue40","StyledToken","div","blue50","xs","md","blue45","_ref","_ref$$focused","$focused","_ref$$disabled","$disabled","_ref2","_ref2$$disabled","gray70","_ref3","_ref3$$error","$error","red50"],"sources":["../../src/Token/Token.styles.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledLabel = styled.span`\n  ${getTypographyIntent('body')}\n\n  ${getEllipsis}\n\n  flex: 0 1 auto;\n`\n\nexport const StyledRemove = styled(Clear)`\n  border-radius: 100%;\n  cursor: pointer;\n  flex: 0 0 auto;\n  height: 16px;\n  margin: 0 -${spacing.sm}px 0 ${spacing.sm}px;\n  width: 16px;\n\n  &:hover {\n    background: ${colors.white};\n    color: ${colors.blue40};\n  }\n`\n\nexport const StyledToken = styled.div<{\n  $disabled: boolean\n  $focused: boolean\n  $error: boolean\n}>`\n  align-items: center;\n  background-color: ${colors.blue50};\n  border-radius: 200px; // TODO investigate this magic number\n  border: 1px solid transparent;\n  color: ${colors.white};\n  cursor: default;\n  display: inline-flex;\n  height: 24px;\n  line-height: 1; // TODO investigate this magic number\n  max-width: 360px; // TODO investigate this magic number\n  min-width: 48px; // TODO investigate this magic number\n  padding: ${spacing.xs}px ${spacing.md}px;\n\n  &:hover,\n  &.hover {\n    background-color: ${colors.blue45};\n  }\n\n  ${({ $focused = false, $disabled = false }) =>\n    $focused &&\n    css`\n      ${getFocus()}\n\n      background-color: ${colors.blue45};\n\n      ${\n        !$disabled &&\n        css`\n          ${StyledRemove} {\n            background-color: ${colors.white};\n            color: ${colors.blue45};\n          }\n        `\n      }}\n    `}\n\n  ${({ $disabled = false }) =>\n    $disabled &&\n    css`\n      background-color: ${colors.gray70};\n      border-color: transparent;\n      box-shadow: none;\n      pointer-events: none;\n    `}\n\n  ${({ $error = false }) =>\n    $error &&\n    css`\n      &,\n      &:hover {\n        background-color: ${colors.red50};\n      }\n    `}\n`\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,0BAA0B;AAChD,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,EAAEC,QAAQ,QAAQ,mBAAmB;AACzD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,WAAW,gBAAGP,MAAM,CAACQ,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAClCT,mBAAmB,CAAC,MAAM,CAAC,EAE3BE,WAAW,CAGd;AAED,OAAO,IAAMQ,YAAY,gBAAGZ,MAAM,CAACD,KAAK,CAAC,CAAAU,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8IAK1BL,OAAO,CAACO,EAAE,EAAQP,OAAO,CAACO,EAAE,EAIzBV,MAAM,CAACW,KAAK,EACjBX,MAAM,CAACY,MAAM,CAEzB;AAED,OAAO,IAAMC,WAAW,gBAAGhB,MAAM,CAACiB,GAAG,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qRAMfR,MAAM,CAACe,MAAM,EAGxBf,MAAM,CAACW,KAAK,EAOVR,OAAO,CAACa,EAAE,EAAMb,OAAO,CAACc,EAAE,EAIfjB,MAAM,CAACkB,MAAM,EAGjC,UAAAC,IAAA;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAAGE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,cAAA,GAAAH,IAAA,CAAEI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;EAAA,OACtCD,QAAQ,IACRvB,GAAG,uCACCI,QAAQ,CAAC,CAAC,EAEQF,MAAM,CAACkB,MAAM,EAG/B,CAACK,SAAS,IACVzB,GAAG,8CACCW,YAAY,EACQT,MAAM,CAACW,KAAK,EACvBX,MAAM,CAACkB,MAAM,CAEzB,CAEJ;AAAA,GAED,UAAAM,KAAA;EAAA,IAAAC,eAAA,GAAAD,KAAA,CAAGD,SAAS;IAATA,SAAS,GAAAE,eAAA,cAAG,KAAK,GAAAA,eAAA;EAAA,OACpBF,SAAS,IACTzB,GAAG,0FACmBE,MAAM,CAAC0B,MAAM,CAIlC;AAAA,GAED,UAAAC,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;EAAA,OACjBC,MAAM,IACN/B,GAAG,wCAGqBE,MAAM,CAAC8B,KAAK,CAEnC;AAAA,EACJ"}

package/dist/Token/Token.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Token.types.js","sourceRoot":"","sources":["../../src/Token/Token.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Token.types.js","names":[],"sources":["../../src/Token/Token.types.ts"],"sourcesContent":["export interface TokenProps {\n  /**\n   * Disables the token\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  focused?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * @deprecated\n   *\n   * All variants have been deprecated and will be removed in a future version.\n   * Please use `Token.Remove` component or `disabled` boolean prop instead.\n   *\n   * **Before**\n   *\n   * `<Token variant='icon'>\n   *    <Token.Icon icon=\"x\" />\n   * </Token>`\n   *\n   * **After**\n   *\n   * `<Token>\n   *    <Token.Remove />\n   * </Token>`\n   *\n   * @deprecatedSince 10.27.0\n   */\n  variant?: 'disabled' | 'focused' | 'icon' | 'standard'\n}\n"],"mappings":""}

package/dist/Token/index.js

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

package/dist/Token/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Token/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.js","names":["Token","TokenProps"],"sources":["../../src/Token/index.ts"],"sourcesContent":["export { Token } from './Token'\nexport { TokenProps } from './Token.types'\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS;AAC/B,SAASC,UAAU,QAAQ,eAAe"}

package/dist/ToolHeader/ActionIcon.js

@@ -1,46 +1,53 @@
-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 = ["aria-label", "href", "children"],
+  _excluded2 = ["aria-label", "children"];
+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; }
 import React from 'react';
 import { StyledAnchor, StyledUnstyledButton } from '../Semantic/Semantic.styles';
 import { Tooltip } from '../Tooltip/Tooltip';
-var ActionIconLink = React.forwardRef(function (_a, ref) {
-    var label = _a["aria-label"], href = _a.href, children = _a.children, props = __rest(_a, ['aria-label', "href", "children"]);
-    return (React.createElement(Tooltip, { overlay: label, trigger: ['hover', 'focus'] },
-        React.createElement(StyledAnchor, __assign({ "aria-label": label, href: href }, props, { ref: ref }), children)));
+var ActionIconLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var label = _ref['aria-label'],
+    href = _ref.href,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    overlay: label,
+    trigger: ['hover', 'focus']
+  }, /*#__PURE__*/React.createElement(StyledAnchor, _extends({
+    "aria-label": label,
+    href: href
+  }, props, {
+    ref: ref
+  }), children));
 });
-var ActionIconButton = React.forwardRef(function (_a, ref) {
-    var label = _a["aria-label"], children = _a.children, props = __rest(_a, ['aria-label', "children"]);
-    return (React.createElement(Tooltip, { overlay: label, trigger: ['hover', 'focus'] },
-        React.createElement(StyledUnstyledButton, __assign({ "aria-label": label }, props, { ref: ref }), children)));
+var ActionIconButton = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var label = _ref2['aria-label'],
+    children = _ref2.children,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    overlay: label,
+    trigger: ['hover', 'focus']
+  }, /*#__PURE__*/React.createElement(StyledUnstyledButton, _extends({
+    "aria-label": label
+  }, props, {
+    ref: ref
+  }), children));
 });
 function ActionIconInner(props, ref) {
-    if (props.role === 'link' || props.href) {
-        return (React.createElement(ActionIconLink, __assign({}, props, { ref: ref })));
-    }
-    if (props.role === 'button') {
-        return (React.createElement(ActionIconButton, __assign({}, props, { ref: ref })));
-    }
-    return (React.createElement(ActionIconButton, __assign({}, props, { ref: ref })));
+  if (props.role === 'link' || props.href) {
+    return /*#__PURE__*/React.createElement(ActionIconLink, _extends({}, props, {
+      ref: ref
+    }));
+  }
+  if (props.role === 'button') {
+    return /*#__PURE__*/React.createElement(ActionIconButton, _extends({}, props, {
+      ref: ref
+    }));
+  }
+  return /*#__PURE__*/React.createElement(ActionIconButton, _extends({}, props, {
+    ref: ref
+  }));
 }
-export var ActionIcon = React.forwardRef(ActionIconInner);
+export var ActionIcon = /*#__PURE__*/React.forwardRef(ActionIconInner);
 //# sourceMappingURL=ActionIcon.js.map

package/dist/ToolHeader/ActionIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.js","sourceRoot":"","sources":["../../src/ToolHeader/ActionIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAO5C,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,UACtC,EAA0E,EAC1E,GAA0B;IADxB,IAAc,KAAK,mBAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA/C,kCAAiD,CAAF;IAG/C,OAAO,CACL,oBAAC,OAAO,IAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAClD,oBAAC,YAAY,2BAAa,KAAK,EAAE,IAAI,EAAE,IAAI,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,KAC7D,QAAQ,CACI,CACP,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,UACxC,EAAsE,EACtE,GAA4B;IAD1B,IAAc,KAAK,mBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAzC,0BAA2C,CAAF;IAGzC,OAAO,CACL,oBAAC,OAAO,IAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAClD,oBAAC,oBAAoB,2BAAa,KAAK,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,KACzD,QAAQ,CACY,CACf,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,eAAe,CACtB,KAAyB,EACzB,GAAqB;IAErB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,IAAK,KAAwC,CAAC,IAAI,EAAE;QAC3E,OAAO,CACL,oBAAC,cAAc,eACR,KAAwC,IAC7C,GAAG,EAAE,GAA4B,IACjC,CACH,CAAA;KACF;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;QAC3B,OAAO,CACL,oBAAC,gBAAgB,eACV,KAAmC,IACxC,GAAG,EAAE,GAA8B,IACnC,CACH,CAAA;KACF;IACD,OAAO,CACL,oBAAC,gBAAgB,eACV,KAAmC,IACxC,GAAG,EAAE,GAA8B,IACnC,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAInB,CAAA"}
+{"version":3,"file":"ActionIcon.js","names":["React","StyledAnchor","StyledUnstyledButton","Tooltip","ActionIconLink","forwardRef","_ref","ref","label","href","children","props","_objectWithoutProperties","_excluded","createElement","overlay","trigger","_extends","ActionIconButton","_ref2","_excluded2","ActionIconInner","role","ActionIcon"],"sources":["../../src/ToolHeader/ActionIcon.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledAnchor, StyledUnstyledButton } from '../Semantic/Semantic.styles'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport {\n  ActionIconPolyType,\n  ActionIconProps,\n  ActionIconRef,\n} from './ActionIcon.types'\n\nconst ActionIconLink = React.forwardRef(function (\n  { 'aria-label': label, href, children, ...props }: ActionIconProps<'link'>,\n  ref: ActionIconRef<'link'>\n) {\n  return (\n    <Tooltip overlay={label} trigger={['hover', 'focus']}>\n      <StyledAnchor aria-label={label} href={href} {...props} ref={ref}>\n        {children}\n      </StyledAnchor>\n    </Tooltip>\n  )\n})\n\nconst ActionIconButton = React.forwardRef(function (\n  { 'aria-label': label, children, ...props }: ActionIconProps<'button'>,\n  ref: ActionIconRef<'button'>\n) {\n  return (\n    <Tooltip overlay={label} trigger={['hover', 'focus']}>\n      <StyledUnstyledButton aria-label={label} {...props} ref={ref}>\n        {children}\n      </StyledUnstyledButton>\n    </Tooltip>\n  )\n})\n\nfunction ActionIconInner<T extends ActionIconPolyType>(\n  props: ActionIconProps<T>,\n  ref: ActionIconRef<T>\n) {\n  if (props.role === 'link' || (props as any as ActionIconProps<'link'>).href) {\n    return (\n      <ActionIconLink\n        {...(props as any as ActionIconProps<'link'>)}\n        ref={ref as ActionIconRef<'link'>}\n      />\n    )\n  }\n\n  if (props.role === 'button') {\n    return (\n      <ActionIconButton\n        {...(props as ActionIconProps<'button'>)}\n        ref={ref as ActionIconRef<'button'>}\n      />\n    )\n  }\n  return (\n    <ActionIconButton\n      {...(props as ActionIconProps<'button'>)}\n      ref={ref as ActionIconRef<'button'>}\n    />\n  )\n}\n\nexport const ActionIcon = React.forwardRef(ActionIconInner) as <\n  Role extends ActionIconPolyType\n>(\n  props: ActionIconProps<Role>\n) => ReturnType<typeof ActionIconInner>\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,EAAEC,oBAAoB,QAAQ,6BAA6B;AAChF,SAASC,OAAO,QAAQ,oBAAoB;AAO5C,IAAMC,cAAc,gBAAGJ,KAAK,CAACK,UAAU,CAAC,UAAAC,IAAA,EAEtCC,GAA0B,EAC1B;EAAA,IAFgBC,KAAK,GAAAF,IAAA,CAAnB,YAAY;IAASG,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAG/C,oBACEb,KAAA,CAAAc,aAAA,CAACX,OAAO;IAACY,OAAO,EAAEP,KAAM;IAACQ,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO;EAAE,gBACnDhB,KAAA,CAAAc,aAAA,CAACb,YAAY,EAAAgB,QAAA;IAAC,cAAYT,KAAM;IAACC,IAAI,EAAEA;EAAK,GAAKE,KAAK;IAAEJ,GAAG,EAAEA;EAAI,IAC9DG,QACW,CACP,CAAC;AAEd,CAAC,CAAC;AAEF,IAAMQ,gBAAgB,gBAAGlB,KAAK,CAACK,UAAU,CAAC,UAAAc,KAAA,EAExCZ,GAA4B,EAC5B;EAAA,IAFgBC,KAAK,GAAAW,KAAA,CAAnB,YAAY;IAAST,QAAQ,GAAAS,KAAA,CAART,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAO,KAAA,EAAAC,UAAA;EAGzC,oBACEpB,KAAA,CAAAc,aAAA,CAACX,OAAO;IAACY,OAAO,EAAEP,KAAM;IAACQ,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO;EAAE,gBACnDhB,KAAA,CAAAc,aAAA,CAACZ,oBAAoB,EAAAe,QAAA;IAAC,cAAYT;EAAM,GAAKG,KAAK;IAAEJ,GAAG,EAAEA;EAAI,IAC1DG,QACmB,CACf,CAAC;AAEd,CAAC,CAAC;AAEF,SAASW,eAAeA,CACtBV,KAAyB,EACzBJ,GAAqB,EACrB;EACA,IAAII,KAAK,CAACW,IAAI,KAAK,MAAM,IAAKX,KAAK,CAAoCF,IAAI,EAAE;IAC3E,oBACET,KAAA,CAAAc,aAAA,CAACV,cAAc,EAAAa,QAAA,KACRN,KAAK;MACVJ,GAAG,EAAEA;IAA6B,EACnC,CAAC;EAEN;EAEA,IAAII,KAAK,CAACW,IAAI,KAAK,QAAQ,EAAE;IAC3B,oBACEtB,KAAA,CAAAc,aAAA,CAACI,gBAAgB,EAAAD,QAAA,KACVN,KAAK;MACVJ,GAAG,EAAEA;IAA+B,EACrC,CAAC;EAEN;EACA,oBACEP,KAAA,CAAAc,aAAA,CAACI,gBAAgB,EAAAD,QAAA,KACVN,KAAK;IACVJ,GAAG,EAAEA;EAA+B,EACrC,CAAC;AAEN;AAEA,OAAO,IAAMgB,UAAU,gBAAGvB,KAAK,CAACK,UAAU,CAACgB,eAAe,CAInB"}

package/dist/ToolHeader/ActionIcon.types.example.js

@@ -1,30 +1,70 @@
 import React from 'react';
 import { ActionIcon } from './ActionIcon';
 function Custom() {
-    return React.createElement("a", { href: "/" }, "Hello");
+  return /*#__PURE__*/React.createElement("a", {
+    href: "/"
+  }, "Hello");
 }
 test('Passing type check', function () {
-    function ExpectedToPass() {
-        var aRef = React.useRef(null);
-        var buttonRef = React.useRef(null);
-        return (React.createElement(React.Fragment, null,
-            React.createElement(ActionIcon, { role: "link", href: "#", "aria-label": "ok" }),
-            React.createElement(ActionIcon, { role: "link", href: "#", "aria-label": "ok", target: "ok", ref: aRef }),
-            React.createElement(ActionIcon, { role: "button", onClick: console.log, "aria-label": "ok" }),
-            React.createElement(ActionIcon, { role: "button", onClick: console.log, "aria-labelledby": "id" }),
-            React.createElement(ActionIcon, { role: "button", onClick: console.log, "aria-label": "id", 
-                // See type. Supports aria-label or aria-labelledby required. But as props are any type
-                as: function (p) { return React.createElement("button", null); } }),
-            React.createElement(ActionIcon, { role: "button", onClick: console.log, "aria-label": "ok", ref: buttonRef }),
-            React.createElement(ActionIcon, { as: Custom, role: "link", href: "#", "aria-label": "ok", ref: aRef }),
-            React.createElement(ActionIcon, { as: function (p) { return React.createElement("a", null); }, role: "link", href: "#", "aria-label": "ok", ref: aRef })));
-    }
-    // This is a fake test, the real test is the file can be compiled/typechecked
-    expect(ExpectedToPass).toBeDefined();
+  function ExpectedToPass() {
+    var aRef = React.useRef(null);
+    var buttonRef = React.useRef(null);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ActionIcon, {
+      role: "link",
+      href: "#",
+      "aria-label": "ok"
+    }), /*#__PURE__*/React.createElement(ActionIcon, {
+      role: "link",
+      href: "#",
+      "aria-label": "ok",
+      target: "ok",
+      ref: aRef
+    }), /*#__PURE__*/React.createElement(ActionIcon, {
+      role: "button",
+      onClick: console.log,
+      "aria-label": "ok"
+    }), /*#__PURE__*/React.createElement(ActionIcon, {
+      role: "button",
+      onClick: console.log,
+      "aria-labelledby": "id"
+    }), /*#__PURE__*/React.createElement(ActionIcon, {
+      role: "button",
+      onClick: console.log,
+      "aria-label": "id"
+      // See type. Supports aria-label or aria-labelledby required. But as props are any type
+      ,
+      as: function as(p) {
+        return /*#__PURE__*/React.createElement("button", null);
+      }
+    }), /*#__PURE__*/React.createElement(ActionIcon, {
+      role: "button",
+      onClick: console.log,
+      "aria-label": "ok",
+      ref: buttonRef
+    }), /*#__PURE__*/React.createElement(ActionIcon, {
+      as: Custom,
+      role: "link",
+      href: "#",
+      "aria-label": "ok",
+      ref: aRef
+    }), /*#__PURE__*/React.createElement(ActionIcon, {
+      as: function as(p) {
+        return /*#__PURE__*/React.createElement("a", null);
+      },
+      role: "link",
+      href: "#",
+      "aria-label": "ok",
+      ref: aRef
+    }));
+  }
+  // This is a fake test, the real test is the file can be compiled/typechecked
+  expect(ExpectedToPass).toBeDefined();
 });
+
 /* When working with types, uncomment in development to confirm all fail typecheck */
 // function ExpectedToFail() {
 //   const divRef = React.useRef<HTMLDivElement>(null)
+
 //   return (
 //     <>
 //       <ActionIcon />

package/dist/ToolHeader/ActionIcon.types.example.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.types.example.js","sourceRoot":"","sources":["../../src/ToolHeader/ActionIcon.types.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,SAAS,MAAM;IACb,OAAO,2BAAG,IAAI,EAAC,GAAG,YAAU,CAAA;AAC9B,CAAC;AAED,IAAI,CAAC,oBAAoB,EAAE;IACzB,SAAS,cAAc;QACrB,IAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAA;QAClD,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAA;QAEvD,OAAO,CACL;YAEE,oBAAC,UAAU,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,gBAAY,IAAI,GAAG;YAGnD,oBAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,gBACG,IAAI,EACf,MAAM,EAAC,IAAI,EACX,GAAG,EAAE,IAAI,GACT;YACF,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG,gBAAa,IAAI,GAAG;YAClE,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,CAAC,GAAG,qBAAkB,IAAI,GAAG;YACvE,oBAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,CAAC,GAAG,gBACT,IAAI;gBACf,uFAAuF;gBACvF,EAAE,EAAE,UAAC,CAAM,IAAK,OAAA,mCAAU,EAAV,CAAU,GAC1B;YACF,oBAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,CAAC,GAAG,gBACT,IAAI,EACf,GAAG,EAAE,SAAS,GACd;YACF,oBAAC,UAAU,IACT,EAAE,EAAE,MAAM,EACV,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,gBACG,IAAI,EACf,GAAG,EAAE,IAAI,GACT;YACF,oBAAC,UAAU,IACT,EAAE,EAAE,UAAC,CAAC,IAAK,OAAA,8BAAK,EAAL,CAAK,EAChB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,gBACG,IAAI,EACf,GAAG,EAAE,IAAI,GACT,CACD,CACJ,CAAA;IACH,CAAC;IACD,6EAA6E;IAC7E,MAAM,CAAC,cAAc,CAAC,CAAC,WAAW,EAAE,CAAA;AACtC,CAAC,CAAC,CAAA;AAEF,qFAAqF;AACrF,8BAA8B;AAC9B,sDAAsD;AAEtD,aAAa;AACb,SAAS;AACT,uBAAuB;AACvB,mCAAmC;AACnC,wDAAwD;AACxD,4EAA4E;AAC5E,oBAAoB;AACpB,uBAAuB;AACvB,wBAAwB;AACxB,gCAAgC;AAChC,6BAA6B;AAC7B,WAAW;AACX,UAAU;AACV,MAAM;AACN,IAAI"}
+{"version":3,"file":"ActionIcon.types.example.js","names":["React","ActionIcon","Custom","createElement","href","test","ExpectedToPass","aRef","useRef","buttonRef","Fragment","role","target","ref","onClick","console","log","as","p","expect","toBeDefined"],"sources":["../../src/ToolHeader/ActionIcon.types.example.tsx"],"sourcesContent":["import React from 'react'\nimport { ActionIcon } from './ActionIcon'\n\nfunction Custom() {\n  return <a href=\"/\">Hello</a>\n}\n\ntest('Passing type check', () => {\n  function ExpectedToPass() {\n    const aRef = React.useRef<HTMLAnchorElement>(null)\n    const buttonRef = React.useRef<HTMLButtonElement>(null)\n\n    return (\n      <>\n        {/* Pass */}\n        <ActionIcon role=\"link\" href=\"#\" aria-label=\"ok\" />\n        {/* // See type. Supports proper type as arg props, but TS only knows to require aria-label, not aria-labelledby */}\n        {/* <ActionIcon role=\"link\" href=\"#\" aria-labelledby=\"id\" /> */}\n        <ActionIcon\n          role=\"link\"\n          href=\"#\"\n          aria-label=\"ok\"\n          target=\"ok\"\n          ref={aRef}\n        />\n        <ActionIcon role=\"button\" onClick={console.log} aria-label=\"ok\" />\n        <ActionIcon role=\"button\" onClick={console.log} aria-labelledby=\"id\" />\n        <ActionIcon\n          role=\"button\"\n          onClick={console.log}\n          aria-label=\"id\"\n          // See type. Supports aria-label or aria-labelledby required. But as props are any type\n          as={(p: any) => <button />}\n        />\n        <ActionIcon\n          role=\"button\"\n          onClick={console.log}\n          aria-label=\"ok\"\n          ref={buttonRef}\n        />\n        <ActionIcon\n          as={Custom}\n          role=\"link\"\n          href=\"#\"\n          aria-label=\"ok\"\n          ref={aRef}\n        />\n        <ActionIcon\n          as={(p) => <a />}\n          role=\"link\"\n          href=\"#\"\n          aria-label=\"ok\"\n          ref={aRef}\n        />\n      </>\n    )\n  }\n  // This is a fake test, the real test is the file can be compiled/typechecked\n  expect(ExpectedToPass).toBeDefined()\n})\n\n/* When working with types, uncomment in development to confirm all fail typecheck */\n// function ExpectedToFail() {\n//   const divRef = React.useRef<HTMLDivElement>(null)\n\n//   return (\n//     <>\n//       <ActionIcon />\n//       <ActionIcon role=\"link\" />\n//       <ActionIcon role=\"button\" aria-label=\"wrong\" />\n//       <ActionIcon role=\"link\" aria-label=\"wrong\" href=\"#\" ref={divRef} />\n//       <ActionIcon\n//         ref={divRef}\n//         role=\"button\"\n//         onClick={console.log}\n//         aria-label=\"wrong\"\n//       />\n//     </>\n//   )\n// }\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,MAAMA,CAAA,EAAG;EAChB,oBAAOF,KAAA,CAAAG,aAAA;IAAGC,IAAI,EAAC;EAAG,GAAC,OAAQ,CAAC;AAC9B;AAEAC,IAAI,CAAC,oBAAoB,EAAE,YAAM;EAC/B,SAASC,cAAcA,CAAA,EAAG;IACxB,IAAMC,IAAI,GAAGP,KAAK,CAACQ,MAAM,CAAoB,IAAI,CAAC;IAClD,IAAMC,SAAS,GAAGT,KAAK,CAACQ,MAAM,CAAoB,IAAI,CAAC;IAEvD,oBACER,KAAA,CAAAG,aAAA,CAAAH,KAAA,CAAAU,QAAA,qBAEEV,KAAA,CAAAG,aAAA,CAACF,UAAU;MAACU,IAAI,EAAC,MAAM;MAACP,IAAI,EAAC,GAAG;MAAC,cAAW;IAAI,CAAE,CAAC,eAGnDJ,KAAA,CAAAG,aAAA,CAACF,UAAU;MACTU,IAAI,EAAC,MAAM;MACXP,IAAI,EAAC,GAAG;MACR,cAAW,IAAI;MACfQ,MAAM,EAAC,IAAI;MACXC,GAAG,EAAEN;IAAK,CACX,CAAC,eACFP,KAAA,CAAAG,aAAA,CAACF,UAAU;MAACU,IAAI,EAAC,QAAQ;MAACG,OAAO,EAAEC,OAAO,CAACC,GAAI;MAAC,cAAW;IAAI,CAAE,CAAC,eAClEhB,KAAA,CAAAG,aAAA,CAACF,UAAU;MAACU,IAAI,EAAC,QAAQ;MAACG,OAAO,EAAEC,OAAO,CAACC,GAAI;MAAC,mBAAgB;IAAI,CAAE,CAAC,eACvEhB,KAAA,CAAAG,aAAA,CAACF,UAAU;MACTU,IAAI,EAAC,QAAQ;MACbG,OAAO,EAAEC,OAAO,CAACC,GAAI;MACrB,cAAW;MACX;MAAA;MACAC,EAAE,EAAE,SAAAA,GAACC,CAAM;QAAA,oBAAKlB,KAAA,CAAAG,aAAA,eAAS,CAAC;MAAA;IAAC,CAC5B,CAAC,eACFH,KAAA,CAAAG,aAAA,CAACF,UAAU;MACTU,IAAI,EAAC,QAAQ;MACbG,OAAO,EAAEC,OAAO,CAACC,GAAI;MACrB,cAAW,IAAI;MACfH,GAAG,EAAEJ;IAAU,CAChB,CAAC,eACFT,KAAA,CAAAG,aAAA,CAACF,UAAU;MACTgB,EAAE,EAAEf,MAAO;MACXS,IAAI,EAAC,MAAM;MACXP,IAAI,EAAC,GAAG;MACR,cAAW,IAAI;MACfS,GAAG,EAAEN;IAAK,CACX,CAAC,eACFP,KAAA,CAAAG,aAAA,CAACF,UAAU;MACTgB,EAAE,EAAE,SAAAA,GAACC,CAAC;QAAA,oBAAKlB,KAAA,CAAAG,aAAA,UAAI,CAAC;MAAA,CAAC;MACjBQ,IAAI,EAAC,MAAM;MACXP,IAAI,EAAC,GAAG;MACR,cAAW,IAAI;MACfS,GAAG,EAAEN;IAAK,CACX,CACD,CAAC;EAEP;EACA;EACAY,MAAM,CAACb,cAAc,CAAC,CAACc,WAAW,CAAC,CAAC;AACtC,CAAC,CAAC;;AAEF;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/ToolHeader/ActionIcon.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.types.js","sourceRoot":"","sources":["../../src/ToolHeader/ActionIcon.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"ActionIcon.types.js","names":[],"sources":["../../src/ToolHeader/ActionIcon.types.ts"],"sourcesContent":["import { Polymorphic } from '../_utils/polymorphic'\nimport { AriaLabelled } from '../_utils/types'\n\nexport type ActionIconPolyType = 'link' | 'button'\n\n/* Mapping our name to the HTML tag */\nexport interface ActionIconPolyTagMap\n  extends Record<ActionIconPolyType, React.ElementType> {\n  link: 'a'\n  button: 'button'\n}\n\nexport type ActionIconRef<Role extends ActionIconPolyType> = Polymorphic.Ref<\n  ActionIconPolyTagMap,\n  Role\n>\n\n/*\nExample showing when link the as props for the component are properly typed,\nbut does not support aria-labelledby in TypeScript. When button, either aria-label\nor aria-labelledby is in TS, but the as props are typed as `any`. TODO rework how make labels required\n*/\nexport type ActionIconProps<Role extends ActionIconPolyType> =\n  Role extends 'link'\n    ? Polymorphic.ComponentPropsWithRef<\n        ActionIconPolyTagMap,\n        'link',\n        'href' | 'aria-label'\n      >\n    : Role extends 'button'\n    ? AriaLabelled<\n        Polymorphic.ComponentPropsWithRef<\n          ActionIconPolyTagMap,\n          'button',\n          'onClick'\n        >\n      >\n    : unknown\n"],"mappings":""}