@atlaskit/badge 15.1.3 → 15.1.5

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/badge
 
+## 15.1.5
+
+### Patch Changes
+
+- [`b8b41649492`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b8b41649492) - Update how certain background colors are referenced by name. Internal changes only.
+- Updated dependencies
+
+## 15.1.4
+
+### Patch Changes
+
+- [`779727e307a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/779727e307a) - Internal change only. Replace all instances of Box with stable @atlaskit/primitives version.
+
 ## 15.1.3
 
 ### Patch Changes

package/dist/cjs/badge.js

@@ -7,14 +7,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _box = _interopRequireDefault(require("@atlaskit/ds-explorations/box"));
 var _text = _interopRequireDefault(require("@atlaskit/ds-explorations/text"));
+var _primitives = require("@atlaskit/primitives");
 var _utils = require("./internal/utils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /* eslint-disable @atlassian/tangerine/import/entry-points */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 
+var boxStyles = (0, _primitives.xcss)({
+  borderRadius: 'border.radius.200',
+  display: 'inlineFlex'
+});
+
 /**
  * __Badge__
  *
@@ -33,16 +38,15 @@ var Badge = /*#__PURE__*/(0, _react.memo)(function Badge(_ref) {
     max = _ref$max === void 0 ? 99 : _ref$max,
     style = _ref.style,
     testId = _ref.testId;
-  return /*#__PURE__*/_react.default.createElement(_box.default, {
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     testId: testId,
     as: "span",
     backgroundColor: backgroundColors[appearance],
-    borderRadius: "badge",
-    display: "inlineFlex",
-    paddingInline: "space.075",
-    UNSAFE_style: style !== null && style !== void 0 && style.backgroundColor ? {
+    xcss: boxStyles,
+    style: style !== null && style !== void 0 && style.backgroundColor ? {
       backgroundColor: style.backgroundColor
-    } : undefined
+    } : undefined,
+    paddingInline: "space.075"
   }, /*#__PURE__*/_react.default.createElement(_text.default, {
     fontSize: "size.075",
     lineHeight: "lineHeight.100",
@@ -57,12 +61,12 @@ Badge.displayName = 'Badge';
 var _default = Badge;
 exports.default = _default;
 var backgroundColors = {
-  added: 'success',
-  default: 'neutral',
-  important: 'danger.bold',
-  primary: 'brand.bold',
+  added: 'color.background.success',
+  default: 'color.background.neutral',
+  important: 'color.background.danger.bold',
+  primary: 'color.background.brand.bold',
   primaryInverted: 'elevation.surface',
-  removed: 'danger'
+  removed: 'color.background.danger'
 };
 var textColors = {
   added: 'success',

package/dist/cjs/version.json

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

package/dist/es2019/badge.js

@@ -1,9 +1,14 @@
 /* eslint-disable @atlassian/tangerine/import/entry-points */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React, { memo } from 'react';
-import Box from '@atlaskit/ds-explorations/box';
 import Text from '@atlaskit/ds-explorations/text';
+import { Box, xcss } from '@atlaskit/primitives';
 import { formatValue } from './internal/utils';
+const boxStyles = xcss({
+  borderRadius: 'border.radius.200',
+  display: 'inlineFlex'
+});
+
 /**
  * __Badge__
  *
@@ -24,12 +29,11 @@ const Badge = /*#__PURE__*/memo(function Badge({
     testId: testId,
     as: "span",
     backgroundColor: backgroundColors[appearance],
-    borderRadius: "badge",
-    display: "inlineFlex",
-    paddingInline: "space.075",
-    UNSAFE_style: style !== null && style !== void 0 && style.backgroundColor ? {
+    xcss: boxStyles,
+    style: style !== null && style !== void 0 && style.backgroundColor ? {
       backgroundColor: style.backgroundColor
-    } : undefined
+    } : undefined,
+    paddingInline: "space.075"
   }, /*#__PURE__*/React.createElement(Text, {
     fontSize: "size.075",
     lineHeight: "lineHeight.100",
@@ -43,12 +47,12 @@ const Badge = /*#__PURE__*/memo(function Badge({
 Badge.displayName = 'Badge';
 export default Badge;
 const backgroundColors = {
-  added: 'success',
-  default: 'neutral',
-  important: 'danger.bold',
-  primary: 'brand.bold',
+  added: 'color.background.success',
+  default: 'color.background.neutral',
+  important: 'color.background.danger.bold',
+  primary: 'color.background.brand.bold',
   primaryInverted: 'elevation.surface',
-  removed: 'danger'
+  removed: 'color.background.danger'
 };
 const textColors = {
   added: 'success',

package/dist/es2019/version.json

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

package/dist/esm/badge.js

@@ -1,9 +1,14 @@
 /* eslint-disable @atlassian/tangerine/import/entry-points */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React, { memo } from 'react';
-import Box from '@atlaskit/ds-explorations/box';
 import Text from '@atlaskit/ds-explorations/text';
+import { Box, xcss } from '@atlaskit/primitives';
 import { formatValue } from './internal/utils';
+var boxStyles = xcss({
+  borderRadius: 'border.radius.200',
+  display: 'inlineFlex'
+});
+
 /**
  * __Badge__
  *
@@ -26,12 +31,11 @@ var Badge = /*#__PURE__*/memo(function Badge(_ref) {
     testId: testId,
     as: "span",
     backgroundColor: backgroundColors[appearance],
-    borderRadius: "badge",
-    display: "inlineFlex",
-    paddingInline: "space.075",
-    UNSAFE_style: style !== null && style !== void 0 && style.backgroundColor ? {
+    xcss: boxStyles,
+    style: style !== null && style !== void 0 && style.backgroundColor ? {
       backgroundColor: style.backgroundColor
-    } : undefined
+    } : undefined,
+    paddingInline: "space.075"
   }, /*#__PURE__*/React.createElement(Text, {
     fontSize: "size.075",
     lineHeight: "lineHeight.100",
@@ -45,12 +49,12 @@ var Badge = /*#__PURE__*/memo(function Badge(_ref) {
 Badge.displayName = 'Badge';
 export default Badge;
 var backgroundColors = {
-  added: 'success',
-  default: 'neutral',
-  important: 'danger.bold',
-  primary: 'brand.bold',
+  added: 'color.background.success',
+  default: 'color.background.neutral',
+  important: 'color.background.danger.bold',
+  primary: 'color.background.brand.bold',
   primaryInverted: 'elevation.surface',
-  removed: 'danger'
+  removed: 'color.background.danger'
 };
 var textColors = {
   added: 'success',

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/badge",
-  "version": "15.1.3",
+  "version": "15.1.5",
   "description": "A badge is a visual indicator for numeric values such as tallies and scores.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -39,7 +39,8 @@
   },
   "dependencies": {
     "@atlaskit/codemod-utils": "^4.2.0",
-    "@atlaskit/ds-explorations": "^2.1.0",
+    "@atlaskit/ds-explorations": "^2.2.0",
+    "@atlaskit/primitives": "*",
     "@babel/runtime": "^7.0.0"
   },
   "peerDependencies": {
@@ -58,6 +59,7 @@
     "@atlassian/gemini-visual-regression": "*",
     "@emotion/react": "^11.7.1",
     "@testing-library/react": "^12.1.5",
+    "jest-axe": "^4.0.0",
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
     "react-test-renderer": "^16.8.0",