glints-aries 4.0.178 → 4.0.179

package/es/@next/Badge/Badge.d.ts

@@ -4,6 +4,7 @@ export declare type BadgeStatusVariant = typeof badgeStatusVariant[number];
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
     status?: BadgeStatusVariant;
+    textColor?: string;
 }
-export declare const Badge: ({ children, status, ...props }: BadgeProps) => JSX.Element;
+export declare const Badge: ({ children, status, textColor, ...props }: BadgeProps) => JSX.Element;
 export {};

package/es/@next/Badge/Badge.js

@@ -1,18 +1,28 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["children", "status"];
+var _excluded = ["children", "status", "textColor"];
 import React from 'react';
 import { Typography } from '../Typography';
 import { Neutral } from '../utilities/colors';
 import { BadgeStyle } from './BadgeStyle';
 var badgeStatusVariant = ['neutral', 'success', 'informational', 'warning', 'critical', 'promotion', 'new'];
+var renderTextColor = function renderTextColor(textColor, status) {
+  if (textColor) {
+    return textColor;
+  }
+  if (status === 'new') {
+    return Neutral.B100;
+  }
+  return Neutral.B18;
+};
 export var Badge = function Badge(_ref) {
   var children = _ref.children,
     status = _ref.status,
+    textColor = _ref.textColor,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var content = typeof children === 'string' ? /*#__PURE__*/React.createElement(Typography, {
+  var content = typeof children === 'string' || typeof children === 'number' ? /*#__PURE__*/React.createElement(Typography, {
     variant: "overline",
-    color: status === 'new' ? Neutral.B100 : Neutral.B18,
+    color: renderTextColor(textColor, status),
     as: 'span'
   }, children) : children;
   return /*#__PURE__*/React.createElement(BadgeStyle, _extends({

package/es/@next/Badge/Badge.stories.js

@@ -8,7 +8,16 @@ export default {
   component: Badge,
   decorators: [function (Story) {
     return /*#__PURE__*/React.createElement(BaseContainer, null, Story());
-  }]
+  }],
+  argTypes: {
+    textColor: {
+      description: 'Text color of the badge',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    }
+  }
 };
 var Template = function Template(args) {
   return /*#__PURE__*/React.createElement(Badge, args, defaultText);

package/lib/@next/Badge/Badge.d.ts

@@ -4,6 +4,7 @@ export declare type BadgeStatusVariant = typeof badgeStatusVariant[number];
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
     status?: BadgeStatusVariant;
+    textColor?: string;
 }
-export declare const Badge: ({ children, status, ...props }: BadgeProps) => JSX.Element;
+export declare const Badge: ({ children, status, textColor, ...props }: BadgeProps) => JSX.Element;
 export {};

package/lib/@next/Badge/Badge.js

@@ -9,15 +9,25 @@ var _react = _interopRequireDefault(require("react"));
 var _Typography = require("../Typography");
 var _colors = require("../utilities/colors");
 var _BadgeStyle = require("./BadgeStyle");
-var _excluded = ["children", "status"];
+var _excluded = ["children", "status", "textColor"];
 var badgeStatusVariant = ['neutral', 'success', 'informational', 'warning', 'critical', 'promotion', 'new'];
+var renderTextColor = function renderTextColor(textColor, status) {
+  if (textColor) {
+    return textColor;
+  }
+  if (status === 'new') {
+    return _colors.Neutral.B100;
+  }
+  return _colors.Neutral.B18;
+};
 var Badge = function Badge(_ref) {
   var children = _ref.children,
     status = _ref.status,
+    textColor = _ref.textColor,
     props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  var content = typeof children === 'string' ? /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+  var content = typeof children === 'string' || typeof children === 'number' ? /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
     variant: "overline",
-    color: status === 'new' ? _colors.Neutral.B100 : _colors.Neutral.B18,
+    color: renderTextColor(textColor, status),
     as: 'span'
   }, children) : children;
   return /*#__PURE__*/_react["default"].createElement(_BadgeStyle.BadgeStyle, (0, _extends2["default"])({

package/lib/@next/Badge/Badge.stories.js

@@ -13,7 +13,16 @@ var _default = {
   component: _Badge.Badge,
   decorators: [function (Story) {
     return /*#__PURE__*/_react["default"].createElement(_GlintsContainer.BaseContainer, null, Story());
-  }]
+  }],
+  argTypes: {
+    textColor: {
+      description: 'Text color of the badge',
+      control: 'color',
+      table: {
+        category: 'Colors'
+      }
+    }
+  }
 };
 exports["default"] = _default;
 var Template = function Template(args) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glints-aries",
-  "version": "4.0.178",
+  "version": "4.0.179",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",