@atlaskit/primitives - npm Package Compare versions

Comparing version 6.1.1 to 6.1.2

CHANGELOG.md

 # @atlaskit/primitives
 
+## 6.1.2
+
+### Patch Changes
+
+-   [#98149](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98149)
+    [`45101e24202a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/45101e24202a) -
+    Internal change only; update generated styles.
+-   Updated dependencies
+
 ## 6.1.1
@@ -4,0 +13,0 @@

dist/cjs/components/anchor.js

@@ -79,3 +79,3 @@ "use strict";
     packageName: "@atlaskit/primitives",
-    packageVersion: "6.1.1",
+    packageVersion: "6.1.2",
     analyticsData: analyticsContext,
@@ -82,0 +82,0 @@ actionSubject: 'link'

dist/cjs/components/pressable.js

@@ -44,6 +44,4 @@ "use strict";
  *
- * @internal Still under development. Do not use.
+ * A primitive for building custom buttons.
  *
- * A Pressable is a primitive component that renders a `<button>`.
- *
  * - [Examples](https://atlassian.design/components/primitives/pressable/examples)
@@ -84,3 +82,3 @@ * - [Code](https://atlassian.design/components/primitives/pressable/code)
     packageName: "@atlaskit/primitives",
-    packageVersion: "6.1.1",
+    packageVersion: "6.1.2",
     analyticsData: analyticsContext,
@@ -87,0 +85,0 @@ actionSubject: 'button'

dist/cjs/xcss/style-maps.partial.js

@@ -500,3 +500,3 @@ "use strict";
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2513c025b6da9274090c77a176d31cc1>>
+ * @codegen <<SignedSource::01b50b6fc795db50002edbeb24634575>>
  * @codegenId typography
@@ -521,4 +521,7 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
 var fontFamilyMap = exports.fontFamilyMap = {
+  'font.family.body': "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   'font.family.brand.body': "var(--ds-font-family-brand-body, \"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  'font.family.brand.heading': "var(--ds-font-family-brand-heading, \"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+  'font.family.brand.heading': "var(--ds-font-family-brand-heading, \"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  'font.family.code': "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
+  'font.family.heading': "var(--ds-font-family-heading, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 };
@@ -525,0 +528,0 @@

dist/es2019/components/anchor.js

@@ -65,3 +65,3 @@ import _extends from "@babel/runtime/helpers/extends";
     packageName: "@atlaskit/primitives",
-    packageVersion: "6.1.1",
+    packageVersion: "6.1.2",
     analyticsData: analyticsContext,
@@ -68,0 +68,0 @@ actionSubject: 'link'

dist/es2019/components/pressable.js

@@ -31,6 +31,4 @@ import _extends from "@babel/runtime/helpers/extends";
  *
- * @internal Still under development. Do not use.
+ * A primitive for building custom buttons.
  *
- * A Pressable is a primitive component that renders a `<button>`.
- *
  * - [Examples](https://atlassian.design/components/primitives/pressable/examples)
@@ -70,3 +68,3 @@ * - [Code](https://atlassian.design/components/primitives/pressable/code)
     packageName: "@atlaskit/primitives",
-    packageVersion: "6.1.1",
+    packageVersion: "6.1.2",
     analyticsData: analyticsContext,
@@ -73,0 +71,0 @@ actionSubject: 'button'

dist/es2019/xcss/style-maps.partial.js

@@ -494,3 +494,3 @@ import { css } from '@emotion/react';
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2513c025b6da9274090c77a176d31cc1>>
+ * @codegen <<SignedSource::01b50b6fc795db50002edbeb24634575>>
  * @codegenId typography
@@ -515,4 +515,7 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
 export const fontFamilyMap = {
+  'font.family.body': "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   'font.family.brand.body': "var(--ds-font-family-brand-body, \"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  'font.family.brand.heading': "var(--ds-font-family-brand-heading, \"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+  'font.family.brand.heading': "var(--ds-font-family-brand-heading, \"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  'font.family.code': "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
+  'font.family.heading': "var(--ds-font-family-heading, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 };
@@ -519,0 +522,0 @@

dist/esm/components/anchor.js

@@ -69,3 +69,3 @@ import _extends from "@babel/runtime/helpers/extends";
     packageName: "@atlaskit/primitives",
-    packageVersion: "6.1.1",
+    packageVersion: "6.1.2",
     analyticsData: analyticsContext,
@@ -72,0 +72,0 @@ actionSubject: 'link'

dist/esm/components/pressable.js

@@ -34,6 +34,4 @@ import _extends from "@babel/runtime/helpers/extends";
  *
- * @internal Still under development. Do not use.
+ * A primitive for building custom buttons.
  *
- * A Pressable is a primitive component that renders a `<button>`.
- *
  * - [Examples](https://atlassian.design/components/primitives/pressable/examples)
@@ -74,3 +72,3 @@ * - [Code](https://atlassian.design/components/primitives/pressable/code)
     packageName: "@atlaskit/primitives",
-    packageVersion: "6.1.1",
+    packageVersion: "6.1.2",
     analyticsData: analyticsContext,
@@ -77,0 +75,0 @@ actionSubject: 'button'

dist/esm/xcss/style-maps.partial.js

@@ -494,3 +494,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2513c025b6da9274090c77a176d31cc1>>
+ * @codegen <<SignedSource::01b50b6fc795db50002edbeb24634575>>
  * @codegenId typography
@@ -515,4 +515,7 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
 export var fontFamilyMap = {
+  'font.family.body': "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   'font.family.brand.body': "var(--ds-font-family-brand-body, \"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  'font.family.brand.heading': "var(--ds-font-family-brand-heading, \"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+  'font.family.brand.heading': "var(--ds-font-family-brand-heading, \"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  'font.family.code': "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
+  'font.family.heading': "var(--ds-font-family-heading, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 };
@@ -519,0 +522,0 @@

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

@@ -12,17 +12,15 @@ import React, { type ReactNode } from 'react';
     /**
-     * Handler to be called on click. The second argument can be used to track analytics data. See the tutorial in the analytics-next package for details.
+     * Handler to be called on click. The second argument provides an Atlaskit UI analytics event that can be fired to a listening channel. See the ['analytics-next' package](https://atlaskit.atlassian.com/packages/analytics/analytics-next) documentation for more information.
      */
     onClick?: (e: React.MouseEvent<HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent) => void;
     /**
-     * An optional name used to identify the interaction type to press listeners. For example, interaction tracing. For more information,
-     * see [UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
+     * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
      */
     interactionName?: string;
     /**
-     * An optional component name used to identify this component to press listeners. This can be used if a parent component's name is preferred. For example, interaction tracing. For more information,
-     * see [UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
+     * An optional component name used to identify this component in Atlaskit analytics events. This can be used if a parent component's name is preferred over the default 'Pressable'.
      */
     componentName?: string;
     /**
-     * Additional information to be included in the `context` of analytics events that come from pressable.
+     * Additional information to be included in the `context` of Atlaskit analytics events that come from pressable.
      */
@@ -34,6 +32,4 @@ analyticsContext?: Record<string, any>;
  *
- * @internal Still under development. Do not use.
+ * A primitive for building custom buttons.
  *
- * A Pressable is a primitive component that renders a `<button>`.
- *
  * - [Examples](https://atlassian.design/components/primitives/pressable/examples)
@@ -51,17 +47,15 @@ * - [Code](https://atlassian.design/components/primitives/pressable/code)
     /**
-     * Handler to be called on click. The second argument can be used to track analytics data. See the tutorial in the analytics-next package for details.
+     * Handler to be called on click. The second argument provides an Atlaskit UI analytics event that can be fired to a listening channel. See the ['analytics-next' package](https://atlaskit.atlassian.com/packages/analytics/analytics-next) documentation for more information.
      */
     onClick?: ((e: React.MouseEvent<HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent) => void) | undefined;
     /**
-     * An optional name used to identify the interaction type to press listeners. For example, interaction tracing. For more information,
-     * see [UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
+     * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
      */
     interactionName?: string | undefined;
     /**
-     * An optional component name used to identify this component to press listeners. This can be used if a parent component's name is preferred. For example, interaction tracing. For more information,
-     * see [UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
+     * An optional component name used to identify this component in Atlaskit analytics events. This can be used if a parent component's name is preferred over the default 'Pressable'.
      */
     componentName?: string | undefined;
     /**
-     * Additional information to be included in the `context` of analytics events that come from pressable.
+     * Additional information to be included in the `context` of Atlaskit analytics events that come from pressable.
      */
@@ -68,0 +62,0 @@ analyticsContext?: Record<string, any> | undefined;

dist/types-ts4.5/xcss/style-maps.partial.d.ts

@@ -519,3 +519,3 @@ import { type SerializedStyles } from '@emotion/react';
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2513c025b6da9274090c77a176d31cc1>>
+ * @codegen <<SignedSource::01b50b6fc795db50002edbeb24634575>>
  * @codegenId typography
@@ -542,4 +542,7 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
 export declare const fontFamilyMap: {
+    'font.family.body': "var(--ds-font-family-body)";
     'font.family.brand.body': "var(--ds-font-family-brand-body)";
     'font.family.brand.heading': "var(--ds-font-family-brand-heading)";
+    'font.family.code': "var(--ds-font-family-code)";
+    'font.family.heading': "var(--ds-font-family-heading)";
 };
@@ -546,0 +549,0 @@ export type FontFamily = keyof typeof fontFamilyMap;

dist/types/components/pressable.d.ts

@@ -12,17 +12,15 @@ import React, { type ReactNode } from 'react';
     /**
-     * Handler to be called on click. The second argument can be used to track analytics data. See the tutorial in the analytics-next package for details.
+     * Handler to be called on click. The second argument provides an Atlaskit UI analytics event that can be fired to a listening channel. See the ['analytics-next' package](https://atlaskit.atlassian.com/packages/analytics/analytics-next) documentation for more information.
      */
     onClick?: (e: React.MouseEvent<HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent) => void;
     /**
-     * An optional name used to identify the interaction type to press listeners. For example, interaction tracing. For more information,
-     * see [UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
+     * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
      */
     interactionName?: string;
     /**
-     * An optional component name used to identify this component to press listeners. This can be used if a parent component's name is preferred. For example, interaction tracing. For more information,
-     * see [UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
+     * An optional component name used to identify this component in Atlaskit analytics events. This can be used if a parent component's name is preferred over the default 'Pressable'.
      */
     componentName?: string;
     /**
-     * Additional information to be included in the `context` of analytics events that come from pressable.
+     * Additional information to be included in the `context` of Atlaskit analytics events that come from pressable.
      */
@@ -34,6 +32,4 @@ analyticsContext?: Record<string, any>;
  *
- * @internal Still under development. Do not use.
+ * A primitive for building custom buttons.
  *
- * A Pressable is a primitive component that renders a `<button>`.
- *
  * - [Examples](https://atlassian.design/components/primitives/pressable/examples)
@@ -51,17 +47,15 @@ * - [Code](https://atlassian.design/components/primitives/pressable/code)
     /**
-     * Handler to be called on click. The second argument can be used to track analytics data. See the tutorial in the analytics-next package for details.
+     * Handler to be called on click. The second argument provides an Atlaskit UI analytics event that can be fired to a listening channel. See the ['analytics-next' package](https://atlaskit.atlassian.com/packages/analytics/analytics-next) documentation for more information.
      */
     onClick?: ((e: React.MouseEvent<HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent) => void) | undefined;
     /**
-     * An optional name used to identify the interaction type to press listeners. For example, interaction tracing. For more information,
-     * see [UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
+     * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
      */
     interactionName?: string | undefined;
     /**
-     * An optional component name used to identify this component to press listeners. This can be used if a parent component's name is preferred. For example, interaction tracing. For more information,
-     * see [UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
+     * An optional component name used to identify this component in Atlaskit analytics events. This can be used if a parent component's name is preferred over the default 'Pressable'.
      */
     componentName?: string | undefined;
     /**
-     * Additional information to be included in the `context` of analytics events that come from pressable.
+     * Additional information to be included in the `context` of Atlaskit analytics events that come from pressable.
      */
@@ -68,0 +62,0 @@ analyticsContext?: Record<string, any> | undefined;

dist/types/xcss/style-maps.partial.d.ts

@@ -519,3 +519,3 @@ import { type SerializedStyles } from '@emotion/react';
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2513c025b6da9274090c77a176d31cc1>>
+ * @codegen <<SignedSource::01b50b6fc795db50002edbeb24634575>>
  * @codegenId typography
@@ -542,4 +542,7 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
 export declare const fontFamilyMap: {
+    'font.family.body': "var(--ds-font-family-body)";
     'font.family.brand.body': "var(--ds-font-family-brand-body)";
     'font.family.brand.heading': "var(--ds-font-family-brand-heading)";
+    'font.family.code': "var(--ds-font-family-code)";
+    'font.family.heading': "var(--ds-font-family-heading)";
 };
@@ -546,0 +549,0 @@ export type FontFamily = keyof typeof fontFamilyMap;

package.json

 {
   "name": "@atlaskit/primitives",
-  "version": "6.1.1",
+  "version": "6.1.2",
   "description": "Primitives are token-backed low-level building blocks.",
@@ -131,3 +131,3 @@ "publishConfig": {
     "@atlaskit/interaction-context": "^2.1.0",
-    "@atlaskit/tokens": "^1.45.0",
+    "@atlaskit/tokens": "^1.47.0",
     "@atlaskit/visually-hidden": "^1.3.0",
@@ -134,0 +134,0 @@ "@babel/runtime": "^7.0.0",

No alert changes

Improved metrics

Total package byte prevSize

1836884

increased by0.28%

Lines of code

14930

increased by0.01%

Dependency changes

• Updated@atlaskit/tokens@^1.47.0