@elliemae/ds-backdrop 3.21.2 → 3.22.0-next.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.
package/dist/cjs/Backdrop.js
CHANGED
|
@@ -45,7 +45,7 @@ const BackdropTag = import_ds_system.styled.div`
|
|
|
45
45
|
left: 0;
|
|
46
46
|
width: 100%;
|
|
47
47
|
height: 100%;
|
|
48
|
-
background:
|
|
48
|
+
background: ${import_ds_system.th.color("neutral-800")};
|
|
49
49
|
opacity: 0.7;
|
|
50
50
|
z-index: ${({ zIndex, theme }) => zIndex ? `${zIndex}` : theme.zIndex.backdrop};
|
|
51
51
|
`;
|
package/dist/cjs/Backdrop.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Backdrop.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type DSBackdropT, DSBackdropPropTypes } from './react-desc-prop-types.js';\n\n// TODO change hardcoded opacity for theme variable\nconst BackdropTag = styled.div<{ zIndex?: number }>`\n ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background:
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBjB;AArBN,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { styled, th } from '@elliemae/ds-system';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type DSBackdropT, DSBackdropPropTypes } from './react-desc-prop-types.js';\n\n// TODO change hardcoded opacity for theme variable\nconst BackdropTag = styled.div<{ zIndex?: number }>`\n ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ${th.color('neutral-800')};\n opacity: 0.7;\n z-index: ${({ zIndex, theme }) => (zIndex ? `${zIndex}` : theme.zIndex.backdrop)};\n`;\n\nexport const DSBackdrop: React.ComponentType<DSBackdropT.Props> = ({\n type = 'cover',\n zIndex,\n onClick = () => null,\n}) => <BackdropTag zIndex={zIndex} type={type} onClick={onClick} data-testid=\"ds-backdrop\" />;\n\nDSBackdrop.propTypes = DSBackdropPropTypes;\nexport const DSBackdropWithSchema = describe(DSBackdrop);\nDSBackdropWithSchema.propTypes = DSBackdropPropTypes;\n\nexport default DSBackdrop;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBjB;AArBN,uBAA2B;AAC3B,8BAAyB;AACzB,mCAAsD;AAGtD,MAAM,cAAc,wBAAO;AAAA,IACvB,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAM1C,oBAAG,MAAM,aAAa;AAAA;AAAA,aAEzB,CAAC,EAAE,QAAQ,MAAM,MAAO,SAAS,GAAG,WAAW,MAAM,OAAO;AAAA;AAGlE,MAAM,aAAqD,CAAC;AAAA,EACjE,OAAO;AAAA,EACP;AAAA,EACA,UAAU,MAAM;AAClB,MAAM,4CAAC,eAAY,QAAgB,MAAY,SAAkB,eAAY,eAAc;AAE3F,WAAW,YAAY;AAChB,MAAM,2BAAuB,kCAAS,UAAU;AACvD,qBAAqB,YAAY;AAEjC,IAAO,mBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/Backdrop.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import { styled } from "@elliemae/ds-system";
|
|
3
|
+
import { styled, th } from "@elliemae/ds-system";
|
|
4
4
|
import { describe } from "@elliemae/ds-props-helpers";
|
|
5
5
|
import { DSBackdropPropTypes } from "./react-desc-prop-types.js";
|
|
6
6
|
const BackdropTag = styled.div`
|
|
@@ -10,7 +10,7 @@ const BackdropTag = styled.div`
|
|
|
10
10
|
left: 0;
|
|
11
11
|
width: 100%;
|
|
12
12
|
height: 100%;
|
|
13
|
-
background:
|
|
13
|
+
background: ${th.color("neutral-800")};
|
|
14
14
|
opacity: 0.7;
|
|
15
15
|
z-index: ${({ zIndex, theme }) => zIndex ? `${zIndex}` : theme.zIndex.backdrop};
|
|
16
16
|
`;
|
package/dist/esm/Backdrop.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Backdrop.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type DSBackdropT, DSBackdropPropTypes } from './react-desc-prop-types.js';\n\n// TODO change hardcoded opacity for theme variable\nconst BackdropTag = styled.div<{ zIndex?: number }>`\n ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background:
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACsBjB;AArBN,SAAS,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled, th } from '@elliemae/ds-system';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type DSBackdropT, DSBackdropPropTypes } from './react-desc-prop-types.js';\n\n// TODO change hardcoded opacity for theme variable\nconst BackdropTag = styled.div<{ zIndex?: number }>`\n ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ${th.color('neutral-800')};\n opacity: 0.7;\n z-index: ${({ zIndex, theme }) => (zIndex ? `${zIndex}` : theme.zIndex.backdrop)};\n`;\n\nexport const DSBackdrop: React.ComponentType<DSBackdropT.Props> = ({\n type = 'cover',\n zIndex,\n onClick = () => null,\n}) => <BackdropTag zIndex={zIndex} type={type} onClick={onClick} data-testid=\"ds-backdrop\" />;\n\nDSBackdrop.propTypes = DSBackdropPropTypes;\nexport const DSBackdropWithSchema = describe(DSBackdrop);\nDSBackdropWithSchema.propTypes = DSBackdropPropTypes;\n\nexport default DSBackdrop;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACsBjB;AArBN,SAAS,QAAQ,UAAU;AAC3B,SAAS,gBAAgB;AACzB,SAA2B,2BAA2B;AAGtD,MAAM,cAAc,OAAO;AAAA,IACvB,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAM1C,GAAG,MAAM,aAAa;AAAA;AAAA,aAEzB,CAAC,EAAE,QAAQ,MAAM,MAAO,SAAS,GAAG,WAAW,MAAM,OAAO;AAAA;AAGlE,MAAM,aAAqD,CAAC;AAAA,EACjE,OAAO;AAAA,EACP;AAAA,EACA,UAAU,MAAM;AAClB,MAAM,oBAAC,eAAY,QAAgB,MAAY,SAAkB,eAAY,eAAc;AAE3F,WAAW,YAAY;AAChB,MAAM,uBAAuB,SAAS,UAAU;AACvD,qBAAqB,YAAY;AAEjC,IAAO,mBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-backdrop",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.22.0-next.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Backdrop",
|
|
6
6
|
"files": [
|
|
@@ -39,9 +39,9 @@
|
|
|
39
39
|
"indent": 4
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@elliemae/ds-
|
|
43
|
-
"@elliemae/ds-
|
|
44
|
-
"@elliemae/ds-utilities": "3.
|
|
42
|
+
"@elliemae/ds-props-helpers": "3.22.0-next.1",
|
|
43
|
+
"@elliemae/ds-system": "3.22.0-next.1",
|
|
44
|
+
"@elliemae/ds-utilities": "3.22.0-next.1"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"styled-components": "~5.3.9"
|