@elliemae/ds-skeleton 3.3.1-rc.0 → 3.3.1-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/esm/DSSkeleton.js +0 -1
  2. package/dist/esm/DSSkeleton.js.map +1 -1
  3. package/dist/esm/config/useSkeleton.js +0 -1
  4. package/dist/esm/config/useSkeleton.js.map +1 -1
  5. package/dist/esm/exported-related/index.js +0 -1
  6. package/dist/esm/exported-related/index.js.map +1 -1
  7. package/dist/esm/exported-related/theming.js +0 -1
  8. package/dist/esm/exported-related/theming.js.map +1 -1
  9. package/dist/esm/index.js +0 -1
  10. package/dist/esm/index.js.map +1 -1
  11. package/dist/esm/react-desc-prop-types.js +0 -1
  12. package/dist/esm/react-desc-prop-types.js.map +1 -1
  13. package/dist/esm/styled/animation.js +0 -1
  14. package/dist/esm/styled/animation.js.map +1 -1
  15. package/dist/esm/styled/components.js +0 -1
  16. package/dist/esm/styled/components.js.map +1 -1
  17. package/dist/esm/styled/variants.js +0 -1
  18. package/dist/esm/styled/variants.js.map +1 -1
  19. package/package.json +3 -3
package/dist/esm/DSSkeleton.js CHANGED
@@ -1,4 +1,3 @@
1
- "use strict";
2
1
  import * as React from "react";
3
2
  import { describe } from "@elliemae/ds-utilities";
4
3
  import { StyledSkeleton } from "./styled/components";
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;AAAA,IAAgB,GAAG;AAAA,IAAmB,GAAG;AAAA,IAAc;AAAA,IAAkB;AAAA,GAA4B;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;AAAA,IAAgB,GAAG;AAAA,IAAmB,GAAG;AAAA,IAAc;AAAA,IAAkB;AAAA,GAA4B;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,4 +1,3 @@
1
- "use strict";
2
1
  import * as React from "react";
3
2
  import {
4
3
  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,4 +1,3 @@
1
- "use strict";
2
1
  import * as React from "react";
3
2
  export * from "./theming";
4
3
  //# 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,4 +1,3 @@
1
- "use strict";
2
1
  import * as React from "react";
3
2
  const DSSkeletonName = "ds-input-text";
4
3
  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,4 +1,3 @@
1
- "use strict";
2
1
  import * as React from "react";
3
2
  export * from "./DSSkeleton";
4
3
  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,4 +1,3 @@
1
- "use strict";
2
1
  import * as React from "react";
3
2
  import {
4
3
  PropTypes,
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;AAAA,EACjC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,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;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": []
7
7
  }
package/dist/esm/styled/animation.js CHANGED
@@ -1,4 +1,3 @@
1
- "use strict";
2
1
  import * as React from "react";
3
2
  import { kfrm } from "@elliemae/ds-system";
4
3
  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,4 +1,3 @@
1
- "use strict";
2
1
  import * as React from "react";
3
2
  import { styled, th, layout, space, sizing } from "@elliemae/ds-system";
4
3
  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,4 +1,3 @@
1
- "use strict";
2
1
  import * as React from "react";
3
2
  import { css } from "@elliemae/ds-system";
4
3
  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.3.1-rc.0",
3
+ "version": "3.3.1-rc.1",
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.3.1-rc.0",
39
- "@elliemae/ds-utilities": "3.3.1-rc.0",
38
+ "@elliemae/ds-system": "3.3.1-rc.1",
39
+ "@elliemae/ds-utilities": "3.3.1-rc.1",
40
40
  "@xstyled/styled-components": "~3.6.0"
41
41
  },
42
42
  "devDependencies": {