@atlaskit/ds-explorations 2.0.13 → 2.1.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @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
+
+- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.0.13
 
 ### Patch 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.0.13",
+	"version": "2.1.1",
 	"sideEffects": false
 }

package/dist/es2019/version.json

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

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/ds-explorations",
-	"version": "2.0.13",
+	"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.0.13",
+  "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.2.0",
+    "@atlaskit/tokens": "^1.4.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "tiny-invariant": "^1.2.0"
@@ -56,20 +57,20 @@
     "@atlaskit/heading": "*",
     "@atlaskit/icon": "*",
     "@atlaskit/lozenge": "*",
-    "@atlaskit/primitives": "^0.8.0",
+    "@atlaskit/primitives": "^0.9.0",
     "@atlaskit/section-message": "*",
     "@atlaskit/ssr": "*",
     "@atlaskit/textfield": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@atlassian/codegen": "^0.0.1",
+    "@atlassian/codegen": "^0.1.0",
     "@testing-library/react": "^12.1.5",
     "fs-extra": "^4.0.2",
-    "prettier": "^2.7.0",
+    "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/report.api.md

@@ -32,7 +32,7 @@ import { SerializedStyles } from '@emotion/react';
 const asAllowlist: readonly ['span', 'div', 'p', 'strong'];
 
 // @public (undocumented)
-type AsElement = typeof asAllowlist[number];
+type AsElement = (typeof asAllowlist)[number];
 
 // @public (undocumented)
 type BackgroundColor = keyof typeof backgroundColorMap;

package/src/components/text.partial.tsx

@@ -12,7 +12,7 @@ import { useSurface } from './surface-provider';
 import type { BasePrimitiveProps } from './types';
 
 const asAllowlist = ['span', 'div', 'p', 'strong'] as const;
-type AsElement = typeof asAllowlist[number];
+type AsElement = (typeof asAllowlist)[number];
 export interface TextProps extends BasePrimitiveProps {
   /**
    * HTML tag to be rendered. Defaults to `span`.

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

@@ -21,7 +21,7 @@ import { SerializedStyles } from '@emotion/react';
 const asAllowlist: readonly ["span", "div", "p", "strong"];
 
 // @public (undocumented)
-type AsElement = typeof asAllowlist[number];
+type AsElement = (typeof asAllowlist)[number];
 
 // @public (undocumented)
 type BackgroundColor = keyof typeof backgroundColorMap;