@elliemae/ds-button-v1 3.12.0-rc.5

package/dist/cjs/DSButton.js

@@ -0,0 +1,147 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSButton_exports = {};
+__export(DSButton_exports, {
+  DSButton: () => DSButton,
+  DSButtonWithSchema: () => DSButtonWithSchema,
+  default: () => DSButton_default
+});
+module.exports = __toCommonJS(DSButton_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_constants = require("./constants");
+var import_propTypes = require("./propTypes");
+var import_defaultProps = require("./defaultProps");
+const blockName = "button";
+const getContainer = (Element) => (0, import_ds_classnames.aggregatedClasses)(Element)(
+  blockName,
+  null,
+  ({ iconOnly, variant }) => ({
+    "icon-only": iconOnly,
+    [variant]: variant
+  }),
+  {
+    propsToRemoveFromFinalElement: ["cx"]
+  }
+);
+const DSButton = ({
+  innerRef,
+  disabled,
+  buttonType,
+  fluidWidth,
+  size,
+  labelText,
+  icon,
+  onBlur,
+  onClick,
+  onKeyPress,
+  leftIcon,
+  tabIndex,
+  variant,
+  intent,
+  containerProps,
+  className,
+  as: Component,
+  type,
+  ...rest
+}) => {
+  const [pressed, setPressed] = (0, import_react.useState)(false);
+  const Button = (0, import_react.useMemo)(() => getContainer(Component), [Component]);
+  const intentBlockName = `${blockName}${intent ? `-${intent}` : ""}`;
+  const { cssClassName: intentClassName } = (0, import_ds_classnames.convertPropToCssClassName)(intentBlockName);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    Button,
+    {
+      "data-testid": containerProps && containerProps["data-testid"] || "button-wrapper",
+      ...rest,
+      ...containerProps,
+      "aria-disabled": rest["aria-disabled"] !== void 0 ? rest["aria-disabled"] : disabled,
+      "aria-label": rest["aria-label"] || labelText || "button",
+      "aria-pressed": pressed,
+      className: (0, import_ds_utilities.cx)(intentClassName, className),
+      classProps: {
+        disabled,
+        buttonType: buttonType || import_constants.BUTTON_TYPE.PRIMARY,
+        size: size || import_constants.BUTTON_SIZE.M,
+        fluidWidth,
+        iconOnly: !labelText && (icon || leftIcon),
+        variant: disabled ? import_constants.BUTTON_VARIANT.DISABLED : variant
+      },
+      disabled,
+      innerRef,
+      onBlur: (e) => {
+        if (disabled)
+          return;
+        setPressed(false);
+        if (onBlur)
+          onBlur(e);
+      },
+      onClick: (e) => {
+        if (disabled)
+          return;
+        setPressed(true);
+        if (onClick)
+          onClick(e);
+      },
+      onKeyPress: (e) => {
+        if (disabled)
+          return;
+        e.preventDefault();
+        if (e.key === "Enter") {
+          setPressed(true);
+          if (onClick)
+            onClick(e);
+        }
+        if (onKeyPress)
+          onKeyPress(e);
+      },
+      tabIndex,
+      type,
+      children: [
+        leftIcon,
+        labelText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: `label-wrapper ${icon || leftIcon ? "with-icon" : "no-icon"}`,
+            "data-testid": "button-label",
+            role: "presentation",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: labelText })
+          }
+        ),
+        icon
+      ]
+    }
+  );
+};
+DSButton.defaultProps = import_defaultProps.defaultProps;
+DSButton.propTypes = import_propTypes.btnPropTypes;
+DSButton.displayName = "DSButton";
+const DSButtonWithSchema = (0, import_ds_utilities.describe)(DSButton);
+DSButtonWithSchema.propTypes = import_propTypes.btnPropTypes;
+var DSButton_default = DSButton;
+//# sourceMappingURL=DSButton.js.map

