@elliemae/ds-side-panel 2.4.2-rc.11 → 2.4.2-rc.14
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/cjs/SidePanel.js +8 -3
- package/cjs/SidePanelHeader.js +1 -1
- package/esm/SidePanel.js +8 -3
- package/esm/SidePanelHeader.js +1 -1
- package/package.json +5 -5
package/cjs/SidePanel.js
CHANGED
|
@@ -30,7 +30,12 @@ const TransGrid = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfi
|
|
|
30
30
|
let {
|
|
31
31
|
noGridInfluencer
|
|
32
32
|
} = _ref2;
|
|
33
|
-
return noGridInfluencer ?
|
|
33
|
+
return noGridInfluencer ? `
|
|
34
|
+
position: absolute;
|
|
35
|
+
top:0;
|
|
36
|
+
right:0;
|
|
37
|
+
height: 100%;
|
|
38
|
+
` : '';
|
|
34
39
|
}, props => props.theme.colors.neutral['000']);
|
|
35
40
|
const FooterContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
|
|
36
41
|
componentId: "sc-71f9h4-2"
|
|
@@ -55,14 +60,14 @@ const SidePanel = _ref3 => {
|
|
|
55
60
|
}, void 0, /*#__PURE__*/_jsx__default["default"](TransGrid, {
|
|
56
61
|
height: "100%",
|
|
57
62
|
flex: "1",
|
|
58
|
-
mr: noGridInfluencer ?
|
|
63
|
+
mr: noGridInfluencer ? `${widthWhenIsClosed}px` : 0
|
|
59
64
|
}, void 0, children), /*#__PURE__*/_jsx__default["default"](TransGrid, {
|
|
60
65
|
style: {
|
|
61
66
|
overflow: 'hidden'
|
|
62
67
|
},
|
|
63
68
|
height: "100%",
|
|
64
69
|
maxHeight: "100%",
|
|
65
|
-
width: isOpen ?
|
|
70
|
+
width: isOpen ? `${panelWidth}px` : `${widthWhenIsClosed}px`,
|
|
66
71
|
withBorder: withBorder,
|
|
67
72
|
withBoxShadow: withBoxShadow,
|
|
68
73
|
isOpen: isOpen,
|
package/cjs/SidePanelHeader.js
CHANGED
|
@@ -21,7 +21,7 @@ var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
|
21
21
|
var _Grid, _CloseSmall;
|
|
22
22
|
const StyledSeparator = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
23
23
|
componentId: "sc-1xdsdq5-0"
|
|
24
|
-
})(["width:0;height:100%;margin:0 ", ";border-left:", ";"], props => props.theme.space.xxs, props =>
|
|
24
|
+
})(["width:0;height:100%;margin:0 ", ";border-left:", ";"], props => props.theme.space.xxs, props => `${props.theme.colors.neutral[300]} 1px solid`);
|
|
25
25
|
const StyledTitle = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
26
26
|
componentId: "sc-1xdsdq5-1"
|
|
27
27
|
})(["font-size:18px;font-weight:", ";color:", ";", ""], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700'], dsSystem.truncate());
|
package/esm/SidePanel.js
CHANGED
|
@@ -21,7 +21,12 @@ const TransGrid = /*#__PURE__*/styled(Grid).withConfig({
|
|
|
21
21
|
let {
|
|
22
22
|
noGridInfluencer
|
|
23
23
|
} = _ref2;
|
|
24
|
-
return noGridInfluencer ?
|
|
24
|
+
return noGridInfluencer ? `
|
|
25
|
+
position: absolute;
|
|
26
|
+
top:0;
|
|
27
|
+
right:0;
|
|
28
|
+
height: 100%;
|
|
29
|
+
` : '';
|
|
25
30
|
}, props => props.theme.colors.neutral['000']);
|
|
26
31
|
const FooterContainer = /*#__PURE__*/styled(Grid).withConfig({
|
|
27
32
|
componentId: "sc-71f9h4-2"
|
|
@@ -46,14 +51,14 @@ const SidePanel = _ref3 => {
|
|
|
46
51
|
}, void 0, /*#__PURE__*/_jsx(TransGrid, {
|
|
47
52
|
height: "100%",
|
|
48
53
|
flex: "1",
|
|
49
|
-
mr: noGridInfluencer ?
|
|
54
|
+
mr: noGridInfluencer ? `${widthWhenIsClosed}px` : 0
|
|
50
55
|
}, void 0, children), /*#__PURE__*/_jsx(TransGrid, {
|
|
51
56
|
style: {
|
|
52
57
|
overflow: 'hidden'
|
|
53
58
|
},
|
|
54
59
|
height: "100%",
|
|
55
60
|
maxHeight: "100%",
|
|
56
|
-
width: isOpen ?
|
|
61
|
+
width: isOpen ? `${panelWidth}px` : `${widthWhenIsClosed}px`,
|
|
57
62
|
withBorder: withBorder,
|
|
58
63
|
withBoxShadow: withBoxShadow,
|
|
59
64
|
isOpen: isOpen,
|
package/esm/SidePanelHeader.js
CHANGED
|
@@ -11,7 +11,7 @@ import { Grid } from '@elliemae/ds-grid';
|
|
|
11
11
|
var _Grid, _CloseSmall;
|
|
12
12
|
const StyledSeparator = /*#__PURE__*/styled.div.withConfig({
|
|
13
13
|
componentId: "sc-1xdsdq5-0"
|
|
14
|
-
})(["width:0;height:100%;margin:0 ", ";border-left:", ";"], props => props.theme.space.xxs, props =>
|
|
14
|
+
})(["width:0;height:100%;margin:0 ", ";border-left:", ";"], props => props.theme.space.xxs, props => `${props.theme.colors.neutral[300]} 1px solid`);
|
|
15
15
|
const StyledTitle = /*#__PURE__*/styled.div.withConfig({
|
|
16
16
|
componentId: "sc-1xdsdq5-1"
|
|
17
17
|
})(["font-size:18px;font-weight:", ";color:", ";", ""], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700'], truncate());
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-side-panel",
|
|
3
|
-
"version": "2.4.2-rc.
|
|
3
|
+
"version": "2.4.2-rc.14",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Side Panel",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -52,10 +52,10 @@
|
|
|
52
52
|
"build": "node ../../scripts/build/build.js"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
|
-
"@elliemae/ds-button": "2.4.2-rc.
|
|
56
|
-
"@elliemae/ds-grid": "2.4.2-rc.
|
|
57
|
-
"@elliemae/ds-icons": "2.4.2-rc.
|
|
58
|
-
"@elliemae/ds-system": "2.4.2-rc.
|
|
55
|
+
"@elliemae/ds-button": "2.4.2-rc.14",
|
|
56
|
+
"@elliemae/ds-grid": "2.4.2-rc.14",
|
|
57
|
+
"@elliemae/ds-icons": "2.4.2-rc.14",
|
|
58
|
+
"@elliemae/ds-system": "2.4.2-rc.14",
|
|
59
59
|
"react-desc": "~4.1.3"
|
|
60
60
|
},
|
|
61
61
|
"devDependencies": {
|