@procore/core-react 12.53.0 → 12.53.1

package/dist/Title/Title.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TitleAssetsProps } from './Title.types';
 export declare const StyledTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledAssets: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TitleAssetsProps>> & string;
@@ -8,8 +7,8 @@ export declare const StyledTitleContent: import("styled-components/dist/types").
 export declare const StyledText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledTitlePill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledTitleActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>, never>> & string;
 export declare const StyledSubtext: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLSpanElement> & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/Title/Title.styles.js

@@ -5,36 +5,36 @@ import { Typography } from '../Typography/Typography';
 import { spacing } from '../_styles/spacing';
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_53_0__sc-1t2ye1d-0"
+  componentId: "core-12_53_1__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-12_53_0__sc-1t2ye1d-1"
+  componentId: "core-12_53_1__sc-1t2ye1d-1"
 })(["margin-right:", "px;", ""], spacing.md, function (_ref) {
   var alignment = _ref.alignment;
   return css(["align-self:", ";"], alignment);
 });
 export var StyledTitleContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitleContent",
-  componentId: "core-12_53_0__sc-1t2ye1d-2"
+  componentId: "core-12_53_1__sc-1t2ye1d-2"
 })(["align-self:center;", ""], function (_ref2) {
   var $hasActions = _ref2.$hasActions;
   return $hasActions && css(["margin-right:", "px;"], spacing.lg);
 });
 export var StyledText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledText",
-  componentId: "core-12_53_0__sc-1t2ye1d-3"
+  componentId: "core-12_53_1__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-12_53_0__sc-1t2ye1d-4"
+  componentId: "core-12_53_1__sc-1t2ye1d-4"
 })(["margin-left:", "px;", "{vertical-align:text-top;}"], spacing.sm, StyledPill);
 export var StyledTitleActions = /*#__PURE__*/styled(StyledActions).withConfig({
   displayName: "StyledTitleActions",
-  componentId: "core-12_53_0__sc-1t2ye1d-5"
+  componentId: "core-12_53_1__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-12_53_0__sc-1t2ye1d-6"
+  componentId: "core-12_53_1__sc-1t2ye1d-6"
 })(["display:block;margin-top:", "px;"], spacing.xs);
 //# sourceMappingURL=Title.styles.js.map

package/dist/Title/Title.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.styles.js","names":["styled","css","StyledActions","StyledPill","Typography","spacing","StyledTitle","div","withConfig","displayName","componentId","StyledAssets","md","_ref","alignment","StyledTitleContent","_ref2","$hasActions","lg","StyledText","span","StyledTitlePill","sm","StyledTitleActions","StyledSubtext","xs"],"sources":["../../src/Title/Title.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledActions } from '../Content/Content.styles'\nimport { StyledPill } from '../Pill/Pill.styles'\nimport { Typography } from '../Typography/Typography'\nimport { spacing } from '../_styles/spacing'\nimport type { TitleAssetsProps } from './Title.types'\n\nexport const StyledTitle = styled.div`\n  display: flex;\n  align-items: flex-start;\n`\n\nexport const StyledAssets = styled.div<TitleAssetsProps>`\n  margin-right: ${spacing.md}px;\n  ${({ alignment }) =>\n    css`\n      align-self: ${alignment};\n    `}\n`\n\nexport const StyledTitleContent = styled.div<{ $hasActions: boolean }>`\n  align-self: center;\n\n  ${({ $hasActions }) =>\n    $hasActions &&\n    css`\n      margin-right: ${spacing.lg}px;\n    `}\n`\n\nexport const StyledText = styled.span`\n  > h1,\n  > h2,\n  > h3 {\n    display: inline;\n  }\n`\n\nexport const StyledTitlePill = styled.span`\n  margin-left: ${spacing.sm}px;\n\n  ${StyledPill} {\n    vertical-align: text-top;\n  }\n`\n\nexport const StyledTitleActions = styled(StyledActions)`\n  margin-left: auto;\n`\n\nexport const StyledSubtext = styled(Typography)`\n  display: block;\n  margin-top: ${spacing.xs}px;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,UAAU,QAAQ,qBAAqB;AAChD,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,WAAW,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4CAGpC;AAED,OAAO,IAAMC,YAAY,gBAAGX,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCACpBL,OAAO,CAACO,EAAE,EACxB,UAAAC,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OACZb,GAAG,uBACaa,SAAS;AAAA,CACxB,CACJ;AAED,OAAO,IAAMC,kBAAkB,gBAAGf,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+BAGxC,UAAAM,KAAA;EAAA,IAAGC,WAAW,GAAAD,KAAA,CAAXC,WAAW;EAAA,OACdA,WAAW,IACXhB,GAAG,2BACeI,OAAO,CAACa,EAAE,CAC3B;AAAA,EACJ;AAED,OAAO,IAAMC,UAAU,gBAAGnB,MAAM,CAACoB,IAAI,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uCAMpC;AAED,OAAO,IAAMW,eAAe,gBAAGrB,MAAM,CAACoB,IAAI,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0DACzBL,OAAO,CAACiB,EAAE,EAEvBnB,UAAU,CAGb;AAED,OAAO,IAAMoB,kBAAkB,gBAAGvB,MAAM,CAACE,aAAa,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAEtD;AAED,OAAO,IAAMc,aAAa,gBAAGxB,MAAM,CAACI,UAAU,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCAE/BL,OAAO,CAACoB,EAAE,CACzB"}
+{"version":3,"file":"Title.styles.js","names":["styled","css","StyledActions","StyledPill","Typography","spacing","StyledTitle","div","withConfig","displayName","componentId","StyledAssets","md","_ref","alignment","StyledTitleContent","_ref2","$hasActions","lg","StyledText","span","StyledTitlePill","sm","StyledTitleActions","StyledSubtext","xs"],"sources":["../../src/Title/Title.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { StyledActions } from '../Content/Content.styles'\nimport { StyledPill } from '../Pill/Pill.styles'\nimport { Typography } from '../Typography/Typography'\nimport { spacing } from '../_styles/spacing'\nimport type { TitleAssetsProps } from './Title.types'\n\nexport const StyledTitle = styled.div`\n  display: flex;\n  align-items: flex-start;\n`\n\nexport const StyledAssets = styled.div<TitleAssetsProps>`\n  margin-right: ${spacing.md}px;\n  ${({ alignment }) =>\n    css`\n      align-self: ${alignment};\n    `}\n`\n\nexport const StyledTitleContent = styled.div<{ $hasActions: boolean }>`\n  align-self: center;\n\n  ${({ $hasActions }) =>\n    $hasActions &&\n    css`\n      margin-right: ${spacing.lg}px;\n    `}\n`\n\nexport const StyledText = styled.span`\n  > h1,\n  > h2,\n  > h3 {\n    display: inline;\n  }\n`\n\nexport const StyledTitlePill = styled.span`\n  margin-left: ${spacing.sm}px;\n\n  ${StyledPill} {\n    vertical-align: text-top;\n  }\n`\n\nexport const StyledTitleActions = styled(StyledActions)`\n  margin-left: auto;\n`\n\nexport const StyledSubtext = styled(Typography)`\n  display: block;\n  margin-top: ${spacing.xs}px;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,UAAU,QAAQ,qBAAqB;AAChD,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,WAAW,gBAAGN,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4CAGpC;AAED,OAAO,IAAMC,YAAY,gBAAGX,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCACpBL,OAAO,CAACO,EAAE,EACxB,UAAAC,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OACZb,GAAG,uBACaa,SAAS;AAAA,CACxB,CACJ;AAED,OAAO,IAAMC,kBAAkB,gBAAGf,MAAM,CAACO,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+BAGxC,UAAAM,KAAA;EAAA,IAAGC,WAAW,GAAAD,KAAA,CAAXC,WAAW;EAAA,OACdA,WAAW,IACXhB,GAAG,2BACeI,OAAO,CAACa,EAAE,CAC3B;AAAA,EACJ;AAED,OAAO,IAAMC,UAAU,gBAAGnB,MAAM,CAACoB,IAAI,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uCAMpC;AAED,OAAO,IAAMW,eAAe,gBAAGrB,MAAM,CAACoB,IAAI,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0DACzBL,OAAO,CAACiB,EAAE,EAEvBnB,UAAU,CAGb;AAED,OAAO,IAAMoB,kBAAkB,gBAAGvB,MAAM,CAACE,aAAa,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yBAEtD;AAED,OAAO,IAAMc,aAAa,gBAAGxB,MAAM,CAACI,UAAU,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCAE/BL,OAAO,CAACoB,EAAE,CACzB","ignoreList":[]}

