@payloadcms/ui 3.84.0 → 4.0.0-internal.38b7f1d

package/dist/elements/Button/index.css

@@ -0,0 +1,527 @@
+@layer payload-default {
+  a.btn {
+    display: inline-block;
+  }
+
+  /* Base button */
+
+  .btn {
+    --btn-padding-block-start: 0;
+    --btn-padding-inline-end: 0;
+    --btn-padding-block-end: 0;
+    --btn-padding-inline-start: 0;
+    --btn-icon-size: 1rem;
+    --btn-icon-border-color: currentColor;
+    --btn-icon-padding: 0;
+    --btn-icon-content-gap: var(--spacer-1);
+    --margin-block: 0.25rem;
+
+    * {
+      pointer-events: none;
+    }
+
+    border-radius: var(--radius-medium);
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    margin-block: var(--margin-block);
+    border: 1px solid transparent;
+    cursor: pointer;
+    text-decoration: none;
+    padding: var(--btn-padding-block-start) var(--btn-padding-inline-end)
+      var(--btn-padding-block-end) var(--btn-padding-inline-start);
+    color: inherit;
+    background-color: transparent;
+
+    &.btn--disabled {
+      cursor: not-allowed;
+    }
+  }
+
+  .btn--disabled,
+  .btn--disabled .btn {
+    cursor: not-allowed;
+  }
+
+  /* Style variants */
+
+  .btn--style-primary {
+    color: var(--text-onbrand);
+    background-color: var(--bg-brand);
+
+    &:hover:not(.btn--disabled),
+    &:focus-visible:not(.btn--disabled) {
+      background-color: var(--bg-brand-hover);
+    }
+
+    &:active:not(.btn--disabled) {
+      background-color: var(--bg-brand-pressed);
+    }
+
+    &.btn--disabled {
+      color: var(--text-disabled-ondisabled);
+      background-color: var(--bg-disabled-default);
+    }
+  }
+
+  .btn--style-secondary {
+    color: var(--text-default);
+    background-color: var(--bg-default-default);
+    border: 1px solid var(--special-border-translucent);
+
+    &:hover:not(.btn--disabled),
+    &:focus-visible:not(.btn--disabled) {
+      background-color: var(--bg-transparent-hover);
+    }
+
+    &:active:not(.btn--disabled) {
+      background-color: var(--bg-transparent-pressed);
+    }
+
+    &.btn--disabled {
+      color: var(--text-disabled-default);
+    }
+  }
+
+  .btn--style-dashed {
+    color: var(--text-default);
+    background-color: transparent;
+    border: 1px dashed var(--special-border-translucent);
+
+    &:hover:not(.btn--disabled),
+    &:focus-visible:not(.btn--disabled) {
+      border-color: var(--border-default);
+    }
+
+    &:active:not(.btn--disabled) {
+      border-color: var(--border-default);
+      background-color: var(--bg-transparent-pressed);
+    }
+
+    &.btn--disabled {
+      color: var(--text-disabled-default);
+      border-color: var(--border-disabled-default);
+    }
+  }
+
+  .btn--style-pill {
+    color: var(--text-default);
+    background-color: var(--bg-default-secondary);
+
+    &:hover:not(.btn--disabled),
+    &:focus-visible:not(.btn--disabled) {
+      background-color: var(--bg-default-secondary-hover);
+    }
+
+    &:active:not(.btn--disabled) {
+      background-color: var(--bg-default-secondary-pressed);
+    }
+
+    &.btn--disabled {
+      color: var(--text-disabled-default);
+    }
+  }
+
+  .btn--style-destructive {
+    color: var(--text-danger-ondanger);
+    background-color: var(--bg-danger);
+
+    &:hover:not(.btn--disabled),
+    &:focus-visible:not(.btn--disabled) {
+      background-color: var(--bg-danger-hover);
+    }
+
+    &:active:not(.btn--disabled) {
+      background-color: var(--bg-danger-pressed);
+    }
+
+    &.btn--disabled {
+      color: var(--text-disabled-ondisabled);
+      background-color: var(--bg-disabled-default);
+    }
+  }
+
+  .btn--style-ghost {
+    color: var(--text-default);
+    background-color: transparent;
+
+    &:hover:not(.btn--disabled),
+    &:focus-visible:not(.btn--disabled) {
+      background-color: var(--bg-transparent-hover);
+    }
+
+    &:active:not(.btn--disabled) {
+      background-color: var(--bg-transparent-pressed);
+    }
+
+    &.btn--disabled {
+      color: var(--text-disabled-default);
+    }
+  }
+
+  .btn--style-icon-label,
+  .btn--style-icon-label.btn--icon-position-left,
+  .btn--style-icon-label.btn--icon-position-right {
+    --margin-block: 0;
+    padding: 0 var(--spacer-2) 0 var(--spacer-1);
+    min-height: var(--spacer-4);
+    border-width: 0;
+    font-weight: var(--text-body-medium-font-weight);
+    color: var(--text-default);
+    background-color: transparent;
+    border-radius: var(--radius-medium);
+
+    &:not(.btn--icon) {
+      padding: 0 var(--spacer-2);
+    }
+
+    &:hover:not(.btn--disabled) {
+      background: var(--bg-transparent-hover);
+    }
+
+    &:active:not(.btn--disabled) {
+      background: var(--bg-transparent-pressed);
+    }
+
+    &.btn--disabled {
+      color: var(--text-disabled-default);
+    }
+
+    .btn__content {
+      --btn-icon-content-gap: 0;
+    }
+
+    /* temp until icons setup */
+    .btn__icon {
+      width: var(--spacer-4);
+      height: var(--spacer-4);
+    }
+    .btn__icon svg {
+      min-width: var(--spacer-4);
+      min-height: var(--spacer-4);
+    }
+
+    /* temp until icons setup */
+    .btn__icon {
+      width: var(--spacer-4);
+      height: var(--spacer-4);
+    }
+    .btn__icon svg {
+      min-width: var(--spacer-4);
+      min-height: var(--spacer-4);
+    }
+  }
+
+  .btn--style-icon-subtle,
+  .btn--style-icon-subtle.btn--icon-position-left,
+  .btn--style-icon-subtle.btn--icon-position-right {
+    --margin-block: 0;
+    padding: 0;
+    border-width: 0;
+    color: var(--icon-secondary);
+    border-radius: var(--radius-medium);
+    transition: color 100ms;
+
+    &:hover:not(.btn--disabled) {
+      color: var(--icon-default);
+    }
+
+    &:active:not(.btn--disabled) {
+      color: var(--icon-default);
+    }
+
+    &.btn--disabled {
+      color: var(--icon-disabled);
+    }
+
+    .btn__content {
+      --btn-icon-content-gap: 0;
+    }
+
+    .btn__icon {
+      width: auto;
+      height: auto;
+      border: none;
+    }
+  }
+
+  .btn--style-subtle {
+    color: var(--text-default);
+    background-color: var(--bg-default-secondary);
+    border: 1px solid var(--border-default);
+
+    &:hover:not(.btn--disabled),
+    &:focus-visible:not(.btn--disabled) {
+      background-color: var(--bg-default-secondary-hover);
+    }
+
+    &:active:not(.btn--disabled) {
+      background-color: var(--bg-default-secondary-pressed);
+    }
+
+    &.btn--disabled {
+      color: var(--text-disabled-default);
+    }
+  }
+
+  .btn--style-tab {
+    color: var(--text-default);
+    background-color: transparent;
+    font-weight: 500;
+
+    &:hover:not(.btn--disabled),
+    &:focus-visible:not(.btn--disabled) {
+      background-color: var(--bg-transparent-hover);
+    }
+
+    &:active:not(.btn--disabled) {
+      background-color: var(--bg-transparent-pressed);
+    }
+
+    &.btn--disabled {
+      font-weight: 600;
+      background-color: var(--bg-default-secondary);
+    }
+  }
+
+  .btn--style-none {
+    padding: 0;
+  }
+
+  /* Icon */
+
+  .btn__icon {
+    width: var(--btn-icon-size);
+    height: var(--btn-icon-size);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid var(--btn-icon-border-color);
+    border-radius: 100%;
+    padding: var(--btn-icon-padding);
+    color: inherit;
+
+    svg {
+      width: 100%;
+      height: 100%;
+    }
+
+    .stroke {
+      stroke: currentColor;
+      fill: none;
+    }
+
+    .fill {
+      fill: currentColor;
+    }
+  }
+
+  .btn__content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .btn--has-tooltip {
+    position: relative;
+  }
+
+  .btn--icon {
+    .btn__content {
+      gap: var(--btn-icon-content-gap);
+    }
+  }
+
+  .btn--icon-style-without-border,
+  .btn--icon-style-none {
+    --btn-icon-border-color: transparent;
+  }
+
+  .btn--icon-position-left {
+    .btn__content {
+      flex-direction: row-reverse;
+    }
+  }
+
+  /* Sizes */
+
+  .btn--size-medium {
+    --btn-icon-size: 1rem;
+    --btn-icon-content-gap: var(--spacer-1);
+    --btn-padding-block-start: var(--spacer-1);
+    --btn-padding-inline-end: var(--spacer-2);
+    --btn-padding-block-end: var(--spacer-1);
+    --btn-padding-inline-start: var(--spacer-2);
+
+    &:not(.btn--icon-only).btn--icon-position-left {
+      --btn-padding-inline-start: var(--spacer-1);
+    }
+
+    &:not(.btn--icon-only).btn--icon-position-right {
+      --btn-padding-inline-end: var(--spacer-1);
+    }
+  }
+
+  .btn--size-large {
+    --btn-icon-size: 1rem;
+    --btn-icon-content-gap: var(--spacer-1);
+    --btn-padding-block-start: var(--spacer-2);
+    --btn-padding-inline-end: var(--spacer-2-5);
+    --btn-padding-inline-start: var(--spacer-2-5);
+    --btn-padding-block-end: var(--spacer-2);
+
+    &:not(.btn--icon-only).btn--icon-position-left {
+      --btn-padding-inline-start: var(--spacer-2);
+    }
+
+    &:not(.btn--icon-only).btn--icon-position-right {
+      --btn-padding-inline-end: var(--spacer-2);
+    }
+  }
+
+  .btn--no-margin {
+    --margin-block: 0;
+  }
+
+  /* Popup split-button pattern */
+
+  .btn--withPopup {
+    display: flex;
+    margin-block: 0.25rem;
+
+    .btn {
+      margin: 0;
+
+      html:not([dir='RTL']) & {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+
+      html[dir='RTL'] & {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+    }
+
+    .popup-button {
+      border-radius: var(--radius-medium);
+      align-items: center;
+
+      html:not([dir='RTL']) & {
+        border-left: 1px solid var(--bg-default);
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+
+      html[dir='RTL'] & {
+        border-right: 1px solid var(--bg-default);
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+    }
+  }
+
+  .btn--withPopup.btn--style-primary {
+    .btn,
+    .popup-button {
+      color: var(--text-onbrand);
+      background-color: var(--bg-brand);
+
+      &:hover,
+      &:focus-visible,
+      &:active {
+        background-color: var(--bg-brand-hover);
+      }
+    }
+
+    &.btn--disabled .btn,
+    &.btn--disabled .popup-button {
+      color: var(--text-disabled-ondisabled);
+      background-color: var(--bg-disabled-default);
+
+      &:hover,
+      &:focus-visible,
+      &:active {
+        background-color: var(--bg-disabled-default);
+      }
+    }
+  }
+
+  .btn--withPopup.btn--style-secondary {
+    .btn,
+    .popup-button {
+      color: var(--text-default);
+      background-color: var(--bg-default-default);
+      border-color: var(--special-border-translucent);
+
+      &:hover,
+      &:focus-visible,
+      &:active {
+        background-color: var(--bg-transparent-hover);
+      }
+    }
+
+    &.btn--disabled .btn,
+    &.btn--disabled .popup-button {
+      color: var(--text-disabled-default);
+
+      &:hover,
+      &:focus-visible,
+      &:active {
+        background-color: var(--bg-default-default);
+      }
+    }
+  }
+
+  .btn--withPopup.btn--style-destructive {
+    .btn,
+    .popup-button {
+      color: var(--text-danger-ondanger);
+      background-color: var(--bg-danger);
+
+      &:hover,
+      &:focus-visible,
+      &:active {
+        background-color: var(--bg-danger-hover);
+      }
+    }
+
+    &.btn--disabled .btn,
+    &.btn--disabled .popup-button {
+      color: var(--text-disabled-ondisabled);
+      background-color: var(--bg-disabled-default);
+
+      &:hover,
+      &:focus-visible,
+      &:active {
+        background-color: var(--bg-disabled-default);
+      }
+    }
+  }
+
+  .btn--withPopup.btn--style-ghost {
+    .btn,
+    .popup-button {
+      color: var(--text-default);
+      background-color: transparent;
+
+      &:hover,
+      &:focus-visible,
+      &:active {
+        background-color: var(--bg-transparent-hover);
+      }
+    }
+
+    &.btn--disabled .btn,
+    &.btn--disabled .popup-button {
+      color: var(--text-disabled-default);
+
+      &:hover,
+      &:focus-visible,
+      &:active {
+        background-color: transparent;
+      }
+    }
+  }
+}

package/dist/elements/Button/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { Props } from './types.js';
-import './index.scss';
+import './index.css';
 export declare const ButtonContents: ({ children, icon, showTooltip, tooltip }: {
     children: any;
     icon: any;

package/dist/elements/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmC,MAAM,OAAO,CAAA;AAEvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAUvC,OAAO,cAAc,CAAA;AAcrB,eAAO,MAAM,cAAc;;;;;uBAqB1B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwJlC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAUvC,OAAO,aAAa,CAAA;AAcpB,eAAO,MAAM,cAAc;;;;;uBAuB1B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwJlC,CAAA"}

package/dist/elements/Button/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { Fragment, isValidElement } from 'react';
+import React, { Fragment } from 'react';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { EditIcon } from '../../icons/Edit/index.js';
 import { LinkIcon } from '../../icons/Link/index.js';
@@ -10,7 +10,7 @@ import { SwapIcon } from '../../icons/Swap/index.js';
 import { XIcon } from '../../icons/X/index.js';
 import { Link } from '../Link/index.js';
 import { Popup } from '../Popup/index.js';
-import './index.scss';
+import './index.css';
 import { Tooltip } from '../Tooltip/index.js';
 const icons = {
   chevron: ChevronIcon,
@@ -27,7 +27,9 @@ export const ButtonContents = ({
   showTooltip,
   tooltip
 }) => {
-  const BuiltInIcon = icons[icon];
+  const BuiltInIcon = typeof icon === 'string' ? icons[icon] : undefined;
+  // Check if icon is a React element (including RSC payloads) - not a string icon name
+  const isReactIcon = icon && typeof icon !== 'string';
   return /*#__PURE__*/_jsxs(Fragment, {
     children: [tooltip && /*#__PURE__*/_jsx(Tooltip, {
       className: `${baseClass}__tooltip`,
@@ -40,7 +42,7 @@ export const ButtonContents = ({
         children: children
       }), icon && /*#__PURE__*/_jsxs("span", {
         className: `${baseClass}__icon`,
-        children: [/*#__PURE__*/isValidElement(icon) && icon, BuiltInIcon && /*#__PURE__*/_jsx(BuiltInIcon, {})]
+        children: [isReactIcon && icon, BuiltInIcon && /*#__PURE__*/_jsx(BuiltInIcon, {})]
       })]
     })]
   });
@@ -97,7 +99,7 @@ export const Button = props => {
     onPointerLeave: tooltip ? () => setShowTooltip(false) : undefined,
     rel: newTab ? 'noopener noreferrer' : undefined,
     target: newTab ? '_blank' : undefined,
-    title: ariaLabel,
+    title: tooltip ? undefined : ariaLabel,
     ...extraButtonProps
   };
   let buttonElement;

package/dist/elements/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Fragment","isValidElement","ChevronIcon","EditIcon","LinkIcon","PlusIcon","SwapIcon","XIcon","Link","Popup","Tooltip","icons","chevron","edit","link","plus","swap","x","baseClass","ButtonContents","children","icon","showTooltip","tooltip","BuiltInIcon","_jsxs","_jsx","className","show","Button","props","id","type","ariaLabel","buttonStyle","disabled","el","enableSubMenu","extraButtonProps","iconPosition","iconStyle","margin","newTab","onClick","onMouseDown","ref","round","size","SubMenuPopupContent","to","url","setShowTooltip","useState","classes","filter","Boolean","join","handleClick","event","preventDefault","styleClasses","buttonProps","undefined","onPointerEnter","onPointerLeave","rel","target","title","buttonElement","href","prefetch","Tag","button","buttonSize","horizontalAlign","noBackground","render","close","verticalAlign"],"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment, isValidElement } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { EditIcon } from '../../icons/Edit/index.js'\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { SwapIcon } from '../../icons/Swap/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { Link } from '../Link/index.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.scss'\nimport { Tooltip } from '../Tooltip/index.js'\n\nconst icons = {\n  chevron: ChevronIcon,\n  edit: EditIcon,\n  link: LinkIcon,\n  plus: PlusIcon,\n  swap: SwapIcon,\n  x: XIcon,\n}\n\nconst baseClass = 'btn'\n\nexport const ButtonContents = ({ children, icon, showTooltip, tooltip }) => {\n  const BuiltInIcon = icons[icon]\n\n  return (\n    <Fragment>\n      {tooltip && (\n        <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n          {tooltip}\n        </Tooltip>\n      )}\n      <span className={`${baseClass}__content`}>\n        {children && <span className={`${baseClass}__label`}>{children}</span>}\n        {icon && (\n          <span className={`${baseClass}__icon`}>\n            {isValidElement(icon) && icon}\n            {BuiltInIcon && <BuiltInIcon />}\n          </span>\n        )}\n      </span>\n    </Fragment>\n  )\n}\n\nexport const Button: React.FC<Props> = (props) => {\n  const {\n    id,\n    type = 'button',\n    'aria-label': ariaLabel,\n    buttonStyle = 'primary',\n    children,\n    className,\n    disabled,\n    el = 'button',\n    enableSubMenu,\n    extraButtonProps = {},\n    icon,\n    iconPosition = 'right',\n    iconStyle = 'without-border',\n    margin = true,\n    newTab,\n    onClick,\n    onMouseDown,\n    ref,\n    round,\n    size = 'medium',\n    SubMenuPopupContent,\n    to,\n    tooltip,\n    url,\n  } = props\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n\n  const classes = [\n    baseClass,\n    className && className,\n    icon && `${baseClass}--icon`,\n    iconStyle && `${baseClass}--icon-style-${iconStyle}`,\n    icon && !children && `${baseClass}--icon-only`,\n    size && `${baseClass}--size-${size}`,\n    icon && iconPosition && `${baseClass}--icon-position-${iconPosition}`,\n    tooltip && `${baseClass}--has-tooltip`,\n    !SubMenuPopupContent && `${baseClass}--withoutPopup`,\n    !margin && `${baseClass}--no-margin`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  function handleClick(event) {\n    setShowTooltip(false)\n    if (type !== 'submit' && onClick) {\n      event.preventDefault()\n    }\n    if (onClick) {\n      onClick(event)\n    }\n  }\n\n  const styleClasses = [\n    buttonStyle && `${baseClass}--style-${buttonStyle}`,\n    disabled && `${baseClass}--disabled`,\n    round && `${baseClass}--round`,\n    SubMenuPopupContent ? `${baseClass}--withPopup` : `${baseClass}--withoutPopup`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const buttonProps = {\n    id,\n    type,\n    'aria-disabled': disabled,\n    'aria-label': ariaLabel,\n    className: !SubMenuPopupContent ? [classes, styleClasses].join(' ') : classes,\n    disabled,\n    onClick: !disabled ? handleClick : undefined,\n    onMouseDown: !disabled ? onMouseDown : undefined,\n    onPointerEnter: tooltip ? () => setShowTooltip(true) : undefined,\n    onPointerLeave: tooltip ? () => setShowTooltip(false) : undefined,\n    rel: newTab ? 'noopener noreferrer' : undefined,\n    target: newTab ? '_blank' : undefined,\n    title: ariaLabel,\n    ...extraButtonProps,\n  }\n\n  let buttonElement\n\n  switch (el) {\n    case 'anchor':\n      buttonElement = (\n        <a\n          {...buttonProps}\n          href={!disabled ? url : undefined}\n          ref={ref as React.RefObject<HTMLAnchorElement>}\n        >\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </a>\n      )\n      break\n\n    case 'link':\n      if (disabled) {\n        buttonElement = (\n          <div {...buttonProps}>\n            <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n              {children}\n            </ButtonContents>\n          </div>\n        )\n      }\n\n      buttonElement = (\n        <Link {...buttonProps} href={to || url} prefetch={false}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Link>\n      )\n\n      break\n\n    default:\n      const Tag = el // eslint-disable-line no-case-declarations\n\n      buttonElement = (\n        <Tag ref={ref} {...buttonProps}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Tag>\n      )\n      break\n  }\n  if (SubMenuPopupContent) {\n    return (\n      <div className={styleClasses}>\n        {buttonElement}\n        <Popup\n          button={<ChevronIcon />}\n          buttonSize={size}\n          className={disabled && !enableSubMenu ? `${baseClass}--popup-disabled` : ''}\n          disabled={disabled && !enableSubMenu}\n          horizontalAlign=\"right\"\n          id={`${id}-popup`}\n          noBackground\n          render={({ close }) => SubMenuPopupContent({ close: () => close() })}\n          size=\"large\"\n          verticalAlign=\"bottom\"\n        />\n      </div>\n    )\n  }\n\n  return buttonElement\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,QAAQ,EAAEC,cAAc,QAAQ;AAIhD,SAASC,WAAW,QAAQ;AAC5B,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,KAAK,QAAQ;AACtB,SAASC,IAAI,QAAQ;AACrB,SAASC,KAAK,QAAQ;AACtB,OAAO;AACP,SAASC,OAAO,QAAQ;AAExB,MAAMC,KAAA,GAAQ;EACZC,OAAA,EAASV,WAAA;EACTW,IAAA,EAAMV,QAAA;EACNW,IAAA,EAAMV,QAAA;EACNW,IAAA,EAAMV,QAAA;EACNW,IAAA,EAAMV,QAAA;EACNW,CAAA,EAAGV;AACL;AAEA,MAAMW,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAAiBA,CAAC;EAAEC,QAAQ;EAAEC,IAAI;EAAEC,WAAW;EAAEC;AAAO,CAAE;EACrE,MAAMC,WAAA,GAAcb,KAAK,CAACU,IAAA,CAAK;EAE/B,oBACEI,KAAA,CAACzB,QAAA;eACEuB,OAAA,iBACCG,IAAA,CAAChB,OAAA;MAAQiB,SAAA,EAAW,GAAGT,SAAA,WAAoB;MAAEU,IAAA,EAAMN,WAAA;gBAChDC;qBAGLE,KAAA,CAAC;MAAKE,SAAA,EAAW,GAAGT,SAAA,WAAoB;iBACrCE,QAAA,iBAAYM,IAAA,CAAC;QAAKC,SAAA,EAAW,GAAGT,SAAA,SAAkB;kBAAGE;UACrDC,IAAA,iBACCI,KAAA,CAAC;QAAKE,SAAA,EAAW,GAAGT,SAAA,QAAiB;gCAClCjB,cAAA,CAAeoB,IAAA,KAASA,IAAA,EACxBG,WAAA,iBAAeE,IAAA,CAACF,WAAA;;;;AAM7B;AAEA,OAAO,MAAMK,MAAA,GAA2BC,KAAA;EACtC,MAAM;IACJC,EAAE;IACFC,IAAA,GAAO,QAAQ;IACf,cAAcC,SAAS;IACvBC,WAAA,GAAc,SAAS;IACvBd,QAAQ;IACRO,SAAS;IACTQ,QAAQ;IACRC,EAAA,GAAK,QAAQ;IACbC,aAAa;IACbC,gBAAA,GAAmB,CAAC,CAAC;IACrBjB,IAAI;IACJkB,YAAA,GAAe,OAAO;IACtBC,SAAA,GAAY,gBAAgB;IAC5BC,MAAA,GAAS,IAAI;IACbC,MAAM;IACNC,OAAO;IACPC,WAAW;IACXC,GAAG;IACHC,KAAK;IACLC,IAAA,GAAO,QAAQ;IACfC,mBAAmB;IACnBC,EAAE;IACF1B,OAAO;IACP2B;EAAG,CACJ,GAAGpB,KAAA;EAEJ,MAAM,CAACR,WAAA,EAAa6B,cAAA,CAAe,GAAGpD,KAAA,CAAMqD,QAAQ,CAAC;EAErD,MAAMC,OAAA,GAAU,CACdnC,SAAA,EACAS,SAAA,IAAaA,SAAA,EACbN,IAAA,IAAQ,GAAGH,SAAA,QAAiB,EAC5BsB,SAAA,IAAa,GAAGtB,SAAA,gBAAyBsB,SAAA,EAAW,EACpDnB,IAAA,IAAQ,CAACD,QAAA,IAAY,GAAGF,SAAA,aAAsB,EAC9C6B,IAAA,IAAQ,GAAG7B,SAAA,UAAmB6B,IAAA,EAAM,EACpC1B,IAAA,IAAQkB,YAAA,IAAgB,GAAGrB,SAAA,mBAA4BqB,YAAA,EAAc,EACrEhB,OAAA,IAAW,GAAGL,SAAA,eAAwB,EACtC,CAAC8B,mBAAA,IAAuB,GAAG9B,SAAA,gBAAyB,EACpD,CAACuB,MAAA,IAAU,GAAGvB,SAAA,aAAsB,CACrC,CACEoC,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,SAASC,YAAYC,KAAK;IACxBP,cAAA,CAAe;IACf,IAAInB,IAAA,KAAS,YAAYW,OAAA,EAAS;MAChCe,KAAA,CAAMC,cAAc;IACtB;IACA,IAAIhB,OAAA,EAAS;MACXA,OAAA,CAAQe,KAAA;IACV;EACF;EAEA,MAAME,YAAA,GAAe,CACnB1B,WAAA,IAAe,GAAGhB,SAAA,WAAoBgB,WAAA,EAAa,EACnDC,QAAA,IAAY,GAAGjB,SAAA,YAAqB,EACpC4B,KAAA,IAAS,GAAG5B,SAAA,SAAkB,EAC9B8B,mBAAA,GAAsB,GAAG9B,SAAA,aAAsB,GAAG,GAAGA,SAAA,gBAAyB,CAC/E,CACEoC,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,MAAMK,WAAA,GAAc;IAClB9B,EAAA;IACAC,IAAA;IACA,iBAAiBG,QAAA;IACjB,cAAcF,SAAA;IACdN,SAAA,EAAW,CAACqB,mBAAA,GAAsB,CAACK,OAAA,EAASO,YAAA,CAAa,CAACJ,IAAI,CAAC,OAAOH,OAAA;IACtElB,QAAA;IACAQ,OAAA,EAAS,CAACR,QAAA,GAAWsB,WAAA,GAAcK,SAAA;IACnClB,WAAA,EAAa,CAACT,QAAA,GAAWS,WAAA,GAAckB,SAAA;IACvCC,cAAA,EAAgBxC,OAAA,GAAU,MAAM4B,cAAA,CAAe,QAAQW,SAAA;IACvDE,cAAA,EAAgBzC,OAAA,GAAU,MAAM4B,cAAA,CAAe,SAASW,SAAA;IACxDG,GAAA,EAAKvB,MAAA,GAAS,wBAAwBoB,SAAA;IACtCI,MAAA,EAAQxB,MAAA,GAAS,WAAWoB,SAAA;IAC5BK,KAAA,EAAOlC,SAAA;IACP,GAAGK;EACL;EAEA,IAAI8B,aAAA;EAEJ,QAAQhC,EAAA;IACN,KAAK;MACHgC,aAAA,gBACE1C,IAAA,CAAC;QACE,GAAGmC,WAAW;QACfQ,IAAA,EAAM,CAAClC,QAAA,GAAWe,GAAA,GAAMY,SAAA;QACxBjB,GAAA,EAAKA,GAAA;kBAEL,aAAAnB,IAAA,CAACP,cAAA;UAAeE,IAAA,EAAMA,IAAA;UAAMC,WAAA,EAAaA,WAAA;UAAaC,OAAA,EAASA,OAAA;oBAC5DH;;;MAIP;IAEF,KAAK;MACH,IAAIe,QAAA,EAAU;QACZiC,aAAA,gBACE1C,IAAA,CAAC;UAAK,GAAGmC,WAAW;oBAClB,aAAAnC,IAAA,CAACP,cAAA;YAAeE,IAAA,EAAMA,IAAA;YAAMC,WAAA,EAAaA,WAAA;YAAaC,OAAA,EAASA,OAAA;sBAC5DH;;;MAIT;MAEAgD,aAAA,gBACE1C,IAAA,CAAClB,IAAA;QAAM,GAAGqD,WAAW;QAAEQ,IAAA,EAAMpB,EAAA,IAAMC,GAAA;QAAKoB,QAAA,EAAU;kBAChD,aAAA5C,IAAA,CAACP,cAAA;UAAeE,IAAA,EAAMA,IAAA;UAAMC,WAAA,EAAaA,WAAA;UAAaC,OAAA,EAASA,OAAA;oBAC5DH;;;MAKP;IAEF;MACE,MAAMmD,GAAA,GAAMnC,EAAA,CAAG;AAAA;MAEfgC,aAAA,gBACE1C,IAAA,CAAC6C,GAAA;QAAI1B,GAAA,EAAKA,GAAA;QAAM,GAAGgB,WAAW;kBAC5B,aAAAnC,IAAA,CAACP,cAAA;UAAeE,IAAA,EAAMA,IAAA;UAAMC,WAAA,EAAaA,WAAA;UAAaC,OAAA,EAASA,OAAA;oBAC5DH;;;MAIP;EACJ;EACA,IAAI4B,mBAAA,EAAqB;IACvB,oBACEvB,KAAA,CAAC;MAAIE,SAAA,EAAWiC,YAAA;iBACbQ,aAAA,E,aACD1C,IAAA,CAACjB,KAAA;QACC+D,MAAA,eAAQ9C,IAAA,CAACxB,WAAA;QACTuE,UAAA,EAAY1B,IAAA;QACZpB,SAAA,EAAWQ,QAAA,IAAY,CAACE,aAAA,GAAgB,GAAGnB,SAAA,kBAA2B,GAAG;QACzEiB,QAAA,EAAUA,QAAA,IAAY,CAACE,aAAA;QACvBqC,eAAA,EAAgB;QAChB3C,EAAA,EAAI,GAAGA,EAAA,QAAU;QACjB4C,YAAY;QACZC,MAAA,EAAQA,CAAC;UAAEC;QAAK,CAAE,KAAK7B,mBAAA,CAAoB;UAAE6B,KAAA,EAAOA,CAAA,KAAMA,KAAA;QAAQ;QAClE9B,IAAA,EAAK;QACL+B,aAAA,EAAc;;;EAItB;EAEA,OAAOV,aAAA;AACT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","Fragment","ChevronIcon","EditIcon","LinkIcon","PlusIcon","SwapIcon","XIcon","Link","Popup","Tooltip","icons","chevron","edit","link","plus","swap","x","baseClass","ButtonContents","children","icon","showTooltip","tooltip","BuiltInIcon","undefined","isReactIcon","_jsxs","_jsx","className","show","Button","props","id","type","ariaLabel","buttonStyle","disabled","el","enableSubMenu","extraButtonProps","iconPosition","iconStyle","margin","newTab","onClick","onMouseDown","ref","round","size","SubMenuPopupContent","to","url","setShowTooltip","useState","classes","filter","Boolean","join","handleClick","event","preventDefault","styleClasses","buttonProps","onPointerEnter","onPointerLeave","rel","target","title","buttonElement","href","prefetch","Tag","button","buttonSize","horizontalAlign","noBackground","render","close","verticalAlign"],"sources":["../../../src/elements/Button/index.tsx"],"sourcesContent":["'use client'\nimport React, { Fragment } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { EditIcon } from '../../icons/Edit/index.js'\nimport { LinkIcon } from '../../icons/Link/index.js'\nimport { PlusIcon } from '../../icons/Plus/index.js'\nimport { SwapIcon } from '../../icons/Swap/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { Link } from '../Link/index.js'\nimport { Popup } from '../Popup/index.js'\nimport './index.css'\nimport { Tooltip } from '../Tooltip/index.js'\n\nconst icons = {\n  chevron: ChevronIcon,\n  edit: EditIcon,\n  link: LinkIcon,\n  plus: PlusIcon,\n  swap: SwapIcon,\n  x: XIcon,\n}\n\nconst baseClass = 'btn'\n\nexport const ButtonContents = ({ children, icon, showTooltip, tooltip }) => {\n  const BuiltInIcon = typeof icon === 'string' ? icons[icon] : undefined\n  // Check if icon is a React element (including RSC payloads) - not a string icon name\n  const isReactIcon = icon && typeof icon !== 'string'\n\n  return (\n    <Fragment>\n      {tooltip && (\n        <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n          {tooltip}\n        </Tooltip>\n      )}\n      <span className={`${baseClass}__content`}>\n        {children && <span className={`${baseClass}__label`}>{children}</span>}\n        {icon && (\n          <span className={`${baseClass}__icon`}>\n            {isReactIcon && icon}\n            {BuiltInIcon && <BuiltInIcon />}\n          </span>\n        )}\n      </span>\n    </Fragment>\n  )\n}\n\nexport const Button: React.FC<Props> = (props) => {\n  const {\n    id,\n    type = 'button',\n    'aria-label': ariaLabel,\n    buttonStyle = 'primary',\n    children,\n    className,\n    disabled,\n    el = 'button',\n    enableSubMenu,\n    extraButtonProps = {},\n    icon,\n    iconPosition = 'right',\n    iconStyle = 'without-border',\n    margin = true,\n    newTab,\n    onClick,\n    onMouseDown,\n    ref,\n    round,\n    size = 'medium',\n    SubMenuPopupContent,\n    to,\n    tooltip,\n    url,\n  } = props\n\n  const [showTooltip, setShowTooltip] = React.useState(false)\n\n  const classes = [\n    baseClass,\n    className && className,\n    icon && `${baseClass}--icon`,\n    iconStyle && `${baseClass}--icon-style-${iconStyle}`,\n    icon && !children && `${baseClass}--icon-only`,\n    size && `${baseClass}--size-${size}`,\n    icon && iconPosition && `${baseClass}--icon-position-${iconPosition}`,\n    tooltip && `${baseClass}--has-tooltip`,\n    !SubMenuPopupContent && `${baseClass}--withoutPopup`,\n    !margin && `${baseClass}--no-margin`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  function handleClick(event) {\n    setShowTooltip(false)\n    if (type !== 'submit' && onClick) {\n      event.preventDefault()\n    }\n    if (onClick) {\n      onClick(event)\n    }\n  }\n\n  const styleClasses = [\n    buttonStyle && `${baseClass}--style-${buttonStyle}`,\n    disabled && `${baseClass}--disabled`,\n    round && `${baseClass}--round`,\n    SubMenuPopupContent ? `${baseClass}--withPopup` : `${baseClass}--withoutPopup`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const buttonProps = {\n    id,\n    type,\n    'aria-disabled': disabled,\n    'aria-label': ariaLabel,\n    className: !SubMenuPopupContent ? [classes, styleClasses].join(' ') : classes,\n    disabled,\n    onClick: !disabled ? handleClick : undefined,\n    onMouseDown: !disabled ? onMouseDown : undefined,\n    onPointerEnter: tooltip ? () => setShowTooltip(true) : undefined,\n    onPointerLeave: tooltip ? () => setShowTooltip(false) : undefined,\n    rel: newTab ? 'noopener noreferrer' : undefined,\n    target: newTab ? '_blank' : undefined,\n    title: tooltip ? undefined : ariaLabel,\n    ...extraButtonProps,\n  }\n\n  let buttonElement\n\n  switch (el) {\n    case 'anchor':\n      buttonElement = (\n        <a\n          {...buttonProps}\n          href={!disabled ? url : undefined}\n          ref={ref as React.RefObject<HTMLAnchorElement>}\n        >\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </a>\n      )\n      break\n\n    case 'link':\n      if (disabled) {\n        buttonElement = (\n          <div {...buttonProps}>\n            <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n              {children}\n            </ButtonContents>\n          </div>\n        )\n      }\n\n      buttonElement = (\n        <Link {...buttonProps} href={to || url} prefetch={false}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Link>\n      )\n\n      break\n\n    default:\n      const Tag = el // eslint-disable-line no-case-declarations\n\n      buttonElement = (\n        <Tag ref={ref} {...buttonProps}>\n          <ButtonContents icon={icon} showTooltip={showTooltip} tooltip={tooltip}>\n            {children}\n          </ButtonContents>\n        </Tag>\n      )\n      break\n  }\n  if (SubMenuPopupContent) {\n    return (\n      <div className={styleClasses}>\n        {buttonElement}\n        <Popup\n          button={<ChevronIcon />}\n          buttonSize={size}\n          className={disabled && !enableSubMenu ? `${baseClass}--popup-disabled` : ''}\n          disabled={disabled && !enableSubMenu}\n          horizontalAlign=\"right\"\n          id={`${id}-popup`}\n          noBackground\n          render={({ close }) => SubMenuPopupContent({ close: () => close() })}\n          size=\"large\"\n          verticalAlign=\"bottom\"\n        />\n      </div>\n    )\n  }\n\n  return buttonElement\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Button/types.d.ts

@@ -7,7 +7,7 @@ type secondaryAction = {
 export type Props = {
     'aria-label'?: string;
     buttonId?: string;
-    buttonStyle?: 'dashed' | 'error' | 'icon-label' | 'none' | 'pill' | 'primary' | 'secondary' | 'subtle' | 'tab' | 'transparent';
+    buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'icon-label' | 'icon-subtle' | 'muted-text' | 'none' | 'pill' | 'primary' | 'secondary' | 'subtle' | 'tab';
     children?: React.ReactNode;
     className?: string;
     disabled?: boolean;
@@ -42,7 +42,7 @@ export type Props = {
     ref?: React.RefObject<HTMLAnchorElement | HTMLButtonElement | null>;
     round?: boolean;
     secondaryActions?: secondaryAction | secondaryAction[];
-    size?: 'large' | 'medium' | 'small' | 'xsmall';
+    size?: 'large' | 'medium';
     SubMenuPopupContent?: (props: {
         close: () => void;
     }) => React.ReactNode;

package/dist/elements/Button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EACR,QAAQ,GACR,OAAO,GACP,YAAY,GACZ,MAAM,GACN,MAAM,GACN,SAAS,GACT,WAAW,GACX,QAAQ,GACR,KAAK,GACL,aAAa,CAAA;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;IACpC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACtC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,gBAAgB,CAAA;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACzC;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACnE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAA;IACtD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC9C,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IACvE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EACR,QAAQ,GACR,aAAa,GACb,OAAO,GACP,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,MAAM,GACN,MAAM,GACN,SAAS,GACT,WAAW,GACX,QAAQ,GACR,KAAK,CAAA;IACT,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAA;IACpC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACtC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,gBAAgB,CAAA;IACrD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACzC;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACnE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAA;IACtD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IACvE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}

package/dist/elements/Button/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["import type { ElementType, MouseEvent } from 'react'\nimport type React from 'react'\n\ntype secondaryAction = {\n  label: string\n  onClick: (event: MouseEvent) => void\n}\n\nexport type Props = {\n  'aria-label'?: string\n  buttonId?: string\n  buttonStyle?:\n    | 'dashed'\n    | 'error'\n    | 'icon-label'\n    | 'none'\n    | 'pill'\n    | 'primary'\n    | 'secondary'\n    | 'subtle'\n    | 'tab'\n    | 'transparent'\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  el?: 'anchor' | 'link' | ElementType\n  /**\n   * Setting to `true` will allow the submenu to be opened when the button is disabled\n   */\n  enableSubMenu?: boolean\n  extraButtonProps?: Record<string, any>\n  icon?: ['chevron' | 'edit' | 'plus' | 'x'] | React.ReactNode\n  iconPosition?: 'left' | 'right'\n  iconStyle?: 'none' | 'with-border' | 'without-border'\n  id?: string\n  /**\n   * @deprecated\n   * This prop is deprecated and will be removed in the next major version.\n   * Components now import their own `Link` directly from `next/link`.\n   */\n  Link?: React.ElementType\n  margin?: boolean\n  newTab?: boolean\n  onClick?: (event: MouseEvent) => void\n  onMouseDown?: (event: MouseEvent) => void\n  /**\n   * Enables form submission via an onClick handler. This is only needed if\n   * type=\"submit\" does not trigger form submission, e.g. if the button DOM\n   * element is not a direct child of the form element.\n   *\n   * @default false\n   */\n  programmaticSubmit?: boolean\n  ref?: React.RefObject<HTMLAnchorElement | HTMLButtonElement | null>\n  round?: boolean\n  secondaryActions?: secondaryAction | secondaryAction[]\n  size?: 'large' | 'medium' | 'small' | 'xsmall'\n  SubMenuPopupContent?: (props: { close: () => void }) => React.ReactNode\n  to?: string\n  tooltip?: string\n  type?: 'button' | 'submit'\n  url?: string\n}\n"],"mappings":"AAQA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["import type { ElementType, MouseEvent } from 'react'\nimport type React from 'react'\n\ntype secondaryAction = {\n  label: string\n  onClick: (event: MouseEvent) => void\n}\n\nexport type Props = {\n  'aria-label'?: string\n  buttonId?: string\n  buttonStyle?:\n    | 'dashed'\n    | 'destructive'\n    | 'ghost'\n    | 'icon-label'\n    | 'icon-subtle'\n    | 'muted-text'\n    | 'none'\n    | 'pill'\n    | 'primary'\n    | 'secondary'\n    | 'subtle'\n    | 'tab'\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  el?: 'anchor' | 'link' | ElementType\n  /**\n   * Setting to `true` will allow the submenu to be opened when the button is disabled\n   */\n  enableSubMenu?: boolean\n  extraButtonProps?: Record<string, any>\n  icon?: ['chevron' | 'edit' | 'plus' | 'x'] | React.ReactNode\n  iconPosition?: 'left' | 'right'\n  iconStyle?: 'none' | 'with-border' | 'without-border'\n  id?: string\n  /**\n   * @deprecated\n   * This prop is deprecated and will be removed in the next major version.\n   * Components now import their own `Link` directly from `next/link`.\n   */\n  Link?: React.ElementType\n  margin?: boolean\n  newTab?: boolean\n  onClick?: (event: MouseEvent) => void\n  onMouseDown?: (event: MouseEvent) => void\n  /**\n   * Enables form submission via an onClick handler. This is only needed if\n   * type=\"submit\" does not trigger form submission, e.g. if the button DOM\n   * element is not a direct child of the form element.\n   *\n   * @default false\n   */\n  programmaticSubmit?: boolean\n  ref?: React.RefObject<HTMLAnchorElement | HTMLButtonElement | null>\n  round?: boolean\n  secondaryActions?: secondaryAction | secondaryAction[]\n  size?: 'large' | 'medium'\n  SubMenuPopupContent?: (props: { close: () => void }) => React.ReactNode\n  to?: string\n  tooltip?: string\n  type?: 'button' | 'submit'\n  url?: string\n}\n"],"mappings":"AAQA","ignoreList":[]}