@elliemae/ds-skeleton 3.2.0 → 3.2.1-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/cjs/DSSkeleton.js +1 -0
  2. package/dist/cjs/DSSkeleton.js.map +1 -1
  3. package/dist/cjs/config/useSkeleton.js +1 -0
  4. package/dist/cjs/config/useSkeleton.js.map +1 -1
  5. package/dist/cjs/exported-related/index.js +1 -0
  6. package/dist/cjs/exported-related/index.js.map +1 -1
  7. package/dist/cjs/exported-related/theming.js +1 -0
  8. package/dist/cjs/exported-related/theming.js.map +1 -1
  9. package/dist/cjs/index.js +1 -0
  10. package/dist/cjs/index.js.map +1 -1
  11. package/dist/cjs/react-desc-prop-types.js +1 -0
  12. package/dist/cjs/react-desc-prop-types.js.map +1 -1
  13. package/dist/cjs/styled/animation.js +1 -0
  14. package/dist/cjs/styled/animation.js.map +1 -1
  15. package/dist/cjs/styled/components.js +1 -0
  16. package/dist/cjs/styled/components.js.map +1 -1
  17. package/dist/cjs/styled/variants.js +1 -0
  18. package/dist/cjs/styled/variants.js.map +1 -1
  19. package/dist/esm/DSSkeleton.js +1 -0
  20. package/dist/esm/DSSkeleton.js.map +1 -1
  21. package/dist/esm/config/useSkeleton.js +1 -0
  22. package/dist/esm/config/useSkeleton.js.map +1 -1
  23. package/dist/esm/exported-related/index.js +1 -0
  24. package/dist/esm/exported-related/index.js.map +1 -1
  25. package/dist/esm/exported-related/theming.js +1 -0
  26. package/dist/esm/exported-related/theming.js.map +1 -1
  27. package/dist/esm/index.js +1 -0
  28. package/dist/esm/index.js.map +1 -1
  29. package/dist/esm/react-desc-prop-types.js +1 -0
  30. package/dist/esm/react-desc-prop-types.js.map +1 -1
  31. package/dist/esm/styled/animation.js +1 -0
  32. package/dist/esm/styled/animation.js.map +1 -1
  33. package/dist/esm/styled/components.js +1 -0
  34. package/dist/esm/styled/components.js.map +1 -1
  35. package/dist/esm/styled/variants.js +1 -0
  36. package/dist/esm/styled/variants.js.map +1 -1
  37. package/package.json +3 -3
package/dist/cjs/DSSkeleton.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __defProps = Object.defineProperties;
package/dist/cjs/DSSkeleton.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSSkeleton.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { describe } from '@elliemae/ds-utilities';\nimport { StyledSkeleton } from './styled/components';\nimport { useSkeleton } from './config/useSkeleton';\nimport { DSSkeletonPropTypes, DSSkeletonT } 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 <StyledSkeleton {...globalAttributes} {...xstyledProps} variant={variant} withChildren={withChildren} />;\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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAyB;AACzB,wBAA+B;AAC/B,yBAA4B;AAC5B,mCAAiD;AAE1C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,MACE,oCAAY,KAAK;AAErB,SAAO,oCAAC,kFAAmB,mBAAsB,eAAzC;AAAA,IAAuD;AAAA,IAAkB;AAAA,IAA4B;AAC/G;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,uBAAuB,kCAAS,UAAU;AACvD,qBAAqB,YAAY;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAyB;AACzB,wBAA+B;AAC/B,yBAA4B;AAC5B,mCAAiD;AAE1C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,MACE,oCAAY,KAAK;AAErB,SAAO,oCAAC,kFAAmB,mBAAsB,eAAzC;AAAA,IAAuD;AAAA,IAAkB;AAAA,IAA4B;AAC/G;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,uBAAuB,kCAAS,UAAU;AACvD,qBAAqB,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/cjs/config/useSkeleton.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
package/dist/cjs/config/useSkeleton.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/config/useSkeleton.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import {\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useGetXstyledProps,\n useValidateTypescriptPropTypes,\n} from '@elliemae/ds-utilities';\nimport { defaultProps, DSSkeletonPropTypes, DSSkeletonT } from '../react-desc-prop-types';\n\nexport const useSkeleton = (props: DSSkeletonT.Props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(props, DSSkeletonPropTypes);\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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAKO;AACP,mCAA+D;AAExD,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,mBAAmB,sDAA6B,OAAO,yCAAY;AACzE,0DAA+B,OAAO,gDAAmB;AAEzD,QAAM,mBAAmB,gDAAuB,gBAAgB;AAChE,QAAM,eAAe,4CAAmB,gBAAgB;AAExD,SAAO,EAAE,kBAAkB,kBAAkB,cAAc,cAAc,CAAC,CAAC,iBAAiB,SAAS;AACvG;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAKO;AACP,mCAA+D;AAExD,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,mBAAmB,sDAA6B,OAAO,yCAAY;AACzE,0DAA+B,OAAO,gDAAmB;AAEzD,QAAM,mBAAmB,gDAAuB,gBAAgB;AAChE,QAAM,eAAe,4CAAmB,gBAAgB;AAExD,SAAO,EAAE,kBAAkB,kBAAkB,cAAc,cAAc,CAAC,CAAC,iBAAiB,SAAS;AACvG;",
6
6
  "names": []
7
7
  }
