glints-aries 4.0.351 → 4.0.352
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/es/@next/SideSheet/SideSheet.js +2 -2
- package/es/@next/SideSheet/SideSheetStyle.d.ts +1 -0
- package/es/@next/SideSheet/SideSheetStyle.js +5 -1
- package/lib/@next/SideSheet/SideSheet.js +1 -1
- package/lib/@next/SideSheet/SideSheetStyle.d.ts +1 -0
- package/lib/@next/SideSheet/SideSheetStyle.js +7 -2
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@ import { ButtonGroup } from '../ButtonGroup';
|
|
|
7
7
|
import { Icon } from '../Icon';
|
|
8
8
|
import { Neutral } from '../utilities/colors';
|
|
9
9
|
import { Portal } from '../Portal/Portal';
|
|
10
|
-
import { StyledSideSheetContainer, StyledSideSheetWrapper, StyledSideSheetHeader, StyledButtonContainer, StyledRightContainer, StyledHorizontalLine, StyledSideSheetFooter, StyledButtonGroupContainer } from './SideSheetStyle';
|
|
10
|
+
import { StyledSideSheetContainer, StyledSideSheetWrapper, StyledSideSheetHeader, StyledButtonContainer, StyledRightContainer, StyledHorizontalLine, StyledSideSheetFooter, StyledButtonGroupContainer, SideSheetContent } from './SideSheetStyle';
|
|
11
11
|
import { Typography } from '../Typography';
|
|
12
12
|
var SideSheet = /*#__PURE__*/React.forwardRef(function SideSheet(_ref, ref) {
|
|
13
13
|
var isOpen = _ref.isOpen,
|
|
@@ -88,7 +88,7 @@ var SideSheet = /*#__PURE__*/React.forwardRef(function SideSheet(_ref, ref) {
|
|
|
88
88
|
onClick: handleClose
|
|
89
89
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
90
90
|
name: "ri-close"
|
|
91
|
-
})))), showHorizontalLine && /*#__PURE__*/React.createElement(StyledHorizontalLine, null), /*#__PURE__*/React.createElement(
|
|
91
|
+
})))), showHorizontalLine && /*#__PURE__*/React.createElement(StyledHorizontalLine, null), /*#__PURE__*/React.createElement(SideSheetContent, {
|
|
92
92
|
className: "sidesheet-content"
|
|
93
93
|
}, children), (basicButtonAction || primaryButtonAction) && /*#__PURE__*/React.createElement(StyledSideSheetFooter, null, /*#__PURE__*/React.createElement(StyledHorizontalLine, null), /*#__PURE__*/React.createElement(StyledButtonGroupContainer, null, /*#__PURE__*/React.createElement(ButtonGroup, {
|
|
94
94
|
fullWidth: true
|
|
@@ -6,3 +6,4 @@ export declare const StyledRightContainer: import("styled-components").StyledCom
|
|
|
6
6
|
export declare const StyledHorizontalLine: import("styled-components").StyledComponent<"hr", any, {}, never>;
|
|
7
7
|
export declare const StyledSideSheetFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
8
|
export declare const StyledButtonGroupContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
|
+
export declare const SideSheetContent: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -32,4 +32,8 @@ export var StyledSideSheetFooter = styled.div.withConfig({
|
|
|
32
32
|
export var StyledButtonGroupContainer = styled.div.withConfig({
|
|
33
33
|
displayName: "SideSheetStyle__StyledButtonGroupContainer",
|
|
34
34
|
componentId: "sc-z0rzf0-7"
|
|
35
|
-
})(["margin:16px 20px;"]);
|
|
35
|
+
})(["margin:16px 20px;"]);
|
|
36
|
+
export var SideSheetContent = styled.div.withConfig({
|
|
37
|
+
displayName: "SideSheetStyle__SideSheetContent",
|
|
38
|
+
componentId: "sc-z0rzf0-8"
|
|
39
|
+
})(["overflow-y:scroll;"]);
|
|
@@ -95,7 +95,7 @@ var SideSheet = /*#__PURE__*/_react["default"].forwardRef(function SideSheet(_re
|
|
|
95
95
|
onClick: handleClose
|
|
96
96
|
}, /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
|
|
97
97
|
name: "ri-close"
|
|
98
|
-
})))), showHorizontalLine && /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledHorizontalLine, null), /*#__PURE__*/_react["default"].createElement(
|
|
98
|
+
})))), showHorizontalLine && /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledHorizontalLine, null), /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.SideSheetContent, {
|
|
99
99
|
className: "sidesheet-content"
|
|
100
100
|
}, children), (basicButtonAction || primaryButtonAction) && /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledSideSheetFooter, null, /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledHorizontalLine, null), /*#__PURE__*/_react["default"].createElement(_SideSheetStyle.StyledButtonGroupContainer, null, /*#__PURE__*/_react["default"].createElement(_ButtonGroup.ButtonGroup, {
|
|
101
101
|
fullWidth: true
|
|
@@ -6,3 +6,4 @@ export declare const StyledRightContainer: import("styled-components").StyledCom
|
|
|
6
6
|
export declare const StyledHorizontalLine: import("styled-components").StyledComponent<"hr", any, {}, never>;
|
|
7
7
|
export declare const StyledSideSheetFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
8
|
export declare const StyledButtonGroupContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
|
+
export declare const SideSheetContent: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
exports.__esModule = true;
|
|
5
|
-
exports.StyledSideSheetWrapper = exports.StyledSideSheetHeader = exports.StyledSideSheetFooter = exports.StyledSideSheetContainer = exports.StyledRightContainer = exports.StyledHorizontalLine = exports.StyledButtonGroupContainer = exports.StyledButtonContainer = void 0;
|
|
5
|
+
exports.StyledSideSheetWrapper = exports.StyledSideSheetHeader = exports.StyledSideSheetFooter = exports.StyledSideSheetContainer = exports.StyledRightContainer = exports.StyledHorizontalLine = exports.StyledButtonGroupContainer = exports.StyledButtonContainer = exports.SideSheetContent = void 0;
|
|
6
6
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
7
7
|
var _colors = require("../utilities/colors");
|
|
8
8
|
var Breakpoints = _interopRequireWildcard(require("../utilities/breakpoints"));
|
|
@@ -47,4 +47,9 @@ var StyledButtonGroupContainer = _styledComponents["default"].div.withConfig({
|
|
|
47
47
|
displayName: "SideSheetStyle__StyledButtonGroupContainer",
|
|
48
48
|
componentId: "sc-z0rzf0-7"
|
|
49
49
|
})(["margin:16px 20px;"]);
|
|
50
|
-
exports.StyledButtonGroupContainer = StyledButtonGroupContainer;
|
|
50
|
+
exports.StyledButtonGroupContainer = StyledButtonGroupContainer;
|
|
51
|
+
var SideSheetContent = _styledComponents["default"].div.withConfig({
|
|
52
|
+
displayName: "SideSheetStyle__SideSheetContent",
|
|
53
|
+
componentId: "sc-z0rzf0-8"
|
|
54
|
+
})(["overflow-y:scroll;"]);
|
|
55
|
+
exports.SideSheetContent = SideSheetContent;
|