@atlaskit/primitives 19.0.1 → 19.0.2

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/primitives
 
+## 19.0.2
+
+### Patch Changes
+
+- [`71fee8de88abc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/71fee8de88abc) -
+  Added new design tokens to support the Lozenge / Tag / Badge visual uplift:
+
+  **15 new `color.border.*.subtle` tokens** for decorative borders that do not need to meet 3:1
+  contrast requirements:
+  - 5 semantic: `danger`, `warning`, `success`, `discovery`, `information` (no `neutral.subtle` —
+    the default `color.border` already serves this case)
+  - 10 accent: `red`, `orange`, `yellow`, `lime`, `green`, `teal`, `blue`, `purple`, `magenta`,
+    `gray`
+  - Light theme maps to Color300; dark theme maps to Color800 (DarkNeutral400 for `accent.gray`)
+
+  **5 new `color.background.*.subtle` tokens** for non-interactive elements (e.g. semantic badges,
+  status pills, callout chips):
+  - `danger`, `success`, `discovery`, `information` — light theme maps to Color300, dark theme maps
+    to Color800
+  - `warning` — light theme maps to Orange250, dark theme maps to Orange850 (different stops because
+    Orange300 is already used by `warning.bold`)
+
+  Note: `color.background.*.subtle` is intentionally non-interactive only — no `.hovered` or
+  `.pressed` variants are provided. For interactive surfaces, use `color.background.<semantic>.bold`
+  or `color.background.<semantic>.subtler` instead.
+
+- Updated dependencies
+
 ## 19.0.1
 
 ### Patch Changes

package/dist/cjs/compiled/components/anchor.js

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

package/dist/cjs/compiled/components/box.compiled.css

@@ -56,6 +56,7 @@
 ._bfhk16zl{background-color:var(--ds-background-accent-teal-subtle-pressed,#b1e4f7)}
 ._bfhk1773{background-color:var(--ds-background-accent-yellow-subtler,#f5e989)}
 ._bfhk1856{background-color:var(--ds-background-brand-bold,#1868db)}
+._bfhk187o{background-color:var(--ds-background-disabled,#0515240f)}
 ._bfhk18ah{background-color:var(--ds-background-accent-purple-subtle,#c97cf4)}
 ._bfhk18j9{background-color:var(--ds-background-accent-gray-subtle,#8c8f97)}
 ._bfhk18ut{background-color:var(--ds-background-accent-gray-subtlest-pressed,#b7b9be)}
@@ -159,7 +160,6 @@
 ._bfhkattl{background-color:var(--ds-background-accent-purple-subtler-hovered,#e3bdfa)}
 ._bfhkaxpp{background-color:var(--ds-background-accent-orange-subtle-pressed,#fbd779)}
 ._bfhkbq5w{background-color:var(--ds-background-accent-lime-subtle,#94c748)}
-._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
 ._bfhkbyip{background-color:var(--ds-background-accent-gray-bolder-hovered,#505258)}
 ._bfhkc3uk{background-color:var(--ds-background-accent-magenta-bolder,#ae4787)}
 ._bfhkchd4{background-color:var(--ds-elevation-surface-current,#fff)}

package/dist/cjs/compiled/components/box.js

@@ -144,7 +144,7 @@ var backgroundColorMap = {
   'color.background.accent.gray.bolder': "_bfhk1i45",
   'color.background.accent.gray.bolder.hovered': "_bfhkbyip",
   'color.background.accent.gray.bolder.pressed': "_bfhk1van",
-  'color.background.disabled': "_bfhkby5v",
+  'color.background.disabled': "_bfhk187o",
   'color.background.input': "_bfhk1j9a",
   'color.background.input.hovered': "_bfhkl4ek",
   'color.background.input.pressed': "_bfhkr01l",

package/dist/cjs/compiled/components/pressable.js

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

package/dist/cjs/compiled/components/text.js

@@ -169,4 +169,6 @@ var Text = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     value: true
   }, component);
 });
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var _default = exports.default = Text;

package/dist/cjs/components/anchor.js

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

package/dist/cjs/components/box.js

@@ -94,6 +94,8 @@ var Box = exports.Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
 // @ts-ignore This typescript error has been surpessed while locally enrolling `@atlaskit/primitives` into Jira
 // The return type of `BoxComponent` does not match the return type of `forwardRef` in React 18
 );
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var _default = exports.default = Box;
 var baseStyles = (0, _react2.css)({
   boxSizing: 'border-box',

package/dist/cjs/components/pressable.js

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

package/dist/cjs/responsive/constants.js

@@ -65,6 +65,7 @@ var UNSAFE_BREAKPOINTS_CONFIG = exports.UNSAFE_BREAKPOINTS_CONFIG = {
  *
  * @experimental Unsafe for consumption outside of the design system itself.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var UNSAFE_BREAKPOINTS_ORDERED_LIST = exports.UNSAFE_BREAKPOINTS_ORDERED_LIST = Object.keys(UNSAFE_BREAKPOINTS_CONFIG);
 
 /**
@@ -72,4 +73,5 @@ var UNSAFE_BREAKPOINTS_ORDERED_LIST = exports.UNSAFE_BREAKPOINTS_ORDERED_LIST =
  * 1. It is the default value for shorthands, eg. `<GridItem span={6} />` maps to `{ [SMALLEST_BREAKPOINT]: props.span }`
  * 2. It's omitted in `media.below` as there's nothing below `0px`.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var SMALLEST_BREAKPOINT = exports.SMALLEST_BREAKPOINT = UNSAFE_BREAKPOINTS_ORDERED_LIST[0];

package/dist/cjs/utils/has-text-ancestor-context.js

@@ -15,4 +15,5 @@ var useHasTextAncestor = exports.useHasTextAncestor = function useHasTextAncesto
 /**
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var HasTextAncestorProvider = exports.HasTextAncestorProvider = HasTextAncestorContext.Provider;

package/dist/cjs/xcss/style-maps.partial.js

@@ -73,10 +73,10 @@ var allSpaceMap = exports.allSpaceMap = _objectSpread(_objectSpread({}, positive
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::cefa2c59e15e6a3749ef38fa86c6adea>>
+ * @codegen <<SignedSource::5181bd08725ac44b53e0ae9f914067c1>>
  * @codegenId inverse-colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::3c254494d015dde7566fc7c46750adf2>>
  */
 var inverseColorMap = exports.inverseColorMap = {
   'color.background.neutral.bold': 'color.text.inverse',
@@ -114,11 +114,11 @@ var inverseColorMap = exports.inverseColorMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c673d53a0a31524e65f1c7051579eae5>>
+ * @codegen <<SignedSource::54e9dee77c5da7d77db6b6cb20970356>>
  * @codegenId elevation
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["opacity", "shadow", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::3c254494d015dde7566fc7c46750adf2>>
  */
 var opacityMap = exports.opacityMap = {
   'opacity.disabled': "var(--ds-opacity-disabled, 0.4)",
@@ -149,24 +149,34 @@ var surfaceColorMap = exports.surfaceColorMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fa88ed1ec5a817750b0348ca36dbb5f1>>
+ * @codegen <<SignedSource::5fd7f92fbc474ab0beacc4e06dad8fca>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::3c254494d015dde7566fc7c46750adf2>>
  */
 var borderColorMap = exports.borderColorMap = {
   'color.border': "var(--ds-border, #0B120E24)",
   'color.border.accent.lime': "var(--ds-border-accent-lime, #6A9A23)",
+  'color.border.accent.lime.subtle': "var(--ds-border-accent-lime-subtle, #B3DF72)",
   'color.border.accent.red': "var(--ds-border-accent-red, #E2483D)",
+  'color.border.accent.red.subtle': "var(--ds-border-accent-red-subtle, #FD9891)",
   'color.border.accent.orange': "var(--ds-border-accent-orange, #E06C00)",
+  'color.border.accent.orange.subtle': "var(--ds-border-accent-orange-subtle, #FBC828)",
   'color.border.accent.yellow': "var(--ds-border-accent-yellow, #B38600)",
+  'color.border.accent.yellow.subtle': "var(--ds-border-accent-yellow-subtle, #EED12B)",
   'color.border.accent.green': "var(--ds-border-accent-green, #22A06B)",
+  'color.border.accent.green.subtle': "var(--ds-border-accent-green-subtle, #7EE2B8)",
   'color.border.accent.teal': "var(--ds-border-accent-teal, #2898BD)",
+  'color.border.accent.teal.subtle': "var(--ds-border-accent-teal-subtle, #9DD9EE)",
   'color.border.accent.blue': "var(--ds-border-accent-blue, #357DE8)",
+  'color.border.accent.blue.subtle': "var(--ds-border-accent-blue-subtle, #8FB8F6)",
   'color.border.accent.purple': "var(--ds-border-accent-purple, #AF59E1)",
+  'color.border.accent.purple.subtle': "var(--ds-border-accent-purple-subtle, #D8A0F7)",
   'color.border.accent.magenta': "var(--ds-border-accent-magenta, #CD519D)",
+  'color.border.accent.magenta.subtle': "var(--ds-border-accent-magenta-subtle, #F797D2)",
   'color.border.accent.gray': "var(--ds-border-accent-gray, #7D818A)",
+  'color.border.accent.gray.subtle': "var(--ds-border-accent-gray-subtle, #DDDEE1)",
   'color.border.disabled': "var(--ds-border-disabled, #0515240F)",
   'color.border.focused': "var(--ds-border-focused, #4688EC)",
   'color.border.input': "var(--ds-border-input, #8C8F97)",
@@ -174,10 +184,15 @@ var borderColorMap = exports.borderColorMap = {
   'color.border.selected': "var(--ds-border-selected, #1868DB)",
   'color.border.brand': "var(--ds-border-brand, #1868DB)",
   'color.border.danger': "var(--ds-border-danger, #E2483D)",
+  'color.border.danger.subtle': "var(--ds-border-danger-subtle, #FD9891)",
   'color.border.warning': "var(--ds-border-warning, #E06C00)",
+  'color.border.warning.subtle': "var(--ds-border-warning-subtle, #FBC828)",
   'color.border.success': "var(--ds-border-success, #6A9A23)",
+  'color.border.success.subtle': "var(--ds-border-success-subtle, #B3DF72)",
   'color.border.discovery': "var(--ds-border-discovery, #AF59E1)",
+  'color.border.discovery.subtle': "var(--ds-border-discovery-subtle, #D8A0F7)",
   'color.border.information': "var(--ds-border-information, #357DE8)",
+  'color.border.information.subtle': "var(--ds-border-information-subtle, #8FB8F6)",
   'color.border.bold': "var(--ds-border-bold, #7D818A)"
 };
 var backgroundColorMap = exports.backgroundColorMap = {
@@ -301,7 +316,7 @@ var backgroundColorMap = exports.backgroundColorMap = {
   'color.background.accent.gray.bolder': "var(--ds-background-accent-gray-bolder, #6B6E76)",
   'color.background.accent.gray.bolder.hovered': "var(--ds-background-accent-gray-bolder-hovered, #505258)",
   'color.background.accent.gray.bolder.pressed': "var(--ds-background-accent-gray-bolder-pressed, #3B3D42)",
-  'color.background.disabled': "var(--ds-background-disabled, #17171708)",
+  'color.background.disabled': "var(--ds-background-disabled, #0515240F)",
   'color.background.input': "var(--ds-background-input, #FFFFFF)",
   'color.background.input.hovered': "var(--ds-background-input-hovered, #F8F8F8)",
   'color.background.input.pressed': "var(--ds-background-input-pressed, #FFFFFF)",
@@ -338,6 +353,7 @@ var backgroundColorMap = exports.backgroundColorMap = {
   'color.background.danger.subtler': "var(--ds-background-danger-subtler, #FFD5D2)",
   'color.background.danger.subtler.hovered': "var(--ds-background-danger-subtler-hovered, #FFB8B2)",
   'color.background.danger.subtler.pressed': "var(--ds-background-danger-subtler-pressed, #FD9891)",
+  'color.background.danger.subtle': "var(--ds-background-danger-subtle, #FD9891)",
   'color.background.danger.bold': "var(--ds-background-danger-bold, #C9372C)",
   'color.background.danger.bold.hovered': "var(--ds-background-danger-bold-hovered, #AE2E24)",
   'color.background.danger.bold.pressed': "var(--ds-background-danger-bold-pressed, #872821)",
@@ -347,6 +363,7 @@ var backgroundColorMap = exports.backgroundColorMap = {
   'color.background.warning.subtler': "var(--ds-background-warning-subtler, #FCE4A6)",
   'color.background.warning.subtler.hovered': "var(--ds-background-warning-subtler-hovered, #FBD779)",
   'color.background.warning.subtler.pressed': "var(--ds-background-warning-subtler-pressed, #FBC828)",
+  'color.background.warning.subtle': "var(--ds-background-warning-subtle, #FBD779)",
   'color.background.warning.bold': "var(--ds-background-warning-bold, #FBC828)",
   'color.background.warning.bold.hovered': "var(--ds-background-warning-bold-hovered, #FCA700)",
   'color.background.warning.bold.pressed': "var(--ds-background-warning-bold-pressed, #F68909)",
@@ -356,6 +373,7 @@ var backgroundColorMap = exports.backgroundColorMap = {
   'color.background.success.subtler': "var(--ds-background-success-subtler, #D3F1A7)",
   'color.background.success.subtler.hovered': "var(--ds-background-success-subtler-hovered, #BDE97C)",
   'color.background.success.subtler.pressed': "var(--ds-background-success-subtler-pressed, #B3DF72)",
+  'color.background.success.subtle': "var(--ds-background-success-subtle, #B3DF72)",
   'color.background.success.bold': "var(--ds-background-success-bold, #5B7F24)",
   'color.background.success.bold.hovered': "var(--ds-background-success-bold-hovered, #4C6B1F)",
   'color.background.success.bold.pressed': "var(--ds-background-success-bold-pressed, #3F5224)",
@@ -365,6 +383,7 @@ var backgroundColorMap = exports.backgroundColorMap = {
   'color.background.discovery.subtler': "var(--ds-background-discovery-subtler, #EED7FC)",
   'color.background.discovery.subtler.hovered': "var(--ds-background-discovery-subtler-hovered, #E3BDFA)",
   'color.background.discovery.subtler.pressed': "var(--ds-background-discovery-subtler-pressed, #D8A0F7)",
+  'color.background.discovery.subtle': "var(--ds-background-discovery-subtle, #D8A0F7)",
   'color.background.discovery.bold': "var(--ds-background-discovery-bold, #964AC0)",
   'color.background.discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered, #803FA5)",
   'color.background.discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed, #673286)",
@@ -374,6 +393,7 @@ var backgroundColorMap = exports.backgroundColorMap = {
   'color.background.information.subtler': "var(--ds-background-information-subtler, #CFE1FD)",
   'color.background.information.subtler.hovered': "var(--ds-background-information-subtler-hovered, #ADCBFB)",
   'color.background.information.subtler.pressed': "var(--ds-background-information-subtler-pressed, #8FB8F6)",
+  'color.background.information.subtle': "var(--ds-background-information-subtle, #8FB8F6)",
   'color.background.information.bold': "var(--ds-background-information-bold, #1868DB)",
   'color.background.information.bold.hovered': "var(--ds-background-information-bold-hovered, #1558BC)",
   'color.background.information.bold.pressed': "var(--ds-background-information-bold-pressed, #144794)",

package/dist/cjs/xcss/xcss.js

@@ -165,6 +165,7 @@ var baseXcss = function baseXcss(style) {
  * @private
  * @deprecated
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 var _parseXcss = exports.parseXcss = function parseXcss(args) {
   if (Array.isArray(args)) {
     var emotion = [];
@@ -233,6 +234,7 @@ var _parseXcss = exports.parseXcss = function parseXcss(args) {
  * @deprecated Use `@atlaskit/css` with `@atlaskit/primitives/compiled` instead.
  * {@link https://hello.atlassian.net/wiki/spaces/DST/pages/4992259434/Guidance+Migrating+to+atlaskit+css+from+xcss Internal documentation for migration; no external access}
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function xcss(style) {
   return baseXcss(style);
 }

package/dist/es2019/compiled/components/anchor.js

@@ -56,7 +56,7 @@ const AnchorNoRef = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "0.0.0-development",
+    packageVersion: "19.0.1",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/es2019/compiled/components/box.compiled.css

@@ -56,6 +56,7 @@
 ._bfhk16zl{background-color:var(--ds-background-accent-teal-subtle-pressed,#b1e4f7)}
 ._bfhk1773{background-color:var(--ds-background-accent-yellow-subtler,#f5e989)}
 ._bfhk1856{background-color:var(--ds-background-brand-bold,#1868db)}
+._bfhk187o{background-color:var(--ds-background-disabled,#0515240f)}
 ._bfhk18ah{background-color:var(--ds-background-accent-purple-subtle,#c97cf4)}
 ._bfhk18j9{background-color:var(--ds-background-accent-gray-subtle,#8c8f97)}
 ._bfhk18ut{background-color:var(--ds-background-accent-gray-subtlest-pressed,#b7b9be)}
@@ -159,7 +160,6 @@
 ._bfhkattl{background-color:var(--ds-background-accent-purple-subtler-hovered,#e3bdfa)}
 ._bfhkaxpp{background-color:var(--ds-background-accent-orange-subtle-pressed,#fbd779)}
 ._bfhkbq5w{background-color:var(--ds-background-accent-lime-subtle,#94c748)}
-._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
 ._bfhkbyip{background-color:var(--ds-background-accent-gray-bolder-hovered,#505258)}
 ._bfhkc3uk{background-color:var(--ds-background-accent-magenta-bolder,#ae4787)}
 ._bfhkchd4{background-color:var(--ds-elevation-surface-current,#fff)}

package/dist/es2019/compiled/components/box.js

@@ -133,7 +133,7 @@ const backgroundColorMap = {
   'color.background.accent.gray.bolder': "_bfhk1i45",
   'color.background.accent.gray.bolder.hovered': "_bfhkbyip",
   'color.background.accent.gray.bolder.pressed': "_bfhk1van",
-  'color.background.disabled': "_bfhkby5v",
+  'color.background.disabled': "_bfhk187o",
   'color.background.input': "_bfhk1j9a",
   'color.background.input.hovered': "_bfhkl4ek",
   'color.background.input.pressed': "_bfhkr01l",

package/dist/es2019/compiled/components/pressable.js

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

package/dist/es2019/compiled/components/text.js

@@ -160,4 +160,6 @@ const Text = /*#__PURE__*/forwardRef(({
     value: true
   }, component);
 });
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export default Text;

package/dist/es2019/components/anchor.js

@@ -94,7 +94,7 @@ const AnchorNoRef = ({
     action: 'clicked',
     componentName: componentName || 'Anchor',
     packageName: "@atlaskit/primitives",
-    packageVersion: "0.0.0-development",
+    packageVersion: "19.0.1",
     analyticsData: analyticsContext,
     actionSubject: 'link'
   });

package/dist/es2019/components/box.js

@@ -88,6 +88,8 @@ export const Box = /*#__PURE__*/forwardRef(({
 // @ts-ignore This typescript error has been surpessed while locally enrolling `@atlaskit/primitives` into Jira
 // The return type of `BoxComponent` does not match the return type of `forwardRef` in React 18
 );
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export default Box;
 const baseStyles = css({
   boxSizing: 'border-box',

package/dist/es2019/components/pressable.js

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

package/dist/es2019/responsive/constants.js

@@ -59,6 +59,7 @@ export const UNSAFE_BREAKPOINTS_CONFIG = {
  *
  * @experimental Unsafe for consumption outside of the design system itself.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const UNSAFE_BREAKPOINTS_ORDERED_LIST = Object.keys(UNSAFE_BREAKPOINTS_CONFIG);
 
 /**
@@ -66,4 +67,5 @@ export const UNSAFE_BREAKPOINTS_ORDERED_LIST = Object.keys(UNSAFE_BREAKPOINTS_CO
  * 1. It is the default value for shorthands, eg. `<GridItem span={6} />` maps to `{ [SMALLEST_BREAKPOINT]: props.span }`
  * 2. It's omitted in `media.below` as there's nothing below `0px`.
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const SMALLEST_BREAKPOINT = UNSAFE_BREAKPOINTS_ORDERED_LIST[0];

package/dist/es2019/utils/has-text-ancestor-context.js

@@ -7,4 +7,5 @@ export const useHasTextAncestor = () => useContext(HasTextAncestorContext);
 /**
  * @internal
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const HasTextAncestorProvider = HasTextAncestorContext.Provider;

package/dist/es2019/xcss/style-maps.partial.js

@@ -67,10 +67,10 @@ export const allSpaceMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::cefa2c59e15e6a3749ef38fa86c6adea>>
+ * @codegen <<SignedSource::5181bd08725ac44b53e0ae9f914067c1>>
  * @codegenId inverse-colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::3c254494d015dde7566fc7c46750adf2>>
  */
 export const inverseColorMap = {
   'color.background.neutral.bold': 'color.text.inverse',
@@ -108,11 +108,11 @@ export const inverseColorMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c673d53a0a31524e65f1c7051579eae5>>
+ * @codegen <<SignedSource::54e9dee77c5da7d77db6b6cb20970356>>
  * @codegenId elevation
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["opacity", "shadow", "surface"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::3c254494d015dde7566fc7c46750adf2>>
  */
 export const opacityMap = {
   'opacity.disabled': "var(--ds-opacity-disabled, 0.4)",
@@ -143,24 +143,34 @@ export const surfaceColorMap = {
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::fa88ed1ec5a817750b0348ca36dbb5f1>>
+ * @codegen <<SignedSource::5fd7f92fbc474ab0beacc4e06dad8fca>>
  * @codegenId colors
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["border", "background", "text", "fill"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::38a7d4716f6999a6bdda9e4fe2bca6a1>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::3c254494d015dde7566fc7c46750adf2>>
  */
 export const borderColorMap = {
   'color.border': "var(--ds-border, #0B120E24)",
   'color.border.accent.lime': "var(--ds-border-accent-lime, #6A9A23)",
+  'color.border.accent.lime.subtle': "var(--ds-border-accent-lime-subtle, #B3DF72)",
   'color.border.accent.red': "var(--ds-border-accent-red, #E2483D)",
+  'color.border.accent.red.subtle': "var(--ds-border-accent-red-subtle, #FD9891)",
   'color.border.accent.orange': "var(--ds-border-accent-orange, #E06C00)",
+  'color.border.accent.orange.subtle': "var(--ds-border-accent-orange-subtle, #FBC828)",
   'color.border.accent.yellow': "var(--ds-border-accent-yellow, #B38600)",
+  'color.border.accent.yellow.subtle': "var(--ds-border-accent-yellow-subtle, #EED12B)",
   'color.border.accent.green': "var(--ds-border-accent-green, #22A06B)",
+  'color.border.accent.green.subtle': "var(--ds-border-accent-green-subtle, #7EE2B8)",
   'color.border.accent.teal': "var(--ds-border-accent-teal, #2898BD)",
+  'color.border.accent.teal.subtle': "var(--ds-border-accent-teal-subtle, #9DD9EE)",
   'color.border.accent.blue': "var(--ds-border-accent-blue, #357DE8)",
+  'color.border.accent.blue.subtle': "var(--ds-border-accent-blue-subtle, #8FB8F6)",
   'color.border.accent.purple': "var(--ds-border-accent-purple, #AF59E1)",
+  'color.border.accent.purple.subtle': "var(--ds-border-accent-purple-subtle, #D8A0F7)",
   'color.border.accent.magenta': "var(--ds-border-accent-magenta, #CD519D)",
+  'color.border.accent.magenta.subtle': "var(--ds-border-accent-magenta-subtle, #F797D2)",
   'color.border.accent.gray': "var(--ds-border-accent-gray, #7D818A)",
+  'color.border.accent.gray.subtle': "var(--ds-border-accent-gray-subtle, #DDDEE1)",
   'color.border.disabled': "var(--ds-border-disabled, #0515240F)",
   'color.border.focused': "var(--ds-border-focused, #4688EC)",
   'color.border.input': "var(--ds-border-input, #8C8F97)",
@@ -168,10 +178,15 @@ export const borderColorMap = {
   'color.border.selected': "var(--ds-border-selected, #1868DB)",
   'color.border.brand': "var(--ds-border-brand, #1868DB)",
   'color.border.danger': "var(--ds-border-danger, #E2483D)",
+  'color.border.danger.subtle': "var(--ds-border-danger-subtle, #FD9891)",
   'color.border.warning': "var(--ds-border-warning, #E06C00)",
+  'color.border.warning.subtle': "var(--ds-border-warning-subtle, #FBC828)",
   'color.border.success': "var(--ds-border-success, #6A9A23)",
+  'color.border.success.subtle': "var(--ds-border-success-subtle, #B3DF72)",
   'color.border.discovery': "var(--ds-border-discovery, #AF59E1)",
+  'color.border.discovery.subtle': "var(--ds-border-discovery-subtle, #D8A0F7)",
   'color.border.information': "var(--ds-border-information, #357DE8)",
+  'color.border.information.subtle': "var(--ds-border-information-subtle, #8FB8F6)",
   'color.border.bold': "var(--ds-border-bold, #7D818A)"
 };
 export const backgroundColorMap = {
@@ -295,7 +310,7 @@ export const backgroundColorMap = {
   'color.background.accent.gray.bolder': "var(--ds-background-accent-gray-bolder, #6B6E76)",
   'color.background.accent.gray.bolder.hovered': "var(--ds-background-accent-gray-bolder-hovered, #505258)",
   'color.background.accent.gray.bolder.pressed': "var(--ds-background-accent-gray-bolder-pressed, #3B3D42)",
-  'color.background.disabled': "var(--ds-background-disabled, #17171708)",
+  'color.background.disabled': "var(--ds-background-disabled, #0515240F)",
   'color.background.input': "var(--ds-background-input, #FFFFFF)",
   'color.background.input.hovered': "var(--ds-background-input-hovered, #F8F8F8)",
   'color.background.input.pressed': "var(--ds-background-input-pressed, #FFFFFF)",
@@ -332,6 +347,7 @@ export const backgroundColorMap = {
   'color.background.danger.subtler': "var(--ds-background-danger-subtler, #FFD5D2)",
   'color.background.danger.subtler.hovered': "var(--ds-background-danger-subtler-hovered, #FFB8B2)",
   'color.background.danger.subtler.pressed': "var(--ds-background-danger-subtler-pressed, #FD9891)",
+  'color.background.danger.subtle': "var(--ds-background-danger-subtle, #FD9891)",
   'color.background.danger.bold': "var(--ds-background-danger-bold, #C9372C)",
   'color.background.danger.bold.hovered': "var(--ds-background-danger-bold-hovered, #AE2E24)",
   'color.background.danger.bold.pressed': "var(--ds-background-danger-bold-pressed, #872821)",
@@ -341,6 +357,7 @@ export const backgroundColorMap = {
   'color.background.warning.subtler': "var(--ds-background-warning-subtler, #FCE4A6)",
   'color.background.warning.subtler.hovered': "var(--ds-background-warning-subtler-hovered, #FBD779)",
   'color.background.warning.subtler.pressed': "var(--ds-background-warning-subtler-pressed, #FBC828)",
+  'color.background.warning.subtle': "var(--ds-background-warning-subtle, #FBD779)",
   'color.background.warning.bold': "var(--ds-background-warning-bold, #FBC828)",
   'color.background.warning.bold.hovered': "var(--ds-background-warning-bold-hovered, #FCA700)",
   'color.background.warning.bold.pressed': "var(--ds-background-warning-bold-pressed, #F68909)",
@@ -350,6 +367,7 @@ export const backgroundColorMap = {
   'color.background.success.subtler': "var(--ds-background-success-subtler, #D3F1A7)",
   'color.background.success.subtler.hovered': "var(--ds-background-success-subtler-hovered, #BDE97C)",
   'color.background.success.subtler.pressed': "var(--ds-background-success-subtler-pressed, #B3DF72)",
+  'color.background.success.subtle': "var(--ds-background-success-subtle, #B3DF72)",
   'color.background.success.bold': "var(--ds-background-success-bold, #5B7F24)",
   'color.background.success.bold.hovered': "var(--ds-background-success-bold-hovered, #4C6B1F)",
   'color.background.success.bold.pressed': "var(--ds-background-success-bold-pressed, #3F5224)",
@@ -359,6 +377,7 @@ export const backgroundColorMap = {
   'color.background.discovery.subtler': "var(--ds-background-discovery-subtler, #EED7FC)",
   'color.background.discovery.subtler.hovered': "var(--ds-background-discovery-subtler-hovered, #E3BDFA)",
   'color.background.discovery.subtler.pressed': "var(--ds-background-discovery-subtler-pressed, #D8A0F7)",
+  'color.background.discovery.subtle': "var(--ds-background-discovery-subtle, #D8A0F7)",
   'color.background.discovery.bold': "var(--ds-background-discovery-bold, #964AC0)",
   'color.background.discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered, #803FA5)",
   'color.background.discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed, #673286)",
@@ -368,6 +387,7 @@ export const backgroundColorMap = {
   'color.background.information.subtler': "var(--ds-background-information-subtler, #CFE1FD)",
   'color.background.information.subtler.hovered': "var(--ds-background-information-subtler-hovered, #ADCBFB)",
   'color.background.information.subtler.pressed': "var(--ds-background-information-subtler-pressed, #8FB8F6)",
+  'color.background.information.subtle': "var(--ds-background-information-subtle, #8FB8F6)",
   'color.background.information.bold': "var(--ds-background-information-bold, #1868DB)",
   'color.background.information.bold.hovered': "var(--ds-background-information-bold-hovered, #1558BC)",
   'color.background.information.bold.pressed': "var(--ds-background-information-bold-pressed, #144794)",

package/dist/es2019/xcss/xcss.js

@@ -149,6 +149,7 @@ const baseXcss = style => {
  * @private
  * @deprecated
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export const parseXcss = args => {
   if (Array.isArray(args)) {
     const emotion = [];
@@ -210,6 +211,7 @@ export const parseXcss = args => {
  * @deprecated Use `@atlaskit/css` with `@atlaskit/primitives/compiled` instead.
  * {@link https://hello.atlassian.net/wiki/spaces/DST/pages/4992259434/Guidance+Migrating+to+atlaskit+css+from+xcss Internal documentation for migration; no external access}
  */
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export function xcss(style) {
   return baseXcss(style);
 }

package/dist/esm/compiled/components/anchor.js

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

package/dist/esm/compiled/components/box.compiled.css

@@ -56,6 +56,7 @@
 ._bfhk16zl{background-color:var(--ds-background-accent-teal-subtle-pressed,#b1e4f7)}
 ._bfhk1773{background-color:var(--ds-background-accent-yellow-subtler,#f5e989)}
 ._bfhk1856{background-color:var(--ds-background-brand-bold,#1868db)}
+._bfhk187o{background-color:var(--ds-background-disabled,#0515240f)}
 ._bfhk18ah{background-color:var(--ds-background-accent-purple-subtle,#c97cf4)}
 ._bfhk18j9{background-color:var(--ds-background-accent-gray-subtle,#8c8f97)}
 ._bfhk18ut{background-color:var(--ds-background-accent-gray-subtlest-pressed,#b7b9be)}
@@ -159,7 +160,6 @@
 ._bfhkattl{background-color:var(--ds-background-accent-purple-subtler-hovered,#e3bdfa)}
 ._bfhkaxpp{background-color:var(--ds-background-accent-orange-subtle-pressed,#fbd779)}
 ._bfhkbq5w{background-color:var(--ds-background-accent-lime-subtle,#94c748)}
-._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
 ._bfhkbyip{background-color:var(--ds-background-accent-gray-bolder-hovered,#505258)}
 ._bfhkc3uk{background-color:var(--ds-background-accent-magenta-bolder,#ae4787)}
 ._bfhkchd4{background-color:var(--ds-elevation-surface-current,#fff)}

package/dist/esm/compiled/components/box.js

@@ -136,7 +136,7 @@ var backgroundColorMap = {
   'color.background.accent.gray.bolder': "_bfhk1i45",
   'color.background.accent.gray.bolder.hovered': "_bfhkbyip",
   'color.background.accent.gray.bolder.pressed': "_bfhk1van",
-  'color.background.disabled': "_bfhkby5v",
+  'color.background.disabled': "_bfhk187o",
   'color.background.input': "_bfhk1j9a",
   'color.background.input.hovered': "_bfhkl4ek",
   'color.background.input.pressed': "_bfhkr01l",

package/dist/esm/compiled/components/pressable.js

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

package/dist/esm/compiled/components/text.js

@@ -160,4 +160,6 @@ var Text = /*#__PURE__*/forwardRef(function (_ref, ref) {
     value: true
   }, component);
 });
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export default Text;

package/dist/esm/components/anchor.js

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

package/dist/esm/components/box.js

@@ -89,6 +89,8 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
 // @ts-ignore This typescript error has been surpessed while locally enrolling `@atlaskit/primitives` into Jira
 // The return type of `BoxComponent` does not match the return type of `forwardRef` in React 18
 );
+
+// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 export default Box;
 var baseStyles = css({
   boxSizing: 'border-box',