package/dist/cjs/exported-related/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
package/dist/cjs/exported-related/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/exported-related/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export * from './theming';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,sBAAd;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,sBAAd;",
6
6
  "names": []
7
7
  }
package/dist/cjs/exported-related/theming.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
package/dist/cjs/exported-related/theming.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/exported-related/theming.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export const DSSkeletonName = 'ds-input-text';\n\nexport const DSSkeletonSlots = {\n ROOT: 'root',\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AACR;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AACR;",
6
6
  "names": []
7
7
  }
package/dist/cjs/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
package/dist/cjs/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export * from './DSSkeleton';\nexport * from './exported-related';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,yBAAd;AACA,wBAAc,+BADd;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,yBAAd;AACA,wBAAc,+BADd;",
6
6
  "names": []
7
7
  }
package/dist/cjs/react-desc-prop-types.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __defProps = Object.defineProperties;
package/dist/cjs/react-desc-prop-types.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { WeakValidationMap } from 'react';\nimport {\n PropTypes,\n globalAttributesPropTypes,\n xstyledPropTypes,\n GlobalAttributesT,\n XstyledProps,\n} 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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAMO;AAUA,MAAM,eAAkC;AAAA,EAC7C,SAAS;AACX;AAEO,MAAM,sBAAsB,gDAC9B,gDACA,uCAF8B;AAAA,EAGjC,SAAS,8BAAU,MAAM,CAAC,YAAY,eAAe,MAAM,CAAC,EACzD,YAAY,0BAA0B,EACtC,aAAa,MAAM;AACxB;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAMO;AAUA,MAAM,eAAkC;AAAA,EAC7C,SAAS;AACX;AAEO,MAAM,sBAAsB,gDAC9B,gDACA,uCAF8B;AAAA,EAGjC,SAAS,8BAAU,MAAM,CAAC,YAAY,eAAe,MAAM,CAAC,EACzD,YAAY,0BAA0B,EACtC,aAAa,MAAM;AACxB;",
6
6
  "names": []
7
7
  }
package/dist/cjs/styled/animation.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
package/dist/cjs/styled/animation.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/styled/animation.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { kfrm } from '@elliemae/ds-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`;", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAqB;AAEd,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAqB;AAEd,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/cjs/styled/components.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
package/dist/cjs/styled/components.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/styled/components.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { styled, th, layout, space, sizing } 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('span', { name: DSSkeletonName, slot: DSSkeletonSlots.ROOT })<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\n ${layout}\n ${space}\n ${sizing}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAkD;AAClD,8BAAgD;AAChD,uBAA8B;AAC9B,sBAAoE;AAO7D,MAAM,iBAAiB,6BAAO,QAAQ,EAAE,MAAM,wCAAgB,MAAM,wCAAgB,KAAK,CAAC;AAAA;AAAA;AAAA,sBAG3E,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;AAAA,IAEX;AAAA,IACA;AAAA,IACA;AAAA;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAkD;AAClD,8BAAgD;AAChD,uBAA8B;AAC9B,sBAAoE;AAO7D,MAAM,iBAAiB,6BAAO,QAAQ,EAAE,MAAM,wCAAgB,MAAM,wCAAgB,KAAK,CAAC;AAAA;AAAA;AAAA,sBAG3E,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;AAAA,IAEX;AAAA,IACA;AAAA,IACA;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/cjs/styled/variants.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
package/dist/cjs/styled/variants.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/styled/variants.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { css } from '@elliemae/ds-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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAoB;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,QAAS,CAAC,IAAI,wBAAwB;AAAA,IACzC,CAAC,EAAE,QAAS,CAAC,IAAI,kBAAkB;AAAA;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAoB;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,QAAS,CAAC,IAAI,wBAAwB;AAAA,IACzC,CAAC,EAAE,QAAS,CAAC,IAAI,kBAAkB;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/esm/DSSkeleton.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __defProp = Object.defineProperty;
2
3
  var __defProps = Object.defineProperties;