package/dist/cjs/DSButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSButton.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable jest/valid-title */\nimport React, { useState, useMemo } from 'react';\nimport { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { cx, describe } from '@elliemae/ds-utilities';\nimport { BUTTON_TYPE, BUTTON_SIZE, BUTTON_VARIANT } from './constants';\nimport { btnPropTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\n\nconst blockName = 'button';\n\nconst getContainer = (Element) =>\n  aggregatedClasses(Element)(\n    blockName,\n    null,\n    ({ iconOnly, variant }) => ({\n      'icon-only': iconOnly,\n      [variant]: variant,\n    }),\n    {\n      propsToRemoveFromFinalElement: ['cx'],\n    },\n  );\n\ninterface ButtonPropsT {\n  [x: string]: unknown;\n  disabled?: boolean;\n  fluidWidth?: boolean;\n  innerRef?: unknown;\n  buttonType?: typeof BUTTON_TYPE[keyof typeof BUTTON_TYPE];\n  size?: typeof BUTTON_SIZE[keyof typeof BUTTON_SIZE];\n  variant?: typeof BUTTON_VARIANT[keyof typeof BUTTON_VARIANT];\n  labelText?: string;\n  icon?: JSX.Element;\n  leftIcon?: JSX.Element;\n  tabIndex?: number;\n  intent?: 'success' | 'danger' | 'warning' | 'info';\n  containerProps?: { [x: string]: unknown };\n  className?: string;\n  as?: string | JSX.Element;\n  type?: 'button' | 'text';\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onClick?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;\n  onKeyPress?: React.KeyboardEventHandler<HTMLElement>;\n}\n\n// eslint-disable-next-line complexity\nconst DSButton = ({\n  innerRef,\n  disabled,\n  buttonType,\n  fluidWidth,\n  size,\n  labelText,\n  icon,\n  onBlur,\n  onClick,\n  onKeyPress,\n  leftIcon,\n  tabIndex,\n  variant,\n  intent,\n  containerProps,\n  className,\n  as: Component,\n  type,\n  ...rest\n}: ButtonPropsT) => {\n  const [pressed, setPressed] = useState(false);\n  const Button = useMemo(() => getContainer(Component), [Component]);\n  const intentBlockName = `${blockName}${intent ? `-${intent}` : ''}`;\n  const { cssClassName: intentClassName } = convertPropToCssClassName(intentBlockName);\n  return (\n    <Button\n      data-testid={(containerProps && containerProps['data-testid']) || 'button-wrapper'}\n      {...rest}\n      {...containerProps}\n      aria-disabled={rest['aria-disabled'] !== undefined ? rest['aria-disabled'] : disabled}\n      aria-label={rest['aria-label'] || labelText || 'button'}\n      aria-pressed={pressed}\n      className={cx(intentClassName, className)}\n      classProps={{\n        disabled,\n        // DON'T CHANGE FOR defaultProps\n        // using OR to keep ButtonGroup behavior at packages/ds-basic/src/ButtonGroup/DSButtonGroup\n        buttonType: buttonType || BUTTON_TYPE.PRIMARY,\n        // using or to keep ButtonGroup behavior at packages/ds-basic/src/ButtonGroup/DSButtonGroup\n        size: size || BUTTON_SIZE.M,\n        fluidWidth,\n        iconOnly: !labelText && (icon || leftIcon),\n        variant: disabled ? BUTTON_VARIANT.DISABLED : variant,\n      }}\n      disabled={disabled} // https://jira.elliemae.io/browse/PUI-1215\n      innerRef={innerRef}\n      onBlur={(e: React.FocusEvent<HTMLElement>) => {\n        if (disabled) return;\n        setPressed(false);\n        if (onBlur) onBlur(e);\n      }}\n      onClick={(e: React.MouseEvent<HTMLElement>) => {\n        if (disabled) return;\n        setPressed(true);\n        if (onClick) onClick(e);\n      }}\n      onKeyPress={(e: React.KeyboardEvent<HTMLElement>) => {\n        if (disabled) return;\n        e.preventDefault();\n        if (e.key === 'Enter') {\n          setPressed(true);\n          if (onClick) onClick(e);\n        }\n        if (onKeyPress) onKeyPress(e);\n      }}\n      tabIndex={tabIndex}\n      type={type}\n    >\n      {leftIcon}\n      {labelText && (\n        <span\n          className={`label-wrapper ${icon || leftIcon ? 'with-icon' : 'no-icon'}`}\n          data-testid=\"button-label\"\n          role=\"presentation\"\n        >\n          <span>{labelText}</span>\n        </span>\n      )}\n      {icon}\n    </Button>\n  );\n};\n\nDSButton.defaultProps = defaultProps;\nDSButton.propTypes = btnPropTypes;\nDSButton.displayName = 'DSButton';\n\nconst DSButtonWithSchema = describe(DSButton);\nDSButtonWithSchema.propTypes = btnPropTypes;\n\nexport { DSButton, DSButtonWithSchema };\nexport default DSButton;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyEnB;AAvEJ,mBAAyC;AACzC,2BAA6D;AAC7D,0BAA6B;AAC7B,uBAAyD;AACzD,uBAA6B;AAC7B,0BAA6B;AAE7B,MAAM,YAAY;AAElB,MAAM,eAAe,CAAC,gBACpB,wCAAkB,OAAO;AAAA,EACvB;AAAA,EACA;AAAA,EACA,CAAC,EAAE,UAAU,QAAQ,OAAO;AAAA,IAC1B,aAAa;AAAA,IACb,CAAC,UAAU;AAAA,EACb;AAAA,EACA;AAAA,IACE,+BAA+B,CAAC,IAAI;AAAA,EACtC;AACF;AAyBF,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI;AAAA,EACJ;AAAA,KACG;AACL,MAAoB;AAClB,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,aAAS,sBAAQ,MAAM,aAAa,SAAS,GAAG,CAAC,SAAS,CAAC;AACjE,QAAM,kBAAkB,GAAG,YAAY,SAAS,IAAI,WAAW;AAC/D,QAAM,EAAE,cAAc,gBAAgB,QAAI,gDAA0B,eAAe;AACnF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc,kBAAkB,eAAe,kBAAmB;AAAA,MACjE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,iBAAe,KAAK,qBAAqB,SAAY,KAAK,mBAAmB;AAAA,MAC7E,cAAY,KAAK,iBAAiB,aAAa;AAAA,MAC/C,gBAAc;AAAA,MACd,eAAW,wBAAG,iBAAiB,SAAS;AAAA,MACxC,YAAY;AAAA,QACV;AAAA,QAGA,YAAY,cAAc,6BAAY;AAAA,QAEtC,MAAM,QAAQ,6BAAY;AAAA,QAC1B;AAAA,QACA,UAAU,CAAC,cAAc,QAAQ;AAAA,QACjC,SAAS,WAAW,gCAAe,WAAW;AAAA,MAChD;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,MAAqC;AAC5C,YAAI;AAAU;AACd,mBAAW,KAAK;AAChB,YAAI;AAAQ,iBAAO,CAAC;AAAA,MACtB;AAAA,MACA,SAAS,CAAC,MAAqC;AAC7C,YAAI;AAAU;AACd,mBAAW,IAAI;AACf,YAAI;AAAS,kBAAQ,CAAC;AAAA,MACxB;AAAA,MACA,YAAY,CAAC,MAAwC;AACnD,YAAI;AAAU;AACd,UAAE,eAAe;AACjB,YAAI,EAAE,QAAQ,SAAS;AACrB,qBAAW,IAAI;AACf,cAAI;AAAS,oBAAQ,CAAC;AAAA,QACxB;AACA,YAAI;AAAY,qBAAW,CAAC;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACA,aACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,iBAAiB,QAAQ,WAAW,cAAc;AAAA,YAC7D,eAAY;AAAA,YACZ,MAAK;AAAA,YAEL,sDAAC,UAAM,qBAAU;AAAA;AAAA,QACnB;AAAA,QAED;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,cAAc;AAEvB,MAAM,yBAAqB,8BAAS,QAAQ;AAC5C,mBAAmB,YAAY;AAG/B,IAAO,mBAAQ;",
+  "names": []
+}

package/dist/cjs/constants.js

@@ -0,0 +1,68 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  BUTTON_INTENT: () => BUTTON_INTENT,
+  BUTTON_SIZE: () => BUTTON_SIZE,
+  BUTTON_TYPE: () => BUTTON_TYPE,
+  BUTTON_VARIANT: () => BUTTON_VARIANT,
+  buttonTypes: () => buttonTypes,
+  buttonVariants: () => buttonVariants
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+const BUTTON_TYPE = {
+  PRIMARY: "primary",
+  SECONDARY: "secondary",
+  TEXT: "text",
+  LINK: "link"
+};
+const buttonTypes = ["primary", "secondary", "text", "link"];
+const BUTTON_SIZE = {
+  S: "s",
+  M: "m",
+  L: "l"
+};
+const BUTTON_INTENT = {
+  DANGER: "danger",
+  SUCCESS: "success",
+  WARNING: "warning",
+  INFO: "info"
+};
+const BUTTON_VARIANT = {
+  DEFAULT: "variant-default",
+  FOCUS: "variant-focus",
+  ACTIVE: "variant-active",
+  DISABLED: "variant-disabled",
+  HOVER: "variant-hover"
+};
+const buttonVariants = [
+  "variant-default",
+  "variant-focus",
+  "variant-active",
+  "variant-disabled",
+  "variant-hover"
+];
+//# sourceMappingURL=constants.js.map

package/dist/cjs/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/constants.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const BUTTON_TYPE = {\n  PRIMARY: 'primary' as const,\n  SECONDARY: 'secondary' as const,\n  TEXT: 'text' as const,\n  LINK: 'link' as const,\n};\n\nexport const buttonTypes = ['primary' as const, 'secondary' as const, 'text' as const, 'link' as const] as const;\n\nexport const BUTTON_SIZE = {\n  S: 's' as const,\n  M: 'm' as const,\n  L: 'l' as const,\n};\n\nexport const BUTTON_INTENT = {\n  DANGER: 'danger' as const,\n  SUCCESS: 'success' as const,\n  WARNING: 'warning' as const,\n  INFO: 'info' as const,\n};\n\nexport const BUTTON_VARIANT = {\n  DEFAULT: 'variant-default' as const,\n  FOCUS: 'variant-focus' as const,\n  ACTIVE: 'variant-active' as const,\n  DISABLED: 'variant-disabled' as const,\n  HOVER: 'variant-hover' as const,\n};\n\nexport const buttonVariants = [\n  'variant-default' as const,\n  'variant-focus' as const,\n  'variant-active' as const,\n  'variant-disabled' as const,\n  'variant-hover' as const,\n] as const;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,cAAc;AAAA,EACzB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAM,cAAc,CAAC,WAAoB,aAAsB,QAAiB,MAAe;AAE/F,MAAM,cAAc;AAAA,EACzB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,gBAAgB;AAAA,EAC3B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AACR;AAEO,MAAM,iBAAiB;AAAA,EAC5B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
+  "names": []
+}

