npm - @elliemae/ds-button-v1 - Versions diffs - 3.16.0 → 3.16.1-rc.10 - Mend

@elliemae/ds-button-v1 3.16.0 → 3.16.1-rc.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/dist/cjs/DSButton.js +10 -3
package/dist/cjs/DSButton.js.map +2 -2
package/dist/cjs/constants.js +4 -0
package/dist/cjs/constants.js.map +1 -1
package/dist/cjs/defaultProps.js +5 -1
package/dist/cjs/defaultProps.js.map +2 -2
package/dist/cjs/index.js +6 -2
package/dist/cjs/index.js.map +2 -2
package/dist/cjs/package.json +7 -0
package/dist/cjs/propTypes.js +68 -1
package/dist/cjs/propTypes.js.map +2 -2
package/dist/esm/DSButton.js +6 -3
package/dist/esm/DSButton.js.map +2 -2
package/dist/esm/defaultProps.js +1 -1
package/dist/esm/defaultProps.js.map +1 -1
package/dist/esm/index.js +2 -2
package/dist/esm/index.js.map +1 -1
package/dist/esm/package.json +7 -0
package/dist/esm/propTypes.js +64 -1
package/dist/esm/propTypes.js.map +2 -2
package/package.json +13 -11
package/dist/types/DSButton.d.ts +0 -68
package/dist/types/constants.d.ts +0 -26
package/dist/types/defaultProps.d.ts +0 -15
package/dist/types/index.d.ts +0 -3
package/dist/types/propTypes.d.ts +0 -84
package/dist/types/tests/DSButton.events.test.d.ts +0 -1
package/dist/types/tests/DSButton.test.d.ts +0 -1