3
4
  var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
package/dist/esm/DSSkeleton.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSkeleton.tsx"],
4
4
  "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 { DSSkeletonPropTypes, DSSkeletonT } 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 <StyledSkeleton {...globalAttributes} {...xstyledProps} variant={variant} withChildren={withChildren} />;\n};\n\nDSSkeleton.propTypes = DSSkeletonPropTypes;\nDSSkeleton.displayName = 'DSSkeleton';\nexport const DSSkeletonWithSchema = describe(DSSkeleton);\nDSSkeletonWithSchema.propTypes = DSSkeletonPropTypes;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,MACE,YAAY,KAAK;AAErB,SAAO,oCAAC,gEAAmB,mBAAsB,eAAzC;AAAA,IAAuD;AAAA,IAAkB;AAAA,IAA4B;AAC/G;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,uBAAuB,SAAS,UAAU;AACvD,qBAAqB,YAAY;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,MACE,YAAY,KAAK;AAErB,SAAO,oCAAC,gEAAmB,mBAAsB,eAAzC;AAAA,IAAuD;AAAA,IAAkB;AAAA,IAA4B;AAC/G;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,uBAAuB,SAAS,UAAU;AACvD,qBAAqB,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/esm/config/useSkeleton.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  import * as React from "react";
2
3
  import {
3
4
  useMemoMergePropsWithDefault,
package/dist/esm/config/useSkeleton.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useSkeleton.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useGetXstyledProps,\n useValidateTypescriptPropTypes,\n} from '@elliemae/ds-utilities';\nimport { defaultProps, DSSkeletonPropTypes, DSSkeletonT } from '../react-desc-prop-types';\n\nexport const useSkeleton = (props: DSSkeletonT.Props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(props, DSSkeletonPropTypes);\n\n const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n return { propsWithDefault, globalAttributes, xstyledProps, withChildren: !!propsWithDefault.children };\n};\n"],
5
- "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEO,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,OAAO,mBAAmB;AAEzD,QAAM,mBAAmB,uBAAuB,gBAAgB;AAChE,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,SAAO,EAAE,kBAAkB,kBAAkB,cAAc,cAAc,CAAC,CAAC,iBAAiB,SAAS;AACvG;",
5
+ "mappings": ";AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEO,MAAM,cAAc,CAAC,UAA6B;AACvD,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,OAAO,mBAAmB;AAEzD,QAAM,mBAAmB,uBAAuB,gBAAgB;AAChE,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,SAAO,EAAE,kBAAkB,kBAAkB,cAAc,cAAc,CAAC,CAAC,iBAAiB,SAAS;AACvG;",
6
6
  "names": []
7
7
  }
package/dist/esm/exported-related/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  import * as React from "react";
2
3
  export * from "./theming";
3
4
  //# sourceMappingURL=index.js.map
package/dist/esm/exported-related/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './theming';\n"],
5
- "mappings": "AAAA;ACAA;",
5
+ "mappings": ";AAAA;ACAA;",
6
6
  "names": []
7
7
  }
package/dist/esm/exported-related/theming.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  import * as React from "react";
2
3
  const DSSkeletonName = "ds-input-text";
3
4
  const DSSkeletonSlots = {
package/dist/esm/exported-related/theming.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/theming.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSSkeletonName = 'ds-input-text';\n\nexport const DSSkeletonSlots = {\n ROOT: 'root',\n};\n"],
5
- "mappings": "AAAA;ACAO,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AACR;",
5
+ "mappings": ";AAAA;ACAO,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AACR;",
6
6
  "names": []
7
7
  }
package/dist/esm/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  import * as React from "react";
2
3
  export * from "./DSSkeleton";
3
4
  export * from "./exported-related";
package/dist/esm/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSSkeleton';\nexport * from './exported-related';\n"],
5
- "mappings": "AAAA;ACAA;AACA;",
5
+ "mappings": ";AAAA;ACAA;AACA;",
6
6
  "names": []
