@atlaskit/tokens 0.8.1 → 0.9.0

package/dist/es2019/tokens/default/deprecated/deprecated.js

@@ -5,6 +5,7 @@ const color = {
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.1.1',
           replacement: 'color.background.accent.blue.bolder',
           description: 'Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
         }
@@ -13,6 +14,7 @@ const color = {
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.1.1',
           replacement: 'color.background.accent.green.bolder',
           description: 'Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
         }
@@ -21,6 +23,7 @@ const color = {
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.1.1',
           replacement: 'color.background.accent.orange.bolder',
           description: 'Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
         }
@@ -29,6 +32,7 @@ const color = {
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.1.1',
           replacement: 'color.background.accent.purple.bolder',
           description: 'Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
         }
@@ -37,6 +41,7 @@ const color = {
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.1.1',
           replacement: 'color.background.accent.red.bolder',
           description: 'Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
         }
@@ -45,6 +50,7 @@ const color = {
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.1.1',
           replacement: 'color.background.accent.teal.bolder',
           description: 'Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags.'
         }
@@ -53,6 +59,7 @@ const color = {
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.1.0',
           replacement: 'color.background.accent.blue.subtler',
           description: 'Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
         }
@@ -61,6 +68,7 @@ const color = {
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.1.0',
           replacement: 'color.background.accent.green.subtler',
           description: 'Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
         }
@@ -69,6 +77,7 @@ const color = {
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.1.0',
           replacement: 'color.background.accent.magenta.subtler',
           description: 'Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
         }
@@ -77,6 +86,7 @@ const color = {
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.1.0',
           replacement: 'color.background.accent.orange.subtler',
           description: 'Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
         }
@@ -85,6 +95,7 @@ const color = {
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.1.0',
           replacement: 'color.background.accent.purple.subtler',
           description: 'Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
         }
@@ -93,6 +104,7 @@ const color = {
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.1.0',
           replacement: 'color.background.accent.red.subtler',
           description: 'Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
         }
@@ -101,6 +113,7 @@ const color = {
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.1.0',
           replacement: 'color.background.accent.teal.subtler',
           description: 'Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags.'
         }
@@ -113,6 +126,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deleted',
+              introduced: '0.6.0',
               replacement: 'color.background.accent.blue.subtler',
               description: 'Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags.'
             }
@@ -121,6 +135,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deleted',
+              introduced: '0.6.0',
               replacement: 'color.background.accent.blue.subtle',
               description: 'Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
             }
@@ -131,6 +146,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deleted',
+              introduced: '0.6.0',
               replacement: 'color.background.accent.red.subtler',
               description: 'Use for red backgrounds when there is no meaning tied to the color, such as colored tags.'
             }
@@ -139,6 +155,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deleted',
+              introduced: '0.6.0',
               replacement: 'color.background.accent.red.subtle',
               description: 'Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
             }
@@ -149,6 +166,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deleted',
+              introduced: '0.6.0',
               replacement: 'color.background.accent.orange.subtler',
               description: 'Use for orange backgrounds when there is no meaning tied to the color, such as colored tags.'
             }
@@ -157,6 +175,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deleted',
+              introduced: '0.6.0',
               replacement: 'color.background.accent.orange.subtle',
               description: 'Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
             }
@@ -167,6 +186,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deleted',
+              introduced: '0.6.0',
               replacement: 'color.background.accent.yellow.subtler',
               description: 'Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags.'
             }
@@ -175,6 +195,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deleted',
+              introduced: '0.6.0',
               replacement: 'color.background.accent.yellow.subtle',
               description: 'Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
             }
@@ -185,6 +206,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deleted',
+              introduced: '0.6.0',
               replacement: 'color.background.accent.green.subtler',
               description: 'Use for green backgrounds when there is no meaning tied to the color, such as colored tags.'
             }
@@ -193,6 +215,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deleted',
+              introduced: '0.6.0',
               replacement: 'color.background.accent.green.subtle',
               description: 'Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
             }
@@ -203,6 +226,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deleted',
+              introduced: '0.6.0',
               replacement: 'color.background.accent.teal.subtler',
               description: 'Use for teal backgrounds when there is no meaning tied to the color, such as colored tags.'
             }
@@ -211,6 +235,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deleted',
+              introduced: '0.6.0',
               replacement: 'color.background.accent.teal.subtle',
               description: 'Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
             }
