@dhis2-ui/help 8.1.11 → 8.2.2

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/build/cjs/help.js +19 -16
  2. package/build/cjs/help.stories.js +3 -9
  3. package/build/es/help.js +19 -16
  4. package/build/es/help.stories.js +2 -8
  5. package/package.json +2 -2
package/build/cjs/help.js CHANGED
@@ -17,24 +17,27 @@ var _react = _interopRequireDefault(require("react"));
17
17
 
18
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
19
 
20
- const Help = ({
21
- children,
22
- valid,
23
- error,
24
- warning,
25
- className,
26
- dataTest
27
- }) => /*#__PURE__*/_react.default.createElement("p", {
28
- "data-test": dataTest,
29
- className: _style.default.dynamic([["1707655029", [_uiConstants.spacers.dp4, _uiConstants.theme.default, _uiConstants.colors.blue700, _uiConstants.theme.error, _uiConstants.colors.yellow800]]]) + " " + ((0, _classnames.default)(className, {
20
+ const Help = _ref => {
21
+ let {
22
+ children,
30
23
  valid,
31
24
  error,
32
- warning
33
- }) || "")
34
- }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
35
- id: "1707655029",
36
- dynamic: [_uiConstants.spacers.dp4, _uiConstants.theme.default, _uiConstants.colors.blue700, _uiConstants.theme.error, _uiConstants.colors.yellow800]
37
- }, [`p.__jsx-style-dynamic-selector{margin-top:${_uiConstants.spacers.dp4};margin-right:0;margin-bottom:0;margin-left:0;font-size:12px;line-height:14px;color:${_uiConstants.theme.default};cursor:help;}`, `.valid.__jsx-style-dynamic-selector{color:${_uiConstants.colors.blue700};}`, `.error.__jsx-style-dynamic-selector{color:${_uiConstants.theme.error};}`, `.warning.__jsx-style-dynamic-selector{color:${_uiConstants.colors.yellow800};}`]));
25
+ warning,
26
+ className,
27
+ dataTest
28
+ } = _ref;
29
+ return /*#__PURE__*/_react.default.createElement("p", {
30
+ "data-test": dataTest,
31
+ className: _style.default.dynamic([["1707655029", [_uiConstants.spacers.dp4, _uiConstants.theme.default, _uiConstants.colors.blue700, _uiConstants.theme.error, _uiConstants.colors.yellow800]]]) + " " + ((0, _classnames.default)(className, {
32
+ valid,
33
+ error,
34
+ warning
35
+ }) || "")
36
+ }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
37
+ id: "1707655029",
38
+ dynamic: [_uiConstants.spacers.dp4, _uiConstants.theme.default, _uiConstants.colors.blue700, _uiConstants.theme.error, _uiConstants.colors.yellow800]
39
+ }, ["p.__jsx-style-dynamic-selector{margin-top:".concat(_uiConstants.spacers.dp4, ";margin-right:0;margin-bottom:0;margin-left:0;font-size:12px;line-height:14px;color:").concat(_uiConstants.theme.default, ";cursor:help;}"), ".valid.__jsx-style-dynamic-selector{color:".concat(_uiConstants.colors.blue700, ";}"), ".error.__jsx-style-dynamic-selector{color:".concat(_uiConstants.theme.error, ";}"), ".warning.__jsx-style-dynamic-selector{color:".concat(_uiConstants.colors.yellow800, ";}")]));
40
+ };
38
41
 
39
42
  exports.Help = Help;