package/dist/Title/Title.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TitleProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 export interface TitleAssetsProps {

package/dist/Title/Title.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.types.js","names":[],"sources":["../../src/Title/Title.types.ts"],"sourcesContent":["export interface TitleProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport interface TitleAssetsProps {\n  /**\n   * Alias for `align-self` css property.\n   * @since 11.26.0\n   */\n  alignment?:\n    | 'auto'\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'baseline'\n    | 'stretch'\n}\n"],"mappings":""}
+{"version":3,"file":"Title.types.js","names":[],"sources":["../../src/Title/Title.types.ts"],"sourcesContent":["export interface TitleProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport interface TitleAssetsProps {\n  /**\n   * Alias for `align-self` css property.\n   * @since 11.26.0\n   */\n  alignment?:\n    | 'auto'\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'baseline'\n    | 'stretch'\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Title/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Title"],"sources":["../../src/Title/index.ts"],"sourcesContent":["export { Title } from './Title'\nexport type { TitleProps } from './Title.types'\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS"}
+{"version":3,"file":"index.js","names":["Title"],"sources":["../../src/Title/index.ts"],"sourcesContent":["export { Title } from './Title'\nexport type { TitleProps } from './Title.types'\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS","ignoreList":[]}

package/dist/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["Check","Clear","Error","React","useI18nContext","addSubcomponents","StyledToast","StyledToastButton","StyledToastText","Text","forwardRef","Label","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","Dismiss","ToastDismiss","_ref2","_objectDestructuringEmpty","I18n","variant","t","Toast_","Toast","_ref3","_excluded2","isSuccess","role","$variant","size","$legacy","displayName"],"sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import { Check, Clear, Error } from '@procore/core-icons'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { StyledToast, StyledToastButton, StyledToastText } from './Toast.styles'\nimport type { ToastProps } from './Toast.types'\n\n/**\n * Toasts are concise and are written in sentence case with punctuation.\n * Toasts have a suggested character count limit of 65.\n\n  @since 11.12.0\n */\nconst Text = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>(function Label({ children, ...props }, ref) {\n  return (\n    <StyledToastText ref={ref} {...props}>\n      {children}\n    </StyledToastText>\n  )\n})\n\n/**\n Button to dismiss/close/hide the Toast. For accessible 'enough time' patterns,\n Toasts can be extended and have an action to dismiss the Toast. Otherwise,\n Toasts do not present the user with an action. If an action needs to be performed\n because of the particular message, use a banner.\n\n @since 11.12.0\n\n */\nconst Dismiss = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function ToastDismiss({ ...props }, ref) {\n  const I18n = useI18nContext()\n  return (\n    <StyledToastButton\n      ref={ref}\n      variant=\"tertiary\"\n      aria-hidden=\"false\"\n      aria-label={I18n.t('core.toast.a11y.dismiss')}\n      {...props}\n    >\n      <Clear />\n    </StyledToastButton>\n  )\n})\n\nexport const Toast_ = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & ToastProps\n>(function Toast({ children, variant, ...props }, ref) {\n  const I18n = useI18nContext()\n  const isSuccess = variant === 'success'\n\n  return (\n    <StyledToast\n      role={isSuccess ? 'status' : 'alert'}\n      aria-atomic=\"true\"\n      {...props}\n      $variant={variant}\n      ref={ref}\n    >\n      {isSuccess ? (\n        <Check\n          size=\"lg\"\n          aria-hidden={false}\n          aria-label={I18n.t('core.toast.a11y.success')}\n          role=\"img\"\n        />\n      ) : (\n        <Error\n          size=\"lg\"\n          aria-hidden={false}\n          aria-label={I18n.t('core.toast.a11y.error')}\n          role=\"img\"\n        />\n      )}\n      {typeof children === 'string' ||\n      (children && typeof (children as Array<unknown>)[0] === 'string') ? (\n        // legacy path automates and wraps direct text with the subcomponent\n        <StyledToastText $legacy>{children}</StyledToastText>\n      ) : (\n        children\n      )}\n    </StyledToast>\n  )\n})\n\nToast_.displayName = 'Toast'\nDismiss.displayName = 'Toast.Dismiss'\nText.displayName = 'Toast.Text'\n\n/**\n\n We use toasts to temporarily display information to a user. For example,\n as a confirmation that an action was successfully or unsuccessfully completed.\n\n Toasts do not present the user with an action. If an action needs to be\n performed because of the particular message, use a banner. However, for\n accessible 'enough time' patterns, Toasts can be extended and can have\n an action to dismiss the Toast.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toast--demo)\n\n @see [Design Guidelines](https://design.procore.com/toast)\n\n */\nexport const Toast = addSubcomponents(\n  {\n    Dismiss,\n    Text,\n  },\n  Toast_\n)\n"],"mappings":"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"}
+{"version":3,"file":"Toast.js","names":["Check","Clear","Error","React","useI18nContext","addSubcomponents","StyledToast","StyledToastButton","StyledToastText","Text","forwardRef","Label","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","Dismiss","ToastDismiss","_ref2","_objectDestructuringEmpty","I18n","variant","t","Toast_","Toast","_ref3","_excluded2","isSuccess","role","$variant","size","$legacy","displayName"],"sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import { Check, Clear, Error } from '@procore/core-icons'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { StyledToast, StyledToastButton, StyledToastText } from './Toast.styles'\nimport type { ToastProps } from './Toast.types'\n\n/**\n * Toasts are concise and are written in sentence case with punctuation.\n * Toasts have a suggested character count limit of 65.\n\n  @since 11.12.0\n */\nconst Text = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>(function Label({ children, ...props }, ref) {\n  return (\n    <StyledToastText ref={ref} {...props}>\n      {children}\n    </StyledToastText>\n  )\n})\n\n/**\n Button to dismiss/close/hide the Toast. For accessible 'enough time' patterns,\n Toasts can be extended and have an action to dismiss the Toast. Otherwise,\n Toasts do not present the user with an action. If an action needs to be performed\n because of the particular message, use a banner.\n\n @since 11.12.0\n\n */\nconst Dismiss = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function ToastDismiss({ ...props }, ref) {\n  const I18n = useI18nContext()\n  return (\n    <StyledToastButton\n      ref={ref}\n      variant=\"tertiary\"\n      aria-hidden=\"false\"\n      aria-label={I18n.t('core.toast.a11y.dismiss')}\n      {...props}\n    >\n      <Clear />\n    </StyledToastButton>\n  )\n})\n\nexport const Toast_ = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & ToastProps\n>(function Toast({ children, variant, ...props }, ref) {\n  const I18n = useI18nContext()\n  const isSuccess = variant === 'success'\n\n  return (\n    <StyledToast\n      role={isSuccess ? 'status' : 'alert'}\n      aria-atomic=\"true\"\n      {...props}\n      $variant={variant}\n      ref={ref}\n    >\n      {isSuccess ? (\n        <Check\n          size=\"lg\"\n          aria-hidden={false}\n          aria-label={I18n.t('core.toast.a11y.success')}\n          role=\"img\"\n        />\n      ) : (\n        <Error\n          size=\"lg\"\n          aria-hidden={false}\n          aria-label={I18n.t('core.toast.a11y.error')}\n          role=\"img\"\n        />\n      )}\n      {typeof children === 'string' ||\n      (children && typeof (children as Array<unknown>)[0] === 'string') ? (\n        // legacy path automates and wraps direct text with the subcomponent\n        <StyledToastText $legacy>{children}</StyledToastText>\n      ) : (\n        children\n      )}\n    </StyledToast>\n  )\n})\n\nToast_.displayName = 'Toast'\nDismiss.displayName = 'Toast.Dismiss'\nText.displayName = 'Toast.Text'\n\n/**\n\n We use toasts to temporarily display information to a user. For example,\n as a confirmation that an action was successfully or unsuccessfully completed.\n\n Toasts do not present the user with an action. If an action needs to be\n performed because of the particular message, use a banner. However, for\n accessible 'enough time' patterns, Toasts can be extended and can have\n an action to dismiss the Toast.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toast--demo)\n\n @see [Design Guidelines](https://design.procore.com/toast)\n\n */\nexport const Toast = addSubcomponents(\n  {\n    Dismiss,\n    Text,\n  },\n  Toast_\n)\n"],"mappings":"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","ignoreList":[]}

