@elliemae/ds-legacy-skeleton 1.0.0-rc.1

package/dist/cjs/DSSkeleton.js

@@ -0,0 +1,54 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSSkeleton_exports = {};
+__export(DSSkeleton_exports, {
+  DSSkeleton: () => DSSkeleton,
+  DSSkeletonWithSchema: () => DSSkeletonWithSchema
+});
+module.exports = __toCommonJS(DSSkeleton_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-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 },
+    withChildren,
+    xstyledProps,
+    globalAttributes
+  } = (0, import_useSkeleton.useSkeleton)(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.StyledSkeleton, { ...globalAttributes, ...xstyledProps, variant, withChildren, as: "span" });
+};
+DSSkeleton.propTypes = import_react_desc_prop_types.DSSkeletonPropTypes;
+DSSkeleton.displayName = "DSSkeleton";
+const DSSkeletonWithSchema = (0, import_ds_legacy_props_helpers.describe)(DSSkeleton);
+DSSkeletonWithSchema.propTypes = import_react_desc_prop_types.DSSkeletonPropTypes;
+//# sourceMappingURL=DSSkeleton.js.map

package/dist/cjs/DSSkeleton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSSkeleton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { describe } from '@elliemae/ds-legacy-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,qCAAyB;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,yCAAS,UAAU;AACvD,qBAAqB,YAAY;",
+  "names": []
+}

package/dist/cjs/config/useSkeleton.js

@@ -0,0 +1,45 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useSkeleton_exports = {};
+__export(useSkeleton_exports, {
+  useSkeleton: () => useSkeleton
+});
+module.exports = __toCommonJS(useSkeleton_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-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_legacy_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
+  (0, import_ds_legacy_props_helpers.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.DSSkeletonPropTypes, import_exported_related.DSSkeletonName);
+  const globalAttributes = (0, import_ds_legacy_props_helpers.useGetGlobalAttributes)(propsWithDefault);
+  const xstyledProps = (0, import_ds_legacy_props_helpers.useGetXstyledProps)(propsWithDefault);
+  return { propsWithDefault, globalAttributes, xstyledProps, withChildren: !!propsWithDefault.children };
+};
+//# sourceMappingURL=useSkeleton.js.map

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

@@ -0,0 +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-legacy-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,qCAKO;AACP,8BAA+B;AAE/B,mCAAkD;AAE3C,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,uBAAmB,6DAA6B,OAAO,yCAAY;AACzE,qEAA+B,OAAO,kDAAqB,sCAAc;AAEzE,QAAM,uBAAmB,uDAAuB,gBAAgB;AAChE,QAAM,mBAAe,mDAAmB,gBAAgB;AAExD,SAAO,EAAE,kBAAkB,kBAAkB,cAAc,cAAc,CAAC,CAAC,iBAAiB,SAAS;AACvG;",
+  "names": []
+}

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

