@elliemae/ds-transition 3.12.0-rc.2 → 3.12.0-rc.20

package/dist/cjs/collapse/DSCollapse.js

@@ -43,20 +43,20 @@ 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__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledCollapse, {
-    "data-test-id": "ds-transition-collapse",
-    show,
-    orientation,
-    collapsedSize,
-    expandedWidth,
-    expandedHeight,
-    ...globalAttributes,
-    ...xstyledProps,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledChildrenWrapper, {
-      ref,
-      children
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled.StyledCollapse,
+    {
+      "data-test-id": "ds-transition-collapse",
+      show,
+      orientation,
+      collapsedSize,
+      expandedWidth,
+      expandedHeight,
+      ...globalAttributes,
+      ...xstyledProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledChildrenWrapper, { ref, children })
+    }
+  );
 };
 DSCollapse.propTypes = import_react_desc_prop_types.DSCollapsePropTypes;
 DSCollapse.displayName = "DSCollapse";

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 type { DSCollapseT } from './react-desc-prop-types';\nimport { DSCollapsePropTypes } 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;AD6BjB;AA7BN,mBAAuB;AACvB,0BAA6C;AAC7C,yBAA4B;AAE5B,mCAAoC;AACpC,oBAAsD;AAE/C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,QAAI,gCAAY,KAAK;AAErB,QAAM,UAAM,qBAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,eAAe,QAAI,wCAAmB,GAAG;AAE/E,SACE,4CAAC;AAAA,IACC,gBAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,IAEJ,sDAAC;AAAA,MAAsB;AAAA,MAAW;AAAA,KAAS;AAAA,GAC7C;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,2BAAuB,8BAAS,UAAU;AACvD,qBAAqB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BjB;AA7BN,mBAAuB;AACvB,0BAA6C;AAC7C,yBAA4B;AAE5B,mCAAoC;AACpC,oBAAsD;AAE/C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,QAAI,gCAAY,KAAK;AAErB,QAAM,UAAM,qBAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,eAAe,QAAI,wCAAmB,GAAG;AAE/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,sDAAC,uCAAsB,KAAW,UAAS;AAAA;AAAA,EAC7C;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,2BAAuB,8BAAS,UAAU;AACvD,qBAAqB,YAAY;",
   "names": []
 }

package/dist/cjs/collapse/theming.js

@@ -29,7 +29,7 @@ __export(theming_exports, {
 });
 module.exports = __toCommonJS(theming_exports);
 var React = __toESM(require("react"));
-const DSCollapseName = "DS-Collapse";
+const DSCollapseName = "DSCollapse";
 const DSCollapseSlots = {
   WRAPPER: "root",
   CHILDREN_WRAPPER: "children-wrapper"

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/collapse/theming.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const DSCollapseName = 'DS-Collapse';\n\nexport const DSCollapseSlots = {\n  WRAPPER: 'root',\n  CHILDREN_WRAPPER: 'children-wrapper',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["export const DSCollapseName = 'DSCollapse';\n\nexport const DSCollapseSlots = {\n  WRAPPER: 'root',\n  CHILDREN_WRAPPER: 'children-wrapper',\n};\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,kBAAkB;AACpB;",
   "names": []
 }

package/dist/cjs/collapse/useCollapse.js

@@ -30,9 +30,10 @@ module.exports = __toCommonJS(useCollapse_exports);
 var React = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_react_desc_prop_types = require("./react-desc-prop-types");
+var import_theming = require("./theming");
 const useCollapse = (props) => {
   const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
-  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.DSCollapsePropTypes);
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.DSCollapsePropTypes, import_theming.DSCollapseName);
   const globalAttributes = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault);
   const xstyledProps = (0, import_ds_utilities.useGetXstyledProps)(propsWithDefault);
   return { propsWithDefault, globalAttributes, xstyledProps };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/collapse/useCollapse.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-utilities';\nimport type { DSCollapseT } from './react-desc-prop-types';\nimport { DSCollapsePropTypes, defaultProps } from './react-desc-prop-types';\n\nexport const useCollapse = (props: DSCollapseT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSCollapsePropTypes);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return { propsWithDefault, globalAttributes, xstyledProps };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAKO;AAEP,mCAAkD;AAE3C,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,uBAAmB,kDAA6B,OAAO,yCAAY;AACzE,0DAA+B,kBAAkB,gDAAmB;AACpE,QAAM,uBAAmB,4CAAuB,gBAAgB;AAChE,QAAM,mBAAe,wCAAmB,gBAAgB;AACxD,SAAO,EAAE,kBAAkB,kBAAkB,aAAa;AAC5D;",
