@atlaskit/primitives 11.0.1 → 11.1.0

package/dist/es2019/components/inline.js

@@ -1,8 +1,8 @@
 /* eslint-disable @repo/internal/styles/no-exported-styles */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React, { Children, forwardRef, Fragment, memo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/components/pressable.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef, useCallback, useContext } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -85,7 +85,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "11.0.1",
+    packageVersion: "11.1.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/es2019/components/stack.js

@@ -1,8 +1,8 @@
 /* eslint-disable @repo/internal/styles/no-exported-styles */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef, memo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/components/text.js

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { createContext, forwardRef, useContext } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/es2019/responsive/hide.js

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';

package/dist/es2019/responsive/show.js

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/esm/components/anchor.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _typeof from "@babel/runtime/helpers/typeof";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["href", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "onClick", "interactionName", "componentName", "analyticsContext", "aria-label", "aria-labelledby", "style", "target", "testId", "xcss"],
+var _excluded = ["href", "children", "backgroundColor", "newWindowLabel", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "onClick", "interactionName", "componentName", "analyticsContext", "aria-label", "aria-labelledby", "style", "target", "testId", "xcss"],
   _excluded2 = ["className"];
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef, useCallback, useContext } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -47,6 +47,7 @@ var baseStyles = css({
 });
 var IS_EXTERNAL_LINK_REGEX = /^(?:(http|https):\/\/)/;
 var IS_NON_HTTP_BASED = /^(((mailto|tel|sms):)|(#))/;
+// Comma is added here to add a slight pause between announcing the anchor label and "opens in new window"
 var OPENS_NEW_WINDOW_LABEL = '(opens new window)';
 
 /**
@@ -62,6 +63,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
   var href = _ref.href,
     children = _ref.children,
     backgroundColor = _ref.backgroundColor,
+    newWindowLabel = _ref.newWindowLabel,
     padding = _ref.padding,
     paddingBlock = _ref.paddingBlock,
     paddingBlockStart = _ref.paddingBlockStart,
@@ -97,7 +99,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "11.0.1",
+    packageVersion: "11.1.0",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });
@@ -136,7 +138,8 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     href: !isRouterLink && typeof href !== 'string' ? undefined : href,
     target: target,
     onClick: onClick,
-    "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? "".concat(ariaLabel, " ").concat(OPENS_NEW_WINDOW_LABEL) : ariaLabel,
+    "aria-label": ariaLabel && target === '_blank' && !ariaLabelledBy ? //`${ariaLabel} ${OPENS_NEW_WINDOW_LABEL}`
+    "".concat(ariaLabel, " , ").concat(newWindowLabel ? newWindowLabel : OPENS_NEW_WINDOW_LABEL) : ariaLabel,
     "aria-labelledby": ariaLabelledBy && target === '_blank' ? "".concat(ariaLabelledBy, " ").concat(opensNewWindowLabelId) : ariaLabelledBy,
     css: [baseStyles, focusRingStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -161,7 +164,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
     "data-is-router-link": testId ? isRouterLink ? 'true' : 'false' : undefined
   }), children, target === '_blank' && (children && !ariaLabel && !ariaLabelledBy || ariaLabelledBy) && jsx(VisuallyHidden, {
     id: opensNewWindowLabelId
-  }, OPENS_NEW_WINDOW_LABEL));
+  }, ", ".concat(newWindowLabel ? newWindowLabel : OPENS_NEW_WINDOW_LABEL)));
 };
 
 // Workarounds to support generic types with forwardRef

package/dist/esm/components/bleed.js

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/box.js

@@ -4,8 +4,8 @@ var _excluded = ["as", "children", "backgroundColor", "padding", "paddingBlock",
   _excluded2 = ["className"];
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/flex.js

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef, memo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/grid.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef, memo, useMemo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/inline.js

@@ -2,8 +2,8 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 /* eslint-disable @repo/internal/styles/no-exported-styles */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React, { Children, forwardRef, Fragment, memo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/pressable.js

@@ -4,8 +4,8 @@ var _excluded = ["children", "backgroundColor", "padding", "paddingBlock", "padd
   _excluded2 = ["className"];
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef, useCallback, useContext } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -89,7 +89,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "11.0.1",
+    packageVersion: "11.1.0",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/esm/components/stack.js

@@ -2,8 +2,8 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 /* eslint-disable @repo/internal/styles/no-exported-styles */
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { forwardRef, memo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/components/text.js

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { createContext, forwardRef, useContext } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766

package/dist/esm/responsive/hide.js

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';

package/dist/esm/responsive/show.js

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';

package/dist/types/components/anchor.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from 'react';
 import { jsx } from '@emotion/react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
@@ -33,6 +33,10 @@ type BaseAnchorProps = {
      * Token representing background color with a built-in fallback value.
      */
     backgroundColor?: BackgroundColor;
+    /**
+     * Use this to set a label for assistive technology that describes the link as opening in a new window. The default label is "(opens new window)".
+     */
+    newWindowLabel?: string;
     /**
      * Tokens representing CSS shorthand for `paddingBlock` and `paddingInline` together.
      *
@@ -85,7 +89,7 @@ export type AnchorProps<RouterLinkConfig extends Record<string, any> = never> =
  * - [Code](https://atlassian.design/components/primitives/anchor/code)
  * - [Usage](https://atlassian.design/components/primitives/anchor/usage)
  */
-declare const AnchorNoRef: <RouterLinkConfig extends Record<string, any> = never>({ href, children, backgroundColor, padding, paddingBlock, paddingBlockStart, paddingBlockEnd, paddingInline, paddingInlineStart, paddingInlineEnd, onClick: providedOnClick, interactionName, componentName, analyticsContext, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, style, target, testId, xcss, ...htmlAttributes }: AnchorProps<RouterLinkConfig>, ref?: Ref<HTMLAnchorElement>) => jsx.JSX.Element;
+declare const AnchorNoRef: <RouterLinkConfig extends Record<string, any> = never>({ href, children, backgroundColor, newWindowLabel, padding, paddingBlock, paddingBlockStart, paddingBlockEnd, paddingInline, paddingInlineStart, paddingInlineEnd, onClick: providedOnClick, interactionName, componentName, analyticsContext, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, style, target, testId, xcss, ...htmlAttributes }: AnchorProps<RouterLinkConfig>, ref?: Ref<HTMLAnchorElement>) => jsx.JSX.Element;
 /**
  * __Anchor__
  *

package/dist/types/components/bleed.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React, { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import type { BasePrimitiveProps } from './types';

package/dist/types/components/box.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactElement, type ReactNode } from 'react';
 import { type BackgroundColor, type Space } from '../xcss/style-maps.partial';
 import { type SVGElements } from './internal/types';

package/dist/types/components/flex.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ElementType, type ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
 import type { BasePrimitiveProps } from './types';
@@ -9,7 +9,7 @@ export type FlexProps<T extends ElementType = 'div'> = {
     /**
      * The DOM element to render as the Flex. Defaults to `div`.
      */
-    as?: 'div' | 'span' | 'ul' | 'ol' | 'li';
+    as?: 'div' | 'span' | 'ul' | 'ol' | 'li' | 'dl';
     /**
      * Used to align children along the main axis.
      */
@@ -99,7 +99,7 @@ declare const Flex: import("react").MemoExoticComponent<import("react").ForwardR
     /**
      * The DOM element to render as the Flex. Defaults to `div`.
      */
-    as?: "div" | "li" | "ol" | "span" | "ul" | undefined;
+    as?: "div" | "dl" | "li" | "ol" | "span" | "ul" | undefined;
     /**
      * Used to align children along the main axis.
      */

package/dist/types/components/grid.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ElementType, type ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
 import type { BasePrimitiveProps } from './types';

package/dist/types/components/inline.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React, { type ElementType, type ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
 import type { AlignBlock, AlignInline, BasePrimitiveProps, Grow, Spread } from './types';
@@ -9,7 +9,7 @@ export type InlineProps<T extends ElementType = 'div'> = {
     /**
      * The DOM element to render as the Inline. Defaults to `div`.
      */
-    as?: 'div' | 'span' | 'ul' | 'ol' | 'li';
+    as?: 'div' | 'span' | 'ul' | 'ol' | 'li' | 'dl';
     /**
      * Used to align children along the block axis (typically vertical).
      */
@@ -70,7 +70,7 @@ declare const Inline: React.MemoExoticComponent<React.ForwardRefExoticComponent<
     /**
      * The DOM element to render as the Inline. Defaults to `div`.
      */
-    as?: "div" | "li" | "ol" | "span" | "ul" | undefined;
+    as?: "div" | "dl" | "li" | "ol" | "span" | "ul" | undefined;
     /**
      * Used to align children along the block axis (typically vertical).
      */

package/dist/types/components/pressable.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from 'react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type BackgroundColor, type Space } from '../xcss/style-maps.partial';

package/dist/types/components/stack.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ElementType, type ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
 import type { AlignBlock, AlignInline, BasePrimitiveProps, Grow, Spread } from './types';
@@ -9,7 +9,7 @@ export type StackProps<T extends ElementType = 'div'> = {
     /**
      * The DOM element to render as the Stack. Defaults to `div`.
      */
-    as?: 'div' | 'span' | 'ul' | 'ol';
+    as?: 'div' | 'span' | 'ul' | 'ol' | 'dl';
     /**
      * Used to align children along the block axis (typically vertical).
      */
@@ -57,7 +57,7 @@ declare const Stack: import("react").MemoExoticComponent<import("react").Forward
     /**
      * The DOM element to render as the Stack. Defaults to `div`.
      */
-    as?: "div" | "ol" | "span" | "ul" | undefined;
+    as?: "div" | "dl" | "ol" | "span" | "ul" | undefined;
     /**
      * Used to align children along the block axis (typically vertical).
      */

package/dist/types/components/text.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ComponentPropsWithRef, type ElementType, type ReactNode } from 'react';
 import { type FontSize, type FontWeight, type TextColor } from '../xcss/style-maps.partial';
 import type { BasePrimitiveProps } from './types';

package/dist/types/responsive/hide.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import { type BasePrimitiveProps } from '../components/types';

package/dist/types/responsive/show.d.ts

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import { type BasePrimitiveProps } from '../components/types';

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from 'react';
 import { jsx } from '@emotion/react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
@@ -33,6 +33,10 @@ type BaseAnchorProps = {
      * Token representing background color with a built-in fallback value.
      */
     backgroundColor?: BackgroundColor;
+    /**
+     * Use this to set a label for assistive technology that describes the link as opening in a new window. The default label is "(opens new window)".
+     */
+    newWindowLabel?: string;
     /**
      * Tokens representing CSS shorthand for `paddingBlock` and `paddingInline` together.
      *
@@ -85,7 +89,7 @@ export type AnchorProps<RouterLinkConfig extends Record<string, any> = never> =
  * - [Code](https://atlassian.design/components/primitives/anchor/code)
  * - [Usage](https://atlassian.design/components/primitives/anchor/usage)
  */
-declare const AnchorNoRef: <RouterLinkConfig extends Record<string, any> = never>({ href, children, backgroundColor, padding, paddingBlock, paddingBlockStart, paddingBlockEnd, paddingInline, paddingInlineStart, paddingInlineEnd, onClick: providedOnClick, interactionName, componentName, analyticsContext, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, style, target, testId, xcss, ...htmlAttributes }: AnchorProps<RouterLinkConfig>, ref?: Ref<HTMLAnchorElement>) => jsx.JSX.Element;
+declare const AnchorNoRef: <RouterLinkConfig extends Record<string, any> = never>({ href, children, backgroundColor, newWindowLabel, padding, paddingBlock, paddingBlockStart, paddingBlockEnd, paddingInline, paddingInlineStart, paddingInlineEnd, onClick: providedOnClick, interactionName, componentName, analyticsContext, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, style, target, testId, xcss, ...htmlAttributes }: AnchorProps<RouterLinkConfig>, ref?: Ref<HTMLAnchorElement>) => jsx.JSX.Element;
 /**
  * __Anchor__
  *

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React, { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import type { BasePrimitiveProps } from './types';

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactElement, type ReactNode } from 'react';
 import { type BackgroundColor, type Space } from '../xcss/style-maps.partial';
 import { type SVGElements } from './internal/types';

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ElementType, type ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
 import type { BasePrimitiveProps } from './types';
@@ -9,7 +9,7 @@ export type FlexProps<T extends ElementType = 'div'> = {
     /**
      * The DOM element to render as the Flex. Defaults to `div`.
      */
-    as?: 'div' | 'span' | 'ul' | 'ol' | 'li';
+    as?: 'div' | 'span' | 'ul' | 'ol' | 'li' | 'dl';
     /**
      * Used to align children along the main axis.
      */
@@ -99,7 +99,7 @@ declare const Flex: import("react").MemoExoticComponent<import("react").ForwardR
     /**
      * The DOM element to render as the Flex. Defaults to `div`.
      */
-    as?: "div" | "li" | "ol" | "span" | "ul" | undefined;
+    as?: "div" | "dl" | "li" | "ol" | "span" | "ul" | undefined;
     /**
      * Used to align children along the main axis.
      */

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ElementType, type ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
 import type { BasePrimitiveProps } from './types';

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import React, { type ElementType, type ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
 import type { AlignBlock, AlignInline, BasePrimitiveProps, Grow, Spread } from './types';
@@ -9,7 +9,7 @@ export type InlineProps<T extends ElementType = 'div'> = {
     /**
      * The DOM element to render as the Inline. Defaults to `div`.
      */
-    as?: 'div' | 'span' | 'ul' | 'ol' | 'li';
+    as?: 'div' | 'span' | 'ul' | 'ol' | 'li' | 'dl';
     /**
      * Used to align children along the block axis (typically vertical).
      */
@@ -70,7 +70,7 @@ declare const Inline: React.MemoExoticComponent<React.ForwardRefExoticComponent<
     /**
      * The DOM element to render as the Inline. Defaults to `div`.
      */
-    as?: "div" | "li" | "ol" | "span" | "ul" | undefined;
+    as?: "div" | "dl" | "li" | "ol" | "span" | "ul" | undefined;
     /**
      * Used to align children along the block axis (typically vertical).
      */

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from 'react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { type BackgroundColor, type Space } from '../xcss/style-maps.partial';

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ElementType, type ReactNode } from 'react';
 import { type Space } from '../xcss/style-maps.partial';
 import type { AlignBlock, AlignInline, BasePrimitiveProps, Grow, Spread } from './types';
@@ -9,7 +9,7 @@ export type StackProps<T extends ElementType = 'div'> = {
     /**
      * The DOM element to render as the Stack. Defaults to `div`.
      */
-    as?: 'div' | 'span' | 'ul' | 'ol';
+    as?: 'div' | 'span' | 'ul' | 'ol' | 'dl';
     /**
      * Used to align children along the block axis (typically vertical).
      */
@@ -57,7 +57,7 @@ declare const Stack: import("react").MemoExoticComponent<import("react").Forward
     /**
      * The DOM element to render as the Stack. Defaults to `div`.
      */
-    as?: "div" | "ol" | "span" | "ul" | undefined;
+    as?: "div" | "dl" | "ol" | "span" | "ul" | undefined;
     /**
      * Used to align children along the block axis (typically vertical).
      */

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ComponentPropsWithRef, type ElementType, type ReactNode } from 'react';
 import { type FontSize, type FontWeight, type TextColor } from '../xcss/style-maps.partial';
 import type { BasePrimitiveProps } from './types';

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import { type BasePrimitiveProps } from '../components/types';

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

@@ -1,7 +1,7 @@
 /**
  * @jsxRuntime classic
+ * @jsx jsx
  */
-/** @jsx jsx */
 import { type ReactNode } from 'react';
 import { jsx } from '@emotion/react';
 import { type BasePrimitiveProps } from '../components/types';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "11.0.1",
+	"version": "11.1.0",
 	"description": "Primitives are token-backed low-level building blocks.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -128,7 +128,7 @@
 		"@atlaskit/css": "^0.3.0",
 		"@atlaskit/ds-lib": "^2.3.0",
 		"@atlaskit/interaction-context": "^2.1.0",
-		"@atlaskit/tokens": "^1.54.0",
+		"@atlaskit/tokens": "^1.56.0",
 		"@atlaskit/visually-hidden": "^1.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",