@elliemae/ds-mobile 3.20.0-next.2 → 3.20.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.
|
@@ -57,6 +57,7 @@ const Menu = import_ds_system.styled.div`
|
|
|
57
57
|
font-family: ${(props) => props.theme.fonts.default};
|
|
58
58
|
box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};
|
|
59
59
|
padding: ${(props) => props.theme.space.xs};
|
|
60
|
+
z-index: ${({ theme }) => theme.zIndex.backdrop + 1};
|
|
60
61
|
`;
|
|
61
62
|
const Heading = import_ds_system.styled.div`
|
|
62
63
|
display: flex;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/SideNav/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\n\nexport const Container = styled.div`\n position: fixed;\n width: 100%;\n height: 100%;\n`;\n\nexport const MenuWrapper = styled.div`\n position: relative;\n height: 100%;\n`;\n\nexport const Menu = styled.div`\n position: fixed;\n width: 80%;\n height: 100%;\n background-color: ${(props) => props.theme.colors.brand[700]};\n font-family: ${(props) => props.theme.fonts.default};\n box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};\n padding: ${(props) => props.theme.space.xs};\n`;\n\nexport const Heading = styled.div`\n display: flex;\n flex-direction: row;\n\n .content {\n width: 100%;\n display: flex;\n flex-direction: row;\n span {\n flex-grow: 1;\n }\n label {\n padding-top: 1px;\n line-height: 30px;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n font-size: 22px;\n color: ${(props) => props.theme.colors.neutral['000']};\n }\n .icon {\n cursor: pointer;\n padding-top: 6px;\n }\n }\n`;\n\nexport const Icon = styled.div`\n margin-right: ${(props) => props.theme.space.xxs2};\n`;\n\nexport const Hr = styled.hr`\n margin-left: -${(props) => props.theme.space.xs};\n margin-right: -${(props) => props.theme.space.xs};\n`;\nexport const MenuList = styled.div`\n .menuitem {\n display: flex;\n flex-direction: row;\n cursor: pointer;\n height: 22px;\n margin-bottom: ${(props) => props.theme.space.xs};\n .icon {\n padding-left: 6px;\n margin-right: ${(props) => props.theme.space.xs};\n span {\n height: 20px;\n width: 20px;\n svg {\n height: 20px;\n width: 20px;\n }\n }\n }\n .text {\n font-weight: ${(props) => props.theme.fontWeights.regular};\n font-size: 18px;\n line-height: 22px;\n color: ${(props) => props.theme.colors.neutral['000']};\n &.active {\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n }\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n`;\n\nexport const BottomMenu = styled.div`\n position: absolute;\n bottom: 0;\n width: 100%;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAEhB,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,OAAO,wBAAO;AAAA;AAAA;AAAA;AAAA,sBAIL,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA,iBAC5C,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,0BACpB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,aACtD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;
|
|
4
|
+
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\n\nexport const Container = styled.div`\n position: fixed;\n width: 100%;\n height: 100%;\n`;\n\nexport const MenuWrapper = styled.div`\n position: relative;\n height: 100%;\n`;\n\nexport const Menu = styled.div`\n position: fixed;\n width: 80%;\n height: 100%;\n background-color: ${(props) => props.theme.colors.brand[700]};\n font-family: ${(props) => props.theme.fonts.default};\n box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};\n padding: ${(props) => props.theme.space.xs};\n z-index: ${({ theme }) => theme.zIndex.backdrop + 1};\n`;\n\nexport const Heading = styled.div`\n display: flex;\n flex-direction: row;\n\n .content {\n width: 100%;\n display: flex;\n flex-direction: row;\n span {\n flex-grow: 1;\n }\n label {\n padding-top: 1px;\n line-height: 30px;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n font-size: 22px;\n color: ${(props) => props.theme.colors.neutral['000']};\n }\n .icon {\n cursor: pointer;\n padding-top: 6px;\n }\n }\n`;\n\nexport const Icon = styled.div`\n margin-right: ${(props) => props.theme.space.xxs2};\n`;\n\nexport const Hr = styled.hr`\n margin-left: -${(props) => props.theme.space.xs};\n margin-right: -${(props) => props.theme.space.xs};\n`;\nexport const MenuList = styled.div`\n .menuitem {\n display: flex;\n flex-direction: row;\n cursor: pointer;\n height: 22px;\n margin-bottom: ${(props) => props.theme.space.xs};\n .icon {\n padding-left: 6px;\n margin-right: ${(props) => props.theme.space.xs};\n span {\n height: 20px;\n width: 20px;\n svg {\n height: 20px;\n width: 20px;\n }\n }\n }\n .text {\n font-weight: ${(props) => props.theme.fontWeights.regular};\n font-size: 18px;\n line-height: 22px;\n color: ${(props) => props.theme.colors.neutral['000']};\n &.active {\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n }\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n`;\n\nexport const BottomMenu = styled.div`\n position: absolute;\n bottom: 0;\n width: 100%;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAEhB,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,OAAO,wBAAO;AAAA;AAAA;AAAA;AAAA,sBAIL,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA,iBAC5C,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,0BACpB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,aACtD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,aAC7B,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,WAAW;AAAA;AAG7C,MAAM,UAAU,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAcT,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,eAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASnD,MAAM,OAAO,wBAAO;AAAA,kBACT,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGxC,MAAM,KAAK,wBAAO;AAAA,kBACP,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,mBAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAEzC,MAAM,WAAW,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAMV,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,sBAG5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAW9B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA,eAGzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA,uBAEnC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASnD,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,6 +17,7 @@ const Menu = styled.div`
|
|
|
17
17
|
font-family: ${(props) => props.theme.fonts.default};
|
|
18
18
|
box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};
|
|
19
19
|
padding: ${(props) => props.theme.space.xs};
|
|
20
|
+
z-index: ${({ theme }) => theme.zIndex.backdrop + 1};
|
|
20
21
|
`;
|
|
21
22
|
const Heading = styled.div`
|
|
22
23
|
display: flex;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SideNav/styles.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\n\nexport const Container = styled.div`\n position: fixed;\n width: 100%;\n height: 100%;\n`;\n\nexport const MenuWrapper = styled.div`\n position: relative;\n height: 100%;\n`;\n\nexport const Menu = styled.div`\n position: fixed;\n width: 80%;\n height: 100%;\n background-color: ${(props) => props.theme.colors.brand[700]};\n font-family: ${(props) => props.theme.fonts.default};\n box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};\n padding: ${(props) => props.theme.space.xs};\n`;\n\nexport const Heading = styled.div`\n display: flex;\n flex-direction: row;\n\n .content {\n width: 100%;\n display: flex;\n flex-direction: row;\n span {\n flex-grow: 1;\n }\n label {\n padding-top: 1px;\n line-height: 30px;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n font-size: 22px;\n color: ${(props) => props.theme.colors.neutral['000']};\n }\n .icon {\n cursor: pointer;\n padding-top: 6px;\n }\n }\n`;\n\nexport const Icon = styled.div`\n margin-right: ${(props) => props.theme.space.xxs2};\n`;\n\nexport const Hr = styled.hr`\n margin-left: -${(props) => props.theme.space.xs};\n margin-right: -${(props) => props.theme.space.xs};\n`;\nexport const MenuList = styled.div`\n .menuitem {\n display: flex;\n flex-direction: row;\n cursor: pointer;\n height: 22px;\n margin-bottom: ${(props) => props.theme.space.xs};\n .icon {\n padding-left: 6px;\n margin-right: ${(props) => props.theme.space.xs};\n span {\n height: 20px;\n width: 20px;\n svg {\n height: 20px;\n width: 20px;\n }\n }\n }\n .text {\n font-weight: ${(props) => props.theme.fontWeights.regular};\n font-size: 18px;\n line-height: 22px;\n color: ${(props) => props.theme.colors.neutral['000']};\n &.active {\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n }\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n`;\n\nexport const BottomMenu = styled.div`\n position: absolute;\n bottom: 0;\n width: 100%;\n`;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AAEhB,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIL,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA,iBAC5C,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,0BACpB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,aACtD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\n\nexport const Container = styled.div`\n position: fixed;\n width: 100%;\n height: 100%;\n`;\n\nexport const MenuWrapper = styled.div`\n position: relative;\n height: 100%;\n`;\n\nexport const Menu = styled.div`\n position: fixed;\n width: 80%;\n height: 100%;\n background-color: ${(props) => props.theme.colors.brand[700]};\n font-family: ${(props) => props.theme.fonts.default};\n box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};\n padding: ${(props) => props.theme.space.xs};\n z-index: ${({ theme }) => theme.zIndex.backdrop + 1};\n`;\n\nexport const Heading = styled.div`\n display: flex;\n flex-direction: row;\n\n .content {\n width: 100%;\n display: flex;\n flex-direction: row;\n span {\n flex-grow: 1;\n }\n label {\n padding-top: 1px;\n line-height: 30px;\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n font-size: 22px;\n color: ${(props) => props.theme.colors.neutral['000']};\n }\n .icon {\n cursor: pointer;\n padding-top: 6px;\n }\n }\n`;\n\nexport const Icon = styled.div`\n margin-right: ${(props) => props.theme.space.xxs2};\n`;\n\nexport const Hr = styled.hr`\n margin-left: -${(props) => props.theme.space.xs};\n margin-right: -${(props) => props.theme.space.xs};\n`;\nexport const MenuList = styled.div`\n .menuitem {\n display: flex;\n flex-direction: row;\n cursor: pointer;\n height: 22px;\n margin-bottom: ${(props) => props.theme.space.xs};\n .icon {\n padding-left: 6px;\n margin-right: ${(props) => props.theme.space.xs};\n span {\n height: 20px;\n width: 20px;\n svg {\n height: 20px;\n width: 20px;\n }\n }\n }\n .text {\n font-weight: ${(props) => props.theme.fontWeights.regular};\n font-size: 18px;\n line-height: 22px;\n color: ${(props) => props.theme.colors.neutral['000']};\n &.active {\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n }\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n`;\n\nexport const BottomMenu = styled.div`\n position: absolute;\n bottom: 0;\n width: 100%;\n`;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AAEhB,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIL,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA,iBAC5C,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,0BACpB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,aACtD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,aAC7B,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,WAAW;AAAA;AAG7C,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAcT,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,eAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASnD,MAAM,OAAO,OAAO;AAAA,kBACT,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGxC,MAAM,KAAK,OAAO;AAAA,kBACP,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,mBAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAEzC,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAMV,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,sBAG5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAW9B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA,eAGzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA,uBAEnC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASnD,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-mobile",
|
|
3
|
-
"version": "3.20.0-next.
|
|
3
|
+
"version": "3.20.0-next.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - System",
|
|
6
6
|
"files": [
|
|
@@ -439,22 +439,22 @@
|
|
|
439
439
|
"prop-types": "~15.8.1",
|
|
440
440
|
"react-window": "~1.8.8",
|
|
441
441
|
"react-window-infinite-loader": "~1.0.8",
|
|
442
|
-
"@elliemae/ds-
|
|
443
|
-
"@elliemae/ds-
|
|
444
|
-
"@elliemae/ds-
|
|
445
|
-
"@elliemae/ds-
|
|
446
|
-
"@elliemae/ds-
|
|
447
|
-
"@elliemae/ds-
|
|
448
|
-
"@elliemae/ds-
|
|
449
|
-
"@elliemae/ds-
|
|
450
|
-
"@elliemae/ds-
|
|
451
|
-
"@elliemae/ds-shared": "3.20.0-next.
|
|
452
|
-
"@elliemae/ds-
|
|
453
|
-
"@elliemae/ds-
|
|
454
|
-
"@elliemae/ds-
|
|
455
|
-
"@elliemae/ds-
|
|
456
|
-
"@elliemae/ds-
|
|
457
|
-
"@elliemae/ds-
|
|
442
|
+
"@elliemae/ds-accordion": "3.20.0-next.3",
|
|
443
|
+
"@elliemae/ds-backdrop": "3.20.0-next.3",
|
|
444
|
+
"@elliemae/ds-button": "3.20.0-next.3",
|
|
445
|
+
"@elliemae/ds-form-checkbox": "3.20.0-next.3",
|
|
446
|
+
"@elliemae/ds-grid": "3.20.0-next.3",
|
|
447
|
+
"@elliemae/ds-icon": "3.20.0-next.3",
|
|
448
|
+
"@elliemae/ds-indeterminate-progress-indicator": "3.20.0-next.3",
|
|
449
|
+
"@elliemae/ds-icons": "3.20.0-next.3",
|
|
450
|
+
"@elliemae/ds-props-helpers": "3.20.0-next.3",
|
|
451
|
+
"@elliemae/ds-shared": "3.20.0-next.3",
|
|
452
|
+
"@elliemae/ds-system": "3.20.0-next.3",
|
|
453
|
+
"@elliemae/ds-tabs": "3.20.0-next.3",
|
|
454
|
+
"@elliemae/ds-truncated-expandable-text": "3.20.0-next.3",
|
|
455
|
+
"@elliemae/ds-utilities": "3.20.0-next.3",
|
|
456
|
+
"@elliemae/ds-circular-progress-indicator": "3.20.0-next.3",
|
|
457
|
+
"@elliemae/ds-form": "3.20.0-next.3"
|
|
458
458
|
},
|
|
459
459
|
"devDependencies": {
|
|
460
460
|
"@elliemae/pui-theme": "~2.7.0",
|