@transferwise/components 0.0.0-experimental-3d57e31 → 0.0.0-experimental-1f719c5

package/build/button/LegacyButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LegacyButton.js","sources":["../../src/button/LegacyButton.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { ElementType, forwardRef, MouseEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  Size,\n  ControlType,\n  Priority,\n  ControlTypeAccent,\n  ControlTypeNegative,\n  ControlTypePositive,\n  PriorityPrimary,\n  PrioritySecondary,\n  PriorityTertiary,\n  SizeExtraSmall,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n} from '../common';\nimport ProcessIndicator from '../processIndicator';\n\nimport messages from '../i18n/commonMessages/Button.messages';\nimport { typeClassMap, priorityClassMap } from './classMap';\nimport { establishNewPriority, establishNewType, logDeprecationNotices } from './legacyUtils';\n\n/** @deprecated */\ntype DeprecatedTypes = 'primary' | 'pay' | 'secondary' | 'danger' | 'link';\n\n/** @deprecated */\ntype DeprecatedSizes = SizeExtraSmall;\n\ntype CommonProps = {\n  v2?: false;\n  block?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  type?: ControlTypeAccent | ControlTypeNegative | ControlTypePositive | DeprecatedTypes | null;\n  priority?: PriorityPrimary | PrioritySecondary | PriorityTertiary | null;\n  size?: SizeSmall | SizeMedium | SizeLarge | DeprecatedSizes;\n  htmlType?: 'submit' | 'reset' | 'button';\n};\n\ntype ButtonProps = CommonProps &\n  Omit<React.ComponentPropsWithRef<'button'>, 'type'> & {\n    as?: 'button';\n  };\n\ntype AnchorProps = CommonProps &\n  Omit<React.ComponentPropsWithRef<'a'>, 'type'> & {\n    as?: 'a';\n    href?: string;\n  };\n\nexport type LegacyButtonProps = ButtonProps | AnchorProps;\n\nexport type ButtonReferenceType = HTMLButtonElement | HTMLAnchorElement;\n\n/**\n * @deprecated make sure you use new Button component via `<Button v2 .. />` and new props\n */\nconst LegacyButton = forwardRef<ButtonReferenceType, LegacyButtonProps>(\n  (\n    {\n      as: component = 'button',\n      block = false,\n      children,\n      className,\n      disabled,\n      loading = false,\n      priority = Priority.PRIMARY,\n      size = Size.MEDIUM,\n      type = ControlType.ACCENT,\n      onClick,\n      ...rest\n    }: LegacyButtonProps,\n    ref,\n  ) => {\n    const intl = useIntl();\n\n    logDeprecationNotices({ size, type });\n\n    const newType = establishNewType(type);\n    const newPriority = establishNewPriority(priority, type);\n\n    const classes = clsx(\n      `btn btn-${size}`,\n      `np-btn np-btn-${size}`,\n      {\n        'btn-loading': loading,\n        'btn-block np-btn-block': block,\n        disabled,\n      },\n      // @ts-expect-error fix when refactor `typeClassMap` to TypeScript\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      typeClassMap[newType],\n      // @ts-expect-error fix when refactor `typeClassMap` to TypeScript\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      priorityClassMap[newPriority],\n      className,\n    );\n\n    function processIndicatorSize() {\n      return ['sm', 'xs'].includes(size) ? 'xxs' : 'xs';\n    }\n\n    const Element = (component as ElementType) ?? 'button';\n    let props;\n\n    if (Element === 'button') {\n      const { htmlType = 'button', ...restProps } = rest as ButtonProps;\n      props = {\n        ...restProps,\n        disabled,\n        'aria-disabled': loading,\n        type: htmlType,\n      };\n    } else {\n      props = {\n        ...rest,\n        'aria-disabled': loading,\n      } as AnchorProps;\n    }\n\n    /**\n     * Ensures that the button cannot be activated in loading or disabled mode,\n     * when `aria-disabled` might be used over the `disabled` HTML attribute\n     */\n    const handleClick =\n      (handler: LegacyButtonProps['onClick']) =>\n      (event: MouseEvent<HTMLButtonElement> & MouseEvent<HTMLAnchorElement>) => {\n        if (disabled || loading) {\n          event.preventDefault();\n        } else if (typeof handler === 'function') {\n          handler(event);\n        }\n      };\n\n    return (\n      <Element\n        ref={ref as React.Ref<ButtonReferenceType>}\n        className={classes}\n        onClick={handleClick(onClick)}\n        {...props}\n        aria-live={loading ? 'polite' : 'off'}\n        aria-busy={loading}\n        aria-label={loading ? intl.formatMessage(messages.loadingAriaLabel) : rest['aria-label']}\n      >\n        {children}\n        {loading && (\n          <ProcessIndicator\n            size={processIndicatorSize()}\n            className=\"btn-loader\"\n            data-testid=\"ButtonProgressIndicator\"\n          />\n        )}\n      </Element>\n    );\n  },\n);\n\nexport default LegacyButton;\n"],"names":["LegacyButton","forwardRef","as","component","block","children","className","disabled","loading","priority","Priority","PRIMARY","size","Size","MEDIUM","type","ControlType","ACCENT","onClick","rest","ref","intl","useIntl","logDeprecationNotices","newType","establishNewType","newPriority","establishNewPriority","classes","clsx","typeClassMap","priorityClassMap","processIndicatorSize","includes","Element","props","htmlType","restProps","handleClick","handler","event","preventDefault","_jsxs","formatMessage","messages","loadingAriaLabel","_jsx","ProcessIndicator"],"mappings":"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"}

package/build/button/LegacyButton.mjs

@@ -1,112 +0,0 @@
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import { useIntl } from 'react-intl';
-import '../common/theme.mjs';
-import '../common/direction.mjs';
-import { Priority, ControlType } from '../common/propsValues/control.mjs';
-import '../common/propsValues/breakpoint.mjs';
-import { Size } from '../common/propsValues/size.mjs';
-import '../common/propsValues/typography.mjs';
-import '../common/propsValues/width.mjs';
-import '../common/propsValues/type.mjs';
-import '../common/propsValues/dateMode.mjs';
-import '../common/propsValues/monthFormat.mjs';
-import '../common/propsValues/position.mjs';
-import '../common/propsValues/layouts.mjs';
-import '../common/propsValues/status.mjs';
-import '../common/propsValues/sentiment.mjs';
-import '../common/propsValues/profileType.mjs';
-import '../common/propsValues/variant.mjs';
-import '../common/propsValues/scroll.mjs';
-import '../common/propsValues/markdownNodeType.mjs';
-import '../common/fileType.mjs';
-import '@transferwise/icons';
-import '../common/closeButton/CloseButton.messages.mjs';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import ProcessIndicator from '../processIndicator/ProcessIndicator.mjs';
-import messages from '../i18n/commonMessages/Button.messages.mjs';
-import { typeClassMap, priorityClassMap } from './classMap.mjs';
-import { logDeprecationNotices, establishNewType, establishNewPriority } from './legacyUtils/legacyUtils.mjs';
-
-const LegacyButton = /*#__PURE__*/forwardRef(({
-  as: component = 'button',
-  block = false,
-  children,
-  className,
-  disabled,
-  loading = false,
-  priority = Priority.PRIMARY,
-  size = Size.MEDIUM,
-  type = ControlType.ACCENT,
-  onClick,
-  ...rest
-}, ref) => {
-  const intl = useIntl();
-  logDeprecationNotices({
-    size,
-    type
-  });
-  const newType = establishNewType(type);
-  const newPriority = establishNewPriority(priority, type);
-  const classes = clsx(`btn btn-${size}`, `np-btn np-btn-${size}`, {
-    'btn-loading': loading,
-    'btn-block np-btn-block': block,
-    disabled
-  },
-  // @ts-expect-error fix when refactor `typeClassMap` to TypeScript
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeClassMap[newType],
-  // @ts-expect-error fix when refactor `typeClassMap` to TypeScript
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  priorityClassMap[newPriority], className);
-  function processIndicatorSize() {
-    return ['sm', 'xs'].includes(size) ? 'xxs' : 'xs';
-  }
-  const Element = component ?? 'button';
-  let props;
-  if (Element === 'button') {
-    const {
-      htmlType = 'button',
-      ...restProps
-    } = rest;
-    props = {
-      ...restProps,
-      disabled,
-      'aria-disabled': loading,
-      type: htmlType
-    };
-  } else {
-    props = {
-      ...rest,
-      'aria-disabled': loading
-    };
-  }
-  /**
-   * Ensures that the button cannot be activated in loading or disabled mode,
-   * when `aria-disabled` might be used over the `disabled` HTML attribute
-   */
-  const handleClick = handler => event => {
-    if (disabled || loading) {
-      event.preventDefault();
-    } else if (typeof handler === 'function') {
-      handler(event);
-    }
-  };
-  return /*#__PURE__*/jsxs(Element, {
-    ref: ref,
-    className: classes,
-    onClick: handleClick(onClick),
-    ...props,
-    "aria-live": loading ? 'polite' : 'off',
-    "aria-busy": loading,
-    "aria-label": loading ? intl.formatMessage(messages.loadingAriaLabel) : rest['aria-label'],
-    children: [children, loading && /*#__PURE__*/jsx(ProcessIndicator, {
-      size: processIndicatorSize(),
-      className: "btn-loader",
-      "data-testid": "ButtonProgressIndicator"
-    })]
-  });
-});
-
-export { LegacyButton as default };
-//# sourceMappingURL=LegacyButton.mjs.map

package/build/button/LegacyButton.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"LegacyButton.mjs","sources":["../../src/button/LegacyButton.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { ElementType, forwardRef, MouseEvent } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  Size,\n  ControlType,\n  Priority,\n  ControlTypeAccent,\n  ControlTypeNegative,\n  ControlTypePositive,\n  PriorityPrimary,\n  PrioritySecondary,\n  PriorityTertiary,\n  SizeExtraSmall,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n} from '../common';\nimport ProcessIndicator from '../processIndicator';\n\nimport messages from '../i18n/commonMessages/Button.messages';\nimport { typeClassMap, priorityClassMap } from './classMap';\nimport { establishNewPriority, establishNewType, logDeprecationNotices } from './legacyUtils';\n\n/** @deprecated */\ntype DeprecatedTypes = 'primary' | 'pay' | 'secondary' | 'danger' | 'link';\n\n/** @deprecated */\ntype DeprecatedSizes = SizeExtraSmall;\n\ntype CommonProps = {\n  v2?: false;\n  block?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  type?: ControlTypeAccent | ControlTypeNegative | ControlTypePositive | DeprecatedTypes | null;\n  priority?: PriorityPrimary | PrioritySecondary | PriorityTertiary | null;\n  size?: SizeSmall | SizeMedium | SizeLarge | DeprecatedSizes;\n  htmlType?: 'submit' | 'reset' | 'button';\n};\n\ntype ButtonProps = CommonProps &\n  Omit<React.ComponentPropsWithRef<'button'>, 'type'> & {\n    as?: 'button';\n  };\n\ntype AnchorProps = CommonProps &\n  Omit<React.ComponentPropsWithRef<'a'>, 'type'> & {\n    as?: 'a';\n    href?: string;\n  };\n\nexport type LegacyButtonProps = ButtonProps | AnchorProps;\n\nexport type ButtonReferenceType = HTMLButtonElement | HTMLAnchorElement;\n\n/**\n * @deprecated make sure you use new Button component via `<Button v2 .. />` and new props\n */\nconst LegacyButton = forwardRef<ButtonReferenceType, LegacyButtonProps>(\n  (\n    {\n      as: component = 'button',\n      block = false,\n      children,\n      className,\n      disabled,\n      loading = false,\n      priority = Priority.PRIMARY,\n      size = Size.MEDIUM,\n      type = ControlType.ACCENT,\n      onClick,\n      ...rest\n    }: LegacyButtonProps,\n    ref,\n  ) => {\n    const intl = useIntl();\n\n    logDeprecationNotices({ size, type });\n\n    const newType = establishNewType(type);\n    const newPriority = establishNewPriority(priority, type);\n\n    const classes = clsx(\n      `btn btn-${size}`,\n      `np-btn np-btn-${size}`,\n      {\n        'btn-loading': loading,\n        'btn-block np-btn-block': block,\n        disabled,\n      },\n      // @ts-expect-error fix when refactor `typeClassMap` to TypeScript\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      typeClassMap[newType],\n      // @ts-expect-error fix when refactor `typeClassMap` to TypeScript\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      priorityClassMap[newPriority],\n      className,\n    );\n\n    function processIndicatorSize() {\n      return ['sm', 'xs'].includes(size) ? 'xxs' : 'xs';\n    }\n\n    const Element = (component as ElementType) ?? 'button';\n    let props;\n\n    if (Element === 'button') {\n      const { htmlType = 'button', ...restProps } = rest as ButtonProps;\n      props = {\n        ...restProps,\n        disabled,\n        'aria-disabled': loading,\n        type: htmlType,\n      };\n    } else {\n      props = {\n        ...rest,\n        'aria-disabled': loading,\n      } as AnchorProps;\n    }\n\n    /**\n     * Ensures that the button cannot be activated in loading or disabled mode,\n     * when `aria-disabled` might be used over the `disabled` HTML attribute\n     */\n    const handleClick =\n      (handler: LegacyButtonProps['onClick']) =>\n      (event: MouseEvent<HTMLButtonElement> & MouseEvent<HTMLAnchorElement>) => {\n        if (disabled || loading) {\n          event.preventDefault();\n        } else if (typeof handler === 'function') {\n          handler(event);\n        }\n      };\n\n    return (\n      <Element\n        ref={ref as React.Ref<ButtonReferenceType>}\n        className={classes}\n        onClick={handleClick(onClick)}\n        {...props}\n        aria-live={loading ? 'polite' : 'off'}\n        aria-busy={loading}\n        aria-label={loading ? intl.formatMessage(messages.loadingAriaLabel) : rest['aria-label']}\n      >\n        {children}\n        {loading && (\n          <ProcessIndicator\n            size={processIndicatorSize()}\n            className=\"btn-loader\"\n            data-testid=\"ButtonProgressIndicator\"\n          />\n        )}\n      </Element>\n    );\n  },\n);\n\nexport default LegacyButton;\n"],"names":["LegacyButton","forwardRef","as","component","block","children","className","disabled","loading","priority","Priority","PRIMARY","size","Size","MEDIUM","type","ControlType","ACCENT","onClick","rest","ref","intl","useIntl","logDeprecationNotices","newType","establishNewType","newPriority","establishNewPriority","classes","clsx","typeClassMap","priorityClassMap","processIndicatorSize","includes","Element","props","htmlType","restProps","handleClick","handler","event","preventDefault","_jsxs","formatMessage","messages","loadingAriaLabel","_jsx","ProcessIndicator"],"mappings":"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"}

package/build/styles/button/Button.vars.css

@@ -1,39 +0,0 @@
-.wds-Button {
-  --Button-background: var(--color-interactive-accent);
-  --Button-background-hover: var(--color-interactive-accent-hover);
-  --Button-background-active: var(--color-interactive-accent-active);
-  --Button-color: var(--color-interactive-control);
-  --Button-border-radius: var(--radius-full);
-  --Button-label-gap: var(--size-4);
-  --Button-large-padding: var(--size-12) var(--size-16);
-  --Button-medium-padding: var(--size-8) var(--size-12);
-  --Button-small-padding: calc(var(--size-10) * 0.5) var(--size-12);
-  --Button-avatar-border-color: var(--color-border-neutral);
-  --Button-transition-duration: 150ms;
-  --Button-transition-easing: ease-in-out;
-  --Button-secondary-background: var(--color-interactive-neutral);
-  --Button-secondary-background-hover: var(--color-interactive-neutral-hover);
-  --Button-secondary-background-active: var(--color-interactive-neutral-active);
-  --Button-secondary-color: var(--color-interactive-primary);
-  --Button-tertiary-background: var(--color-background-neutral);
-  --Button-tertiary-background-hover: var(--color-background-neutral-hover);
-  --Button-tertiary-background-active: var(--color-background-neutral-active);
-  --Button-tertiary-color: var(--color-content-primary);
-  --Button-minimal-background: transparent;
-  --Button-minimal-background-hover: var(--color-background-screen-hover);
-  --Button-minimal-background-active: var(--color-background-screen-active);
-  --Button-minimal-color: var(--color-interactive-primary);
-  --Button-primary-negative-background: var(--color-sentiment-negative-primary);
-  --Button-primary-negative-background-hover: var(--color-sentiment-negative-primary-hover);
-  --Button-primary-negative-background-active: var(--color-sentiment-negative-primary-active);
-  --Button-primary-negative-color: var(--color-contrast);
-  --Button-secondary-negative-background: var(--color-sentiment-negative-secondary);
-  --Button-secondary-negative-background-hover: var(--color-sentiment-negative-secondary-hover);
-  --Button-secondary-negative-background-active: var(--color-sentiment-negative-secondary-active);
-  --Button-secondary-negative-color: var(--color-sentiment-negative-primary);
-}
-.np-theme-personal--bright-green .wds-Button {
-  --color-contrast: #FFFFFF;
-  --Button-secondary-color: var(--color-interactive-control);
-  --Button-secondary-negative-color: var(--color-contrast);
-}

package/build/styles/button/LegacyButton.css

@@ -1,23 +0,0 @@
-.np-btn {
-  position: relative;
-}
-.np-btn.np-btn-block > span.btn-loader {
-  position: absolute;
-  left: 24px;
-  left: var(--size-24);
-}
-[dir="rtl"] .np-btn.np-btn-block > span.btn-loader {
-  right: 24px;
-  right: var(--size-24);
-  left: auto;
-  left: initial;
-}
-.np-btn.np-btn-xs > span.btn-loader {
-  background-size: 16px 16px;
-}
-.np-btn.np-btn-xs.btn-block > span.btn-loader {
-  top: 0;
-}
-.np-btn.disabled[class] {
-  pointer-events: auto;
-}

package/build/types/button/Button.resolver.d.ts

@@ -1,33 +0,0 @@
-import { LegacyButtonProps } from './LegacyButton';
-import { ButtonProps as NewButtonProps } from './Button.types';
-export type ButtonProps = LegacyButtonProps | NewButtonProps;
-declare const Button: import("react").ForwardRefExoticComponent<(Omit<{
-    v2?: false;
-    block?: boolean;
-    disabled?: boolean;
-    loading?: boolean;
-    type?: import("../common").ControlTypeAccent | import("../common").ControlTypeNegative | import("../common").ControlTypePositive | ("link" | "primary" | "secondary" | "pay" | "danger") | null;
-    priority?: import("../common").PriorityPrimary | import("../common").PrioritySecondary | import("../common").PriorityTertiary | null;
-    size?: import("../common").SizeSmall | import("../common").SizeMedium | import("../common").SizeLarge | "xs";
-    htmlType?: "submit" | "reset" | "button";
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    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;
-}, "type"> & {
-    as?: "button";
-}, "ref"> | Omit<{
-    v2?: false;
-    block?: boolean;
-    disabled?: boolean;
-    loading?: boolean;
-    type?: import("../common").ControlTypeAccent | import("../common").ControlTypeNegative | import("../common").ControlTypePositive | ("link" | "primary" | "secondary" | "pay" | "danger") | null;
-    priority?: import("../common").PriorityPrimary | import("../common").PrioritySecondary | import("../common").PriorityTertiary | null;
-    size?: import("../common").SizeSmall | import("../common").SizeMedium | import("../common").SizeLarge | "xs";
-    htmlType?: "submit" | "reset" | "button";
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | 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<HTMLAnchorElement> | null | undefined;
-}, "type"> & {
-    as?: "a";
-    href?: string;
-}, "ref"> | Omit<import("./Button.types").ButtonElementProps, "ref"> | Omit<import("./Button.types").AnchorElementProps, "ref">) & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export default Button;
-//# sourceMappingURL=Button.resolver.d.ts.map

package/build/types/button/Button.resolver.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.resolver.d.ts","sourceRoot":"","sources":["../../../src/button/Button.resolver.tsx"],"names":[],"mappings":"AACA,OAAqB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAG/D,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,cAAc,CAAC;AAwD7D,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;wMASV,CAAC;AAIH,eAAe,MAAM,CAAC"}

package/build/types/button/Button.types.d.ts

@@ -1,54 +0,0 @@
-import { ReactNode } from 'react';
-import type { PrimitiveButtonProps, PrimitiveAnchorProps } from '../primitives';
-import type { AvatarLayoutProps } from '../avatarLayout';
-export type ButtonSentiment = 'default' | 'negative';
-export type ButtonPriority = 'primary' | 'secondary' | 'tertiary' | 'minimal';
-export type ButtonSize = 'sm' | 'md' | 'lg';
-/**
- * Common properties for the Button component.
- */
-export interface CommonProps {
-    v2: true;
-    /**
-     * The HTML element to render
-     * @default 'button'
-     **/
-    as?: 'button' | 'a';
-    /**
-     * @default false
-     **/
-    disabled?: boolean;
-    /**
-     * @default false
-     * */
-    loading?: boolean;
-    /** Whether the button should take up the full width of its container */
-    block?: boolean;
-    /**
-     * Size of the button
-     * @default lg
-     * */
-    size?: ButtonSize;
-    /**
-     * Priority of the button
-     * @default "primary"
-     */
-    priority?: ButtonPriority;
-    /**
-     * Sentiment of the button
-     * @default default
-     */
-    sentiment?: ButtonSentiment;
-    /** Icon to be displayed on the left side of the button */
-    iconStart?: React.ElementType;
-    /** Icon to be displayed on the right side of the button */
-    iconEnd?: React.ElementType;
-    /** Media to be displayed on the left side of the button */
-    avatars?: AvatarLayoutProps['avatars'];
-    /** Content to be displayed inside the button */
-    children?: ReactNode;
-}
-export type ButtonElementProps = PrimitiveButtonProps & CommonProps;
-export type AnchorElementProps = PrimitiveAnchorProps & CommonProps;
-export type ButtonProps = ButtonElementProps | AnchorElementProps;
-//# sourceMappingURL=Button.types.d.ts.map

package/build/types/button/Button.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AACrD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;AAC9E,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,IAAI,CAAC;IAET;;;QAGI;IACJ,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC;IAEpB;;QAEI;IACJ,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;SAEK;IACL,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;SAGK;IACL,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAE5B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAE9B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAE5B,2DAA2D;IAC3D,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAEvC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GAAG,WAAW,CAAC;AACpE,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GAAG,WAAW,CAAC;AAEpE,MAAM,MAAM,WAAW,GAAG,kBAAkB,GAAG,kBAAkB,CAAC"}

package/build/types/button/LegacyButton.d.ts

@@ -1,30 +0,0 @@
-import { ControlTypeAccent, ControlTypeNegative, ControlTypePositive, PriorityPrimary, PrioritySecondary, PriorityTertiary, SizeExtraSmall, SizeSmall, SizeMedium, SizeLarge } from '../common';
-/** @deprecated */
-type DeprecatedTypes = 'primary' | 'pay' | 'secondary' | 'danger' | 'link';
-/** @deprecated */
-type DeprecatedSizes = SizeExtraSmall;
-type CommonProps = {
-    v2?: false;
-    block?: boolean;
-    disabled?: boolean;
-    loading?: boolean;
-    type?: ControlTypeAccent | ControlTypeNegative | ControlTypePositive | DeprecatedTypes | null;
-    priority?: PriorityPrimary | PrioritySecondary | PriorityTertiary | null;
-    size?: SizeSmall | SizeMedium | SizeLarge | DeprecatedSizes;
-    htmlType?: 'submit' | 'reset' | 'button';
-};
-type ButtonProps = CommonProps & Omit<React.ComponentPropsWithRef<'button'>, 'type'> & {
-    as?: 'button';
-};
-type AnchorProps = CommonProps & Omit<React.ComponentPropsWithRef<'a'>, 'type'> & {
-    as?: 'a';
-    href?: string;
-};
-export type LegacyButtonProps = ButtonProps | AnchorProps;
-export type ButtonReferenceType = HTMLButtonElement | HTMLAnchorElement;
-/**
- * @deprecated make sure you use new Button component via `<Button v2 .. />` and new props
- */
-declare const LegacyButton: import("react").ForwardRefExoticComponent<(Omit<ButtonProps, "ref"> | Omit<AnchorProps, "ref">) & import("react").RefAttributes<ButtonReferenceType>>;
-export default LegacyButton;
-//# sourceMappingURL=LegacyButton.d.ts.map

package/build/types/button/LegacyButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LegacyButton.d.ts","sourceRoot":"","sources":["../../../src/button/LegacyButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,UAAU,EACV,SAAS,EACV,MAAM,WAAW,CAAC;AAOnB,kBAAkB;AAClB,KAAK,eAAe,GAAG,SAAS,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3E,kBAAkB;AAClB,KAAK,eAAe,GAAG,cAAc,CAAC;AAEtC,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,KAAK,CAAC;IACX,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,iBAAiB,GAAG,mBAAmB,GAAG,mBAAmB,GAAG,eAAe,GAAG,IAAI,CAAC;IAC9F,QAAQ,CAAC,EAAE,eAAe,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,IAAI,CAAC;IACzE,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;IAC5D,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC1C,CAAC;AAEF,KAAK,WAAW,GAAG,WAAW,GAC5B,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IACpD,EAAE,CAAC,EAAE,QAAQ,CAAC;CACf,CAAC;AAEJ,KAAK,WAAW,GAAG,WAAW,GAC5B,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG;IAC/C,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEJ,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,WAAW,CAAC;AAE1D,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAExE;;GAEG;AACH,QAAA,MAAM,YAAY,uJAkGjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/src/button/Button.resolver.tsx

@@ -1,75 +0,0 @@
-import { forwardRef } from 'react';
-import LegacyButton, { LegacyButtonProps } from './LegacyButton';
-import { ButtonProps as NewButtonProps } from './Button.types';
-import NewButton from './Button';
-
-export type ButtonProps = LegacyButtonProps | NewButtonProps;
-
-const mapProps = (props: LegacyButtonProps): NewButtonProps => {
-  const { priority, size, type, ...newProps } = props;
-
-  const priorityMapping: Record<string, Record<string, NewButtonProps['priority']>> = {
-    accent: {
-      primary: 'primary',
-      secondary: 'tertiary',
-      tertiary: 'minimal',
-    },
-    positive: {
-      primary: 'primary',
-      secondary: 'tertiary',
-      tertiary: 'tertiary',
-    },
-    negative: {
-      primary: 'primary',
-      secondary: 'secondary',
-      tertiary: 'secondary',
-    },
-  };
-
-  const mappedPriority =
-    type && priority ? priorityMapping[type]?.[priority] || priority : priority || undefined;
-  const mappedSentiment = type === 'negative' ? 'negative' : undefined;
-
-  const legacyButtonTypes: LegacyButtonProps['type'][] = [
-    'accent',
-    'negative',
-    'positive',
-    'primary',
-    'pay',
-    'secondary',
-    'danger',
-    'link',
-  ];
-
-  const resolveSize = () => {
-    if (size) {
-      return { xs: 'sm', sm: 'sm', md: 'md', lg: 'lg' }[size] || size;
-    }
-
-    return size;
-  };
-
-  return {
-    ...newProps,
-    size: resolveSize(),
-    priority: mappedPriority,
-    sentiment: mappedSentiment || ('sentiment' in props ? props.sentiment : null),
-    type: type && !legacyButtonTypes.includes(type) ? type : props.htmlType || null,
-    v2: true,
-  } as NewButtonProps;
-};
-
-const Button = forwardRef<HTMLButtonElement | HTMLAnchorElement, ButtonProps>((props, ref) => {
-  const { v2 = false, ...rest } = props;
-
-  if (v2) {
-    const mappedProps = mapProps(props as LegacyButtonProps);
-    return <NewButton {...mappedProps} ref={ref} />;
-  }
-
-  return <LegacyButton {...(rest as LegacyButtonProps)} ref={ref} />;
-});
-
-Button.displayName = 'Button';
-
-export default Button;

package/src/button/Button.tests.story.tsx

@@ -1,27 +0,0 @@
-import { Meta } from '@storybook/react';
-import Button from './Button.resolver';
-import { expect, userEvent, within } from '@storybook/test';
-import { storyConfig } from '../test-utils';
-
-const meta: Meta<typeof Button> = {
-  component: Button,
-  title: 'Actions/Button/Tests',
-};
-export default meta;
-
-export const FocusMinimal = storyConfig(
-  {
-    render: () => (
-      <Button v2 priority="minimal">
-        Focus has underline
-      </Button>
-    ),
-  },
-  {},
-);
-FocusMinimal.play = async ({ canvasElement }) => {
-  await userEvent.tab();
-  const canvas = within(canvasElement);
-  const buttonElement: HTMLButtonElement = canvas.getByRole('button');
-  await expect(buttonElement).toHaveFocus();
-};

package/src/button/Button.types.ts

@@ -1,68 +0,0 @@
-import { ReactNode } from 'react';
-import type { PrimitiveButtonProps, PrimitiveAnchorProps } from '../primitives';
-import type { AvatarLayoutProps } from '../avatarLayout';
-
-export type ButtonSentiment = 'default' | 'negative';
-export type ButtonPriority = 'primary' | 'secondary' | 'tertiary' | 'minimal';
-export type ButtonSize = 'sm' | 'md' | 'lg';
-
-/**
- * Common properties for the Button component.
- */
-export interface CommonProps {
-  v2: true;
-
-  /**
-   * The HTML element to render
-   * @default 'button'
-   **/
-  as?: 'button' | 'a';
-
-  /**
-   * @default false
-   **/
-  disabled?: boolean;
-
-  /**
-   * @default false
-   * */
-  loading?: boolean;
-
-  /** Whether the button should take up the full width of its container */
-  block?: boolean;
-
-  /**
-   * Size of the button
-   * @default lg
-   * */
-  size?: ButtonSize;
-
-  /**
-   * Priority of the button
-   * @default "primary"
-   */
-  priority?: ButtonPriority;
-
-  /**
-   * Sentiment of the button
-   * @default default
-   */
-  sentiment?: ButtonSentiment;
-
-  /** Icon to be displayed on the left side of the button */
-  iconStart?: React.ElementType;
-
-  /** Icon to be displayed on the right side of the button */
-  iconEnd?: React.ElementType;
-
-  /** Media to be displayed on the left side of the button */
-  avatars?: AvatarLayoutProps['avatars'];
-
-  /** Content to be displayed inside the button */
-  children?: ReactNode;
-}
-
-export type ButtonElementProps = PrimitiveButtonProps & CommonProps;
-export type AnchorElementProps = PrimitiveAnchorProps & CommonProps;
-
-export type ButtonProps = ButtonElementProps | AnchorElementProps;

package/src/button/Button.vars.css

@@ -1,39 +0,0 @@
-.wds-Button {
-  --Button-background: var(--color-interactive-accent);
-  --Button-background-hover: var(--color-interactive-accent-hover);
-  --Button-background-active: var(--color-interactive-accent-active);
-  --Button-color: var(--color-interactive-control);
-  --Button-border-radius: var(--radius-full);
-  --Button-label-gap: var(--size-4);
-  --Button-large-padding: var(--size-12) var(--size-16);
-  --Button-medium-padding: var(--size-8) var(--size-12);
-  --Button-small-padding: calc(var(--size-10) * 0.5) var(--size-12);
-  --Button-avatar-border-color: var(--color-border-neutral);
-  --Button-transition-duration: 150ms;
-  --Button-transition-easing: ease-in-out;
-  --Button-secondary-background: var(--color-interactive-neutral);
-  --Button-secondary-background-hover: var(--color-interactive-neutral-hover);
-  --Button-secondary-background-active: var(--color-interactive-neutral-active);
-  --Button-secondary-color: var(--color-interactive-primary);
-  --Button-tertiary-background: var(--color-background-neutral);
-  --Button-tertiary-background-hover: var(--color-background-neutral-hover);
-  --Button-tertiary-background-active: var(--color-background-neutral-active);
-  --Button-tertiary-color: var(--color-content-primary);
-  --Button-minimal-background: transparent;
-  --Button-minimal-background-hover: var(--color-background-screen-hover);
-  --Button-minimal-background-active: var(--color-background-screen-active);
-  --Button-minimal-color: var(--color-interactive-primary);
-  --Button-primary-negative-background: var(--color-sentiment-negative-primary);
-  --Button-primary-negative-background-hover: var(--color-sentiment-negative-primary-hover);
-  --Button-primary-negative-background-active: var(--color-sentiment-negative-primary-active);
-  --Button-primary-negative-color: var(--color-contrast);
-  --Button-secondary-negative-background: var(--color-sentiment-negative-secondary);
-  --Button-secondary-negative-background-hover: var(--color-sentiment-negative-secondary-hover);
-  --Button-secondary-negative-background-active: var(--color-sentiment-negative-secondary-active);
-  --Button-secondary-negative-color: var(--color-sentiment-negative-primary);
-}
-.np-theme-personal--bright-green .wds-Button {
-  --color-contrast: #FFFFFF;
-  --Button-secondary-color: var(--color-interactive-control);
-  --Button-secondary-negative-color: var(--color-contrast);
-}

package/src/button/Button.vars.less

@@ -1,50 +0,0 @@
-.wds-Button {
-  --Button-background: var(--color-interactive-accent);
-  --Button-background-hover: var(--color-interactive-accent-hover);
-  --Button-background-active: var(--color-interactive-accent-active);
-  --Button-color: var(--color-interactive-control);
-  --Button-border-radius: var(--radius-full);
-  --Button-label-gap: var(--size-4);
-
-  --Button-large-padding: var(--size-12) var(--size-16);
-  --Button-medium-padding: var(--size-8) var(--size-12);
-  // 5px is required by design
-  --Button-small-padding: calc(var(--size-10) * .5) var(--size-12);
-
-  --Button-avatar-border-color: var(--color-border-neutral);
-  --Button-transition-duration: 150ms;
-  --Button-transition-easing: ease-in-out;
-
-  --Button-secondary-background: var(--color-interactive-neutral);
-  --Button-secondary-background-hover: var(--color-interactive-neutral-hover);
-  --Button-secondary-background-active: var(--color-interactive-neutral-active);
-  --Button-secondary-color: var(--color-interactive-primary);
-
-  --Button-tertiary-background: var(--color-background-neutral);
-  --Button-tertiary-background-hover: var(--color-background-neutral-hover);
-  --Button-tertiary-background-active: var(--color-background-neutral-active);
-  --Button-tertiary-color: var(--color-content-primary);
-
-  --Button-minimal-background: transparent;
-  --Button-minimal-background-hover: var(--color-background-screen-hover);
-  --Button-minimal-background-active: var(--color-background-screen-active);
-  --Button-minimal-color: var(--color-interactive-primary);
-
-  --Button-primary-negative-background: var(--color-sentiment-negative-primary);
-  --Button-primary-negative-background-hover: var(--color-sentiment-negative-primary-hover);
-  --Button-primary-negative-background-active: var(--color-sentiment-negative-primary-active);
-  --Button-primary-negative-color: var(--color-contrast);
-
-  --Button-secondary-negative-background: var(--color-sentiment-negative-secondary);
-  --Button-secondary-negative-background-hover: var(--color-sentiment-negative-secondary-hover);
-  --Button-secondary-negative-background-active: var(--color-sentiment-negative-secondary-active);
-  --Button-secondary-negative-color: var(--color-sentiment-negative-primary);
-}
-
-.np-theme-personal--bright-green {
-  .wds-Button {
-    --color-contrast: #FFFFFF;
-    --Button-secondary-color: var(--color-interactive-control);
-    --Button-secondary-negative-color: var(--color-contrast);
-  }
-}

package/src/button/LegacyButton.css

@@ -1,23 +0,0 @@
-.np-btn {
-  position: relative;
-}
-.np-btn.np-btn-block > span.btn-loader {
-  position: absolute;
-  left: 24px;
-  left: var(--size-24);
-}
-[dir="rtl"] .np-btn.np-btn-block > span.btn-loader {
-  right: 24px;
-  right: var(--size-24);
-  left: auto;
-  left: initial;
-}
-.np-btn.np-btn-xs > span.btn-loader {
-  background-size: 16px 16px;
-}
-.np-btn.np-btn-xs.btn-block > span.btn-loader {
-  top: 0;
-}
-.np-btn.disabled[class] {
-  pointer-events: auto;
-}