@elliemae/ds-side-panel 2.0.0-next.3 → 2.0.0-next.7
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 +3 -8
- package/cjs/SidePanelHeader.js +1 -1
- package/esm/SidePanel.js +3 -8
- package/esm/SidePanelHeader.js +1 -1
- package/package.json +5 -5
- package/cjs/package.json +0 -7
- package/esm/package.json +0 -7
package/cjs/SidePanel.js
CHANGED
|
@@ -25,12 +25,7 @@ const TransGrid = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfi
|
|
|
25
25
|
componentId: "sc-71f9h4-1"
|
|
26
26
|
})(["box-shadow:", ";transition:300ms;border-left:", ";", " background:", ";"], props => props.withBoxShadow ? '0 2px 5px 0 rgba(53, 60, 70, 0.5)' : 'none', props => props.withBorder ? dsSystem.border(props.theme.colors.neutral['300'], '1px') : 'none', ({
|
|
27
27
|
noGridInfluencer
|
|
28
|
-
}) => noGridInfluencer ?
|
|
29
|
-
position: absolute;
|
|
30
|
-
top:0;
|
|
31
|
-
right:0;
|
|
32
|
-
height: 100%;
|
|
33
|
-
` : '', props => props.theme.colors.neutral['000']);
|
|
28
|
+
}) => noGridInfluencer ? "\n position: absolute;\n top:0;\n right:0;\n height: 100%;\n " : '', props => props.theme.colors.neutral['000']);
|
|
34
29
|
const FooterContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
|
|
35
30
|
componentId: "sc-71f9h4-2"
|
|
36
31
|
})(["border-top:", ";"], props => dsSystem.border(props.theme.colors.neutral['300']));
|
|
@@ -52,14 +47,14 @@ const SidePanel = ({
|
|
|
52
47
|
}, void 0, /*#__PURE__*/_jsx__default["default"](TransGrid, {
|
|
53
48
|
height: "100%",
|
|
54
49
|
flex: "1",
|
|
55
|
-
mr: noGridInfluencer ?
|
|
50
|
+
mr: noGridInfluencer ? "".concat(widthWhenIsClosed, "px") : 0
|
|
56
51
|
}, void 0, children), /*#__PURE__*/_jsx__default["default"](TransGrid, {
|
|
57
52
|
style: {
|
|
58
53
|
overflow: 'hidden'
|
|
59
54
|
},
|
|
60
55
|
height: "100%",
|
|
61
56
|
maxHeight: "100%",
|
|
62
|
-
width: isOpen ?
|
|
57
|
+
width: isOpen ? "".concat(panelWidth, "px") : "".concat(widthWhenIsClosed, "px"),
|
|
63
58
|
withBorder: withBorder,
|
|
64
59
|
withBoxShadow: withBoxShadow,
|
|
65
60
|
isOpen: isOpen,
|
package/cjs/SidePanelHeader.js
CHANGED
|
@@ -22,7 +22,7 @@ var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
|
22
22
|
var _Grid, _CloseSmall;
|
|
23
23
|
const StyledSeparator = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
24
24
|
componentId: "sc-1xdsdq5-0"
|
|
25
|
-
})(["width:0;height:100%;margin:0 ", ";border-left:", ";"], props => props.theme.space.xxs, props =>
|
|
25
|
+
})(["width:0;height:100%;margin:0 ", ";border-left:", ";"], props => props.theme.space.xxs, props => "".concat(props.theme.colors.neutral[300], " 1px solid"));
|
|
26
26
|
const StyledTitle = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
27
27
|
componentId: "sc-1xdsdq5-1"
|
|
28
28
|
})(["font-size:18px;font-weight:", ";color:", ";", ""], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700'], dsSystem.truncate());
|
package/esm/SidePanel.js
CHANGED
|
@@ -16,12 +16,7 @@ const TransGrid = /*#__PURE__*/styled(Grid).withConfig({
|
|
|
16
16
|
componentId: "sc-71f9h4-1"
|
|
17
17
|
})(["box-shadow:", ";transition:300ms;border-left:", ";", " background:", ";"], props => props.withBoxShadow ? '0 2px 5px 0 rgba(53, 60, 70, 0.5)' : 'none', props => props.withBorder ? border(props.theme.colors.neutral['300'], '1px') : 'none', ({
|
|
18
18
|
noGridInfluencer
|
|
19
|
-
}) => noGridInfluencer ?
|
|
20
|
-
position: absolute;
|
|
21
|
-
top:0;
|
|
22
|
-
right:0;
|
|
23
|
-
height: 100%;
|
|
24
|
-
` : '', props => props.theme.colors.neutral['000']);
|
|
19
|
+
}) => noGridInfluencer ? "\n position: absolute;\n top:0;\n right:0;\n height: 100%;\n " : '', props => props.theme.colors.neutral['000']);
|
|
25
20
|
const FooterContainer = /*#__PURE__*/styled(Grid).withConfig({
|
|
26
21
|
componentId: "sc-71f9h4-2"
|
|
27
22
|
})(["border-top:", ";"], props => border(props.theme.colors.neutral['300']));
|
|
@@ -43,14 +38,14 @@ const SidePanel = ({
|
|
|
43
38
|
}, void 0, /*#__PURE__*/_jsx(TransGrid, {
|
|
44
39
|
height: "100%",
|
|
45
40
|
flex: "1",
|
|
46
|
-
mr: noGridInfluencer ?
|
|
41
|
+
mr: noGridInfluencer ? "".concat(widthWhenIsClosed, "px") : 0
|
|
47
42
|
}, void 0, children), /*#__PURE__*/_jsx(TransGrid, {
|
|
48
43
|
style: {
|
|
49
44
|
overflow: 'hidden'
|
|
50
45
|
},
|
|
51
46
|
height: "100%",
|
|
52
47
|
maxHeight: "100%",
|
|
53
|
-
width: isOpen ?
|
|
48
|
+
width: isOpen ? "".concat(panelWidth, "px") : "".concat(widthWhenIsClosed, "px"),
|
|
54
49
|
withBorder: withBorder,
|
|
55
50
|
withBoxShadow: withBoxShadow,
|
|
56
51
|
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 => "".concat(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.0.0-next.
|
|
3
|
+
"version": "2.0.0-next.7",
|
|
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.0.0-next.
|
|
56
|
-
"@elliemae/ds-grid": "2.0.0-next.
|
|
57
|
-
"@elliemae/ds-icons": "2.0.0-next.
|
|
58
|
-
"@elliemae/ds-system": "2.0.0-next.
|
|
55
|
+
"@elliemae/ds-button": "2.0.0-next.7",
|
|
56
|
+
"@elliemae/ds-grid": "2.0.0-next.7",
|
|
57
|
+
"@elliemae/ds-icons": "2.0.0-next.7",
|
|
58
|
+
"@elliemae/ds-system": "2.0.0-next.7",
|
|
59
59
|
"react-desc": "~4.1.3"
|
|
60
60
|
},
|
|
61
61
|
"devDependencies": {
|
package/cjs/package.json
DELETED