@atlaskit/primitives 0.9.0 → 0.9.2

package/extract-react-types/stack-props.tsx

@@ -1,3 +1,72 @@
-import type { StackProps } from '../src/components/stack';
+import { ElementType, ReactNode } from 'react';
+
+import type {
+  AlignBlock,
+  AlignInline,
+  Grow,
+  Spread,
+} from '../src/components/stack';
+
+type Space =
+  | 'space.0'
+  | 'space.025'
+  | 'space.050'
+  | 'space.075'
+  | 'space.100'
+  | 'space.150'
+  | 'space.200'
+  | 'space.250'
+  | 'space.300'
+  | 'space.400'
+  | 'space.500'
+  | 'space.600'
+  | 'space.800'
+  | 'space.1000';
+
+interface StackProps<T extends ElementType = 'div'> {
+  /**
+   * The DOM element to render as the Stack. Defaults to `div`.
+   */
+  as?: 'div' | 'span' | 'ul' | 'ol';
+  /**
+   * Used to align children along the main axis.
+   */
+  alignBlock?: AlignBlock;
+
+  /**
+   * Used to align children along the cross axis.
+   */
+  alignInline?: AlignInline;
+
+  /**
+   * Used to distribute the children along the main axis.
+   */
+  spread?: Spread;
+
+  /**
+   * Used to set whether the container should grow to fill the available space.
+   */
+  grow?: Grow;
+
+  /**
+   * Represents the space between each child.
+   */
+  space?: Space;
+
+  /**
+   * A unique string that appears as data attribute data-testid in the rendered code, serving as a hook for automated tests.
+   */
+  testId?: string;
+
+  /**
+   * Elements to be rendered inside the Stack.
+   */
+  children: ReactNode;
+
+  /**
+   * Forwarded ref element
+   */
+  ref?: React.ComponentPropsWithRef<T>['ref'];
+}
 
 export default function Stack(_: StackProps) {}

package/inline/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/primitives",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "description": "Primitives are token-backed low-level building blocks.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -26,7 +26,7 @@
           "folder": "overview",
           "slug": "primitives/overview",
           "status": {
-            "type": "alpha"
+            "type": "closed-beta"
           }
         },
         {
@@ -35,7 +35,7 @@
           "slug": "primitives/box",
           "id": "@atlaskit/primitives/box",
           "status": {
-            "type": "alpha"
+            "type": "closed-beta"
           }
         },
         {
@@ -44,7 +44,7 @@
           "slug": "primitives/inline",
           "id": "@atlaskit/primitives/inline",
           "status": {
-            "type": "alpha"
+            "type": "closed-beta"
           }
         },
         {
@@ -53,7 +53,16 @@
           "slug": "primitives/stack",
           "id": "@atlaskit/primitives/stack",
           "status": {
-            "type": "alpha"
+            "type": "closed-beta"
+          }
+        },
+        {
+          "title": "xCSS",
+          "folder": "xcss",
+          "slug": "primitives/xcss",
+          "id": "@atlaskit/primitives/xcss",
+          "status": {
+            "type": "closed-beta"
           }
         }
       ]
@@ -66,6 +75,14 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "af:exports": {
@@ -77,7 +94,7 @@
   },
   "dependencies": {
     "@atlaskit/ds-lib": "^2.2.0",
-    "@atlaskit/tokens": "^1.3.0",
+    "@atlaskit/tokens": "^1.4.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "@emotion/serialize": "^1.1.0"
@@ -107,13 +124,13 @@
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/codegen": "^0.1.0",
-    "@atlassian/gemini-visual-regression": "^0.0.6",
+    "@atlassian/gemini-visual-regression": "^0.0.12",
     "@testing-library/react": "^12.1.5",
     "csstype": "^3.1.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": {