npm - @atlaskit/tokens - Versions diffs - 0.10.18 → 0.10.20 - Mend

@atlaskit/tokens 0.10.18 → 0.10.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (112) hide show

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

@@ -7,7 +7,7 @@ exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::1db540cf97cd7f307fc628bbb5346972>>
+ * @codegen <<SignedSource::c82e43b67b045a60bb8a6c1dc11edd58>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -4832,7 +4832,7 @@ var tokens = [{
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
     "deleted": "0.8.0",
-    "replacement": "elevation.surface.raised",
+    "replacement": "elevation.surface.raised.[default]",
     "description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
   },
   "value": "#FA11F2",
@@ -4845,7 +4845,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
       "deleted": "0.8.0",
-      "replacement": "elevation.surface.raised",
+      "replacement": "elevation.surface.raised.[default]",
       "description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
     },
     "value": "#FA11F2"
@@ -4859,7 +4859,7 @@ var tokens = [{
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
     "deleted": "0.8.0",
-    "replacement": "elevation.surface.[default]",
+    "replacement": "elevation.surface.[default].[default]",
     "description": "Use as the primary background for the UI"
   },
   "value": "#FA11F2",
@@ -4872,7 +4872,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
       "deleted": "0.8.0",
-      "replacement": "elevation.surface.[default]",
+      "replacement": "elevation.surface.[default].[default]",
       "description": "Use as the primary background for the UI"
     },
     "value": "#FA11F2"
@@ -4886,7 +4886,7 @@ var tokens = [{
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
     "deleted": "0.8.0",
-    "replacement": "elevation.surface.overlay",
+    "replacement": "elevation.surface.overlay.[default]",
     "description": "\nUse for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay."
   },
   "value": "#FA11F2",
@@ -4899,7 +4899,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
       "deleted": "0.8.0",
-      "replacement": "elevation.surface.overlay",
+      "replacement": "elevation.surface.overlay.[default]",
       "description": "\nUse for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay."
     },
     "value": "#FA11F2"
@@ -6456,6 +6456,16 @@ var tokens = [{
     "description": "Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised"
   },
   "value": [{
+    "radius": 0,
+    "spread": 1,
+    "color": "#000000",
+    "offset": {
+      "x": 0,
+      "y": 0
+    },
+    "opacity": 0,
+    "inset": true
+  }, {
     "radius": 1,
     "offset": {
       "x": 0,
@@ -6482,6 +6492,16 @@ var tokens = [{
       "description": "Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised"
     },
     "value": [{
+      "radius": 0,
+      "spread": 1,
+      "color": "#000000",
+      "offset": {
+        "x": 0,
+        "y": 0
+      },
+      "opacity": 0,
+      "inset": true
+    }, {
       "radius": 1,
       "offset": {
         "x": 0,
@@ -6506,7 +6526,7 @@ var tokens = [{
     "group": "shadow",
     "state": "active",
     "introduced": "0.6.0",
-    "description": "Use to create a shadow when content scolls under other content."
+    "description": "Use to create a shadow when content scrolls under other content."
   },
   "value": [{
     "radius": 12,
@@ -6532,7 +6552,7 @@ var tokens = [{
       "group": "shadow",
       "state": "active",
       "introduced": "0.6.0",
-      "description": "Use to create a shadow when content scolls under other content."
+      "description": "Use to create a shadow when content scrolls under other content."
     },
     "value": [{
       "radius": 12,
@@ -6646,8 +6666,50 @@ var tokens = [{
     },
     "value": "DN30"
   },
-  "name": "elevation.surface.[default]",
-  "path": ["elevation", "surface", "[default]"]
+  "name": "elevation.surface.[default].[default]",
+  "path": ["elevation", "surface", "[default]", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Hovered state of elevation.surface"
+  },
+  "value": "#202B3D",
+  "filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface"
+    },
+    "value": "DN40"
+  },
+  "name": "elevation.surface.[default].hovered",
+  "path": ["elevation", "surface", "[default]", "hovered"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Pressed state of elevation.surface"
+  },
+  "value": "#283447",
+  "filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface"
+    },
+    "value": "DN50"
+  },
+  "name": "elevation.surface.[default].pressed",
+  "path": ["elevation", "surface", "[default]", "pressed"]
 }, {
   "attributes": {
     "group": "paint",
@@ -6674,7 +6736,7 @@ var tokens = [{
     "group": "paint",
     "state": "active",
     "introduced": "0.6.0",
-    "description": "Use for the background of raised cards, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised"
+    "description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
   },
   "value": "#455166",
   "filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
@@ -6684,18 +6746,60 @@ var tokens = [{
       "group": "paint",
       "state": "active",
       "introduced": "0.6.0",
-      "description": "Use for the background of raised cards, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised"
+      "description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
     },
     "value": "DN80"
   },
-  "name": "elevation.surface.raised",
-  "path": ["elevation", "surface", "raised"]
+  "name": "elevation.surface.raised.[default]",
+  "path": ["elevation", "surface", "raised", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Hovered state of elevation.surface.raised"
+  },
+  "value": "#56637A",
+  "filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface.raised"
+    },
+    "value": "DN90"
+  },
+  "name": "elevation.surface.raised.hovered",
+  "path": ["elevation", "surface", "raised", "hovered"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Pressed state of elevation.surface.raised"
+  },
+  "value": "#67758F",
+  "filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface.raised"
+    },
+    "value": "DN100"
+  },
+  "name": "elevation.surface.raised.pressed",
+  "path": ["elevation", "surface", "raised", "pressed"]
 }, {
   "attributes": {
     "group": "paint",
     "state": "active",
     "introduced": "0.6.0",
-    "description": "Use for the background of elements that sit on top of they UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.shadow.overlay\n\nAlso use for the background of raised cards in a dragged state."
+    "description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
   },
   "value": "#7988A3",
   "filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
@@ -6705,12 +6809,96 @@ var tokens = [{
       "group": "paint",
       "state": "active",
       "introduced": "0.6.0",
-      "description": "Use for the background of elements that sit on top of they UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.shadow.overlay\n\nAlso use for the background of raised cards in a dragged state."
+      "description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
     },
     "value": "DN200"
   },
-  "name": "elevation.surface.overlay",
-  "path": ["elevation", "surface", "overlay"]
+  "name": "elevation.surface.overlay.[default]",
+  "path": ["elevation", "surface", "overlay", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Hovered state of elevation.surface.overlay"
+  },
+  "value": "#8C9CB8",
+  "filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface.overlay"
+    },
+    "value": "DN300"
+  },
+  "name": "elevation.surface.overlay.hovered",
+  "path": ["elevation", "surface", "overlay", "hovered"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Pressed state of elevation.surface.overlay"
+  },
+  "value": "#9FB0CC",
+  "filePath": "src/tokens/atlassian-legacy-dark/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface.overlay"
+    },
+    "value": "DN400"
+  },
+  "name": "elevation.surface.overlay.pressed",
+  "path": ["elevation", "surface", "overlay", "pressed"]
+}, {
+  "attributes": {
+    "group": "opacity",
+    "state": "active",
+    "introduced": "0.10.13",
+    "description": "Apply to images when in a disabled state."
+  },
+  "value": 0.4,
+  "filePath": "src/tokens/atlassian-legacy-dark/opacity/opacity.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "opacity",
+      "state": "active",
+      "introduced": "0.10.13",
+      "description": "Apply to images when in a disabled state."
+    },
+    "value": "Opacity40"
+  },
+  "name": "opacity.disabled",
+  "path": ["opacity", "disabled"]
+}, {
+  "attributes": {
+    "group": "opacity",
+    "state": "active",
+    "introduced": "0.10.13",
+    "description": "Apply to content that sits under a loading spinner."
+  },
+  "value": 0.2,
+  "filePath": "src/tokens/atlassian-legacy-dark/opacity/opacity.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "opacity",
+      "state": "active",
+      "introduced": "0.10.13",
+      "description": "Apply to content that sits under a loading spinner."
+    },
+    "value": "Opacity20"
+  },
+  "name": "opacity.loading",
+  "path": ["opacity", "loading"]
 }, {
   "attributes": {
     "group": "raw",

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

@@ -7,7 +7,7 @@ exports.default = void 0;
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6a9c9852352020740a85fbffbcc447e3>>
+ * @codegen <<SignedSource::de3cdd57ab11cc9e909f280b3ea720f0>>
  * @codegenCommand yarn build tokens
  */
 var tokens = [{
@@ -4832,7 +4832,7 @@ var tokens = [{
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
     "deleted": "0.8.0",
-    "replacement": "elevation.surface.raised",
+    "replacement": "elevation.surface.raised.[default]",
     "description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
   },
   "value": "#FA11F2",
@@ -4845,7 +4845,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
       "deleted": "0.8.0",
-      "replacement": "elevation.surface.raised",
+      "replacement": "elevation.surface.raised.[default]",
       "description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
     },
     "value": "#FA11F2"
@@ -4859,7 +4859,7 @@ var tokens = [{
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
     "deleted": "0.8.0",
-    "replacement": "elevation.surface.[default]",
+    "replacement": "elevation.surface.[default].[default]",
     "description": "Use as the primary background for the UI"
   },
   "value": "#FA11F2",
@@ -4872,7 +4872,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
       "deleted": "0.8.0",
-      "replacement": "elevation.surface.[default]",
+      "replacement": "elevation.surface.[default].[default]",
       "description": "Use as the primary background for the UI"
     },
     "value": "#FA11F2"
@@ -4886,7 +4886,7 @@ var tokens = [{
     "introduced": "0.0.15",
     "deprecated": "0.6.0",
     "deleted": "0.8.0",
-    "replacement": "elevation.surface.overlay",
+    "replacement": "elevation.surface.overlay.[default]",
     "description": "\nUse for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay."
   },
   "value": "#FA11F2",
@@ -4899,7 +4899,7 @@ var tokens = [{
       "introduced": "0.0.15",
       "deprecated": "0.6.0",
       "deleted": "0.8.0",
-      "replacement": "elevation.surface.overlay",
+      "replacement": "elevation.surface.overlay.[default]",
       "description": "\nUse for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay."
     },
     "value": "#FA11F2"
@@ -6486,7 +6486,7 @@ var tokens = [{
     "group": "shadow",
     "state": "active",
     "introduced": "0.6.0",
-    "description": "Use to create a shadow when content scolls under other content."
+    "description": "Use to create a shadow when content scrolls under other content."
   },
   "value": [{
     "radius": 8,
@@ -6512,7 +6512,7 @@ var tokens = [{
       "group": "shadow",
       "state": "active",
       "introduced": "0.6.0",
-      "description": "Use to create a shadow when content scolls under other content."
+      "description": "Use to create a shadow when content scrolls under other content."
     },
     "value": [{
       "radius": 8,
@@ -6606,8 +6606,50 @@ var tokens = [{
     },
     "value": "N0"
   },
-  "name": "elevation.surface.[default]",
-  "path": ["elevation", "surface", "[default]"]
+  "name": "elevation.surface.[default].[default]",
+  "path": ["elevation", "surface", "[default]", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Hovered state of elevation.surface"
+  },
+  "value": "#FAFBFC",
+  "filePath": "src/tokens/atlassian-legacy-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface"
+    },
+    "value": "N10"
+  },
+  "name": "elevation.surface.[default].hovered",
+  "path": ["elevation", "surface", "[default]", "hovered"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Pressed state of elevation.surface"
+  },
+  "value": "#F4F5F7",
+  "filePath": "src/tokens/atlassian-legacy-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface"
+    },
+    "value": "N20"
+  },
+  "name": "elevation.surface.[default].pressed",
+  "path": ["elevation", "surface", "[default]", "pressed"]
 }, {
   "attributes": {
     "group": "paint",
@@ -6634,7 +6676,7 @@ var tokens = [{
     "group": "paint",
     "state": "active",
     "introduced": "0.6.0",
-    "description": "Use for the background of raised cards, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised"
+    "description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
   },
   "value": "#FFFFFF",
   "filePath": "src/tokens/atlassian-legacy-light/elevation/surface.tsx",
@@ -6644,18 +6686,60 @@ var tokens = [{
       "group": "paint",
       "state": "active",
       "introduced": "0.6.0",
-      "description": "Use for the background of raised cards, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised"
+      "description": "Use for the background of cards that can be moved, such as Jira cards on a Kanban board. Combine with elevation.shadow.raised."
     },
     "value": "N0"
   },
-  "name": "elevation.surface.raised",
-  "path": ["elevation", "surface", "raised"]
+  "name": "elevation.surface.raised.[default]",
+  "path": ["elevation", "surface", "raised", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Hovered state of elevation.surface.raised"
+  },
+  "value": "#FAFBFC",
+  "filePath": "src/tokens/atlassian-legacy-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface.raised"
+    },
+    "value": "N10"
+  },
+  "name": "elevation.surface.raised.hovered",
+  "path": ["elevation", "surface", "raised", "hovered"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Pressed state of elevation.surface.raised"
+  },
+  "value": "#F4F5F7",
+  "filePath": "src/tokens/atlassian-legacy-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface.raised"
+    },
+    "value": "N20"
+  },
+  "name": "elevation.surface.raised.pressed",
+  "path": ["elevation", "surface", "raised", "pressed"]
 }, {
   "attributes": {
     "group": "paint",
     "state": "active",
     "introduced": "0.6.0",
-    "description": "Use for the background of elements that sit on top of they UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.shadow.overlay\n\nAlso use for the background of raised cards in a dragged state."
+    "description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
   },
   "value": "#FFFFFF",
   "filePath": "src/tokens/atlassian-legacy-light/elevation/surface.tsx",
@@ -6665,12 +6749,96 @@ var tokens = [{
       "group": "paint",
       "state": "active",
       "introduced": "0.6.0",
-      "description": "Use for the background of elements that sit on top of they UI, such as modals, dropdown menus, flags, and inline dialogs. Combine with elevation.shadow.overlay\n\nAlso use for the background of raised cards in a dragged state."
+      "description": "Use for the background of elements that sit on top of they UI, such as modals, dialogs, dropdown menus, floating toolbars, and floating single-action buttons. Also use for the background of raised cards in a dragged state. Combine with elevation.shadow.overlay."
     },
     "value": "N0"
   },
-  "name": "elevation.surface.overlay",
-  "path": ["elevation", "surface", "overlay"]
+  "name": "elevation.surface.overlay.[default]",
+  "path": ["elevation", "surface", "overlay", "[default]"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Hovered state of elevation.surface.overlay"
+  },
+  "value": "#FAFBFC",
+  "filePath": "src/tokens/atlassian-legacy-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Hovered state of elevation.surface.overlay"
+    },
+    "value": "N10"
+  },
+  "name": "elevation.surface.overlay.hovered",
+  "path": ["elevation", "surface", "overlay", "hovered"]
+}, {
+  "attributes": {
+    "group": "paint",
+    "state": "active",
+    "introduced": "0.10.20",
+    "description": "Pressed state of elevation.surface.overlay"
+  },
+  "value": "#F4F5F7",
+  "filePath": "src/tokens/atlassian-legacy-light/elevation/surface.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "paint",
+      "state": "active",
+      "introduced": "0.10.20",
+      "description": "Pressed state of elevation.surface.overlay"
+    },
+    "value": "N20"
+  },
+  "name": "elevation.surface.overlay.pressed",
+  "path": ["elevation", "surface", "overlay", "pressed"]
+}, {
+  "attributes": {
+    "group": "opacity",
+    "state": "active",
+    "introduced": "0.10.13",
+    "description": "Apply to images when in a disabled state."
+  },
+  "value": 0.4,
+  "filePath": "src/tokens/atlassian-legacy-light/opacity/opacity.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "opacity",
+      "state": "active",
+      "introduced": "0.10.13",
+      "description": "Apply to images when in a disabled state."
+    },
+    "value": "Opacity40"
+  },
+  "name": "opacity.disabled",
+  "path": ["opacity", "disabled"]
+}, {
+  "attributes": {
+    "group": "opacity",
+    "state": "active",
+    "introduced": "0.10.13",
+    "description": "Apply to content that sits under a loading spinner."
+  },
+  "value": 0.2,
+  "filePath": "src/tokens/atlassian-legacy-light/opacity/opacity.tsx",
+  "isSource": true,
+  "original": {
+    "attributes": {
+      "group": "opacity",
+      "state": "active",
+      "introduced": "0.10.13",
+      "description": "Apply to content that sits under a loading spinner."
+    },
+    "value": "Opacity20"
+  },
+  "name": "opacity.loading",
+  "path": ["opacity", "loading"]
 }, {
   "attributes": {
     "group": "raw",