package/dist/cjs/defaultProps.js

@@ -0,0 +1,47 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var defaultProps_exports = {};
+__export(defaultProps_exports, {
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(defaultProps_exports);
+var React = __toESM(require("react"));
+var import_constants = require("./constants");
+const defaultProps = {
+  disabled: false,
+  fluidWidth: false,
+  labelText: "",
+  icon: null,
+  onBlur: () => null,
+  onClick: () => null,
+  onKeyPress: () => null,
+  leftIcon: null,
+  tabIndex: 0,
+  variant: import_constants.BUTTON_VARIANT.DEFAULT,
+  containerProps: {},
+  as: "button",
+  type: "button"
+};
+//# sourceMappingURL=defaultProps.js.map

package/dist/cjs/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/defaultProps.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { BUTTON_VARIANT } from './constants';\n\nexport const defaultProps = {\n  disabled: false,\n  fluidWidth: false,\n  labelText: '',\n  icon: null,\n  onBlur: () => null,\n  onClick: () => null,\n  onKeyPress: () => null,\n  leftIcon: null,\n  tabIndex: 0,\n  variant: BUTTON_VARIANT.DEFAULT,\n  containerProps: {},\n  as: 'button',\n  type: 'button',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA+B;AAExB,MAAM,eAAe;AAAA,EAC1B,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ,MAAM;AAAA,EACd,SAAS,MAAM;AAAA,EACf,YAAY,MAAM;AAAA,EAClB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS,gCAAe;AAAA,EACxB,gBAAgB,CAAC;AAAA,EACjB,IAAI;AAAA,EACJ,MAAM;AACR;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,35 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  default: () => import_DSButton.default
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./DSButton"), module.exports);
+__reExport(src_exports, require("./constants"), module.exports);
+var import_DSButton = __toESM(require("./DSButton"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './DSButton';\nexport * from './constants';\nexport { default } from './DSButton';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,uBAAd;AACA,wBAAc,wBADd;AAEA,sBAAwB;",
+  "names": []
+}

package/dist/cjs/propTypes.js

@@ -0,0 +1,61 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var propTypes_exports = {};
+__export(propTypes_exports, {
+  btnPropTypes: () => btnPropTypes
+});
+module.exports = __toCommonJS(propTypes_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_shared = require("@elliemae/ds-shared");
+var import_constants = require("./constants");
+const btnPropTypes = {
+  tabIndex: import_ds_utilities.PropTypes.number.description("Tab index"),
+  className: import_ds_utilities.PropTypes.string.description("Additional className"),
+  "aria-disabled": import_ds_utilities.PropTypes.string.description("aria disabled"),
+  as: import_ds_utilities.PropTypes.string.description("Html tag").defaultValue("button"),
+  disabled: import_ds_utilities.PropTypes.bool.description("Whether the button is disabled or not"),
+  fluidWidth: import_ds_utilities.PropTypes.bool.description("Make the content of the button fit the button container or not"),
+  labelText: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.element]).description(
+    "Displayable label inside the button"
+  ),
+  icon: import_ds_utilities.PropTypes.element.description("Put an icon inside the button"),
+  leftIcon: import_ds_utilities.PropTypes.element.description("Put an icon on the left side of the button"),
+  buttonType: import_ds_utilities.PropTypes.oneOf(import_constants.buttonTypes).description("type of the button"),
+  size: import_ds_utilities.PropTypes.oneOf(import_ds_shared.dsBasicSizes).description("size of the button"),
+  type: import_ds_utilities.PropTypes.oneOf(["button", "submit"]).description("type of the button"),
+  variant: import_ds_utilities.PropTypes.oneOf(import_constants.buttonVariants).description("variant of the button"),
+  innerRef: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.func, import_ds_utilities.PropTypes.shape({ current: import_ds_utilities.PropTypes.any })]).description(
+    "reference to the component"
+  ),
+  onBlur: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the button is blur"),
+  intent: import_ds_utilities.PropTypes.oneOf(["success", "warning", "danger", "info"]).description(
+    'Apply intent color. Only valid with buttonType="text"'
+  ),
+  containerProps: import_ds_utilities.PropTypes.object.description("additional props for the container"),
+  onClick: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the button is clicked"),
+  onKeyPress: import_ds_utilities.PropTypes.func.description("Allows a function that is triggered once the button is key pressed")
+};
+//# sourceMappingURL=propTypes.js.map

package/dist/cjs/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-unused-vars */\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { dsBasicSizes } from '@elliemae/ds-shared';\nimport { buttonTypes, buttonVariants } from './constants';\n\nexport const btnPropTypes = {\n  /**\n   * Tab index\n   */\n  tabIndex: PropTypes.number.description('Tab index'),\n  /**\n   * Additional className\n   */\n  className: PropTypes.string.description('Additional className'),\n  /**\n   * aria disabled\n   */\n  'aria-disabled': PropTypes.string.description('aria disabled'),\n  /**\n   * Html tag. default 'button'\n   */\n  as: PropTypes.string.description('Html tag').defaultValue('button'),\n  /**\n   * Whether the button is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the button is disabled or not'),\n  /**\n   * Make the content of the button fit the button container or not\n   */\n  fluidWidth: PropTypes.bool.description('Make the content of the button fit the button container or not'),\n  /**\n   * Displayable label inside the button\n   */\n  labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Displayable label inside the button',\n  ),\n  /**\n   * Put an icon inside the button\n   */\n  icon: PropTypes.element.description('Put an icon inside the button'),\n  /**\n   * Put an icon on the left side of the button\n   */\n  leftIcon: PropTypes.element.description('Put an icon on the left side of the button'),\n  /**\n   * ['primary', 'secondary', 'text', 'link']\n   */\n  buttonType: PropTypes.oneOf(buttonTypes).description('type of the button'),\n  /**\n   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes).description('size of the button'),\n  /**\n   * submit or button\n   */\n  type: PropTypes.oneOf(['button', 'submit']).description('type of the button'),\n  /**\n   * [\n   *  'variant-default',\n   *  'variant-focus',\n   *  'variant-active',\n   *  'variant-disabled',\n   * ]\n   */\n  variant: PropTypes.oneOf(buttonVariants).description('variant of the button'),\n  /**\n   * Refence\n   */\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'reference to the component',\n  ),\n  /**\n   * Onblur callback\n   */\n  onBlur: PropTypes.func.description('Allows a function that is triggered once the button is blur'),\n  /**\n   * Apply intent color: ['success', 'warning', 'danger', 'info']\n   * Only valid with buttonType=\"text\"\n   */\n  intent: PropTypes.oneOf(['success', 'warning', 'danger', 'info']).description(\n    'Apply intent color. Only valid with buttonType=\"text\"',\n  ),\n  /**\n   * additional props for the container\n   */\n  containerProps: PropTypes.object.description('additional props for the container'),\n  /**\n   * Allows a function that is triggered once the button is clicked\n   */\n  onClick: PropTypes.func.description('Allows a function that is triggered once the button is clicked'),\n  /**\n   * Allows a function that is triggered once the button is key pressed\n   */\n  onKeyPress: PropTypes.func.description('Allows a function that is triggered once the button is key pressed'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAA0B;AAC1B,uBAA6B;AAC7B,uBAA4C;AAErC,MAAM,eAAe;AAAA,EAI1B,UAAU,8BAAU,OAAO,YAAY,WAAW;AAAA,EAIlD,WAAW,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAI9D,iBAAiB,8BAAU,OAAO,YAAY,eAAe;AAAA,EAI7D,IAAI,8BAAU,OAAO,YAAY,UAAU,EAAE,aAAa,QAAQ;AAAA,EAIlE,UAAU,8BAAU,KAAK,YAAY,uCAAuC;AAAA,EAI5E,YAAY,8BAAU,KAAK,YAAY,gEAAgE;AAAA,EAIvG,WAAW,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EAAE;AAAA,IACpE;AAAA,EACF;AAAA,EAIA,MAAM,8BAAU,QAAQ,YAAY,+BAA+B;AAAA,EAInE,UAAU,8BAAU,QAAQ,YAAY,4CAA4C;AAAA,EAIpF,YAAY,8BAAU,MAAM,4BAAW,EAAE,YAAY,oBAAoB;AAAA,EAIzE,MAAM,8BAAU,MAAM,6BAAY,EAAE,YAAY,oBAAoB;AAAA,EAIpE,MAAM,8BAAU,MAAM,CAAC,UAAU,QAAQ,CAAC,EAAE,YAAY,oBAAoB;AAAA,EAS5E,SAAS,8BAAU,MAAM,+BAAc,EAAE,YAAY,uBAAuB;AAAA,EAI5E,UAAU,8BAAU,UAAU,CAAC,8BAAU,MAAM,8BAAU,MAAM,EAAE,SAAS,8BAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA,EAIA,QAAQ,8BAAU,KAAK,YAAY,6DAA6D;AAAA,EAKhG,QAAQ,8BAAU,MAAM,CAAC,WAAW,WAAW,UAAU,MAAM,CAAC,EAAE;AAAA,IAChE;AAAA,EACF;AAAA,EAIA,gBAAgB,8BAAU,OAAO,YAAY,oCAAoC;AAAA,EAIjF,SAAS,8BAAU,KAAK,YAAY,gEAAgE;AAAA,EAIpG,YAAY,8BAAU,KAAK,YAAY,oEAAoE;AAC7G;",
+  "names": []
+}

package/dist/esm/DSButton.js

@@ -0,0 +1,121 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { aggregatedClasses, convertPropToCssClassName } from "@elliemae/ds-classnames";
+import { cx, describe } from "@elliemae/ds-utilities";
+import { BUTTON_TYPE, BUTTON_SIZE, BUTTON_VARIANT } from "./constants";
+import { btnPropTypes } from "./propTypes";
+import { defaultProps } from "./defaultProps";
+const blockName = "button";
+const getContainer = (Element) => aggregatedClasses(Element)(
+  blockName,
+  null,
+  ({ iconOnly, variant }) => ({
+    "icon-only": iconOnly,
+    [variant]: variant
+  }),
+  {
+    propsToRemoveFromFinalElement: ["cx"]
+  }
+);
+const DSButton = ({
+  innerRef,
+  disabled,
+  buttonType,
+  fluidWidth,
+  size,
+  labelText,
+  icon,
+  onBlur,
+  onClick,
+  onKeyPress,
+  leftIcon,
+  tabIndex,
+  variant,
+  intent,
+  containerProps,
+  className,
+  as: Component,
+  type,
+  ...rest
+}) => {
+  const [pressed, setPressed] = useState(false);
+  const Button = useMemo(() => getContainer(Component), [Component]);
+  const intentBlockName = `${blockName}${intent ? `-${intent}` : ""}`;
+  const { cssClassName: intentClassName } = convertPropToCssClassName(intentBlockName);
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      "data-testid": containerProps && containerProps["data-testid"] || "button-wrapper",
+      ...rest,
+      ...containerProps,
+      "aria-disabled": rest["aria-disabled"] !== void 0 ? rest["aria-disabled"] : disabled,
+      "aria-label": rest["aria-label"] || labelText || "button",
+      "aria-pressed": pressed,
+      className: cx(intentClassName, className),
+      classProps: {
+        disabled,
+        buttonType: buttonType || BUTTON_TYPE.PRIMARY,
+        size: size || BUTTON_SIZE.M,
+        fluidWidth,
+        iconOnly: !labelText && (icon || leftIcon),
+        variant: disabled ? BUTTON_VARIANT.DISABLED : variant
+      },
+      disabled,
+      innerRef,
+      onBlur: (e) => {
+        if (disabled)
+          return;
+        setPressed(false);
+        if (onBlur)
+          onBlur(e);
+      },
+      onClick: (e) => {
+        if (disabled)
+          return;
+        setPressed(true);
+        if (onClick)
+          onClick(e);
+      },
+      onKeyPress: (e) => {
+        if (disabled)
+          return;
+        e.preventDefault();
+        if (e.key === "Enter") {
+          setPressed(true);
+          if (onClick)
+            onClick(e);
+        }
+        if (onKeyPress)
+          onKeyPress(e);
+      },
+      tabIndex,
+      type,
+      children: [
+        leftIcon,
+        labelText && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `label-wrapper ${icon || leftIcon ? "with-icon" : "no-icon"}`,
+            "data-testid": "button-label",
+            role: "presentation",
+            children: /* @__PURE__ */ jsx("span", { children: labelText })
+          }
+        ),
+        icon
+      ]
+    }
+  );
+};
+DSButton.defaultProps = defaultProps;
+DSButton.propTypes = btnPropTypes;
+DSButton.displayName = "DSButton";
+const DSButtonWithSchema = describe(DSButton);
+DSButtonWithSchema.propTypes = btnPropTypes;
+var DSButton_default = DSButton;
+export {
+  DSButton,
+  DSButtonWithSchema,
+  DSButton_default as default
+};
+//# sourceMappingURL=DSButton.js.map

