@elliemae/ds-square-indicator 3.1.0-next.2 → 3.1.0-next.3
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.
- package/dist/cjs/styled.js +9 -9
- package/dist/cjs/styled.js.map +2 -2
- package/dist/esm/styled.js +1 -1
- package/dist/esm/styled.js.map +1 -1
- package/package.json +16 -13
package/dist/cjs/styled.js
CHANGED
|
@@ -27,10 +27,10 @@ __export(styled_exports, {
|
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(styled_exports);
|
|
29
29
|
var React = __toESM(require("react"));
|
|
30
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
31
30
|
var import_ds_system = require("@elliemae/ds-system");
|
|
31
|
+
var import_ds_system2 = require("@elliemae/ds-system");
|
|
32
32
|
var import_constants = require("./constants");
|
|
33
|
-
const lineLeftAnimation =
|
|
33
|
+
const lineLeftAnimation = import_ds_system2.kfrm`
|
|
34
34
|
0% {
|
|
35
35
|
y: 100%;
|
|
36
36
|
height: 100%;
|
|
@@ -44,7 +44,7 @@ const lineLeftAnimation = import_ds_system.kfrm`
|
|
|
44
44
|
height: 100%;
|
|
45
45
|
}
|
|
46
46
|
`;
|
|
47
|
-
const lineTopAnimation =
|
|
47
|
+
const lineTopAnimation = import_ds_system2.kfrm`
|
|
48
48
|
0% {
|
|
49
49
|
x: -100%;
|
|
50
50
|
width: 0%;
|
|
@@ -58,7 +58,7 @@ const lineTopAnimation = import_ds_system.kfrm`
|
|
|
58
58
|
width: 200%;
|
|
59
59
|
}
|
|
60
60
|
`;
|
|
61
|
-
const lineRightAnimation =
|
|
61
|
+
const lineRightAnimation = import_ds_system2.kfrm`
|
|
62
62
|
0%, 12.5% {
|
|
63
63
|
y: -100%;
|
|
64
64
|
height: 0%;
|
|
@@ -72,7 +72,7 @@ const lineRightAnimation = import_ds_system.kfrm`
|
|
|
72
72
|
height: 200%;
|
|
73
73
|
}
|
|
74
74
|
`;
|
|
75
|
-
const lineBottomAnimation =
|
|
75
|
+
const lineBottomAnimation = import_ds_system2.kfrm`
|
|
76
76
|
0%, 25% {
|
|
77
77
|
x: 200%;
|
|
78
78
|
width: 200%;
|
|
@@ -86,28 +86,28 @@ const lineBottomAnimation = import_ds_system.kfrm`
|
|
|
86
86
|
width: 200%;
|
|
87
87
|
}
|
|
88
88
|
`;
|
|
89
|
-
const StyledLineLeft =
|
|
89
|
+
const StyledLineLeft = import_ds_system.styled.rect`
|
|
90
90
|
x: 0;
|
|
91
91
|
y: 0%;
|
|
92
92
|
width: ${({ size }) => import_constants.sizeToWeight[size]};
|
|
93
93
|
height: 100%;
|
|
94
94
|
animation: ${lineLeftAnimation} ${({ __duration }) => __duration}s linear 0s infinite;
|
|
95
95
|
`;
|
|
96
|
-
const StyledLineTop =
|
|
96
|
+
const StyledLineTop = import_ds_system.styled.rect`
|
|
97
97
|
x: -100%;
|
|
98
98
|
y: 0;
|
|
99
99
|
width: 200%;
|
|
100
100
|
height: ${({ size }) => import_constants.sizeToWeight[size]};
|
|
101
101
|
animation: ${lineTopAnimation} ${({ __duration }) => __duration}s linear 0s infinite;
|
|
102
102
|
`;
|
|
103
|
-
const StyledLineRight =
|
|
103
|
+
const StyledLineRight = import_ds_system.styled.rect`
|
|
104
104
|
x: calc(100% - ${({ size }) => import_constants.sizeToWeight[size]});
|
|
105
105
|
y: -100%;
|
|
106
106
|
width: ${({ size }) => import_constants.sizeToWeight[size]};
|
|
107
107
|
height: 200%;
|
|
108
108
|
animation: ${lineRightAnimation} ${({ __duration }) => __duration}s linear 0s infinite;
|
|
109
109
|
`;
|
|
110
|
-
const StyledLineBottom =
|
|
110
|
+
const StyledLineBottom = import_ds_system.styled.rect`
|
|
111
111
|
x: 0%;
|
|
112
112
|
y: calc(100% - ${({ size }) => import_constants.sizeToWeight[size]});
|
|
113
113
|
width: 200%;
|
package/dist/cjs/styled.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB
|
|
4
|
+
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { kfrm } from '@elliemae/ds-system';\nimport { DSSquareIndicatorT } from './react-desc-prop-types';\nimport { sizeToWeight } from './constants';\n\ninterface RectProps {\n size: Required<DSSquareIndicatorT.Props>['size'];\n __duration: number;\n}\n\nconst lineLeftAnimation = kfrm`\n 0% {\n y: 100%;\n height: 100%;\n }\n 12.5%, 50% {\n y: 0;\n height: 100%;\n }\n 62.5%, 100% {\n y: -100%;\n height: 100%;\n }\n`;\n\nconst lineTopAnimation = kfrm`\n 0% {\n x: -100%;\n width: 0%;\n }\n 25%, 50% {\n x: -100%;\n width: 200%;\n }\n 75%, 100% {\n x: 100%;\n width: 200%;\n }\n`;\n\nconst lineRightAnimation = kfrm`\n 0%, 12.5% {\n y: -100%;\n height: 0%;\n }\n 37.5%, 62.5% {\n y: -100%;\n height: 200%;\n }\n 87.5%, 100% {\n y: 100%;\n height: 200%;\n }\n`;\n\nconst lineBottomAnimation = kfrm`\n 0%, 25% {\n x: 200%;\n width: 200%;\n }\n 50%, 75% {\n x: 0%;\n width: 200%;\n }\n 100% {\n x: -200%;\n width: 200%;\n }\n`;\n\nexport const StyledLineLeft = styled.rect<RectProps>`\n x: 0;\n y: 0%;\n width: ${({ size }) => sizeToWeight[size]};\n height: 100%;\n animation: ${lineLeftAnimation} ${({ __duration }) => __duration}s linear 0s infinite;\n`;\n\nexport const StyledLineTop = styled.rect<RectProps>`\n x: -100%;\n y: 0;\n width: 200%;\n height: ${({ size }) => sizeToWeight[size]};\n animation: ${lineTopAnimation} ${({ __duration }) => __duration}s linear 0s infinite;\n`;\n\nexport const StyledLineRight = styled.rect<RectProps>`\n x: calc(100% - ${({ size }) => sizeToWeight[size]});\n y: -100%;\n width: ${({ size }) => sizeToWeight[size]};\n height: 200%;\n animation: ${lineRightAnimation} ${({ __duration }) => __duration}s linear 0s infinite;\n`;\n\nexport const StyledLineBottom = styled.rect<RectProps>`\n x: 0%;\n y: calc(100% - ${({ size }) => sizeToWeight[size]});\n width: 200%;\n height: ${({ size }) => sizeToWeight[size]};\n animation: ${lineBottomAnimation} ${({ __duration }) => __duration}s linear 0s infinite;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,wBAAqB;AAErB,uBAA6B;AAO7B,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe1B,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAezB,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAerB,MAAM,iBAAiB,wBAAO;AAAA;AAAA;AAAA,WAG1B,CAAC,EAAE,WAAW,8BAAa;AAAA;AAAA,eAEvB,qBAAqB,CAAC,EAAE,iBAAiB;AAAA;AAGjD,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAAA,YAIxB,CAAC,EAAE,WAAW,8BAAa;AAAA,eACxB,oBAAoB,CAAC,EAAE,iBAAiB;AAAA;AAGhD,MAAM,kBAAkB,wBAAO;AAAA,mBACnB,CAAC,EAAE,WAAW,8BAAa;AAAA;AAAA,WAEnC,CAAC,EAAE,WAAW,8BAAa;AAAA;AAAA,eAEvB,sBAAsB,CAAC,EAAE,iBAAiB;AAAA;AAGlD,MAAM,mBAAmB,wBAAO;AAAA;AAAA,mBAEpB,CAAC,EAAE,WAAW,8BAAa;AAAA;AAAA,YAElC,CAAC,EAAE,WAAW,8BAAa;AAAA,eACxB,uBAAuB,CAAC,EAAE,iBAAiB;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/styled.js
CHANGED
package/dist/esm/styled.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from '
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { kfrm } from '@elliemae/ds-system';\nimport { DSSquareIndicatorT } from './react-desc-prop-types';\nimport { sizeToWeight } from './constants';\n\ninterface RectProps {\n size: Required<DSSquareIndicatorT.Props>['size'];\n __duration: number;\n}\n\nconst lineLeftAnimation = kfrm`\n 0% {\n y: 100%;\n height: 100%;\n }\n 12.5%, 50% {\n y: 0;\n height: 100%;\n }\n 62.5%, 100% {\n y: -100%;\n height: 100%;\n }\n`;\n\nconst lineTopAnimation = kfrm`\n 0% {\n x: -100%;\n width: 0%;\n }\n 25%, 50% {\n x: -100%;\n width: 200%;\n }\n 75%, 100% {\n x: 100%;\n width: 200%;\n }\n`;\n\nconst lineRightAnimation = kfrm`\n 0%, 12.5% {\n y: -100%;\n height: 0%;\n }\n 37.5%, 62.5% {\n y: -100%;\n height: 200%;\n }\n 87.5%, 100% {\n y: 100%;\n height: 200%;\n }\n`;\n\nconst lineBottomAnimation = kfrm`\n 0%, 25% {\n x: 200%;\n width: 200%;\n }\n 50%, 75% {\n x: 0%;\n width: 200%;\n }\n 100% {\n x: -200%;\n width: 200%;\n }\n`;\n\nexport const StyledLineLeft = styled.rect<RectProps>`\n x: 0;\n y: 0%;\n width: ${({ size }) => sizeToWeight[size]};\n height: 100%;\n animation: ${lineLeftAnimation} ${({ __duration }) => __duration}s linear 0s infinite;\n`;\n\nexport const StyledLineTop = styled.rect<RectProps>`\n x: -100%;\n y: 0;\n width: 200%;\n height: ${({ size }) => sizeToWeight[size]};\n animation: ${lineTopAnimation} ${({ __duration }) => __duration}s linear 0s infinite;\n`;\n\nexport const StyledLineRight = styled.rect<RectProps>`\n x: calc(100% - ${({ size }) => sizeToWeight[size]});\n y: -100%;\n width: ${({ size }) => sizeToWeight[size]};\n height: 200%;\n animation: ${lineRightAnimation} ${({ __duration }) => __duration}s linear 0s infinite;\n`;\n\nexport const StyledLineBottom = styled.rect<RectProps>`\n x: 0%;\n y: calc(100% - ${({ size }) => sizeToWeight[size]});\n width: 200%;\n height: ${({ size }) => sizeToWeight[size]};\n animation: ${lineBottomAnimation} ${({ __duration }) => __duration}s linear 0s infinite;\n`;\n"],
|
|
5
5
|
"mappings": "AAAA;ACAA;AACA;AAEA;AAOA,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe1B,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAezB,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAerB,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,WAG1B,CAAC,EAAE,WAAW,aAAa;AAAA;AAAA,eAEvB,qBAAqB,CAAC,EAAE,iBAAiB;AAAA;AAGjD,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA,YAIxB,CAAC,EAAE,WAAW,aAAa;AAAA,eACxB,oBAAoB,CAAC,EAAE,iBAAiB;AAAA;AAGhD,MAAM,kBAAkB,OAAO;AAAA,mBACnB,CAAC,EAAE,WAAW,aAAa;AAAA;AAAA,WAEnC,CAAC,EAAE,WAAW,aAAa;AAAA;AAAA,eAEvB,sBAAsB,CAAC,EAAE,iBAAiB;AAAA;AAGlD,MAAM,mBAAmB,OAAO;AAAA;AAAA,mBAEpB,CAAC,EAAE,WAAW,aAAa;AAAA;AAAA,YAElC,CAAC,EAAE,WAAW,aAAa;AAAA,eACxB,uBAAuB,CAAC,EAAE,iBAAiB;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-square-indicator",
|
|
3
|
-
"version": "3.1.0-next.
|
|
3
|
+
"version": "3.1.0-next.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Indeterminate Progress Indicator",
|
|
6
6
|
"files": [
|
|
@@ -42,18 +42,13 @@
|
|
|
42
42
|
"reportFile": "tests.xml",
|
|
43
43
|
"indent": 4
|
|
44
44
|
},
|
|
45
|
-
"scripts": {
|
|
46
|
-
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
|
|
47
|
-
"test": "node ../../scripts/testing/test.mjs",
|
|
48
|
-
"lint": "node ../../scripts/lint.mjs",
|
|
49
|
-
"dts": "node ../../scripts/dts.mjs",
|
|
50
|
-
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
|
|
51
|
-
},
|
|
52
45
|
"dependencies": {
|
|
53
|
-
"@elliemae/ds-grid": "3.1.0-next.
|
|
54
|
-
"@elliemae/ds-
|
|
55
|
-
"@elliemae/ds-
|
|
56
|
-
"
|
|
46
|
+
"@elliemae/ds-grid": "3.1.0-next.3",
|
|
47
|
+
"@elliemae/ds-system": "3.1.0-next.3",
|
|
48
|
+
"@elliemae/ds-tooltip": "3.1.0-next.3",
|
|
49
|
+
"@elliemae/ds-utilities": "3.1.0-next.3",
|
|
50
|
+
"styled-components": "^5.3.5",
|
|
51
|
+
"uid": "^2.0.0"
|
|
57
52
|
},
|
|
58
53
|
"peerDependencies": {
|
|
59
54
|
"react": "^17.0.2",
|
|
@@ -62,5 +57,13 @@
|
|
|
62
57
|
"publishConfig": {
|
|
63
58
|
"access": "public",
|
|
64
59
|
"typeSafety": false
|
|
60
|
+
},
|
|
61
|
+
"scripts": {
|
|
62
|
+
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
|
|
63
|
+
"test": "node ../../scripts/testing/test.mjs",
|
|
64
|
+
"lint": "node ../../scripts/lint.mjs",
|
|
65
|
+
"dts": "node ../../scripts/dts.mjs",
|
|
66
|
+
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
|
|
67
|
+
"checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
65
68
|
}
|
|
66
|
-
}
|
|
69
|
+
}
|