@atlaskit/primitives 6.1.0 → 6.1.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/primitives
 
+## 6.1.1
+
+### Patch Changes
+
+-   [#97580](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/97580)
+    [`496e5da89b3b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/496e5da89b3b) -
+    Export unsafe surface APIs for use in heading component.
+
 ## 6.1.0
 
 ### Minor Changes

package/dist/cjs/components/anchor.js

@@ -76,7 +76,7 @@ var Anchor = function Anchor(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "6.1.0",
+    packageVersion: "6.1.1",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/cjs/components/pressable.js

@@ -80,7 +80,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "6.1.0",
+    packageVersion: "6.1.1",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/cjs/components/text.js

@@ -99,7 +99,13 @@ var Text = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var color = useColor(colorProp, hasTextAncestor);
   var component = (0, _react2.jsx)(Component, {
     ref: ref,
-    css: [resetStyles, _styleMaps.fontStylesMap[size], color && _styleMaps.textColorStylesMap[color], maxLines && truncationStyles, maxLines === 1 && wordBreakMap.breakAll, align && textAlignMap[align], weight && _styleMaps.fontWeightStylesMap[weight], Component === 'em' && emStyles, Component === 'strong' && strongStyles],
+    css: [resetStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    _styleMaps.fontStylesMap[size],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    color && _styleMaps.textColorStylesMap[color], maxLines && truncationStyles, maxLines === 1 && wordBreakMap.breakAll, align && textAlignMap[align],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    weight && _styleMaps.fontWeightStylesMap[weight], Component === 'em' && emStyles, Component === 'strong' && strongStyles],
     style: {
       WebkitLineClamp: maxLines
     },

package/dist/cjs/index.js

@@ -64,12 +64,24 @@ Object.defineProperty(exports, "UNSAFE_BREAKPOINTS_CONFIG", {
     return _responsive.UNSAFE_BREAKPOINTS_CONFIG;
   }
 });
+Object.defineProperty(exports, "UNSAFE_inverseColorMap", {
+  enumerable: true,
+  get: function get() {
+    return _styleMaps.inverseColorMap;
+  }
+});
 Object.defineProperty(exports, "UNSAFE_media", {
   enumerable: true,
   get: function get() {
     return _responsive.UNSAFE_media;
   }
 });
+Object.defineProperty(exports, "UNSAFE_useSurface", {
+  enumerable: true,
+  get: function get() {
+    return _surfaceProvider.useSurface;
+  }
+});
 Object.defineProperty(exports, "media", {
   enumerable: true,
   get: function get() {
@@ -98,4 +110,6 @@ var _bleed = _interopRequireDefault(require("./components/bleed"));
 var _text = _interopRequireDefault(require("./components/text"));
 var _pressable = _interopRequireDefault(require("./components/pressable"));
 var _anchor = _interopRequireDefault(require("./components/anchor"));
-var _responsive = require("./responsive");
+var _responsive = require("./responsive");
+var _surfaceProvider = require("./components/internal/surface-provider");
+var _styleMaps = require("./xcss/style-maps.partial");

package/dist/es2019/components/anchor.js

@@ -62,7 +62,7 @@ const Anchor = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "6.1.0",
+    packageVersion: "6.1.1",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/es2019/components/pressable.js

@@ -66,7 +66,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "6.1.0",
+    packageVersion: "6.1.1",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/es2019/components/text.js

@@ -88,7 +88,13 @@ const Text = /*#__PURE__*/forwardRef(({
   const color = useColor(colorProp, hasTextAncestor);
   const component = jsx(Component, {
     ref: ref,
-    css: [resetStyles, fontStylesMap[size], color && textColorStylesMap[color], maxLines && truncationStyles, maxLines === 1 && wordBreakMap.breakAll, align && textAlignMap[align], weight && fontWeightStylesMap[weight], Component === 'em' && emStyles, Component === 'strong' && strongStyles],
+    css: [resetStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    fontStylesMap[size],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    color && textColorStylesMap[color], maxLines && truncationStyles, maxLines === 1 && wordBreakMap.breakAll, align && textAlignMap[align],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    weight && fontWeightStylesMap[weight], Component === 'em' && emStyles, Component === 'strong' && strongStyles],
     style: {
       WebkitLineClamp: maxLines
     },

package/dist/es2019/index.js

@@ -8,4 +8,6 @@ export { default as Bleed } from './components/bleed';
 export { default as Text } from './components/text';
 export { default as Pressable } from './components/pressable';
 export { default as UNSAFE_ANCHOR } from './components/anchor';
-export { media, UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './responsive';
+export { media, UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './responsive';
+export { useSurface as UNSAFE_useSurface } from './components/internal/surface-provider';
+export { inverseColorMap as UNSAFE_inverseColorMap } from './xcss/style-maps.partial';

package/dist/esm/components/anchor.js

@@ -66,7 +66,7 @@ var Anchor = function Anchor(_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "6.1.0",
+    packageVersion: "6.1.1",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/esm/components/pressable.js

@@ -70,7 +70,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     action: 'clicked',
     componentName: componentName || 'Pressable',
     packageName: "@atlaskit/primitives",
-    packageVersion: "6.1.0",
+    packageVersion: "6.1.1",
     analyticsData: analyticsContext,
     actionSubject: 'button'
   });

package/dist/esm/components/text.js

@@ -91,7 +91,13 @@ var Text = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var color = useColor(colorProp, hasTextAncestor);
   var component = jsx(Component, {
     ref: ref,
-    css: [resetStyles, fontStylesMap[size], color && textColorStylesMap[color], maxLines && truncationStyles, maxLines === 1 && wordBreakMap.breakAll, align && textAlignMap[align], weight && fontWeightStylesMap[weight], Component === 'em' && emStyles, Component === 'strong' && strongStyles],
+    css: [resetStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    fontStylesMap[size],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    color && textColorStylesMap[color], maxLines && truncationStyles, maxLines === 1 && wordBreakMap.breakAll, align && textAlignMap[align],
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    weight && fontWeightStylesMap[weight], Component === 'em' && emStyles, Component === 'strong' && strongStyles],
     style: {
       WebkitLineClamp: maxLines
     },

package/dist/esm/index.js

@@ -8,4 +8,6 @@ export { default as Bleed } from './components/bleed';
 export { default as Text } from './components/text';
 export { default as Pressable } from './components/pressable';
 export { default as UNSAFE_ANCHOR } from './components/anchor';
-export { media, UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './responsive';
+export { media, UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './responsive';
+export { useSurface as UNSAFE_useSurface } from './components/internal/surface-provider';
+export { inverseColorMap as UNSAFE_inverseColorMap } from './xcss/style-maps.partial';

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
-import { ComponentPropsWithRef, ElementType, ReactNode } from 'react';
-import { FontSize, FontWeight, TextColor } from '../xcss/style-maps.partial';
+import { type ComponentPropsWithRef, type ElementType, type ReactNode } from 'react';
+import { type FontSize, type FontWeight, type TextColor } from '../xcss/style-maps.partial';
 import type { BasePrimitiveProps } from './types';
 declare const asAllowlist: readonly ["span", "p", "strong", "em"];
 type AsElement = (typeof asAllowlist)[number];
@@ -16,7 +16,7 @@ type TextPropsBase<T extends ElementType = 'span'> = {
     /**
      * Token representing text color with a built-in fallback value.
      * Will apply inverse text color automatically if placed within a Box with bold background color.
-     * Defaults to `text.color` if not nested in other Text components.
+     * Defaults to `color.text` if not nested in other Text components.
      */
     color?: TextColor | 'inherit';
     /**

package/dist/types/index.d.ts

@@ -21,3 +21,5 @@ export { default as UNSAFE_ANCHOR } from './components/anchor';
 export type { AnchorProps as UNSAFE_AnchorProps } from './components/anchor';
 export { media, UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './responsive';
 export type { Breakpoint, MediaQuery } from './responsive';
+export { useSurface as UNSAFE_useSurface } from './components/internal/surface-provider';
+export { inverseColorMap as UNSAFE_inverseColorMap } from './xcss/style-maps.partial';

package/dist/types-ts4.5/components/text.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
-import { ComponentPropsWithRef, ElementType, ReactNode } from 'react';
-import { FontSize, FontWeight, TextColor } from '../xcss/style-maps.partial';
+import { type ComponentPropsWithRef, type ElementType, type ReactNode } from 'react';
+import { type FontSize, type FontWeight, type TextColor } from '../xcss/style-maps.partial';
 import type { BasePrimitiveProps } from './types';
 declare const asAllowlist: readonly [
     "span",
@@ -21,7 +21,7 @@ type TextPropsBase<T extends ElementType = 'span'> = {
     /**
      * Token representing text color with a built-in fallback value.
      * Will apply inverse text color automatically if placed within a Box with bold background color.
-     * Defaults to `text.color` if not nested in other Text components.
+     * Defaults to `color.text` if not nested in other Text components.
      */
     color?: TextColor | 'inherit';
     /**

package/dist/types-ts4.5/index.d.ts

@@ -21,3 +21,5 @@ export { default as UNSAFE_ANCHOR } from './components/anchor';
 export type { AnchorProps as UNSAFE_AnchorProps } from './components/anchor';
 export { media, UNSAFE_media, UNSAFE_BREAKPOINTS_CONFIG } from './responsive';
 export type { Breakpoint, MediaQuery } from './responsive';
+export { useSurface as UNSAFE_useSurface } from './components/internal/surface-provider';
+export { inverseColorMap as UNSAFE_inverseColorMap } from './xcss/style-maps.partial';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/primitives",
-  "version": "6.1.0",
+  "version": "6.1.1",
   "description": "Primitives are token-backed low-level building blocks.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"