@atlaskit/tokens 13.3.1 → 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::8eee5bd37062cca3926151e62984c50b>>
+ * @codegen <<SignedSource::752e02e8e29137a62066be0c96969094>>
  * @codegenCommand yarn build tokens
  */
 
@@ -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::1650a0fd98bac1f1de3e3c7e4dd3de58>>
+ * @codegen <<SignedSource::64ea7d47282565d7455a13230e33ce8b>>
  * @codegenCommand yarn build tokens
  */
 
@@ -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::626270da3aba9831e4c843e6a816c2a0>>
+ * @codegen <<SignedSource::a1882f4b4e3305935325d612a706f4d0>>
  * @codegenCommand yarn build tokens
  */
 
@@ -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::b26e4203c4b2d7818ff4ff30fb0f40cf>>
+ * @codegen <<SignedSource::ae4acbb8ddfe6f3a0c28dc3479fd9d0d>>
  * @codegenCommand yarn build tokens
  */
 
@@ -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) {