@atlaskit/primitives - npm Package Compare versions

Comparing version 0.9.0 to 0.9.1

CHANGELOG.md

 # @atlaskit/primitives
 
+## 0.9.1
+
+### Patch Changes
+
+- [`5a9e73494eb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5a9e73494eb) - Updates to internal documentation.
+
 ## 0.9.0
@@ -4,0 +10,0 @@

dist/cjs/components/box.js

@@ -12,3 +12,3 @@ "use strict";
 var _react2 = require("@emotion/react");
-var _xcss = require("../internal/xcss");
+var _xcss = require("../xcss/xcss");
 var _baseBox = require("./internal/base-box");
@@ -15,0 +15,0 @@ var _excluded = ["as", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId", "xcss"],

dist/cjs/components/inline.js

@@ -9,3 +9,3 @@ "use strict";
 var _react2 = require("@emotion/react");
-var _styleMaps = require("../internal/style-maps.partial");
+var _styleMaps = require("../xcss/style-maps.partial");
 /* eslint-disable @repo/internal/styles/no-exported-styles */
@@ -12,0 +12,0 @@ /** @jsx jsx */

dist/cjs/components/internal/base-box.js

@@ -12,3 +12,3 @@ "use strict";
 var _react2 = require("@emotion/react");
-var _styleMaps = require("../../internal/style-maps.partial");
+var _styleMaps = require("../../xcss/style-maps.partial");
 var _excluded = ["as", "className", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId"];
@@ -15,0 +15,0 @@ /* eslint-disable @repo/internal/styles/no-exported-styles */

dist/cjs/components/stack.js

@@ -9,3 +9,3 @@ "use strict";
 var _react2 = require("@emotion/react");
-var _styleMaps = require("../internal/style-maps.partial");
+var _styleMaps = require("../xcss/style-maps.partial");
 /* eslint-disable @repo/internal/styles/no-exported-styles */
@@ -12,0 +12,0 @@ /** @jsx jsx */

dist/cjs/index.js

@@ -33,3 +33,3 @@ "use strict";
 var _inline = _interopRequireDefault(require("./components/inline"));
-var _xcss = require("./internal/xcss");
+var _xcss = require("./xcss/xcss");
 var _stack = _interopRequireDefault(require("./components/stack"));

dist/cjs/version.json

 {
 	"name": "@atlaskit/primitives",
-	"version": "0.9.0",
+	"version": "0.9.1",
 	"sideEffects": false
 }

dist/es2019/components/box.js

@@ -5,3 +5,3 @@ import _extends from "@babel/runtime/helpers/extends";
 import { jsx } from '@emotion/react';
-import { parseXcss } from '../internal/xcss';
+import { parseXcss } from '../xcss/xcss';
 import { BaseBox } from './internal/base-box';
@@ -8,0 +8,0 @@ /**

dist/es2019/components/inline.js

@@ -5,3 +5,3 @@ /* eslint-disable @repo/internal/styles/no-exported-styles */
 import { css, jsx } from '@emotion/react';
-import { spaceStylesMap } from '../internal/style-maps.partial';
+import { spaceStylesMap } from '../xcss/style-maps.partial';
 const alignItemsMap = {
@@ -8,0 +8,0 @@ center: css({

dist/es2019/components/internal/base-box.js

@@ -6,3 +6,3 @@ import _extends from "@babel/runtime/helpers/extends";
 import { css, jsx } from '@emotion/react';
-import { backgroundColorStylesMap, paddingStylesMap } from '../../internal/style-maps.partial';
+import { backgroundColorStylesMap, paddingStylesMap } from '../../xcss/style-maps.partial';
 
@@ -9,0 +9,0 @@ // Without this type annotation on Box we don't get autocomplete for props due to forwardRef types

dist/es2019/components/stack.js

@@ -5,3 +5,3 @@ /* eslint-disable @repo/internal/styles/no-exported-styles */
 import { css, jsx } from '@emotion/react';
-import { spaceStylesMap } from '../internal/style-maps.partial';
+import { spaceStylesMap } from '../xcss/style-maps.partial';
 const justifyContentMap = {
@@ -8,0 +8,0 @@ start: css({

dist/es2019/index.js

 export { default as Box } from './components/box';
 export { default as Inline } from './components/inline';
-export { xcss } from './internal/xcss';
+export { xcss } from './xcss/xcss';
 export { default as Stack } from './components/stack';

dist/es2019/version.json

 {
 	"name": "@atlaskit/primitives",
-	"version": "0.9.0",
+	"version": "0.9.1",
 	"sideEffects": false
 }

dist/esm/components/box.js

@@ -8,3 +8,3 @@ import _extends from "@babel/runtime/helpers/extends";
 import { jsx } from '@emotion/react';
-import { parseXcss } from '../internal/xcss';
+import { parseXcss } from '../xcss/xcss';
 import { BaseBox } from './internal/base-box';
@@ -11,0 +11,0 @@ /**

dist/esm/components/inline.js

@@ -5,3 +5,3 @@ /* eslint-disable @repo/internal/styles/no-exported-styles */
 import { css, jsx } from '@emotion/react';
-import { spaceStylesMap } from '../internal/style-maps.partial';
+import { spaceStylesMap } from '../xcss/style-maps.partial';
 var alignItemsMap = {
@@ -8,0 +8,0 @@ center: css({

dist/esm/components/internal/base-box.js

@@ -8,3 +8,3 @@ import _extends from "@babel/runtime/helpers/extends";
 import { css, jsx } from '@emotion/react';
-import { backgroundColorStylesMap, paddingStylesMap } from '../../internal/style-maps.partial';
+import { backgroundColorStylesMap, paddingStylesMap } from '../../xcss/style-maps.partial';
 
@@ -11,0 +11,0 @@ // Without this type annotation on Box we don't get autocomplete for props due to forwardRef types

dist/esm/components/stack.js

@@ -5,3 +5,3 @@ /* eslint-disable @repo/internal/styles/no-exported-styles */
 import { css, jsx } from '@emotion/react';
-import { spaceStylesMap } from '../internal/style-maps.partial';
+import { spaceStylesMap } from '../xcss/style-maps.partial';
 var justifyContentMap = {
@@ -8,0 +8,0 @@ start: css({

dist/esm/index.js

 export { default as Box } from './components/box';
 export { default as Inline } from './components/inline';
-export { xcss } from './internal/xcss';
+export { xcss } from './xcss/xcss';
 export { default as Stack } from './components/stack';

dist/esm/version.json

 {
 	"name": "@atlaskit/primitives",
-	"version": "0.9.0",
+	"version": "0.9.1",
 	"sideEffects": false
 }

dist/types/components/inline.d.ts

 /** @jsx jsx */
 import { ElementType, ReactNode } from 'react';
-import { type Gap, type RowGap } from '../internal/style-maps.partial';
+import { type Gap, type RowGap } from '../xcss/style-maps.partial';
 export interface InlineProps<T extends ElementType = 'div'> {
@@ -5,0 +5,0 @@ /**

dist/types/components/internal/base-box.d.ts

 /** @jsx jsx */
 import { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, FC, ReactElement, ReactNode } from 'react';
-import { BackgroundColor, Padding, PaddingBlock, PaddingBlockEnd, PaddingBlockStart, PaddingInline, PaddingInlineEnd, PaddingInlineStart } from '../../internal/style-maps.partial';
+import { BackgroundColor, Padding, PaddingBlock, PaddingBlockEnd, PaddingBlockStart, PaddingInline, PaddingInlineEnd, PaddingInlineStart } from '../../xcss/style-maps.partial';
 import type { BasePrimitiveProps } from '../types';
@@ -5,0 +5,0 @@ export declare type BaseBoxProps<T extends ElementType = 'div'> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className'> & BasePrimitiveProps & BaseBoxPropsFoundation<T>;

dist/types/components/stack.d.ts

 /** @jsx jsx */
 import { ElementType, ReactNode } from 'react';
-import { type Gap } from '../internal/style-maps.partial';
+import { type Gap } from '../xcss/style-maps.partial';
 export interface StackProps<T extends ElementType = 'div'> {
@@ -5,0 +5,0 @@ /**

dist/types/components/types.d.ts

 import type { CSSProperties } from 'react';
-import { type BoxXCSS } from '../internal/xcss';
+import { type BoxXCSS } from '../xcss/xcss';
 export declare type BasePrimitiveProps = {
@@ -4,0 +4,0 @@ /**

dist/types/index.d.ts

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

package.json

 {
   "name": "@atlaskit/primitives",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "Primitives are token-backed low-level building blocks.",
@@ -58,2 +58,11 @@ "author": "Atlassian Pty Ltd",
           }
+        },
+        {
+          "title": "xCSS",
+          "folder": "xcss",
+          "slug": "primitives/xcss",
+          "id": "@atlaskit/primitives/xcss",
+          "status": {
+            "type": "alpha"
+          }
         }
@@ -146,2 +155,2 @@ ]
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
-}
+}

report.api.md

@@ -314,4 +314,3 @@ <!-- API Report Version: 2.3 -->
 type BoxXCSS = {
-  readonly symbol: typeof uniqueSymbol;
-  readonly styles: BoxStyles;
+  readonly [uniqueSymbol]: BoxStyles;
 };
@@ -953,2 +952,5 @@
   minWidth?: MinWidth;
+  outlineColor?: BorderColor;
+  outlineOffset?: Padding;
+  outlineWidth?: BorderWidth;
   overflow?: Overflow;
@@ -981,3 +983,3 @@ overflowBlock?: OverflowBlock;
 
-// @public (undocumented)
+// @public
 export function xcss<Primitive extends typeof Box | typeof Inline = typeof Box>(
@@ -994,4 +996,5 @@ style: Primitive extends typeof Box
 ): {
-  readonly symbol: typeof uniqueSymbol;
-  readonly styles: Primitive extends (<T extends ElementType<any> = 'div'>(
+  readonly [uniqueSymbol]: Primitive extends (<
+    T extends ElementType<any> = 'div',
+  >(
     props: BoxProps<T>,
@@ -998,0 +1001,0 @@ ) => ReactElement<any, JSXElementConstructor<any> | string> | null) &

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

818427

increased by206.43%

Lines of code

5506

increased by12.25%

Worsened metrics

Number of package files

103

decreased by-2.83%

No dependency changes