package/dist/cjs/DSButton.js CHANGED Viewed

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -35,9 +39,9 @@ var import_react = require("react");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_constants = require("./constants");
-var import_propTypes = require("./propTypes");
-var import_defaultProps = require("./defaultProps");
+var import_constants = require("./constants.js");
+var import_propTypes = require("./propTypes.js");
+var import_defaultProps = require("./defaultProps.js");
 const blockName = "button";
 const getContainer = (Element) => (0, import_ds_classnames.aggregatedClasses)(Element)(
   blockName,
@@ -88,7 +92,10 @@ const DSButton = ({
       className: (0, import_ds_utilities.cx)(intentClassName, className),
       classProps: {
         disabled,
+        // DON'T CHANGE FOR defaultProps
+        // using OR to keep ButtonGroup behavior at packages/ds-basic/src/ButtonGroup/DSButtonGroup
         buttonType: buttonType || import_constants.BUTTON_TYPE.PRIMARY,
+        // using or to keep ButtonGroup behavior at packages/ds-basic/src/ButtonGroup/DSButtonGroup
         size: size || import_constants.BUTTON_SIZE.M,
         fluidWidth,
         iconOnly: !labelText && (icon || leftIcon),

package/dist/cjs/DSButton.js.map CHANGED Viewed

@@ -1,7 +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, useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\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  useDeprecateComponent({ componentName: 'ds-button-v1', version: 'TBD Date: 2023 Q3' });\n\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;AD4EnB;AA1EJ,mBAAyC;AACzC,2BAA6D;AAC7D,0BAA0C;AAC1C,8BAAyB;AACzB,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,iDAAsB,EAAE,eAAe,gBAAgB,SAAS,oBAAoB,CAAC;AAErF,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,kCAAS,QAAQ;AAC5C,mBAAmB,YAAY;AAG/B,IAAO,mBAAQ;",
+  "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, useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { BUTTON_TYPE, BUTTON_SIZE, BUTTON_VARIANT } from './constants.js';\nimport { btnPropTypes } from './propTypes.js';\nimport { defaultProps } from './defaultProps.js';\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  useDeprecateComponent({ componentName: 'ds-button-v1', version: 'TBD Date: 2023 Q3' });\n\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;AD4EnB;AA1EJ,mBAAyC;AACzC,2BAA6D;AAC7D,0BAA0C;AAC1C,8BAAyB;AACzB,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,OAAO,GAAG;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,EACA,GAAG;AACL,MAAoB;AAClB,iDAAsB,EAAE,eAAe,gBAAgB,SAAS,oBAAoB,CAAC;AAErF,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,aAAa,KAAM;AAAA,MACjE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,iBAAe,KAAK,eAAe,MAAM,SAAY,KAAK,eAAe,IAAI;AAAA,MAC7E,cAAY,KAAK,YAAY,KAAK,aAAa;AAAA,MAC/C,gBAAc;AAAA,MACd,eAAW,wBAAG,iBAAiB,SAAS;AAAA,MACxC,YAAY;AAAA,QACV;AAAA;AAAA;AAAA,QAGA,YAAY,cAAc,6BAAY;AAAA;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,kCAAS,QAAQ;AAC5C,mBAAmB,YAAY;AAG/B,IAAO,mBAAQ;",
   "names": []
 }

package/dist/cjs/constants.js CHANGED Viewed

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/constants.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "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;",
+  "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 CHANGED Viewed

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,7 +32,7 @@ __export(defaultProps_exports, {
 });
 module.exports = __toCommonJS(defaultProps_exports);
 var React = __toESM(require("react"));
-var import_constants = require("./constants");
+var import_constants = require("./constants.js");
 const defaultProps = {
   disabled: false,
   fluidWidth: false,

package/dist/cjs/defaultProps.js.map CHANGED Viewed

@@ -1,7 +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;",
+  "sourcesContent": ["import { BUTTON_VARIANT } from './constants.js';\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 CHANGED Viewed

@@ -19,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,6 +34,6 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
 __reExport(src_exports, require("./DSButton.js"), module.exports);
-__reExport(src_exports, require("./constants"), module.exports);
-var import_DSButton = __toESM(require("./DSButton"));
+__reExport(src_exports, require("./constants.js"), module.exports);
+var import_DSButton = __toESM(require("./DSButton.js"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map CHANGED Viewed

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

package/dist/cjs/package.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/propTypes.js CHANGED Viewed

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,32 +34,95 @@ module.exports = __toCommonJS(propTypes_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_shared = require("@elliemae/ds-shared");
-var import_constants = require("./constants");
+var import_constants = require("./constants.js");
 const btnPropTypes = {
+  /**
+   * Tab index
+   */
   tabIndex: import_ds_props_helpers.PropTypes.number.description("Tab index"),
+  /**
+   * Additional className
+   */
   className: import_ds_props_helpers.PropTypes.string.description("Additional className"),
+  /**
+   * aria disabled
+   */
   "aria-disabled": import_ds_props_helpers.PropTypes.string.description("aria disabled"),
+  /**
+   * Html tag. default 'button'
+   */
   as: import_ds_props_helpers.PropTypes.string.description("Html tag").defaultValue("button"),
+  /**
+   * Whether the button is disabled or not
+   */
   disabled: import_ds_props_helpers.PropTypes.bool.description("Whether the button is disabled or not"),
+  /**
+   * Make the content of the button fit the button container or not
+   */
   fluidWidth: import_ds_props_helpers.PropTypes.bool.description("Make the content of the button fit the button container or not"),
+  /**
+   * Displayable label inside the button
+   */
   labelText: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.element]).description(
     "Displayable label inside the button"
   ),
+  /**
+   * Put an icon inside the button
+   */
   icon: import_ds_props_helpers.PropTypes.element.description("Put an icon inside the button"),
+  /**
+   * Put an icon on the left side of the button
+   */
   leftIcon: import_ds_props_helpers.PropTypes.element.description("Put an icon on the left side of the button"),
+  /**
+   * ['primary', 'secondary', 'text', 'link']
+   */
   buttonType: import_ds_props_helpers.PropTypes.oneOf(import_constants.buttonTypes).description("type of the button"),
+  /**
+   * ['s', 'm', 'l']
+   */
   size: import_ds_props_helpers.PropTypes.oneOf(import_ds_shared.dsBasicSizes).description("size of the button"),
+  /**
+   * submit or button
+   */
   type: import_ds_props_helpers.PropTypes.oneOf(["button", "submit"]).description("type of the button"),
+  /**
+   * [
+   *  'variant-default',
+   *  'variant-focus',
+   *  'variant-active',
+   *  'variant-disabled',
+   * ]
+   */
   variant: import_ds_props_helpers.PropTypes.oneOf(import_constants.buttonVariants).description("variant of the button"),
+  /**
+   * Refence
+   */
   innerRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.func, import_ds_props_helpers.PropTypes.shape({ current: import_ds_props_helpers.PropTypes.any })]).description(
     "reference to the component"
   ),
+  /**
+   * Onblur callback
+   */
   onBlur: import_ds_props_helpers.PropTypes.func.description("Allows a function that is triggered once the button is blur"),
+  /**
+   * Apply intent color: ['success', 'warning', 'danger', 'info']
+   * Only valid with buttonType="text"
+   */
   intent: import_ds_props_helpers.PropTypes.oneOf(["success", "warning", "danger", "info"]).description(
     'Apply intent color. Only valid with buttonType="text"'
   ),
+  /**
+   * additional props for the container
+   */
   containerProps: import_ds_props_helpers.PropTypes.object.description("additional props for the container"),
+  /**
+   * Allows a function that is triggered once the button is clicked
+   */
   onClick: import_ds_props_helpers.PropTypes.func.description("Allows a function that is triggered once the button is clicked"),
+  /**
+   * Allows a function that is triggered once the button is key pressed
+   */
   onKeyPress: import_ds_props_helpers.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 CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable no-unused-vars */\n\nimport { PropTypes } from '@elliemae/ds-props-helpers';\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;ADEvB,8BAA0B;AAC1B,uBAA6B;AAC7B,uBAA4C;AAErC,MAAM,eAAe;AAAA,EAI1B,UAAU,kCAAU,OAAO,YAAY,WAAW;AAAA,EAIlD,WAAW,kCAAU,OAAO,YAAY,sBAAsB;AAAA,EAI9D,iBAAiB,kCAAU,OAAO,YAAY,eAAe;AAAA,EAI7D,IAAI,kCAAU,OAAO,YAAY,UAAU,EAAE,aAAa,QAAQ;AAAA,EAIlE,UAAU,kCAAU,KAAK,YAAY,uCAAuC;AAAA,EAI5E,YAAY,kCAAU,KAAK,YAAY,gEAAgE;AAAA,EAIvG,WAAW,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,OAAO,CAAC,EAAE;AAAA,IACpE;AAAA,EACF;AAAA,EAIA,MAAM,kCAAU,QAAQ,YAAY,+BAA+B;AAAA,EAInE,UAAU,kCAAU,QAAQ,YAAY,4CAA4C;AAAA,EAIpF,YAAY,kCAAU,MAAM,4BAAW,EAAE,YAAY,oBAAoB;AAAA,EAIzE,MAAM,kCAAU,MAAM,6BAAY,EAAE,YAAY,oBAAoB;AAAA,EAIpE,MAAM,kCAAU,MAAM,CAAC,UAAU,QAAQ,CAAC,EAAE,YAAY,oBAAoB;AAAA,EAS5E,SAAS,kCAAU,MAAM,+BAAc,EAAE,YAAY,uBAAuB;AAAA,EAI5E,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,EAAE,SAAS,kCAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA,EAIA,QAAQ,kCAAU,KAAK,YAAY,6DAA6D;AAAA,EAKhG,QAAQ,kCAAU,MAAM,CAAC,WAAW,WAAW,UAAU,MAAM,CAAC,EAAE;AAAA,IAChE;AAAA,EACF;AAAA,EAIA,gBAAgB,kCAAU,OAAO,YAAY,oCAAoC;AAAA,EAIjF,SAAS,kCAAU,KAAK,YAAY,gEAAgE;AAAA,EAIpG,YAAY,kCAAU,KAAK,YAAY,oEAAoE;AAC7G;",
+  "sourcesContent": ["/* eslint-disable no-unused-vars */\n\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport { dsBasicSizes } from '@elliemae/ds-shared';\nimport { buttonTypes, buttonVariants } from './constants.js';\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;ADEvB,8BAA0B;AAC1B,uBAA6B;AAC7B,uBAA4C;AAErC,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA,EAI1B,UAAU,kCAAU,OAAO,YAAY,WAAW;AAAA;AAAA;AAAA;AAAA,EAIlD,WAAW,kCAAU,OAAO,YAAY,sBAAsB;AAAA;AAAA;AAAA;AAAA,EAI9D,iBAAiB,kCAAU,OAAO,YAAY,eAAe;AAAA;AAAA;AAAA;AAAA,EAI7D,IAAI,kCAAU,OAAO,YAAY,UAAU,EAAE,aAAa,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIlE,UAAU,kCAAU,KAAK,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAI5E,YAAY,kCAAU,KAAK,YAAY,gEAAgE;AAAA;AAAA;AAAA;AAAA,EAIvG,WAAW,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,OAAO,CAAC,EAAE;AAAA,IACpE;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,MAAM,kCAAU,QAAQ,YAAY,+BAA+B;AAAA;AAAA;AAAA;AAAA,EAInE,UAAU,kCAAU,QAAQ,YAAY,4CAA4C;AAAA;AAAA;AAAA;AAAA,EAIpF,YAAY,kCAAU,MAAM,4BAAW,EAAE,YAAY,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAIzE,MAAM,kCAAU,MAAM,6BAAY,EAAE,YAAY,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAIpE,MAAM,kCAAU,MAAM,CAAC,UAAU,QAAQ,CAAC,EAAE,YAAY,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS5E,SAAS,kCAAU,MAAM,+BAAc,EAAE,YAAY,uBAAuB;AAAA;AAAA;AAAA;AAAA,EAI5E,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,EAAE,SAAS,kCAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,QAAQ,kCAAU,KAAK,YAAY,6DAA6D;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhG,QAAQ,kCAAU,MAAM,CAAC,WAAW,WAAW,UAAU,MAAM,CAAC,EAAE;AAAA,IAChE;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAgB,kCAAU,OAAO,YAAY,oCAAoC;AAAA;AAAA;AAAA;AAAA,EAIjF,SAAS,kCAAU,KAAK,YAAY,gEAAgE;AAAA;AAAA;AAAA;AAAA,EAIpG,YAAY,kCAAU,KAAK,YAAY,oEAAoE;AAC7G;",
   "names": []
 }

package/dist/esm/DSButton.js CHANGED Viewed

@@ -4,9 +4,9 @@ import { useState, useMemo } from "react";
 import { aggregatedClasses, convertPropToCssClassName } from "@elliemae/ds-classnames";
 import { cx, useDeprecateComponent } from "@elliemae/ds-utilities";
 import { describe } from "@elliemae/ds-props-helpers";
-import { BUTTON_TYPE, BUTTON_SIZE, BUTTON_VARIANT } from "./constants";
-import { btnPropTypes } from "./propTypes";
-import { defaultProps } from "./defaultProps";
+import { BUTTON_TYPE, BUTTON_SIZE, BUTTON_VARIANT } from "./constants.js";
+import { btnPropTypes } from "./propTypes.js";
+import { defaultProps } from "./defaultProps.js";
 const blockName = "button";
 const getContainer = (Element) => aggregatedClasses(Element)(
   blockName,
@@ -57,7 +57,10 @@ const DSButton = ({
       className: cx(intentClassName, className),
       classProps: {
         disabled,
+        // DON'T CHANGE FOR defaultProps
+        // using OR to keep ButtonGroup behavior at packages/ds-basic/src/ButtonGroup/DSButtonGroup
         buttonType: buttonType || BUTTON_TYPE.PRIMARY,
+        // using or to keep ButtonGroup behavior at packages/ds-basic/src/ButtonGroup/DSButtonGroup
         size: size || BUTTON_SIZE.M,
         fluidWidth,
         iconOnly: !labelText && (icon || leftIcon),

package/dist/esm/DSButton.js.map CHANGED Viewed

@@ -1,7 +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, useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\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  useDeprecateComponent({ componentName: 'ds-button-v1', version: 'TBD Date: 2023 Q3' });\n\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;AC4EnB,SAkDM,KAlDN;AA1EJ,SAAgB,UAAU,eAAe;AACzC,SAAS,mBAAmB,iCAAiC;AAC7D,SAAS,IAAI,6BAA6B;AAC1C,SAAS,gBAAgB;AACzB,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,wBAAsB,EAAE,eAAe,gBAAgB,SAAS,oBAAoB,CAAC;AAErF,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;",
+  "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, useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { BUTTON_TYPE, BUTTON_SIZE, BUTTON_VARIANT } from './constants.js';\nimport { btnPropTypes } from './propTypes.js';\nimport { defaultProps } from './defaultProps.js';\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  useDeprecateComponent({ componentName: 'ds-button-v1', version: 'TBD Date: 2023 Q3' });\n\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;AC4EnB,SAkDM,KAlDN;AA1EJ,SAAgB,UAAU,eAAe;AACzC,SAAS,mBAAmB,iCAAiC;AAC7D,SAAS,IAAI,6BAA6B;AAC1C,SAAS,gBAAgB;AACzB,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,OAAO,GAAG;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,EACA,GAAG;AACL,MAAoB;AAClB,wBAAsB,EAAE,eAAe,gBAAgB,SAAS,oBAAoB,CAAC;AAErF,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,aAAa,KAAM;AAAA,MACjE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,iBAAe,KAAK,eAAe,MAAM,SAAY,KAAK,eAAe,IAAI;AAAA,MAC7E,cAAY,KAAK,YAAY,KAAK,aAAa;AAAA,MAC/C,gBAAc;AAAA,MACd,WAAW,GAAG,iBAAiB,SAAS;AAAA,MACxC,YAAY;AAAA,QACV;AAAA;AAAA;AAAA,QAGA,YAAY,cAAc,YAAY;AAAA;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/defaultProps.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { BUTTON_VARIANT } from "./constants";
+import { BUTTON_VARIANT } from "./constants.js";
 const defaultProps = {
   disabled: false,
   fluidWidth: false,

package/dist/esm/defaultProps.js.map CHANGED Viewed

@@ -1,7 +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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { BUTTON_VARIANT } from './constants.js';\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 CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as React from "react";
 export * from "./DSButton.js";
-export * from "./constants";
-import { default as default2 } from "./DSButton";
+export * from "./constants.js";
+import { default as default2 } from "./DSButton.js";
 export {
   default2 as default
 };

package/dist/esm/index.js.map CHANGED Viewed

@@ -1,7 +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.js';\nexport * from './constants';\nexport { default } from './DSButton';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSButton.js';\nexport * from './constants.js';\nexport { default } from './DSButton.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,SAAS,WAAAA,gBAAe;",
   "names": ["default"]
 }

package/dist/esm/package.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/propTypes.js CHANGED Viewed

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

package/dist/esm/propTypes.js.map CHANGED Viewed

@@ -1,7 +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 */\n\nimport { PropTypes } from '@elliemae/ds-props-helpers';\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;ACEvB,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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-unused-vars */\n\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport { dsBasicSizes } from '@elliemae/ds-shared';\nimport { buttonTypes, buttonVariants } from './constants.js';\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;ACEvB,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,aAAa,sBAAsB;AAErC,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA,EAI1B,UAAU,UAAU,OAAO,YAAY,WAAW;AAAA;AAAA;AAAA;AAAA,EAIlD,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA;AAAA;AAAA;AAAA,EAI9D,iBAAiB,UAAU,OAAO,YAAY,eAAe;AAAA;AAAA;AAAA;AAAA,EAI7D,IAAI,UAAU,OAAO,YAAY,UAAU,EAAE,aAAa,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIlE,UAAU,UAAU,KAAK,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAI5E,YAAY,UAAU,KAAK,YAAY,gEAAgE;AAAA;AAAA;AAAA;AAAA,EAIvG,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAAE;AAAA,IACpE;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,MAAM,UAAU,QAAQ,YAAY,+BAA+B;AAAA;AAAA;AAAA;AAAA,EAInE,UAAU,UAAU,QAAQ,YAAY,4CAA4C;AAAA;AAAA;AAAA;AAAA,EAIpF,YAAY,UAAU,MAAM,WAAW,EAAE,YAAY,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAIzE,MAAM,UAAU,MAAM,YAAY,EAAE,YAAY,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAIpE,MAAM,UAAU,MAAM,CAAC,UAAU,QAAQ,CAAC,EAAE,YAAY,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS5E,SAAS,UAAU,MAAM,cAAc,EAAE,YAAY,uBAAuB;AAAA;AAAA;AAAA;AAAA,EAI5E,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,QAAQ,UAAU,KAAK,YAAY,6DAA6D;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhG,QAAQ,UAAU,MAAM,CAAC,WAAW,WAAW,UAAU,MAAM,CAAC,EAAE;AAAA,IAChE;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAgB,UAAU,OAAO,YAAY,oCAAoC;AAAA;AAAA;AAAA;AAAA,EAIjF,SAAS,UAAU,KAAK,YAAY,gEAAgE;AAAA;AAAA;AAAA;AAAA,EAIpG,YAAY,UAAU,KAAK,YAAY,oEAAoE;AAC7G;",
   "names": []
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-button-v1",
-  "version": "3.16.0",
+  "version": "3.16.1-rc.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Button V 1",
   "files": [
@@ -51,18 +51,20 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.16.0",
-    "@elliemae/ds-props-helpers": "3.16.0",
-    "@elliemae/ds-utilities": "3.16.0",
-    "@elliemae/ds-shared": "3.16.0"
+    "@elliemae/ds-classnames": "3.16.1-rc.10",
+    "@elliemae/ds-props-helpers": "3.16.1-rc.10",
+    "@elliemae/ds-shared": "3.16.1-rc.10",
+    "@elliemae/ds-utilities": "3.16.1-rc.10"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.16.4",
-    "@testing-library/react": "~12.1.3"
+    "@testing-library/jest-dom": "~5.16.5",
+    "@testing-library/react": "~12.1.3",
+    "styled-components": "~5.3.9"
   },
   "peerDependencies": {
     "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.6"
   },
   "publishConfig": {
     "access": "public",
@@ -72,9 +74,9 @@
     "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",
+    "eslint:fix": "exit 0",
+    "dts": "exit 0",
+    "dts:withdeps": "exit 0",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
     "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",

package/dist/types/DSButton.d.ts DELETED Viewed

@@ -1,68 +0,0 @@
-import React from 'react';
-import { BUTTON_TYPE, BUTTON_SIZE, BUTTON_VARIANT } from './constants';
-interface ButtonPropsT {
-    [x: string]: unknown;
-    disabled?: boolean;
-    fluidWidth?: boolean;
-    innerRef?: unknown;
-    buttonType?: (typeof BUTTON_TYPE)[keyof typeof BUTTON_TYPE];
-    size?: (typeof BUTTON_SIZE)[keyof typeof BUTTON_SIZE];
-    variant?: (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];
-    labelText?: string;
-    icon?: JSX.Element;
-    leftIcon?: JSX.Element;
-    tabIndex?: number;
-    intent?: 'success' | 'danger' | 'warning' | 'info';
-    containerProps?: {
-        [x: string]: unknown;
-    };
-    className?: string;
-    as?: string | JSX.Element;
-    type?: 'button' | 'text';
-    onBlur?: React.FocusEventHandler<HTMLElement>;
-    onClick?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
-    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
-}
-declare const DSButton: {
-    ({ innerRef, disabled, buttonType, fluidWidth, size, labelText, icon, onBlur, onClick, onKeyPress, leftIcon, tabIndex, variant, intent, containerProps, className, as: Component, type, ...rest }: ButtonPropsT): JSX.Element;
-    defaultProps: {
-        disabled: boolean;
-        fluidWidth: boolean;
-        labelText: string;
-        icon: null;
-        onBlur: () => null;
-        onClick: () => null;
-        onKeyPress: () => null;
-        leftIcon: null;
-        tabIndex: number;
-        variant: "variant-default";
-        containerProps: {};
-        as: string;
-        type: string;
-    };
-    propTypes: {
-        tabIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        'aria-disabled': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        as: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        fluidWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        labelText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        icon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        leftIcon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        buttonType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        size: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        variant: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        onBlur: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        intent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        onClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-        onKeyPress: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    };
-    displayName: string;
-};
-declare const DSButtonWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<ButtonPropsT>;
-export { DSButton, DSButtonWithSchema };
-export default DSButton;

package/dist/types/constants.d.ts DELETED Viewed

@@ -1,26 +0,0 @@
-export declare const BUTTON_TYPE: {
-    PRIMARY: "primary";
-    SECONDARY: "secondary";
-    TEXT: "text";
-    LINK: "link";
-};
-export declare const buttonTypes: readonly ["primary", "secondary", "text", "link"];
-export declare const BUTTON_SIZE: {
-    S: "s";
-    M: "m";
-    L: "l";
-};
-export declare const BUTTON_INTENT: {
-    DANGER: "danger";
-    SUCCESS: "success";
-    WARNING: "warning";
-    INFO: "info";
-};
-export declare const BUTTON_VARIANT: {
-    DEFAULT: "variant-default";
-    FOCUS: "variant-focus";
-    ACTIVE: "variant-active";
-    DISABLED: "variant-disabled";
-    HOVER: "variant-hover";
-};
-export declare const buttonVariants: readonly ["variant-default", "variant-focus", "variant-active", "variant-disabled", "variant-hover"];

package/dist/types/defaultProps.d.ts DELETED Viewed

@@ -1,15 +0,0 @@
-export declare const defaultProps: {
-    disabled: boolean;
-    fluidWidth: boolean;
-    labelText: string;
-    icon: null;
-    onBlur: () => null;
-    onClick: () => null;
-    onKeyPress: () => null;
-    leftIcon: null;
-    tabIndex: number;
-    variant: "variant-default";
-    containerProps: {};
-    as: string;
-    type: string;
-};

package/dist/types/index.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-export * from './DSButton.js';
-export * from './constants';
-export { default } from './DSButton';

package/dist/types/propTypes.d.ts DELETED Viewed

@@ -1,84 +0,0 @@
-export declare const btnPropTypes: {
-    /**
-     * Tab index
-     */
-    tabIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * Additional className
-     */
-    className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * aria disabled
-     */
-    'aria-disabled': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * Html tag. default 'button'
-     */
-    as: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * Whether the button is disabled or not
-     */
-    disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * Make the content of the button fit the button container or not
-     */
-    fluidWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * Displayable label inside the button
-     */
-    labelText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * Put an icon inside the button
-     */
-    icon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * Put an icon on the left side of the button
-     */
-    leftIcon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * ['primary', 'secondary', 'text', 'link']
-     */
-    buttonType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * ['s', 'm', 'l']
-     */
-    size: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * submit or button
-     */
-    type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * [
-     *  'variant-default',
-     *  'variant-focus',
-     *  'variant-active',
-     *  'variant-disabled',
-     * ]
-     */
-    variant: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * Refence
-     */
-    innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * Onblur callback
-     */
-    onBlur: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * Apply intent color: ['success', 'warning', 'danger', 'info']
-     * Only valid with buttonType="text"
-     */
-    intent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * additional props for the container
-     */
-    containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * Allows a function that is triggered once the button is clicked
-     */
-    onClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-    /**
-     * Allows a function that is triggered once the button is key pressed
-     */
-    onKeyPress: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-};

package/dist/types/tests/DSButton.events.test.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};

package/dist/types/tests/DSButton.test.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};