package/dist/esm/DSButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSButton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable jest/valid-title */\nimport React, { useState, useMemo } from 'react';\nimport { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { cx, describe } from '@elliemae/ds-utilities';\nimport { BUTTON_TYPE, BUTTON_SIZE, BUTTON_VARIANT } from './constants';\nimport { btnPropTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\n\nconst blockName = 'button';\n\nconst getContainer = (Element) =>\n  aggregatedClasses(Element)(\n    blockName,\n    null,\n    ({ iconOnly, variant }) => ({\n      'icon-only': iconOnly,\n      [variant]: variant,\n    }),\n    {\n      propsToRemoveFromFinalElement: ['cx'],\n    },\n  );\n\ninterface ButtonPropsT {\n  [x: string]: unknown;\n  disabled?: boolean;\n  fluidWidth?: boolean;\n  innerRef?: unknown;\n  buttonType?: typeof BUTTON_TYPE[keyof typeof BUTTON_TYPE];\n  size?: typeof BUTTON_SIZE[keyof typeof BUTTON_SIZE];\n  variant?: typeof BUTTON_VARIANT[keyof typeof BUTTON_VARIANT];\n  labelText?: string;\n  icon?: JSX.Element;\n  leftIcon?: JSX.Element;\n  tabIndex?: number;\n  intent?: 'success' | 'danger' | 'warning' | 'info';\n  containerProps?: { [x: string]: unknown };\n  className?: string;\n  as?: string | JSX.Element;\n  type?: 'button' | 'text';\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onClick?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;\n  onKeyPress?: React.KeyboardEventHandler<HTMLElement>;\n}\n\n// eslint-disable-next-line complexity\nconst DSButton = ({\n  innerRef,\n  disabled,\n  buttonType,\n  fluidWidth,\n  size,\n  labelText,\n  icon,\n  onBlur,\n  onClick,\n  onKeyPress,\n  leftIcon,\n  tabIndex,\n  variant,\n  intent,\n  containerProps,\n  className,\n  as: Component,\n  type,\n  ...rest\n}: ButtonPropsT) => {\n  const [pressed, setPressed] = useState(false);\n  const Button = useMemo(() => getContainer(Component), [Component]);\n  const intentBlockName = `${blockName}${intent ? `-${intent}` : ''}`;\n  const { cssClassName: intentClassName } = convertPropToCssClassName(intentBlockName);\n  return (\n    <Button\n      data-testid={(containerProps && containerProps['data-testid']) || 'button-wrapper'}\n      {...rest}\n      {...containerProps}\n      aria-disabled={rest['aria-disabled'] !== undefined ? rest['aria-disabled'] : disabled}\n      aria-label={rest['aria-label'] || labelText || 'button'}\n      aria-pressed={pressed}\n      className={cx(intentClassName, className)}\n      classProps={{\n        disabled,\n        // DON'T CHANGE FOR defaultProps\n        // using OR to keep ButtonGroup behavior at packages/ds-basic/src/ButtonGroup/DSButtonGroup\n        buttonType: buttonType || BUTTON_TYPE.PRIMARY,\n        // using or to keep ButtonGroup behavior at packages/ds-basic/src/ButtonGroup/DSButtonGroup\n        size: size || BUTTON_SIZE.M,\n        fluidWidth,\n        iconOnly: !labelText && (icon || leftIcon),\n        variant: disabled ? BUTTON_VARIANT.DISABLED : variant,\n      }}\n      disabled={disabled} // https://jira.elliemae.io/browse/PUI-1215\n      innerRef={innerRef}\n      onBlur={(e: React.FocusEvent<HTMLElement>) => {\n        if (disabled) return;\n        setPressed(false);\n        if (onBlur) onBlur(e);\n      }}\n      onClick={(e: React.MouseEvent<HTMLElement>) => {\n        if (disabled) return;\n        setPressed(true);\n        if (onClick) onClick(e);\n      }}\n      onKeyPress={(e: React.KeyboardEvent<HTMLElement>) => {\n        if (disabled) return;\n        e.preventDefault();\n        if (e.key === 'Enter') {\n          setPressed(true);\n          if (onClick) onClick(e);\n        }\n        if (onKeyPress) onKeyPress(e);\n      }}\n      tabIndex={tabIndex}\n      type={type}\n    >\n      {leftIcon}\n      {labelText && (\n        <span\n          className={`label-wrapper ${icon || leftIcon ? 'with-icon' : 'no-icon'}`}\n          data-testid=\"button-label\"\n          role=\"presentation\"\n        >\n          <span>{labelText}</span>\n        </span>\n      )}\n      {icon}\n    </Button>\n  );\n};\n\nDSButton.defaultProps = defaultProps;\nDSButton.propTypes = btnPropTypes;\nDSButton.displayName = 'DSButton';\n\nconst DSButtonWithSchema = describe(DSButton);\nDSButtonWithSchema.propTypes = btnPropTypes;\n\nexport { DSButton, DSButtonWithSchema };\nexport default DSButton;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACyEnB,SAkDM,KAlDN;AAvEJ,SAAgB,UAAU,eAAe;AACzC,SAAS,mBAAmB,iCAAiC;AAC7D,SAAS,IAAI,gBAAgB;AAC7B,SAAS,aAAa,aAAa,sBAAsB;AACzD,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAE7B,MAAM,YAAY;AAElB,MAAM,eAAe,CAAC,YACpB,kBAAkB,OAAO;AAAA,EACvB;AAAA,EACA;AAAA,EACA,CAAC,EAAE,UAAU,QAAQ,OAAO;AAAA,IAC1B,aAAa;AAAA,IACb,CAAC,UAAU;AAAA,EACb;AAAA,EACA;AAAA,IACE,+BAA+B,CAAC,IAAI;AAAA,EACtC;AACF;AAyBF,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI;AAAA,EACJ;AAAA,KACG;AACL,MAAoB;AAClB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,SAAS,QAAQ,MAAM,aAAa,SAAS,GAAG,CAAC,SAAS,CAAC;AACjE,QAAM,kBAAkB,GAAG,YAAY,SAAS,IAAI,WAAW;AAC/D,QAAM,EAAE,cAAc,gBAAgB,IAAI,0BAA0B,eAAe;AACnF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc,kBAAkB,eAAe,kBAAmB;AAAA,MACjE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,iBAAe,KAAK,qBAAqB,SAAY,KAAK,mBAAmB;AAAA,MAC7E,cAAY,KAAK,iBAAiB,aAAa;AAAA,MAC/C,gBAAc;AAAA,MACd,WAAW,GAAG,iBAAiB,SAAS;AAAA,MACxC,YAAY;AAAA,QACV;AAAA,QAGA,YAAY,cAAc,YAAY;AAAA,QAEtC,MAAM,QAAQ,YAAY;AAAA,QAC1B;AAAA,QACA,UAAU,CAAC,cAAc,QAAQ;AAAA,QACjC,SAAS,WAAW,eAAe,WAAW;AAAA,MAChD;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,MAAqC;AAC5C,YAAI;AAAU;AACd,mBAAW,KAAK;AAChB,YAAI;AAAQ,iBAAO,CAAC;AAAA,MACtB;AAAA,MACA,SAAS,CAAC,MAAqC;AAC7C,YAAI;AAAU;AACd,mBAAW,IAAI;AACf,YAAI;AAAS,kBAAQ,CAAC;AAAA,MACxB;AAAA,MACA,YAAY,CAAC,MAAwC;AACnD,YAAI;AAAU;AACd,UAAE,eAAe;AACjB,YAAI,EAAE,QAAQ,SAAS;AACrB,qBAAW,IAAI;AACf,cAAI;AAAS,oBAAQ,CAAC;AAAA,QACxB;AACA,YAAI;AAAY,qBAAW,CAAC;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACA,aACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,iBAAiB,QAAQ,WAAW,cAAc;AAAA,YAC7D,eAAY;AAAA,YACZ,MAAK;AAAA,YAEL,8BAAC,UAAM,qBAAU;AAAA;AAAA,QACnB;AAAA,QAED;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,cAAc;AAEvB,MAAM,qBAAqB,SAAS,QAAQ;AAC5C,mBAAmB,YAAY;AAG/B,IAAO,mBAAQ;",
+  "names": []
+}

package/dist/esm/constants.js

@@ -0,0 +1,42 @@
+import * as React from "react";
+const BUTTON_TYPE = {
+  PRIMARY: "primary",
+  SECONDARY: "secondary",
+  TEXT: "text",
+  LINK: "link"
+};
+const buttonTypes = ["primary", "secondary", "text", "link"];
+const BUTTON_SIZE = {
+  S: "s",
+  M: "m",
+  L: "l"
+};
+const BUTTON_INTENT = {
+  DANGER: "danger",
+  SUCCESS: "success",
+  WARNING: "warning",
+  INFO: "info"
+};
+const BUTTON_VARIANT = {
+  DEFAULT: "variant-default",
+  FOCUS: "variant-focus",
+  ACTIVE: "variant-active",
+  DISABLED: "variant-disabled",
+  HOVER: "variant-hover"
+};
+const buttonVariants = [
+  "variant-default",
+  "variant-focus",
+  "variant-active",
+  "variant-disabled",
+  "variant-hover"
+];
+export {
+  BUTTON_INTENT,
+  BUTTON_SIZE,
+  BUTTON_TYPE,
+  BUTTON_VARIANT,
+  buttonTypes,
+  buttonVariants
+};
+//# sourceMappingURL=constants.js.map

package/dist/esm/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/constants.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const BUTTON_TYPE = {\n  PRIMARY: 'primary' as const,\n  SECONDARY: 'secondary' as const,\n  TEXT: 'text' as const,\n  LINK: 'link' as const,\n};\n\nexport const buttonTypes = ['primary' as const, 'secondary' as const, 'text' as const, 'link' as const] as const;\n\nexport const BUTTON_SIZE = {\n  S: 's' as const,\n  M: 'm' as const,\n  L: 'l' as const,\n};\n\nexport const BUTTON_INTENT = {\n  DANGER: 'danger' as const,\n  SUCCESS: 'success' as const,\n  WARNING: 'warning' as const,\n  INFO: 'info' as const,\n};\n\nexport const BUTTON_VARIANT = {\n  DEFAULT: 'variant-default' as const,\n  FOCUS: 'variant-focus' as const,\n  ACTIVE: 'variant-active' as const,\n  DISABLED: 'variant-disabled' as const,\n  HOVER: 'variant-hover' as const,\n};\n\nexport const buttonVariants = [\n  'variant-default' as const,\n  'variant-focus' as const,\n  'variant-active' as const,\n  'variant-disabled' as const,\n  'variant-hover' as const,\n] as const;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,cAAc;AAAA,EACzB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAM,cAAc,CAAC,WAAoB,aAAsB,QAAiB,MAAe;AAE/F,MAAM,cAAc;AAAA,EACzB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,gBAAgB;AAAA,EAC3B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AACR;AAEO,MAAM,iBAAiB;AAAA,EAC5B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
+  "names": []
+}

