@elliemae/ds-skeleton 3.50.1-next.9 → 3.51.0-beta.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 (5) hide show
  1. package/dist/cjs/styled/components.js +1 -0
  2. package/dist/cjs/styled/components.js.map +2 -2
  3. package/dist/esm/styled/components.js +1 -0
  4. package/dist/esm/styled/components.js.map +2 -2
  5. package/package.json +9 -9
package/dist/cjs/styled/components.js CHANGED
@@ -46,6 +46,7 @@ const StyledSkeleton = (0, import_ds_system.styled)("div", {
46
46
  ${(props) => {
47
47
  if (props.variant === "circular") return import_variants.circularVariantCss;
48
48
  if (props.variant === "text") return import_variants.textVariantCss;
49
+ return "";
49
50
  }}
50
51
  ${(props) => props.withChildren ? import_variants.withChildrenCss : ""}
51
52
 
package/dist/cjs/styled/components.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/styled/components.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
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 w?: unknown;\n h?: unknown;\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
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA+C;AAC/C,8BAAgD;AAChD,uBAA8B;AAC9B,sBAAoE;AAS7D,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,wCAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,sBAGqB,oBAAG,MAAM,aAAa,CAAC;AAAA,IACzC,CAAC,UAAU;AACX,MAAI,MAAM,YAAY,WAAY,QAAO;AACzC,MAAI,MAAM,YAAY,OAAQ,QAAO;AACvC,CAAC;AAAA,IACC,CAAC,UAAW,MAAM,eAAe,kCAAkB,EAAG;AAAA;AAAA,eAE3C,8BAAa;AAAA,IACxB,mCAAkB;AAAA;",
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 w?: unknown;\n h?: unknown;\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 return '';\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
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA+C;AAC/C,8BAAgD;AAChD,uBAA8B;AAC9B,sBAAoE;AAS7D,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,wCAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,sBAGqB,oBAAG,MAAM,aAAa,CAAC;AAAA,IACzC,CAAC,UAAU;AACX,MAAI,MAAM,YAAY,WAAY,QAAO;AACzC,MAAI,MAAM,YAAY,OAAQ,QAAO;AACrC,SAAO;AACT,CAAC;AAAA,IACC,CAAC,UAAW,MAAM,eAAe,kCAAkB,EAAG;AAAA;AAAA,eAE3C,8BAAa;AAAA,IACxB,mCAAkB;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/esm/styled/components.js CHANGED
@@ -13,6 +13,7 @@ const StyledSkeleton = styled("div", {
13
13
  ${(props) => {
14
14
  if (props.variant === "circular") return circularVariantCss;
15
15
  if (props.variant === "text") return textVariantCss;
16
+ return "";
16
17
  }}
17
18
  ${(props) => props.withChildren ? withChildrenCss : ""}
18
19
 
package/dist/esm/styled/components.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/styled/components.tsx"],
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 w?: unknown;\n h?: unknown;\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
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,IAAI,0BAA0B;AAC/C,SAAS,gBAAgB,uBAAuB;AAChD,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB,gBAAgB,uBAAuB;AAS7D,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,sBAGqB,GAAG,MAAM,aAAa,CAAC;AAAA,IACzC,CAAC,UAAU;AACX,MAAI,MAAM,YAAY,WAAY,QAAO;AACzC,MAAI,MAAM,YAAY,OAAQ,QAAO;AACvC,CAAC;AAAA,IACC,CAAC,UAAW,MAAM,eAAe,kBAAkB,EAAG;AAAA;AAAA,eAE3C,aAAa;AAAA,IACxB,kBAAkB;AAAA;",
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 w?: unknown;\n h?: unknown;\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 return '';\n }}\n ${(props) => (props.withChildren ? withChildrenCss : '')}\n \n animation: ${pulseKeyframe} 1.5s ease-in-out 0.5s infinite;\n ${xStyledCommonProps}\n`;\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,IAAI,0BAA0B;AAC/C,SAAS,gBAAgB,uBAAuB;AAChD,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB,gBAAgB,uBAAuB;AAS7D,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,gBAAgB;AACxB,CAAC;AAAA;AAAA;AAAA,sBAGqB,GAAG,MAAM,aAAa,CAAC;AAAA,IACzC,CAAC,UAAU;AACX,MAAI,MAAM,YAAY,WAAY,QAAO;AACzC,MAAI,MAAM,YAAY,OAAQ,QAAO;AACrC,SAAO;AACT,CAAC;AAAA,IACC,CAAC,UAAW,MAAM,eAAe,kBAAkB,EAAG;AAAA;AAAA,eAE3C,aAAa;AAAA,IACxB,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.50.1-next.9",
3
+ "version": "3.51.0-beta.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Skeleton UI",
6
6
  "files": [
@@ -25,8 +25,8 @@
25
25
  "url": "https://git.elliemae.io/platform-ui/dimsum.git"
26
26
  },
27
27
  "engines": {
28
- "pnpm": ">=6",
29
- "node": ">=16"
28
+ "pnpm": ">=9",
29
+ "node": ">=22"
30
30
  },
31
31
  "author": "ICE MT",
32
32
  "jestSonar": {
@@ -36,18 +36,18 @@
36
36
  "indent": 4
37
37
  },
38
38
  "dependencies": {
39
- "@elliemae/ds-props-helpers": "3.50.1-next.9",
40
- "@elliemae/ds-system": "3.50.1-next.9"
39
+ "@elliemae/ds-props-helpers": "3.51.0-beta.2",
40
+ "@elliemae/ds-system": "3.51.0-beta.2"
41
41
  },
42
42
  "devDependencies": {
43
- "@elliemae/pui-cli": "9.0.0-next.31",
43
+ "@elliemae/pui-cli": "9.0.0-next.55",
44
44
  "jest": "~29.7.0",
45
45
  "styled-components": "~5.3.9",
46
- "@elliemae/ds-monorepo-devops": "3.50.1-next.9"
46
+ "@elliemae/ds-monorepo-devops": "3.51.0-beta.2"
47
47
  },
48
48
  "peerDependencies": {
49
- "react": "^17.0.2",
50
- "react-dom": "^17.0.2",
49
+ "react": "^18.3.1",
50
+ "react-dom": "^18.3.1",
51
51
  "styled-components": "~5.3.9"
52
52
  },
53
53
  "publishConfig": {