glints-aries 4.0.225 → 4.0.226

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.
Files changed (5) hide show
  1. package/es/@next/Modal/Modal.stories.d.ts +1 -0
  2. package/es/@next/Modal/ModalStyle.js +2 -2
  3. package/lib/@next/Modal/Modal.stories.d.ts +1 -0
  4. package/lib/@next/Modal/ModalStyle.js +2 -2
  5. package/package.json +1 -1
package/es/@next/Modal/Modal.stories.d.ts CHANGED
@@ -3,5 +3,6 @@ declare const _default: Meta<import("@storybook/react").Args>;
3
3
  export default _default;
4
4
  export declare const Interactive: any;
5
5
  export declare const WithLargeContent: any;
6
+ export declare const WithOverflowContent: any;
6
7
  export declare const WithSpinner: any;
7
8
  export declare const WithCustomActions: any;
package/es/@next/Modal/ModalStyle.js CHANGED
@@ -10,7 +10,7 @@ export var StyledModalWrapper = styled.div.withConfig({
10
10
  export var StyledModalContainer = styled.div.withConfig({
11
11
  displayName: "ModalStyle__StyledModalContainer",
12
12
  componentId: "sc-1694up4-1"
13
- })(["position:relative;background:", ";display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0;box-shadow:0px 26px 80px rgba(0,0,0,0.2),0px 0px 1px rgba(0,0,0,0.2);border-radius:", ";min-width:320px;width:fit-content;max-width:calc(100vw - 32px);"], Neutral.B100, borderRadius8);
13
+ })(["position:relative;background:", ";display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0;box-shadow:0px 26px 80px rgba(0,0,0,0.2),0px 0px 1px rgba(0,0,0,0.2);border-radius:", ";min-width:320px;width:fit-content;max-width:calc(100vw - 32px);height:fit-content;max-height:calc(100vh - 96px);"], Neutral.B100, borderRadius8);
14
14
  export var StyledModalHeader = styled.div.withConfig({
15
15
  displayName: "ModalStyle__StyledModalHeader",
16
16
  componentId: "sc-1694up4-2"
@@ -18,7 +18,7 @@ export var StyledModalHeader = styled.div.withConfig({
18
18
  export var StyledModalContent = styled.div.withConfig({
19
19
  displayName: "ModalStyle__StyledModalContent",
20
20
  componentId: "sc-1694up4-3"
21
- })(["min-height:24px;color:#202223;width:fit-content;padding:20px;@media (max-width:", "){padding:20px ", ";}"], Breakpoints.large, space16);
21
+ })(["min-height:24px;color:#202223;width:fit-content;padding:20px;overflow:auto;@media (max-width:", "){padding:20px ", ";}"], Breakpoints.large, space16);
22
22
  export var StyledModalActions = styled.div.withConfig({
23
23
  displayName: "ModalStyle__StyledModalActions",
24
24
  componentId: "sc-1694up4-4"
package/lib/@next/Modal/Modal.stories.d.ts CHANGED
@@ -3,5 +3,6 @@ declare const _default: Meta<import("@storybook/react").Args>;
3
3
  export default _default;
4
4
  export declare const Interactive: any;
5
5
  export declare const WithLargeContent: any;
6
+ export declare const WithOverflowContent: any;
6
7
  export declare const WithSpinner: any;
7
8
  export declare const WithCustomActions: any;
package/lib/@next/Modal/ModalStyle.js CHANGED
@@ -18,7 +18,7 @@ exports.StyledModalWrapper = StyledModalWrapper;
18
18
  var StyledModalContainer = _styledComponents["default"].div.withConfig({
19
19
  displayName: "ModalStyle__StyledModalContainer",
20
20
  componentId: "sc-1694up4-1"
21
- })(["position:relative;background:", ";display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0;box-shadow:0px 26px 80px rgba(0,0,0,0.2),0px 0px 1px rgba(0,0,0,0.2);border-radius:", ";min-width:320px;width:fit-content;max-width:calc(100vw - 32px);"], _colors.Neutral.B100, _borderRadius.borderRadius8);
21
+ })(["position:relative;background:", ";display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0;box-shadow:0px 26px 80px rgba(0,0,0,0.2),0px 0px 1px rgba(0,0,0,0.2);border-radius:", ";min-width:320px;width:fit-content;max-width:calc(100vw - 32px);height:fit-content;max-height:calc(100vh - 96px);"], _colors.Neutral.B100, _borderRadius.borderRadius8);
22
22
  exports.StyledModalContainer = StyledModalContainer;
23
23
  var StyledModalHeader = _styledComponents["default"].div.withConfig({
24
24
  displayName: "ModalStyle__StyledModalHeader",
@@ -28,7 +28,7 @@ exports.StyledModalHeader = StyledModalHeader;
28
28
  var StyledModalContent = _styledComponents["default"].div.withConfig({
29
29
  displayName: "ModalStyle__StyledModalContent",
30
30
  componentId: "sc-1694up4-3"
31
- })(["min-height:24px;color:#202223;width:fit-content;padding:20px;@media (max-width:", "){padding:20px ", ";}"], Breakpoints.large, _spacing.space16);
31
+ })(["min-height:24px;color:#202223;width:fit-content;padding:20px;overflow:auto;@media (max-width:", "){padding:20px ", ";}"], Breakpoints.large, _spacing.space16);
32
32
  exports.StyledModalContent = StyledModalContent;
33
33
  var StyledModalActions = _styledComponents["default"].div.withConfig({
34
34
  displayName: "ModalStyle__StyledModalActions",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "glints-aries",
3
- "version": "4.0.225",
3
+ "version": "4.0.226",
4
4
  "description": "Glints ui-kit for frontend",
5
5
  "main": "./lib/index.js",
6
6
  "module": "./es/index.js",