@atlaskit/badge 15.1.0 → 15.1.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/badge
 
+## 15.1.2
+
+### Patch Changes
+
+- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+
+## 15.1.1
+
+### Patch Changes
+
+- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+
 ## 15.1.0
 
 ### Minor Changes

package/dist/cjs/version.json

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

package/dist/es2019/version.json

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

package/dist/esm/version.json

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

package/dist/types/types.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties, ReactNode } from 'react';
-export declare type ThemeAppearance = 'added' | 'default' | 'important' | 'primary' | 'primaryInverted' | 'removed';
+export type ThemeAppearance = 'added' | 'default' | 'important' | 'primary' | 'primaryInverted' | 'removed';
 export interface BadgeProps {
     /**
      * Affects the visual style of the badge.

package/dist/types-ts4.5/badge.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { BadgeProps } from './types';
+/**
+ * __Badge__
+ *
+ * This component gives you the full badge functionality and automatically formats the number you provide in \`children\`.
+ *
+ * - [Examples](https://atlassian.design/components/badge/examples)
+ * - [Code](https://atlassian.design/components/badge/code)
+ * - [Usage](https://atlassian.design/components/badge/usage)
+ */
+declare const Badge: React.NamedExoticComponent<BadgeProps>;
+export default Badge;

package/dist/types-ts4.5/entry-points/badge.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../badge';
+export type { BadgeProps } from '../types';

package/dist/types-ts4.5/entry-points/types.d.ts

@@ -0,0 +1 @@
+export type { BadgeProps } from '../types';

package/dist/types-ts4.5/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './badge';
+export type { BadgeProps } from './types';

package/dist/types-ts4.5/internal/utils.d.ts

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

package/dist/types-ts4.5/types.d.ts

@@ -0,0 +1,29 @@
+import type { CSSProperties, ReactNode } from 'react';
+export type ThemeAppearance = 'added' | 'default' | 'important' | 'primary' | 'primaryInverted' | 'removed';
+export interface BadgeProps {
+    /**
+     * Affects the visual style of the badge.
+     */
+    appearance?: ThemeAppearance;
+    /**
+     * The value displayed within the badge. A `ReactNode` can be provided for
+     * custom-formatted numbers, however, badge should only be used in cases where you want to represent
+     * a number.
+     * Use a [lozenge](/packages/design-system/lozenge) for non-numeric information.
+     */
+    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. If set to `false` the original value will be displayed regardless of
+     * whether it is larger than the default maximum value.
+     */
+    max?: number | false;
+    /**
+     * Style customization to apply to the badge. Only `backgroundColor` and `color` are supported.
+     */
+    style?: Pick<CSSProperties, 'backgroundColor' | 'color'>;
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests
+     */
+    testId?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/badge",
-  "version": "15.1.0",
+  "version": "15.1.2",
   "description": "A badge is a visual indicator for numeric values such as tallies and scores.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,6 +12,14 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
@@ -42,16 +50,16 @@
     "@atlaskit/ssr": "*",
     "@atlaskit/theme": "*",
     "@atlaskit/tokens": "*",
-    "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
+    "@atlassian/gemini-visual-regression": "*",
     "@emotion/react": "^11.7.1",
     "@testing-library/react": "^12.1.5",
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
     "react-test-renderer": "^16.8.0",
     "storybook-addon-performance": "^0.16.0",
-    "typescript": "4.5.5"
+    "typescript": "~4.9.5"
   },
   "techstack": {
     "@atlassian/frontend": {

package/types/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/entry-points/types.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/entry-points/types.d.ts"
+        "../dist/types-ts4.5/entry-points/types.d.ts"
       ]
     }
   }