dibk-design 4.4.1 → 4.5.0

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.
@@ -116,7 +116,7 @@
116
116
  outline-offset: 0px;
117
117
  }
118
118
  .panelText {
119
- font-family: $heading-font;
119
+ font-family: $default-font;
120
120
  font-weight: bold;
121
121
  font-size: 18px;
122
122
  flex: 1;
@@ -5,11 +5,20 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
8
9
  var _ContainerModule = _interopRequireDefault(require("./Container.module.scss"));
9
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
11
  const Container = props => {
12
+ var _props$maxWidth;
13
+ const styleProps = {
14
+ "--max-width": (props === null || props === void 0 || (_props$maxWidth = props.maxWidth) === null || _props$maxWidth === void 0 ? void 0 : _props$maxWidth.length) && props.maxWidth
15
+ };
11
16
  return _react.default.createElement("div", {
12
- className: _ContainerModule.default.container
17
+ className: _ContainerModule.default.container,
18
+ style: styleProps
13
19
  }, props.children);
14
20
  };
21
+ Container.propTypes = {
22
+ maxWidth: _propTypes.default.string
23
+ };
15
24
  var _default = exports.default = Container;
@@ -6,5 +6,8 @@
6
6
  @media (min-width: $screen-sm) {
7
7
  padding: 20px;
8
8
  max-width: $content-width;
9
+ &[style*="--max-width"] {
10
+ max-width: var(--max-width);
11
+ }
9
12
  }
10
13
  }
@@ -34,6 +34,7 @@ const DragAndDropFileInput = props => {
34
34
  return "".concat(props.id, "-errorMessage");
35
35
  };
36
36
  const inputElementProps = {
37
+ id: props.id,
37
38
  "aria-describedby": props.hasErrors && !!((_props$errorMessage = props.errorMessage) !== null && _props$errorMessage !== void 0 && _props$errorMessage.length) ? getErrorElementId() : !!((_props$ariaDescribed = props["aria-describedby"]) !== null && _props$ariaDescribed !== void 0 && _props$ariaDescribed.length) ? props["aria-describedby"] : null,
38
39
  "aria-invalid": props.hasErrors ? "true" : null,
39
40
  name: props.name,
@@ -1,2 +1 @@
1
- $default-font: "PP Mori", "Open Sans", arial, sans-serif;
2
- $heading-font: "PP Mori", "Altis", "Open Sans", arial, sans-serif;
1
+ $default-font: "PP Mori", arial, sans-serif;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dibk-design",
3
- "version": "4.4.1",
3
+ "version": "4.5.0",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "files": [