@elliemae/ds-wizard 3.22.0-next.2 → 3.22.0-next.20
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 +2 -2
- package/dist/cjs/styled.js.map +1 -1
- package/dist/esm/styled.js +2 -2
- package/dist/esm/styled.js.map +1 -1
- package/package.json +10 -6
package/dist/cjs/styled.js
CHANGED
|
@@ -61,11 +61,11 @@ const StyledBulletWrapper = import_ds_system.styled.div`
|
|
|
61
61
|
width: 100%;
|
|
62
62
|
`;
|
|
63
63
|
const StyledBullet = import_ds_system.styled.div`
|
|
64
|
-
margin:
|
|
64
|
+
margin: 8px;
|
|
65
|
+
font-size: 1.2307rem;
|
|
65
66
|
width: 2.46154rem;
|
|
66
67
|
height: 2.46154rem;
|
|
67
68
|
border-radius: 50%;
|
|
68
|
-
font-size: font-size(600);
|
|
69
69
|
border: 1px solid #cbcfd7;
|
|
70
70
|
color: brand-600;
|
|
71
71
|
position: relative;
|
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, th, xStyledCommonProps } from '@elliemae/ds-system';\n\nexport const StyledWrapper = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n`;\nexport const StyledLabel = styled.span`\n font-size: 1.0769rem;\n line-height: normal;\n font-weight: 400;\n color: neutral-500;\n transition: all 200ms cubic-bezier(0.36, 0, 1, 1);\n text-align: center;\n width: 100%;\n max-height: 36px;\n`;\nexport const StyledBulletWrapper = styled.div`\n display: flex;\n justify-content: center;\n position: relative;\n width: 100%;\n`;\nexport const StyledBullet = styled.div`\n margin:
|
|
4
|
+
"sourcesContent": ["import { styled, th, xStyledCommonProps } from '@elliemae/ds-system';\n\nexport const StyledWrapper = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n`;\nexport const StyledLabel = styled.span`\n font-size: 1.0769rem;\n line-height: normal;\n font-weight: 400;\n color: neutral-500;\n transition: all 200ms cubic-bezier(0.36, 0, 1, 1);\n text-align: center;\n width: 100%;\n max-height: 36px;\n`;\nexport const StyledBulletWrapper = styled.div`\n display: flex;\n justify-content: center;\n position: relative;\n width: 100%;\n`;\nexport const StyledBullet = styled.div`\n margin: 8px;\n font-size: 1.2307rem;\n width: 2.46154rem;\n height: 2.46154rem;\n border-radius: 50%;\n border: 1px solid #cbcfd7;\n color: brand-600;\n position: relative;\n transition: all 200ms cubic-bezier(0.36, 0, 1, 1);\n display: flex;\n justify-content: center;\n align-items: center;\n`;\nexport const StyledItem = styled.div<{ active: boolean; completed: boolean }>`\n display: flex;\n justify-content: center;\n flex: 1 1 0px;\n min-width: 96px;\n max-width: 144px;\n margin: 0 8px;\n\n &:not(:last-child) {\n ${StyledBulletWrapper}::after {\n margin: 0 5px;\n position: absolute;\n top: 50%;\n left: calc(62%);\n display: block;\n width: 80%;\n content: '';\n transition: all 300ms cubic-bezier(0.36, 0, 1, 1);\n height: 1px;\n background-image: linear-gradient(to right, #cbcfd7 40%, rgba(255, 255, 255, 0) 0%);\n background-position: top;\n background-size: 3px 1px;\n background-repeat: repeat-x;\n }\n }\n\n ${({ active, theme }) => {\n if (!active) return '';\n return `\n ${StyledBullet} {\n border-color: ${th.color('brand-700')({ theme })};\n color: ${th.color('brand-700')({ theme })};\n font-weight: bold;\n border-width: 1.5px;\n }\n ${StyledLabel} {\n color: ${th.color('brand-700')({ theme })};\n font-weight: bold;\n }\n `;\n }}\n\n ${({ completed, theme }) => {\n if (!completed) return '';\n return `\n ${StyledBullet} {\n border-color: ${th.color('brand-600')({ theme })};\n }\n ${StyledLabel} {\n color: ${th.color('neutral-800')({ theme })};\n }\n &:not(:last-child) {\n ${StyledBulletWrapper}::after {\n background: ${th.color('brand-700')({ theme })};\n background-size: initial;\n }\n }\n `;\n }}\n`;\n\nexport const StyledStepsWrapper = styled.div`\n display: flex;\n justify-content: center;\n overflow: hidden;\n ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA+C;AAExC,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAM7B,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU3B,MAAM,sBAAsB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMnC,MAAM,eAAe,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc5B,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAS3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAiBF,CAAC,EAAE,QAAQ,MAAM,MAAM;AACvB,MAAI,CAAC;AAAQ,WAAO;AACpB,SAAO;AAAA,MACL;AAAA,sBACgB,oBAAG,MAAM,WAAW,EAAE,EAAE,MAAM,CAAC;AAAA,eACtC,oBAAG,MAAM,WAAW,EAAE,EAAE,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,MAIxC;AAAA,eACS,oBAAG,MAAM,WAAW,EAAE,EAAE,MAAM,CAAC;AAAA;AAAA;AAAA;AAI5C;AAAA;AAAA,IAEE,CAAC,EAAE,WAAW,MAAM,MAAM;AAC1B,MAAI,CAAC;AAAW,WAAO;AACvB,SAAO;AAAA,QACH;AAAA,wBACgB,oBAAG,MAAM,WAAW,EAAE,EAAE,MAAM,CAAC;AAAA;AAAA,QAE/C;AAAA,iBACS,oBAAG,MAAM,aAAa,EAAE,EAAE,MAAM,CAAC;AAAA;AAAA;AAAA,UAGxC;AAAA,wBACc,oBAAG,MAAM,WAAW,EAAE,EAAE,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAKrD;AAAA;AAGK,MAAM,qBAAqB,wBAAO;AAAA;AAAA;AAAA;AAAA,IAIrC;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/styled.js
CHANGED
|
@@ -23,11 +23,11 @@ const StyledBulletWrapper = styled.div`
|
|
|
23
23
|
width: 100%;
|
|
24
24
|
`;
|
|
25
25
|
const StyledBullet = styled.div`
|
|
26
|
-
margin:
|
|
26
|
+
margin: 8px;
|
|
27
|
+
font-size: 1.2307rem;
|
|
27
28
|
width: 2.46154rem;
|
|
28
29
|
height: 2.46154rem;
|
|
29
30
|
border-radius: 50%;
|
|
30
|
-
font-size: font-size(600);
|
|
31
31
|
border: 1px solid #cbcfd7;
|
|
32
32
|
color: brand-600;
|
|
33
33
|
position: relative;
|
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, th, xStyledCommonProps } from '@elliemae/ds-system';\n\nexport const StyledWrapper = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n`;\nexport const StyledLabel = styled.span`\n font-size: 1.0769rem;\n line-height: normal;\n font-weight: 400;\n color: neutral-500;\n transition: all 200ms cubic-bezier(0.36, 0, 1, 1);\n text-align: center;\n width: 100%;\n max-height: 36px;\n`;\nexport const StyledBulletWrapper = styled.div`\n display: flex;\n justify-content: center;\n position: relative;\n width: 100%;\n`;\nexport const StyledBullet = styled.div`\n margin:
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, th, xStyledCommonProps } from '@elliemae/ds-system';\n\nexport const StyledWrapper = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n`;\nexport const StyledLabel = styled.span`\n font-size: 1.0769rem;\n line-height: normal;\n font-weight: 400;\n color: neutral-500;\n transition: all 200ms cubic-bezier(0.36, 0, 1, 1);\n text-align: center;\n width: 100%;\n max-height: 36px;\n`;\nexport const StyledBulletWrapper = styled.div`\n display: flex;\n justify-content: center;\n position: relative;\n width: 100%;\n`;\nexport const StyledBullet = styled.div`\n margin: 8px;\n font-size: 1.2307rem;\n width: 2.46154rem;\n height: 2.46154rem;\n border-radius: 50%;\n border: 1px solid #cbcfd7;\n color: brand-600;\n position: relative;\n transition: all 200ms cubic-bezier(0.36, 0, 1, 1);\n display: flex;\n justify-content: center;\n align-items: center;\n`;\nexport const StyledItem = styled.div<{ active: boolean; completed: boolean }>`\n display: flex;\n justify-content: center;\n flex: 1 1 0px;\n min-width: 96px;\n max-width: 144px;\n margin: 0 8px;\n\n &:not(:last-child) {\n ${StyledBulletWrapper}::after {\n margin: 0 5px;\n position: absolute;\n top: 50%;\n left: calc(62%);\n display: block;\n width: 80%;\n content: '';\n transition: all 300ms cubic-bezier(0.36, 0, 1, 1);\n height: 1px;\n background-image: linear-gradient(to right, #cbcfd7 40%, rgba(255, 255, 255, 0) 0%);\n background-position: top;\n background-size: 3px 1px;\n background-repeat: repeat-x;\n }\n }\n\n ${({ active, theme }) => {\n if (!active) return '';\n return `\n ${StyledBullet} {\n border-color: ${th.color('brand-700')({ theme })};\n color: ${th.color('brand-700')({ theme })};\n font-weight: bold;\n border-width: 1.5px;\n }\n ${StyledLabel} {\n color: ${th.color('brand-700')({ theme })};\n font-weight: bold;\n }\n `;\n }}\n\n ${({ completed, theme }) => {\n if (!completed) return '';\n return `\n ${StyledBullet} {\n border-color: ${th.color('brand-600')({ theme })};\n }\n ${StyledLabel} {\n color: ${th.color('neutral-800')({ theme })};\n }\n &:not(:last-child) {\n ${StyledBulletWrapper}::after {\n background: ${th.color('brand-700')({ theme })};\n background-size: initial;\n }\n }\n `;\n }}\n`;\n\nexport const StyledStepsWrapper = styled.div`\n display: flex;\n justify-content: center;\n overflow: hidden;\n ${xStyledCommonProps}\n`;\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,IAAI,0BAA0B;AAExC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAM7B,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU3B,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMnC,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc5B,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAS3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAiBF,CAAC,EAAE,QAAQ,MAAM,MAAM;AACvB,MAAI,CAAC;AAAQ,WAAO;AACpB,SAAO;AAAA,MACL;AAAA,sBACgB,GAAG,MAAM,WAAW,EAAE,EAAE,MAAM,CAAC;AAAA,eACtC,GAAG,MAAM,WAAW,EAAE,EAAE,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,MAIxC;AAAA,eACS,GAAG,MAAM,WAAW,EAAE,EAAE,MAAM,CAAC;AAAA;AAAA;AAAA;AAI5C;AAAA;AAAA,IAEE,CAAC,EAAE,WAAW,MAAM,MAAM;AAC1B,MAAI,CAAC;AAAW,WAAO;AACvB,SAAO;AAAA,QACH;AAAA,wBACgB,GAAG,MAAM,WAAW,EAAE,EAAE,MAAM,CAAC;AAAA;AAAA,QAE/C;AAAA,iBACS,GAAG,MAAM,aAAa,EAAE,EAAE,MAAM,CAAC;AAAA;AAAA;AAAA,UAGxC;AAAA,wBACc,GAAG,MAAM,WAAW,EAAE,EAAE,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAKrD;AAAA;AAGK,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA,IAIrC;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-wizard",
|
|
3
|
-
"version": "3.22.0-next.
|
|
3
|
+
"version": "3.22.0-next.20",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Wizard",
|
|
6
6
|
"files": [
|
|
@@ -55,10 +55,14 @@
|
|
|
55
55
|
"indent": 4
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
|
-
"@elliemae/ds-classnames": "3.22.0-next.
|
|
59
|
-
"@elliemae/ds-
|
|
60
|
-
"@elliemae/ds-
|
|
61
|
-
"@elliemae/ds-utilities": "3.22.0-next.
|
|
58
|
+
"@elliemae/ds-classnames": "3.22.0-next.20",
|
|
59
|
+
"@elliemae/ds-icons": "3.22.0-next.20",
|
|
60
|
+
"@elliemae/ds-props-helpers": "3.22.0-next.20",
|
|
61
|
+
"@elliemae/ds-utilities": "3.22.0-next.20"
|
|
62
|
+
},
|
|
63
|
+
"devDependencies": {
|
|
64
|
+
"@elliemae/pui-cli": "~9.0.0-next.22",
|
|
65
|
+
"@elliemae/ds-monorepo-devops": "3.22.0-next.20"
|
|
62
66
|
},
|
|
63
67
|
"peerDependencies": {
|
|
64
68
|
"lodash": "^4.17.21",
|
|
@@ -71,7 +75,7 @@
|
|
|
71
75
|
},
|
|
72
76
|
"scripts": {
|
|
73
77
|
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
|
|
74
|
-
"test": "
|
|
78
|
+
"test": "pui-cli test --passWithNoTests",
|
|
75
79
|
"lint": "node ../../scripts/lint.mjs",
|
|
76
80
|
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
|
|
77
81
|
"dts": "node ../../scripts/dts.mjs",
|