package/dist/Toast/Toast.styles.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import type { ToastVariant } from './Toast.types';
 export declare const StyledToast: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $variant: ToastVariant;
 }>> & string;
 export declare const StyledToastText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $legacy?: boolean | undefined;
+    $legacy?: boolean;
 }>> & string;
 export declare const StyledToastButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/Toast/Toast.styles.js

@@ -7,8 +7,8 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledToast = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToast",
-  componentId: "core-12_53_0__sc-1l6lk2n-0"
-})(["", " align-items:flex-start;background-color:", ";border-radius:", "px;box-sizing:border-box;color:", ";display:flex;flex-wrap:wrap;max-width:min(550px,calc(100vw - ", "px));min-height:48px;padding:", "px ", "px;width:550px;a{color:", ";text-decoration:underline;}"], getShadow(4, 'bottom'), function (_ref) {
+  componentId: "core-12_53_1__sc-1l6lk2n-0"
+})(["", " align-items:center;background-color:", ";border-radius:", "px;box-sizing:border-box;color:", ";display:flex;flex-wrap:wrap;max-width:min(550px,calc(100vw - ", "px));min-height:48px;padding:", "px ", "px;width:550px;a{color:", ";text-decoration:underline;}"], getShadow(4, 'bottom'), function (_ref) {
   var $variant = _ref.$variant;
   return $variant === 'success' ? colors.green30 : colors.red50;
 }, borderRadius.md, colors.white, spacing.lg, spacing.md, spacing.xl, colors.white);
@@ -16,7 +16,7 @@ export var StyledToast = /*#__PURE__*/styled.div.withConfig({
 // $legacy is direct string inside Toast. Next is with subcomponents
 export var StyledToastText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledToastText",
-  componentId: "core-12_53_0__sc-1l6lk2n-1"
+  componentId: "core-12_53_1__sc-1l6lk2n-1"
 })(["", " flex:1 1 0;font-weight:", ";min-width:0;overflow-wrap:anywhere;", " @media (max-width:320px){flex:0 0 100%;order:1;padding:", "px 0 0;", "}"], getTypographyIntent('body'), typographyWeights.semibold, function (_ref2) {
   var $legacy = _ref2.$legacy;
   return $legacy ? "margin-left: ".concat(spacing.lg, "px;") : "padding: 0 ".concat(spacing.lg, "px;");
@@ -26,6 +26,6 @@ export var StyledToastText = /*#__PURE__*/styled.span.withConfig({
 });
 export var StyledToastButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToastButton",
-  componentId: "core-12_53_0__sc-1l6lk2n-2"
+  componentId: "core-12_53_1__sc-1l6lk2n-2"
 })(["align-self:flex-start;line-height:0;color:", ";flex-shrink:0;padding:0;margin-left:auto;"], colors.white);
 //# sourceMappingURL=Toast.styles.js.map

