@atlaskit/ds-explorations 2.0.4 → 2.0.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/ds-explorations
 
+## 2.0.6
+
+### Patch Changes
+
+- [`4b219ed17bf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4b219ed17bf) - Breakpoint constants added to be used in responsive spikes initially
+
+## 2.0.5
+
+### Patch Changes
+
+- [`a70970a5aab`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a70970a5aab) - Mark Box, Inline, and Stack as deprecated, planned for future removal.
+
 ## 2.0.4
 
 ### Patch Changes

package/dist/cjs/components/box.partial.js

@@ -18,7 +18,9 @@ var _excluded = ["children", "as", "className", "display", "flexDirection", "ali
  * Box is a primitive component that has the design decisions of the Atlassian Design System baked in.
  * Renders a `div` by default.
  *
- * @internal
+ * @private
+ * @deprecated DSP-8009: This primitive is scheduled for deletion.
+ * Please use `Box` from `@atlaskit/primitives` instead.
  */
 var Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,

package/dist/cjs/components/inline.partial.js

@@ -80,6 +80,10 @@ var Divider = function Divider(_ref) {
  * Inline is a primitive component based on flexbox that manages the horizontal layout of direct children.
  * Renders a `div` by default.
  *
+ * @private
+ * @deprecated DSP-8009: This primitive is scheduled for deletion.
+ * Please use `Inline` from `@atlaskit/primitives` instead.
+ *
  * @example
  * ```tsx
  * const App = () => (

package/dist/cjs/components/stack.partial.js

@@ -62,6 +62,10 @@ var baseStyles = (0, _react2.css)({
  * Stack is a primitive component based on flexbox that manages the vertical layout of direct children.
  * Renders a `div` by default.
  *
+ * @private
+ * @deprecated DSP-8009: This primitive is scheduled for deletion.
+ * Please use `Stack` from `@atlaskit/primitives` instead.
+ *
  */
 var Stack = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var gap = _ref.gap,

package/dist/cjs/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LAYERS = void 0;
+exports.LAYERS = exports.BREAKPOINTS_LIST = exports.BREAKPOINTS_CONFIG = void 0;
 var LAYERS = {
   card: 100,
   navigation: 200,
@@ -15,4 +15,39 @@ var LAYERS = {
   spotlight: 700,
   tooltip: 800
 };
-exports.LAYERS = LAYERS;
+exports.LAYERS = LAYERS;
+var BREAKPOINTS_LIST = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
+exports.BREAKPOINTS_LIST = BREAKPOINTS_LIST;
+var BREAKPOINTS_CONFIG = {
+  // mobile
+  xs: {
+    min: 0,
+    max: 591
+  },
+  // tablet
+  sm: {
+    min: 592,
+    max: 1023
+  },
+  // laptop desktop
+  md: {
+    min: 1024,
+    max: 1439
+  },
+  // monitor
+  lg: {
+    min: 1440,
+    max: 1767
+  },
+  // large high res
+  xl: {
+    min: 1768,
+    max: 2159
+  },
+  // extra large high res
+  xxl: {
+    min: 2160,
+    max: Number.MAX_SAFE_INTEGER
+  }
+};
+exports.BREAKPOINTS_CONFIG = BREAKPOINTS_CONFIG;

package/dist/cjs/index.js

@@ -4,6 +4,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "UNSAFE_BREAKPOINTS_CONFIG", {
+  enumerable: true,
+  get: function get() {
+    return _constants.BREAKPOINTS_CONFIG;
+  }
+});
+Object.defineProperty(exports, "UNSAFE_BREAKPOINTS_LIST", {
+  enumerable: true,
+  get: function get() {
+    return _constants.BREAKPOINTS_LIST;
+  }
+});
 Object.defineProperty(exports, "UNSAFE_Box", {
   enumerable: true,
   get: function get() {
@@ -38,4 +50,5 @@ var _box = _interopRequireDefault(require("./components/box.partial"));
 var _text = _interopRequireDefault(require("./components/text.partial"));
 var _inline = _interopRequireDefault(require("./components/inline.partial"));
 var _stack = _interopRequireDefault(require("./components/stack.partial"));
-var _interactionSurface = _interopRequireDefault(require("./components/interaction-surface.partial"));
+var _interactionSurface = _interopRequireDefault(require("./components/interaction-surface.partial"));
+var _constants = require("./constants");

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/ds-explorations",
-	"version": "2.0.4",
+	"version": "2.0.6",
 	"sideEffects": false
 }

package/dist/es2019/components/box.partial.js

@@ -10,7 +10,9 @@ import { SurfaceContext } from './surface-provider';
  * Box is a primitive component that has the design decisions of the Atlassian Design System baked in.
  * Renders a `div` by default.
  *
- * @internal
+ * @private
+ * @deprecated DSP-8009: This primitive is scheduled for deletion.
+ * Please use `Box` from `@atlaskit/primitives` instead.
  */
 export const Box = /*#__PURE__*/forwardRef(({
   children,

package/dist/es2019/components/inline.partial.js

@@ -72,6 +72,10 @@ const Divider = ({
  * Inline is a primitive component based on flexbox that manages the horizontal layout of direct children.
  * Renders a `div` by default.
  *
+ * @private
+ * @deprecated DSP-8009: This primitive is scheduled for deletion.
+ * Please use `Inline` from `@atlaskit/primitives` instead.
+ *
  * @example
  * ```tsx
  * const App = () => (

package/dist/es2019/components/stack.partial.js

@@ -55,6 +55,10 @@ const baseStyles = css({
  * Stack is a primitive component based on flexbox that manages the vertical layout of direct children.
  * Renders a `div` by default.
  *
+ * @private
+ * @deprecated DSP-8009: This primitive is scheduled for deletion.
+ * Please use `Stack` from `@atlaskit/primitives` instead.
+ *
  */
 const Stack = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   gap,

package/dist/es2019/constants.js

@@ -8,4 +8,37 @@ export const LAYERS = {
   flag: 600,
   spotlight: 700,
   tooltip: 800
+};
+export const BREAKPOINTS_LIST = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
+export const BREAKPOINTS_CONFIG = {
+  // mobile
+  xs: {
+    min: 0,
+    max: 591
+  },
+  // tablet
+  sm: {
+    min: 592,
+    max: 1023
+  },
+  // laptop desktop
+  md: {
+    min: 1024,
+    max: 1439
+  },
+  // monitor
+  lg: {
+    min: 1440,
+    max: 1767
+  },
+  // large high res
+  xl: {
+    min: 1768,
+    max: 2159
+  },
+  // extra large high res
+  xxl: {
+    min: 2160,
+    max: Number.MAX_SAFE_INTEGER
+  }
 };

package/dist/es2019/index.js

@@ -2,4 +2,5 @@ export { default as UNSAFE_Box } from './components/box.partial';
 export { default as UNSAFE_Text } from './components/text.partial';
 export { default as UNSAFE_Inline } from './components/inline.partial';
 export { default as UNSAFE_Stack } from './components/stack.partial';
-export { default as UNSAFE_InteractionSurface } from './components/interaction-surface.partial';
+export { default as UNSAFE_InteractionSurface } from './components/interaction-surface.partial';
+export { BREAKPOINTS_LIST as UNSAFE_BREAKPOINTS_LIST, BREAKPOINTS_CONFIG as UNSAFE_BREAKPOINTS_CONFIG } from './constants';

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/ds-explorations",
-	"version": "2.0.4",
+	"version": "2.0.6",
 	"sideEffects": false
 }

package/dist/esm/components/box.partial.js

@@ -12,7 +12,9 @@ import { SurfaceContext } from './surface-provider';
  * Box is a primitive component that has the design decisions of the Atlassian Design System baked in.
  * Renders a `div` by default.
  *
- * @internal
+ * @private
+ * @deprecated DSP-8009: This primitive is scheduled for deletion.
+ * Please use `Box` from `@atlaskit/primitives` instead.
  */
 export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,

package/dist/esm/components/inline.partial.js

@@ -73,6 +73,10 @@ var Divider = function Divider(_ref) {
  * Inline is a primitive component based on flexbox that manages the horizontal layout of direct children.
  * Renders a `div` by default.
  *
+ * @private
+ * @deprecated DSP-8009: This primitive is scheduled for deletion.
+ * Please use `Inline` from `@atlaskit/primitives` instead.
+ *
  * @example
  * ```tsx
  * const App = () => (

package/dist/esm/components/stack.partial.js

@@ -55,6 +55,10 @@ var baseStyles = css({
  * Stack is a primitive component based on flexbox that manages the vertical layout of direct children.
  * Renders a `div` by default.
  *
+ * @private
+ * @deprecated DSP-8009: This primitive is scheduled for deletion.
+ * Please use `Stack` from `@atlaskit/primitives` instead.
+ *
  */
 var Stack = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
   var gap = _ref.gap,

package/dist/esm/constants.js

@@ -8,4 +8,37 @@ export var LAYERS = {
   flag: 600,
   spotlight: 700,
   tooltip: 800
+};
+export var BREAKPOINTS_LIST = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
+export var BREAKPOINTS_CONFIG = {
+  // mobile
+  xs: {
+    min: 0,
+    max: 591
+  },
+  // tablet
+  sm: {
+    min: 592,
+    max: 1023
+  },
+  // laptop desktop
+  md: {
+    min: 1024,
+    max: 1439
+  },
+  // monitor
+  lg: {
+    min: 1440,
+    max: 1767
+  },
+  // large high res
+  xl: {
+    min: 1768,
+    max: 2159
+  },
+  // extra large high res
+  xxl: {
+    min: 2160,
+    max: Number.MAX_SAFE_INTEGER
+  }
 };

package/dist/esm/index.js

@@ -2,4 +2,5 @@ export { default as UNSAFE_Box } from './components/box.partial';
 export { default as UNSAFE_Text } from './components/text.partial';
 export { default as UNSAFE_Inline } from './components/inline.partial';
 export { default as UNSAFE_Stack } from './components/stack.partial';
-export { default as UNSAFE_InteractionSurface } from './components/interaction-surface.partial';
+export { default as UNSAFE_InteractionSurface } from './components/interaction-surface.partial';
+export { BREAKPOINTS_LIST as UNSAFE_BREAKPOINTS_LIST, BREAKPOINTS_CONFIG as UNSAFE_BREAKPOINTS_CONFIG } from './constants';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/ds-explorations",
-	"version": "2.0.4",
+	"version": "2.0.6",
 	"sideEffects": false
 }

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

@@ -2,6 +2,11 @@
 import { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, FC, ReactElement, ReactNode } from 'react';
 import { Layer } from '../constants';
 import type { BasePrimitiveProps } from './types';
+/**
+ * @private
+ * @deprecated DSP-8009: This type is scheduled for deletion.
+ * Please use `Box` from `@atlaskit/primitives` instead.
+ */
 export declare type BoxProps<T extends ElementType = 'div'> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className' | 'style'> & BasePrimitiveProps & BoxPropsBase<T>;
 declare type BoxPropsBase<T extends ElementType> = {
     /**
@@ -113,7 +118,9 @@ declare type BoxComponent<T extends ElementType = 'div'> = (<T extends ElementTy
  * Box is a primitive component that has the design decisions of the Atlassian Design System baked in.
  * Renders a `div` by default.
  *
- * @internal
+ * @private
+ * @deprecated DSP-8009: This primitive is scheduled for deletion.
+ * Please use `Box` from `@atlaskit/primitives` instead.
  */
 export declare const Box: BoxComponent;
 export default Box;

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

@@ -1,6 +1,11 @@
 /** @jsx jsx */
 import { ReactNode } from 'react';
 import type { BasePrimitiveProps } from './types';
+/**
+ * @private
+ * @deprecated DSP-8009: This type is scheduled for deletion.
+ * Please use `Inline` from `@atlaskit/primitives` instead.
+ */
 export interface InlineProps extends BasePrimitiveProps {
     /**
      * Used to align children along the cross axis.
@@ -57,6 +62,10 @@ declare const flexWrapMap: {
  * Inline is a primitive component based on flexbox that manages the horizontal layout of direct children.
  * Renders a `div` by default.
  *
+ * @private
+ * @deprecated DSP-8009: This primitive is scheduled for deletion.
+ * Please use `Inline` from `@atlaskit/primitives` instead.
+ *
  * @example
  * ```tsx
  * const App = () => (

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

@@ -1,6 +1,11 @@
 /** @jsx jsx */
 import { ReactNode } from 'react';
 import { BasePrimitiveProps } from './types';
+/**
+ * @private
+ * @deprecated DSP-8009: This type is scheduled for deletion.
+ * Please use `Stack` from `@atlaskit/primitives` instead.
+ */
 export interface StackProps extends BasePrimitiveProps {
     /**
      * Used to align children along the cross axis.
@@ -50,6 +55,10 @@ declare const flexWrapMap: {
  * Stack is a primitive component based on flexbox that manages the vertical layout of direct children.
  * Renders a `div` by default.
  *
+ * @private
+ * @deprecated DSP-8009: This primitive is scheduled for deletion.
+ * Please use `Stack` from `@atlaskit/primitives` instead.
+ *
  */
 declare const Stack: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLDivElement>>>;
 export default Stack;

package/dist/types/constants.d.ts

@@ -10,3 +10,10 @@ export declare const LAYERS: {
     readonly tooltip: 800;
 };
 export declare type Layer = keyof typeof LAYERS;
+export declare const BREAKPOINTS_LIST: readonly ["xs", "sm", "md", "lg", "xl", "xxl"];
+export declare type Breakpoint = typeof BREAKPOINTS_LIST[number];
+export declare type BreakpointConfig = {
+    min: number;
+    max: number;
+};
+export declare const BREAKPOINTS_CONFIG: Record<Breakpoint, BreakpointConfig>;

package/dist/types/index.d.ts

@@ -7,3 +7,5 @@ export type { BoxProps as UNSAFE_BoxProps } from './components/box.partial';
 export type { TextProps as UNSAFE_TextProps } from './components/text.partial';
 export type { InlineProps as UNSAFE_InlineProps } from './components/inline.partial';
 export type { StackProps as UNSAFE_StackProps } from './components/stack.partial';
+export { BREAKPOINTS_LIST as UNSAFE_BREAKPOINTS_LIST, BREAKPOINTS_CONFIG as UNSAFE_BREAKPOINTS_CONFIG, } from './constants';
+export type { Breakpoint as UNSAFE_Breakpoint, BreakpointConfig as UNSAFE_BreakpointConfig, } from './constants';

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "@atlaskit/ds-explorations",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "description": "An experimental package for exploration and validation of spacing / typography foundations.",
   "license": "Apache-2.0",
   "atlassian": {
-    "disableProductCI": true,
     "team": "Design System Team",
     "inPublicMirror": false,
     "releaseModel": "continuous"

package/report.api.md

@@ -556,10 +556,10 @@ const textTransformMap: {
   uppercase: SerializedStyles;
 };
 
-// @internal
+// @public @deprecated
 export const UNSAFE_Box: BoxComponent;
 
-// @public (undocumented)
+// @public @deprecated (undocumented)
 export type UNSAFE_BoxProps<T extends ElementType = 'div'> = Omit<
   ComponentPropsWithoutRef<T>,
   'as' | 'className' | 'style'
@@ -567,12 +567,37 @@ export type UNSAFE_BoxProps<T extends ElementType = 'div'> = Omit<
   BasePrimitiveProps &
   BoxPropsBase<T>;
 
-// @public
+// @public (undocumented)
+export type UNSAFE_Breakpoint = typeof UNSAFE_BREAKPOINTS_LIST[number];
+
+// @public (undocumented)
+export type UNSAFE_BreakpointConfig = {
+  min: number;
+  max: number;
+};
+
+// @public (undocumented)
+export const UNSAFE_BREAKPOINTS_CONFIG: Record<
+  UNSAFE_Breakpoint,
+  UNSAFE_BreakpointConfig
+>;
+
+// @public (undocumented)
+export const UNSAFE_BREAKPOINTS_LIST: readonly [
+  'xs',
+  'sm',
+  'md',
+  'lg',
+  'xl',
+  'xxl',
+];
+
+// @public @deprecated
 export const UNSAFE_Inline: MemoExoticComponent<
   ForwardRefExoticComponent<UNSAFE_InlineProps & RefAttributes<HTMLDivElement>>
 >;
 
-// @public (undocumented)
+// @public @deprecated (undocumented)
 export interface UNSAFE_InlineProps extends BasePrimitiveProps {
   alignItems?: FlexAlignItems_2;
   children: ReactNode;
@@ -589,12 +614,12 @@ export const UNSAFE_InteractionSurface: ({
   testId,
 }: InteractionSurfaceProps) => jsx.JSX.Element;
 
-// @public
+// @public @deprecated
 export const UNSAFE_Stack: MemoExoticComponent<
   ForwardRefExoticComponent<UNSAFE_StackProps & RefAttributes<HTMLDivElement>>
 >;
 
-// @public (undocumented)
+// @public @deprecated (undocumented)
 export interface UNSAFE_StackProps extends BasePrimitiveProps {
   alignItems?: FlexAlignItems_3;
   children: ReactNode;

package/src/components/box.partial.tsx

@@ -18,6 +18,11 @@ import { Layer, LAYERS } from '../constants';
 import { SurfaceContext } from './surface-provider';
 import type { BasePrimitiveProps } from './types';
 
+/**
+ * @private
+ * @deprecated DSP-8009: This type is scheduled for deletion.
+ * Please use `Box` from `@atlaskit/primitives` instead.
+ */
 export type BoxProps<T extends ElementType = 'div'> = Omit<
   ComponentPropsWithoutRef<T>,
   'as' | 'className' | 'style'
@@ -143,7 +148,9 @@ type BoxComponent<T extends ElementType = 'div'> = (<
  * Box is a primitive component that has the design decisions of the Atlassian Design System baked in.
  * Renders a `div` by default.
  *
- * @internal
+ * @private
+ * @deprecated DSP-8009: This primitive is scheduled for deletion.
+ * Please use `Box` from `@atlaskit/primitives` instead.
  */
 export const Box: BoxComponent = forwardRef(
   <T extends ElementType = 'div'>(

package/src/components/inline.partial.tsx

@@ -7,6 +7,11 @@ import { token } from '@atlaskit/tokens';
 
 import type { BasePrimitiveProps } from './types';
 
+/**
+ * @private
+ * @deprecated DSP-8009: This type is scheduled for deletion.
+ * Please use `Inline` from `@atlaskit/primitives` instead.
+ */
 export interface InlineProps extends BasePrimitiveProps {
   /**
    * Used to align children along the cross axis.
@@ -84,6 +89,10 @@ const Divider: FC = ({ children }) => (
  * Inline is a primitive component based on flexbox that manages the horizontal layout of direct children.
  * Renders a `div` by default.
  *
+ * @private
+ * @deprecated DSP-8009: This primitive is scheduled for deletion.
+ * Please use `Inline` from `@atlaskit/primitives` instead.
+ *
  * @example
  * ```tsx
  * const App = () => (

package/src/components/stack.partial.tsx

@@ -7,6 +7,11 @@ import { token } from '@atlaskit/tokens';
 
 import { BasePrimitiveProps } from './types';
 
+/**
+ * @private
+ * @deprecated DSP-8009: This type is scheduled for deletion.
+ * Please use `Stack` from `@atlaskit/primitives` instead.
+ */
 export interface StackProps extends BasePrimitiveProps {
   /**
    * Used to align children along the cross axis.
@@ -66,6 +71,10 @@ const baseStyles = css({
  * Stack is a primitive component based on flexbox that manages the vertical layout of direct children.
  * Renders a `div` by default.
  *
+ * @private
+ * @deprecated DSP-8009: This primitive is scheduled for deletion.
+ * Please use `Stack` from `@atlaskit/primitives` instead.
+ *
  */
 const Stack = memo(
   forwardRef<HTMLDivElement, StackProps>(

package/src/constants.tsx

@@ -11,3 +11,44 @@ export const LAYERS = {
 } as const;
 
 export type Layer = keyof typeof LAYERS;
+
+export const BREAKPOINTS_LIST = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'] as const;
+export type Breakpoint = typeof BREAKPOINTS_LIST[number];
+
+export type BreakpointConfig = {
+  min: number;
+  max: number;
+};
+
+export const BREAKPOINTS_CONFIG: Record<Breakpoint, BreakpointConfig> = {
+  // mobile
+  xs: {
+    min: 0,
+    max: 591,
+  },
+  // tablet
+  sm: {
+    min: 592,
+    max: 1023,
+  },
+  // laptop desktop
+  md: {
+    min: 1024,
+    max: 1439,
+  },
+  // monitor
+  lg: {
+    min: 1440,
+    max: 1767,
+  },
+  // large high res
+  xl: {
+    min: 1768,
+    max: 2159,
+  },
+  // extra large high res
+  xxl: {
+    min: 2160,
+    max: Number.MAX_SAFE_INTEGER,
+  },
+} as const;

package/src/index.tsx

@@ -7,3 +7,11 @@ export type { BoxProps as UNSAFE_BoxProps } from './components/box.partial';
 export type { TextProps as UNSAFE_TextProps } from './components/text.partial';
 export type { InlineProps as UNSAFE_InlineProps } from './components/inline.partial';
 export type { StackProps as UNSAFE_StackProps } from './components/stack.partial';
+export {
+  BREAKPOINTS_LIST as UNSAFE_BREAKPOINTS_LIST,
+  BREAKPOINTS_CONFIG as UNSAFE_BREAKPOINTS_CONFIG,
+} from './constants';
+export type {
+  Breakpoint as UNSAFE_Breakpoint,
+  BreakpointConfig as UNSAFE_BreakpointConfig,
+} from './constants';

package/tmp/api-report-tmp.d.ts

@@ -540,16 +540,31 @@ const textTransformMap: {
     uppercase: SerializedStyles;
 };
 
-// @internal
+// @public @deprecated
 export const UNSAFE_Box: BoxComponent;
 
-// @public (undocumented)
+// @public @deprecated (undocumented)
 export type UNSAFE_BoxProps<T extends ElementType = 'div'> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className' | 'style'> & BasePrimitiveProps & BoxPropsBase<T>;
 
-// @public
-export const UNSAFE_Inline: MemoExoticComponent<ForwardRefExoticComponent<UNSAFE_InlineProps & RefAttributes<HTMLDivElement>>>;
+// @public (undocumented)
+export type UNSAFE_Breakpoint = typeof UNSAFE_BREAKPOINTS_LIST[number];
+
+// @public (undocumented)
+export type UNSAFE_BreakpointConfig = {
+    min: number;
+    max: number;
+};
 
 // @public (undocumented)
+export const UNSAFE_BREAKPOINTS_CONFIG: Record<UNSAFE_Breakpoint, UNSAFE_BreakpointConfig>;
+
+// @public (undocumented)
+export const UNSAFE_BREAKPOINTS_LIST: readonly ["xs", "sm", "md", "lg", "xl", "xxl"];
+
+// @public @deprecated
+export const UNSAFE_Inline: MemoExoticComponent<ForwardRefExoticComponent<UNSAFE_InlineProps & RefAttributes<HTMLDivElement>>>;
+
+// @public @deprecated (undocumented)
 export interface UNSAFE_InlineProps extends BasePrimitiveProps {
     alignItems?: FlexAlignItems_2;
     children: ReactNode;
@@ -562,10 +577,10 @@ export interface UNSAFE_InlineProps extends BasePrimitiveProps {
 // @public (undocumented)
 export const UNSAFE_InteractionSurface: ({ appearance, children, testId, }: InteractionSurfaceProps) => jsx.JSX.Element;
 
-// @public
+// @public @deprecated
 export const UNSAFE_Stack: MemoExoticComponent<ForwardRefExoticComponent<UNSAFE_StackProps & RefAttributes<HTMLDivElement>>>;
 
-// @public (undocumented)
+// @public @deprecated (undocumented)
 export interface UNSAFE_StackProps extends BasePrimitiveProps {
     alignItems?: FlexAlignItems_3;
     children: ReactNode;