@@ -221,6 +246,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deleted',
+              introduced: '0.6.0',
               replacement: 'color.background.accent.purple.subtler',
               description: 'Use for purple backgrounds when there is no meaning tied to the color, such as colored tags.'
             }
@@ -229,6 +255,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deleted',
+              introduced: '0.6.0',
               replacement: 'color.background.accent.purple.subtle',
               description: 'Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
             }
@@ -239,6 +266,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deleted',
+              introduced: '0.6.0',
               replacement: 'color.background.accent.magenta.subtler',
               description: 'Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags.'
             }
@@ -247,6 +275,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deleted',
+              introduced: '0.6.0',
               replacement: 'color.background.accent.magenta.subtle',
               description: 'Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
             }
@@ -257,6 +286,7 @@ const color = {
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.0.15',
           replacement: 'color.blanket.[default]',
           description: 'Use for the screen overlay that appears with modal dialogs'
         }
@@ -267,6 +297,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deprecated',
+              introduced: '0.6.0',
               replacement: 'color.background.selected.[default].[default]',
               description: 'Use for the background of elements used to reinforce our brand.'
             }
@@ -275,6 +306,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deprecated',
+              introduced: '0.6.0',
               replacement: 'color.background.selected.[default].hovered',
               description: 'Hovered state for color.background.brand'
             }
@@ -283,6 +315,7 @@ const color = {
             attributes: {
               group: 'paint',
               state: 'deprecated',
+              introduced: '0.6.0',
               replacement: 'color.background.selected.[default].pressed',
               description: 'Pressed state for color.background.brand'
             }
@@ -294,6 +327,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.brand.bold.hovered',
             description: 'Hover state of background.boldBrand'
           }
@@ -302,6 +336,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.brand.bold.pressed',
             description: 'Pressed state of background.boldBrand'
           }
@@ -310,6 +345,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.brand.bold.[default]',
             description: 'A vibrant background for small UI elements like primary buttons and bold in progress lozenges.'
           }
@@ -320,6 +356,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.danger.bold.hovered',
             description: 'Hover state of background.boldDanger'
           }
@@ -328,6 +365,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.danger.bold.pressed',
             description: 'Pressed state of background.boldDanger'
           }
@@ -336,6 +374,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.danger.bold.[default]',
             description: 'A vibrant background for small UI elements like danger buttons and bold removed lozenges.'
           }
@@ -346,6 +385,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.discovery.bold.hovered',
             description: 'Hover state of background.boldDiscovery'
           }
@@ -354,6 +394,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.discovery.bold.pressed',
             description: 'Pressed state of background.boldDiscovery'
           }
@@ -362,6 +403,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.discovery.bold.[default]',
             description: 'A vibrant background for small UI elements like onboarding buttons and bold new lozenges.'
           }
@@ -372,6 +414,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.neutral.bold.hovered',
             description: 'Hover state of background.boldNeutral'
           }
@@ -380,6 +423,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.neutral.bold.pressed',
             description: 'Pressed state of background.boldNeutral'
           }
@@ -388,6 +432,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.neutral.bold.[default]',
             description: 'A vibrant background for small UI elements like unchecked toggles and bold default lozenges.'
           }
@@ -398,6 +443,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.success.bold.hovered',
             description: 'Hover state of background.boldSuccess'
           }
@@ -406,6 +452,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.success.bold.pressed',
             description: 'Pressed state of background.boldSuccess'
           }
@@ -414,6 +461,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.success.bold.[default]',
             description: 'A vibrant background for small UI elements like checked toggles and bold success lozenges.'
           }
@@ -424,6 +472,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.warning.bold.hovered',
             description: 'Hover state of background.boldWarning'
           }
@@ -432,6 +481,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.warning.bold.pressed',
             description: 'Pressed state of background.boldWarning'
           }
@@ -440,6 +490,7 @@ const color = {
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.warning.bold.[default]',
             description: 'A vibrant background for small UI elements like warning buttons and bold moved lozenges.'
           }
@@ -449,6 +500,7 @@ const color = {
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.0.15',
           replacement: 'elevation.surface.raised',
           description: 'Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card.'
         }
@@ -457,14 +509,27 @@ const color = {
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.0.15',
           replacement: 'elevation.surface.[default]',
           description: 'Use as the primary background for the UI'
         }
       },
