@longline/aqua-ui 1.0.307 → 1.0.310

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 (2) hide show
  1. package/package.json +1 -1
  2. package/services/Dialog/DialogContent.js +11 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@longline/aqua-ui",
3
- "version": "1.0.307",
3
+ "version": "1.0.310",
4
4
  "description": "AquaUI",
5
5
  "author": "Alexander van Oostenrijk / Longline Environment",
6
6
  "license": "Commercial",
package/services/Dialog/DialogContent.js CHANGED
@@ -25,17 +25,23 @@ var __rest = (this && this.__rest) || function (s, e) {
25
25
  return t;
26
26
  };
27
27
  import * as React from 'react';
28
- import styled, { css } from 'styled-components';
28
+ import styled from 'styled-components';
29
+ import { OverlayScrollbarsComponent } from 'overlayscrollbars-react';
29
30
  var DialogContentBase = function (props) {
30
- return React.createElement("div", { className: props.className }, props.children);
31
+ return React.createElement("div", { className: props.className },
32
+ React.createElement(OverlayScrollbarsComponent, { defer: true, options: { scrollbars: { theme: 'os-theme-light', autoHide: 'leave' } }, style: {
33
+ maxHeight: "inherit",
34
+ padding: props.nopadding ? 0 : "0 20px 24px 20px",
35
+ overflowY: "auto",
36
+ } }, props.children));
31
37
  };
32
- var DialogContentStyled = styled(DialogContentBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n ", "\n max-height: ", "vh;\n overflow-y: auto;\n"], ["\n position: relative;\n ", "\n max-height: ", "vh;\n overflow-y: auto;\n"
38
+ var DialogContentStyled = styled(DialogContentBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n max-height: ", "vh;\n"], ["\n max-height: ", "vh;\n"
33
39
  /**
34
40
  * `Dialog.Content` is a content block for a `Dialog` component. The content
35
41
  * will auto-scroll when it is taller than 70% of the viewport. This percentage
36
42
  * can be adjusted with the `maxHeight` prop.
37
43
  */
38
- ])), function (p) { return !p.nopadding && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["padding: 0 20px 24px 20px;"], ["padding: 0 20px 24px 20px;"]))); }, function (p) { return p.maxHeight; });
44
+ ])), function (p) { return p.maxHeight; });
39
45
  /**
40
46
  * `Dialog.Content` is a content block for a `Dialog` component. The content
41
47
  * will auto-scroll when it is taller than 70% of the viewport. This percentage
@@ -47,4 +53,4 @@ var DialogContent = function (_a) {
47
53
  };
48
54
  DialogContent.displayName = "Dialog.Content";
49
55
  export { DialogContent };
50
- var templateObject_1, templateObject_2;
56
+ var templateObject_1;