@atlaskit/tokens 8.1.0 → 8.3.0

package/figma/atlassian-dark-increased-contrast.json

@@ -235,6 +235,15 @@
         "description": "Use for critical text, such as input field error messaging."
       }
     },
+    "Dark increased-contrast/color.text.danger.bolder": {
+      "value": "#FFECEB",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for text on top of danger semantic labels to ensure accessibility and desired visual appearance."
+      }
+    },
     "Dark increased-contrast/color.text.warning": {
       "value": "#FCE4A6",
       "attributes": {
@@ -253,6 +262,15 @@
         "description": "Use for text when on bold warning backgrounds."
       }
     },
+    "Dark increased-contrast/color.text.warning.bolder": {
+      "value": "#FFF5DB",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for text on top of warning semantic labels to ensure accessibility and desired visual appearance."
+      }
+    },
     "Dark increased-contrast/color.text.success": {
       "value": "#BAF3DB",
       "attributes": {
@@ -262,6 +280,15 @@
         "description": "Use for text to communicate a favorable outcome, such as input field success messaging."
       }
     },
+    "Dark increased-contrast/color.text.success.bolder": {
+      "value": "#DCFFF1",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for text on top of success semantic labels to ensure accessibility and desired visual appearance."
+      }
+    },
     "Dark increased-contrast/color.text.discovery": {
       "value": "#EED7FC",
       "attributes": {
@@ -271,6 +298,15 @@
         "description": "Use for text to emphasize change or something new, such as in new lozenges."
       }
     },
+    "Dark increased-contrast/color.text.discovery.bolder": {
+      "value": "#F8EEFE",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for text on top of discovery semantic labels to ensure accessibility and desired visual appearance."
+      }
+    },
     "Dark increased-contrast/color.text.information": {
       "value": "#CFE1FD",
       "attributes": {
@@ -280,6 +316,15 @@
         "description": "Use for informative text or to communicate something is in progress, such as in-progress lozenges."
       }
     },
+    "Dark increased-contrast/color.text.information.bolder": {
+      "value": "#E9F2FE",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for text on top of information semantic labels to ensure accessibility and desired visual appearance."
+      }
+    },
     "Dark increased-contrast/color.text.subtlest": {
       "value": "#BFC1C4",
       "attributes": {
@@ -749,7 +794,7 @@
       }
     },
     "Dark increased-contrast/color.background.accent.lime.subtlest": {
-      "value": "#37471F",
+      "value": "#28311B",
       "attributes": {
         "group": "paint",
         "state": "active",
@@ -965,7 +1010,7 @@
       }
     },
     "Dark increased-contrast/color.background.accent.orange.subtlest": {
-      "value": "#693200",
+      "value": "#3A2C1F",
       "attributes": {
         "group": "paint",
         "state": "active",
@@ -1073,7 +1118,7 @@
       }
     },
     "Dark increased-contrast/color.background.accent.yellow.subtlest": {
-      "value": "#533F04",
+      "value": "#332E1B",
       "attributes": {
         "group": "paint",
         "state": "active",
@@ -1181,7 +1226,7 @@
       }
     },
     "Dark increased-contrast/color.background.accent.green.subtlest": {
-      "value": "#164B35",
+      "value": "#1C3329",
       "attributes": {
         "group": "paint",
         "state": "active",
@@ -1289,7 +1334,7 @@
       }
     },
     "Dark increased-contrast/color.background.accent.teal.subtlest": {
-      "value": "#164555",
+      "value": "#1E3137",
       "attributes": {
         "group": "paint",
         "state": "active",
@@ -1505,7 +1550,7 @@
       }
     },
     "Dark increased-contrast/color.background.accent.purple.subtlest": {
-      "value": "#48245D",
+      "value": "#35243F",
       "attributes": {
         "group": "paint",
         "state": "active",
@@ -1613,7 +1658,7 @@
       }
     },
     "Dark increased-contrast/color.background.accent.magenta.subtlest": {
-      "value": "#50253F",
+      "value": "#3D2232",
       "attributes": {
         "group": "paint",
         "state": "active",
@@ -2134,6 +2179,33 @@
         "description": "Pressed state for color.background.danger"
       }
     },
+    "Dark increased-contrast/color.background.danger.subtler": {
+      "value": "#5D1F1A",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for backgrounds of danger lozenges and badges to ensure accessibility and desired visual appearance."
+      }
+    },
+    "Dark increased-contrast/color.background.danger.subtler.hovered": {
+      "value": "#872821",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.danger.subtler"
+      }
+    },
+    "Dark increased-contrast/color.background.danger.subtler.pressed": {
+      "value": "#AE2E24",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.danger.subtler"
+      }
+    },
     "Dark increased-contrast/color.background.danger.bold": {
       "value": "#FFD5D2",
       "attributes": {
@@ -2188,6 +2260,33 @@
         "description": "Pressed state for color.background.warning"
       }
     },