@@ -0,0 +1,30 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var exported_related_exports = {};
+module.exports = __toCommonJS(exported_related_exports);
+var React = __toESM(require("react"));
+__reExport(exported_related_exports, require("./theming.js"), module.exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "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/exported-related/theming.js

@@ -0,0 +1,40 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var theming_exports = {};
+__export(theming_exports, {
+  DSSkeletonName: () => DSSkeletonName,
+  DSSkeletonSlots: () => DSSkeletonSlots
+});
+module.exports = __toCommonJS(theming_exports);
+var React = __toESM(require("react"));
+const DSSkeletonName = "DSSkeleton";
+const DSSkeletonSlots = {
+  ROOT: "root"
+};
+//# sourceMappingURL=theming.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported-related/theming.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSSkeletonName = 'DSSkeleton';\n\nexport const DSSkeletonSlots = {\n  ROOT: 'root',\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,MAAM;AACR;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,31 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+__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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "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

@@ -0,0 +1,45 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSSkeletonPropTypes: () => DSSkeletonPropTypes,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+const defaultProps = {
+  variant: "text"
+};
+const DSSkeletonPropTypes = {
+  ...import_ds_legacy_props_helpers.globalAttributesPropTypes,
+  ...import_ds_legacy_props_helpers.xstyledPropTypes,
+  variant: import_ds_legacy_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

@@ -0,0 +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 {} from '@elliemae/ds-legacy-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-legacy-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-legacy-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,qCAAuE;AAUhE,MAAM,eAAkC;AAAA,EAC7C,SAAS;AACX;AAEO,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS,yCAAU,MAAM,CAAC,YAAY,eAAe,MAAM,CAAC,EACzD,YAAY,0BAA0B,EACtC,aAAa,MAAM;AACxB;",
+  "names": []
+}

package/dist/cjs/styled/animation.js

@@ -0,0 +1,47 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var animation_exports = {};
+__export(animation_exports, {
+  pulseKeyframe: () => pulseKeyframe
+});
+module.exports = __toCommonJS(animation_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
+const pulseKeyframe = import_ds_legacy_system.kfrm`
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+`;
+//# sourceMappingURL=animation.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styled/animation.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { kfrm } from '@elliemae/ds-legacy-system';\n\nexport const pulseKeyframe = kfrm`\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAqB;AAEd,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/styled/components.js

@@ -0,0 +1,57 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var components_exports = {};
+__export(components_exports, {
+  StyledSkeleton: () => StyledSkeleton
+});
+module.exports = __toCommonJS(components_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
+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_legacy_system.styled)("div", {
+  name: import_exported_related.DSSkeletonName,
+  slot: import_exported_related.DSSkeletonSlots.ROOT
+})`
+  display: block;
+  height: 20px;
+  background-color: ${import_ds_legacy_system.th.color("neutral-400")}2f;
+  ${(props) => {
+  if (props.variant === "circular")
+    return import_variants.circularVariantCss;
+  if (props.variant === "text")
+    return import_variants.textVariantCss;
+}}
+  ${(props) => props.withChildren ? import_variants.withChildrenCss : ""}
+  
+  animation: ${import_animation.pulseKeyframe} 1.5s ease-in-out 0.5s infinite;
+  ${import_ds_legacy_system.xStyledCommonProps}
+`;
+//# sourceMappingURL=components.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styled/components.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { styled, th, xStyledCommonProps } from '@elliemae/ds-legacy-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,8BAA+C;AAC/C,8BAAgD;AAChD,uBAA8B;AAC9B,sBAAoE;AAO7D,MAAM,qBAAiB,gCAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,wCAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,sBAGqB,2BAAG,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/cjs/styled/variants.js

@@ -0,0 +1,60 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var variants_exports = {};
+__export(variants_exports, {
+  circularVariantCss: () => circularVariantCss,
+  textVariantCss: () => textVariantCss,
+  withChildrenCss: () => withChildrenCss
+});
+module.exports = __toCommonJS(variants_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
+const textVariantCss = import_ds_legacy_system.css`
+  margin-top: 0;
+  margin-bottom: 0;
+  height: auto;
+  transform-origin: 0 55%;
+  transform: scale(1, 0.6);
+  border-radius: 4px/4%;
+  &:empty:before {
+    content: '\\00a0';
+  }
+`;
+const circularVariantCss = import_ds_legacy_system.css`
+  border-radius: 50%;
+`;
+const withChildrenCss = import_ds_legacy_system.css`
+  & > * {
+    visibility: hidden;
+  }
+
+  ${({ w }) => !w ? "width: fit-content;" : ""}
+  ${({ h }) => !h ? "height: auto;" : ""}
+`;
+//# sourceMappingURL=variants.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/styled/variants.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { css } from '@elliemae/ds-legacy-system';\n\nexport const textVariantCss = css`\n  margin-top: 0;\n  margin-bottom: 0;\n  height: auto;\n  transform-origin: 0 55%;\n  transform: scale(1, 0.6);\n  border-radius: 4px/4%;\n  &:empty:before {\n    content: '\\\\00a0';\n  }\n`;\n\nexport const circularVariantCss = css`\n  border-radius: 50%;\n`;\n\nexport const withChildrenCss = css<{ w: unknown; h: unknown }>`\n  & > * {\n    visibility: hidden;\n  }\n\n  ${({ w }) => (!w ? 'width: fit-content;' : '')}\n  ${({ h }) => (!h ? 'height: auto;' : '')}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAoB;AAEb,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYvB,MAAM,qBAAqB;AAAA;AAAA;AAI3B,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,IAK3B,CAAC,EAAE,EAAE,MAAO,CAAC,IAAI,wBAAwB;AAAA,IACzC,CAAC,EAAE,EAAE,MAAO,CAAC,IAAI,kBAAkB;AAAA;",
+  "names": []
+}

package/dist/esm/DSSkeleton.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-legacy-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 },
+    withChildren,
+    xstyledProps,
+    globalAttributes
+  } = useSkeleton(props);
+  return /* @__PURE__ */ jsx(StyledSkeleton, { ...globalAttributes, ...xstyledProps, variant, withChildren, as: "span" });
+};
+DSSkeleton.propTypes = DSSkeletonPropTypes;
+DSSkeleton.displayName = "DSSkeleton";
+const DSSkeletonWithSchema = describe(DSSkeleton);
+DSSkeletonWithSchema.propTypes = DSSkeletonPropTypes;
+export {
+  DSSkeleton,
+  DSSkeletonWithSchema
+};
+//# sourceMappingURL=DSSkeleton.js.map

