@dhis2-ui/modal 7.8.0 → 7.10.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.
Files changed (7) hide show
  1. package/build/cjs/modal-actions/modal-actions.js +6 -3
  2. package/build/cjs/modal-content/modal-content.js +3 -6
  3. package/build/cjs/modal-title/modal-title.js +4 -4
  4. package/build/es/modal-actions/modal-actions.js +5 -3
  5. package/build/es/modal-content/modal-content.js +3 -5
  6. package/build/es/modal-title/modal-title.js +5 -5
  7. package/package.json +6 -6
package/build/cjs/modal-actions/modal-actions.js CHANGED
@@ -7,6 +7,8 @@ exports.ModalActions = void 0;
7
7
 
8
8
  var _style = _interopRequireDefault(require("styled-jsx/style"));
9
9
 
10
+ var _uiConstants = require("@dhis2/ui-constants");
11
+
10
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
13
 
12
14
  var _react = _interopRequireDefault(require("react"));
@@ -18,10 +20,11 @@ const ModalActions = ({
18
20
  dataTest
19
21
  }) => /*#__PURE__*/_react.default.createElement("div", {
20
22
  "data-test": dataTest,
21
- className: "jsx-1854645064"
23
+ className: _style.default.dynamic([["2674552674", [_uiConstants.spacers.dp16]]])
22
24
  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
23
- id: "1854645064"
24
- }, ["div.jsx-1854645064{-webkit-order:3;-ms-flex-order:3;order:3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;}"]));
25
+ id: "2674552674",
26
+ dynamic: [_uiConstants.spacers.dp16]
27
+ }, [`div.__jsx-style-dynamic-selector{-webkit-order:3;-ms-flex-order:3;order:3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;margin:${_uiConstants.spacers.dp16} 0 0;}`]));
25
28
 
26
29
  exports.ModalActions = ModalActions;
27
30
  ModalActions.defaultProps = {
package/build/cjs/modal-content/modal-content.js CHANGED
@@ -7,8 +7,6 @@ exports.ModalContent = void 0;
7
7
 
8
8
  var _style = _interopRequireDefault(require("styled-jsx/style"));
9
9
 
10
- var _uiConstants = require("@dhis2/ui-constants");
11
-
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
 
14
12
  var _react = _interopRequireDefault(require("react"));
@@ -21,11 +19,10 @@ const ModalContent = ({
21
19
  dataTest
22
20
  }) => /*#__PURE__*/_react.default.createElement("div", {
23
21
  "data-test": dataTest,
24
- className: _style.default.dynamic([["2007936047", [_uiConstants.spacers.dp24]]]) + " " + (className || "")
22
+ className: "jsx-3719215021" + " " + (className || "")
25
23
  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
26
- id: "2007936047",
27
- dynamic: [_uiConstants.spacers.dp24]
28
- }, [`div.__jsx-style-dynamic-selector{-webkit-order:2;-ms-flex-order:2;order:2;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;margin:${_uiConstants.spacers.dp24} 0;overflow-y:auto;}`]));
24
+ id: "3719215021"
25
+ }, ["div.jsx-3719215021{-webkit-order:2;-ms-flex-order:2;order:2;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;overflow-y:auto;}"]));
29
26
 
30
27
  exports.ModalContent = ModalContent;
31
28
  ModalContent.defaultProps = {
package/build/cjs/modal-title/modal-title.js CHANGED
@@ -22,11 +22,11 @@ const ModalTitle = ({
22
22
  dataTest
23
23
  }) => /*#__PURE__*/_react.default.createElement("h1", {
24
24
  "data-test": dataTest,
25
- className: _style.default.dynamic([["1318387758", [_uiConstants.colors.grey900]]]) + " " + ((0, _classnames.default)('title') || "")
25
+ className: _style.default.dynamic([["4169842822", [_uiConstants.colors.grey900, _uiConstants.spacers.dp12]]]) + " " + ((0, _classnames.default)('title') || "")
26
26
  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
27
- id: "1318387758",
28
- dynamic: [_uiConstants.colors.grey900]
29
- }, [`h1.__jsx-style-dynamic-selector{-webkit-order:1;-ms-flex-order:1;order:1;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;color:${_uiConstants.colors.grey900};font-size:20px;font-weight:500;line-height:24px;margin:0;}`]));
27
+ id: "4169842822",
28
+ dynamic: [_uiConstants.colors.grey900, _uiConstants.spacers.dp12]
29
+ }, [`h1.__jsx-style-dynamic-selector{-webkit-order:1;-ms-flex-order:1;order:1;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;color:${_uiConstants.colors.grey900};font-size:20px;font-weight:500;line-height:24px;margin:0 0 ${_uiConstants.spacers.dp12};}`]));
30
30
 
31
31
  exports.ModalTitle = ModalTitle;
32
32
  ModalTitle.defaultProps = {
package/build/es/modal-actions/modal-actions.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import _JSXStyle from "styled-jsx/style";
2
+ import { spacers } from '@dhis2/ui-constants';
2
3
  import PropTypes from 'prop-types';
3
4
  import React from 'react';
4
5
  export const ModalActions = ({
@@ -6,10 +7,11 @@ export const ModalActions = ({
6
7
  dataTest
7
8
  }) => /*#__PURE__*/React.createElement("div", {
8
9
  "data-test": dataTest,
9
- className: "jsx-1854645064"
10
+ className: _JSXStyle.dynamic([["2674552674", [spacers.dp16]]])
10
11
  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
11
- id: "1854645064"
12
- }, ["div.jsx-1854645064{-webkit-order:3;-ms-flex-order:3;order:3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;}"]));
12
+ id: "2674552674",
13
+ dynamic: [spacers.dp16]
14
+ }, [`div.__jsx-style-dynamic-selector{-webkit-order:3;-ms-flex-order:3;order:3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;margin:${spacers.dp16} 0 0;}`]));
13
15
  ModalActions.defaultProps = {
14
16
  dataTest: 'dhis2-uicore-modalactions'
15
17
  };
package/build/es/modal-content/modal-content.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import _JSXStyle from "styled-jsx/style";
2
- import { spacers } from '@dhis2/ui-constants';
3
2
  import PropTypes from 'prop-types';
4
3
  import React from 'react';
5
4
  export const ModalContent = ({
@@ -8,11 +7,10 @@ export const ModalContent = ({
8
7
  dataTest
9
8
  }) => /*#__PURE__*/React.createElement("div", {
10
9
  "data-test": dataTest,
11
- className: _JSXStyle.dynamic([["2007936047", [spacers.dp24]]]) + " " + (className || "")
10
+ className: "jsx-3719215021" + " " + (className || "")
12
11
  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
13
- id: "2007936047",
14
- dynamic: [spacers.dp24]
15
- }, [`div.__jsx-style-dynamic-selector{-webkit-order:2;-ms-flex-order:2;order:2;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;margin:${spacers.dp24} 0;overflow-y:auto;}`]));
12
+ id: "3719215021"
13
+ }, ["div.jsx-3719215021{-webkit-order:2;-ms-flex-order:2;order:2;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;overflow-y:auto;}"]));
16
14
  ModalContent.defaultProps = {
17
15
  dataTest: 'dhis2-uicore-modalcontent'
18
16
  };
package/build/es/modal-title/modal-title.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import _JSXStyle from "styled-jsx/style";
2
- import { colors } from '@dhis2/ui-constants';
2
+ import { colors, spacers } from '@dhis2/ui-constants';
3
3
  import cx from 'classnames';
4
4
  import PropTypes from 'prop-types';
5
5
  import React from 'react';
@@ -8,11 +8,11 @@ export const ModalTitle = ({
8
8
  dataTest
9
9
  }) => /*#__PURE__*/React.createElement("h1", {
10
10
  "data-test": dataTest,
11
- className: _JSXStyle.dynamic([["1318387758", [colors.grey900]]]) + " " + (cx('title') || "")
11
+ className: _JSXStyle.dynamic([["4169842822", [colors.grey900, spacers.dp12]]]) + " " + (cx('title') || "")
12
12
  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
13
- id: "1318387758",
14
- dynamic: [colors.grey900]
15
- }, [`h1.__jsx-style-dynamic-selector{-webkit-order:1;-ms-flex-order:1;order:1;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;color:${colors.grey900};font-size:20px;font-weight:500;line-height:24px;margin:0;}`]));
13
+ id: "4169842822",
14
+ dynamic: [colors.grey900, spacers.dp12]
15
+ }, [`h1.__jsx-style-dynamic-selector{-webkit-order:1;-ms-flex-order:1;order:1;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;color:${colors.grey900};font-size:20px;font-weight:500;line-height:24px;margin:0 0 ${spacers.dp12};}`]));
16
16
  ModalTitle.defaultProps = {
17
17
  dataTest: 'dhis2-uicore-modaltitle'
18
18
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhis2-ui/modal",
3
- "version": "7.8.0",
3
+ "version": "7.10.0",
4
4
  "description": "UI Modal",
5
5
  "repository": {
6
6
  "type": "git",
@@ -32,11 +32,11 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@dhis2/prop-types": "^3.0.0-beta.1",
35
- "@dhis2-ui/card": "7.8.0",
36
- "@dhis2-ui/center": "7.8.0",
37
- "@dhis2-ui/layer": "7.8.0",
38
- "@dhis2-ui/portal": "7.8.0",
39
- "@dhis2/ui-constants": "7.8.0",
35
+ "@dhis2-ui/card": "7.10.0",
36
+ "@dhis2-ui/center": "7.10.0",
37
+ "@dhis2-ui/layer": "7.10.0",
38
+ "@dhis2-ui/portal": "7.10.0",
39
+ "@dhis2/ui-constants": "7.10.0",
40
40
  "classnames": "^2.3.1",
41
41
  "prop-types": "^15.7.2"
42
42
  },