@atlaskit/tokens 8.2.0 → 8.3.0

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

@@ -235,6 +235,15 @@
         "description": "Use for critical text, such as input field error messaging."
       }
     },
+    "Light increased-contrast/color.text.danger.bolder": {
+      "value": "#42221F",
+      "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."
+      }
+    },
     "Light increased-contrast/color.text.warning": {
       "value": "#693200",
       "attributes": {
@@ -253,6 +262,15 @@
         "description": "Use for text when on bold warning backgrounds."
       }
     },
+    "Light increased-contrast/color.text.warning.bolder": {
+      "value": "#3A2C1F",
+      "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."
+      }
+    },
     "Light increased-contrast/color.text.success": {
       "value": "#164B35",
       "attributes": {
@@ -262,6 +280,15 @@
         "description": "Use for text to communicate a favorable outcome, such as input field success messaging."
       }
     },
+    "Light increased-contrast/color.text.success.bolder": {
+      "value": "#1C3329",
+      "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."
+      }
+    },
     "Light increased-contrast/color.text.discovery": {
       "value": "#48245D",
       "attributes": {
@@ -271,6 +298,15 @@
         "description": "Use for text to emphasize change or something new, such as in new lozenges."
       }
     },
+    "Light increased-contrast/color.text.discovery.bolder": {
+      "value": "#35243F",
+      "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."
+      }
+    },
     "Light increased-contrast/color.text.information": {
       "value": "#123263",
       "attributes": {
@@ -280,6 +316,15 @@
         "description": "Use for informative text or to communicate something is in progress, such as in-progress lozenges."
       }
     },
+    "Light increased-contrast/color.text.information.bolder": {
+      "value": "#1C2B42",
+      "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."
+      }
+    },
     "Light increased-contrast/color.text.subtlest": {
       "value": "#3B3D42",
       "attributes": {
@@ -2134,6 +2179,33 @@
         "description": "Pressed state for color.background.danger"
       }
     },
+    "Light increased-contrast/color.background.danger.subtler": {
+      "value": "#FFD5D2",
+      "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."
+      }
+    },
+    "Light increased-contrast/color.background.danger.subtler.hovered": {
+      "value": "#FFB8B2",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.danger.subtler"
+      }
+    },
+    "Light increased-contrast/color.background.danger.subtler.pressed": {
+      "value": "#FD9891",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.danger.subtler"
+      }
+    },
     "Light increased-contrast/color.background.danger.bold": {
       "value": "#5D1F1A",
       "attributes": {
@@ -2188,6 +2260,33 @@
         "description": "Pressed state for color.background.warning"
       }
     },
+    "Light increased-contrast/color.background.warning.subtler": {
+      "value": "#FCE4A6",
+      "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."
+      }
+    },
+    "Light increased-contrast/color.background.warning.subtler.hovered": {
+      "value": "#FBD779",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.warning.subtler"
+      }
+    },
+    "Light increased-contrast/color.background.warning.subtler.pressed": {
+      "value": "#FBC828",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.warning.subtler"
+      }
+    },
     "Light increased-contrast/color.background.warning.bold": {
       "value": "#533F04",
       "attributes": {
@@ -2242,6 +2341,33 @@
         "description": "Pressed state for color.background.success"
       }
     },
+    "Light increased-contrast/color.background.success.subtler": {
+      "value": "#D3F1A7",
+      "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."
+      }
+    },
+    "Light increased-contrast/color.background.success.subtler.hovered": {
+      "value": "#BDE97C",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.success.subtler"
+      }
+    },
+    "Light increased-contrast/color.background.success.subtler.pressed": {
+      "value": "#B3DF72",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.success.subtler"
+      }
+    },
     "Light increased-contrast/color.background.success.bold": {
       "value": "#164B35",
       "attributes": {
@@ -2296,6 +2422,33 @@
         "description": "Pressed state for color.background.discovery"
       }
     },
+    "Light increased-contrast/color.background.discovery.subtler": {
+      "value": "#EED7FC",
+      "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."
+      }
+    },
+    "Light increased-contrast/color.background.discovery.subtler.hovered": {
+      "value": "#E3BDFA",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.discovery.subtler"
+      }
+    },
+    "Light increased-contrast/color.background.discovery.subtler.pressed": {
+      "value": "#D8A0F7",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.discovery.subtler"
+      }
+    },
     "Light increased-contrast/color.background.discovery.bold": {
       "value": "#48245D",
       "attributes": {
@@ -2350,6 +2503,33 @@
         "description": "Pressed state of color.background.information"
       }
     },
+    "Light increased-contrast/color.background.information.subtler": {
+      "value": "#CFE1FD",
+      "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."
+      }
+    },
+    "Light increased-contrast/color.background.information.subtler.hovered": {
+      "value": "#ADCBFB",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.information.subtler"
+      }
+    },
+    "Light increased-contrast/color.background.information.subtler.pressed": {
+      "value": "#8FB8F6",
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.information.subtler"
+      }
+    },
     "Light increased-contrast/color.background.information.bold": {
       "value": "#123263",
       "attributes": {

package/figma/atlassian-light.json

@@ -235,6 +235,15 @@
       },
       "value": "#AE2E24"
     },
