@atlaskit/ds-explorations 2.1.0 → 2.1.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/ds-explorations
 
+## 2.1.1
+
+### Patch Changes
+
+- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+
 ## 2.1.0
 
 ### Minor Changes

package/box/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/components/box.partial.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/components/box.partial.d.ts"
+        "../dist/types-ts4.5/components/box.partial.d.ts"
       ]
     }
   }

package/dist/cjs/version.json

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

package/dist/es2019/version.json

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

package/dist/esm/version.json

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

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

@@ -7,8 +7,8 @@ import type { BasePrimitiveProps } from './types';
  * @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> = {
+export type BoxProps<T extends ElementType = 'div'> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className' | 'style'> & BasePrimitiveProps & BoxPropsBase<T>;
+type BoxPropsBase<T extends ElementType> = {
     /**
      * The DOM element to render as the Box. Defaults to `div`.
      */
@@ -111,7 +111,7 @@ declare type BoxPropsBase<T extends ElementType> = {
     position?: Position;
     ref?: ComponentPropsWithRef<T>['ref'];
 };
-declare type BoxComponent<T extends ElementType = 'div'> = (<T extends ElementType = 'div'>(props: BoxProps<T>) => ReactElement | null) & FC<BoxProps<T>>;
+type BoxComponent<T extends ElementType = 'div'> = (<T extends ElementType = 'div'>(props: BoxProps<T>) => ReactElement | null) & FC<BoxProps<T>>;
 /**
  * __Box__
  *
@@ -124,21 +124,21 @@ declare type BoxComponent<T extends ElementType = 'div'> = (<T extends ElementTy
  */
 export declare const Box: BoxComponent;
 export default Box;
-declare type BorderStyle = keyof typeof borderStyleMap;
+type BorderStyle = keyof typeof borderStyleMap;
 declare const borderStyleMap: {
     none: import("@emotion/react").SerializedStyles;
     solid: import("@emotion/react").SerializedStyles;
     dashed: import("@emotion/react").SerializedStyles;
     dotted: import("@emotion/react").SerializedStyles;
 };
-declare type BorderWidth = keyof typeof borderWidthMap;
+type BorderWidth = keyof typeof borderWidthMap;
 declare const borderWidthMap: {
     '0px': import("@emotion/react").SerializedStyles;
     '1px': import("@emotion/react").SerializedStyles;
     '2px': import("@emotion/react").SerializedStyles;
     '3px': import("@emotion/react").SerializedStyles;
 };
-declare type BorderRadius = keyof typeof borderRadiusMap;
+type BorderRadius = keyof typeof borderRadiusMap;
 declare const borderRadiusMap: {
     normal: import("@emotion/react").SerializedStyles;
     rounded: import("@emotion/react").SerializedStyles;
@@ -147,7 +147,7 @@ declare const borderRadiusMap: {
 /**
  * @experimental - this is likely to be removed
  */
-declare type FlexDirection = keyof typeof flexDirectionMap;
+type FlexDirection = keyof typeof flexDirectionMap;
 declare const flexDirectionMap: {
     column: import("@emotion/react").SerializedStyles;
     row: import("@emotion/react").SerializedStyles;
@@ -155,7 +155,7 @@ declare const flexDirectionMap: {
 /**
  * @experimental - this is likely to be removed
  */
-declare type FlexAlignItems = keyof typeof flexAlignItemsMap;
+type FlexAlignItems = keyof typeof flexAlignItemsMap;
 declare const flexAlignItemsMap: {
     center: import("@emotion/react").SerializedStyles;
     baseline: import("@emotion/react").SerializedStyles;
@@ -167,7 +167,7 @@ declare const flexAlignItemsMap: {
 /**
  * @experimental - this is likely to be removed
  */
-declare type FlexJustifyContent = keyof typeof flexJustifyContentMap;
+type FlexJustifyContent = keyof typeof flexJustifyContentMap;
 declare const flexJustifyContentMap: {
     center: import("@emotion/react").SerializedStyles;
     flexStart: import("@emotion/react").SerializedStyles;
@@ -175,7 +175,7 @@ declare const flexJustifyContentMap: {
     start: import("@emotion/react").SerializedStyles;
     end: import("@emotion/react").SerializedStyles;
 };
-declare type Display = keyof typeof displayMap;
+type Display = keyof typeof displayMap;
 declare const displayMap: {
     block: import("@emotion/react").SerializedStyles;
     inline: import("@emotion/react").SerializedStyles;
@@ -183,14 +183,14 @@ declare const displayMap: {
     inlineFlex: import("@emotion/react").SerializedStyles;
     inlineBlock: import("@emotion/react").SerializedStyles;
 };
-declare type Position = keyof typeof positionMap;
+type Position = keyof typeof positionMap;
 declare const positionMap: {
     absolute: import("@emotion/react").SerializedStyles;
     fixed: import("@emotion/react").SerializedStyles;
     relative: import("@emotion/react").SerializedStyles;
     static: import("@emotion/react").SerializedStyles;
 };
-declare type Overflow = keyof typeof overflowMap;
+type Overflow = keyof typeof overflowMap;
 declare const overflowMap: {
     auto: import("@emotion/react").SerializedStyles;
     hidden: import("@emotion/react").SerializedStyles;
@@ -212,7 +212,7 @@ declare const widthMap: {
     'size.500': import("@emotion/react").SerializedStyles;
     'size.600': import("@emotion/react").SerializedStyles;
 };
-export declare type Width = keyof typeof widthMap;
+export type Width = keyof typeof widthMap;
 declare const heightMap: {
     '100%': import("@emotion/react").SerializedStyles;
     'size.100': import("@emotion/react").SerializedStyles;
@@ -223,7 +223,7 @@ declare const heightMap: {
     'size.500': import("@emotion/react").SerializedStyles;
     'size.600': import("@emotion/react").SerializedStyles;
 };
-export declare type Height = keyof typeof heightMap;
+export type Height = keyof typeof heightMap;
 /**
  * @codegenEnd
  */
@@ -251,7 +251,7 @@ declare const paddingMap: {
     'space.600': import("@emotion/react").SerializedStyles;
     'space.800': import("@emotion/react").SerializedStyles;
 };
-export declare type Padding = keyof typeof paddingMap;
+export type Padding = keyof typeof paddingMap;
 declare const paddingBlockMap: {
     'space.0': import("@emotion/react").SerializedStyles;
     'space.025': import("@emotion/react").SerializedStyles;
@@ -268,7 +268,7 @@ declare const paddingBlockMap: {
     'space.600': import("@emotion/react").SerializedStyles;
     'space.800': import("@emotion/react").SerializedStyles;
 };
-export declare type PaddingBlock = keyof typeof paddingBlockMap;
+export type PaddingBlock = keyof typeof paddingBlockMap;
 declare const paddingInlineMap: {
     'space.0': import("@emotion/react").SerializedStyles;
     'space.025': import("@emotion/react").SerializedStyles;
@@ -285,7 +285,7 @@ declare const paddingInlineMap: {
     'space.600': import("@emotion/react").SerializedStyles;
     'space.800': import("@emotion/react").SerializedStyles;
 };
-export declare type PaddingInline = keyof typeof paddingInlineMap;
+export type PaddingInline = keyof typeof paddingInlineMap;
 /**
  * @codegenEnd
  */
@@ -312,7 +312,7 @@ declare const borderColorMap: {
     readonly information: import("@emotion/react").SerializedStyles;
     readonly bold: import("@emotion/react").SerializedStyles;
 };
-export declare type BorderColor = keyof typeof borderColorMap;
+export type BorderColor = keyof typeof borderColorMap;
 declare const backgroundColorMap: {
     readonly disabled: import("@emotion/react").SerializedStyles;
     readonly input: import("@emotion/react").SerializedStyles;
@@ -341,7 +341,7 @@ declare const backgroundColorMap: {
     readonly 'elevation.surface.raised': import("@emotion/react").SerializedStyles;
     readonly 'elevation.surface.sunken': import("@emotion/react").SerializedStyles;
 };
-export declare type BackgroundColor = keyof typeof backgroundColorMap;
+export type BackgroundColor = keyof typeof backgroundColorMap;
 declare const shadowMap: {
     readonly overflow: import("@emotion/react").SerializedStyles;
     readonly 'overflow.perimeter': import("@emotion/react").SerializedStyles;
@@ -349,7 +349,7 @@ declare const shadowMap: {
     readonly overlay: import("@emotion/react").SerializedStyles;
     readonly raised: import("@emotion/react").SerializedStyles;
 };
-export declare type Shadow = keyof typeof shadowMap;
+export type Shadow = keyof typeof shadowMap;
 /**
  * @codegenEnd
  */

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

@@ -33,7 +33,7 @@ export interface InlineProps extends BasePrimitiveProps {
      */
     children: ReactNode;
 }
-declare type FlexAlignItems = keyof typeof flexAlignItemsMap;
+type FlexAlignItems = keyof typeof flexAlignItemsMap;
 declare const flexAlignItemsMap: {
     center: import("@emotion/react").SerializedStyles;
     baseline: import("@emotion/react").SerializedStyles;
@@ -42,7 +42,7 @@ declare const flexAlignItemsMap: {
     start: import("@emotion/react").SerializedStyles;
     end: import("@emotion/react").SerializedStyles;
 };
-declare type FlexJustifyContent = keyof typeof flexJustifyContentMap;
+type FlexJustifyContent = keyof typeof flexJustifyContentMap;
 declare const flexJustifyContentMap: {
     center: import("@emotion/react").SerializedStyles;
     flexStart: import("@emotion/react").SerializedStyles;
@@ -52,7 +52,7 @@ declare const flexJustifyContentMap: {
     end: import("@emotion/react").SerializedStyles;
     spaceBetween: import("@emotion/react").SerializedStyles;
 };
-declare type FlexWrap = keyof typeof flexWrapMap;
+type FlexWrap = keyof typeof flexWrapMap;
 declare const flexWrapMap: {
     wrap: import("@emotion/react").SerializedStyles;
 };
@@ -102,7 +102,7 @@ declare const columnGapMap: {
     'space.600': import("@emotion/react").SerializedStyles;
     'space.800': import("@emotion/react").SerializedStyles;
 };
-export declare type ColumnGap = keyof typeof columnGapMap;
+export type ColumnGap = keyof typeof columnGapMap;
 /**
  * @codegenEnd
  */

package/dist/types/components/interaction-surface.partial.d.ts

@@ -43,7 +43,7 @@ declare const backgroundHoverColorMap: {
     'elevation.surface.overlay': import("@emotion/react").SerializedStyles;
     'elevation.surface.raised': import("@emotion/react").SerializedStyles;
 };
-declare type InteractionBackgroundColor = keyof typeof backgroundHoverColorMap;
+type InteractionBackgroundColor = keyof typeof backgroundHoverColorMap;
 /**
  * @codegenEnd
  */

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

@@ -28,7 +28,7 @@ export interface StackProps extends BasePrimitiveProps {
      */
     children: ReactNode;
 }
-declare type FlexAlignItems = keyof typeof flexAlignItemsMap;
+type FlexAlignItems = keyof typeof flexAlignItemsMap;
 declare const flexAlignItemsMap: {
     center: import("@emotion/react").SerializedStyles;
     baseline: import("@emotion/react").SerializedStyles;
@@ -37,7 +37,7 @@ declare const flexAlignItemsMap: {
     start: import("@emotion/react").SerializedStyles;
     end: import("@emotion/react").SerializedStyles;
 };
-declare type FlexJustifyContent = keyof typeof flexJustifyContentMap;
+type FlexJustifyContent = keyof typeof flexJustifyContentMap;
 declare const flexJustifyContentMap: {
     center: import("@emotion/react").SerializedStyles;
     flexStart: import("@emotion/react").SerializedStyles;
@@ -45,7 +45,7 @@ declare const flexJustifyContentMap: {
     start: import("@emotion/react").SerializedStyles;
     end: import("@emotion/react").SerializedStyles;
 };
-declare type FlexWrap = keyof typeof flexWrapMap;
+type FlexWrap = keyof typeof flexWrapMap;
 declare const flexWrapMap: {
     wrap: import("@emotion/react").SerializedStyles;
 };
@@ -86,7 +86,7 @@ declare const rowGapMap: {
     'space.600': import("@emotion/react").SerializedStyles;
     'space.800': import("@emotion/react").SerializedStyles;
 };
-export declare type RowGap = keyof typeof rowGapMap;
+export type RowGap = keyof typeof rowGapMap;
 /**
  * @codegenEnd
  */

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

@@ -2,7 +2,7 @@
 import { FC, ReactNode } from 'react';
 import type { BasePrimitiveProps } from './types';
 declare const asAllowlist: readonly ["span", "div", "p", "strong"];
-declare type AsElement = (typeof asAllowlist)[number];
+type AsElement = (typeof asAllowlist)[number];
 export interface TextProps extends BasePrimitiveProps {
     /**
      * HTML tag to be rendered. Defaults to `span`.
@@ -50,19 +50,19 @@ export interface TextProps extends BasePrimitiveProps {
      */
     verticalAlign?: VerticalAlign;
 }
-declare type TextAlign = keyof typeof textAlignMap;
+type TextAlign = keyof typeof textAlignMap;
 declare const textAlignMap: {
     center: import("@emotion/react").SerializedStyles;
     end: import("@emotion/react").SerializedStyles;
     start: import("@emotion/react").SerializedStyles;
 };
-declare type TextTransform = keyof typeof textTransformMap;
+type TextTransform = keyof typeof textTransformMap;
 declare const textTransformMap: {
     none: import("@emotion/react").SerializedStyles;
     lowercase: import("@emotion/react").SerializedStyles;
     uppercase: import("@emotion/react").SerializedStyles;
 };
-declare type VerticalAlign = keyof typeof verticalAlignMap;
+type VerticalAlign = keyof typeof verticalAlignMap;
 declare const verticalAlignMap: {
     top: import("@emotion/react").SerializedStyles;
     middle: import("@emotion/react").SerializedStyles;
@@ -97,19 +97,19 @@ declare const fontSizeMap: {
     'size.500': import("@emotion/react").SerializedStyles;
     'size.600': import("@emotion/react").SerializedStyles;
 };
-export declare type FontSize = keyof typeof fontSizeMap;
+export type FontSize = keyof typeof fontSizeMap;
 declare const fontWeightMap: {
     bold: import("@emotion/react").SerializedStyles;
     medium: import("@emotion/react").SerializedStyles;
     regular: import("@emotion/react").SerializedStyles;
     semibold: import("@emotion/react").SerializedStyles;
 };
-export declare type FontWeight = keyof typeof fontWeightMap;
+export type FontWeight = keyof typeof fontWeightMap;
 declare const fontFamilyMap: {
     monospace: import("@emotion/react").SerializedStyles;
     sans: import("@emotion/react").SerializedStyles;
 };
-export declare type FontFamily = keyof typeof fontFamilyMap;
+export type FontFamily = keyof typeof fontFamilyMap;
 declare const lineHeightMap: {
     'lineHeight.100': import("@emotion/react").SerializedStyles;
     'lineHeight.200': import("@emotion/react").SerializedStyles;
@@ -118,7 +118,7 @@ declare const lineHeightMap: {
     'lineHeight.500': import("@emotion/react").SerializedStyles;
     'lineHeight.600': import("@emotion/react").SerializedStyles;
 };
-export declare type LineHeight = keyof typeof lineHeightMap;
+export type LineHeight = keyof typeof lineHeightMap;
 /**
  * @codegenEnd
  */
@@ -145,7 +145,7 @@ declare const textColorMap: {
     readonly subtlest: import("@emotion/react").SerializedStyles;
     readonly subtle: import("@emotion/react").SerializedStyles;
 };
-export declare type TextColor = keyof typeof textColorMap;
+export type TextColor = keyof typeof textColorMap;
 /**
  * @codegenEnd
  */

package/dist/types/constants.d.ts

@@ -9,4 +9,4 @@ export declare const LAYERS: {
     readonly spotlight: 700;
     readonly tooltip: 800;
 };
-export declare type Layer = keyof typeof LAYERS;
+export type Layer = keyof typeof LAYERS;

package/dist/types/internal/color-map.d.ts

@@ -1,3 +1,12 @@
+/**
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ *
+ * The color map is used to map a background color token to a matching text color that will meet contrast.
+ *
+ * @codegen <<SignedSource::d168519874a16bbb92cfbfd4747a39b4>>
+ * @codegenCommand yarn codegen-styles
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
+ */
 declare const _default: {
     readonly 'neutral.bold': "inverse";
     readonly 'neutral.bold.hovered': "inverse";
@@ -24,13 +33,4 @@ declare const _default: {
     readonly 'information.bold.hovered': "inverse";
     readonly 'information.bold.pressed': "inverse";
 };
-/**
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- *
- * The color map is used to map a background color token to a matching text color that will meet contrast.
- *
- * @codegen <<SignedSource::d168519874a16bbb92cfbfd4747a39b4>>
- * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
- */
 export default _default;

package/dist/types/internal/role-to-element.d.ts

@@ -26,7 +26,7 @@ declare const roleToElementType: {
     readonly presentation: "div";
     readonly group: "fieldset";
 };
-declare type RoleMap = typeof roleToElementType;
-export declare type Role = keyof RoleMap;
-export declare type SupportedElements = RoleMap[Role] & keyof JSX.IntrinsicElements;
+type RoleMap = typeof roleToElementType;
+export type Role = keyof RoleMap;
+export type SupportedElements = RoleMap[Role] & keyof JSX.IntrinsicElements;
 export default roleToElementType;

package/inline/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/components/inline.partial.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/components/inline.partial.d.ts"
+        "../dist/types-ts4.5/components/inline.partial.d.ts"
       ]
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/ds-explorations",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "An experimental package for exploration and validation of spacing / typography foundations.",
   "license": "Apache-2.0",
   "atlassian": {
@@ -22,9 +22,10 @@
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "dist/types-ts4.0/*"
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
       ]
     }
   },
@@ -38,7 +39,7 @@
     "./inline": "./src/components/inline.partial.tsx"
   },
   "dependencies": {
-    "@atlaskit/tokens": "^1.3.0",
+    "@atlaskit/tokens": "^1.4.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "tiny-invariant": "^1.2.0"
@@ -69,7 +70,7 @@
     "prettier": "^2.8.0",
     "react-dom": "^16.8.0",
     "ts-node": "^10.9.1",
-    "typescript": "4.5.5",
+    "typescript": "~4.9.5",
     "wait-for-expect": "^1.2.0"
   },
   "techstack": {

package/stack/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/components/stack.partial.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/components/stack.partial.d.ts"
+        "../dist/types-ts4.5/components/stack.partial.d.ts"
       ]
     }
   }

package/text/package.json

@@ -6,9 +6,9 @@
   "sideEffects": false,
   "types": "../dist/types/components/text.partial.d.ts",
   "typesVersions": {
-    ">=4.0 <4.5": {
+    ">=4.5 <4.9": {
       "*": [
-        "../dist/types-ts4.0/components/text.partial.d.ts"
+        "../dist/types-ts4.5/components/text.partial.d.ts"
       ]
     }
   }

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

@@ -0,0 +1,622 @@
+## API Report File for "@atlaskit/ds-explorations"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
+import type { CSSProperties } from 'react';
+import { ElementType } from 'react';
+import { FC } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { jsx } from '@emotion/react';
+import { MemoExoticComponent } from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { SerializedStyles } from '@emotion/react';
+
+// @public (undocumented)
+const asAllowlist: readonly ["span", "div", "p", "strong"];
+
+// @public (undocumented)
+type AsElement = (typeof asAllowlist)[number];
+
+// @public (undocumented)
+type BackgroundColor = keyof typeof backgroundColorMap;
+
+// @public (undocumented)
+const backgroundColorMap: {
+    readonly disabled: SerializedStyles;
+    readonly input: SerializedStyles;
+    readonly 'inverse.subtle': SerializedStyles;
+    readonly neutral: SerializedStyles;
+    readonly 'neutral.subtle': SerializedStyles;
+    readonly 'neutral.bold': SerializedStyles;
+    readonly selected: SerializedStyles;
+    readonly 'selected.bold': SerializedStyles;
+    readonly 'brand.bold': SerializedStyles;
+    readonly danger: SerializedStyles;
+    readonly 'danger.bold': SerializedStyles;
+    readonly warning: SerializedStyles;
+    readonly 'warning.bold': SerializedStyles;
+    readonly success: SerializedStyles;
+    readonly 'success.bold': SerializedStyles;
+    readonly discovery: SerializedStyles;
+    readonly 'discovery.bold': SerializedStyles;
+    readonly information: SerializedStyles;
+    readonly 'information.bold': SerializedStyles;
+    readonly 'color.blanket': SerializedStyles;
+    readonly 'color.blanket.selected': SerializedStyles;
+    readonly 'color.blanket.danger': SerializedStyles;
+    readonly 'elevation.surface': SerializedStyles;
+    readonly 'elevation.surface.overlay': SerializedStyles;
+    readonly 'elevation.surface.raised': SerializedStyles;
+    readonly 'elevation.surface.sunken': SerializedStyles;
+};
+
+// @public (undocumented)
+const backgroundHoverColorMap: {
+    input: SerializedStyles;
+    'inverse.subtle': SerializedStyles;
+    neutral: SerializedStyles;
+    'neutral.subtle': SerializedStyles;
+    'neutral.bold': SerializedStyles;
+    selected: SerializedStyles;
+    'selected.bold': SerializedStyles;
+    'brand.bold': SerializedStyles;
+    danger: SerializedStyles;
+    'danger.bold': SerializedStyles;
+    warning: SerializedStyles;
+    'warning.bold': SerializedStyles;
+    success: SerializedStyles;
+    'success.bold': SerializedStyles;
+    discovery: SerializedStyles;
+    'discovery.bold': SerializedStyles;
+    information: SerializedStyles;
+    'information.bold': SerializedStyles;
+    'elevation.surface': SerializedStyles;
+    'elevation.surface.overlay': SerializedStyles;
+    'elevation.surface.raised': SerializedStyles;
+};
+
+// @public (undocumented)
+interface BasePrimitiveProps {
+    testId?: string;
+    UNSAFE_style?: CSSProperties;
+}
+
+// @public (undocumented)
+type BorderColor = keyof typeof borderColorMap;
+
+// @public
+const borderColorMap: {
+    readonly 'color.border': SerializedStyles;
+    readonly disabled: SerializedStyles;
+    readonly focused: SerializedStyles;
+    readonly input: SerializedStyles;
+    readonly inverse: SerializedStyles;
+    readonly selected: SerializedStyles;
+    readonly brand: SerializedStyles;
+    readonly danger: SerializedStyles;
+    readonly warning: SerializedStyles;
+    readonly success: SerializedStyles;
+    readonly discovery: SerializedStyles;
+    readonly information: SerializedStyles;
+    readonly bold: SerializedStyles;
+};
+
+// @public (undocumented)
+type BorderRadius = keyof typeof borderRadiusMap;
+
+// @public (undocumented)
+const borderRadiusMap: {
+    normal: SerializedStyles;
+    rounded: SerializedStyles;
+    badge: SerializedStyles;
+};
+
+// @public (undocumented)
+type BorderStyle = keyof typeof borderStyleMap;
+
+// @public (undocumented)
+const borderStyleMap: {
+    none: SerializedStyles;
+    solid: SerializedStyles;
+    dashed: SerializedStyles;
+    dotted: SerializedStyles;
+};
+
+// @public (undocumented)
+type BorderWidth = keyof typeof borderWidthMap;
+
+// @public (undocumented)
+const borderWidthMap: {
+    '0px': SerializedStyles;
+    '1px': SerializedStyles;
+    '2px': SerializedStyles;
+    '3px': SerializedStyles;
+};
+
+// @public (undocumented)
+type BoxComponent<T extends ElementType = 'div'> = (<T extends ElementType = 'div'>(props: UNSAFE_BoxProps<T>) => ReactElement | null) & FC<UNSAFE_BoxProps<T>>;
+
+// @public (undocumented)
+type BoxPropsBase<T extends ElementType> = {
+    as?: T;
+    children?: ReactNode;
+    className?: string;
+    backgroundColor?: BackgroundColor;
+    shadow?: Shadow;
+    borderStyle?: BorderStyle;
+    borderWidth?: BorderWidth;
+    borderColor?: BorderColor;
+    borderRadius?: BorderRadius;
+    layer?: Layer;
+    flexDirection?: FlexDirection;
+    alignItems?: FlexAlignItems;
+    justifyContent?: FlexJustifyContent;
+    overflow?: Overflow;
+    padding?: Padding;
+    paddingBlock?: PaddingBlock;
+    paddingInline?: PaddingInline;
+    width?: Width;
+    height?: Height;
+    display?: Display;
+    position?: Position;
+    ref?: ComponentPropsWithRef<T>['ref'];
+};
+
+// @public (undocumented)
+type ColumnGap = keyof typeof columnGapMap;
+
+// @public
+const columnGapMap: {
+    'space.0': SerializedStyles;
+    'space.025': SerializedStyles;
+    'space.050': SerializedStyles;
+    'space.075': SerializedStyles;
+    'space.100': SerializedStyles;
+    'space.1000': SerializedStyles;
+    'space.150': SerializedStyles;
+    'space.200': SerializedStyles;
+    'space.250': SerializedStyles;
+    'space.300': SerializedStyles;
+    'space.400': SerializedStyles;
+    'space.500': SerializedStyles;
+    'space.600': SerializedStyles;
+    'space.800': SerializedStyles;
+};
+
+// @public (undocumented)
+type Display = keyof typeof displayMap;
+
+// @public (undocumented)
+const displayMap: {
+    block: SerializedStyles;
+    inline: SerializedStyles;
+    flex: SerializedStyles;
+    inlineFlex: SerializedStyles;
+    inlineBlock: SerializedStyles;
+};
+
+// @public
+type FlexAlignItems = keyof typeof flexAlignItemsMap;
+
+// @public (undocumented)
+type FlexAlignItems_2 = keyof typeof flexAlignItemsMap_2;
+
+// @public (undocumented)
+type FlexAlignItems_3 = keyof typeof flexAlignItemsMap_3;
+
+// @public (undocumented)
+const flexAlignItemsMap: {
+    center: SerializedStyles;
+    baseline: SerializedStyles;
+    flexStart: SerializedStyles;
+    flexEnd: SerializedStyles;
+    start: SerializedStyles;
+    end: SerializedStyles;
+};
+
+// @public (undocumented)
+const flexAlignItemsMap_2: {
+    center: SerializedStyles;
+    baseline: SerializedStyles;
+    flexStart: SerializedStyles;
+    flexEnd: SerializedStyles;
+    start: SerializedStyles;
+    end: SerializedStyles;
+};
+
+// @public (undocumented)
+const flexAlignItemsMap_3: {
+    center: SerializedStyles;
+    baseline: SerializedStyles;
+    flexStart: SerializedStyles;
+    flexEnd: SerializedStyles;
+    start: SerializedStyles;
+    end: SerializedStyles;
+};
+
+// @public
+type FlexDirection = keyof typeof flexDirectionMap;
+
+// @public (undocumented)
+const flexDirectionMap: {
+    column: SerializedStyles;
+    row: SerializedStyles;
+};
+
+// @public
+type FlexJustifyContent = keyof typeof flexJustifyContentMap;
+
+// @public (undocumented)
+type FlexJustifyContent_2 = keyof typeof flexJustifyContentMap_2;
+
+// @public (undocumented)
+type FlexJustifyContent_3 = keyof typeof flexJustifyContentMap_3;
+
+// @public (undocumented)
+const flexJustifyContentMap: {
+    center: SerializedStyles;
+    flexStart: SerializedStyles;
+    flexEnd: SerializedStyles;
+    start: SerializedStyles;
+    end: SerializedStyles;
+};
+
+// @public (undocumented)
+const flexJustifyContentMap_2: {
+    center: SerializedStyles;
+    flexStart: SerializedStyles;
+    'space-between': SerializedStyles;
+    flexEnd: SerializedStyles;
+    start: SerializedStyles;
+    end: SerializedStyles;
+    spaceBetween: SerializedStyles;
+};
+
+// @public (undocumented)
+const flexJustifyContentMap_3: {
+    center: SerializedStyles;
+    flexStart: SerializedStyles;
+    flexEnd: SerializedStyles;
+    start: SerializedStyles;
+    end: SerializedStyles;
+};
+
+// @public (undocumented)
+type FlexWrap = keyof typeof flexWrapMap;
+
+// @public (undocumented)
+type FlexWrap_2 = keyof typeof flexWrapMap_2;
+
+// @public (undocumented)
+const flexWrapMap: {
+    wrap: SerializedStyles;
+};
+
+// @public (undocumented)
+const flexWrapMap_2: {
+    wrap: SerializedStyles;
+};
+
+// @public (undocumented)
+type FontSize = keyof typeof fontSizeMap;
+
+// @public
+const fontSizeMap: {
+    'size.050': SerializedStyles;
+    'size.075': SerializedStyles;
+    'size.100': SerializedStyles;
+    'size.200': SerializedStyles;
+    'size.300': SerializedStyles;
+    'size.400': SerializedStyles;
+    'size.500': SerializedStyles;
+    'size.600': SerializedStyles;
+};
+
+// @public (undocumented)
+type FontWeight = keyof typeof fontWeightMap;
+
+// @public (undocumented)
+const fontWeightMap: {
+    bold: SerializedStyles;
+    medium: SerializedStyles;
+    regular: SerializedStyles;
+    semibold: SerializedStyles;
+};
+
+// @public (undocumented)
+type Height = keyof typeof heightMap;
+
+// @public (undocumented)
+const heightMap: {
+    '100%': SerializedStyles;
+    'size.100': SerializedStyles;
+    'size.1000': SerializedStyles;
+    'size.200': SerializedStyles;
+    'size.300': SerializedStyles;
+    'size.400': SerializedStyles;
+    'size.500': SerializedStyles;
+    'size.600': SerializedStyles;
+};
+
+// @public (undocumented)
+type InteractionBackgroundColor = keyof typeof backgroundHoverColorMap;
+
+// @public (undocumented)
+interface InteractionSurfaceProps extends BasePrimitiveProps {
+    // (undocumented)
+    appearance?: InteractionBackgroundColor;
+    // (undocumented)
+    children: ReactNode;
+}
+
+// @public (undocumented)
+type Layer = keyof typeof LAYERS;
+
+// @public (undocumented)
+const LAYERS: {
+    readonly card: 100;
+    readonly navigation: 200;
+    readonly dialog: 300;
+    readonly layer: 400;
+    readonly blanket: 500;
+    readonly modal: 510;
+    readonly flag: 600;
+    readonly spotlight: 700;
+    readonly tooltip: 800;
+};
+
+// @public (undocumented)
+type LineHeight = keyof typeof lineHeightMap;
+
+// @public (undocumented)
+const lineHeightMap: {
+    'lineHeight.100': SerializedStyles;
+    'lineHeight.200': SerializedStyles;
+    'lineHeight.300': SerializedStyles;
+    'lineHeight.400': SerializedStyles;
+    'lineHeight.500': SerializedStyles;
+    'lineHeight.600': SerializedStyles;
+};
+
+// @public (undocumented)
+type Overflow = keyof typeof overflowMap;
+
+// @public (undocumented)
+const overflowMap: {
+    auto: SerializedStyles;
+    hidden: SerializedStyles;
+};
+
+// @public (undocumented)
+type Padding = keyof typeof paddingMap;
+
+// @public (undocumented)
+type PaddingBlock = keyof typeof paddingBlockMap;
+
+// @public (undocumented)
+const paddingBlockMap: {
+    'space.0': SerializedStyles;
+    'space.025': SerializedStyles;
+    'space.050': SerializedStyles;
+    'space.075': SerializedStyles;
+    'space.100': SerializedStyles;
+    'space.1000': SerializedStyles;
+    'space.150': SerializedStyles;
+    'space.200': SerializedStyles;
+    'space.250': SerializedStyles;
+    'space.300': SerializedStyles;
+    'space.400': SerializedStyles;
+    'space.500': SerializedStyles;
+    'space.600': SerializedStyles;
+    'space.800': SerializedStyles;
+};
+
+// @public (undocumented)
+type PaddingInline = keyof typeof paddingInlineMap;
+
+// @public (undocumented)
+const paddingInlineMap: {
+    'space.0': SerializedStyles;
+    'space.025': SerializedStyles;
+    'space.050': SerializedStyles;
+    'space.075': SerializedStyles;
+    'space.100': SerializedStyles;
+    'space.1000': SerializedStyles;
+    'space.150': SerializedStyles;
+    'space.200': SerializedStyles;
+    'space.250': SerializedStyles;
+    'space.300': SerializedStyles;
+    'space.400': SerializedStyles;
+    'space.500': SerializedStyles;
+    'space.600': SerializedStyles;
+    'space.800': SerializedStyles;
+};
+
+// @public
+const paddingMap: {
+    'space.0': SerializedStyles;
+    'space.025': SerializedStyles;
+    'space.050': SerializedStyles;
+    'space.075': SerializedStyles;
+    'space.100': SerializedStyles;
+    'space.1000': SerializedStyles;
+    'space.150': SerializedStyles;
+    'space.200': SerializedStyles;
+    'space.250': SerializedStyles;
+    'space.300': SerializedStyles;
+    'space.400': SerializedStyles;
+    'space.500': SerializedStyles;
+    'space.600': SerializedStyles;
+    'space.800': SerializedStyles;
+};
+
+// @public (undocumented)
+type Position = keyof typeof positionMap;
+
+// @public (undocumented)
+const positionMap: {
+    absolute: SerializedStyles;
+    fixed: SerializedStyles;
+    relative: SerializedStyles;
+    static: SerializedStyles;
+};
+
+// @public (undocumented)
+type RowGap = keyof typeof rowGapMap;
+
+// @public
+const rowGapMap: {
+    'space.0': SerializedStyles;
+    'space.025': SerializedStyles;
+    'space.050': SerializedStyles;
+    'space.075': SerializedStyles;
+    'space.100': SerializedStyles;
+    'space.1000': SerializedStyles;
+    'space.150': SerializedStyles;
+    'space.200': SerializedStyles;
+    'space.250': SerializedStyles;
+    'space.300': SerializedStyles;
+    'space.400': SerializedStyles;
+    'space.500': SerializedStyles;
+    'space.600': SerializedStyles;
+    'space.800': SerializedStyles;
+};
+
+// @public (undocumented)
+type Shadow = keyof typeof shadowMap;
+
+// @public (undocumented)
+const shadowMap: {
+    readonly overflow: SerializedStyles;
+    readonly 'overflow.perimeter': SerializedStyles;
+    readonly 'overflow.spread': SerializedStyles;
+    readonly overlay: SerializedStyles;
+    readonly raised: SerializedStyles;
+};
+
+// @public (undocumented)
+type TextAlign = keyof typeof textAlignMap;
+
+// @public (undocumented)
+const textAlignMap: {
+    center: SerializedStyles;
+    end: SerializedStyles;
+    start: SerializedStyles;
+};
+
+// @public (undocumented)
+type TextColor = keyof typeof textColorMap;
+
+// @public
+const textColorMap: {
+    readonly 'color.text': SerializedStyles;
+    readonly disabled: SerializedStyles;
+    readonly inverse: SerializedStyles;
+    readonly selected: SerializedStyles;
+    readonly brand: SerializedStyles;
+    readonly danger: SerializedStyles;
+    readonly warning: SerializedStyles;
+    readonly 'warning.inverse': SerializedStyles;
+    readonly success: SerializedStyles;
+    readonly discovery: SerializedStyles;
+    readonly information: SerializedStyles;
+    readonly subtlest: SerializedStyles;
+    readonly subtle: SerializedStyles;
+};
+
+// @public (undocumented)
+type TextTransform = keyof typeof textTransformMap;
+
+// @public (undocumented)
+const textTransformMap: {
+    none: SerializedStyles;
+    lowercase: SerializedStyles;
+    uppercase: SerializedStyles;
+};
+
+// @public @deprecated
+export const UNSAFE_Box: BoxComponent;
+
+// @public @deprecated (undocumented)
+export type UNSAFE_BoxProps<T extends ElementType = 'div'> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className' | 'style'> & BasePrimitiveProps & BoxPropsBase<T>;
+
+// @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;
+    divider?: ReactNode;
+    flexWrap?: FlexWrap;
+    gap: ColumnGap;
+    justifyContent?: FlexJustifyContent_2;
+}
+
+// @public (undocumented)
+export const UNSAFE_InteractionSurface: ({ appearance, children, testId, }: InteractionSurfaceProps) => jsx.JSX.Element;
+
+// @public @deprecated
+export const UNSAFE_Stack: MemoExoticComponent<ForwardRefExoticComponent<UNSAFE_StackProps & RefAttributes<HTMLDivElement>>>;
+
+// @public @deprecated (undocumented)
+export interface UNSAFE_StackProps extends BasePrimitiveProps {
+    alignItems?: FlexAlignItems_3;
+    children: ReactNode;
+    flexWrap?: FlexWrap_2;
+    gap: RowGap;
+    justifyContent?: FlexJustifyContent_3;
+}
+
+// @internal
+export const UNSAFE_Text: FC<UNSAFE_TextProps>;
+
+// @public (undocumented)
+export interface UNSAFE_TextProps extends BasePrimitiveProps {
+    as?: AsElement;
+    children: ReactNode;
+    color?: TextColor;
+    fontSize?: FontSize;
+    fontWeight?: FontWeight;
+    id?: string;
+    lineHeight?: LineHeight;
+    shouldTruncate?: boolean;
+    textAlign?: TextAlign;
+    textTransform?: TextTransform;
+    verticalAlign?: VerticalAlign;
+}
+
+// @public (undocumented)
+type VerticalAlign = keyof typeof verticalAlignMap;
+
+// @public (undocumented)
+const verticalAlignMap: {
+    top: SerializedStyles;
+    middle: SerializedStyles;
+    bottom: SerializedStyles;
+};
+
+// @public (undocumented)
+type Width = keyof typeof widthMap;
+
+// @public
+const widthMap: {
+    '100%': SerializedStyles;
+    'size.100': SerializedStyles;
+    'size.1000': SerializedStyles;
+    'size.200': SerializedStyles;
+    'size.300': SerializedStyles;
+    'size.400': SerializedStyles;
+    'size.500': SerializedStyles;
+    'size.600': SerializedStyles;
+};
+
+// (No @packageDocumentation comment for this package)
+
+```