@clayui/badge 3.128.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/package.json

@@ -1,21 +1,24 @@
 {
 	"name": "@clayui/badge",
-	"version": "3.128.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": "98d935035547358645741cbc137cae53a596f568"
+	"gitHead": "24cb57a568c2d1a1658b2f721a93ddfad48feb99"
 }

package/lib/index.js

@@ -1,45 +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"];
-/**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-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); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
-var Badge = /*#__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));
-});
-Badge.displayName = 'ClayBadge';
-var _default = exports.default = Badge;