@atlaskit/primitives - npm Package Compare versions

Comparing version 2.0.1 to 2.0.2

CHANGELOG.md

 # @atlaskit/primitives
 
+## 2.0.2
+
+### Patch Changes
+
+- [#72557](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72557) [`0c78c9c18cb7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0c78c9c18cb7) - Fix font family not preferencing apple system fonts on macOS
+
 ## 2.0.1
@@ -4,0 +10,0 @@

dist/cjs/components/link.js

@@ -67,5 +67,6 @@ "use strict";
    * Renders a router link if:
+   *
    * - a link component is set in the app provider
-   * - it's not an external link (starting with http:// or https://)
-   * - it's not a non-HTTP-based link (e.g. emails, phone numbers, hash links etc.)
+   * - it's not an external link (starting with `http://` or `https://`)
+   * - it's not a non-HTTP-based link (e.g. Emails, phone numbers, hash links etc.).
    */
@@ -72,0 +73,0 @@ var isRouterLink = RouterLink && !isExternal && !isNonHttpBased;

dist/cjs/responsive/media-helper.js

@@ -15,3 +15,3 @@ "use strict";
  * e.g, ```{ [media.only.xs]: { color: 'red' }, [media.above.sm]: { color: 'green' }}```.
- * For more details, please see https://compiledcssinjs.com/docs/atomic-css#selector-specificity
+ * For more details, please see <https://compiledcssinjs.com/docs/atomic-css#selector-specificity>.
  */
@@ -18,0 +18,0 @@ var media = exports.media = {

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

@@ -499,3 +499,3 @@ "use strict";
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::402816562c359603300fda81596a2978>>
+ * @codegen <<SignedSource::648d0ff5e17d3a6a835c1119d0d5dc99>>
  * @codegenId typography
@@ -524,6 +524,6 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
 var fontFamilyMap = exports.fontFamilyMap = {
-  'font.family.body': "var(--ds-font-family-body, ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  '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': "var(--ds-font-family-brand, Charlie Sans)",
   '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, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  'font.family.heading': "var(--ds-font-family-heading, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   'font.family.monospace': "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
@@ -542,9 +542,9 @@ 'font.family.sans': "var(--ds-font-family-sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif)"
 var bodyTextMap = exports.bodyTextMap = {
-  body: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  'body.large': "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  'body.small': "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+  body: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  'body.large': "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  'body.small': "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 };
 var uiTextMap = exports.uiTextMap = {
-  ui: "var(--ds-font-ui, normal 500 14px/1 ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  'ui.small': "var(--ds-font-ui-small, normal 400 11px/1 ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+  ui: "var(--ds-font-ui, normal 500 14px/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  'ui.small': "var(--ds-font-ui-small, normal 400 11px/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 };
@@ -551,0 +551,0 @@

dist/es2019/components/link.js

@@ -54,5 +54,6 @@ import _extends from "@babel/runtime/helpers/extends";
    * Renders a router link if:
+   *
    * - a link component is set in the app provider
-   * - it's not an external link (starting with http:// or https://)
-   * - it's not a non-HTTP-based link (e.g. emails, phone numbers, hash links etc.)
+   * - it's not an external link (starting with `http://` or `https://`)
+   * - it's not a non-HTTP-based link (e.g. Emails, phone numbers, hash links etc.).
    */
@@ -59,0 +60,0 @@ const isRouterLink = RouterLink && !isExternal && !isNonHttpBased;

dist/es2019/responsive/media-helper.js

@@ -9,3 +9,3 @@ /**
  * e.g, ```{ [media.only.xs]: { color: 'red' }, [media.above.sm]: { color: 'green' }}```.
- * For more details, please see https://compiledcssinjs.com/docs/atomic-css#selector-specificity
+ * For more details, please see <https://compiledcssinjs.com/docs/atomic-css#selector-specificity>.
  */
@@ -12,0 +12,0 @@ export const media = {

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

@@ -487,3 +487,3 @@ import { css } from '@emotion/react';
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::402816562c359603300fda81596a2978>>
+ * @codegen <<SignedSource::648d0ff5e17d3a6a835c1119d0d5dc99>>
  * @codegenId typography
@@ -512,6 +512,6 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
 export const fontFamilyMap = {
-  'font.family.body': "var(--ds-font-family-body, ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  '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': "var(--ds-font-family-brand, Charlie Sans)",
   '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, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  'font.family.heading': "var(--ds-font-family-heading, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   'font.family.monospace': "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
@@ -530,9 +530,9 @@ 'font.family.sans': "var(--ds-font-family-sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif)"
 export const bodyTextMap = {
-  body: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  'body.large': "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  'body.small': "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+  body: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  'body.large': "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  'body.small': "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 };
 export const uiTextMap = {
-  ui: "var(--ds-font-ui, normal 500 14px/1 ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  'ui.small': "var(--ds-font-ui-small, normal 400 11px/1 ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+  ui: "var(--ds-font-ui, normal 500 14px/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  'ui.small': "var(--ds-font-ui-small, normal 400 11px/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 };
@@ -539,0 +539,0 @@

dist/esm/components/link.js

@@ -57,5 +57,6 @@ import _extends from "@babel/runtime/helpers/extends";
    * Renders a router link if:
+   *
    * - a link component is set in the app provider
-   * - it's not an external link (starting with http:// or https://)
-   * - it's not a non-HTTP-based link (e.g. emails, phone numbers, hash links etc.)
+   * - it's not an external link (starting with `http://` or `https://`)
+   * - it's not a non-HTTP-based link (e.g. Emails, phone numbers, hash links etc.).
    */
@@ -62,0 +63,0 @@ var isRouterLink = RouterLink && !isExternal && !isNonHttpBased;

dist/esm/responsive/media-helper.js

@@ -9,3 +9,3 @@ /**
  * e.g, ```{ [media.only.xs]: { color: 'red' }, [media.above.sm]: { color: 'green' }}```.
- * For more details, please see https://compiledcssinjs.com/docs/atomic-css#selector-specificity
+ * For more details, please see <https://compiledcssinjs.com/docs/atomic-css#selector-specificity>.
  */
@@ -12,0 +12,0 @@ export var media = {

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

@@ -487,3 +487,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::402816562c359603300fda81596a2978>>
+ * @codegen <<SignedSource::648d0ff5e17d3a6a835c1119d0d5dc99>>
  * @codegenId typography
@@ -512,6 +512,6 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
 export var fontFamilyMap = {
-  'font.family.body': "var(--ds-font-family-body, ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  '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': "var(--ds-font-family-brand, Charlie Sans)",
   '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, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  'font.family.heading': "var(--ds-font-family-heading, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   'font.family.monospace': "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
@@ -530,9 +530,9 @@ 'font.family.sans': "var(--ds-font-family-sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif)"
 export var bodyTextMap = {
-  body: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  'body.large': "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  'body.small': "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+  body: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  'body.large': "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  'body.small': "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 };
 export var uiTextMap = {
-  ui: "var(--ds-font-ui, normal 500 14px/1 ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  'ui.small': "var(--ds-font-ui-small, normal 400 11px/1 ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+  ui: "var(--ds-font-ui, normal 500 14px/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+  'ui.small': "var(--ds-font-ui-small, normal 400 11px/1 ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
 };
@@ -539,0 +539,0 @@

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

@@ -62,3 +62,3 @@ /** @jsx jsx */
     /**
-     * Forwarded ref
+     * Forwarded ref.
      */
@@ -65,0 +65,0 @@ ref?: ComponentPropsWithRef<T>['ref'];

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

@@ -43,3 +43,3 @@ /** @jsx jsx */
     /**
-     * Forwarded ref element
+     * Forwarded ref element.
      */
@@ -134,3 +134,3 @@ ref?: React.ComponentPropsWithRef<T>['ref'];
     /**
-     * Forwarded ref element
+     * Forwarded ref element.
      */
@@ -137,0 +137,0 @@ ref?: any;

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

@@ -48,3 +48,3 @@ /** @jsx jsx */
     /**
-     * Forwarded ref element
+     * Forwarded ref element.
      */
@@ -110,3 +110,3 @@ ref?: React.ComponentPropsWithRef<T>['ref'];
     /**
-     * Forwarded ref element
+     * Forwarded ref element.
      */
@@ -113,0 +113,0 @@ ref?: any;

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

@@ -6,3 +6,3 @@ import React, { type ReactNode, type Ref } from 'react';
     /**
-     * `children` should be defined to ensure links have text
+     * `children` should be defined to ensure links have text.
      */
@@ -26,3 +26,3 @@ children: ReactNode;
     /**
-     * `children` should be defined to ensure links have text
+     * `children` should be defined to ensure links have text.
      */
@@ -29,0 +29,0 @@ children: ReactNode;

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

@@ -35,3 +35,3 @@ /** @jsx jsx */
     /**
-     * Forwarded ref element
+     * Forwarded ref element.
      */
@@ -84,3 +84,3 @@ ref?: React.ComponentPropsWithRef<T>['ref'];
     /**
-     * Forwarded ref element
+     * Forwarded ref element.
      */
@@ -87,0 +87,0 @@ ref?: any;

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

@@ -14,3 +14,3 @@ /** @jsx jsx */
     /**
-     * Text variant
+     * Text variant.
      */
@@ -29,3 +29,3 @@ variant?: BodyText;
     /**
-     * Text variant
+     * Text variant.
      */
@@ -41,3 +41,3 @@ variant: UiText;
     /**
-     * Elements rendered within the Text element
+     * Elements rendered within the Text element.
      */
@@ -52,11 +52,11 @@ children: ReactNode;
     /**
-     * The HTML id attribute https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
+     * The [HTML `id` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).
      */
     id?: string;
     /**
-     * Text align https://developer.mozilla.org/en-US/docs/Web/CSS/text-align
+     * The [HTML `text-align` attribute](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).
      */
     textAlign?: TextAlign;
     /**
-     * Font weight https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
+     * The [HTML `font-weight` attribute](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight).
      */
@@ -63,0 +63,0 @@ weight?: FontWeight;

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

@@ -8,2 +8,6 @@ import type { CSSProperties } from 'react';
     testId?: string;
+    /**
+     * `data-testid` is strictly controlled through the `testId` prop.
+     * This lets consumers know that this data attribute will not be applied.
+     */
     'data-testid'?: never;
@@ -15,3 +19,3 @@ /**
     /**
-     * Accessible role
+     * Accessible role.
      */
@@ -18,0 +22,0 @@ role?: string;

dist/types-ts4.5/responsive/hide.d.ts

@@ -15,3 +15,3 @@ /** @jsx jsx */
      *
-     * @important do not mix `above` and `below` (TypeScript should prevent this)
+     * @important do not mix `above` and `below` (TypeScript should prevent this).
      */
@@ -24,3 +24,3 @@ below: Exclude<Breakpoint, 'xxs'>;
      *
-     * @important do not mix `above` and `below` (TypeScript should prevent this)
+     * @important do not mix `above` and `below` (TypeScript should prevent this).
      */
@@ -27,0 +27,0 @@ above: Exclude<Breakpoint, 'xxs'>;

dist/types-ts4.5/responsive/media-helper.d.ts

@@ -9,3 +9,3 @@ /**
  * e.g, ```{ [media.only.xs]: { color: 'red' }, [media.above.sm]: { color: 'green' }}```.
- * For more details, please see https://compiledcssinjs.com/docs/atomic-css#selector-specificity
+ * For more details, please see <https://compiledcssinjs.com/docs/atomic-css#selector-specificity>.
  */
@@ -12,0 +12,0 @@ export declare const media: {

dist/types-ts4.5/responsive/show.d.ts

@@ -15,3 +15,3 @@ /** @jsx jsx */
      *
-     * @important do not mix `above` and `below` (TypeScript should prevent this)
+     * @important do not mix `above` and `below` (TypeScript should prevent this).
      */
@@ -24,3 +24,3 @@ below: Exclude<Breakpoint, 'xxs'>;
      *
-     * @important do not mix `above` and `below` (TypeScript should prevent this)
+     * @important do not mix `above` and `below` (TypeScript should prevent this).
      */
@@ -27,0 +27,0 @@ above: Exclude<Breakpoint, 'xxs'>;

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

@@ -9,3 +9,3 @@ import { SerializedStyles } from '@emotion/react';
 /**
- * All supported media queries for use as keys, eg. in `xcss({ [MediaQuery]: { … } })`
+ * All supported media queries for use as keys, eg. in `xcss({ [MediaQuery]: { … } })`.
  *
@@ -16,3 +16,3 @@ * TODO: Should this have `media.above.xxs`?  This is explicitly `@media all`, which I believe is just additional specificity (which could lead to some mistakes)
 /**
- * An object type mapping a value to each breakpoint (optionally)
+ * An object type mapping a value to each breakpoint (optionally).
  */
@@ -49,3 +49,3 @@ export type ResponsiveObject<T> = Partial<Record<Breakpoint, T>>;
     /**
-     * The min-width used in media queries
+     * The min-width used in media queries.
      */
@@ -52,0 +52,0 @@ min: `${number}rem`;

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

@@ -518,3 +518,3 @@ import { SerializedStyles } from '@emotion/react';
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::402816562c359603300fda81596a2978>>
+ * @codegen <<SignedSource::648d0ff5e17d3a6a835c1119d0d5dc99>>
  * @codegenId typography
@@ -521,0 +521,0 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

dist/types/components/box.d.ts

@@ -62,3 +62,3 @@ /** @jsx jsx */
     /**
-     * Forwarded ref
+     * Forwarded ref.
      */
@@ -65,0 +65,0 @@ ref?: ComponentPropsWithRef<T>['ref'];

dist/types/components/flex.d.ts

@@ -43,3 +43,3 @@ /** @jsx jsx */
     /**
-     * Forwarded ref element
+     * Forwarded ref element.
      */
@@ -134,3 +134,3 @@ ref?: React.ComponentPropsWithRef<T>['ref'];
     /**
-     * Forwarded ref element
+     * Forwarded ref element.
      */
@@ -137,0 +137,0 @@ ref?: any;

dist/types/components/inline.d.ts

@@ -48,3 +48,3 @@ /** @jsx jsx */
     /**
-     * Forwarded ref element
+     * Forwarded ref element.
      */
@@ -110,3 +110,3 @@ ref?: React.ComponentPropsWithRef<T>['ref'];
     /**
-     * Forwarded ref element
+     * Forwarded ref element.
      */
@@ -113,0 +113,0 @@ ref?: any;

dist/types/components/link.d.ts

@@ -6,3 +6,3 @@ import React, { type ReactNode, type Ref } from 'react';
     /**
-     * `children` should be defined to ensure links have text
+     * `children` should be defined to ensure links have text.
      */
@@ -26,3 +26,3 @@ children: ReactNode;
     /**
-     * `children` should be defined to ensure links have text
+     * `children` should be defined to ensure links have text.
      */
@@ -29,0 +29,0 @@ children: ReactNode;

dist/types/components/stack.d.ts

@@ -35,3 +35,3 @@ /** @jsx jsx */
     /**
-     * Forwarded ref element
+     * Forwarded ref element.
      */
@@ -84,3 +84,3 @@ ref?: React.ComponentPropsWithRef<T>['ref'];
     /**
-     * Forwarded ref element
+     * Forwarded ref element.
      */
@@ -87,0 +87,0 @@ ref?: any;

dist/types/components/text.d.ts

@@ -9,3 +9,3 @@ /** @jsx jsx */
     /**
-     * Text variant
+     * Text variant.
      */
@@ -24,3 +24,3 @@ variant?: BodyText;
     /**
-     * Text variant
+     * Text variant.
      */
@@ -36,3 +36,3 @@ variant: UiText;
     /**
-     * Elements rendered within the Text element
+     * Elements rendered within the Text element.
      */
@@ -47,11 +47,11 @@ children: ReactNode;
     /**
-     * The HTML id attribute https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
+     * The [HTML `id` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).
      */
     id?: string;
     /**
-     * Text align https://developer.mozilla.org/en-US/docs/Web/CSS/text-align
+     * The [HTML `text-align` attribute](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align).
      */
     textAlign?: TextAlign;
     /**
-     * Font weight https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
+     * The [HTML `font-weight` attribute](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight).
      */
@@ -58,0 +58,0 @@ weight?: FontWeight;

dist/types/components/types.d.ts

@@ -8,2 +8,6 @@ import type { CSSProperties } from 'react';
     testId?: string;
+    /**
+     * `data-testid` is strictly controlled through the `testId` prop.
+     * This lets consumers know that this data attribute will not be applied.
+     */
     'data-testid'?: never;
@@ -15,3 +19,3 @@ /**
     /**
-     * Accessible role
+     * Accessible role.
      */
@@ -18,0 +22,0 @@ role?: string;

dist/types/responsive/hide.d.ts

@@ -15,3 +15,3 @@ /** @jsx jsx */
      *
-     * @important do not mix `above` and `below` (TypeScript should prevent this)
+     * @important do not mix `above` and `below` (TypeScript should prevent this).
      */
@@ -24,3 +24,3 @@ below: Exclude<Breakpoint, 'xxs'>;
      *
-     * @important do not mix `above` and `below` (TypeScript should prevent this)
+     * @important do not mix `above` and `below` (TypeScript should prevent this).
      */
@@ -27,0 +27,0 @@ above: Exclude<Breakpoint, 'xxs'>;

dist/types/responsive/media-helper.d.ts

@@ -9,3 +9,3 @@ /**
  * e.g, ```{ [media.only.xs]: { color: 'red' }, [media.above.sm]: { color: 'green' }}```.
- * For more details, please see https://compiledcssinjs.com/docs/atomic-css#selector-specificity
+ * For more details, please see <https://compiledcssinjs.com/docs/atomic-css#selector-specificity>.
  */
@@ -12,0 +12,0 @@ export declare const media: {

dist/types/responsive/show.d.ts

@@ -15,3 +15,3 @@ /** @jsx jsx */
      *
-     * @important do not mix `above` and `below` (TypeScript should prevent this)
+     * @important do not mix `above` and `below` (TypeScript should prevent this).
      */
@@ -24,3 +24,3 @@ below: Exclude<Breakpoint, 'xxs'>;
      *
-     * @important do not mix `above` and `below` (TypeScript should prevent this)
+     * @important do not mix `above` and `below` (TypeScript should prevent this).
      */
@@ -27,0 +27,0 @@ above: Exclude<Breakpoint, 'xxs'>;

dist/types/responsive/types.d.ts

@@ -9,3 +9,3 @@ import { SerializedStyles } from '@emotion/react';
 /**
- * All supported media queries for use as keys, eg. in `xcss({ [MediaQuery]: { … } })`
+ * All supported media queries for use as keys, eg. in `xcss({ [MediaQuery]: { … } })`.
  *
@@ -16,3 +16,3 @@ * TODO: Should this have `media.above.xxs`?  This is explicitly `@media all`, which I believe is just additional specificity (which could lead to some mistakes)
 /**
- * An object type mapping a value to each breakpoint (optionally)
+ * An object type mapping a value to each breakpoint (optionally).
  */
@@ -49,3 +49,3 @@ export type ResponsiveObject<T> = Partial<Record<Breakpoint, T>>;
     /**
-     * The min-width used in media queries
+     * The min-width used in media queries.
      */
@@ -52,0 +52,0 @@ min: `${number}rem`;

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

@@ -518,3 +518,3 @@ import { SerializedStyles } from '@emotion/react';
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::402816562c359603300fda81596a2978>>
+ * @codegen <<SignedSource::648d0ff5e17d3a6a835c1119d0d5dc99>>
  * @codegenId typography
@@ -521,0 +521,0 @@ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles

package.json

 {
   "name": "@atlaskit/primitives",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "Primitives are token-backed low-level building blocks.",
@@ -108,3 +108,3 @@ "publishConfig": {
     "@atlaskit/app-provider": "^1.0.0",
-    "@atlaskit/tokens": "^1.35.0",
+    "@atlaskit/tokens": "^1.37.0",
     "@babel/runtime": "^7.0.0",
@@ -111,0 +111,0 @@ "@emotion/react": "^11.7.1",

No alert changes

Improved metrics

Total package byte prevSize

1778153

increased by0.09%

Lines of code

14516

increased by0.08%

Dependency changes

• Updated@atlaskit/tokens@^1.37.0