@elliemae/ds-button-v1 3.16.0-next.2 → 3.16.0-next.4

package/dist/cjs/DSButton.js

@@ -34,6 +34,7 @@ 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_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_constants = require("./constants");
 var import_propTypes = require("./propTypes");
 var import_defaultProps = require("./defaultProps");
@@ -141,7 +142,7 @@ const DSButton = ({
 DSButton.defaultProps = import_defaultProps.defaultProps;
 DSButton.propTypes = import_propTypes.btnPropTypes;
 DSButton.displayName = "DSButton";
-const DSButtonWithSchema = (0, import_ds_utilities.describe)(DSButton);
+const DSButtonWithSchema = (0, import_ds_props_helpers.describe)(DSButton);
 DSButtonWithSchema.propTypes = import_propTypes.btnPropTypes;
 var DSButton_default = DSButton;
 //# sourceMappingURL=DSButton.js.map

package/dist/cjs/DSButton.js.map

@@ -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, 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;",
+  "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 } 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  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;AD0EnB;AAxEJ,mBAAyC;AACzC,2BAA6D;AAC7D,0BAAmB;AACnB,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,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;",
   "names": []
 }

package/dist/cjs/package.json

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

package/dist/cjs/propTypes.js

@@ -28,34 +28,34 @@ __export(propTypes_exports, {
 });
 module.exports = __toCommonJS(propTypes_exports);
 var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 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(
+  tabIndex: import_ds_props_helpers.PropTypes.number.description("Tab index"),
+  className: import_ds_props_helpers.PropTypes.string.description("Additional className"),
+  "aria-disabled": import_ds_props_helpers.PropTypes.string.description("aria disabled"),
+  as: import_ds_props_helpers.PropTypes.string.description("Html tag").defaultValue("button"),
+  disabled: import_ds_props_helpers.PropTypes.bool.description("Whether the button is disabled or not"),
+  fluidWidth: import_ds_props_helpers.PropTypes.bool.description("Make the content of the button fit the button container or not"),
+  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"
   ),
-  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(
+  icon: import_ds_props_helpers.PropTypes.element.description("Put an icon inside the button"),
+  leftIcon: import_ds_props_helpers.PropTypes.element.description("Put an icon on the left side of the button"),
+  buttonType: import_ds_props_helpers.PropTypes.oneOf(import_constants.buttonTypes).description("type of the button"),
+  size: import_ds_props_helpers.PropTypes.oneOf(import_ds_shared.dsBasicSizes).description("size of the button"),
+  type: import_ds_props_helpers.PropTypes.oneOf(["button", "submit"]).description("type of the button"),
+  variant: import_ds_props_helpers.PropTypes.oneOf(import_constants.buttonVariants).description("variant of the button"),
+  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: 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(
+  onBlur: import_ds_props_helpers.PropTypes.func.description("Allows a function that is triggered once the button is blur"),
+  intent: import_ds_props_helpers.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")
+  containerProps: import_ds_props_helpers.PropTypes.object.description("additional props for the container"),
+  onClick: import_ds_props_helpers.PropTypes.func.description("Allows a function that is triggered once the button is clicked"),
+  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

@@ -1,7 +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;",
+  "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;",
   "names": []
 }

package/dist/esm/DSButton.js

@@ -2,7 +2,8 @@ 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 { cx } 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";

package/dist/esm/DSButton.js.map

@@ -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, 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;",
+  "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 } 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  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;AC0EnB,SAkDM,KAlDN;AAxEJ,SAAgB,UAAU,eAAe;AACzC,SAAS,mBAAmB,iCAAiC;AAC7D,SAAS,UAAU;AACnB,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,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/package.json

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

package/dist/esm/propTypes.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-utilities";
+import { PropTypes } from "@elliemae/ds-props-helpers";
 import { dsBasicSizes } from "@elliemae/ds-shared";
 import { buttonTypes, buttonVariants } from "./constants";
 const btnPropTypes = {

package/dist/esm/propTypes.js.map

@@ -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 */\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;",
+  "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;",
   "names": []
 }

package/dist/types/DSButton.d.ts

@@ -41,28 +41,28 @@ declare const DSButton: {
         type: string;
     };
     propTypes: {
-        tabIndex: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        className: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        'aria-disabled': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        as: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        disabled: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        fluidWidth: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        labelText: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        icon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        leftIcon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        buttonType: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        size: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        type: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        variant: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        innerRef: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        onBlur: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        intent: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        onClick: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        onKeyPress: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+        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-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<ButtonPropsT>;
+declare const DSButtonWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<ButtonPropsT>;
 export { DSButton, DSButtonWithSchema };
 export default DSButton;

package/dist/types/propTypes.d.ts

@@ -2,51 +2,51 @@ export declare const btnPropTypes: {
     /**
      * Tab index
      */
-    tabIndex: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    tabIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     /**
      * Additional className
      */
-    className: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     /**
      * aria disabled
      */
-    'aria-disabled': import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    'aria-disabled': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     /**
      * Html tag. default 'button'
      */
-    as: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    as: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     /**
      * Whether the button is disabled or not
      */
-    disabled: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    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-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    fluidWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     /**
      * Displayable label inside the button
      */
-    labelText: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    labelText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     /**
      * Put an icon inside the button
      */
-    icon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    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-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    leftIcon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     /**
      * ['primary', 'secondary', 'text', 'link']
      */
-    buttonType: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    buttonType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     /**
      * ['s', 'm', 'l']
      */
-    size: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    size: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     /**
      * submit or button
      */
-    type: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     /**
      * [
      *  'variant-default',
@@ -55,30 +55,30 @@ export declare const btnPropTypes: {
      *  'variant-disabled',
      * ]
      */
-    variant: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    variant: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     /**
      * Refence
      */
-    innerRef: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     /**
      * Onblur callback
      */
-    onBlur: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    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-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    intent: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     /**
      * additional props for the container
      */
-    containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    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-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    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-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
+    onKeyPress: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-button-v1",
-  "version": "3.16.0-next.2",
+  "version": "3.16.0-next.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Button V 1",
   "files": [
@@ -51,9 +51,10 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.16.0-next.2",
-    "@elliemae/ds-shared": "3.16.0-next.2",
-    "@elliemae/ds-utilities": "3.16.0-next.2"
+    "@elliemae/ds-classnames": "3.16.0-next.4",
+    "@elliemae/ds-props-helpers": "3.16.0-next.4",
+    "@elliemae/ds-utilities": "3.16.0-next.4",
+    "@elliemae/ds-shared": "3.16.0-next.4"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "~5.16.4",
@@ -77,7 +78,7 @@
     "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:build": "pnpm --filter {.}... build",
     "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/*\""
   }