package/dist/esm/DSSkeleton.js.map

@@ -0,0 +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-legacy-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

@@ -0,0 +1,20 @@
+import * as React from "react";
+import {
+  useMemoMergePropsWithDefault,
+  useGetGlobalAttributes,
+  useGetXstyledProps,
+  useValidateTypescriptPropTypes
+} from "@elliemae/ds-legacy-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);
+  const globalAttributes = useGetGlobalAttributes(propsWithDefault);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  return { propsWithDefault, globalAttributes, xstyledProps, withChildren: !!propsWithDefault.children };
+};
+export {
+  useSkeleton
+};
+//# sourceMappingURL=useSkeleton.js.map

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

@@ -0,0 +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-legacy-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

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

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

@@ -0,0 +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.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
+  "names": []
+}

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+const DSSkeletonName = "DSSkeleton";
+const DSSkeletonSlots = {
+  ROOT: "root"
+};
+export {
+  DSSkeletonName,
+  DSSkeletonSlots
+};
+//# sourceMappingURL=theming.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/theming.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSSkeletonName = 'DSSkeleton';\n\nexport const DSSkeletonSlots = {\n  ROOT: 'root',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AACR;",
+  "names": []
+}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -0,0 +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.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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-legacy-props-helpers";
+const defaultProps = {
+  variant: "text"
+};
+const DSSkeletonPropTypes = {
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  variant: PropTypes.oneOf(["circular", "rectangular", "text"]).description("Variant for the skeleton").defaultValue("text")
+};
+export {
+  DSSkeletonPropTypes,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +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 {} from '@elliemae/ds-legacy-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-legacy-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-legacy-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/animation.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { kfrm } from "@elliemae/ds-legacy-system";
+const pulseKeyframe = kfrm`
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+`;
+export {
+  pulseKeyframe
+};
+//# sourceMappingURL=animation.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/styled/animation.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { kfrm } from '@elliemae/ds-legacy-system';\n\nexport const pulseKeyframe = kfrm`\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY;AAEd,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/styled/components.js

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { styled, th, xStyledCommonProps } from "@elliemae/ds-legacy-system";
+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
+})`
+  display: block;
+  height: 20px;
+  background-color: ${th.color("neutral-400")}2f;
+  ${(props) => {
+  if (props.variant === "circular")
+    return circularVariantCss;
+  if (props.variant === "text")
+    return textVariantCss;
+}}
+  ${(props) => props.withChildren ? withChildrenCss : ""}
+  
+  animation: ${pulseKeyframe} 1.5s ease-in-out 0.5s infinite;
+  ${xStyledCommonProps}
+`;
+export {
+  StyledSkeleton
+};
+//# sourceMappingURL=components.js.map

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

