@atlaskit/primitives - npm Package Compare versions

Comparing version 2.1.0 to 3.0.0

CHANGELOG.md

 # @atlaskit/primitives
 
+## 3.0.0
+
+### Major Changes
+
+- [#58240](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58240) [`a45d2049a22c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a45d2049a22c) - The "Link" primitive has been renamed to "Anchor" to avoid confusion with the upcoming "Link" component. Since Link is still in Alpha this should not cause any upgrade friction.
+
+### Minor Changes
+
+- [#58240](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58240) [`75b2ade8b254`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/75b2ade8b254) - Both the Pressable and Anchor primitives now support analytics tracking by default.
+- [#58240](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58240) [`39f3c929f0c4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/39f3c929f0c4) - Add Pressable and Anchor primitives (in Alpha) to root export as `UNSAFE_PRESSABLE` and `UNSAFE_LINK`.
+
+### Patch Changes
+
+- [#58240](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58240) [`4951390bc0ae`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4951390bc0ae) - [ux] Adds a default underline style to the Anchor primitive (Alpha)
+
 ## 2.1.0
@@ -4,0 +19,0 @@

dist/cjs/components/pressable.js

@@ -83,3 +83,3 @@ "use strict";
     packageName: "@atlaskit/primitives",
-    packageVersion: "2.1.0",
+    packageVersion: "3.0.0",
     analyticsData: analyticsContext,
@@ -98,8 +98,4 @@ actionSubject: 'button'
     testId: testId,
-    type: type
-    // TODO: This only tracks events if componentName is supplied, which makes tracking opt-in during
-    // the transition period. This will be removed once `@atlaskit/button` is bumped to use the latest
-    // version of primitives
-    ,
-    onClick: componentName ? onClick : providedOnClick,
+    type: type,
+    onClick: onClick,
     backgroundColor: backgroundColor,
@@ -106,0 +102,0 @@ padding: padding,

dist/cjs/index.js

@@ -49,2 +49,8 @@ "use strict";
 });
+Object.defineProperty(exports, "UNSAFE_ANCHOR", {
+  enumerable: true,
+  get: function get() {
+    return _anchor.default;
+  }
+});
 Object.defineProperty(exports, "UNSAFE_BREAKPOINTS_CONFIG", {
@@ -56,3 +62,3 @@ enumerable: true,
 });
-Object.defineProperty(exports, "UNSAFE_Pressable", {
+Object.defineProperty(exports, "UNSAFE_PRESSABLE", {
   enumerable: true,
@@ -96,2 +102,3 @@ get: function get() {
 var _pressable = _interopRequireDefault(require("./components/pressable"));
+var _anchor = _interopRequireDefault(require("./components/anchor"));
 var _responsive = require("./responsive");

dist/es2019/components/pressable.js

@@ -69,3 +69,3 @@ import _extends from "@babel/runtime/helpers/extends";
     packageName: "@atlaskit/primitives",
-    packageVersion: "2.1.0",
+    packageVersion: "3.0.0",
     analyticsData: analyticsContext,
@@ -84,8 +84,4 @@ actionSubject: 'button'
     testId: testId,
-    type: type
-    // TODO: This only tracks events if componentName is supplied, which makes tracking opt-in during
-    // the transition period. This will be removed once `@atlaskit/button` is bumped to use the latest
-    // version of primitives
-    ,
-    onClick: componentName ? onClick : providedOnClick,
+    type: type,
+    onClick: onClick,
     backgroundColor: backgroundColor,
@@ -92,0 +88,0 @@ padding: padding,

dist/es2019/index.js

@@ -9,3 +9,4 @@ export { default as Box } from './components/box';
 export { default as Text } from './components/text';
-export { default as UNSAFE_Pressable } from './components/pressable';
+export { default as UNSAFE_PRESSABLE } from './components/pressable';
+export { default as UNSAFE_ANCHOR } from './components/anchor';
 export { media, UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './responsive';

dist/esm/components/pressable.js

@@ -73,3 +73,3 @@ import _extends from "@babel/runtime/helpers/extends";
     packageName: "@atlaskit/primitives",
-    packageVersion: "2.1.0",
+    packageVersion: "3.0.0",
     analyticsData: analyticsContext,
@@ -88,8 +88,4 @@ actionSubject: 'button'
     testId: testId,
-    type: type
-    // TODO: This only tracks events if componentName is supplied, which makes tracking opt-in during
-    // the transition period. This will be removed once `@atlaskit/button` is bumped to use the latest
-    // version of primitives
-    ,
-    onClick: componentName ? onClick : providedOnClick,
+    type: type,
+    onClick: onClick,
     backgroundColor: backgroundColor,
@@ -96,0 +92,0 @@ padding: padding,

dist/esm/index.js

@@ -9,3 +9,4 @@ export { default as Box } from './components/box';
 export { default as Text } from './components/text';
-export { default as UNSAFE_Pressable } from './components/pressable';
+export { default as UNSAFE_PRESSABLE } from './components/pressable';
+export { default as UNSAFE_ANCHOR } from './components/anchor';
 export { media, UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './responsive';

dist/types-ts4.5/components/pressable.d.ts

@@ -14,3 +14,3 @@ import React, { type ReactNode } from 'react';
      */
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent) => void;
     /**
@@ -52,3 +52,3 @@ * An optional name used to identify the interaction type to press listeners. For example, interaction tracing. For more information,
      */
-    onClick?: ((e: React.MouseEvent<HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void) | undefined;
+    onClick?: ((e: React.MouseEvent<HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent) => void) | undefined;
     /**
@@ -55,0 +55,0 @@ * An optional name used to identify the interaction type to press listeners. For example, interaction tracing. For more information,

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

@@ -18,5 +18,7 @@ export type { Dimension, BackgroundColor, Space, BorderColor, BorderRadius, BorderWidth, Layer, TextColor, Shadow, } from './xcss/style-maps.partial';
 export type { TextProps } from './components/text';
-export { default as UNSAFE_Pressable } from './components/pressable';
+export { default as UNSAFE_PRESSABLE } from './components/pressable';
 export type { PressableProps as UNSAFE_PressableProps } from './components/pressable';
+export { default as UNSAFE_ANCHOR } from './components/anchor';
+export type { AnchorProps as UNSAFE_AnchorProps } from './components/anchor';
 export { media, UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './responsive';
 export type { Breakpoint, MediaQuery } from './responsive';

dist/types/components/pressable.d.ts

@@ -14,3 +14,3 @@ import React, { type ReactNode } from 'react';
      */
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent) => void;
     /**
@@ -52,3 +52,3 @@ * An optional name used to identify the interaction type to press listeners. For example, interaction tracing. For more information,
      */
-    onClick?: ((e: React.MouseEvent<HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void) | undefined;
+    onClick?: ((e: React.MouseEvent<HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent) => void) | undefined;
     /**
@@ -55,0 +55,0 @@ * An optional name used to identify the interaction type to press listeners. For example, interaction tracing. For more information,

dist/types/index.d.ts

@@ -18,5 +18,7 @@ export type { Dimension, BackgroundColor, Space, BorderColor, BorderRadius, BorderWidth, Layer, TextColor, Shadow, } from './xcss/style-maps.partial';
 export type { TextProps } from './components/text';
-export { default as UNSAFE_Pressable } from './components/pressable';
+export { default as UNSAFE_PRESSABLE } from './components/pressable';
 export type { PressableProps as UNSAFE_PressableProps } from './components/pressable';
+export { default as UNSAFE_ANCHOR } from './components/anchor';
+export type { AnchorProps as UNSAFE_AnchorProps } from './components/anchor';
 export { media, UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './responsive';
 export type { Breakpoint, MediaQuery } from './responsive';

package.json

 {
   "name": "@atlaskit/primitives",
-  "version": "2.1.0",
+  "version": "3.0.0",
   "description": "Primitives are token-backed low-level building blocks.",
@@ -99,2 +99,20 @@ "publishConfig": {
           }
+        },
+        {
+          "title": "Pressable",
+          "folder": "pressable",
+          "slug": "primitives/pressable",
+          "id": "@atlaskit/primitives/pressable",
+          "status": {
+            "type": "alpha"
+          }
+        },
+        {
+          "title": "Anchor",
+          "folder": "anchor",
+          "slug": "primitives/anchor",
+          "id": "@atlaskit/primitives/anchor",
+          "status": {
+            "type": "alpha"
+          }
         }
@@ -178,3 +196,3 @@ ]
     "./pressable": "./src/components/pressable.tsx",
-    "./link": "./src/components/link.tsx",
+    "./anchor": "./src/components/anchor.tsx",
     "./responsive": "./src/responsive/index.tsx"
@@ -181,0 +199,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

1822412

increased by0.8%

Number of package files

195

increased by4.28%

Lines of code

15004

increased by1.11%

No dependency changes