+    "Light/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": "#5D1F1A"
+    },
     "Light/color.text.warning": {
       "attributes": {
         "group": "paint",
@@ -253,6 +262,15 @@
       },
       "value": "#292A2E"
     },
+    "Light/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": "#693200"
+    },
     "Light/color.text.success": {
       "attributes": {
         "group": "paint",
@@ -262,6 +280,15 @@
       },
       "value": "#4C6B1F"
     },
+    "Light/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": "#37471F"
+    },
     "Light/color.text.discovery": {
       "attributes": {
         "group": "paint",
@@ -271,6 +298,15 @@
       },
       "value": "#803FA5"
     },
+    "Light/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": "#48245D"
+    },
     "Light/color.text.information": {
       "attributes": {
         "group": "paint",
@@ -280,6 +316,15 @@
       },
       "value": "#1558BC"
     },
+    "Light/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": "#123263"
+    },
     "Light/color.text.subtlest": {
       "attributes": {
         "group": "paint",
@@ -2134,6 +2179,33 @@
       },
       "value": "#FFB8B2"
     },
+    "Light/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": "#FFD5D2"
+    },
+    "Light/color.background.danger.subtler.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.danger.subtler"
+      },
+      "value": "#FFB8B2"
+    },
+    "Light/color.background.danger.subtler.pressed": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.danger.subtler"
+      },
+      "value": "#FD9891"
+    },
     "Light/color.background.danger.bold": {
       "attributes": {
         "group": "paint",
@@ -2188,6 +2260,33 @@
       },
       "value": "#FBD779"
     },
+    "Light/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": "#FCE4A6"
+    },
+    "Light/color.background.warning.subtler.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.warning.subtler"
+      },
+      "value": "#FBD779"
+    },
+    "Light/color.background.warning.subtler.pressed": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.warning.subtler"
+      },
+      "value": "#FBC828"
+    },
     "Light/color.background.warning.bold": {
       "attributes": {
         "group": "paint",
@@ -2242,6 +2341,33 @@
       },
       "value": "#BDE97C"
     },
+    "Light/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": "#D3F1A7"
+    },
+    "Light/color.background.success.subtler.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.success.subtler"
+      },
+      "value": "#BDE97C"
+    },
+    "Light/color.background.success.subtler.pressed": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.success.subtler"
+      },
+      "value": "#B3DF72"
+    },
     "Light/color.background.success.bold": {
       "attributes": {
         "group": "paint",
@@ -2296,6 +2422,33 @@
       },
       "value": "#E3BDFA"
     },
+    "Light/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": "#EED7FC"
+    },
+    "Light/color.background.discovery.subtler.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.discovery.subtler"
+      },
+      "value": "#E3BDFA"
+    },
+    "Light/color.background.discovery.subtler.pressed": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.discovery.subtler"
+      },
+      "value": "#D8A0F7"
+    },
     "Light/color.background.discovery.bold": {
       "attributes": {
         "group": "paint",
@@ -2350,6 +2503,33 @@
       },
       "value": "#ADCBFB"
     },
+    "Light/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": "#CFE1FD"
+    },
+    "Light/color.background.information.subtler.hovered": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Hovered state of color.background.information.subtler"
+      },
+      "value": "#ADCBFB"
+    },
+    "Light/color.background.information.subtler.pressed": {
+      "attributes": {
+        "group": "paint",
+        "state": "active",
+        "introduced": "8.1.0",
+        "description": "Pressed state of color.background.information.subtler"
+      },
+      "value": "#8FB8F6"
+    },
     "Light/color.background.information.bold": {
       "attributes": {
         "group": "paint",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/tokens",
-	"version": "8.2.0",
+	"version": "8.3.0",
 	"description": "Design tokens are the single source of truth to name and store design decisions.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -48,7 +48,7 @@
 		"@atlaskit/calendar": "^17.1.0",
 		"@atlaskit/checkbox": "^17.1.0",
 		"@atlaskit/code": "^17.3.0",
-		"@atlaskit/css": "^0.16.0",
+		"@atlaskit/css": "^0.17.0",
 		"@atlaskit/docs": "^11.2.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/dynamic-table": "^18.3.0",
@@ -60,7 +60,7 @@
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/lozenge": "^13.1.0",
 		"@atlaskit/popup": "^4.6.0",
-		"@atlaskit/primitives": "^16.2.0",
+		"@atlaskit/primitives": "^16.3.0",
 		"@atlaskit/radio": "^8.3.0",
 		"@atlaskit/section-message": "^8.9.0",
 		"@atlaskit/select": "^21.4.0",