@elliemae/ds-transition 3.3.0-next.2 → 3.3.0-next.5

package/dist/cjs/collapse/DSCollapse.js

@@ -3,22 +3,8 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -53,14 +39,16 @@ const DSCollapse = (props) => {
   } = (0, import_useCollapse.useCollapse)(props);
   const ref = (0, import_react.useRef)(null);
   const { width: expandedWidth, height: expandedHeight } = (0, import_ds_utilities.useOnElementResize)(ref);
-  return /* @__PURE__ */ React.createElement(import_styled.StyledCollapse, __spreadValues(__spreadValues({
+  return /* @__PURE__ */ React.createElement(import_styled.StyledCollapse, {
     "data-test-id": "ds-transition-collapse",
     show,
     orientation,
     collapsedSize,
     expandedWidth,
-    expandedHeight
-  }, globalAttributes), xstyledProps), /* @__PURE__ */ React.createElement(import_styled.StyledChildrenWrapper, {
+    expandedHeight,
+    ...globalAttributes,
+    ...xstyledProps
+  }, /* @__PURE__ */ React.createElement(import_styled.StyledChildrenWrapper, {
     ref
   }, children));
 };

package/dist/cjs/collapse/DSCollapse.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/collapse/DSCollapse.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { useRef } from 'react';\nimport { describe, useOnElementResize } from '@elliemae/ds-utilities';\nimport { useCollapse } from './useCollapse';\nimport { DSCollapsePropTypes, DSCollapseT } from './react-desc-prop-types';\nimport { StyledCollapse, StyledChildrenWrapper } from './styled';\n\nexport const DSCollapse: React.ComponentType<DSCollapseT.Props> = (props) => {\n  const {\n    propsWithDefault: { show, orientation, collapsedSize, children },\n    globalAttributes,\n    xstyledProps,\n  } = useCollapse(props);\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const { width: expandedWidth, height: expandedHeight } = useOnElementResize(ref);\n\n  return (\n    <StyledCollapse\n      data-test-id=\"ds-transition-collapse\"\n      show={show}\n      orientation={orientation}\n      collapsedSize={collapsedSize}\n      expandedWidth={expandedWidth}\n      expandedHeight={expandedHeight}\n      {...globalAttributes}\n      {...xstyledProps}\n    >\n      <StyledChildrenWrapper ref={ref}>{children}</StyledChildrenWrapper>\n    </StyledCollapse>\n  );\n};\n\nDSCollapse.propTypes = DSCollapsePropTypes;\nDSCollapse.displayName = 'DSCollapse';\nexport const DSCollapseWithSchema = describe(DSCollapse);\nDSCollapseWithSchema.propTypes = DSCollapsePropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAuB;AACvB,0BAA6C;AAC7C,yBAA4B;AAC5B,mCAAiD;AACjD,oBAAsD;AAE/C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,aAAa,eAAe;AAAA,IACtD;AAAA,IACA;AAAA,MACE,oCAAY,KAAK;AAErB,QAAM,MAAM,yBAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,mBAAmB,4CAAmB,GAAG;AAE/E,SACE,oCAAC;AAAA,IACC,gBAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KACI,mBACA,eAEJ,oCAAC;AAAA,IAAsB;AAAA,KAAW,QAAS,CAC7C;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,uBAAuB,kCAAS,UAAU;AACvD,qBAAqB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAuB;AACvB,0BAA6C;AAC7C,yBAA4B;AAC5B,mCAAiD;AACjD,oBAAsD;AAE/C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,aAAa,eAAe;AAAA,IACtD;AAAA,IACA;AAAA,MACE,oCAAY,KAAK;AAErB,QAAM,MAAM,yBAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,mBAAmB,4CAAmB,GAAG;AAE/E,SACE,oCAAC;AAAA,IACC,gBAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,KAEJ,oCAAC;AAAA,IAAsB;AAAA,KAAW,QAAS,CAC7C;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,uBAAuB,kCAAS,UAAU;AACvD,qBAAqB,YAAY;",
   "names": []
 }

package/dist/cjs/collapse/react-desc-prop-types.js

@@ -1,27 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -48,9 +31,11 @@ const defaultProps = {
   orientation: "horizontal",
   collapsedSize: "0px"
 };
-const DSCollapsePropTypes = __spreadProps(__spreadValues(__spreadValues({}, import_ds_utilities.globalAttributesPropTypes), import_ds_utilities.xstyledPropTypes), {
+const DSCollapsePropTypes = {
+  ...import_ds_utilities.globalAttributesPropTypes,
+  ...import_ds_utilities.xstyledPropTypes,
   show: import_ds_utilities.PropTypes.bool.description("Whether to show the inner element or not").isRequired,
   orientation: import_ds_utilities.PropTypes.oneOf(["horizontal", "vertical"]).description("Whether this element should slide from left to right or from top to bottom").defaultValue("horizontal"),
   collapsedSize: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.string]).description("Size when collapsed").defaultValue(0)
-});
+};
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/collapse/react-desc-prop-types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/collapse/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import {\n  PropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-utilities';\nimport { WeakValidationMap } from 'react';\n\nexport declare namespace DSCollapseT {\n  interface IProps {\n    show: boolean;\n    orientation: 'horizontal' | 'vertical';\n    collapsedSize: number | string;\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof IProps>, XstyledProps {}\n}\n\nexport const defaultProps: Partial<DSCollapseT.Props> = {\n  orientation: 'horizontal',\n  collapsedSize: '0px',\n};\n\nexport const DSCollapsePropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  show: PropTypes.bool.description('Whether to show the inner element or not').isRequired,\n  orientation: PropTypes.oneOf(['horizontal', 'vertical'])\n    .description('Whether this element should slide from left to right or from top to bottom')\n    .defaultValue('horizontal'),\n  collapsedSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n    .description('Size when collapsed')\n    .defaultValue(0),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAMO;AAaA,MAAM,eAA2C;AAAA,EACtD,aAAa;AAAA,EACb,eAAe;AACjB;AAEO,MAAM,sBAAsB,gDAC9B,gDACA,uCAF8B;AAAA,EAGjC,MAAM,8BAAU,KAAK,YAAY,0CAA0C,EAAE;AAAA,EAC7E,aAAa,8BAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EACpD,YAAY,4EAA4E,EACxF,aAAa,YAAY;AAAA,EAC5B,eAAe,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EACpE,YAAY,qBAAqB,EACjC,aAAa,CAAC;AACnB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAMO;AAaA,MAAM,eAA2C;AAAA,EACtD,aAAa;AAAA,EACb,eAAe;AACjB;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,8BAAU,KAAK,YAAY,0CAA0C,EAAE;AAAA,EAC7E,aAAa,8BAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EACpD,YAAY,4EAA4E,EACxF,aAAa,YAAY;AAAA,EAC5B,eAAe,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EACpE,YAAY,qBAAqB,EACjC,aAAa,CAAC;AACnB;",
   "names": []
 }

package/dist/cjs/fade/DSFade.js

@@ -3,22 +3,8 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -50,10 +36,12 @@ const DSFade = (props) => {
     globalAttributes,
     xstyledProps
   } = (0, import_useFade.useFade)(props);
-  return /* @__PURE__ */ React.createElement(import_styled.StyledFade, __spreadValues(__spreadValues({
+  return /* @__PURE__ */ React.createElement(import_styled.StyledFade, {
     "data-test-id": "ds-transition-fade",
-    show
-  }, globalAttributes), xstyledProps), children);
+    show,
+    ...globalAttributes,
+    ...xstyledProps
+  }, children);
 };
 DSFade.propTypes = import_react_desc_prop_types.DSFadePropTypes;
 DSFade.displayName = "DSFade";