@@ -0,0 +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-legacy-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/esm/styled/variants.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { css } from "@elliemae/ds-legacy-system";
+const textVariantCss = css`
+  margin-top: 0;
+  margin-bottom: 0;
+  height: auto;
+  transform-origin: 0 55%;
+  transform: scale(1, 0.6);
+  border-radius: 4px/4%;
+  &:empty:before {
+    content: '\\00a0';
+  }
+`;
+const circularVariantCss = css`
+  border-radius: 50%;
+`;
+const withChildrenCss = css`
+  & > * {
+    visibility: hidden;
+  }
+
+  ${({ w }) => !w ? "width: fit-content;" : ""}
+  ${({ h }) => !h ? "height: auto;" : ""}
+`;
+export {
+  circularVariantCss,
+  textVariantCss,
+  withChildrenCss
+};
+//# sourceMappingURL=variants.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/styled/variants.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { css } from '@elliemae/ds-legacy-system';\n\nexport const textVariantCss = css`\n  margin-top: 0;\n  margin-bottom: 0;\n  height: auto;\n  transform-origin: 0 55%;\n  transform: scale(1, 0.6);\n  border-radius: 4px/4%;\n  &:empty:before {\n    content: '\\\\00a0';\n  }\n`;\n\nexport const circularVariantCss = css`\n  border-radius: 50%;\n`;\n\nexport const withChildrenCss = css<{ w: unknown; h: unknown }>`\n  & > * {\n    visibility: hidden;\n  }\n\n  ${({ w }) => (!w ? 'width: fit-content;' : '')}\n  ${({ h }) => (!h ? 'height: auto;' : '')}\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW;AAEb,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYvB,MAAM,qBAAqB;AAAA;AAAA;AAI3B,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,IAK3B,CAAC,EAAE,EAAE,MAAO,CAAC,IAAI,wBAAwB;AAAA,IACzC,CAAC,EAAE,EAAE,MAAO,CAAC,IAAI,kBAAkB;AAAA;",
+  "names": []
+}

package/dist/types/DSSkeleton.d.ts

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

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

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

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

@@ -0,0 +1,4 @@
+export declare const DSSkeletonName = "DSSkeleton";
+export declare const DSSkeletonSlots: {
+    ROOT: string;
+};

package/dist/types/index.d.ts

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

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

@@ -0,0 +1,11 @@
+import type { WeakValidationMap } from 'react';
+import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-legacy-props-helpers';
+export declare namespace DSSkeletonT {
+    interface IProps {
+        variant?: 'circular' | 'rectangular' | 'text';
+    }
+    interface Props extends IProps, Omit<GlobalAttributesT<HTMLSpanElement>, keyof IProps>, XstyledProps {
+    }
+}
+export declare const defaultProps: DSSkeletonT.Props;
+export declare const DSSkeletonPropTypes: WeakValidationMap<unknown>;

package/dist/types/styled/animation.d.ts

@@ -0,0 +1 @@
+export declare const pulseKeyframe: import("styled-components").Keyframes;

package/dist/types/styled/components.d.ts

@@ -0,0 +1,6 @@
+interface StyledSkeletonProps {
+    variant: 'circular' | 'rectangular' | 'text';
+    withChildren: boolean;
+}
+export declare const StyledSkeleton: import("styled-components").StyledComponent<"div", import("@elliemae/ds-legacy-system").Theme, StyledSkeletonProps & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export {};

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@elliemae/ds-legacy-skeleton",
+  "version": "1.0.0-rc.1",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Skeleton UI",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum-legacy.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@elliemae/ds-legacy-props-helpers": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-system": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-utilities": "1.0.0-rc.1"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.31",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-legacy-monorepo-devops": "1.0.0-rc.1"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "pui-cli test --passWithNoTests",
+    "lint": "node ../../../scripts/lint.mjs",
+    "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",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}