@atlaskit/badge 15.0.15 → 15.0.18

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/badge
 
+## 15.0.18
+
+### Patch Changes
+
+- [`57adb9bb931`](https://bitbucket.org/atlassian/atlassian-frontend/commits/57adb9bb931) - Fixes an issue with '@atlaskit/badge' text color for certain appearances.
+
+## 15.0.17
+
+### Patch Changes
+
+- [`fe54d8f1aec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe54d8f1aec) - Update ds-explorations dependency. No change in behaviour.
+
+## 15.0.16
+
+### Patch Changes
+
+- [`06fd023cd85`](https://bitbucket.org/atlassian/atlassian-frontend/commits/06fd023cd85) - Minor internal change to how text is displayed. No change to consumers.
+- [`52809e4839b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/52809e4839b) - Allow makers to disable max value formatting in the Badge component
+- Updated dependencies
+
 ## 15.0.15
 
 ### Patch Changes

package/dist/cjs/badge.js

@@ -59,10 +59,10 @@ var Badge = /*#__PURE__*/(0, _react.memo)(function Badge(_ref) {
       color: textColor
     }
   }, /*#__PURE__*/_react.default.createElement(_dsExplorations.UNSAFE_Text, {
-    fontSize: "12",
+    fontSize: "12px",
     lineHeight: "12px",
     textAlign: "center"
-  }, typeof children === 'number' ? (0, _utils.formatValue)(children, max) : children));
+  }, typeof children === 'number' && max ? (0, _utils.formatValue)(children, max) : children));
 });
 Badge.displayName = 'Badge';
 var _default = Badge;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/badge",
-	"version": "15.0.15",
+	"version": "15.0.18",
 	"sideEffects": false
 }

package/dist/es2019/badge.js

@@ -39,10 +39,10 @@ const Badge = /*#__PURE__*/memo(function Badge({
       color: textColor
     }
   }, /*#__PURE__*/React.createElement(Text, {
-    fontSize: "12",
+    fontSize: "12px",
     lineHeight: "12px",
     textAlign: "center"
-  }, typeof children === 'number' ? formatValue(children, max) : children));
+  }, typeof children === 'number' && max ? formatValue(children, max) : children));
 });
 Badge.displayName = 'Badge';
 export default Badge;

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/badge",
-	"version": "15.0.15",
+	"version": "15.0.18",
 	"sideEffects": false
 }

package/dist/esm/badge.js

@@ -42,10 +42,10 @@ var Badge = /*#__PURE__*/memo(function Badge(_ref) {
       color: textColor
     }
   }, /*#__PURE__*/React.createElement(Text, {
-    fontSize: "12",
+    fontSize: "12px",
     lineHeight: "12px",
     textAlign: "center"
-  }, typeof children === 'number' ? formatValue(children, max) : children));
+  }, typeof children === 'number' && max ? formatValue(children, max) : children));
 });
 Badge.displayName = 'Badge';
 export default Badge;

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/badge",
-	"version": "15.0.15",
+	"version": "15.0.18",
 	"sideEffects": false
 }

package/dist/types/internal/utils.d.ts

@@ -1 +1 @@
-export declare function formatValue(value?: string | number, max?: string | number): string;
+export declare function formatValue(value?: string | number, max?: number): string;

package/dist/types/types.d.ts

@@ -14,9 +14,10 @@ export interface BadgeProps {
     children?: number | ReactNode;
     /**
      * The maximum value to display. Defaults to `99`. If the value is 100, and max is 50, "50+" will be displayed.
-     * This value should be greater than 0.
+     * This value should be greater than 0. If set to `false` the original value will be displayed regardless of
+     * whether it is larger than the default maximum value.
      */
-    max?: number;
+    max?: number | false;
     /**
      * Style customization to apply to the badge. Only `backgroundColor` and `color` are supported.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/badge",
-  "version": "15.0.15",
+  "version": "15.0.18",
   "description": "A badge is a visual indicator for numeric values such as tallies and scores.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,8 +28,8 @@
   },
   "dependencies": {
     "@atlaskit/codemod-utils": "^4.1.0",
-    "@atlaskit/ds-explorations": "^0.1.0",
-    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/ds-explorations": "^0.1.2",
+    "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@babel/runtime": "^7.0.0"
   },
@@ -39,13 +39,13 @@
   "devDependencies": {
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/section-message": "^6.1.0",
+    "@atlaskit/section-message": "^6.2.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@emotion/core": "^10.0.9",
-    "@testing-library/react": "^8.0.1",
+    "@testing-library/react": "^12.1.5",
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
     "react-test-renderer": "^16.8.0",