7
7
  }
package/dist/esm/react-desc-prop-types.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __defProp = Object.defineProperty;
2
3
  var __defProps = Object.defineProperties;
3
4
  var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
package/dist/esm/react-desc-prop-types.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { WeakValidationMap } from 'react';\nimport {\n PropTypes,\n globalAttributesPropTypes,\n xstyledPropTypes,\n GlobalAttributesT,\n XstyledProps,\n} 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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AAAA;AAAA;AAAA;AAAA;AAgBO,MAAM,eAAkC;AAAA,EAC7C,SAAS;AACX;AAEO,MAAM,sBAAsB,gDAC9B,4BACA,mBAF8B;AAAA,EAGjC,SAAS,UAAU,MAAM,CAAC,YAAY,eAAe,MAAM,CAAC,EACzD,YAAY,0BAA0B,EACtC,aAAa,MAAM;AACxB;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AAAA;AAAA;AAAA;AAAA;AAgBO,MAAM,eAAkC;AAAA,EAC7C,SAAS;AACX;AAEO,MAAM,sBAAsB,gDAC9B,4BACA,mBAF8B;AAAA,EAGjC,SAAS,UAAU,MAAM,CAAC,YAAY,eAAe,MAAM,CAAC,EACzD,YAAY,0BAA0B,EACtC,aAAa,MAAM;AACxB;",
6
6
  "names": []
7
7
  }
package/dist/esm/styled/animation.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  import * as React from "react";
2
3
  import { kfrm } from "@elliemae/ds-system";
3
4
  const pulseKeyframe = kfrm`
package/dist/esm/styled/animation.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/styled/animation.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { kfrm } from '@elliemae/ds-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`;"],
5
- "mappings": "AAAA;ACAA;AAEO,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
5
+ "mappings": ";AAAA;ACAA;AAEO,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/esm/styled/components.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  import * as React from "react";
2
3
  import { styled, th, layout, space, sizing } from "@elliemae/ds-system";
3
4
  import { DSSkeletonName, DSSkeletonSlots } from "../exported-related";
package/dist/esm/styled/components.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/styled/components.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, th, layout, space, sizing } 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('span', { name: DSSkeletonName, slot: DSSkeletonSlots.ROOT })<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\n ${layout}\n ${space}\n ${sizing}\n`;\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAOO,MAAM,iBAAiB,OAAO,QAAQ,EAAE,MAAM,gBAAgB,MAAM,gBAAgB,KAAK,CAAC;AAAA;AAAA;AAAA,sBAG3E,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;AAAA,IAEX;AAAA,IACA;AAAA,IACA;AAAA;",
5
+ "mappings": ";AAAA;ACAA;AACA;AACA;AACA;AAOO,MAAM,iBAAiB,OAAO,QAAQ,EAAE,MAAM,gBAAgB,MAAM,gBAAgB,KAAK,CAAC;AAAA;AAAA;AAAA,sBAG3E,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;AAAA,IAEX;AAAA,IACA;AAAA,IACA;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/esm/styled/variants.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  import * as React from "react";
2
3
  import { css } from "@elliemae/ds-system";
3
4
  const textVariantCss = css`
package/dist/esm/styled/variants.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/styled/variants.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { css } from '@elliemae/ds-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"],
5
- "mappings": "AAAA;ACAA;AAEO,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,QAAS,CAAC,IAAI,wBAAwB;AAAA,IACzC,CAAC,EAAE,QAAS,CAAC,IAAI,kBAAkB;AAAA;",
5
+ "mappings": ";AAAA;ACAA;AAEO,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,QAAS,CAAC,IAAI,wBAAwB;AAAA,IACzC,CAAC,EAAE,QAAS,CAAC,IAAI,kBAAkB;AAAA;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-skeleton",
3
- "version": "3.2.0",
3
+ "version": "3.2.1-rc.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Read More",
6
6
  "files": [
@@ -35,8 +35,8 @@
35
35
  "indent": 4
36
36
  },
37
37
  "dependencies": {
38
- "@elliemae/ds-system": "3.2.0",
39
- "@elliemae/ds-utilities": "3.2.0",
38
+ "@elliemae/ds-system": "3.2.1-rc.2",
39
+ "@elliemae/ds-utilities": "3.2.1-rc.2",
40
40
  "@xstyled/styled-components": "~3.6.0"
41
41
  },
42
42
  "devDependencies": {