package/dist/esm/defaultProps.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { BUTTON_VARIANT } from "./constants";
+const defaultProps = {
+  disabled: false,
+  fluidWidth: false,
+  labelText: "",
+  icon: null,
+  onBlur: () => null,
+  onClick: () => null,
+  onKeyPress: () => null,
+  leftIcon: null,
+  tabIndex: 0,
+  variant: BUTTON_VARIANT.DEFAULT,
+  containerProps: {},
+  as: "button",
+  type: "button"
+};
+export {
+  defaultProps
+};
+//# sourceMappingURL=defaultProps.js.map

package/dist/esm/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { BUTTON_VARIANT } from './constants';\n\nexport const defaultProps = {\n  disabled: false,\n  fluidWidth: false,\n  labelText: '',\n  icon: null,\n  onBlur: () => null,\n  onClick: () => null,\n  onKeyPress: () => null,\n  leftIcon: null,\n  tabIndex: 0,\n  variant: BUTTON_VARIANT.DEFAULT,\n  containerProps: {},\n  as: 'button',\n  type: 'button',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sBAAsB;AAExB,MAAM,eAAe;AAAA,EAC1B,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ,MAAM;AAAA,EACd,SAAS,MAAM;AAAA,EACf,YAAY,MAAM;AAAA,EAClB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS,eAAe;AAAA,EACxB,gBAAgB,CAAC;AAAA,EACjB,IAAI;AAAA,EACJ,MAAM;AACR;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+export * from "./DSButton";
+export * from "./constants";
+import { default as default2 } from "./DSButton";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSButton';\nexport * from './constants';\nexport { default } from './DSButton';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,SAAS,WAAAA,gBAAe;",
+  "names": ["default"]
+}