+      inverse: {
+        '[default]': {
+          attributes: {
+            group: 'paint',
+            state: 'deprecated',
+            introduced: '0.1.0',
+            replacement: 'color.background.inverse.subtle.[default]',
+            description: 'Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards.'
+          }
+        }
+      },
       overlay: {
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.0.15',
           replacement: 'elevation.surface.overlay',
           description: `
 Use 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).
@@ -479,6 +544,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deprecated',
+            introduced: '0.1.0',
             replacement: 'color.background.selected.[default].[default]',
             description: 'Use for backgrounds of elements in a selected state'
           }
@@ -487,6 +553,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deprecated',
+            introduced: '0.1.0',
             replacement: 'color.background.selected.[default].hovered',
             description: 'Hover state for color.background.selected'
           }
@@ -497,6 +564,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.input.pressed',
             description: 'Pressed state for background.subtleBorderedNeutral'
           }
@@ -505,6 +573,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.input.[default]',
             description: 'Hover state for background.subtleBorderedNeutral'
           }
@@ -515,6 +584,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deprecated',
+            introduced: '0.0.15',
             replacement: 'color.background.selected.[default].hovered',
             description: 'Hover state for background.subtleBrand'
           }
@@ -523,6 +593,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deprecated',
+            introduced: '0.0.15',
             replacement: 'color.background.selected.[default].pressed',
             description: 'Pressed state for background.subtleBrand'
           }
@@ -531,6 +602,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deprecated',
+            introduced: '0.0.15',
             replacement: 'color.background.selected.[default].[default]',
             description: 'Use for subdued backgrounds of UI elements like information section messages and in progress lozenges.'
           }
@@ -541,6 +613,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.danger.[default].hovered',
             description: 'Hover state for background.subtleDanger'
           }
@@ -549,6 +622,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.danger.[default].pressed',
             description: 'Pressed state for background.subtleDanger'
           }
@@ -557,6 +631,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.danger.[default].[default]',
             description: 'Use for subdued backgrounds of UI elements like error section messages and removed lozenges.'
           }
@@ -567,6 +642,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.discovery.[default].hovered',
             description: 'Hover state for background.subtleDiscovery'
           }
@@ -575,6 +651,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.discovery.[default].pressed',
             description: 'Pressed state for background.subtleDiscovery'
           }
@@ -583,6 +660,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.discovery.[default].[default]',
             description: 'Use for subdued backgrounds of UI elements like discovery section messages and new lozenges.'
           }
@@ -593,6 +671,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.neutral.[default].hovered',
             description: 'Hover state for background.subtleNeutral'
           }
@@ -601,6 +680,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.neutral.[default].pressed',
             description: 'Pressed state for background.subtleNeutral'
           }
@@ -609,6 +689,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.neutral.[default].[default]',
             description: 'Use as the default background of UI elements like buttons, lozenges, and tags.'
           }
@@ -619,6 +700,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.success.[default].hovered',
             description: 'Hover state for background.subtleSuccess'
           }
@@ -627,6 +709,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.success.[default].pressed',
             description: 'Pressed state for background.subtleSuccess'
           }
@@ -635,6 +718,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.success.[default].[default]',
             description: 'Use for subdued backgrounds of UI elements like success section messages and success lozenges.'
           }
@@ -645,6 +729,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.warning.[default].hovered',
             description: 'Hover state for background.subtleWarning'
           }
@@ -653,6 +738,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.warning.[default].pressed',
             description: 'Pressed state for background.subtleWarning'
           }
@@ -661,6 +747,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.warning.[default].[default]',
             description: 'Use for subdued backgrounds of UI elements like warning section messages and moved lozenges.'
           }
@@ -670,6 +757,7 @@ Combine with shadow.overlay.`
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.0.15',
           replacement: 'elevation.surface.sunken',
           description: 'Use as a secondary background for the UI'
         }
@@ -679,6 +767,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.neutral.subtle.hovered',
             description: 'Hover state for UIs that do not have a default background, such as menu items or subtle buttons.'
           }
@@ -687,6 +776,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.background.neutral.subtle.pressed',
             description: 'Pressed state for UIs that do not have a default background, such as menu items or subtle buttons.'
           }
@@ -698,6 +788,7 @@ Combine with shadow.overlay.`
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.0.15',
           replacement: 'color.text.[default]',
           description: 'Use for primary text, such as body copy, sentence case headers, and buttons'
         }
@@ -707,6 +798,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.link.pressed',
             description: 'Use for links in a pressed state'
           }
@@ -715,6 +807,7 @@ Combine with shadow.overlay.`
           attributes: {
             group: 'paint',
             state: 'deleted',
+            introduced: '0.0.15',
             replacement: 'color.link.[default]',
             description: 'Use for links in a resting or hover state. Add an underline for hover states'
           }
@@ -724,6 +817,7 @@ Combine with shadow.overlay.`
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.0.15',
           replacement: 'color.text.subtlest',
           description: `
 Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text.
@@ -735,6 +829,7 @@ Use for icons that are paired with text.medEmphasis text`
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.0.15',
           replacement: 'color.text.subtle',
           description: `
 Use for secondary text, such navigation, subtle button links, input field labels, and all caps subheadings.
@@ -747,6 +842,7 @@ Use for icon-only buttons, or icons paired with text.highEmphasis text
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.0.15',
           replacement: 'color.text.inverse',
           description: 'Use for text and icons when on bold backgrounds'
         }
@@ -755,6 +851,7 @@ Use for icon-only buttons, or icons paired with text.highEmphasis text
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.0.15',
           replacement: 'color.text.warning.inverse',
           description: 'Use for text and icons when on bold warning backgrounds'
         }
@@ -765,6 +862,7 @@ Use for icon-only buttons, or icons paired with text.highEmphasis text
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.0.15',
           replacement: 'color.border.focused',
           description: 'Use for focus rings of elements in a focus state'
         }
@@ -773,6 +871,7 @@ Use for icon-only buttons, or icons paired with text.highEmphasis text
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.0.15',
           replacement: 'color.border.[default]',
           description: 'Use to create borders around UI elements such as text fields, checkboxes, and radio buttons, or to visually group or separate UI elements, such as flat cards or side panel dividers'
         }
@@ -783,6 +882,7 @@ Use for icon-only buttons, or icons paired with text.highEmphasis text
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.0.15',
           replacement: 'color.icon.brand',
           description: `
 Use rarely for icons or borders representing brand, in-progress, or information, such as the icons in information sections messages.
@@ -794,6 +894,7 @@ Also use for blue icons or borders when there is no meaning tied to the color, s
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.0.15',
           replacement: 'color.icon.danger',
           description: `
 Use rarely for icons and borders representing critical information, such the icons in error section messages or the borders on invalid text fields.
@@ -805,6 +906,7 @@ Also use for red icons or borders when there is no meaning tied to the color, su
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.0.15',
           replacement: 'color.icon.discovery',
           description: `
 Use rarely for icons and borders representing new information, such as the icons in discovery section mesages or the borders in onboarding spotlights.
@@ -817,6 +919,7 @@ Also use for purple icons or borders when there is no meaning tied to the color,
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.0.15',
           replacement: 'color.icon.success',
           description: `
 Use rarely for icons and borders representing positive information, such as the icons in success section messages or the borders on validated text fields.
@@ -829,6 +932,7 @@ Also use for green icons or borders when there is no meaning tied to the color,
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.0.15',
           replacement: 'color.icon.warning.[default]',
           description: `
 Use rarely for icons and borders representing semi-urgent information, such as the icons in warning section messages.
@@ -843,6 +947,7 @@ Also use for yellow icons or borders when there is no meaning tied to the color,
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.1.0',
           replacement: 'color.interaction.hovered',
           description: 'Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars.'
         }
@@ -851,6 +956,7 @@ Also use for yellow icons or borders when there is no meaning tied to the color,
         attributes: {
           group: 'paint',
           state: 'deleted',
+          introduced: '0.1.0',
           replacement: 'color.interaction.pressed',
           description: 'Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars.'
         }
@@ -862,6 +968,7 @@ Also use for yellow icons or borders when there is no meaning tied to the color,
       attributes: {
         group: 'shadow',
         state: 'deleted',
+        introduced: '0.6.0',
         replacement: 'elevation.shadow.raised',
         description: `
 Use for the box shadow of raised card elements, such as Jira cards on a Kanban board.
@@ -873,6 +980,7 @@ Combine with background.overlay`
       attributes: {
         group: 'shadow',
         state: 'deleted',
+        introduced: '0.6.0',
         replacement: 'elevation.shadow.overlay',
         description: `
 Use for the box shadow of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).