@atlaskit/primitives 0.8.4 → 0.8.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/primitives
 
+## 0.8.6
+
+### Patch Changes
+
+- [`b5b26f3d947`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b5b26f3d947) - Bugfix: 'padding' prop no longer takes (incorrect) precedence over any other padding props.
+
+## 0.8.5
+
+### Patch Changes
+
+- [`0969a35c1b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0969a35c1b0) - Allow type hinting for nested styles inside pseudo-selectors.
+
 ## 0.8.4
 
 ### Patch Changes

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

@@ -45,7 +45,7 @@ var BaseBox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, htmlAttributes, {
     className: className,
-    css: [baseStyles, backgroundColor && _styleMaps.backgroundColorStylesMap[backgroundColor], padding && _styleMaps.paddingStylesMap.padding[padding], paddingBlock && _styleMaps.paddingStylesMap.paddingBlock[paddingBlock], paddingBlockStart && _styleMaps.paddingStylesMap.paddingBlockStart[paddingBlockStart], paddingBlockEnd && _styleMaps.paddingStylesMap.paddingBlockEnd[paddingBlockEnd], paddingInline && _styleMaps.paddingStylesMap.paddingInline[paddingInline], paddingInlineStart && _styleMaps.paddingStylesMap.paddingInlineStart[paddingInlineStart], paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd], padding && _styleMaps.paddingStylesMap.padding[padding]],
+    css: [baseStyles, backgroundColor && _styleMaps.backgroundColorStylesMap[backgroundColor], padding && _styleMaps.paddingStylesMap.padding[padding], paddingBlock && _styleMaps.paddingStylesMap.paddingBlock[paddingBlock], paddingBlockStart && _styleMaps.paddingStylesMap.paddingBlockStart[paddingBlockStart], paddingBlockEnd && _styleMaps.paddingStylesMap.paddingBlockEnd[paddingBlockEnd], paddingInline && _styleMaps.paddingStylesMap.paddingInline[paddingInline], paddingInlineStart && _styleMaps.paddingStylesMap.paddingInlineStart[paddingInlineStart], paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd]],
     "data-testid": testId
   }), children);
   return node;

package/dist/cjs/internal/xcss.js

@@ -45,7 +45,7 @@ var transformStyles = function transformStyles(styleObj) {
     return styleObj;
   }
 
-  // If styles are defined as an CSSObject[], recursively call on each element until we reach CSSObject
+  // If styles are defined as a CSSObject[], recursively call on each element until we reach CSSObject
   if (Array.isArray(styleObj)) {
     return styleObj.map(transformStyles);
   }

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "0.8.4",
+	"version": "0.8.6",
 	"sideEffects": false
 }

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

@@ -38,7 +38,7 @@ export const BaseBox = /*#__PURE__*/forwardRef(({
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, htmlAttributes, {
     className: className,
-    css: [baseStyles, backgroundColor && backgroundColorStylesMap[backgroundColor], padding && paddingStylesMap.padding[padding], paddingBlock && paddingStylesMap.paddingBlock[paddingBlock], paddingBlockStart && paddingStylesMap.paddingBlockStart[paddingBlockStart], paddingBlockEnd && paddingStylesMap.paddingBlockEnd[paddingBlockEnd], paddingInline && paddingStylesMap.paddingInline[paddingInline], paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart], paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], padding && paddingStylesMap.padding[padding]],
+    css: [baseStyles, backgroundColor && backgroundColorStylesMap[backgroundColor], padding && paddingStylesMap.padding[padding], paddingBlock && paddingStylesMap.paddingBlock[paddingBlock], paddingBlockStart && paddingStylesMap.paddingBlockStart[paddingBlockStart], paddingBlockEnd && paddingStylesMap.paddingBlockEnd[paddingBlockEnd], paddingInline && paddingStylesMap.paddingInline[paddingInline], paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart], paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd]],
     "data-testid": testId
   }), children);
   return node;

package/dist/es2019/internal/xcss.js

@@ -32,7 +32,7 @@ const transformStyles = styleObj => {
     return styleObj;
   }
 
-  // If styles are defined as an CSSObject[], recursively call on each element until we reach CSSObject
+  // If styles are defined as a CSSObject[], recursively call on each element until we reach CSSObject
   if (Array.isArray(styleObj)) {
     return styleObj.map(transformStyles);
   }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "0.8.4",
+	"version": "0.8.6",
 	"sideEffects": false
 }

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

@@ -39,7 +39,7 @@ export var BaseBox = /*#__PURE__*/forwardRef(function (_ref, ref) {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, htmlAttributes, {
     className: className,
-    css: [baseStyles, backgroundColor && backgroundColorStylesMap[backgroundColor], padding && paddingStylesMap.padding[padding], paddingBlock && paddingStylesMap.paddingBlock[paddingBlock], paddingBlockStart && paddingStylesMap.paddingBlockStart[paddingBlockStart], paddingBlockEnd && paddingStylesMap.paddingBlockEnd[paddingBlockEnd], paddingInline && paddingStylesMap.paddingInline[paddingInline], paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart], paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd], padding && paddingStylesMap.padding[padding]],
+    css: [baseStyles, backgroundColor && backgroundColorStylesMap[backgroundColor], padding && paddingStylesMap.padding[padding], paddingBlock && paddingStylesMap.paddingBlock[paddingBlock], paddingBlockStart && paddingStylesMap.paddingBlockStart[paddingBlockStart], paddingBlockEnd && paddingStylesMap.paddingBlockEnd[paddingBlockEnd], paddingInline && paddingStylesMap.paddingInline[paddingInline], paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart], paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd]],
     "data-testid": testId
   }), children);
   return node;

package/dist/esm/internal/xcss.js

@@ -36,7 +36,7 @@ var transformStyles = function transformStyles(styleObj) {
     return styleObj;
   }
 
-  // If styles are defined as an CSSObject[], recursively call on each element until we reach CSSObject
+  // If styles are defined as a CSSObject[], recursively call on each element until we reach CSSObject
   if (Array.isArray(styleObj)) {
     return styleObj.map(transformStyles);
   }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "0.8.4",
+	"version": "0.8.6",
 	"sideEffects": false
 }

package/dist/types/internal/xcss.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { css as cssEmotion } from '@emotion/react';
-import { CSSPropertiesWithMultiValues, CSSPseudos, SerializedStyles } from '@emotion/serialize';
+import { CSSPropertiesWithMultiValues, SerializedStyles } from '@emotion/serialize';
+import type * as CSS from 'csstype';
 import { Box, Inline } from '../index';
 import { TokenisedProps } from './style-maps.partial';
 declare const uniqueSymbol: unique symbol;
@@ -10,6 +11,9 @@ declare const uniqueSymbol: unique symbol;
  */
 declare type ParsedXcss = ReturnType<typeof cssEmotion> | ReturnType<typeof cssEmotion>[];
 export declare const parseXcss: (args: XCSS | Array<XCSS | false | undefined>) => ParsedXcss;
+declare type CSSPseudos = {
+    [Pseudo in CSS.Pseudos]?: SafeCSSObject;
+};
 declare type SafeCSSObject = CSSPseudos & TokenisedProps & Omit<CSSPropertiesWithMultiValues, keyof TokenisedProps>;
 declare type ScopedSafeCSSObject<T extends keyof SafeCSSObject> = Pick<SafeCSSObject, T>;
 declare const boxWrapper: (style: any) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/primitives",
-  "version": "0.8.4",
+  "version": "0.8.6",
   "description": "Primitives are token-backed low-level building blocks.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -97,6 +97,7 @@
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/codegen": "^0.0.1",
     "@testing-library/react": "^12.1.5",
+    "csstype": "^3.1.0",
     "prettier": "^2.7.0",
     "react-dom": "^16.8.0",
     "ts-node": "^10.9.1",

package/report.api.md

@@ -19,9 +19,9 @@
 
 import { ComponentPropsWithoutRef } from 'react';
 import { ComponentPropsWithRef } from 'react';
+import type * as CSS_2 from 'csstype';
 import type { CSSProperties } from 'react';
 import { CSSPropertiesWithMultiValues } from '@emotion/serialize';
-import { CSSPseudos } from '@emotion/serialize';
 import { ElementType } from 'react';
 import { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
@@ -296,6 +296,11 @@ type BoxXCSS = {
   readonly styles: BoxStyles;
 };
 
+// @public (undocumented)
+type CSSPseudos = {
+  [Pseudo in CSS_2.Pseudos]?: SafeCSSObject;
+};
+
 // @public
 const dimensionMap: {
   readonly '100%': '100%';

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

@@ -8,9 +8,9 @@
 
 import { ComponentPropsWithoutRef } from 'react';
 import { ComponentPropsWithRef } from 'react';
+import type * as CSS_2 from 'csstype';
 import type { CSSProperties } from 'react';
 import { CSSPropertiesWithMultiValues } from '@emotion/serialize';
-import { CSSPseudos } from '@emotion/serialize';
 import { ElementType } from 'react';
 import { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
@@ -271,6 +271,11 @@ type BoxXCSS = {
     readonly styles: BoxStyles;
 };
 
+// @public (undocumented)
+type CSSPseudos = {
+    [Pseudo in CSS_2.Pseudos]?: SafeCSSObject;
+};
+
 // @public
 const dimensionMap: {
     readonly '100%': "100%";