@dhis2-ui/legend 8.1.10 → 8.2.1

package/build/cjs/legend.js

@@ -17,20 +17,23 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Legend = ({
-  className,
-  children,
-  required,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement("legend", {
-  "data-test": dataTest,
-  className: _style.default.dynamic([["945530629", [_uiConstants.colors.grey900]]]) + " " + (className || "")
-}, children, required && /*#__PURE__*/_react.default.createElement(_required.Required, {
-  dataTest: `${dataTest}-required`
-}), /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "945530629",
-  dynamic: [_uiConstants.colors.grey900]
-}, [`legend.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;color:${_uiConstants.colors.grey900};}`]));
+const Legend = _ref => {
+  let {
+    className,
+    children,
+    required,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("legend", {
+    "data-test": dataTest,
+    className: _style.default.dynamic([["945530629", [_uiConstants.colors.grey900]]]) + " " + (className || "")
+  }, children, required && /*#__PURE__*/_react.default.createElement(_required.Required, {
+    dataTest: "".concat(dataTest, "-required")
+  }), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "945530629",
+    dynamic: [_uiConstants.colors.grey900]
+  }, ["legend.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;color:".concat(_uiConstants.colors.grey900, ";}")]));
+};
 
 exports.Legend = Legend;
 Legend.defaultProps = {

package/build/cjs/legend.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Required = exports.Default = exports.default = void 0;
+exports.default = exports.Required = exports.Default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -11,17 +11,9 @@ var _legend = require("./legend.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const description = `
-Legends are to be used in a Field Set to describe the form fields.  They may indicate that the fields are required.
-
-See the [Field Set](../?path=/docs/forms-field-set-field-set--usage-example-a-radio-button-group-with-error-status) for a usage example.
-
-\`\`\`js
-import { Legend } from '@dhis2/ui'
-\`\`\`
-`;
+const description = "\nLegends are to be used in a Field Set to describe the form fields.  They may indicate that the fields are required.\n\nSee the [Field Set](../?path=/docs/forms-field-set-field-set--usage-example-a-radio-button-group-with-error-status) for a usage example.\n\n```js\nimport { Legend } from '@dhis2/ui'\n```\n";
 var _default = {
-  title: 'Forms/Field Set/Legend',
+  title: 'Legend',
   component: _legend.Legend,
   parameters: {
     docs: {

package/build/es/legend.js

@@ -4,20 +4,23 @@ import { colors } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
 
-const Legend = ({
-  className,
-  children,
-  required,
-  dataTest
-}) => /*#__PURE__*/React.createElement("legend", {
-  "data-test": dataTest,
-  className: _JSXStyle.dynamic([["945530629", [colors.grey900]]]) + " " + (className || "")
-}, children, required && /*#__PURE__*/React.createElement(Required, {
-  dataTest: `${dataTest}-required`
-}), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "945530629",
-  dynamic: [colors.grey900]
-}, [`legend.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;color:${colors.grey900};}`]));
+const Legend = _ref => {
+  let {
+    className,
+    children,
+    required,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("legend", {
+    "data-test": dataTest,
+    className: _JSXStyle.dynamic([["945530629", [colors.grey900]]]) + " " + (className || "")
+  }, children, required && /*#__PURE__*/React.createElement(Required, {
+    dataTest: "".concat(dataTest, "-required")
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "945530629",
+    dynamic: [colors.grey900]
+  }, ["legend.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;color:".concat(colors.grey900, ";}")]));
+};
 
 Legend.defaultProps = {
   dataTest: 'dhis2-uicore-legend'

package/build/es/legend.stories.js

@@ -1,16 +1,8 @@
 import React from 'react';
 import { Legend } from './legend.js';
-const description = `
-Legends are to be used in a Field Set to describe the form fields.  They may indicate that the fields are required.
-
-See the [Field Set](../?path=/docs/forms-field-set-field-set--usage-example-a-radio-button-group-with-error-status) for a usage example.
-
-\`\`\`js
-import { Legend } from '@dhis2/ui'
-\`\`\`
-`;
+const description = "\nLegends are to be used in a Field Set to describe the form fields.  They may indicate that the fields are required.\n\nSee the [Field Set](../?path=/docs/forms-field-set-field-set--usage-example-a-radio-button-group-with-error-status) for a usage example.\n\n```js\nimport { Legend } from '@dhis2/ui'\n```\n";
 export default {
-  title: 'Forms/Field Set/Legend',
+  title: 'Legend',
   component: Legend,
   parameters: {
     docs: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/legend",
-    "version": "8.1.10",
+    "version": "8.2.1",
     "description": "UI Legend",
     "repository": {
         "type": "git",
@@ -32,8 +32,8 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.0.0-beta.1",
-        "@dhis2-ui/required": "8.1.10",
-        "@dhis2/ui-constants": "8.1.10",
+        "@dhis2-ui/required": "8.2.1",
+        "@dhis2/ui-constants": "8.2.1",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },