@atlaskit/tag-group - npm Package Compare versions

Comparing version 10.6.1 to 11.0.0

CHANGELOG.md

 # @atlaskit/tag-group
 
+## 11.0.0
+
+### Major Changes
+
+- [#168994](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/168994)
+  [`7fae455cf3b5f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7fae455cf3b5f) -
+  Migrated from `@emotion/react` to `@compiled/react` in order to improve performance, align with
+  the rest of the Atlaskit techstack, and support React 18 Streaming SSR.
+
+  Please note, in order to use this version of `@atlaskit/tag-group`, you will need to ensure that
+  your bundler is configured to handle `.css` imports correctly. Most bundlers come with built-in
+  support for `.css` imports, so you may not need to do anything. If you are using a different
+  bundler, please refer to the documentation for that bundler to understand how to handle `.css`
+  imports.
+
+  For more information on the migration, please refer to
+  [RFC-73 Migrating our components to Compiled CSS-in-JS](https://community.developer.atlassian.com/t/rfc-73-migrating-our-components-to-compiled-css-in-js/85953).
+
 ## 10.6.1
@@ -4,0 +22,0 @@

dist/cjs/TagGroup/index.js

@@ -0,3 +1,5 @@
+/* index.tsx generated by @compiled/babel-plugin v0.32.2 */
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
@@ -7,23 +9,12 @@ value: true
 exports.default = void 0;
-var _react = require("react");
-var _react2 = require("@emotion/react");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+require("./index.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var baseStyles = null;
+var justifyStartStyles = null;
+var justifyEndStyles = null;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var baseStyles = (0, _react2.css)({
-  display: 'flex',
-  width: '100%',
-  flexWrap: 'wrap'
-});
-var justifyStartStyles = (0, _react2.css)({
-  justifyContent: 'flex-start'
-});
-var justifyEndStyles = (0, _react2.css)({
-  justifyContent: 'flex-end'
-});
-
 /**
@@ -44,3 +35,3 @@ * __Tag group__
     children = _ref.children;
-  return (0, _react2.jsx)("div", {
+  return /*#__PURE__*/React.createElement("div", {
     role: "group",
@@ -50,5 +41,5 @@ ref: ref,
     "aria-labelledby": titleId,
-    css: [baseStyles, alignment === 'start' && justifyStartStyles, alignment === 'end' && justifyEndStyles]
+    className: (0, _runtime.ax)(["_1e0c1txw _1bsb1osq _1n261g80", alignment === 'start' && "_1bah1y6m", alignment === 'end' && "_1bahesu3"])
   }, children);
 });
 var _default = exports.default = TagGroup;

dist/es2019/TagGroup/index.js

@@ -1,22 +0,10 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
+/* index.tsx generated by @compiled/babel-plugin v0.32.2 */
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
+const baseStyles = null;
+const justifyStartStyles = null;
+const justifyEndStyles = null;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-const baseStyles = css({
-  display: 'flex',
-  width: '100%',
-  flexWrap: 'wrap'
-});
-const justifyStartStyles = css({
-  justifyContent: 'flex-start'
-});
-const justifyEndStyles = css({
-  justifyContent: 'flex-end'
-});
-
 /**
@@ -37,3 +25,3 @@ * __Tag group__
 }, ref) => {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     role: "group",
@@ -43,5 +31,5 @@ ref: ref,
     "aria-labelledby": titleId,
-    css: [baseStyles, alignment === 'start' && justifyStartStyles, alignment === 'end' && justifyEndStyles]
+    className: ax(["_1e0c1txw _1bsb1osq _1n261g80", alignment === 'start' && "_1bah1y6m", alignment === 'end' && "_1bahesu3"])
   }, children);
 });
 export default TagGroup;

dist/esm/TagGroup/index.js

@@ -1,22 +0,10 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
+/* index.tsx generated by @compiled/babel-plugin v0.32.2 */
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef } from 'react';
+var baseStyles = null;
+var justifyStartStyles = null;
+var justifyEndStyles = null;
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-var baseStyles = css({
-  display: 'flex',
-  width: '100%',
-  flexWrap: 'wrap'
-});
-var justifyStartStyles = css({
-  justifyContent: 'flex-start'
-});
-var justifyEndStyles = css({
-  justifyContent: 'flex-end'
-});
-
 /**
@@ -37,3 +25,3 @@ * __Tag group__
     children = _ref.children;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     role: "group",
@@ -43,5 +31,5 @@ ref: ref,
     "aria-labelledby": titleId,
-    css: [baseStyles, alignment === 'start' && justifyStartStyles, alignment === 'end' && justifyEndStyles]
+    className: ax(["_1e0c1txw _1bsb1osq _1n261g80", alignment === 'start' && "_1bah1y6m", alignment === 'end' && "_1bahesu3"])
   }, children);
 });
 export default TagGroup;

package.json

 {
 	"name": "@atlaskit/tag-group",
-	"version": "10.6.1",
+	"version": "11.0.0",
 	"description": "A tag group controls the layout and alignment for a collection of tags.",
@@ -23,3 +23,3 @@ "publishConfig": {
 			"name": "Tag group",
-			"category": "Components"
+			"category": "Status indicators"
 		},
@@ -30,3 +30,3 @@ "runReact18": true
 		"@babel/runtime": "^7.0.0",
-		"@emotion/react": "^11.7.1"
+		"@compiled/react": "^0.18.1"
 	},
@@ -38,2 +38,3 @@ "peerDependencies": {
 		"@af/accessibility-testing": "*",
+		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
@@ -40,0 +41,0 @@ "@atlaskit/ds-lib": "^3.2.0",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

35858

increased by6.26%

Number of package files

19

increased by18.75%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dev dependency count

13

increased by8.33%

Lines of code

214

decreased by-6.14%

Dependency changes

• + Added@compiled/react@^0.18.1

• + Added@compiled/react@0.18.1(transitive)

• - Removed@emotion/react@^11.7.1

• - Removed@babel/code-frame@7.26.2(transitive)

• - Removed@babel/generator@7.26.5(transitive)

• - Removed@babel/helper-module-imports@7.25.9(transitive)

• - Removed@babel/helper-string-parser@7.25.9(transitive)

• - Removed@babel/helper-validator-identifier@7.25.9(transitive)

• - Removed@babel/parser@7.26.5(transitive)

• - Removed@babel/template@7.25.9(transitive)

• - Removed@babel/traverse@7.26.5(transitive)

• - Removed@babel/types@7.26.5(transitive)

• - Removed@emotion/babel-plugin@11.13.5(transitive)

• - Removed@emotion/cache@11.14.0(transitive)

• - Removed@emotion/hash@0.9.2(transitive)

• - Removed@emotion/memoize@0.9.0(transitive)

• - Removed@emotion/react@11.14.0(transitive)

• - Removed@emotion/serialize@1.3.3(transitive)

• - Removed@emotion/sheet@1.4.0(transitive)

• - Removed@emotion/unitless@0.10.0(transitive)

• - Removed@emotion/use-insertion-effect-with-fallbacks@1.2.0(transitive)

• - Removed@emotion/utils@1.4.2(transitive)

• - Removed@emotion/weak-memoize@0.4.0(transitive)

• - Removed@jridgewell/gen-mapping@0.3.8(transitive)

• - Removed@jridgewell/resolve-uri@3.1.2(transitive)

• - Removed@jridgewell/set-array@1.2.1(transitive)

• - Removed@jridgewell/sourcemap-codec@1.5.0(transitive)

• - Removed@jridgewell/trace-mapping@0.3.25(transitive)

• - Removed@types/parse-json@4.0.2(transitive)

• - Removedbabel-plugin-macros@3.1.0(transitive)

• - Removedcallsites@3.1.0(transitive)

• - Removedconvert-source-map@1.9.0(transitive)

• - Removedcosmiconfig@7.1.0(transitive)

• - Removeddebug@4.4.0(transitive)

• - Removederror-ex@1.3.2(transitive)

• - Removedescape-string-regexp@4.0.0(transitive)

• - Removedfind-root@1.1.0(transitive)

• - Removedfunction-bind@1.1.2(transitive)

• - Removedglobals@11.12.0(transitive)

• - Removedhasown@2.0.2(transitive)

• - Removedhoist-non-react-statics@3.3.2(transitive)

• - Removedimport-fresh@3.3.0(transitive)

• - Removedis-arrayish@0.2.1(transitive)

• - Removedis-core-module@2.16.1(transitive)

• - Removedjsesc@3.1.0(transitive)

• - Removedjson-parse-even-better-errors@2.3.1(transitive)

• - Removedlines-and-columns@1.2.4(transitive)

• - Removedms@2.1.3(transitive)

• - Removedparent-module@1.0.1(transitive)

• - Removedparse-json@5.2.0(transitive)

• - Removedpath-parse@1.0.7(transitive)

• - Removedpath-type@4.0.0(transitive)

• - Removedpicocolors@1.1.1(transitive)

• - Removedreact-is@16.13.1(transitive)

• - Removedresolve@1.22.10(transitive)

• - Removedresolve-from@4.0.0(transitive)

• - Removedsource-map@0.5.7(transitive)

• - Removedstylis@4.2.0(transitive)

• - Removedsupports-preserve-symlinks-flag@1.0.0(transitive)

• - Removedyaml@1.10.2(transitive)