package/dist/Toast/Toast.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.styles.js","names":["styled","Button","getTypographyIntent","typographyWeights","borderRadius","colors","getShadow","spacing","StyledToast","div","withConfig","displayName","componentId","_ref","$variant","green30","red50","md","white","lg","xl","StyledToastText","span","semibold","_ref2","$legacy","concat","_ref3","StyledToastButton"],"sources":["../../src/Toast/Toast.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Button } from '../Button'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport type { ToastVariant } from './Toast.types'\n\nexport const StyledToast = styled.div<{ $variant: ToastVariant }>`\n  ${getShadow(4, 'bottom')}\n\n  align-items: flex-start;\n  background-color: ${({ $variant }) =>\n    $variant === 'success' ? colors.green30 : colors.red50};\n  border-radius: ${borderRadius.md}px;\n  box-sizing: border-box;\n  color: ${colors.white};\n  display: flex;\n  flex-wrap: wrap;\n  max-width: min(550px, calc(100vw - ${spacing.lg}px));\n  min-height: 48px;\n  padding: ${spacing.md}px ${spacing.xl}px;\n  width: 550px;\n\n  a {\n    color: ${colors.white};\n    text-decoration: underline;\n  }\n`\n\n// $legacy is direct string inside Toast. Next is with subcomponents\nexport const StyledToastText = styled.span<{ $legacy?: boolean }>`\n  ${getTypographyIntent('body')}\n  flex: 1 1 0;\n  font-weight: ${typographyWeights.semibold};\n  min-width: 0;\n  overflow-wrap: anywhere;\n\n  ${({ $legacy }) =>\n    $legacy ? `margin-left: ${spacing.lg}px;` : `padding: 0 ${spacing.lg}px;`}\n\n  @media (max-width: 320px) {\n    flex: 0 0 100%;\n    order: 1;\n    padding: ${spacing.md}px 0 0;\n\n    ${({ $legacy }) => $legacy && 'margin-left: 0;'}\n  }\n`\n\nexport const StyledToastButton = styled(Button)`\n  align-self: flex-start;\n  line-height: 0;\n  color: ${colors.white};\n  flex-shrink: 0;\n  padding: 0;\n  margin-left: auto;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,WAAW;AAClC,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,WAAW,gBAAGR,MAAM,CAACS,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iRACjCN,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,EAGJ,UAAAO,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OAC7BA,QAAQ,KAAK,SAAS,GAAGT,MAAM,CAACU,OAAO,GAAGV,MAAM,CAACW,KAAK;AAAA,GACvCZ,YAAY,CAACa,EAAE,EAEvBZ,MAAM,CAACa,KAAK,EAGgBX,OAAO,CAACY,EAAE,EAEpCZ,OAAO,CAACU,EAAE,EAAMV,OAAO,CAACa,EAAE,EAI1Bf,MAAM,CAACa,KAAK,CAGxB;;AAED;AACA,OAAO,IAAMG,eAAe,gBAAGrB,MAAM,CAACsB,IAAI,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yJACtCV,mBAAmB,CAAC,MAAM,CAAC,EAEdC,iBAAiB,CAACoB,QAAQ,EAIvC,UAAAC,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAAA,OACVA,OAAO,mBAAAC,MAAA,CAAmBnB,OAAO,CAACY,EAAE,yBAAAO,MAAA,CAAsBnB,OAAO,CAACY,EAAE,QAAK;AAAA,GAK9DZ,OAAO,CAACU,EAAE,EAEnB,UAAAU,KAAA;EAAA,IAAGF,OAAO,GAAAE,KAAA,CAAPF,OAAO;EAAA,OAAOA,OAAO,IAAI,iBAAiB;AAAA,EAElD;AAED,OAAO,IAAMG,iBAAiB,gBAAG5B,MAAM,CAACC,MAAM,CAAC,CAAAS,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iGAGpCP,MAAM,CAACa,KAAK,CAItB"}
+{"version":3,"file":"Toast.styles.js","names":["styled","Button","getTypographyIntent","typographyWeights","borderRadius","colors","getShadow","spacing","StyledToast","div","withConfig","displayName","componentId","_ref","$variant","green30","red50","md","white","lg","xl","StyledToastText","span","semibold","_ref2","$legacy","concat","_ref3","StyledToastButton"],"sources":["../../src/Toast/Toast.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Button } from '../Button'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport type { ToastVariant } from './Toast.types'\n\nexport const StyledToast = styled.div<{ $variant: ToastVariant }>`\n  ${getShadow(4, 'bottom')}\n\n  align-items: center;\n  background-color: ${({ $variant }) =>\n    $variant === 'success' ? colors.green30 : colors.red50};\n  border-radius: ${borderRadius.md}px;\n  box-sizing: border-box;\n  color: ${colors.white};\n  display: flex;\n  flex-wrap: wrap;\n  max-width: min(550px, calc(100vw - ${spacing.lg}px));\n  min-height: 48px;\n  padding: ${spacing.md}px ${spacing.xl}px;\n  width: 550px;\n\n  a {\n    color: ${colors.white};\n    text-decoration: underline;\n  }\n`\n\n// $legacy is direct string inside Toast. Next is with subcomponents\nexport const StyledToastText = styled.span<{ $legacy?: boolean }>`\n  ${getTypographyIntent('body')}\n  flex: 1 1 0;\n  font-weight: ${typographyWeights.semibold};\n  min-width: 0;\n  overflow-wrap: anywhere;\n\n  ${({ $legacy }) =>\n    $legacy ? `margin-left: ${spacing.lg}px;` : `padding: 0 ${spacing.lg}px;`}\n\n  @media (max-width: 320px) {\n    flex: 0 0 100%;\n    order: 1;\n    padding: ${spacing.md}px 0 0;\n\n    ${({ $legacy }) => $legacy && 'margin-left: 0;'}\n  }\n`\n\nexport const StyledToastButton = styled(Button)`\n  align-self: flex-start;\n  line-height: 0;\n  color: ${colors.white};\n  flex-shrink: 0;\n  padding: 0;\n  margin-left: auto;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,WAAW;AAClC,SACEC,mBAAmB,EACnBC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,OAAO,QAAQ,oBAAoB;AAG5C,OAAO,IAAMC,WAAW,gBAAGR,MAAM,CAACS,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6QACjCN,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,EAGJ,UAAAO,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OAC7BA,QAAQ,KAAK,SAAS,GAAGT,MAAM,CAACU,OAAO,GAAGV,MAAM,CAACW,KAAK;AAAA,GACvCZ,YAAY,CAACa,EAAE,EAEvBZ,MAAM,CAACa,KAAK,EAGgBX,OAAO,CAACY,EAAE,EAEpCZ,OAAO,CAACU,EAAE,EAAMV,OAAO,CAACa,EAAE,EAI1Bf,MAAM,CAACa,KAAK,CAGxB;;AAED;AACA,OAAO,IAAMG,eAAe,gBAAGrB,MAAM,CAACsB,IAAI,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yJACtCV,mBAAmB,CAAC,MAAM,CAAC,EAEdC,iBAAiB,CAACoB,QAAQ,EAIvC,UAAAC,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAAA,OACVA,OAAO,mBAAAC,MAAA,CAAmBnB,OAAO,CAACY,EAAE,yBAAAO,MAAA,CAAsBnB,OAAO,CAACY,EAAE,QAAK;AAAA,GAK9DZ,OAAO,CAACU,EAAE,EAEnB,UAAAU,KAAA;EAAA,IAAGF,OAAO,GAAAE,KAAA,CAAPF,OAAO;EAAA,OAAOA,OAAO,IAAI,iBAAiB;AAAA,EAElD;AAED,OAAO,IAAMG,iBAAiB,gBAAG5B,MAAM,CAACC,MAAM,CAAC,CAAAS,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iGAGpCP,MAAM,CAACa,KAAK,CAItB","ignoreList":[]}

package/dist/Toast/Toast.types.d.ts

@@ -1,5 +1,5 @@
 import type { Props } from '../_utils/types';
-export declare type ToastVariant = 'error' | 'success';
+export type ToastVariant = 'error' | 'success';
 export interface ToastProps extends Props {
     /**
      * Controls icon and background color

package/dist/Toast/Toast.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.types.js","names":[],"sources":["../../src/Toast/Toast.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport type ToastVariant = 'error' | 'success'\n\nexport interface ToastProps extends Props {\n  /**\n   * Controls icon and background color\n   * @since 10.19.0\n   */\n  variant: ToastVariant\n}\n"],"mappings":""}
+{"version":3,"file":"Toast.types.js","names":[],"sources":["../../src/Toast/Toast.types.ts"],"sourcesContent":["import type { Props } from '../_utils/types'\n\nexport type ToastVariant = 'error' | 'success'\n\nexport interface ToastProps extends Props {\n  /**\n   * Controls icon and background color\n   * @since 10.19.0\n   */\n  variant: ToastVariant\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Toast/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Toast"],"sources":["../../src/Toast/index.ts"],"sourcesContent":["export { Toast } from './Toast'\nexport type {\n  ToastProps,\n  ToastVariant as ToastVariantProp,\n} from './Toast.types'\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS"}
+{"version":3,"file":"index.js","names":["Toast"],"sources":["../../src/Toast/index.ts"],"sourcesContent":["export { Toast } from './Toast'\nexport type {\n  ToastProps,\n  ToastVariant as ToastVariantProp,\n} from './Toast.types'\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS","ignoreList":[]}

package/dist/ToggleButton/ToggleButton.js.map

@@ -1 +1 @@
-{"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 type { 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://stories.core.procore.com/?path=/story/core-react_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"}
+{"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 type { 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://stories.core.procore.com/?path=/story/core-react_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","ignoreList":[]}

package/dist/ToggleButton/ToggleButton.styles.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export declare const StyledToggleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, {
     $selected: boolean;
-    loading?: boolean | undefined;
+    loading?: boolean;
 }>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/ToggleButton/ToggleButton.styles.js

@@ -5,7 +5,7 @@ import { focusBlue } from '../_styles/mixins';
 var selectedStyles = /*#__PURE__*/css(["background-color:", ";color:", ";box-shadow:0 0 0 2px ", ";[data-icon-prop='true']{color:", ";}&.hover,&:hover{background-color:", ";color:", ";}&.focus,&:focus{background-color:", ";color:", ";box-shadow:0 0 0 2px ", ";}&:disabled{background-color:", ";color:", ";box-shadow:0 0 0 2px ", ";[data-icon-prop='true']{color:", ";}circle{stroke:", ";}}"], colors.blue96, colors.blue45, colors.blue50, colors.blue50, colors.blue90, colors.blue45, colors.blue96, colors.blue45, colors.blue50, colors.blue96, colors.blue70, colors.blue70, colors.blue70, colors.blue50);
 export var StyledToggleButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToggleButton",
-  componentId: "core-12_53_0__sc-1x59fxi-0"
+  componentId: "core-12_53_1__sc-1x59fxi-0"
 })(["&.focus,&:focus{box-shadow:none;outline:2px solid ", ";outline-offset:4px;}&.selected{", "}", ""], focusBlue, selectedStyles, function (_ref) {
   var $selected = _ref.$selected;
   return $selected && selectedStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.styles.js","names":["styled","css","Button","colors","focusBlue","selectedStyles","blue96","blue45","blue50","blue90","blue70","StyledToggleButton","withConfig","displayName","componentId","_ref","$selected"],"sources":["../../src/ToggleButton/ToggleButton.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button } from '../Button/Button'\nimport { colors } from '../_styles/colors'\nimport { focusBlue } from '../_styles/mixins'\n\nconst selectedStyles = css`\n  background-color: ${colors.blue96};\n  color: ${colors.blue45};\n  box-shadow: 0 0 0 2px ${colors.blue50};\n\n  [data-icon-prop='true'] {\n    color: ${colors.blue50};\n  }\n\n  &.hover,\n  &:hover {\n    background-color: ${colors.blue90};\n    color: ${colors.blue45};\n  }\n\n  &.focus,\n  &:focus {\n    background-color: ${colors.blue96};\n    color: ${colors.blue45};\n    box-shadow: 0 0 0 2px ${colors.blue50};\n  }\n\n  &:disabled {\n    background-color: ${colors.blue96};\n    color: ${colors.blue70};\n    box-shadow: 0 0 0 2px ${colors.blue70};\n\n    [data-icon-prop='true'] {\n      color: ${colors.blue70};\n    }\n\n    circle {\n      stroke: ${colors.blue50};\n    }\n  }\n`\n\nexport const StyledToggleButton = styled(Button)<{\n  $selected: boolean\n  loading?: boolean\n}>`\n  &.focus,\n  &:focus {\n    box-shadow: none;\n    outline: 2px solid ${focusBlue};\n    outline-offset: 4px;\n  }\n\n  &.selected {\n    ${selectedStyles}\n  }\n\n  ${({ $selected }) => $selected && selectedStyles}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,mBAAmB;AAE7C,IAAMC,cAAc,gBAAGJ,GAAG,mWACJE,MAAM,CAACG,MAAM,EACxBH,MAAM,CAACI,MAAM,EACEJ,MAAM,CAACK,MAAM,EAG1BL,MAAM,CAACK,MAAM,EAKFL,MAAM,CAACM,MAAM,EACxBN,MAAM,CAACI,MAAM,EAKFJ,MAAM,CAACG,MAAM,EACxBH,MAAM,CAACI,MAAM,EACEJ,MAAM,CAACK,MAAM,EAIjBL,MAAM,CAACG,MAAM,EACxBH,MAAM,CAACO,MAAM,EACEP,MAAM,CAACO,MAAM,EAG1BP,MAAM,CAACO,MAAM,EAIZP,MAAM,CAACK,MAAM,CAG5B;AAED,OAAO,IAAMG,kBAAkB,gBAAGX,MAAM,CAACE,MAAM,CAAC,CAAAU,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wGAOvBV,SAAS,EAK5BC,cAAc,EAGhB,UAAAU,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OAAOA,SAAS,IAAIX,cAAc;AAAA,EACjD"}
+{"version":3,"file":"ToggleButton.styles.js","names":["styled","css","Button","colors","focusBlue","selectedStyles","blue96","blue45","blue50","blue90","blue70","StyledToggleButton","withConfig","displayName","componentId","_ref","$selected"],"sources":["../../src/ToggleButton/ToggleButton.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button } from '../Button/Button'\nimport { colors } from '../_styles/colors'\nimport { focusBlue } from '../_styles/mixins'\n\nconst selectedStyles = css`\n  background-color: ${colors.blue96};\n  color: ${colors.blue45};\n  box-shadow: 0 0 0 2px ${colors.blue50};\n\n  [data-icon-prop='true'] {\n    color: ${colors.blue50};\n  }\n\n  &.hover,\n  &:hover {\n    background-color: ${colors.blue90};\n    color: ${colors.blue45};\n  }\n\n  &.focus,\n  &:focus {\n    background-color: ${colors.blue96};\n    color: ${colors.blue45};\n    box-shadow: 0 0 0 2px ${colors.blue50};\n  }\n\n  &:disabled {\n    background-color: ${colors.blue96};\n    color: ${colors.blue70};\n    box-shadow: 0 0 0 2px ${colors.blue70};\n\n    [data-icon-prop='true'] {\n      color: ${colors.blue70};\n    }\n\n    circle {\n      stroke: ${colors.blue50};\n    }\n  }\n`\n\nexport const StyledToggleButton = styled(Button)<{\n  $selected: boolean\n  loading?: boolean\n}>`\n  &.focus,\n  &:focus {\n    box-shadow: none;\n    outline: 2px solid ${focusBlue};\n    outline-offset: 4px;\n  }\n\n  &.selected {\n    ${selectedStyles}\n  }\n\n  ${({ $selected }) => $selected && selectedStyles}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,SAAS,QAAQ,mBAAmB;AAE7C,IAAMC,cAAc,gBAAGJ,GAAG,mWACJE,MAAM,CAACG,MAAM,EACxBH,MAAM,CAACI,MAAM,EACEJ,MAAM,CAACK,MAAM,EAG1BL,MAAM,CAACK,MAAM,EAKFL,MAAM,CAACM,MAAM,EACxBN,MAAM,CAACI,MAAM,EAKFJ,MAAM,CAACG,MAAM,EACxBH,MAAM,CAACI,MAAM,EACEJ,MAAM,CAACK,MAAM,EAIjBL,MAAM,CAACG,MAAM,EACxBH,MAAM,CAACO,MAAM,EACEP,MAAM,CAACO,MAAM,EAG1BP,MAAM,CAACO,MAAM,EAIZP,MAAM,CAACK,MAAM,CAG5B;AAED,OAAO,IAAMG,kBAAkB,gBAAGX,MAAM,CAACE,MAAM,CAAC,CAAAU,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wGAOvBV,SAAS,EAK5BC,cAAc,EAGhB,UAAAU,IAAA;EAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAAA,OAAOA,SAAS,IAAIX,cAAc;AAAA,EACjD","ignoreList":[]}

package/dist/ToggleButton/ToggleButton.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ButtonSizes } from '../Button/Button.types';
 export interface ToggleButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.types.js","names":[],"sources":["../../src/ToggleButton/ToggleButton.types.ts"],"sourcesContent":["import type { ButtonSizes } from '../Button/Button.types'\n\nexport interface ToggleButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\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 `@procore/core-icons`.\n   * @since 10.19.0\n   */\n  icon?: React.ReactNode\n\n  /**\n   * Shows the toggle button spinner\n   * @since 12.13.0\n   */\n  loading?: boolean\n\n  /**\n   * The toggle button size\n   * @since 10.19.0\n   */\n  size?: ButtonSizes\n}\n"],"mappings":""}
+{"version":3,"file":"ToggleButton.types.js","names":[],"sources":["../../src/ToggleButton/ToggleButton.types.ts"],"sourcesContent":["import type { ButtonSizes } from '../Button/Button.types'\n\nexport interface ToggleButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\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 `@procore/core-icons`.\n   * @since 10.19.0\n   */\n  icon?: React.ReactNode\n\n  /**\n   * Shows the toggle button spinner\n   * @since 12.13.0\n   */\n  loading?: boolean\n\n  /**\n   * The toggle button size\n   * @since 10.19.0\n   */\n  size?: ButtonSizes\n}\n"],"mappings":"","ignoreList":[]}

package/dist/ToggleButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ToggleButton"],"sources":["../../src/ToggleButton/index.ts"],"sourcesContent":["export { ToggleButton } from './ToggleButton'\nexport type { ToggleButtonProps } from './ToggleButton.types'\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB"}
+{"version":3,"file":"index.js","names":["ToggleButton"],"sources":["../../src/ToggleButton/index.ts"],"sourcesContent":["export { ToggleButton } from './ToggleButton'\nexport type { ToggleButtonProps } from './ToggleButton.types'\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB","ignoreList":[]}

package/dist/Token/Token.js.map

@@ -1 +1 @@
-{"version":3,"file":"Token.js","names":["Clear","Error","ErrorIcon","useId","React","Tooltip","useI18nContext","addSubcomponents","StyledErrorButton","StyledErrorIcon","StyledLabel","StyledRemove","StyledToken","TokenContext","createContext","labelId","removeId","isDisabled","Parent","forwardRef","Token","_ref","ref","children","_ref$disabled","disabled","_ref$focused","focused","_ref$error","error","variant","props","_objectWithoutProperties","_excluded","i18n","isFocused","hasError","Boolean","errorMessage","undefined","createElement","Provider","value","_extends","tabIndex","$disabled","$focused","$error","overlay","t","type","size","role","Remove","TokenRemove","_React$useContext","useContext","concat","id","icon","Label","_ref2","_excluded2","_React$useContext2","displayName"],"sources":["../../src/Token/Token.tsx"],"sourcesContent":["import { Clear, Error as ErrorIcon } from '@procore/core-icons'\nimport { useId } from '@react-aria/utils'\nimport React from 'react'\nimport type { ButtonProps } from '../Button'\nimport { Tooltip } from '../Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledErrorButton,\n  StyledErrorIcon,\n  StyledLabel,\n  StyledRemove,\n  StyledToken,\n} from './Token.styles'\nimport type { TokenContextApi, TokenProps } from './Token.types'\n\nconst TokenContext = React.createContext<TokenContextApi>({\n  labelId: '',\n  removeId: '',\n  isDisabled: false,\n})\n\nconst Parent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & 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  const i18n = useI18nContext()\n  const labelId = useId()\n  const removeId = useId()\n  const isDisabled = disabled || variant === 'disabled'\n  const isFocused = focused || variant === 'focused'\n  const hasError = Boolean(error)\n  const errorMessage = typeof error === 'string' ? error : undefined\n\n  return (\n    <TokenContext.Provider value={{ labelId, removeId, isDisabled }}>\n      <StyledToken\n        ref={ref}\n        tabIndex={-1}\n        {...props}\n        $disabled={isDisabled}\n        $focused={isFocused}\n        $error={hasError}\n      >\n        {hasError &&\n          (errorMessage ? (\n            <Tooltip overlay={errorMessage}>\n              <StyledErrorButton\n                aria-label={i18n.t('core.token.error')}\n                type=\"button\"\n              >\n                <ErrorIcon size=\"sm\" />\n              </StyledErrorButton>\n            </Tooltip>\n          ) : (\n            <StyledErrorIcon aria-label={i18n.t('core.token.error')} role=\"img\">\n              <ErrorIcon size=\"sm\" />\n            </StyledErrorIcon>\n          ))}\n        {children}\n      </StyledToken>\n    </TokenContext.Provider>\n  )\n})\n\nconst Remove = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function TokenRemove(props, ref) {\n    const i18n = useI18nContext()\n    const { labelId, removeId, isDisabled } = React.useContext(TokenContext)\n\n    return (\n      <StyledRemove\n        ref={ref}\n        aria-hidden=\"false\"\n        aria-label={i18n.t('core.token.remove')}\n        aria-labelledby={`${removeId} ${labelId}`}\n        id={removeId}\n        disabled={isDisabled}\n        {...props}\n        icon={<Clear role=\"img\" />}\n        size=\"sm\"\n        variant=\"tertiary\"\n      />\n    )\n  }\n)\n\nconst Label = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement> & Props\n>(function Label({ children, ...props }, ref) {\n  const { labelId } = React.useContext(TokenContext)\n\n  return (\n    <StyledLabel id={labelId} ref={ref} {...props}>\n      {children}\n    </StyledLabel>\n  )\n})\n\nParent.displayName = 'Token'\nRemove.displayName = 'Token.Remove'\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://stories.core.procore.com/?path=/story/core-react_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":"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"}
+{"version":3,"file":"Token.js","names":["Clear","Error","ErrorIcon","useId","React","Tooltip","useI18nContext","addSubcomponents","StyledErrorButton","StyledErrorIcon","StyledLabel","StyledRemove","StyledToken","TokenContext","createContext","labelId","removeId","isDisabled","Parent","forwardRef","Token","_ref","ref","children","_ref$disabled","disabled","_ref$focused","focused","_ref$error","error","variant","props","_objectWithoutProperties","_excluded","i18n","isFocused","hasError","Boolean","errorMessage","undefined","createElement","Provider","value","_extends","tabIndex","$disabled","$focused","$error","overlay","t","type","size","role","Remove","TokenRemove","_React$useContext","useContext","concat","id","icon","Label","_ref2","_excluded2","_React$useContext2","displayName"],"sources":["../../src/Token/Token.tsx"],"sourcesContent":["import { Clear, Error as ErrorIcon } from '@procore/core-icons'\nimport { useId } from '@react-aria/utils'\nimport React from 'react'\nimport type { ButtonProps } from '../Button'\nimport { Tooltip } from '../Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledErrorButton,\n  StyledErrorIcon,\n  StyledLabel,\n  StyledRemove,\n  StyledToken,\n} from './Token.styles'\nimport type { TokenContextApi, TokenProps } from './Token.types'\n\nconst TokenContext = React.createContext<TokenContextApi>({\n  labelId: '',\n  removeId: '',\n  isDisabled: false,\n})\n\nconst Parent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & 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  const i18n = useI18nContext()\n  const labelId = useId()\n  const removeId = useId()\n  const isDisabled = disabled || variant === 'disabled'\n  const isFocused = focused || variant === 'focused'\n  const hasError = Boolean(error)\n  const errorMessage = typeof error === 'string' ? error : undefined\n\n  return (\n    <TokenContext.Provider value={{ labelId, removeId, isDisabled }}>\n      <StyledToken\n        ref={ref}\n        tabIndex={-1}\n        {...props}\n        $disabled={isDisabled}\n        $focused={isFocused}\n        $error={hasError}\n      >\n        {hasError &&\n          (errorMessage ? (\n            <Tooltip overlay={errorMessage}>\n              <StyledErrorButton\n                aria-label={i18n.t('core.token.error')}\n                type=\"button\"\n              >\n                <ErrorIcon size=\"sm\" />\n              </StyledErrorButton>\n            </Tooltip>\n          ) : (\n            <StyledErrorIcon aria-label={i18n.t('core.token.error')} role=\"img\">\n              <ErrorIcon size=\"sm\" />\n            </StyledErrorIcon>\n          ))}\n        {children}\n      </StyledToken>\n    </TokenContext.Provider>\n  )\n})\n\nconst Remove = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function TokenRemove(props, ref) {\n    const i18n = useI18nContext()\n    const { labelId, removeId, isDisabled } = React.useContext(TokenContext)\n\n    return (\n      <StyledRemove\n        ref={ref}\n        aria-hidden=\"false\"\n        aria-label={i18n.t('core.token.remove')}\n        aria-labelledby={`${removeId} ${labelId}`}\n        id={removeId}\n        disabled={isDisabled}\n        {...props}\n        icon={<Clear role=\"img\" />}\n        size=\"sm\"\n        variant=\"tertiary\"\n      />\n    )\n  }\n)\n\nconst Label = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement> & Props\n>(function Label({ children, ...props }, ref) {\n  const { labelId } = React.useContext(TokenContext)\n\n  return (\n    <StyledLabel id={labelId} ref={ref} {...props}>\n      {children}\n    </StyledLabel>\n  )\n})\n\nParent.displayName = 'Token'\nRemove.displayName = 'Token.Remove'\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://stories.core.procore.com/?path=/story/core-react_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":"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","ignoreList":[]}

package/dist/Token/Token.styles.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export declare const StyledErrorIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledErrorButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledRemove: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledToken: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $disabled: boolean;

package/dist/Token/Token.styles.js

@@ -7,23 +7,23 @@ import { getEllipsis, getFocus, getGapOutlineFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledErrorIcon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledErrorIcon",
-  componentId: "core-12_53_0__sc-zqi94b-0"
+  componentId: "core-12_53_1__sc-zqi94b-0"
 })(["align-items:center;color:", ";display:inline-flex;flex:0 0 auto;margin-right:", "px;"], colors.white, spacing.xs);
 export var StyledErrorButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledErrorButton",
-  componentId: "core-12_53_0__sc-zqi94b-1"
+  componentId: "core-12_53_1__sc-zqi94b-1"
 })(["", " align-items:center;border-radius:50%;color:", ";display:inline-flex;flex:0 0 auto;margin-right:", "px;&:focus-visible{", "}"], getUnstyledButton, colors.white, spacing.xs, getGapOutlineFocus('ontop'));
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_53_0__sc-zqi94b-2"
+  componentId: "core-12_53_1__sc-zqi94b-2"
 })(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
 export var StyledRemove = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledRemove",
-  componentId: "core-12_53_0__sc-zqi94b-3"
+  componentId: "core-12_53_1__sc-zqi94b-3"
 })(["border-radius:100%;color:", ";flex:0 0 auto;height:16px;margin:0 -", "px 0 ", "px;padding:0;width:16px;&:hover{background:", ";color:", ";}&:disabled,&[aria-disabled='true']{color:", ";}"], colors.white, spacing.sm, spacing.sm, colors.white, colors.blue40, colors.white);
 export var StyledToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToken",
