@elliemae/ds-skeleton 3.22.0-next.8 → 3.22.0-rc.1

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 (19) hide show
  1. package/dist/cjs/DSSkeleton.js.map +1 -1
  2. package/dist/cjs/config/useSkeleton.js.map +1 -1
  3. package/dist/cjs/exported-related/index.js.map +1 -1
  4. package/dist/cjs/exported-related/theming.js.map +1 -1
  5. package/dist/cjs/index.js.map +1 -1
  6. package/dist/cjs/react-desc-prop-types.js.map +1 -1
  7. package/dist/cjs/styled/animation.js.map +1 -1
  8. package/dist/cjs/styled/components.js.map +1 -1
  9. package/dist/cjs/styled/variants.js.map +1 -1
  10. package/dist/esm/DSSkeleton.js.map +1 -1
  11. package/dist/esm/config/useSkeleton.js.map +1 -1
  12. package/dist/esm/exported-related/index.js.map +1 -1
  13. package/dist/esm/exported-related/theming.js.map +1 -1
  14. package/dist/esm/index.js.map +1 -1
  15. package/dist/esm/react-desc-prop-types.js.map +1 -1
  16. package/dist/esm/styled/animation.js.map +1 -1
  17. package/dist/esm/styled/components.js.map +1 -1
  18. package/dist/esm/styled/variants.js.map +1 -1
  19. package/package.json +12 -12
package/dist/cjs/DSSkeleton.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/DSSkeleton.tsx", "../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../src/DSSkeleton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "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"],
5
5
  "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;",
6
6
  "names": []
package/dist/cjs/config/useSkeleton.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/config/useSkeleton.ts", "../../../../../scripts/build/transpile/react-shim.js"],
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-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"],
5
5
  "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;",
6
6
  "names": []
package/dist/cjs/exported-related/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/exported-related/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../../src/exported-related/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export * from './theming.js';\n", "import * as React from 'react';\nexport { React };\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,yBAAd;",
6
6
  "names": []
package/dist/cjs/exported-related/theming.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/exported-related/theming.ts", "../../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../../src/exported-related/theming.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export const DSSkeletonName = 'DSSkeleton';\n\nexport const DSSkeletonSlots = {\n ROOT: 'root',\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AACR;",
6
6
  "names": []
package/dist/cjs/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/index.ts", "../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export * from './DSSkeleton.js';\nexport * from './exported-related/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,4BAAd;AACA,wBAAc,wCADd;",
6
6
  "names": []
package/dist/cjs/react-desc-prop-types.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "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"],
5
5
  "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;",
6
6
  "names": []
package/dist/cjs/styled/animation.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/styled/animation.ts", "../../../../../scripts/build/transpile/react-shim.js"],
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`;\n", "import * as React from 'react';\nexport { React };\n"],
5
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": []
package/dist/cjs/styled/components.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/styled/components.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../../src/styled/components.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "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"],
5
5
  "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;",
6
6
  "names": []
package/dist/cjs/styled/variants.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/styled/variants.ts", "../../../../../scripts/build/transpile/react-shim.js"],
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
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,EAAE,MAAO,CAAC,IAAI,wBAAwB;AAAA,IACzC,CAAC,EAAE,EAAE,MAAO,CAAC,IAAI,kBAAkB;AAAA;",
6
6
  "names": []
package/dist/esm/DSSkeleton.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSkeleton.tsx"],
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-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"],
5
5
  "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;",
6
6
  "names": []
package/dist/esm/config/useSkeleton.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useSkeleton.ts"],
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-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"],
5
5
  "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;",
6
6
  "names": []
package/dist/esm/exported-related/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.ts"],
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.js';\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
6
6
  "names": []
package/dist/esm/exported-related/theming.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/theming.ts"],
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 = 'DSSkeleton';\n\nexport const DSSkeletonSlots = {\n ROOT: 'root',\n};\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AACR;",
6
6
  "names": []
package/dist/esm/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
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.js';\nexport * from './exported-related/index.js';\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
6
6
  "names": []
package/dist/esm/react-desc-prop-types.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
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 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"],
5
5
  "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;",
6
6
  "names": []
package/dist/esm/styled/animation.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/styled/animation.ts"],
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`;\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY;AAEd,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
6
6
  "names": []
package/dist/esm/styled/components.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/styled/components.tsx"],
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, 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"],
5
5
  "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;",
6
6
  "names": []
package/dist/esm/styled/variants.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/styled/variants.ts"],
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
5
  "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;",
6
6
  "names": []
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-skeleton",
3
- "version": "3.22.0-next.8",
3
+ "version": "3.22.0-rc.1",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Skeleton UI",
6
6
  "files": [
@@ -35,14 +35,14 @@
35
35
  "indent": 4
36
36
  },
37
37
  "dependencies": {
38
- "@elliemae/ds-props-helpers": "3.22.0-next.8",
39
- "@elliemae/ds-system": "3.22.0-next.8",
40
- "@elliemae/ds-utilities": "3.22.0-next.8"
38
+ "@elliemae/ds-props-helpers": "3.22.0-rc.1",
39
+ "@elliemae/ds-utilities": "3.22.0-rc.1",
40
+ "@elliemae/ds-system": "3.22.0-rc.1"
41
41
  },
42
42
  "devDependencies": {
43
- "@elliemae/pui-cli": "~9.0.0-next.17",
43
+ "@elliemae/pui-cli": "~9.0.0-next.22",
44
44
  "styled-components": "~5.3.9",
45
- "@elliemae/ds-monorepo-devops": "3.22.0-next.8"
45
+ "@elliemae/ds-monorepo-devops": "3.22.0-rc.1"
46
46
  },
47
47
  "peerDependencies": {
48
48
  "react": "^17.0.2",
@@ -54,14 +54,14 @@
54
54
  "typeSafety": false
55
55
  },
56
56
  "scripts": {
57
- "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
57
+ "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
58
58
  "test": "pui-cli test --passWithNoTests",
59
- "lint": "node ../../scripts/lint.mjs",
60
- "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
61
- "dts": "node ../../scripts/dts.mjs",
62
- "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
59
+ "lint": "node ../../../scripts/lint.mjs",
60
+ "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
61
+ "dts": "node ../../../scripts/dts.mjs",
62
+ "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
63
63
  "dev:build": "pnpm --filter {.}... build",
64
64
  "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
65
- "checkDeps": "npm exec ../ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
65
+ "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
66
66
  }
67
67
  }