package/dist/esm/propTypes.js

@@ -0,0 +1,35 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-utilities";
+import { dsBasicSizes } from "@elliemae/ds-shared";
+import { buttonTypes, buttonVariants } from "./constants";
+const btnPropTypes = {
+  tabIndex: PropTypes.number.description("Tab index"),
+  className: PropTypes.string.description("Additional className"),
+  "aria-disabled": PropTypes.string.description("aria disabled"),
+  as: PropTypes.string.description("Html tag").defaultValue("button"),
+  disabled: PropTypes.bool.description("Whether the button is disabled or not"),
+  fluidWidth: PropTypes.bool.description("Make the content of the button fit the button container or not"),
+  labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(
+    "Displayable label inside the button"
+  ),
+  icon: PropTypes.element.description("Put an icon inside the button"),
+  leftIcon: PropTypes.element.description("Put an icon on the left side of the button"),
+  buttonType: PropTypes.oneOf(buttonTypes).description("type of the button"),
+  size: PropTypes.oneOf(dsBasicSizes).description("size of the button"),
+  type: PropTypes.oneOf(["button", "submit"]).description("type of the button"),
+  variant: PropTypes.oneOf(buttonVariants).description("variant of the button"),
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(
+    "reference to the component"
+  ),
+  onBlur: PropTypes.func.description("Allows a function that is triggered once the button is blur"),
+  intent: PropTypes.oneOf(["success", "warning", "danger", "info"]).description(
+    'Apply intent color. Only valid with buttonType="text"'
+  ),
+  containerProps: PropTypes.object.description("additional props for the container"),
+  onClick: PropTypes.func.description("Allows a function that is triggered once the button is clicked"),
+  onKeyPress: PropTypes.func.description("Allows a function that is triggered once the button is key pressed")
+};
+export {
+  btnPropTypes
+};
+//# sourceMappingURL=propTypes.js.map