+    "Dark increased-contrast/color.background.warning.subtler": {
+      "value": "#693200",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for backgrounds of warning lozenges and badges to ensure accessibility and desired visual appearance."
+      }
+    },
+    "Dark increased-contrast/color.background.warning.subtler.hovered": {
+      "value": "#7A3B00",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.warning.subtler"
+      }
+    },
+    "Dark increased-contrast/color.background.warning.subtler.pressed": {
+      "value": "#9E4C00",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.warning.subtler"
+      }
+    },
     "Dark increased-contrast/color.background.warning.bold": {
       "value": "#F5E989",
       "attributes": {
@@ -2242,6 +2341,33 @@
         "description": "Pressed state for color.background.success"
       }
     },
+    "Dark increased-contrast/color.background.success.subtler": {
+      "value": "#37471F",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for backgrounds of success lozenges and badges to ensure accessibility and desired visual appearance."
+      }
+    },
+    "Dark increased-contrast/color.background.success.subtler.hovered": {
+      "value": "#3F5224",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.success.subtler"
+      }
+    },
+    "Dark increased-contrast/color.background.success.subtler.pressed": {
+      "value": "#4C6B1F",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.success.subtler"
+      }
+    },
     "Dark increased-contrast/color.background.success.bold": {
       "value": "#BAF3DB",
       "attributes": {
@@ -2296,6 +2422,33 @@
         "description": "Pressed state for color.background.discovery"
       }
     },
+    "Dark increased-contrast/color.background.discovery.subtler": {
+      "value": "#48245D",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for backgrounds of discovery lozenges and badges to ensure accessibility and desired visual appearance."
+      }
+    },
+    "Dark increased-contrast/color.background.discovery.subtler.hovered": {
+      "value": "#673286",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.discovery.subtler"
+      }
+    },
+    "Dark increased-contrast/color.background.discovery.subtler.pressed": {
+      "value": "#803FA5",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.discovery.subtler"
+      }
+    },
     "Dark increased-contrast/color.background.discovery.bold": {
       "value": "#EED7FC",
       "attributes": {
@@ -2350,6 +2503,33 @@
         "description": "Pressed state of color.background.information"
       }
     },
+    "Dark increased-contrast/color.background.information.subtler": {
+      "value": "#123263",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for backgrounds of information lozenges and badges to ensure accessibility and desired visual appearance."
+      }
+    },
+    "Dark increased-contrast/color.background.information.subtler.hovered": {
+      "value": "#144794",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.information.subtler"
+      }
+    },
+    "Dark increased-contrast/color.background.information.subtler.pressed": {
+      "value": "#1558BC",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.information.subtler"
+      }
+    },
     "Dark increased-contrast/color.background.information.bold": {
       "value": "#CFE1FD",
       "attributes": {

package/figma/atlassian-dark.json

@@ -235,6 +235,15 @@
       },
       "value": "#FD9891"
     },
+    "Dark/color.text.danger.bolder": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for text on top of danger semantic labels to ensure accessibility and desired visual appearance."
+      },
+      "value": "#FFD5D2"
+    },
     "Dark/color.text.warning": {
       "attributes": {
         "group": "paint",
@@ -253,6 +262,15 @@
       },
       "value": "#1F1F21"
     },
+    "Dark/color.text.warning.bolder": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for text on top of warning semantic labels to ensure accessibility and desired visual appearance."
+      },
+      "value": "#FCE4A6"
+    },
     "Dark/color.text.success": {
       "attributes": {
         "group": "paint",
@@ -262,6 +280,15 @@
       },
       "value": "#B3DF72"
     },
+    "Dark/color.text.success.bolder": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for text on top of success semantic labels to ensure accessibility and desired visual appearance."
+      },
+      "value": "#D3F1A7"
+    },
     "Dark/color.text.discovery": {
       "attributes": {
         "group": "paint",
@@ -271,6 +298,15 @@
       },
       "value": "#D8A0F7"
     },
+    "Dark/color.text.discovery.bolder": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for text on top of discovery semantic labels to ensure accessibility and desired visual appearance."
+      },
+      "value": "#EED7FC"
+    },
     "Dark/color.text.information": {
       "attributes": {
         "group": "paint",
@@ -280,6 +316,15 @@
       },
       "value": "#8FB8F6"
     },
+    "Dark/color.text.information.bolder": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for text on top of information semantic labels to ensure accessibility and desired visual appearance."
+      },
+      "value": "#CFE1FD"
+    },
     "Dark/color.text.subtlest": {
       "attributes": {
         "group": "paint",
@@ -755,7 +800,7 @@
         "introduced": "1.6.0",
         "description": "Use for for backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
       },
-      "value": "#37471F"
+      "value": "#28311B"
     },
     "Dark/color.background.accent.lime.subtlest.hovered": {
       "attributes": {
@@ -971,7 +1016,7 @@
         "introduced": "0.7.0",
         "description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
       },
-      "value": "#693200"
+      "value": "#3A2C1F"
     },
     "Dark/color.background.accent.orange.subtlest.hovered": {
       "attributes": {
@@ -1079,7 +1124,7 @@
         "introduced": "0.7.0",
         "description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
       },
-      "value": "#533F04"
+      "value": "#332E1B"
     },
     "Dark/color.background.accent.yellow.subtlest.hovered": {
       "attributes": {
@@ -1187,7 +1232,7 @@
         "introduced": "0.7.0",
         "description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
       },
-      "value": "#164B35"
+      "value": "#1C3329"
     },
     "Dark/color.background.accent.green.subtlest.hovered": {
       "attributes": {
@@ -1295,7 +1340,7 @@
         "introduced": "0.7.0",
         "description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
       },
-      "value": "#164555"
+      "value": "#1E3137"
     },
     "Dark/color.background.accent.teal.subtlest.hovered": {
       "attributes": {
@@ -1511,7 +1556,7 @@
         "introduced": "0.7.0",
         "description": "Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
       },
-      "value": "#48245D"
+      "value": "#35243F"
     },
     "Dark/color.background.accent.purple.subtlest.hovered": {
       "attributes": {
@@ -1619,7 +1664,7 @@
         "introduced": "0.7.0",
         "description": "Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
       },
-      "value": "#50253F"
+      "value": "#3D2232"
     },
     "Dark/color.background.accent.magenta.subtlest.hovered": {
       "attributes": {
@@ -2134,6 +2179,33 @@
       },
       "value": "#872821"
     },
+    "Dark/color.background.danger.subtler": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for backgrounds of danger lozenges and badges to ensure accessibility and desired visual appearance."
+      },
+      "value": "#5D1F1A"
+    },
+    "Dark/color.background.danger.subtler.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.danger.subtler"
+      },
+      "value": "#872821"
+    },
+    "Dark/color.background.danger.subtler.pressed": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.danger.subtler"
+      },
+      "value": "#AE2E24"
+    },
     "Dark/color.background.danger.bold": {
       "attributes": {
         "group": "paint",
@@ -2188,6 +2260,33 @@
       },
       "value": "#7A3B00"
     },
+    "Dark/color.background.warning.subtler": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for backgrounds of warning lozenges and badges to ensure accessibility and desired visual appearance."
+      },
+      "value": "#693200"
+    },
+    "Dark/color.background.warning.subtler.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.warning.subtler"
+      },
+      "value": "#7A3B00"
+    },
+    "Dark/color.background.warning.subtler.pressed": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.warning.subtler"
+      },
+      "value": "#9E4C00"
+    },
     "Dark/color.background.warning.bold": {
       "attributes": {
         "group": "paint",
@@ -2242,6 +2341,33 @@
       },
       "value": "#3F5224"
     },
+    "Dark/color.background.success.subtler": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for backgrounds of success lozenges and badges to ensure accessibility and desired visual appearance."
+      },
+      "value": "#37471F"
+    },
+    "Dark/color.background.success.subtler.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.success.subtler"
+      },
+      "value": "#3F5224"
+    },
+    "Dark/color.background.success.subtler.pressed": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.success.subtler"
+      },
+      "value": "#4C6B1F"
+    },
     "Dark/color.background.success.bold": {
       "attributes": {
         "group": "paint",
@@ -2296,6 +2422,33 @@
       },
       "value": "#673286"
     },
+    "Dark/color.background.discovery.subtler": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for backgrounds of discovery lozenges and badges to ensure accessibility and desired visual appearance."
+      },
+      "value": "#48245D"
+    },
+    "Dark/color.background.discovery.subtler.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.discovery.subtler"
+      },
+      "value": "#673286"
+    },
+    "Dark/color.background.discovery.subtler.pressed": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.discovery.subtler"
+      },
+      "value": "#803FA5"
+    },
     "Dark/color.background.discovery.bold": {
       "attributes": {
         "group": "paint",
@@ -2350,6 +2503,33 @@
       },
       "value": "#144794"
     },
+    "Dark/color.background.information.subtler": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Use for backgrounds of information lozenges and badges to ensure accessibility and desired visual appearance."
+      },
+      "value": "#123263"
+    },
+    "Dark/color.background.information.subtler.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.information.subtler"
+      },
+      "value": "#144794"
+    },
+    "Dark/color.background.information.subtler.pressed": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.information.subtler"
+      },
+      "value": "#1558BC"
+    },
     "Dark/color.background.information.bold": {
       "attributes": {
         "group": "paint",