-  componentId: "core-12_53_0__sc-zqi94b-4"
+  componentId: "core-12_53_1__sc-zqi94b-4"
 })(["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,

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

@@ -1 +1 @@
-{"version":3,"file":"Token.styles.js","names":["styled","css","Button","getUnstyledButton","getTypographyIntent","colors","getEllipsis","getFocus","getGapOutlineFocus","spacing","StyledErrorIcon","span","withConfig","displayName","componentId","white","xs","StyledErrorButton","button","StyledLabel","StyledRemove","sm","blue40","StyledToken","div","blue50","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 styled, { css } from 'styled-components'\nimport { Button } from '../Button'\nimport { getUnstyledButton } from '../Semantic/Semantic.styles'\nimport { getTypographyIntent } from '../Typography'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus, getGapOutlineFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledErrorIcon = styled.span`\n  align-items: center;\n  color: ${colors.white};\n  display: inline-flex;\n  flex: 0 0 auto;\n  margin-right: ${spacing.xs}px;\n`\n\nexport const StyledErrorButton = styled.button`\n  ${getUnstyledButton}\n  align-items: center;\n  border-radius: 50%;\n  color: ${colors.white};\n  display: inline-flex;\n  flex: 0 0 auto;\n  margin-right: ${spacing.xs}px;\n\n  &:focus-visible {\n    ${getGapOutlineFocus('ontop')}\n  }\n`\n\nexport const StyledLabel = styled.span`\n  ${getTypographyIntent('body')}\n\n  ${getEllipsis}\n\n  flex: 0 1 auto;\n`\n\nexport const StyledRemove = styled(Button)`\n  border-radius: 100%;\n  color: ${colors.white};\n  flex: 0 0 auto;\n  height: 16px;\n  margin: 0 -${spacing.sm}px 0 ${spacing.sm}px;\n  padding: 0;\n  width: 16px;\n\n  &:hover {\n    background: ${colors.white};\n    color: ${colors.blue40};\n  }\n\n  &:disabled,\n  &[aria-disabled='true'] {\n    color: ${colors.white};\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      ${!$disabled &&\n      css`\n        ${StyledRemove} {\n          background-color: ${colors.white};\n          color: ${colors.blue45};\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      padding-left: ${spacing.xs}px;\n\n      &,\n      &:hover {\n        background-color: ${colors.red50};\n      }\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,EAAEC,QAAQ,EAAEC,kBAAkB,QAAQ,mBAAmB;AAC7E,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,eAAe,gBAAGV,MAAM,CAACW,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6FAE/BT,MAAM,CAACU,KAAK,EAGLN,OAAO,CAACO,EAAE,CAC3B;AAED,OAAO,IAAMC,iBAAiB,gBAAGjB,MAAM,CAACkB,MAAM,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yIAC1CX,iBAAiB,EAGVE,MAAM,CAACU,KAAK,EAGLN,OAAO,CAACO,EAAE,EAGtBR,kBAAkB,CAAC,OAAO,CAAC,CAEhC;AAED,OAAO,IAAMW,WAAW,gBAAGnB,MAAM,CAACW,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAClCV,mBAAmB,CAAC,MAAM,CAAC,EAE3BE,WAAW,CAGd;AAED,OAAO,IAAMc,YAAY,gBAAGpB,MAAM,CAACE,MAAM,CAAC,CAAAU,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mMAE/BT,MAAM,CAACU,KAAK,EAGRN,OAAO,CAACY,EAAE,EAAQZ,OAAO,CAACY,EAAE,EAKzBhB,MAAM,CAACU,KAAK,EACjBV,MAAM,CAACiB,MAAM,EAKbjB,MAAM,CAACU,KAAK,CAExB;AAED,OAAO,IAAMQ,WAAW,gBAAGvB,MAAM,CAACwB,GAAG,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qRAMfT,MAAM,CAACoB,MAAM,EAGxBpB,MAAM,CAACU,KAAK,EAOVN,OAAO,CAACO,EAAE,EAAMP,OAAO,CAACiB,EAAE,EAIfrB,MAAM,CAACsB,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,IACR7B,GAAG,sCACCM,QAAQ,CAAC,CAAC,EAEQF,MAAM,CAACsB,MAAM,EAE/B,CAACK,SAAS,IACZ/B,GAAG,8CACCmB,YAAY,EACQf,MAAM,CAACU,KAAK,EACvBV,MAAM,CAACsB,MAAM,CAEzB,CACF;AAAA,GAED,UAAAM,KAAA;EAAA,IAAAC,eAAA,GAAAD,KAAA,CAAGD,SAAS;IAATA,SAAS,GAAAE,eAAA,cAAG,KAAK,GAAAA,eAAA;EAAA,OACpBF,SAAS,IACT/B,GAAG,0FACmBI,MAAM,CAAC8B,MAAM,CAIlC;AAAA,GAED,UAAAC,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;EAAA,OACjBC,MAAM,IACNrC,GAAG,4DACeQ,OAAO,CAACO,EAAE,EAIJX,MAAM,CAACkC,KAAK,CAEnC;AAAA,EACJ"}
+{"version":3,"file":"Token.styles.js","names":["styled","css","Button","getUnstyledButton","getTypographyIntent","colors","getEllipsis","getFocus","getGapOutlineFocus","spacing","StyledErrorIcon","span","withConfig","displayName","componentId","white","xs","StyledErrorButton","button","StyledLabel","StyledRemove","sm","blue40","StyledToken","div","blue50","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 styled, { css } from 'styled-components'\nimport { Button } from '../Button'\nimport { getUnstyledButton } from '../Semantic/Semantic.styles'\nimport { getTypographyIntent } from '../Typography'\nimport { colors } from '../_styles/colors'\nimport { getEllipsis, getFocus, getGapOutlineFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledErrorIcon = styled.span`\n  align-items: center;\n  color: ${colors.white};\n  display: inline-flex;\n  flex: 0 0 auto;\n  margin-right: ${spacing.xs}px;\n`\n\nexport const StyledErrorButton = styled.button`\n  ${getUnstyledButton}\n  align-items: center;\n  border-radius: 50%;\n  color: ${colors.white};\n  display: inline-flex;\n  flex: 0 0 auto;\n  margin-right: ${spacing.xs}px;\n\n  &:focus-visible {\n    ${getGapOutlineFocus('ontop')}\n  }\n`\n\nexport const StyledLabel = styled.span`\n  ${getTypographyIntent('body')}\n\n  ${getEllipsis}\n\n  flex: 0 1 auto;\n`\n\nexport const StyledRemove = styled(Button)`\n  border-radius: 100%;\n  color: ${colors.white};\n  flex: 0 0 auto;\n  height: 16px;\n  margin: 0 -${spacing.sm}px 0 ${spacing.sm}px;\n  padding: 0;\n  width: 16px;\n\n  &:hover {\n    background: ${colors.white};\n    color: ${colors.blue40};\n  }\n\n  &:disabled,\n  &[aria-disabled='true'] {\n    color: ${colors.white};\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      ${!$disabled &&\n      css`\n        ${StyledRemove} {\n          background-color: ${colors.white};\n          color: ${colors.blue45};\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      padding-left: ${spacing.xs}px;\n\n      &,\n      &:hover {\n        background-color: ${colors.red50};\n      }\n    `}\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,WAAW,EAAEC,QAAQ,EAAEC,kBAAkB,QAAQ,mBAAmB;AAC7E,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,eAAe,gBAAGV,MAAM,CAACW,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6FAE/BT,MAAM,CAACU,KAAK,EAGLN,OAAO,CAACO,EAAE,CAC3B;AAED,OAAO,IAAMC,iBAAiB,gBAAGjB,MAAM,CAACkB,MAAM,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yIAC1CX,iBAAiB,EAGVE,MAAM,CAACU,KAAK,EAGLN,OAAO,CAACO,EAAE,EAGtBR,kBAAkB,CAAC,OAAO,CAAC,CAEhC;AAED,OAAO,IAAMW,WAAW,gBAAGnB,MAAM,CAACW,IAAI,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAClCV,mBAAmB,CAAC,MAAM,CAAC,EAE3BE,WAAW,CAGd;AAED,OAAO,IAAMc,YAAY,gBAAGpB,MAAM,CAACE,MAAM,CAAC,CAAAU,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mMAE/BT,MAAM,CAACU,KAAK,EAGRN,OAAO,CAACY,EAAE,EAAQZ,OAAO,CAACY,EAAE,EAKzBhB,MAAM,CAACU,KAAK,EACjBV,MAAM,CAACiB,MAAM,EAKbjB,MAAM,CAACU,KAAK,CAExB;AAED,OAAO,IAAMQ,WAAW,gBAAGvB,MAAM,CAACwB,GAAG,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qRAMfT,MAAM,CAACoB,MAAM,EAGxBpB,MAAM,CAACU,KAAK,EAOVN,OAAO,CAACO,EAAE,EAAMP,OAAO,CAACiB,EAAE,EAIfrB,MAAM,CAACsB,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,IACR7B,GAAG,sCACCM,QAAQ,CAAC,CAAC,EAEQF,MAAM,CAACsB,MAAM,EAE/B,CAACK,SAAS,IACZ/B,GAAG,8CACCmB,YAAY,EACQf,MAAM,CAACU,KAAK,EACvBV,MAAM,CAACsB,MAAM,CAEzB,CACF;AAAA,GAED,UAAAM,KAAA;EAAA,IAAAC,eAAA,GAAAD,KAAA,CAAGD,SAAS;IAATA,SAAS,GAAAE,eAAA,cAAG,KAAK,GAAAA,eAAA;EAAA,OACpBF,SAAS,IACT/B,GAAG,0FACmBI,MAAM,CAAC8B,MAAM,CAIlC;AAAA,GAED,UAAAC,KAAA;EAAA,IAAAC,YAAA,GAAAD,KAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;EAAA,OACjBC,MAAM,IACNrC,GAAG,4DACeQ,OAAO,CAACO,EAAE,EAIJX,MAAM,CAACkC,KAAK,CAEnC;AAAA,EACJ","ignoreList":[]}

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

@@ -1 +1 @@
-{"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   * When `true`, displays an error icon.\n   * When a `string`, displays an error icon with a tooltip containing the error message.\n   * @since 10.19.0\n   */\n  error?: boolean | string\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\nexport interface TokenContextApi {\n  labelId: string\n  removeId: string\n  isDisabled: boolean\n}\n"],"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   * When `true`, displays an error icon.\n   * When a `string`, displays an error icon with a tooltip containing the error message.\n   * @since 10.19.0\n   */\n  error?: boolean | string\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\nexport interface TokenContextApi {\n  labelId: string\n  removeId: string\n  isDisabled: boolean\n}\n"],"mappings":"","ignoreList":[]}

package/dist/Token/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Token"],"sources":["../../src/Token/index.ts"],"sourcesContent":["export { Token } from './Token'\nexport type { TokenProps } from './Token.types'\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS"}
+{"version":3,"file":"index.js","names":["Token"],"sources":["../../src/Token/index.ts"],"sourcesContent":["export { Token } from './Token'\nexport type { TokenProps } from './Token.types'\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS","ignoreList":[]}

package/dist/ToolHeader/ActionIcon.js.map

@@ -1 +1 @@
-{"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 type {\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"}
+{"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 type {\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","ignoreList":[]}

package/dist/ToolHeader/ActionIcon.types.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import type { Polymorphic } from '../_utils/polymorphic';
 import type { AriaLabelled } from '../_utils/types';
-export declare type ActionIconPolyType = 'link' | 'button';
+export type ActionIconPolyType = 'link' | 'button';
 export interface ActionIconPolyTagMap extends Record<ActionIconPolyType, React.ElementType> {
     link: 'a';
     button: 'button';
 }
-export declare type ActionIconRef<Role extends ActionIconPolyType> = Polymorphic.Ref<ActionIconPolyTagMap, Role>;
-export declare type ActionIconProps<Role extends ActionIconPolyType> = Role extends 'link' ? Polymorphic.ComponentPropsWithRef<ActionIconPolyTagMap, 'link', 'href' | 'aria-label'> : Role extends 'button' ? AriaLabelled<Polymorphic.ComponentPropsWithRef<ActionIconPolyTagMap, 'button', 'onClick'>> : unknown;
+export type ActionIconRef<Role extends ActionIconPolyType> = Polymorphic.Ref<ActionIconPolyTagMap, Role>;
+export type ActionIconProps<Role extends ActionIconPolyType> = Role extends 'link' ? Polymorphic.ComponentPropsWithRef<ActionIconPolyTagMap, 'link', 'href' | 'aria-label'> : Role extends 'button' ? AriaLabelled<Polymorphic.ComponentPropsWithRef<ActionIconPolyTagMap, 'button', 'onClick'>> : unknown;

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

@@ -1 +1 @@
-{"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,SAAJA,EAAEA,CAAGC,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,SAAJA,EAAEA,CAAGC,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"}
+{"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,SAAJA,EAAEA,CAAGC,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,SAAJA,EAAEA,CAAGC,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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.types.js","names":[],"sources":["../../src/ToolHeader/ActionIcon.types.ts"],"sourcesContent":["import type { Polymorphic } from '../_utils/polymorphic'\nimport type { 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":""}
+{"version":3,"file":"ActionIcon.types.js","names":[],"sources":["../../src/ToolHeader/ActionIcon.types.ts"],"sourcesContent":["import type { Polymorphic } from '../_utils/polymorphic'\nimport type { 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":"","ignoreList":[]}

package/dist/ToolHeader/ToolHeader.d.ts

@@ -3,7 +3,7 @@ import type { ToolHeaderBadgeProps, ToolHeaderIconProps, ToolHeaderSettingsActio
 export declare const Icon: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & ToolHeaderIconProps & React.RefAttributes<HTMLDivElement>>;
 declare function SettingsActionInner<Role extends ToolHeaderSettingsActionPolyType>(props: ToolHeaderSettingsActionProps<Role>, ref: ToolHeaderSettingsActionRef<Role>): React.JSX.Element;
 export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Semantic/Semantic.types").HeadingProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & {
-    ref?: ((instance: HTMLHeadingElement | null) => void) | React.RefObject<HTMLHeadingElement> | null | undefined;
+    ref?: ((instance: HTMLHeadingElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLHeadingElement> | null | undefined;
 }, never>> & string & Omit<React.ForwardRefExoticComponent<import("../Semantic/Semantic.types").HeadingProps & React.RefAttributes<HTMLHeadingElement>>, keyof React.Component<any, {}, any>>;
 export declare const Tabs: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export declare const Actions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -58,7 +58,7 @@ export declare const Badge: React.ForwardRefExoticComponent<React.HTMLAttributes
 export declare const ToolHeader: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLDivElement>> & {
     Icon: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & ToolHeaderIconProps & React.RefAttributes<HTMLDivElement>>;
     Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Semantic/Semantic.types").HeadingProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & {
-        ref?: ((instance: HTMLHeadingElement | null) => void) | React.RefObject<HTMLHeadingElement> | null | undefined;
+        ref?: ((instance: HTMLHeadingElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLHeadingElement> | null | undefined;
     }, never>> & string & Omit<React.ForwardRefExoticComponent<import("../Semantic/Semantic.types").HeadingProps & React.RefAttributes<HTMLHeadingElement>>, keyof React.Component<any, {}, any>>;
     Tabs: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     Actions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/ToolHeader/ToolHeader.js

@@ -26,9 +26,9 @@ export var Icon = /*#__PURE__*/React.forwardRef(function Icon(_ref, ref) {
   var className = _ref.className,
     icon_ = _ref.icon,
     props = _objectWithoutProperties(_ref, _excluded);
-  var icon = icon_ ? /*#__PURE__*/React.cloneElement(icon_, _objectSpread(_objectSpread({}, props), {}, {
+  var icon = icon_ ? (/*#__PURE__*/React.cloneElement(icon_, _objectSpread(_objectSpread({}, props), {}, {
     size: 'sm'
-  })) : /*#__PURE__*/React.createElement(Cog, _extends({}, props, {
+  }))) : /*#__PURE__*/React.createElement(Cog, _extends({}, props, {
     size: "sm"
   }));
   return /*#__PURE__*/React.createElement(StyledToolHeaderIconContainer, {