+  "sourcesContent": ["import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-utilities';\nimport type { DSCollapseT } from './react-desc-prop-types';\nimport { DSCollapsePropTypes, defaultProps } from './react-desc-prop-types';\nimport { DSCollapseName } from './theming';\n\nexport const useCollapse = (props: DSCollapseT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSCollapsePropTypes, DSCollapseName);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return { propsWithDefault, globalAttributes, xstyledProps };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAKO;AAEP,mCAAkD;AAClD,qBAA+B;AAExB,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,uBAAmB,kDAA6B,OAAO,yCAAY;AACzE,0DAA+B,kBAAkB,kDAAqB,6BAAc;AACpF,QAAM,uBAAmB,4CAAuB,gBAAgB;AAChE,QAAM,mBAAe,wCAAmB,gBAAgB;AACxD,SAAO,EAAE,kBAAkB,kBAAkB,aAAa;AAC5D;",
   "names": []
 }

package/dist/cjs/fade/DSFade.js

@@ -40,13 +40,7 @@ const DSFade = (props) => {
     globalAttributes,
     xstyledProps
   } = (0, import_useFade.useFade)(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledFade, {
-    "data-test-id": "ds-transition-fade",
-    show,
-    ...globalAttributes,
-    ...xstyledProps,
-    children
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledFade, { "data-test-id": "ds-transition-fade", 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 type { DSFadeT } from './react-desc-prop-types';\nimport { DSFadePropTypes } 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;ADcnB;AAdJ,0BAAyB;AACzB,qBAAwB;AAExB,mCAAgC;AAChC,oBAA2B;AAEpB,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,EACF,QAAI,wBAAQ,KAAK;AAEjB,SACE,4CAAC;AAAA,IAAW,gBAAa;AAAA,IAAqB;AAAA,IAAa,GAAG;AAAA,IAAmB,GAAG;AAAA,IACjF;AAAA,GACH;AAEJ;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACd,MAAM,uBAAmB,8BAAS,MAAM;AAC/C,iBAAiB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAdJ,0BAAyB;AACzB,qBAAwB;AAExB,mCAAgC;AAChC,oBAA2B;AAEpB,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,EACF,QAAI,wBAAQ,KAAK;AAEjB,SACE,4CAAC,4BAAW,gBAAa,sBAAqB,MAAa,GAAG,kBAAmB,GAAG,cACjF,UACH;AAEJ;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACd,MAAM,uBAAmB,8BAAS,MAAM;AAC/C,iBAAiB,YAAY;",
   "names": []
 }

package/dist/cjs/fade/theming.js

@@ -29,7 +29,7 @@ __export(theming_exports, {
 });
 module.exports = __toCommonJS(theming_exports);
 var React = __toESM(require("react"));
-const DSFadeName = "DS-Fade";
+const DSFadeName = "DSFade";
 const DSFadeSlots = {
   WRAPPER: "root"
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/fade/theming.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const DSFadeName = 'DS-Fade';\n\nexport const DSFadeSlots = {\n  WRAPPER: 'root',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["export const DSFadeName = 'DSFade';\n\nexport const DSFadeSlots = {\n  WRAPPER: 'root',\n};\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,aAAa;AAEnB,MAAM,cAAc;AAAA,EACzB,SAAS;AACX;",
   "names": []
 }

package/dist/cjs/fade/useFade.js

@@ -30,8 +30,9 @@ module.exports = __toCommonJS(useFade_exports);
 var React = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_react_desc_prop_types = require("./react-desc-prop-types");
+var import_theming = require("./theming");
 const useFade = (props) => {
-  (0, import_ds_utilities.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.DSFadePropTypes);
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.DSFadePropTypes, import_theming.DSFadeName);
   const globalAttributes = (0, import_ds_utilities.useGetGlobalAttributes)(props);
   const xstyledProps = (0, import_ds_utilities.useGetXstyledProps)(props);
   return { propsWithDefault: props, globalAttributes, xstyledProps };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/fade/useFade.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useGetGlobalAttributes, useGetXstyledProps, useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport type { DSFadeT } from './react-desc-prop-types';\nimport { DSFadePropTypes } from './react-desc-prop-types';\n\nexport const useFade = (props: DSFadeT.Props) => {\n  useValidateTypescriptPropTypes(props, DSFadePropTypes);\n  const globalAttributes = useGetGlobalAttributes(props);\n  const xstyledProps = useGetXstyledProps(props);\n  return { propsWithDefault: props, globalAttributes, xstyledProps };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA2F;AAE3F,mCAAgC;AAEzB,MAAM,UAAU,CAAC,UAAyB;AAC/C,0DAA+B,OAAO,4CAAe;AACrD,QAAM,uBAAmB,4CAAuB,KAAK;AACrD,QAAM,mBAAe,wCAAmB,KAAK;AAC7C,SAAO,EAAE,kBAAkB,OAAO,kBAAkB,aAAa;AACnE;",
+  "sourcesContent": ["import { useGetGlobalAttributes, useGetXstyledProps, useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport type { DSFadeT } from './react-desc-prop-types';\nimport { DSFadePropTypes } from './react-desc-prop-types';\nimport { DSFadeName } from './theming';\n\nexport const useFade = (props: DSFadeT.Props) => {\n  useValidateTypescriptPropTypes(props, DSFadePropTypes, DSFadeName);\n  const globalAttributes = useGetGlobalAttributes(props);\n  const xstyledProps = useGetXstyledProps(props);\n  return { propsWithDefault: props, globalAttributes, xstyledProps };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA2F;AAE3F,mCAAgC;AAChC,qBAA2B;AAEpB,MAAM,UAAU,CAAC,UAAyB;AAC/C,0DAA+B,OAAO,8CAAiB,yBAAU;AACjE,QAAM,uBAAmB,4CAAuB,KAAK;AACrD,QAAM,mBAAe,wCAAmB,KAAK;AAC7C,SAAO,EAAE,kBAAkB,OAAO,kBAAkB,aAAa;AACnE;",
   "names": []
 }

package/dist/esm/collapse/DSCollapse.js

@@ -13,20 +13,20 @@ const DSCollapse = (props) => {
   } = useCollapse(props);
   const ref = useRef(null);
   const { width: expandedWidth, height: expandedHeight } = useOnElementResize(ref);
-  return /* @__PURE__ */ jsx(StyledCollapse, {
-    "data-test-id": "ds-transition-collapse",
-    show,
-    orientation,
-    collapsedSize,
-    expandedWidth,
-    expandedHeight,
-    ...globalAttributes,
-    ...xstyledProps,
-    children: /* @__PURE__ */ jsx(StyledChildrenWrapper, {
-      ref,
-      children
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    StyledCollapse,
+    {
+      "data-test-id": "ds-transition-collapse",
+      show,
+      orientation,
+      collapsedSize,
+      expandedWidth,
+      expandedHeight,
+      ...globalAttributes,
+      ...xstyledProps,
+      children: /* @__PURE__ */ jsx(StyledChildrenWrapper, { ref, children })
+    }
+  );
 };
 DSCollapse.propTypes = DSCollapsePropTypes;
 DSCollapse.displayName = "DSCollapse";

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 type { DSCollapseT } from './react-desc-prop-types';\nimport { DSCollapsePropTypes } 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,YAAY,WAAW;AC6BjB;AA7BN,SAAS,cAAc;AACvB,SAAS,UAAU,0BAA0B;AAC7C,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AACpC,SAAS,gBAAgB,6BAA6B;AAE/C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,IAAI,YAAY,KAAK;AAErB,QAAM,MAAM,OAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,eAAe,IAAI,mBAAmB,GAAG;AAE/E,SACE,oBAAC;AAAA,IACC,gBAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,IAEJ,8BAAC;AAAA,MAAsB;AAAA,MAAW;AAAA,KAAS;AAAA,GAC7C;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,uBAAuB,SAAS,UAAU;AACvD,qBAAqB,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;AC6BjB;AA7BN,SAAS,cAAc;AACvB,SAAS,UAAU,0BAA0B;AAC7C,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AACpC,SAAS,gBAAgB,6BAA6B;AAE/C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,IAAI,YAAY,KAAK;AAErB,QAAM,MAAM,OAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,eAAe,IAAI,mBAAmB,GAAG;AAE/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,8BAAC,yBAAsB,KAAW,UAAS;AAAA;AAAA,EAC7C;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,uBAAuB,SAAS,UAAU;AACvD,qBAAqB,YAAY;",
   "names": []
 }

package/dist/esm/collapse/theming.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-const DSCollapseName = "DS-Collapse";
+const DSCollapseName = "DSCollapse";
 const DSCollapseSlots = {
   WRAPPER: "root",
   CHILDREN_WRAPPER: "children-wrapper"

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/theming.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSCollapseName = 'DS-Collapse';\n\nexport const DSCollapseSlots = {\n  WRAPPER: 'root',\n  CHILDREN_WRAPPER: 'children-wrapper',\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSCollapseName = 'DSCollapse';\n\nexport const DSCollapseSlots = {\n  WRAPPER: 'root',\n  CHILDREN_WRAPPER: 'children-wrapper',\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,kBAAkB;AACpB;",
   "names": []
 }

package/dist/esm/collapse/useCollapse.js

@@ -6,9 +6,10 @@ import {
   useMemoMergePropsWithDefault
 } from "@elliemae/ds-utilities";
 import { DSCollapsePropTypes, defaultProps } from "./react-desc-prop-types";
+import { DSCollapseName } from "./theming";
 const useCollapse = (props) => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefault, DSCollapsePropTypes);
+  useValidateTypescriptPropTypes(propsWithDefault, DSCollapsePropTypes, DSCollapseName);
   const globalAttributes = useGetGlobalAttributes(propsWithDefault);
   const xstyledProps = useGetXstyledProps(propsWithDefault);
   return { propsWithDefault, globalAttributes, xstyledProps };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/useCollapse.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-utilities';\nimport type { DSCollapseT } from './react-desc-prop-types';\nimport { DSCollapsePropTypes, defaultProps } from './react-desc-prop-types';\n\nexport const useCollapse = (props: DSCollapseT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSCollapsePropTypes);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return { propsWithDefault, globalAttributes, xstyledProps };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,qBAAqB,oBAAoB;AAE3C,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,mBAAmB;AACpE,QAAM,mBAAmB,uBAAuB,gBAAgB;AAChE,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,SAAO,EAAE,kBAAkB,kBAAkB,aAAa;AAC5D;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-utilities';\nimport type { DSCollapseT } from './react-desc-prop-types';\nimport { DSCollapsePropTypes, defaultProps } from './react-desc-prop-types';\nimport { DSCollapseName } from './theming';\n\nexport const useCollapse = (props: DSCollapseT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSCollapsePropTypes, DSCollapseName);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  return { propsWithDefault, globalAttributes, xstyledProps };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,qBAAqB,oBAAoB;AAClD,SAAS,sBAAsB;AAExB,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,qBAAqB,cAAc;AACpF,QAAM,mBAAmB,uBAAuB,gBAAgB;AAChE,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,SAAO,EAAE,kBAAkB,kBAAkB,aAAa;AAC5D;",
   "names": []
 }

package/dist/esm/fade/DSFade.js

@@ -10,13 +10,7 @@ const DSFade = (props) => {
     globalAttributes,
     xstyledProps
   } = useFade(props);
-  return /* @__PURE__ */ jsx(StyledFade, {
-    "data-test-id": "ds-transition-fade",
-    show,
-    ...globalAttributes,
-    ...xstyledProps,
-    children
-  });
+  return /* @__PURE__ */ jsx(StyledFade, { "data-test-id": "ds-transition-fade", 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 type { DSFadeT } from './react-desc-prop-types';\nimport { DSFadePropTypes } 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,YAAY,WAAW;ACcnB;AAdJ,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAEpB,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,EACF,IAAI,QAAQ,KAAK;AAEjB,SACE,oBAAC;AAAA,IAAW,gBAAa;AAAA,IAAqB;AAAA,IAAa,GAAG;AAAA,IAAmB,GAAG;AAAA,IACjF;AAAA,GACH;AAEJ;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACd,MAAM,mBAAmB,SAAS,MAAM;AAC/C,iBAAiB,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACcnB;AAdJ,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAEpB,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,EACF,IAAI,QAAQ,KAAK;AAEjB,SACE,oBAAC,cAAW,gBAAa,sBAAqB,MAAa,GAAG,kBAAmB,GAAG,cACjF,UACH;AAEJ;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACd,MAAM,mBAAmB,SAAS,MAAM;AAC/C,iBAAiB,YAAY;",
   "names": []
 }

package/dist/esm/fade/theming.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-const DSFadeName = "DS-Fade";
+const DSFadeName = "DSFade";
 const DSFadeSlots = {
   WRAPPER: "root"
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/theming.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSFadeName = 'DS-Fade';\n\nexport const DSFadeSlots = {\n  WRAPPER: 'root',\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSFadeName = 'DSFade';\n\nexport const DSFadeSlots = {\n  WRAPPER: 'root',\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,aAAa;AAEnB,MAAM,cAAc;AAAA,EACzB,SAAS;AACX;",
   "names": []
 }

package/dist/esm/fade/useFade.js

@@ -1,8 +1,9 @@
 import * as React from "react";
 import { useGetGlobalAttributes, useGetXstyledProps, useValidateTypescriptPropTypes } from "@elliemae/ds-utilities";
 import { DSFadePropTypes } from "./react-desc-prop-types";
+import { DSFadeName } from "./theming";
 const useFade = (props) => {
-  useValidateTypescriptPropTypes(props, DSFadePropTypes);
+  useValidateTypescriptPropTypes(props, DSFadePropTypes, DSFadeName);
   const globalAttributes = useGetGlobalAttributes(props);
   const xstyledProps = useGetXstyledProps(props);
   return { propsWithDefault: props, globalAttributes, xstyledProps };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/useFade.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useGetGlobalAttributes, useGetXstyledProps, useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport type { DSFadeT } from './react-desc-prop-types';\nimport { DSFadePropTypes } from './react-desc-prop-types';\n\nexport const useFade = (props: DSFadeT.Props) => {\n  useValidateTypescriptPropTypes(props, DSFadePropTypes);\n  const globalAttributes = useGetGlobalAttributes(props);\n  const xstyledProps = useGetXstyledProps(props);\n  return { propsWithDefault: props, globalAttributes, xstyledProps };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB,oBAAoB,sCAAsC;AAE3F,SAAS,uBAAuB;AAEzB,MAAM,UAAU,CAAC,UAAyB;AAC/C,iCAA+B,OAAO,eAAe;AACrD,QAAM,mBAAmB,uBAAuB,KAAK;AACrD,QAAM,eAAe,mBAAmB,KAAK;AAC7C,SAAO,EAAE,kBAAkB,OAAO,kBAAkB,aAAa;AACnE;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useGetGlobalAttributes, useGetXstyledProps, useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport type { DSFadeT } from './react-desc-prop-types';\nimport { DSFadePropTypes } from './react-desc-prop-types';\nimport { DSFadeName } from './theming';\n\nexport const useFade = (props: DSFadeT.Props) => {\n  useValidateTypescriptPropTypes(props, DSFadePropTypes, DSFadeName);\n  const globalAttributes = useGetGlobalAttributes(props);\n  const xstyledProps = useGetXstyledProps(props);\n  return { propsWithDefault: props, globalAttributes, xstyledProps };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB,oBAAoB,sCAAsC;AAE3F,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAEpB,MAAM,UAAU,CAAC,UAAyB;AAC/C,iCAA+B,OAAO,iBAAiB,UAAU;AACjE,QAAM,mBAAmB,uBAAuB,KAAK;AACrD,QAAM,eAAe,mBAAmB,KAAK;AAC7C,SAAO,EAAE,kBAAkB,OAAO,kBAAkB,aAAa;AACnE;",
   "names": []
 }

package/package.json

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