@elliemae/ds-skeleton 3.15.0 → 3.16.0-next.10

package/dist/cjs/DSSkeleton.js

@@ -30,10 +30,10 @@ __export(DSSkeleton_exports, {
 module.exports = __toCommonJS(DSSkeleton_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_components = require("./styled/components");
-var import_useSkeleton = require("./config/useSkeleton");
-var import_react_desc_prop_types = require("./react-desc-prop-types");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_components = require("./styled/components.js");
+var import_useSkeleton = require("./config/useSkeleton.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 const DSSkeleton = (props) => {
   const {
     propsWithDefault: { variant },
@@ -45,6 +45,6 @@ const DSSkeleton = (props) => {
 };
 DSSkeleton.propTypes = import_react_desc_prop_types.DSSkeletonPropTypes;
 DSSkeleton.displayName = "DSSkeleton";
-const DSSkeletonWithSchema = (0, import_ds_utilities.describe)(DSSkeleton);
+const DSSkeletonWithSchema = (0, import_ds_props_helpers.describe)(DSSkeleton);
 DSSkeletonWithSchema.propTypes = import_react_desc_prop_types.DSSkeletonPropTypes;
 //# sourceMappingURL=DSSkeleton.js.map

package/dist/cjs/DSSkeleton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSSkeleton.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { describe } from '@elliemae/ds-utilities';\nimport { StyledSkeleton } from './styled/components';\nimport { useSkeleton } from './config/useSkeleton';\nimport type { DSSkeletonT } from './react-desc-prop-types';\nimport { DSSkeletonPropTypes } from './react-desc-prop-types';\n\nexport const DSSkeleton: React.ComponentType<DSSkeletonT.Props> = (props) => {\n  const {\n    propsWithDefault: { variant },\n    withChildren,\n    xstyledProps,\n    globalAttributes,\n  } = useSkeleton(props);\n\n  return (\n    <StyledSkeleton {...globalAttributes} {...xstyledProps} variant={variant} withChildren={withChildren} as=\"span\" />\n  );\n};\n\nDSSkeleton.propTypes = DSSkeletonPropTypes;\nDSSkeleton.displayName = 'DSSkeleton';\nexport const DSSkeletonWithSchema = describe(DSSkeleton);\nDSSkeletonWithSchema.propTypes = DSSkeletonPropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADenB;AAfJ,0BAAyB;AACzB,wBAA+B;AAC/B,yBAA4B;AAE5B,mCAAoC;AAE7B,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,QAAQ;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,gCAAY,KAAK;AAErB,SACE,4CAAC,oCAAgB,GAAG,kBAAmB,GAAG,cAAc,SAAkB,cAA4B,IAAG,QAAO;AAEpH;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,2BAAuB,8BAAS,UAAU;AACvD,qBAAqB,YAAY;",
+  "sourcesContent": ["import { describe } from '@elliemae/ds-props-helpers';\nimport { StyledSkeleton } from './styled/components.js';\nimport { useSkeleton } from './config/useSkeleton.js';\nimport type { DSSkeletonT } from './react-desc-prop-types.js';\nimport { DSSkeletonPropTypes } from './react-desc-prop-types.js';\n\nexport const DSSkeleton: React.ComponentType<DSSkeletonT.Props> = (props) => {\n  const {\n    propsWithDefault: { variant },\n    withChildren,\n    xstyledProps,\n    globalAttributes,\n  } = useSkeleton(props);\n\n  return (\n    <StyledSkeleton {...globalAttributes} {...xstyledProps} variant={variant} withChildren={withChildren} as=\"span\" />\n  );\n};\n\nDSSkeleton.propTypes = DSSkeletonPropTypes;\nDSSkeleton.displayName = 'DSSkeleton';\nexport const DSSkeletonWithSchema = describe(DSSkeleton);\nDSSkeletonWithSchema.propTypes = DSSkeletonPropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADenB;AAfJ,8BAAyB;AACzB,wBAA+B;AAC/B,yBAA4B;AAE5B,mCAAoC;AAE7B,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,QAAQ;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,gCAAY,KAAK;AAErB,SACE,4CAAC,oCAAgB,GAAG,kBAAmB,GAAG,cAAc,SAAkB,cAA4B,IAAG,QAAO;AAEpH;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,2BAAuB,kCAAS,UAAU;AACvD,qBAAqB,YAAY;",
   "names": []
 }

package/dist/cjs/config/useSkeleton.js

@@ -28,14 +28,14 @@ __export(useSkeleton_exports, {
 });
 module.exports = __toCommonJS(useSkeleton_exports);
 var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_exported_related = require("../exported-related");
-var import_react_desc_prop_types = require("../react-desc-prop-types");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_exported_related = require("../exported-related/index.js");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
 const useSkeleton = (props) => {
-  const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
-  (0, import_ds_utilities.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.DSSkeletonPropTypes, import_exported_related.DSSkeletonName);
-  const globalAttributes = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault);
-  const xstyledProps = (0, import_ds_utilities.useGetXstyledProps)(propsWithDefault);
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.DSSkeletonPropTypes, import_exported_related.DSSkeletonName);
+  const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
   return { propsWithDefault, globalAttributes, xstyledProps, withChildren: !!propsWithDefault.children };
 };
 //# sourceMappingURL=useSkeleton.js.map

package/dist/cjs/config/useSkeleton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useSkeleton.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import {\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-utilities';\nimport { DSSkeletonName } from '../exported-related';\nimport type { DSSkeletonT } from '../react-desc-prop-types';\nimport { defaultProps, DSSkeletonPropTypes } from '../react-desc-prop-types';\n\nexport const useSkeleton = (props: DSSkeletonT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(props, DSSkeletonPropTypes, DSSkeletonName);\n\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return { propsWithDefault, globalAttributes, xstyledProps, withChildren: !!propsWithDefault.children };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAKO;AACP,8BAA+B;AAE/B,mCAAkD;AAE3C,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,uBAAmB,kDAA6B,OAAO,yCAAY;AACzE,0DAA+B,OAAO,kDAAqB,sCAAc;AAEzE,QAAM,uBAAmB,4CAAuB,gBAAgB;AAChE,QAAM,mBAAe,wCAAmB,gBAAgB;AAExD,SAAO,EAAE,kBAAkB,kBAAkB,cAAc,cAAc,CAAC,CAAC,iBAAiB,SAAS;AACvG;",
+  "sourcesContent": ["import {\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { DSSkeletonName } from '../exported-related/index.js';\nimport type { DSSkeletonT } from '../react-desc-prop-types.js';\nimport { defaultProps, DSSkeletonPropTypes } from '../react-desc-prop-types.js';\n\nexport const useSkeleton = (props: DSSkeletonT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(props, DSSkeletonPropTypes, DSSkeletonName);\n\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return { propsWithDefault, globalAttributes, xstyledProps, withChildren: !!propsWithDefault.children };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAKO;AACP,8BAA+B;AAE/B,mCAAkD;AAE3C,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,uBAAmB,sDAA6B,OAAO,yCAAY;AACzE,8DAA+B,OAAO,kDAAqB,sCAAc;AAEzE,QAAM,uBAAmB,gDAAuB,gBAAgB;AAChE,QAAM,mBAAe,4CAAmB,gBAAgB;AAExD,SAAO,EAAE,kBAAkB,kBAAkB,cAAc,cAAc,CAAC,CAAC,iBAAiB,SAAS;AACvG;",
   "names": []
 }

package/dist/cjs/exported-related/index.js

@@ -22,5 +22,5 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var exported_related_exports = {};
 module.exports = __toCommonJS(exported_related_exports);
 var React = __toESM(require("react"));
-__reExport(exported_related_exports, require("./theming"), module.exports);
+__reExport(exported_related_exports, require("./theming.js"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/exported-related/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/exported-related/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './theming';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,sBAAd;",
+  "sourcesContent": ["export * from './theming.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,yBAAd;",
   "names": []
 }

package/dist/cjs/index.js

@@ -22,6 +22,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSSkeleton"), module.exports);
-__reExport(src_exports, require("./exported-related"), module.exports);
+__reExport(src_exports, require("./DSSkeleton.js"), module.exports);
+__reExport(src_exports, require("./exported-related/index.js"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSSkeleton';\nexport * from './exported-related';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,yBAAd;AACA,wBAAc,+BADd;",
+  "sourcesContent": ["export * from './DSSkeleton.js';\nexport * from './exported-related/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,4BAAd;AACA,wBAAc,wCADd;",
   "names": []
 }

package/dist/cjs/package.json

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

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

@@ -29,13 +29,13 @@ __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");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const defaultProps = {
   variant: "text"
 };
 const DSSkeletonPropTypes = {
-  ...import_ds_utilities.globalAttributesPropTypes,
-  ...import_ds_utilities.xstyledPropTypes,
-  variant: import_ds_utilities.PropTypes.oneOf(["circular", "rectangular", "text"]).description("Variant for the skeleton").defaultValue("text")
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  variant: import_ds_props_helpers.PropTypes.oneOf(["circular", "rectangular", "text"]).description("Variant for the skeleton").defaultValue("text")
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSSkeletonT {\n  interface IProps {\n    variant: 'circular' | 'rectangular' | 'text';\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLSpanElement>, keyof IProps>, XstyledProps {}\n}\n\nexport const defaultProps: DSSkeletonT.Props = {\n  variant: 'text',\n};\n\nexport const DSSkeletonPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  variant: PropTypes.oneOf(['circular', 'rectangular', 'text'])\n    .description('Variant for the skeleton')\n    .defaultValue('text'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,0BAAuE;AAUhE,MAAM,eAAkC;AAAA,EAC7C,SAAS;AACX;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,8BAAU,MAAM,CAAC,YAAY,eAAe,MAAM,CAAC,EACzD,YAAY,0BAA0B,EACtC,aAAa,MAAM;AACxB;",
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSSkeletonT {\n  interface IProps {\n    variant: 'circular' | 'rectangular' | 'text';\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLSpanElement>, keyof IProps>, XstyledProps {}\n}\n\nexport const defaultProps: DSSkeletonT.Props = {\n  variant: 'text',\n};\n\nexport const DSSkeletonPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  variant: PropTypes.oneOf(['circular', 'rectangular', 'text'])\n    .description('Variant for the skeleton')\n    .defaultValue('text'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AAUhE,MAAM,eAAkC;AAAA,EAC7C,SAAS;AACX;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,kCAAU,MAAM,CAAC,YAAY,eAAe,MAAM,CAAC,EACzD,YAAY,0BAA0B,EACtC,aAAa,MAAM;AACxB;",
   "names": []
 }

package/dist/cjs/styled/components.js

@@ -29,9 +29,9 @@ __export(components_exports, {
 module.exports = __toCommonJS(components_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
-var import_exported_related = require("../exported-related");
-var import_animation = require("./animation");
-var import_variants = require("./variants");
+var import_exported_related = require("../exported-related/index.js");
+var import_animation = require("./animation.js");
+var import_variants = require("./variants.js");
 const StyledSkeleton = (0, import_ds_system.styled)("div", {
   name: import_exported_related.DSSkeletonName,
   slot: import_exported_related.DSSkeletonSlots.ROOT

package/dist/cjs/styled/components.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/styled/components.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled, th, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSSkeletonName, DSSkeletonSlots } from '../exported-related';\nimport { pulseKeyframe } from './animation';\nimport { circularVariantCss, textVariantCss, withChildrenCss } from './variants';\n\ninterface StyledSkeletonProps {\n  variant: 'circular' | 'rectangular' | 'text';\n  withChildren: boolean;\n}\n\nexport const StyledSkeleton = styled('div', {\n  name: DSSkeletonName,\n  slot: DSSkeletonSlots.ROOT,\n})<StyledSkeletonProps>`\n  display: block;\n  height: 20px;\n  background-color: ${th.color('neutral-400')}2f;\n  ${(props) => {\n    if (props.variant === 'circular') return circularVariantCss;\n    if (props.variant === 'text') return textVariantCss;\n  }}\n  ${(props) => (props.withChildren ? withChildrenCss : '')}\n  \n  animation: ${pulseKeyframe} 1.5s ease-in-out 0.5s infinite;\n  ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import { styled, th, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSSkeletonName, DSSkeletonSlots } from '../exported-related/index.js';\nimport { pulseKeyframe } from './animation.js';\nimport { circularVariantCss, textVariantCss, withChildrenCss } from './variants.js';\n\ninterface StyledSkeletonProps {\n  variant: 'circular' | 'rectangular' | 'text';\n  withChildren: boolean;\n}\n\nexport const StyledSkeleton = styled('div', {\n  name: DSSkeletonName,\n  slot: DSSkeletonSlots.ROOT,\n})<StyledSkeletonProps>`\n  display: block;\n  height: 20px;\n  background-color: ${th.color('neutral-400')}2f;\n  ${(props) => {\n    if (props.variant === 'circular') return circularVariantCss;\n    if (props.variant === 'text') return textVariantCss;\n  }}\n  ${(props) => (props.withChildren ? withChildrenCss : '')}\n  \n  animation: ${pulseKeyframe} 1.5s ease-in-out 0.5s infinite;\n  ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA+C;AAC/C,8BAAgD;AAChD,uBAA8B;AAC9B,sBAAoE;AAO7D,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,wCAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,sBAGqB,oBAAG,MAAM,aAAa;AAAA,IACxC,CAAC,UAAU;AACX,MAAI,MAAM,YAAY;AAAY,WAAO;AACzC,MAAI,MAAM,YAAY;AAAQ,WAAO;AACvC;AAAA,IACE,CAAC,UAAW,MAAM,eAAe,kCAAkB;AAAA;AAAA,eAExC;AAAA,IACX;AAAA;",
   "names": []
 }

package/dist/esm/DSSkeleton.js

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { describe } from "@elliemae/ds-utilities";
-import { StyledSkeleton } from "./styled/components";
-import { useSkeleton } from "./config/useSkeleton";
-import { DSSkeletonPropTypes } from "./react-desc-prop-types";
+import { describe } from "@elliemae/ds-props-helpers";
+import { StyledSkeleton } from "./styled/components.js";
+import { useSkeleton } from "./config/useSkeleton.js";
+import { DSSkeletonPropTypes } from "./react-desc-prop-types.js";
 const DSSkeleton = (props) => {
   const {
     propsWithDefault: { variant },

package/dist/esm/DSSkeleton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSkeleton.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe } from '@elliemae/ds-utilities';\nimport { StyledSkeleton } from './styled/components';\nimport { useSkeleton } from './config/useSkeleton';\nimport type { DSSkeletonT } from './react-desc-prop-types';\nimport { DSSkeletonPropTypes } from './react-desc-prop-types';\n\nexport const DSSkeleton: React.ComponentType<DSSkeletonT.Props> = (props) => {\n  const {\n    propsWithDefault: { variant },\n    withChildren,\n    xstyledProps,\n    globalAttributes,\n  } = useSkeleton(props);\n\n  return (\n    <StyledSkeleton {...globalAttributes} {...xstyledProps} variant={variant} withChildren={withChildren} as=\"span\" />\n  );\n};\n\nDSSkeleton.propTypes = DSSkeletonPropTypes;\nDSSkeleton.displayName = 'DSSkeleton';\nexport const DSSkeletonWithSchema = describe(DSSkeleton);\nDSSkeletonWithSchema.propTypes = DSSkeletonPropTypes;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe } from '@elliemae/ds-props-helpers';\nimport { StyledSkeleton } from './styled/components.js';\nimport { useSkeleton } from './config/useSkeleton.js';\nimport type { DSSkeletonT } from './react-desc-prop-types.js';\nimport { DSSkeletonPropTypes } from './react-desc-prop-types.js';\n\nexport const DSSkeleton: React.ComponentType<DSSkeletonT.Props> = (props) => {\n  const {\n    propsWithDefault: { variant },\n    withChildren,\n    xstyledProps,\n    globalAttributes,\n  } = useSkeleton(props);\n\n  return (\n    <StyledSkeleton {...globalAttributes} {...xstyledProps} variant={variant} withChildren={withChildren} as=\"span\" />\n  );\n};\n\nDSSkeleton.propTypes = DSSkeletonPropTypes;\nDSSkeleton.displayName = 'DSSkeleton';\nexport const DSSkeletonWithSchema = describe(DSSkeleton);\nDSSkeletonWithSchema.propTypes = DSSkeletonPropTypes;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACenB;AAfJ,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AAE7B,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,QAAQ;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,YAAY,KAAK;AAErB,SACE,oBAAC,kBAAgB,GAAG,kBAAmB,GAAG,cAAc,SAAkB,cAA4B,IAAG,QAAO;AAEpH;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,uBAAuB,SAAS,UAAU;AACvD,qBAAqB,YAAY;",
   "names": []
 }

package/dist/esm/config/useSkeleton.js

@@ -4,9 +4,9 @@ import {
   useGetGlobalAttributes,
   useGetXstyledProps,
   useValidateTypescriptPropTypes
-} from "@elliemae/ds-utilities";
-import { DSSkeletonName } from "../exported-related";
-import { defaultProps, DSSkeletonPropTypes } from "../react-desc-prop-types";
+} from "@elliemae/ds-props-helpers";
+import { DSSkeletonName } from "../exported-related/index.js";
+import { defaultProps, DSSkeletonPropTypes } from "../react-desc-prop-types.js";
 const useSkeleton = (props) => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
   useValidateTypescriptPropTypes(props, DSSkeletonPropTypes, DSSkeletonName);

package/dist/esm/config/useSkeleton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useSkeleton.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-utilities';\nimport { DSSkeletonName } from '../exported-related';\nimport type { DSSkeletonT } from '../react-desc-prop-types';\nimport { defaultProps, DSSkeletonPropTypes } from '../react-desc-prop-types';\n\nexport const useSkeleton = (props: DSSkeletonT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(props, DSSkeletonPropTypes, DSSkeletonName);\n\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return { propsWithDefault, globalAttributes, xstyledProps, withChildren: !!propsWithDefault.children };\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { DSSkeletonName } from '../exported-related/index.js';\nimport type { DSSkeletonT } from '../react-desc-prop-types.js';\nimport { defaultProps, DSSkeletonPropTypes } from '../react-desc-prop-types.js';\n\nexport const useSkeleton = (props: DSSkeletonT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(props, DSSkeletonPropTypes, DSSkeletonName);\n\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n  return { propsWithDefault, globalAttributes, xstyledProps, withChildren: !!propsWithDefault.children };\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAE/B,SAAS,cAAc,2BAA2B;AAE3C,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,OAAO,qBAAqB,cAAc;AAEzE,QAAM,mBAAmB,uBAAuB,gBAAgB;AAChE,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,SAAO,EAAE,kBAAkB,kBAAkB,cAAc,cAAc,CAAC,CAAC,iBAAiB,SAAS;AACvG;",
   "names": []
 }

package/dist/esm/exported-related/index.js

@@ -1,3 +1,3 @@
 import * as React from "react";
-export * from "./theming";
+export * from "./theming.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/exported-related/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './theming';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './theming.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,4 +1,4 @@
 import * as React from "react";
-export * from "./DSSkeleton";
-export * from "./exported-related";
+export * from "./DSSkeleton.js";
+export * from "./exported-related/index.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSSkeleton';\nexport * from './exported-related';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSSkeleton.js';\nexport * from './exported-related/index.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/package.json

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

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-utilities";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
 const defaultProps = {
   variant: "text"
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSSkeletonT {\n  interface IProps {\n    variant: 'circular' | 'rectangular' | 'text';\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLSpanElement>, keyof IProps>, XstyledProps {}\n}\n\nexport const defaultProps: DSSkeletonT.Props = {\n  variant: 'text',\n};\n\nexport const DSSkeletonPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  variant: PropTypes.oneOf(['circular', 'rectangular', 'text'])\n    .description('Variant for the skeleton')\n    .defaultValue('text'),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,2BAA2B,wBAAwB;AAUhE,MAAM,eAAkC;AAAA,EAC7C,SAAS;AACX;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,UAAU,MAAM,CAAC,YAAY,eAAe,MAAM,CAAC,EACzD,YAAY,0BAA0B,EACtC,aAAa,MAAM;AACxB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSSkeletonT {\n  interface IProps {\n    variant: 'circular' | 'rectangular' | 'text';\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLSpanElement>, keyof IProps>, XstyledProps {}\n}\n\nexport const defaultProps: DSSkeletonT.Props = {\n  variant: 'text',\n};\n\nexport const DSSkeletonPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  variant: PropTypes.oneOf(['circular', 'rectangular', 'text'])\n    .description('Variant for the skeleton')\n    .defaultValue('text'),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AAUhE,MAAM,eAAkC;AAAA,EAC7C,SAAS;AACX;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,UAAU,MAAM,CAAC,YAAY,eAAe,MAAM,CAAC,EACzD,YAAY,0BAA0B,EACtC,aAAa,MAAM;AACxB;",
   "names": []
 }

package/dist/esm/styled/components.js

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { styled, th, xStyledCommonProps } from "@elliemae/ds-system";
-import { DSSkeletonName, DSSkeletonSlots } from "../exported-related";
-import { pulseKeyframe } from "./animation";
-import { circularVariantCss, textVariantCss, withChildrenCss } from "./variants";
+import { DSSkeletonName, DSSkeletonSlots } from "../exported-related/index.js";
+import { pulseKeyframe } from "./animation.js";
+import { circularVariantCss, textVariantCss, withChildrenCss } from "./variants.js";
 const StyledSkeleton = styled("div", {
   name: DSSkeletonName,
   slot: DSSkeletonSlots.ROOT

package/dist/esm/styled/components.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/styled/components.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, th, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSSkeletonName, DSSkeletonSlots } from '../exported-related';\nimport { pulseKeyframe } from './animation';\nimport { circularVariantCss, textVariantCss, withChildrenCss } from './variants';\n\ninterface StyledSkeletonProps {\n  variant: 'circular' | 'rectangular' | 'text';\n  withChildren: boolean;\n}\n\nexport const StyledSkeleton = styled('div', {\n  name: DSSkeletonName,\n  slot: DSSkeletonSlots.ROOT,\n})<StyledSkeletonProps>`\n  display: block;\n  height: 20px;\n  background-color: ${th.color('neutral-400')}2f;\n  ${(props) => {\n    if (props.variant === 'circular') return circularVariantCss;\n    if (props.variant === 'text') return textVariantCss;\n  }}\n  ${(props) => (props.withChildren ? withChildrenCss : '')}\n  \n  animation: ${pulseKeyframe} 1.5s ease-in-out 0.5s infinite;\n  ${xStyledCommonProps}\n`;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, th, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSSkeletonName, DSSkeletonSlots } from '../exported-related/index.js';\nimport { pulseKeyframe } from './animation.js';\nimport { circularVariantCss, textVariantCss, withChildrenCss } from './variants.js';\n\ninterface StyledSkeletonProps {\n  variant: 'circular' | 'rectangular' | 'text';\n  withChildren: boolean;\n}\n\nexport const StyledSkeleton = styled('div', {\n  name: DSSkeletonName,\n  slot: DSSkeletonSlots.ROOT,\n})<StyledSkeletonProps>`\n  display: block;\n  height: 20px;\n  background-color: ${th.color('neutral-400')}2f;\n  ${(props) => {\n    if (props.variant === 'circular') return circularVariantCss;\n    if (props.variant === 'text') return textVariantCss;\n  }}\n  ${(props) => (props.withChildren ? withChildrenCss : '')}\n  \n  animation: ${pulseKeyframe} 1.5s ease-in-out 0.5s infinite;\n  ${xStyledCommonProps}\n`;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,IAAI,0BAA0B;AAC/C,SAAS,gBAAgB,uBAAuB;AAChD,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB,gBAAgB,uBAAuB;AAO7D,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,sBAGqB,GAAG,MAAM,aAAa;AAAA,IACxC,CAAC,UAAU;AACX,MAAI,MAAM,YAAY;AAAY,WAAO;AACzC,MAAI,MAAM,YAAY;AAAQ,WAAO;AACvC;AAAA,IACE,CAAC,UAAW,MAAM,eAAe,kBAAkB;AAAA;AAAA,eAExC;AAAA,IACX;AAAA;",
   "names": []
 }

package/dist/types/DSSkeleton.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import type { DSSkeletonT } from './react-desc-prop-types';
+import type { DSSkeletonT } from './react-desc-prop-types.js';
 export declare const DSSkeleton: React.ComponentType<DSSkeletonT.Props>;
-export declare const DSSkeletonWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<DSSkeletonT.Props>;
+export declare const DSSkeletonWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSSkeletonT.Props>;

package/dist/types/exported-related/index.d.ts

@@ -1 +1 @@
-export * from './theming';
+export * from './theming.js';

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DSSkeleton';
-export * from './exported-related';
+export * from './DSSkeleton.js';
+export * from './exported-related/index.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -1,5 +1,5 @@
 import type { WeakValidationMap } from 'react';
-import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';
+import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
 export declare namespace DSSkeletonT {
     interface IProps {
         variant: 'circular' | 'rectangular' | 'text';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-skeleton",
-  "version": "3.15.0",
+  "version": "3.16.0-next.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Skeleton UI",
   "files": [
@@ -35,8 +35,9 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-system": "3.15.0",
-    "@elliemae/ds-utilities": "3.15.0"
+    "@elliemae/ds-props-helpers": "3.16.0-next.10",
+    "@elliemae/ds-system": "3.16.0-next.10",
+    "@elliemae/ds-utilities": "3.16.0-next.10"
   },
   "devDependencies": {
     "styled-components": "~5.3.6"
@@ -57,7 +58,7 @@
     "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
     "dts": "node ../../scripts/dts.mjs",
     "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/*\""
   }