@clayui/badge 3.111.0 → 3.141.1-alpha.0

package/lib/cjs/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Badge = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    className,
+    dark,
+    displayType = 'primary',
+    label,
+    translucent,
+    ...otherProps
+  } = _ref;
+  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-${displayType}`, className, {
+      'badge-translucent': translucent,
+      'clay-dark': dark
+    }),
+    ref: ref
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "badge-item badge-item-expand"
+  }, label));
+});
+Badge.displayName = 'ClayBadge';
+var _default = exports.default = Badge;

package/lib/esm/index.js

@@ -0,0 +1,37 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/**
+ * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+import classNames from 'classnames';
+import React from 'react';
+const Badge = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    className,
+    dark,
+    displayType = 'primary',
+    label,
+    translucent,
+    ...otherProps
+  } = _ref;
+  if (displayType === 'beta') {
+    displayType = 'info';
+    translucent = true;
+  } else if (displayType === 'beta-dark') {
+    dark = true;
+    displayType = 'info';
+    translucent = true;
+  }
+  return /*#__PURE__*/React.createElement("span", _extends({}, otherProps, {
+    className: classNames('badge', `badge-${displayType}`, className, {
+      'badge-translucent': translucent,
+      'clay-dark': dark
+    }),
+    ref: ref
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "badge-item badge-item-expand"
+  }, label));
+});
+Badge.displayName = 'ClayBadge';
+export default Badge;

package/lib/index.d.ts

@@ -24,5 +24,5 @@ interface IProps extends React.HTMLAttributes<HTMLSpanElement> {
      */
     translucent?: boolean;
 }
-declare const ClayBadge: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLSpanElement>>;
-export default ClayBadge;
+declare const Badge: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLSpanElement>>;
+export default Badge;

package/package.json

@@ -1,21 +1,24 @@
 {
 	"name": "@clayui/badge",
-	"version": "3.111.0",
+	"version": "3.141.1-alpha.0",
 	"description": "ClayBadge component",
 	"license": "BSD-3-Clause",
 	"repository": "https://github.com/liferay/clay",
-	"engines": {
-		"node": ">=0.12.0",
-		"npm": ">=3.0.0"
+	"main": "lib/cjs/index.js",
+	"module": "lib/esm/index.js",
+	"exports": {
+		"import": "./lib/esm/index.js",
+		"require": "./lib/cjs/index.js"
 	},
-	"main": "lib/index.js",
 	"types": "lib/index.d.ts",
 	"ts:main": "src/index.tsx",
 	"files": [
 		"lib"
 	],
 	"scripts": {
-		"build": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib --extensions .ts,.tsx",
+		"build": "yarn build:cjs && yarn build:esm",
+		"build:cjs": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib/cjs --extensions .ts,.tsx",
+		"build:esm": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib/esm --extensions .ts,.tsx --env-name esm",
 		"buildTypes": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
 		"test": "jest --config ../../jest.config.js"
 	},
@@ -34,5 +37,5 @@
 	"browserslist": [
 		"extends browserslist-config-clay"
 	],
-	"gitHead": "7dae7b1ba2f61516876e5799dc95045a5adb2c18"
+	"gitHead": "24cb57a568c2d1a1658b2f721a93ddfad48feb99"
 }

package/CHANGELOG.md

@@ -1,85 +0,0 @@
-# Change Log
-
-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
-
-# [3.106.0](https://github.com/liferay/clay/compare/v3.105.0...v3.106.0) (2023-10-25)
-
-### Bug Fixes
-
--   remove 'src' dir from being packaged with npm ([9383e8d](https://github.com/liferay/clay/commit/9383e8d8abb25ca3396e7c6e4dfa53bbc72691c5))
--   use package's directory for baseDir when generating type ([0a5c710](https://github.com/liferay/clay/commit/0a5c710092f36243bc8d5487f70e831295715072))
-
-# [3.100.0](https://github.com/liferay/clay/compare/v3.99.4...v3.100.0) (2023-07-13)
-
-### Features
-
--   **@clayui/badge:** Adds display type beta-dark ([2f53849](https://github.com/liferay/clay/commit/2f5384940aff5909753adeecd8a2f9c12d3dab89))
-
-# [3.92.0](https://github.com/liferay/clay/compare/v3.91.0...v3.92.0) (2023-04-06)
-
-**Note:** Version bump only for package @clayui/badge
-
-# [3.56.0](https://github.com/liferay/clay/compare/v3.55.0...v3.56.0) (2022-05-09)
-
-**Note:** Version bump only for package @clayui/badge
-
-# [3.40.0](https://github.com/liferay/clay/compare/v3.39.0...v3.40.0) (2021-11-17)
-
-**Note:** Version bump only for package @clayui/badge
-
-# [3.39.0](https://github.com/liferay/clay/compare/v3.38.0...v3.39.0) (2021-10-29)
-
-**Note:** Version bump only for package @clayui/badge
-
-# [3.38.0](https://github.com/liferay/clay/compare/v3.37.0...v3.38.0) (2021-10-22)
-
-**Note:** Version bump only for package @clayui/badge
-
-# [3.37.0](https://github.com/liferay/clay/compare/v3.36.0...v3.37.0) (2021-10-06)
-
-**Note:** Version bump only for package @clayui/badge
-
-# [3.32.0](https://github.com/liferay/clay/compare/v3.31.0...v3.32.0) (2021-07-28)
-
-**Note:** Version bump only for package @clayui/badge
-
-# [3.2.0](https://github.com/liferay/clay/compare/@clayui/badge@3.1.0...@clayui/badge@3.2.0) (2020-10-01)
-
-### Features
-
--   **clayui.com:** Add JSP code example to Badge ([caa9ecc](https://github.com/liferay/clay/commit/caa9ecc))
--   **clayui.com:** Move API tables to new files and update document tabs, rename files to use singular naming instead of plural, change mainTabURL of pagination-bar to a proper one ([d812ee9](https://github.com/liferay/clay/commit/d812ee9))
--   add displayName for all components ([cc3211d](https://github.com/liferay/clay/commit/cc3211d))
-
-# [3.1.0](https://github.com/liferay/clay/compare/@clayui/badge@3.0.2...@clayui/badge@3.1.0) (2020-05-21)
-
-### Features
-
--   **clayui.com:** Improve component docs by updating content - Badge, Breadcrumb, Dual List Box, Loading Indicator, Localized Input & Multi Step Nav ([c4ad126](https://github.com/liferay/clay/commit/c4ad126))
-
-## [3.0.2](https://github.com/liferay/clay/compare/@clayui/badge@3.0.1...@clayui/badge@3.0.2) (2020-04-24)
-
-**Note:** Version bump only for package @clayui/badge
-
-## 3.0.1 (2020-02-28)
-
-### Bug Fixes
-
--   update components to include 'types' and 'ts:main' package keys ([9e24b59](https://github.com/liferay/clay/commit/9e24b59))
--   **@clayui/badge:** Forward ClayBadge refs ([98576ab](https://github.com/liferay/clay/commit/98576ab))
--   **@clayui/badge:** improve types ([683d776](https://github.com/liferay/clay/commit/683d776))

package/lib/index.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _excluded = ["className", "dark", "displayType", "label", "translucent"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-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, {
-      'badge-translucent': translucent,
-      'clay-dark': dark
-    }),
-    ref: ref
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "badge-item badge-item-expand"
-  }, label));
-});
-
-ClayBadge.displayName = 'ClayBadge';
-var _default = ClayBadge;
-exports.default = _default;