@dhis2-ui/tag 9.12.0-alpha.4 → 9.13.0

package/build/cjs/tag.js

@@ -15,14 +15,14 @@ var _tagText = require("./tag-text.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Tag = _ref => {
   let {
-    maxWidth,
+    maxWidth = '240px',
     neutral,
     negative,
     positive,
     icon,
     bold,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tag',
     children
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -44,10 +44,6 @@ const Tag = _ref => {
 };
 exports.Tag = Tag;
 const tagVariantPropType = (0, _propTypes.mutuallyExclusive)(['neutral', 'positive', 'negative'], _propTypes2.default.bool);
-Tag.defaultProps = {
-  dataTest: 'dhis2-uicore-tag',
-  maxWidth: '240px'
-};
 Tag.propTypes = {
   /** Use bold tags where it is important that the tag is seen by the user in an information dense interface. Bold tags should be reserved for edge cases and not overused. */
   bold: _propTypes2.default.bool,

package/build/es/tag.js

@@ -8,14 +8,14 @@ import { TagIcon } from './tag-icon.js';
 import { TagText } from './tag-text.js';
 export const Tag = _ref => {
   let {
-    maxWidth,
+    maxWidth = '240px',
     neutral,
     negative,
     positive,
     icon,
     bold,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tag',
     children
   } = _ref;
   return /*#__PURE__*/React.createElement("div", {
@@ -36,10 +36,6 @@ export const Tag = _ref => {
   }, [`div.__jsx-style-dynamic-selector{padding:5px 6px;border-radius:3px;background-color:${colors.grey300};fill:${colors.grey700};color:${colors.grey900};max-width:${maxWidth};display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;height:23px;}`, `.negative.__jsx-style-dynamic-selector{background-color:${colors.red100};fill:${colors.red800};color:${colors.red900};}`, `.neutral.__jsx-style-dynamic-selector{background-color:${colors.blue100};fill:${colors.blue800};color:${colors.blue900};}`, `.positive.__jsx-style-dynamic-selector{background-color:${colors.green100};fill:${colors.green800};color:${colors.green900};}`, `.bold.__jsx-style-dynamic-selector{font-weight:700;background-color:${colors.grey700};color:${colors.white};fill:${colors.white};}`, `.bold.neutral.__jsx-style-dynamic-selector{background-color:${colors.blue800};color:${colors.blue050};fill:${colors.white};}`, `.bold.positive.__jsx-style-dynamic-selector{background-color:${colors.green700};color:${colors.green050};fill:${colors.white};}`, `.bold.negative.__jsx-style-dynamic-selector{background-color:${colors.red700};color:${colors.red050};fill:${colors.white};}`]));
 };
 const tagVariantPropType = mutuallyExclusive(['neutral', 'positive', 'negative'], PropTypes.bool);
-Tag.defaultProps = {
-  dataTest: 'dhis2-uicore-tag',
-  maxWidth: '240px'
-};
 Tag.propTypes = {
   /** Use bold tags where it is important that the tag is seen by the user in an information dense interface. Bold tags should be reserved for edge cases and not overused. */
   bold: PropTypes.bool,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/tag",
-    "version": "9.12.0-alpha.4",
+    "version": "9.13.0",
     "description": "UI Tag",
     "repository": {
         "type": "git",
@@ -27,13 +27,13 @@
         "test": "d2-app-scripts test --jestConfig ../../jest.config.shared.js"
     },
     "peerDependencies": {
-        "react": "^16.13",
-        "react-dom": "^16.13",
+        "react": "^16.13 || ^18",
+        "react-dom": "^16.13 || ^18",
         "styled-jsx": "^4"
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2/ui-constants": "9.12.0-alpha.4",
+        "@dhis2/ui-constants": "9.13.0",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },
@@ -42,8 +42,8 @@
         "types"
     ],
     "devDependencies": {
-        "react": "16.13",
-        "react-dom": "16.13",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
         "styled-jsx": "^4.0.1"
     },
     "types": "types"