@atlaskit/badge 16.4.2 → 16.4.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/badge
 
+## 16.4.3
+
+### Patch Changes
+
+- [#165531](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/165531)
+  [`57f451bda8919`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/57f451bda8919) -
+  Adds side-effect config to support Compiled css extraction in third-party apps
+
 ## 16.4.2
 
 ### Patch Changes

package/__perf__/default.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
 
-import Badge from '../src';
+import Badge from '@atlaskit/badge';
 
 export default () => <Badge>{8}</Badge>;

package/__perf__/{withMax.tsx → with-max.tsx}

@@ -1,7 +1,6 @@
-// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
 import React from 'react';
 
-import Badge from '../src';
+import Badge from '@atlaskit/badge';
 
 export default () => {
 	return (

package/__perf__/{withoutMax.tsx → without-max.tsx}

@@ -1,7 +1,6 @@
-// eslint-disable-next-line @repo/internal/fs/filename-pattern-match
 import React from 'react';
 
-import Badge from '../src';
+import Badge from '@atlaskit/badge';
 
 export default () => {
 	return <Badge appearance="important">{25}</Badge>;

package/dist/cjs/badge.js

@@ -15,7 +15,6 @@ var _utils = require("./internal/utils");
  */
 
 // Compiled isn't ready to be used in components used by Ecosystem
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 
 var boxStyles = (0, _primitives.xcss)({
   borderRadius: 'border.radius.200',
@@ -90,6 +89,7 @@ var Badge = /*#__PURE__*/(0, _react.memo)(function Badge(_ref) {
     max = _ref$max === void 0 ? 99 : _ref$max,
     style = _ref.style,
     testId = _ref.testId;
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   if ((0, _platformFeatureFlags.fg)('platform-component-visual-refresh')) {
     return (0, _react2.jsx)("span", {
       "data-testid": testId,

package/dist/es2019/badge.js

@@ -5,7 +5,6 @@
 import { memo } from 'react';
 
 // Compiled isn't ready to be used in components used by Ecosystem
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 import { css, jsx } from '@emotion/react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text, xcss } from '@atlaskit/primitives';
@@ -81,6 +80,7 @@ const Badge = /*#__PURE__*/memo(function Badge({
   style,
   testId
 }) {
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   if (fg('platform-component-visual-refresh')) {
     return jsx("span", {
       "data-testid": testId,

package/dist/esm/badge.js

@@ -5,7 +5,6 @@
 import { memo } from 'react';
 
 // Compiled isn't ready to be used in components used by Ecosystem
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
 import { css, jsx } from '@emotion/react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text, xcss } from '@atlaskit/primitives';
@@ -83,6 +82,7 @@ var Badge = /*#__PURE__*/memo(function Badge(_ref) {
     max = _ref$max === void 0 ? 99 : _ref$max,
     style = _ref.style,
     testId = _ref.testId;
+  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
   if (fg('platform-component-visual-refresh')) {
     return jsx("span", {
       "data-testid": testId,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/badge",
-	"version": "16.4.2",
+	"version": "16.4.3",
 	"description": "A badge is a visual indicator for numeric values such as tallies and scores.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -20,7 +20,9 @@
 			]
 		}
 	},
-	"sideEffects": false,
+	"sideEffects": [
+		"**/*.compiled.css"
+	],
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
 		"team": "Design System Team",
@@ -37,8 +39,8 @@
 	"dependencies": {
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/primitives": "^13.0.0",
-		"@atlaskit/tokens": "^2.0.0",
+		"@atlaskit/primitives": "^13.2.0",
+		"@atlaskit/tokens": "^2.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
@@ -49,13 +51,13 @@
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/ds-lib": "^3.1.0",
+		"@atlaskit/ds-lib": "^3.2.0",
 		"@atlaskit/ssr": "*",
 		"@atlassian/feature-flags-test-utils": "*",
 		"@testing-library/react": "^12.1.5",
 		"jscodeshift": "^0.13.0",
 		"react-dom": "^16.8.0",
-		"storybook-addon-performance": "^0.16.0",
+		"storybook-addon-performance": "^0.17.3",
 		"typescript": "~5.4.2"
 	},
 	"techstack": {

package/types/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/entry-points/types.js",
   "module": "../dist/esm/entry-points/types.js",
   "module:es2019": "../dist/es2019/entry-points/types.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/entry-points/types.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {