@atlaskit/primitives 0.1.0 → 0.2.0

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

@@ -36,29 +36,31 @@ export declare type Spread = 'space-between';
 export declare type Grow = 'hug' | 'fill';
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e0d436d3312290a98dbfd91d90dd6b9e>>
+ * @codegen <<SignedSource::0e30ffcc6aef7932f9d8ff2543327236>>
  * @codegenId spacing
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["space"]
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
  */
 declare const spaceMap: {
-    '0': import("@emotion/react").SerializedStyles;
-    '025': import("@emotion/react").SerializedStyles;
-    '050': import("@emotion/react").SerializedStyles;
-    '075': import("@emotion/react").SerializedStyles;
-    '100': import("@emotion/react").SerializedStyles;
-    '1000': import("@emotion/react").SerializedStyles;
-    '150': import("@emotion/react").SerializedStyles;
-    '200': import("@emotion/react").SerializedStyles;
-    '250': import("@emotion/react").SerializedStyles;
-    '300': import("@emotion/react").SerializedStyles;
-    '400': import("@emotion/react").SerializedStyles;
-    '500': import("@emotion/react").SerializedStyles;
-    '600': import("@emotion/react").SerializedStyles;
-    '800': import("@emotion/react").SerializedStyles;
+    [k: string]: {
+        readonly '0': import("@emotion/react").SerializedStyles;
+        readonly '025': import("@emotion/react").SerializedStyles;
+        readonly '050': import("@emotion/react").SerializedStyles;
+        readonly '075': import("@emotion/react").SerializedStyles;
+        readonly '100': import("@emotion/react").SerializedStyles;
+        readonly '150': import("@emotion/react").SerializedStyles;
+        readonly '200': import("@emotion/react").SerializedStyles;
+        readonly '250': import("@emotion/react").SerializedStyles;
+        readonly '300': import("@emotion/react").SerializedStyles;
+        readonly '400': import("@emotion/react").SerializedStyles;
+        readonly '500': import("@emotion/react").SerializedStyles;
+        readonly '600': import("@emotion/react").SerializedStyles;
+        readonly '800': import("@emotion/react").SerializedStyles;
+        readonly '1000': import("@emotion/react").SerializedStyles;
+    };
 };
-export declare type Space = keyof typeof spaceMap;
+export declare type Space = keyof typeof spaceMap.gap;
 /**
  * __Stack__
  *

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

@@ -1,4 +1,10 @@
 import type { CSSProperties } from 'react';
+/**
+ * Restricted set of inline styles to be applied to the primitive.
+ * Should be avoided where possible, in favor of the pre-defined props and values on the primitive itself.
+ * Tokens should be used where possible.
+ */
+export declare type CustomStyles = Pick<CSSProperties, 'flexBasis' | 'flex' | 'width' | 'height' | 'minWidth' | 'maxWidth' | 'minHeight' | 'maxHeight' | 'insetInlineStart' | 'insetInlineEnd' | 'insetBlockStart' | 'float' | 'margin' | 'marginInlineStart' | 'marginInlineEnd' | 'marginBlockStart' | 'marginBlockEnd' | 'marginInline' | 'marginBlock' | 'paddingLeft' | 'paddingRight' | 'paddingTop' | 'paddingBottom'>;
 export interface BasePrimitiveProps {
     /**
      * A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
@@ -7,7 +13,8 @@ export interface BasePrimitiveProps {
     /**
      * Inline styles to be applied to the primitive.
      * Marked as "unsafe" because any CSS properties can be provided here without any extra control or validation, including those that would be better managed by the primitive itself via props.
-     * Effectively equivalent to the standard `style` prop but marked with a special name so we can rationalise its usage IN THE FUTURE.
+     * Effectively equivalent to the standard `style` prop but marked with a special name.
+     * Used only internally.
      */
     UNSAFE_style?: CSSProperties;
 }

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
-export { default as Stack } from './components/stack.partial';
-export { Box } from './components/box';
-export { default as Inline } from './components/inline.partial';
+export { Box, type BoxProps } from './components/box';
+export { default as Inline, type InlineProps, } from './components/inline.partial';
+export { default as Stack, type StackProps } from './components/stack.partial';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/primitives",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Primitives are token-backed low-level building blocks.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -37,8 +37,7 @@
     "./inline": "./src/components/inline.partial.tsx"
   },
   "dependencies": {
-    "@atlaskit/ds-explorations": "^2.0.1",
-    "@atlaskit/tokens": "^1.1.0",
+    "@atlaskit/tokens": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },