@atlaskit/tokens 13.3.0 → 13.4.0

package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6f81e6e8ff4351381a3d1b32d220082f>>
+ * @codegen <<SignedSource::752e02e8e29137a62066be0c96969094>>
  * @codegenCommand yarn build tokens
  */
 
@@ -3689,7 +3689,7 @@ var tokens = [{
     "group": "paint",
     "state": "active",
     "introduced": "13.2.0",
-    "description": "Background colour for non-interactive elements communicating caution (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
+    "description": "Background colour for non-interactive elements communicating caution (e.g. status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
   },
   "value": "#9E4C00",
   "filePath": "schema/themes/atlassian-dark/color/background.tsx",
@@ -3699,7 +3699,7 @@ var tokens = [{
       "group": "paint",
       "state": "active",
       "introduced": "13.2.0",
-      "description": "Background colour for non-interactive elements communicating caution (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
+      "description": "Background colour for non-interactive elements communicating caution (e.g. status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
     },
     "value": "Orange800"
   },
@@ -9360,6 +9360,28 @@ var tokens = [{
   "name": "elevation.surface.[default].pressed",
   "path": ["elevation", "surface", "[default]", "pressed"],
   "cleanName": "elevation.surface.pressed"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "13.3.0",
+    "description": "Use as a neutral container surface background."
+  },
+  "value": "#303134",
+  "filePath": "schema/themes/atlassian-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "13.3.0",
+      "description": "Use as a neutral container surface background."
+    },
+    "value": "DarkNeutral300"
+  },
+  "name": "elevation.surface.container",
+  "path": ["elevation", "surface", "container"],
+  "cleanName": "elevation.surface.container"
 }, {
   "attributes": {
     "group": "paint",
@@ -9514,6 +9536,72 @@ var tokens = [{
   "name": "elevation.surface.sunken",
   "path": ["elevation", "surface", "sunken"],
   "cleanName": "elevation.surface.sunken"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "13.3.0",
+    "description": "Use for Rovo overlay surface backgrounds."
+  },
+  "value": "#242528",
+  "filePath": "schema/themes/atlassian-dark/elevation/rovo/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "13.3.0",
+      "description": "Use for Rovo overlay surface backgrounds."
+    },
+    "value": "DarkNeutral200"
+  },
+  "name": "elevation.rovo.surface.overlay.[default]",
+  "path": ["elevation", "rovo", "surface", "overlay", "[default]"],
+  "cleanName": "elevation.rovo.surface.overlay"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "13.3.0",
+    "description": "Hovered state of elevation.rovo.surface.overlay."
+  },
+  "value": "#2B2C2F",
+  "filePath": "schema/themes/atlassian-dark/elevation/rovo/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "13.3.0",
+      "description": "Hovered state of elevation.rovo.surface.overlay."
+    },
+    "value": "DarkNeutral250"
+  },
+  "name": "elevation.rovo.surface.overlay.hovered",
+  "path": ["elevation", "rovo", "surface", "overlay", "hovered"],
+  "cleanName": "elevation.rovo.surface.overlay.hovered"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "13.3.0",
+    "description": "Pressed state of elevation.rovo.surface.overlay."
+  },
+  "value": "#303134",
+  "filePath": "schema/themes/atlassian-dark/elevation/rovo/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "13.3.0",
+      "description": "Pressed state of elevation.rovo.surface.overlay."
+    },
+    "value": "DarkNeutral300"
+  },
+  "name": "elevation.rovo.surface.overlay.pressed",
+  "path": ["elevation", "rovo", "surface", "overlay", "pressed"],
+  "cleanName": "elevation.rovo.surface.overlay.pressed"
 }, {
   "attributes": {
     "group": "shadow",

package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d50cfba822188cb9ef4e726e5dbd0c16>>
+ * @codegen <<SignedSource::64ea7d47282565d7455a13230e33ce8b>>
  * @codegenCommand yarn build tokens
  */
 
@@ -3692,7 +3692,7 @@ var tokens = [{
     "group": "paint",
     "state": "active",
     "introduced": "13.2.0",
-    "description": "Background colour for non-interactive elements communicating caution (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
+    "description": "Background colour for non-interactive elements communicating caution (e.g. status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
   },
   "original": {
     "value": "Orange250",
@@ -3700,7 +3700,7 @@ var tokens = [{
       "group": "paint",
       "state": "active",
       "introduced": "13.2.0",
-      "description": "Background colour for non-interactive elements communicating caution (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
+      "description": "Background colour for non-interactive elements communicating caution (e.g. status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
     }
   },
   "name": "color.background.warning.subtle.[default]",
@@ -4873,7 +4873,7 @@ var tokens = [{
   "path": ["color", "border", "accent", "gray", "[default]"],
   "cleanName": "color.border.accent.gray"
 }, {
-  "value": "#DDDEE1",
+  "value": "#B7B9BE",
   "filePath": "schema/themes/atlassian-light/color/accent.tsx",
   "isSource": false,
   "attributes": {
@@ -4883,7 +4883,7 @@ var tokens = [{
     "description": "Use for decorative gray borders that do not need to meet 3:1 contrast requirements."
   },
   "original": {
-    "value": "Neutral300",
+    "value": "Neutral400",
     "attributes": {
       "group": "paint",
       "state": "active",
@@ -9360,6 +9360,28 @@ var tokens = [{
   "name": "elevation.surface.[default].pressed",
   "path": ["elevation", "surface", "[default]", "pressed"],
   "cleanName": "elevation.surface.pressed"
+}, {
+  "value": "#F0F1F2",
+  "filePath": "schema/themes/atlassian-light/elevation/surface.tsx",
+  "isSource": false,
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "13.3.0",
+    "description": "Use as a neutral container surface background."
+  },
+  "original": {
+    "value": "Neutral200",
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "13.3.0",
+      "description": "Use as a neutral container surface background."
+    }
+  },
+  "name": "elevation.surface.container",
+  "path": ["elevation", "surface", "container"],
+  "cleanName": "elevation.surface.container"
 }, {
   "value": "#FFFFFF",
   "filePath": "schema/themes/atlassian-light/elevation/surface.tsx",
@@ -9514,6 +9536,72 @@ var tokens = [{
   "name": "elevation.surface.sunken",
   "path": ["elevation", "surface", "sunken"],
   "cleanName": "elevation.surface.sunken"
+}, {
+  "value": "#F8F8F8",
+  "filePath": "schema/themes/atlassian-light-increased-contrast/elevation/rovo/surface.tsx",
+  "isSource": true,
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "13.3.0",
+    "description": "Use for Rovo overlay surface backgrounds."
+  },
+  "original": {
+    "value": "Neutral100",
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "13.3.0",
+      "description": "Use for Rovo overlay surface backgrounds."
+    }
+  },
+  "name": "elevation.rovo.surface.overlay.[default]",
+  "path": ["elevation", "rovo", "surface", "overlay", "[default]"],
+  "cleanName": "elevation.rovo.surface.overlay"
+}, {
+  "value": "#F0F1F2",
+  "filePath": "schema/themes/atlassian-light-increased-contrast/elevation/rovo/surface.tsx",
+  "isSource": true,
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "13.3.0",
+    "description": "Hovered state of elevation.rovo.surface.overlay."
+  },
+  "original": {
+    "value": "Neutral200",
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "13.3.0",
+      "description": "Hovered state of elevation.rovo.surface.overlay."
+    }
+  },
+  "name": "elevation.rovo.surface.overlay.hovered",
+  "path": ["elevation", "rovo", "surface", "overlay", "hovered"],
+  "cleanName": "elevation.rovo.surface.overlay.hovered"
+}, {
+  "value": "#DDDEE1",
+  "filePath": "schema/themes/atlassian-light-increased-contrast/elevation/rovo/surface.tsx",
+  "isSource": true,
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "13.3.0",
+    "description": "Pressed state of elevation.rovo.surface.overlay."
+  },
+  "original": {
+    "value": "Neutral300",
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "13.3.0",
+      "description": "Pressed state of elevation.rovo.surface.overlay."
+    }
+  },
+  "name": "elevation.rovo.surface.overlay.pressed",
+  "path": ["elevation", "rovo", "surface", "overlay", "pressed"],
+  "cleanName": "elevation.rovo.surface.overlay.pressed"
 }, {
   "value": [{
     "radius": 8,

package/dist/cjs/artifacts/tokens-raw/atlassian-light.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::c631fcd3119818d8ef034f197db3132f>>
+ * @codegen <<SignedSource::a1882f4b4e3305935325d612a706f4d0>>
  * @codegenCommand yarn build tokens
  */
 
@@ -3689,7 +3689,7 @@ var tokens = [{
     "group": "paint",
     "state": "active",
     "introduced": "13.2.0",
-    "description": "Background colour for non-interactive elements communicating caution (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
+    "description": "Background colour for non-interactive elements communicating caution (e.g. status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
   },
   "value": "#FBD779",
   "filePath": "schema/themes/atlassian-light/color/background.tsx",
@@ -3699,7 +3699,7 @@ var tokens = [{
       "group": "paint",
       "state": "active",
       "introduced": "13.2.0",
-      "description": "Background colour for non-interactive elements communicating caution (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
+      "description": "Background colour for non-interactive elements communicating caution (e.g. status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states."
     },
     "value": "Orange250"
   },
@@ -4879,7 +4879,7 @@ var tokens = [{
     "introduced": "13.2.0",
     "description": "Use for decorative gray borders that do not need to meet 3:1 contrast requirements."
   },
-  "value": "#DDDEE1",
+  "value": "#B7B9BE",
   "filePath": "schema/themes/atlassian-light/color/accent.tsx",
   "isSource": true,
   "original": {
@@ -4889,7 +4889,7 @@ var tokens = [{
       "introduced": "13.2.0",
       "description": "Use for decorative gray borders that do not need to meet 3:1 contrast requirements."
     },
-    "value": "Neutral300"
+    "value": "Neutral400"
   },
   "name": "color.border.accent.gray.subtle",
   "path": ["color", "border", "accent", "gray", "subtle"],
@@ -9360,6 +9360,28 @@ var tokens = [{
   "name": "elevation.surface.[default].pressed",
   "path": ["elevation", "surface", "[default]", "pressed"],
   "cleanName": "elevation.surface.pressed"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "13.3.0",
+    "description": "Use as a neutral container surface background."
+  },
+  "value": "#F0F1F2",
+  "filePath": "schema/themes/atlassian-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "13.3.0",
+      "description": "Use as a neutral container surface background."
+    },
+    "value": "Neutral200"
+  },
+  "name": "elevation.surface.container",
+  "path": ["elevation", "surface", "container"],
+  "cleanName": "elevation.surface.container"
 }, {
   "attributes": {
     "group": "paint",
@@ -9514,6 +9536,72 @@ var tokens = [{
   "name": "elevation.surface.sunken",
   "path": ["elevation", "surface", "sunken"],
   "cleanName": "elevation.surface.sunken"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "13.3.0",
+    "description": "Use for Rovo overlay surface backgrounds."
+  },
+  "value": "#F8F8F8",
+  "filePath": "schema/themes/atlassian-light/elevation/rovo/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "13.3.0",
+      "description": "Use for Rovo overlay surface backgrounds."
+    },
+    "value": "Neutral100"
+  },
+  "name": "elevation.rovo.surface.overlay.[default]",
+  "path": ["elevation", "rovo", "surface", "overlay", "[default]"],
+  "cleanName": "elevation.rovo.surface.overlay"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "13.3.0",
+    "description": "Hovered state of elevation.rovo.surface.overlay."
+  },
+  "value": "#F0F1F2",
+  "filePath": "schema/themes/atlassian-light/elevation/rovo/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "13.3.0",
+      "description": "Hovered state of elevation.rovo.surface.overlay."
+    },
+    "value": "Neutral200"
+  },
+  "name": "elevation.rovo.surface.overlay.hovered",
+  "path": ["elevation", "rovo", "surface", "overlay", "hovered"],
+  "cleanName": "elevation.rovo.surface.overlay.hovered"
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "13.3.0",
+    "description": "Pressed state of elevation.rovo.surface.overlay."
+  },
+  "value": "#DDDEE1",
+  "filePath": "schema/themes/atlassian-light/elevation/rovo/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "13.3.0",
+      "description": "Pressed state of elevation.rovo.surface.overlay."
+    },
+    "value": "Neutral300"
+  },
+  "name": "elevation.rovo.surface.overlay.pressed",
+  "path": ["elevation", "rovo", "surface", "overlay", "pressed"],
+  "cleanName": "elevation.rovo.surface.overlay.pressed"
 }, {
   "attributes": {
     "group": "shadow",

package/dist/cjs/entry-points/token-metadata.codegen.js

@@ -9,7 +9,7 @@ exports.tokens = void 0;
  *
  * Metadata for generation of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
  *
- * @codegen <<SignedSource::0dd74e66e81ca1f0f575266507ec4ff6>>
+ * @codegen <<SignedSource::ae4acbb8ddfe6f3a0c28dc3479fd9d0d>>
  * @codegenCommand yarn build tokens
  */
 
@@ -1951,7 +1951,7 @@ var tokens = exports.tokens = [{
 }, {
   name: 'color.background.warning.subtle',
   path: ['color', 'background', 'warning', 'subtle', '[default]'],
-  description: 'Background colour for non-interactive elements communicating caution (e.g. semantic badges, status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states.',
+  description: 'Background colour for non-interactive elements communicating caution (e.g. status pills, callout chips). Sits between subtler and bold in visual emphasis. Not for interactive surfaces — see color.background.warning.bold or color.background.warning.subtler for interactive states.',
   exampleValue: '#FBD779',
   usageGuidelines: {
     usage: 'The color for backgrounds. Use for areas behind content (e.g. color.background.neutral, color.background.selected)',
@@ -2438,7 +2438,7 @@ var tokens = exports.tokens = [{
   name: 'color.border.accent.gray.subtle',
   path: ['color', 'border', 'accent', 'gray', 'subtle'],
   description: 'Use for decorative gray borders that do not need to meet 3:1 contrast requirements.',
-  exampleValue: '#DDDEE1',
+  exampleValue: '#B7B9BE',
   usageGuidelines: {
     usage: 'The color for borders or outlines. Use for border and outline colors on components (e.g. color.border, color.border.focused)',
     cssProperties: ['border-color', 'outline-color']
@@ -4270,6 +4270,15 @@ var tokens = exports.tokens = [{
     usage: 'The base color for app and component surfaces. Raised and overlay surfaces should be used in concert with shadows (e.g. elevation.surface.raised should be used with elevation.shadow.raised)',
     cssProperties: ['background-color']
   }
+}, {
+  name: 'elevation.surface.container',
+  path: ['elevation', 'surface', 'container'],
+  description: 'Use as a neutral container surface background.',
+  exampleValue: '#F0F1F2',
+  usageGuidelines: {
+    usage: 'The base color for app and component surfaces. Raised and overlay surfaces should be used in concert with shadows (e.g. elevation.surface.raised should be used with elevation.shadow.raised)',
+    cssProperties: ['background-color']
+  }
 }, {
   name: 'elevation.surface.overlay',
   path: ['elevation', 'surface', 'overlay', '[default]'],
@@ -4333,6 +4342,33 @@ var tokens = exports.tokens = [{
     usage: 'The base color for app and component surfaces. Raised and overlay surfaces should be used in concert with shadows (e.g. elevation.surface.raised should be used with elevation.shadow.raised)',
     cssProperties: ['background-color']
   }
+}, {
+  name: 'elevation.rovo.surface.overlay',
+  path: ['elevation', 'rovo', 'surface', 'overlay', '[default]'],
+  description: 'Use for Rovo overlay surface backgrounds.',
+  exampleValue: '#F8F8F8',
+  usageGuidelines: {
+    usage: 'The base color for app and component surfaces. Raised and overlay surfaces should be used in concert with shadows (e.g. elevation.surface.raised should be used with elevation.shadow.raised)',
+    cssProperties: ['background-color']
+  }
+}, {
+  name: 'elevation.rovo.surface.overlay.hovered',
+  path: ['elevation', 'rovo', 'surface', 'overlay', 'hovered'],
+  description: 'Hovered state of elevation.rovo.surface.overlay.',
+  exampleValue: '#F0F1F2',
+  usageGuidelines: {
+    usage: 'The base color for app and component surfaces. Raised and overlay surfaces should be used in concert with shadows (e.g. elevation.surface.raised should be used with elevation.shadow.raised)',
+    cssProperties: ['background-color']
+  }
+}, {
+  name: 'elevation.rovo.surface.overlay.pressed',
+  path: ['elevation', 'rovo', 'surface', 'overlay', 'pressed'],
+  description: 'Pressed state of elevation.rovo.surface.overlay.',
+  exampleValue: '#DDDEE1',
+  usageGuidelines: {
+    usage: 'The base color for app and component surfaces. Raised and overlay surfaces should be used in concert with shadows (e.g. elevation.surface.raised should be used with elevation.shadow.raised)',
+    cssProperties: ['background-color']
+  }
 }, {
   name: 'elevation.shadow.overflow',
   path: ['elevation', 'shadow', 'overflow', '[default]'],

package/dist/cjs/utils/token-order.js

@@ -14,7 +14,7 @@ var tokenOrder = exports.tokenOrder = [{
   'accent', 'iconBorder', 'overlay']
 }, {
   path: 'elevation',
-  subpaths: ['surface', 'shadow']
+  subpaths: ['surface', 'rovo', 'shadow']
 }, {
   path: 'opacity',
   subpaths: []

package/dist/cjs/utils/token-usage-guidelines.js

@@ -14,6 +14,9 @@ var getTokenCategoryId = function getTokenCategoryId(tokenId) {
   if (tokenId.startsWith('color.rovo.icon.')) {
     return tokenId.replace('color.rovo.icon.', 'color.icon.');
   }
+  if (tokenId.startsWith('elevation.rovo.surface.')) {
+    return tokenId.replace('elevation.rovo.surface.', 'elevation.surface.');
+  }
   return tokenId;
 };
 var getTokenUsageGuidelines = exports.getTokenUsageGuidelines = function getTokenUsageGuidelines(tokenId) {