@clayui/badge 3.106.1 → 3.111.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.111.0](https://github.com/liferay/clay/compare/v3.110.0...v3.111.0) (2024-02-15)
+
+**Note:** Version bump only for package @clayui/badge
+
+# [3.107.0](https://github.com/liferay/clay/compare/v3.106.1...v3.107.0) (2023-11-27)
+
+### Features
+
+-   **@clayui/badge:** Adds attributes translucent and dark ([77162ef](https://github.com/liferay/clay/commit/77162efe62cd3822f4a64e23b3469e46cee5c530))
+
 ## [3.106.1](https://github.com/liferay/clay/compare/v3.106.0...v3.106.1) (2023-10-26)
 
 **Note:** Version bump only for package @clayui/badge

package/lib/index.d.ts

@@ -5,14 +5,24 @@
 import React from 'react';
 declare type DisplayType = 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'beta' | 'beta-dark';
 interface IProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Flag to indicate if the badge should use the clay-dark variant.
+     */
+    dark?: boolean;
     /**
      * Determines the color of the badge.
+     * The values `beta` and `beta-dark` are deprecated since v3.100.0 - use
+     * `translucent` and `dark` instead.
      */
     displayType?: DisplayType;
     /**
      * Info that is shown inside of the badge itself.
      */
     label?: string | number;
+    /**
+     * Flag to indicate if the badge should use the translucent variant.
+     */
+    translucent?: boolean;
 }
 declare const ClayBadge: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLSpanElement>>;
 export default ClayBadge;

package/lib/index.js

@@ -9,7 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _excluded = ["className", "displayType", "label"];
+var _excluded = ["className", "dark", "displayType", "label", "translucent"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -21,13 +21,27 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var ClayBadge = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
+      dark = _ref.dark,
       _ref$displayType = _ref.displayType,
       displayType = _ref$displayType === void 0 ? 'primary' : _ref$displayType,
       label = _ref.label,
+      translucent = _ref.translucent,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
+  if (displayType === 'beta') {
+    displayType = 'info';
+    translucent = true;
+  } else if (displayType === 'beta-dark') {
+    dark = true;
+    displayType = 'info';
+    translucent = true;
+  }
+
   return /*#__PURE__*/_react.default.createElement("span", _extends({}, otherProps, {
-    className: (0, _classnames.default)('badge', "badge-".concat(displayType), className),
+    className: (0, _classnames.default)('badge', "badge-".concat(displayType), className, {
+      'badge-translucent': translucent,
+      'clay-dark': dark
+    }),
     ref: ref
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "badge-item badge-item-expand"

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@clayui/badge",
-	"version": "3.106.1",
+	"version": "3.111.0",
 	"description": "ClayBadge component",
 	"license": "BSD-3-Clause",
 	"repository": "https://github.com/liferay/clay",
@@ -17,7 +17,6 @@
 	"scripts": {
 		"build": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib --extensions .ts,.tsx",
 		"buildTypes": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
-		"prepublishOnly": "yarn build && yarn buildTypes",
 		"test": "jest --config ../../jest.config.js"
 	},
 	"keywords": [
@@ -35,5 +34,5 @@
 	"browserslist": [
 		"extends browserslist-config-clay"
 	],
-	"gitHead": "b5345687d03988ed7d2409305d394434b9800b34"
+	"gitHead": "7dae7b1ba2f61516876e5799dc95045a5adb2c18"
 }