40
43
  Help.defaultProps = {
package/build/cjs/help.stories.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.TextOverflow = exports.StatusError = exports.StatusValid = exports.StatusWarning = exports.Default = exports.default = void 0;
6
+ exports.default = exports.TextOverflow = exports.StatusWarning = exports.StatusValid = exports.StatusError = exports.Default = void 0;
7
7
 
8
8
  var _uiConstants = require("@dhis2/ui-constants");
9
9
 
@@ -13,15 +13,9 @@ var _help = require("./help.js");
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
16
- const description = `
17
- Small text for giving guiding information or feedback, especially for data entry instructions or form validation feedback.
18
-
19
- \`\`\`js
20
- import { Help } from '@dhis2/ui'
21
- \`\`\`
22
- `;
16
+ const description = "\nSmall text for giving guiding information or feedback, especially for data entry instructions or form validation feedback.\n\n```js\nimport { Help } from '@dhis2/ui'\n```\n";
23
17
  var _default = {
24
- title: 'Forms/Help',
18
+ title: 'Help',
25
19
  component: _help.Help,
26
20
  parameters: {
27
21
  docs: {
package/build/es/help.js CHANGED
@@ -4,24 +4,27 @@ import cx from 'classnames';
4
4
  import PropTypes from 'prop-types';
5
5
  import React from 'react';
6
6
 
7
- const Help = ({
8
- children,
9
- valid,
10
- error,
11
- warning,
12
- className,
13
- dataTest
14
- }) => /*#__PURE__*/React.createElement("p", {
15
- "data-test": dataTest,
16
- className: _JSXStyle.dynamic([["1707655029", [spacers.dp4, theme.default, colors.blue700, theme.error, colors.yellow800]]]) + " " + (cx(className, {
7
+ const Help = _ref => {
8
+ let {
9
+ children,
17
10
  valid,
18
11
  error,
19
- warning
20
- }) || "")
21
- }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
22
- id: "1707655029",
23
- dynamic: [spacers.dp4, theme.default, colors.blue700, theme.error, colors.yellow800]
24
- }, [`p.__jsx-style-dynamic-selector{margin-top:${spacers.dp4};margin-right:0;margin-bottom:0;margin-left:0;font-size:12px;line-height:14px;color:${theme.default};cursor:help;}`, `.valid.__jsx-style-dynamic-selector{color:${colors.blue700};}`, `.error.__jsx-style-dynamic-selector{color:${theme.error};}`, `.warning.__jsx-style-dynamic-selector{color:${colors.yellow800};}`]));
12
+ warning,
13
+ className,
14
+ dataTest
15
+ } = _ref;
16
+ return /*#__PURE__*/React.createElement("p", {
17
+ "data-test": dataTest,
18
+ className: _JSXStyle.dynamic([["1707655029", [spacers.dp4, theme.default, colors.blue700, theme.error, colors.yellow800]]]) + " " + (cx(className, {
19
+ valid,
20
+ error,
21
+ warning
22
+ }) || "")
23
+ }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
24
+ id: "1707655029",
25
+ dynamic: [spacers.dp4, theme.default, colors.blue700, theme.error, colors.yellow800]
26
+ }, ["p.__jsx-style-dynamic-selector{margin-top:".concat(spacers.dp4, ";margin-right:0;margin-bottom:0;margin-left:0;font-size:12px;line-height:14px;color:").concat(theme.default, ";cursor:help;}"), ".valid.__jsx-style-dynamic-selector{color:".concat(colors.blue700, ";}"), ".error.__jsx-style-dynamic-selector{color:".concat(theme.error, ";}"), ".warning.__jsx-style-dynamic-selector{color:".concat(colors.yellow800, ";}")]));
27
+ };
25
28
 
26
29
  Help.defaultProps = {
27
30
  dataTest: 'dhis2-uicore-help'
package/build/es/help.stories.js CHANGED
@@ -1,15 +1,9 @@
1
1
  import { sharedPropTypes } from '@dhis2/ui-constants';
2
2
  import React from 'react';
3
3
  import { Help } from './help.js';
4
- const description = `
5
- Small text for giving guiding information or feedback, especially for data entry instructions or form validation feedback.
6
-
7
- \`\`\`js
8
- import { Help } from '@dhis2/ui'
9
- \`\`\`
10
- `;
4
+ const description = "\nSmall text for giving guiding information or feedback, especially for data entry instructions or form validation feedback.\n\n```js\nimport { Help } from '@dhis2/ui'\n```\n";
11
5
  export default {
12
- title: 'Forms/Help',
6
+ title: 'Help',
13
7
  component: Help,
14
8
  parameters: {
15
9
  docs: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhis2-ui/help",
3
- "version": "8.1.11",
3
+ "version": "8.2.2",
4
4
  "description": "UI Help",
5
5
  "repository": {
6
6
  "type": "git",
@@ -32,7 +32,7 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@dhis2/prop-types": "^3.0.0-beta.1",
35
- "@dhis2/ui-constants": "8.1.11",
35
+ "@dhis2/ui-constants": "8.2.2",
36
36
  "classnames": "^2.3.1",
37
37
  "prop-types": "^15.7.2"
38
38
  },