package/dist/cjs/fade/DSFade.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/fade/DSFade.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { describe } from '@elliemae/ds-utilities';\nimport { useFade } from './useFade';\nimport { DSFadePropTypes, DSFadeT } from './react-desc-prop-types';\nimport { StyledFade } from './styled';\n\nexport const DSFade: React.ComponentType<DSFadeT.Props> = (props) => {\n  const {\n    propsWithDefault: { show, children },\n    globalAttributes,\n    xstyledProps,\n  } = useFade(props);\n\n  return (\n    <StyledFade data-test-id=\"ds-transition-fade\" show={show} {...globalAttributes} {...xstyledProps}>\n      {children}\n    </StyledFade>\n  );\n};\n\nDSFade.propTypes = DSFadePropTypes;\nDSFade.displayName = 'DSFade';\nexport const DSFadeWithSchema = describe(DSFade);\nDSFadeWithSchema.propTypes = DSFadePropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAyB;AACzB,qBAAwB;AACxB,mCAAyC;AACzC,oBAA2B;AAEpB,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM;AAAA,IAC1B;AAAA,IACA;AAAA,MACE,4BAAQ,KAAK;AAEjB,SACE,oCAAC;AAAA,IAAW,gBAAa;AAAA,IAAqB;AAAA,KAAgB,mBAAsB,eACjF,QACH;AAEJ;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACd,MAAM,mBAAmB,kCAAS,MAAM;AAC/C,iBAAiB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAyB;AACzB,qBAAwB;AACxB,mCAAyC;AACzC,oBAA2B;AAEpB,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM;AAAA,IAC1B;AAAA,IACA;AAAA,MACE,4BAAQ,KAAK;AAEjB,SACE,oCAAC;AAAA,IAAW,gBAAa;AAAA,IAAqB;AAAA,IAAa,GAAG;AAAA,IAAmB,GAAG;AAAA,KACjF,QACH;AAEJ;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACd,MAAM,mBAAmB,kCAAS,MAAM;AAC/C,iBAAiB,YAAY;",
   "names": []
 }

package/dist/cjs/fade/react-desc-prop-types.js

@@ -1,27 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -43,7 +26,9 @@ __export(react_desc_prop_types_exports, {
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
-const DSFadePropTypes = __spreadProps(__spreadValues(__spreadValues({}, import_ds_utilities.globalAttributesPropTypes), import_ds_utilities.xstyledPropTypes), {
+const DSFadePropTypes = {
+  ...import_ds_utilities.globalAttributesPropTypes,
+  ...import_ds_utilities.xstyledPropTypes,
   show: import_ds_utilities.PropTypes.bool.description("Whether to show the inner element or not").isRequired
-});
+};
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/fade/react-desc-prop-types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/fade/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import {\n  PropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-utilities';\nimport { WeakValidationMap } from 'react';\n\nexport declare namespace DSFadeT {\n  interface IProps {\n    show: boolean;\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLInputElement>, keyof IProps>, XstyledProps {}\n}\n\nexport const DSFadePropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  show: PropTypes.bool.description('Whether to show the inner element or not').isRequired,\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAMO;AAWA,MAAM,kBAAkB,gDAC1B,gDACA,uCAF0B;AAAA,EAG7B,MAAM,8BAAU,KAAK,YAAY,0CAA0C,EAAE;AAC/E;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAMO;AAWA,MAAM,kBAAkB;AAAA,EAC7B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,8BAAU,KAAK,YAAY,0CAA0C,EAAE;AAC/E;",
   "names": []
 }

package/dist/esm/collapse/DSCollapse.js

@@ -1,20 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 import * as React from "react";
 import { useRef } from "react";
 import { describe, useOnElementResize } from "@elliemae/ds-utilities";
@@ -29,14 +13,16 @@ const DSCollapse = (props) => {
   } = useCollapse(props);
   const ref = useRef(null);
   const { width: expandedWidth, height: expandedHeight } = useOnElementResize(ref);
-  return /* @__PURE__ */ React.createElement(StyledCollapse, __spreadValues(__spreadValues({
+  return /* @__PURE__ */ React.createElement(StyledCollapse, {
     "data-test-id": "ds-transition-collapse",
     show,
     orientation,
     collapsedSize,
     expandedWidth,
-    expandedHeight
-  }, globalAttributes), xstyledProps), /* @__PURE__ */ React.createElement(StyledChildrenWrapper, {
+    expandedHeight,
+    ...globalAttributes,
+    ...xstyledProps
+  }, /* @__PURE__ */ React.createElement(StyledChildrenWrapper, {
     ref
   }, children));
 };

package/dist/esm/collapse/DSCollapse.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/DSCollapse.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useRef } from 'react';\nimport { describe, useOnElementResize } from '@elliemae/ds-utilities';\nimport { useCollapse } from './useCollapse';\nimport { DSCollapsePropTypes, DSCollapseT } from './react-desc-prop-types';\nimport { StyledCollapse, StyledChildrenWrapper } from './styled';\n\nexport const DSCollapse: React.ComponentType<DSCollapseT.Props> = (props) => {\n  const {\n    propsWithDefault: { show, orientation, collapsedSize, children },\n    globalAttributes,\n    xstyledProps,\n  } = useCollapse(props);\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const { width: expandedWidth, height: expandedHeight } = useOnElementResize(ref);\n\n  return (\n    <StyledCollapse\n      data-test-id=\"ds-transition-collapse\"\n      show={show}\n      orientation={orientation}\n      collapsedSize={collapsedSize}\n      expandedWidth={expandedWidth}\n      expandedHeight={expandedHeight}\n      {...globalAttributes}\n      {...xstyledProps}\n    >\n      <StyledChildrenWrapper ref={ref}>{children}</StyledChildrenWrapper>\n    </StyledCollapse>\n  );\n};\n\nDSCollapse.propTypes = DSCollapsePropTypes;\nDSCollapse.displayName = 'DSCollapse';\nexport const DSCollapseWithSchema = describe(DSCollapse);\nDSCollapseWithSchema.propTypes = DSCollapsePropTypes;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AAEO,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,aAAa,eAAe;AAAA,IACtD;AAAA,IACA;AAAA,MACE,YAAY,KAAK;AAErB,QAAM,MAAM,OAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,mBAAmB,mBAAmB,GAAG;AAE/E,SACE,oCAAC;AAAA,IACC,gBAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KACI,mBACA,eAEJ,oCAAC;AAAA,IAAsB;AAAA,KAAW,QAAS,CAC7C;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,uBAAuB,SAAS,UAAU;AACvD,qBAAqB,YAAY;",
+  "mappings": ";AAAA;ACAA;AACA;AACA;AACA;AACA;AAEO,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,aAAa,eAAe;AAAA,IACtD;AAAA,IACA;AAAA,MACE,YAAY,KAAK;AAErB,QAAM,MAAM,OAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,mBAAmB,mBAAmB,GAAG;AAE/E,SACE,oCAAC;AAAA,IACC,gBAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,KAEJ,oCAAC;AAAA,IAAsB;AAAA,KAAW,QAAS,CAC7C;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,uBAAuB,SAAS,UAAU;AACvD,qBAAqB,YAAY;",
   "names": []
 }

package/dist/esm/collapse/react-desc-prop-types.js

@@ -1,23 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import {
   PropTypes,
@@ -28,11 +9,13 @@ const defaultProps = {
   orientation: "horizontal",
   collapsedSize: "0px"
 };
-const DSCollapsePropTypes = __spreadProps(__spreadValues(__spreadValues({}, globalAttributesPropTypes), xstyledPropTypes), {
+const DSCollapsePropTypes = {
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
   show: PropTypes.bool.description("Whether to show the inner element or not").isRequired,
   orientation: PropTypes.oneOf(["horizontal", "vertical"]).description("Whether this element should slide from left to right or from top to bottom").defaultValue("horizontal"),
   collapsedSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description("Size when collapsed").defaultValue(0)
-});
+};
 export {
   DSCollapsePropTypes,
   defaultProps

package/dist/esm/collapse/react-desc-prop-types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/react-desc-prop-types.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  PropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-utilities';\nimport { WeakValidationMap } from 'react';\n\nexport declare namespace DSCollapseT {\n  interface IProps {\n    show: boolean;\n    orientation: 'horizontal' | 'vertical';\n    collapsedSize: number | string;\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof IProps>, XstyledProps {}\n}\n\nexport const defaultProps: Partial<DSCollapseT.Props> = {\n  orientation: 'horizontal',\n  collapsedSize: '0px',\n};\n\nexport const DSCollapsePropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  show: PropTypes.bool.description('Whether to show the inner element or not').isRequired,\n  orientation: PropTypes.oneOf(['horizontal', 'vertical'])\n    .description('Whether this element should slide from left to right or from top to bottom')\n    .defaultValue('horizontal'),\n  collapsedSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n    .description('Size when collapsed')\n    .defaultValue(0),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAmBO,MAAM,eAA2C;AAAA,EACtD,aAAa;AAAA,EACb,eAAe;AACjB;AAEO,MAAM,sBAAsB,gDAC9B,4BACA,mBAF8B;AAAA,EAGjC,MAAM,UAAU,KAAK,YAAY,0CAA0C,EAAE;AAAA,EAC7E,aAAa,UAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EACpD,YAAY,4EAA4E,EACxF,aAAa,YAAY;AAAA,EAC5B,eAAe,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EACpE,YAAY,qBAAqB,EACjC,aAAa,CAAC;AACnB;",
+  "mappings": ";AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAmBO,MAAM,eAA2C;AAAA,EACtD,aAAa;AAAA,EACb,eAAe;AACjB;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,KAAK,YAAY,0CAA0C,EAAE;AAAA,EAC7E,aAAa,UAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EACpD,YAAY,4EAA4E,EACxF,aAAa,YAAY;AAAA,EAC5B,eAAe,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EACpE,YAAY,qBAAqB,EACjC,aAAa,CAAC;AACnB;",
   "names": []
 }

package/dist/esm/fade/DSFade.js

@@ -1,20 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 import * as React from "react";
 import { describe } from "@elliemae/ds-utilities";
 import { useFade } from "./useFade";
@@ -26,10 +10,12 @@ const DSFade = (props) => {
     globalAttributes,
     xstyledProps
   } = useFade(props);
-  return /* @__PURE__ */ React.createElement(StyledFade, __spreadValues(__spreadValues({
+  return /* @__PURE__ */ React.createElement(StyledFade, {
     "data-test-id": "ds-transition-fade",
-    show
-  }, globalAttributes), xstyledProps), children);
+    show,
+    ...globalAttributes,
+    ...xstyledProps
+  }, children);
 };
 DSFade.propTypes = DSFadePropTypes;
 DSFade.displayName = "DSFade";

package/dist/esm/fade/DSFade.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/DSFade.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe } from '@elliemae/ds-utilities';\nimport { useFade } from './useFade';\nimport { DSFadePropTypes, DSFadeT } from './react-desc-prop-types';\nimport { StyledFade } from './styled';\n\nexport const DSFade: React.ComponentType<DSFadeT.Props> = (props) => {\n  const {\n    propsWithDefault: { show, children },\n    globalAttributes,\n    xstyledProps,\n  } = useFade(props);\n\n  return (\n    <StyledFade data-test-id=\"ds-transition-fade\" show={show} {...globalAttributes} {...xstyledProps}>\n      {children}\n    </StyledFade>\n  );\n};\n\nDSFade.propTypes = DSFadePropTypes;\nDSFade.displayName = 'DSFade';\nexport const DSFadeWithSchema = describe(DSFade);\nDSFadeWithSchema.propTypes = DSFadePropTypes;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM;AAAA,IAC1B;AAAA,IACA;AAAA,MACE,QAAQ,KAAK;AAEjB,SACE,oCAAC;AAAA,IAAW,gBAAa;AAAA,IAAqB;AAAA,KAAgB,mBAAsB,eACjF,QACH;AAEJ;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACd,MAAM,mBAAmB,SAAS,MAAM;AAC/C,iBAAiB,YAAY;",
+  "mappings": ";AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM;AAAA,IAC1B;AAAA,IACA;AAAA,MACE,QAAQ,KAAK;AAEjB,SACE,oCAAC;AAAA,IAAW,gBAAa;AAAA,IAAqB;AAAA,IAAa,GAAG;AAAA,IAAmB,GAAG;AAAA,KACjF,QACH;AAEJ;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACd,MAAM,mBAAmB,SAAS,MAAM;AAC/C,iBAAiB,YAAY;",
   "names": []
 }

package/dist/esm/fade/react-desc-prop-types.js

@@ -1,32 +1,15 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import {
   PropTypes,
   globalAttributesPropTypes,
   xstyledPropTypes
 } from "@elliemae/ds-utilities";
-const DSFadePropTypes = __spreadProps(__spreadValues(__spreadValues({}, globalAttributesPropTypes), xstyledPropTypes), {
+const DSFadePropTypes = {
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
   show: PropTypes.bool.description("Whether to show the inner element or not").isRequired
-});
+};
 export {
   DSFadePropTypes
 };

package/dist/esm/fade/react-desc-prop-types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/react-desc-prop-types.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  PropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-utilities';\nimport { WeakValidationMap } from 'react';\n\nexport declare namespace DSFadeT {\n  interface IProps {\n    show: boolean;\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLInputElement>, keyof IProps>, XstyledProps {}\n}\n\nexport const DSFadePropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  show: PropTypes.bool.description('Whether to show the inner element or not').isRequired,\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAiBO,MAAM,kBAAkB,gDAC1B,4BACA,mBAF0B;AAAA,EAG7B,MAAM,UAAU,KAAK,YAAY,0CAA0C,EAAE;AAC/E;",
+  "mappings": ";AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAiBO,MAAM,kBAAkB;AAAA,EAC7B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,KAAK,YAAY,0CAA0C,EAAE;AAC/E;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-transition",
-  "version": "3.3.0-next.2",
+  "version": "3.3.0-next.5",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tooltip",
   "files": [
@@ -35,8 +35,8 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-system": "3.3.0-next.2",
-    "@elliemae/ds-utilities": "3.3.0-next.2"
+    "@elliemae/ds-system": "3.3.0-next.5",
+    "@elliemae/ds-utilities": "3.3.0-next.5"
   },
   "devDependencies": {
     "react": "^17.0.2",