package/dist/esm/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/propTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-unused-vars */\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { dsBasicSizes } from '@elliemae/ds-shared';\nimport { buttonTypes, buttonVariants } from './constants';\n\nexport const btnPropTypes = {\n  /**\n   * Tab index\n   */\n  tabIndex: PropTypes.number.description('Tab index'),\n  /**\n   * Additional className\n   */\n  className: PropTypes.string.description('Additional className'),\n  /**\n   * aria disabled\n   */\n  'aria-disabled': PropTypes.string.description('aria disabled'),\n  /**\n   * Html tag. default 'button'\n   */\n  as: PropTypes.string.description('Html tag').defaultValue('button'),\n  /**\n   * Whether the button is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the button is disabled or not'),\n  /**\n   * Make the content of the button fit the button container or not\n   */\n  fluidWidth: PropTypes.bool.description('Make the content of the button fit the button container or not'),\n  /**\n   * Displayable label inside the button\n   */\n  labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Displayable label inside the button',\n  ),\n  /**\n   * Put an icon inside the button\n   */\n  icon: PropTypes.element.description('Put an icon inside the button'),\n  /**\n   * Put an icon on the left side of the button\n   */\n  leftIcon: PropTypes.element.description('Put an icon on the left side of the button'),\n  /**\n   * ['primary', 'secondary', 'text', 'link']\n   */\n  buttonType: PropTypes.oneOf(buttonTypes).description('type of the button'),\n  /**\n   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes).description('size of the button'),\n  /**\n   * submit or button\n   */\n  type: PropTypes.oneOf(['button', 'submit']).description('type of the button'),\n  /**\n   * [\n   *  'variant-default',\n   *  'variant-focus',\n   *  'variant-active',\n   *  'variant-disabled',\n   * ]\n   */\n  variant: PropTypes.oneOf(buttonVariants).description('variant of the button'),\n  /**\n   * Refence\n   */\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n    'reference to the component',\n  ),\n  /**\n   * Onblur callback\n   */\n  onBlur: PropTypes.func.description('Allows a function that is triggered once the button is blur'),\n  /**\n   * Apply intent color: ['success', 'warning', 'danger', 'info']\n   * Only valid with buttonType=\"text\"\n   */\n  intent: PropTypes.oneOf(['success', 'warning', 'danger', 'info']).description(\n    'Apply intent color. Only valid with buttonType=\"text\"',\n  ),\n  /**\n   * additional props for the container\n   */\n  containerProps: PropTypes.object.description('additional props for the container'),\n  /**\n   * Allows a function that is triggered once the button is clicked\n   */\n  onClick: PropTypes.func.description('Allows a function that is triggered once the button is clicked'),\n  /**\n   * Allows a function that is triggered once the button is key pressed\n   */\n  onKeyPress: PropTypes.func.description('Allows a function that is triggered once the button is key pressed'),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,aAAa,sBAAsB;AAErC,MAAM,eAAe;AAAA,EAI1B,UAAU,UAAU,OAAO,YAAY,WAAW;AAAA,EAIlD,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAI9D,iBAAiB,UAAU,OAAO,YAAY,eAAe;AAAA,EAI7D,IAAI,UAAU,OAAO,YAAY,UAAU,EAAE,aAAa,QAAQ;AAAA,EAIlE,UAAU,UAAU,KAAK,YAAY,uCAAuC;AAAA,EAI5E,YAAY,UAAU,KAAK,YAAY,gEAAgE;AAAA,EAIvG,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAAE;AAAA,IACpE;AAAA,EACF;AAAA,EAIA,MAAM,UAAU,QAAQ,YAAY,+BAA+B;AAAA,EAInE,UAAU,UAAU,QAAQ,YAAY,4CAA4C;AAAA,EAIpF,YAAY,UAAU,MAAM,WAAW,EAAE,YAAY,oBAAoB;AAAA,EAIzE,MAAM,UAAU,MAAM,YAAY,EAAE,YAAY,oBAAoB;AAAA,EAIpE,MAAM,UAAU,MAAM,CAAC,UAAU,QAAQ,CAAC,EAAE,YAAY,oBAAoB;AAAA,EAS5E,SAAS,UAAU,MAAM,cAAc,EAAE,YAAY,uBAAuB;AAAA,EAI5E,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA,EAIA,QAAQ,UAAU,KAAK,YAAY,6DAA6D;AAAA,EAKhG,QAAQ,UAAU,MAAM,CAAC,WAAW,WAAW,UAAU,MAAM,CAAC,EAAE;AAAA,IAChE;AAAA,EACF;AAAA,EAIA,gBAAgB,UAAU,OAAO,YAAY,oCAAoC;AAAA,EAIjF,SAAS,UAAU,KAAK,YAAY,gEAAgE;AAAA,EAIpG,YAAY,UAAU,KAAK,YAAY,oEAAoE;AAC7G;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@elliemae/ds-button-v1",
+  "version": "3.12.0-rc.5",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Button V 1",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./propTypes": {
+      "import": "./dist/esm/propTypes.js",
+      "require": "./dist/cjs/propTypes.js"
+    },
+    "./DSButton": {
+      "import": "./dist/esm/DSButton.js",
+      "require": "./dist/cjs/DSButton.js"
+    },
+    "./defaultProps": {
+      "import": "./dist/esm/defaultProps.js",
+      "require": "./dist/cjs/defaultProps.js"
+    },
+    "./constants": {
+      "import": "./dist/esm/constants.js",
+      "require": "./dist/cjs/constants.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@elliemae/ds-classnames": "3.12.0-rc.5",
+    "@elliemae/ds-shared": "3.12.0-rc.5",
+    "@elliemae/ds-utilities": "3.12.0-rc.5"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/react": "~12.1.3",
+    "styled-components": "~5.3.6"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.6"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs --fix",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
+    "dts": "node ../../scripts/dts.mjs",
+    "dts:withdeps": "pnpm --filter {.}... dts",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}