@atlaskit/ds-explorations 3.0.2 → 3.0.4

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/ds-explorations
 
+## 3.0.4
+
+### Patch Changes
+
+- [#41516](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41516) [`350e4081d89`](https://bitbucket.org/atlassian/atlassian-frontend/commits/350e4081d89) - [ux] Regenerates codegen artifacts as a result of changes to color palettes and token values
+- Updated dependencies
+
+## 3.0.3
+
+### Patch Changes
+
+- [#40324](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40324) [`8d123310957`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d123310957) - Minor internal changes. There is no expected behaviour change
+
 ## 3.0.2
 
 ### Patch Changes

package/dist/cjs/components/interaction-surface.partial.js

@@ -53,11 +53,11 @@ var InteractionSurface = function InteractionSurface(_ref) {
 var _default = exports.default = InteractionSurface;
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b4ea5e1af482e869a4e0a65e8080cfbf>>
+ * @codegen <<SignedSource::ed9784c5552e9d1f22b7cfe60aa11c75>>
  * @codegenId interactions
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["background"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
  */
 var backgroundActiveColorMap = {
   'accent.lime.subtlest': (0, _react2.css)({
@@ -82,42 +82,42 @@ var backgroundActiveColorMap = {
   }),
   'accent.red.subtlest': (0, _react2.css)({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-red-subtlest-pressed, #FF9C8F)"
+      backgroundColor: "var(--ds-background-accent-red-subtlest-pressed, #FD9891)"
     }
   }),
   'accent.red.subtler': (0, _react2.css)({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-red-subtler-pressed, #F87462)"
+      backgroundColor: "var(--ds-background-accent-red-subtler-pressed, #F87168)"
     }
   }),
   'accent.red.subtle': (0, _react2.css)({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-red-subtle-pressed, #FFD2CC)"
+      backgroundColor: "var(--ds-background-accent-red-subtle-pressed, #FFD5D2)"
     }
   }),
   'accent.red.bolder': (0, _react2.css)({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-red-bolder-pressed, #601E16)"
+      backgroundColor: "var(--ds-background-accent-red-bolder-pressed, #5D1F1A)"
     }
   }),
   'accent.orange.subtlest': (0, _react2.css)({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-orange-subtlest-pressed, #FEC57B)"
+      backgroundColor: "var(--ds-background-accent-orange-subtlest-pressed, #FEC195)"
     }
   }),
   'accent.orange.subtler': (0, _react2.css)({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-orange-subtler-pressed, #FAA53D)"
+      backgroundColor: "var(--ds-background-accent-orange-subtler-pressed, #FEA362)"
     }
   }),
   'accent.orange.subtle': (0, _react2.css)({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-orange-subtle-pressed, #FFE2BD)"
+      backgroundColor: "var(--ds-background-accent-orange-subtle-pressed, #FEDEC8)"
     }
   }),
   'accent.orange.bolder': (0, _react2.css)({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-orange-bolder-pressed, #5F3811)"
+      backgroundColor: "var(--ds-background-accent-orange-bolder-pressed, #702E00)"
     }
   }),
   'accent.yellow.subtlest': (0, _react2.css)({
@@ -132,7 +132,7 @@ var backgroundActiveColorMap = {
   }),
   'accent.yellow.subtle': (0, _react2.css)({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-yellow-subtle-pressed, #F8E6A0)"
+      backgroundColor: "var(--ds-background-accent-yellow-subtle-pressed, #CF9F02)"
     }
   }),
   'accent.yellow.bolder': (0, _react2.css)({
@@ -162,22 +162,22 @@ var backgroundActiveColorMap = {
   }),
   'accent.teal.subtlest': (0, _react2.css)({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-teal-subtlest-pressed, #8BDBE5)"
+      backgroundColor: "var(--ds-background-accent-teal-subtlest-pressed, #9DD9EE)"
     }
   }),
   'accent.teal.subtler': (0, _react2.css)({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-teal-subtler-pressed, #60C6D2)"
+      backgroundColor: "var(--ds-background-accent-teal-subtler-pressed, #6CC3E0)"
     }
   }),
   'accent.teal.subtle': (0, _react2.css)({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-teal-subtle-pressed, #C1F0F5)"
+      backgroundColor: "var(--ds-background-accent-teal-subtle-pressed, #C6EDFB)"
     }
   }),
   'accent.teal.bolder': (0, _react2.css)({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-teal-bolder-pressed, #1D474C)"
+      backgroundColor: "var(--ds-background-accent-teal-bolder-pressed, #164555)"
     }
   }),
   'accent.blue.subtlest': (0, _react2.css)({
@@ -312,12 +312,12 @@ var backgroundActiveColorMap = {
   }),
   danger: (0, _react2.css)({
     ':active': {
-      backgroundColor: "var(--ds-background-danger-pressed, #FF9C8F)"
+      backgroundColor: "var(--ds-background-danger-pressed, #FD9891)"
     }
   }),
   'danger.bold': (0, _react2.css)({
     ':active': {
-      backgroundColor: "var(--ds-background-danger-bold-pressed, #601E16)"
+      backgroundColor: "var(--ds-background-danger-bold-pressed, #5D1F1A)"
     }
   }),
   warning: (0, _react2.css)({
@@ -327,7 +327,7 @@ var backgroundActiveColorMap = {
   }),
   'warning.bold': (0, _react2.css)({
     ':active': {
-      backgroundColor: "var(--ds-background-warning-bold-pressed, #B38600)"
+      backgroundColor: "var(--ds-background-warning-bold-pressed, #CF9F02)"
     }
   }),
   success: (0, _react2.css)({
@@ -399,42 +399,42 @@ var backgroundHoverColorMap = {
   }),
   'accent.red.subtlest': (0, _react2.css)({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-red-subtlest-hovered, #FFD2CC)"
+      backgroundColor: "var(--ds-background-accent-red-subtlest-hovered, #FFD5D2)"
     }
   }),
   'accent.red.subtler': (0, _react2.css)({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-red-subtler-hovered, #FF9C8F)"
+      backgroundColor: "var(--ds-background-accent-red-subtler-hovered, #FD9891)"
     }
   }),
   'accent.red.subtle': (0, _react2.css)({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-red-subtle-hovered, #FF9C8F)"
+      backgroundColor: "var(--ds-background-accent-red-subtle-hovered, #FD9891)"
     }
   }),
   'accent.red.bolder': (0, _react2.css)({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-red-bolder-hovered, #AE2A19)"
+      backgroundColor: "var(--ds-background-accent-red-bolder-hovered, #AE2E24)"
     }
   }),
   'accent.orange.subtlest': (0, _react2.css)({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-orange-subtlest-hovered, #FFE2BD)"
+      backgroundColor: "var(--ds-background-accent-orange-subtlest-hovered, #FEDEC8)"
     }
   }),
   'accent.orange.subtler': (0, _react2.css)({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-orange-subtler-hovered, #FEC57B)"
+      backgroundColor: "var(--ds-background-accent-orange-subtler-hovered, #FEC195)"
     }
   }),
   'accent.orange.subtle': (0, _react2.css)({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-orange-subtle-hovered, #FEC57B)"
+      backgroundColor: "var(--ds-background-accent-orange-subtle-hovered, #FEC195)"
     }
   }),
   'accent.orange.bolder': (0, _react2.css)({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-orange-bolder-hovered, #974F0C)"
+      backgroundColor: "var(--ds-background-accent-orange-bolder-hovered, #A54800)"
     }
   }),
   'accent.yellow.subtlest': (0, _react2.css)({
@@ -449,7 +449,7 @@ var backgroundHoverColorMap = {
   }),
   'accent.yellow.subtle': (0, _react2.css)({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-yellow-subtle-hovered, #F5CD47)"
+      backgroundColor: "var(--ds-background-accent-yellow-subtle-hovered, #E2B203)"
     }
   }),
   'accent.yellow.bolder': (0, _react2.css)({
@@ -479,22 +479,22 @@ var backgroundHoverColorMap = {
   }),
   'accent.teal.subtlest': (0, _react2.css)({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-teal-subtlest-hovered, #C1F0F5)"
+      backgroundColor: "var(--ds-background-accent-teal-subtlest-hovered, #C6EDFB)"
     }
   }),
   'accent.teal.subtler': (0, _react2.css)({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-teal-subtler-hovered, #8BDBE5)"
+      backgroundColor: "var(--ds-background-accent-teal-subtler-hovered, #9DD9EE)"
     }
   }),
   'accent.teal.subtle': (0, _react2.css)({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-teal-subtle-hovered, #8BDBE5)"
+      backgroundColor: "var(--ds-background-accent-teal-subtle-hovered, #9DD9EE)"
     }
   }),
   'accent.teal.bolder': (0, _react2.css)({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-teal-bolder-hovered, #206B74)"
+      backgroundColor: "var(--ds-background-accent-teal-bolder-hovered, #206A83)"
     }
   }),
   'accent.blue.subtlest': (0, _react2.css)({
@@ -629,12 +629,12 @@ var backgroundHoverColorMap = {
   }),
   danger: (0, _react2.css)({
     ':hover': {
-      backgroundColor: "var(--ds-background-danger-hovered, #FFD2CC)"
+      backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
     }
   }),
   'danger.bold': (0, _react2.css)({
     ':hover': {
-      backgroundColor: "var(--ds-background-danger-bold-hovered, #AE2A19)"
+      backgroundColor: "var(--ds-background-danger-bold-hovered, #AE2E24)"
     }
   }),
   warning: (0, _react2.css)({
@@ -644,7 +644,7 @@ var backgroundHoverColorMap = {
   }),
   'warning.bold': (0, _react2.css)({
     ':hover': {
-      backgroundColor: "var(--ds-background-warning-bold-hovered, #CF9F02)"
+      backgroundColor: "var(--ds-background-warning-bold-hovered, #E2B203)"
     }
   }),
   success: (0, _react2.css)({

package/dist/cjs/components/text.partial.js

@@ -129,11 +129,11 @@ var Text = function Text(_ref) {
 var _default = exports.default = Text;
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::14dcf59f69533f453ffa8a5c5d165d19>>
+ * @codegen <<SignedSource::f42dabbb2f08c0ca0dd8a46fc3508937>>
  * @codegenId typography
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::b01e60e475c0cb12960865631f2b4e2c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::ca98df97c16967b7984f4ad4d557cc48>>
  */
 var fontSizeMap = {
   'size.050': (0, _react2.css)({
@@ -223,11 +223,11 @@ var lineHeightMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2e1a574ee1c58d7f4f1167778503c704>>
+ * @codegen <<SignedSource::95d4f240e36e302a634e8633a0782cba>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["text"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
  */
 var textColorMap = {
   'color.text': (0, _react2.css)({

package/dist/cjs/internal/color-map.js

@@ -9,9 +9,9 @@ exports.default = void 0;
  *
  * The color map is used to map a background color token to a matching text color that will meet contrast.
  *
- * @codegen <<SignedSource::f70c0e13112cb1620980353c239c14d8>>
+ * @codegen <<SignedSource::9db207c6fd205f6abc46eeb73ba02789>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
  */
 var _default = exports.default = {
   'neutral.bold': 'inverse',

package/dist/es2019/components/interaction-surface.partial.js

@@ -48,11 +48,11 @@ export default InteractionSurface;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b4ea5e1af482e869a4e0a65e8080cfbf>>
+ * @codegen <<SignedSource::ed9784c5552e9d1f22b7cfe60aa11c75>>
  * @codegenId interactions
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["background"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
  */
 const backgroundActiveColorMap = {
   'accent.lime.subtlest': css({
@@ -77,42 +77,42 @@ const backgroundActiveColorMap = {
   }),
   'accent.red.subtlest': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-red-subtlest-pressed, #FF9C8F)"
+      backgroundColor: "var(--ds-background-accent-red-subtlest-pressed, #FD9891)"
     }
   }),
   'accent.red.subtler': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-red-subtler-pressed, #F87462)"
+      backgroundColor: "var(--ds-background-accent-red-subtler-pressed, #F87168)"
     }
   }),
   'accent.red.subtle': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-red-subtle-pressed, #FFD2CC)"
+      backgroundColor: "var(--ds-background-accent-red-subtle-pressed, #FFD5D2)"
     }
   }),
   'accent.red.bolder': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-red-bolder-pressed, #601E16)"
+      backgroundColor: "var(--ds-background-accent-red-bolder-pressed, #5D1F1A)"
     }
   }),
   'accent.orange.subtlest': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-orange-subtlest-pressed, #FEC57B)"
+      backgroundColor: "var(--ds-background-accent-orange-subtlest-pressed, #FEC195)"
     }
   }),
   'accent.orange.subtler': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-orange-subtler-pressed, #FAA53D)"
+      backgroundColor: "var(--ds-background-accent-orange-subtler-pressed, #FEA362)"
     }
   }),
   'accent.orange.subtle': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-orange-subtle-pressed, #FFE2BD)"
+      backgroundColor: "var(--ds-background-accent-orange-subtle-pressed, #FEDEC8)"
     }
   }),
   'accent.orange.bolder': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-orange-bolder-pressed, #5F3811)"
+      backgroundColor: "var(--ds-background-accent-orange-bolder-pressed, #702E00)"
     }
   }),
   'accent.yellow.subtlest': css({
@@ -127,7 +127,7 @@ const backgroundActiveColorMap = {
   }),
   'accent.yellow.subtle': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-yellow-subtle-pressed, #F8E6A0)"
+      backgroundColor: "var(--ds-background-accent-yellow-subtle-pressed, #CF9F02)"
     }
   }),
   'accent.yellow.bolder': css({
@@ -157,22 +157,22 @@ const backgroundActiveColorMap = {
   }),
   'accent.teal.subtlest': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-teal-subtlest-pressed, #8BDBE5)"
+      backgroundColor: "var(--ds-background-accent-teal-subtlest-pressed, #9DD9EE)"
     }
   }),
   'accent.teal.subtler': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-teal-subtler-pressed, #60C6D2)"
+      backgroundColor: "var(--ds-background-accent-teal-subtler-pressed, #6CC3E0)"
     }
   }),
   'accent.teal.subtle': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-teal-subtle-pressed, #C1F0F5)"
+      backgroundColor: "var(--ds-background-accent-teal-subtle-pressed, #C6EDFB)"
     }
   }),
   'accent.teal.bolder': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-teal-bolder-pressed, #1D474C)"
+      backgroundColor: "var(--ds-background-accent-teal-bolder-pressed, #164555)"
     }
   }),
   'accent.blue.subtlest': css({
@@ -307,12 +307,12 @@ const backgroundActiveColorMap = {
   }),
   danger: css({
     ':active': {
-      backgroundColor: "var(--ds-background-danger-pressed, #FF9C8F)"
+      backgroundColor: "var(--ds-background-danger-pressed, #FD9891)"
     }
   }),
   'danger.bold': css({
     ':active': {
-      backgroundColor: "var(--ds-background-danger-bold-pressed, #601E16)"
+      backgroundColor: "var(--ds-background-danger-bold-pressed, #5D1F1A)"
     }
   }),
   warning: css({
@@ -322,7 +322,7 @@ const backgroundActiveColorMap = {
   }),
   'warning.bold': css({
     ':active': {
-      backgroundColor: "var(--ds-background-warning-bold-pressed, #B38600)"
+      backgroundColor: "var(--ds-background-warning-bold-pressed, #CF9F02)"
     }
   }),
   success: css({
@@ -394,42 +394,42 @@ const backgroundHoverColorMap = {
   }),
   'accent.red.subtlest': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-red-subtlest-hovered, #FFD2CC)"
+      backgroundColor: "var(--ds-background-accent-red-subtlest-hovered, #FFD5D2)"
     }
   }),
   'accent.red.subtler': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-red-subtler-hovered, #FF9C8F)"
+      backgroundColor: "var(--ds-background-accent-red-subtler-hovered, #FD9891)"
     }
   }),
   'accent.red.subtle': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-red-subtle-hovered, #FF9C8F)"
+      backgroundColor: "var(--ds-background-accent-red-subtle-hovered, #FD9891)"
     }
   }),
   'accent.red.bolder': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-red-bolder-hovered, #AE2A19)"
+      backgroundColor: "var(--ds-background-accent-red-bolder-hovered, #AE2E24)"
     }
   }),
   'accent.orange.subtlest': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-orange-subtlest-hovered, #FFE2BD)"
+      backgroundColor: "var(--ds-background-accent-orange-subtlest-hovered, #FEDEC8)"
     }
   }),
   'accent.orange.subtler': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-orange-subtler-hovered, #FEC57B)"
+      backgroundColor: "var(--ds-background-accent-orange-subtler-hovered, #FEC195)"
     }
   }),
   'accent.orange.subtle': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-orange-subtle-hovered, #FEC57B)"
+      backgroundColor: "var(--ds-background-accent-orange-subtle-hovered, #FEC195)"
     }
   }),
   'accent.orange.bolder': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-orange-bolder-hovered, #974F0C)"
+      backgroundColor: "var(--ds-background-accent-orange-bolder-hovered, #A54800)"
     }
   }),
   'accent.yellow.subtlest': css({
@@ -444,7 +444,7 @@ const backgroundHoverColorMap = {
   }),
   'accent.yellow.subtle': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-yellow-subtle-hovered, #F5CD47)"
+      backgroundColor: "var(--ds-background-accent-yellow-subtle-hovered, #E2B203)"
     }
   }),
   'accent.yellow.bolder': css({
@@ -474,22 +474,22 @@ const backgroundHoverColorMap = {
   }),
   'accent.teal.subtlest': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-teal-subtlest-hovered, #C1F0F5)"
+      backgroundColor: "var(--ds-background-accent-teal-subtlest-hovered, #C6EDFB)"
     }
   }),
   'accent.teal.subtler': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-teal-subtler-hovered, #8BDBE5)"
+      backgroundColor: "var(--ds-background-accent-teal-subtler-hovered, #9DD9EE)"
     }
   }),
   'accent.teal.subtle': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-teal-subtle-hovered, #8BDBE5)"
+      backgroundColor: "var(--ds-background-accent-teal-subtle-hovered, #9DD9EE)"
     }
   }),
   'accent.teal.bolder': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-teal-bolder-hovered, #206B74)"
+      backgroundColor: "var(--ds-background-accent-teal-bolder-hovered, #206A83)"
     }
   }),
   'accent.blue.subtlest': css({
@@ -624,12 +624,12 @@ const backgroundHoverColorMap = {
   }),
   danger: css({
     ':hover': {
-      backgroundColor: "var(--ds-background-danger-hovered, #FFD2CC)"
+      backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
     }
   }),
   'danger.bold': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-danger-bold-hovered, #AE2A19)"
+      backgroundColor: "var(--ds-background-danger-bold-hovered, #AE2E24)"
     }
   }),
   warning: css({
@@ -639,7 +639,7 @@ const backgroundHoverColorMap = {
   }),
   'warning.bold': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-warning-bold-hovered, #CF9F02)"
+      backgroundColor: "var(--ds-background-warning-bold-hovered, #E2B203)"
     }
   }),
   success: css({

package/dist/es2019/components/text.partial.js

@@ -120,11 +120,11 @@ export default Text;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::14dcf59f69533f453ffa8a5c5d165d19>>
+ * @codegen <<SignedSource::f42dabbb2f08c0ca0dd8a46fc3508937>>
  * @codegenId typography
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::b01e60e475c0cb12960865631f2b4e2c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::ca98df97c16967b7984f4ad4d557cc48>>
  */
 const fontSizeMap = {
   'size.050': css({
@@ -214,11 +214,11 @@ const lineHeightMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2e1a574ee1c58d7f4f1167778503c704>>
+ * @codegen <<SignedSource::95d4f240e36e302a634e8633a0782cba>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["text"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
  */
 const textColorMap = {
   'color.text': css({

package/dist/es2019/internal/color-map.js

@@ -3,9 +3,9 @@
  *
  * The color map is used to map a background color token to a matching text color that will meet contrast.
  *
- * @codegen <<SignedSource::f70c0e13112cb1620980353c239c14d8>>
+ * @codegen <<SignedSource::9db207c6fd205f6abc46eeb73ba02789>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
  */
 export default {
   'neutral.bold': 'inverse',

package/dist/esm/components/interaction-surface.partial.js

@@ -47,11 +47,11 @@ export default InteractionSurface;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b4ea5e1af482e869a4e0a65e8080cfbf>>
+ * @codegen <<SignedSource::ed9784c5552e9d1f22b7cfe60aa11c75>>
  * @codegenId interactions
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["background"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
  */
 var backgroundActiveColorMap = {
   'accent.lime.subtlest': css({
@@ -76,42 +76,42 @@ var backgroundActiveColorMap = {
   }),
   'accent.red.subtlest': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-red-subtlest-pressed, #FF9C8F)"
+      backgroundColor: "var(--ds-background-accent-red-subtlest-pressed, #FD9891)"
     }
   }),
   'accent.red.subtler': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-red-subtler-pressed, #F87462)"
+      backgroundColor: "var(--ds-background-accent-red-subtler-pressed, #F87168)"
     }
   }),
   'accent.red.subtle': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-red-subtle-pressed, #FFD2CC)"
+      backgroundColor: "var(--ds-background-accent-red-subtle-pressed, #FFD5D2)"
     }
   }),
   'accent.red.bolder': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-red-bolder-pressed, #601E16)"
+      backgroundColor: "var(--ds-background-accent-red-bolder-pressed, #5D1F1A)"
     }
   }),
   'accent.orange.subtlest': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-orange-subtlest-pressed, #FEC57B)"
+      backgroundColor: "var(--ds-background-accent-orange-subtlest-pressed, #FEC195)"
     }
   }),
   'accent.orange.subtler': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-orange-subtler-pressed, #FAA53D)"
+      backgroundColor: "var(--ds-background-accent-orange-subtler-pressed, #FEA362)"
     }
   }),
   'accent.orange.subtle': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-orange-subtle-pressed, #FFE2BD)"
+      backgroundColor: "var(--ds-background-accent-orange-subtle-pressed, #FEDEC8)"
     }
   }),
   'accent.orange.bolder': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-orange-bolder-pressed, #5F3811)"
+      backgroundColor: "var(--ds-background-accent-orange-bolder-pressed, #702E00)"
     }
   }),
   'accent.yellow.subtlest': css({
@@ -126,7 +126,7 @@ var backgroundActiveColorMap = {
   }),
   'accent.yellow.subtle': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-yellow-subtle-pressed, #F8E6A0)"
+      backgroundColor: "var(--ds-background-accent-yellow-subtle-pressed, #CF9F02)"
     }
   }),
   'accent.yellow.bolder': css({
@@ -156,22 +156,22 @@ var backgroundActiveColorMap = {
   }),
   'accent.teal.subtlest': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-teal-subtlest-pressed, #8BDBE5)"
+      backgroundColor: "var(--ds-background-accent-teal-subtlest-pressed, #9DD9EE)"
     }
   }),
   'accent.teal.subtler': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-teal-subtler-pressed, #60C6D2)"
+      backgroundColor: "var(--ds-background-accent-teal-subtler-pressed, #6CC3E0)"
     }
   }),
   'accent.teal.subtle': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-teal-subtle-pressed, #C1F0F5)"
+      backgroundColor: "var(--ds-background-accent-teal-subtle-pressed, #C6EDFB)"
     }
   }),
   'accent.teal.bolder': css({
     ':active': {
-      backgroundColor: "var(--ds-background-accent-teal-bolder-pressed, #1D474C)"
+      backgroundColor: "var(--ds-background-accent-teal-bolder-pressed, #164555)"
     }
   }),
   'accent.blue.subtlest': css({
@@ -306,12 +306,12 @@ var backgroundActiveColorMap = {
   }),
   danger: css({
     ':active': {
-      backgroundColor: "var(--ds-background-danger-pressed, #FF9C8F)"
+      backgroundColor: "var(--ds-background-danger-pressed, #FD9891)"
     }
   }),
   'danger.bold': css({
     ':active': {
-      backgroundColor: "var(--ds-background-danger-bold-pressed, #601E16)"
+      backgroundColor: "var(--ds-background-danger-bold-pressed, #5D1F1A)"
     }
   }),
   warning: css({
@@ -321,7 +321,7 @@ var backgroundActiveColorMap = {
   }),
   'warning.bold': css({
     ':active': {
-      backgroundColor: "var(--ds-background-warning-bold-pressed, #B38600)"
+      backgroundColor: "var(--ds-background-warning-bold-pressed, #CF9F02)"
     }
   }),
   success: css({
@@ -393,42 +393,42 @@ var backgroundHoverColorMap = {
   }),
   'accent.red.subtlest': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-red-subtlest-hovered, #FFD2CC)"
+      backgroundColor: "var(--ds-background-accent-red-subtlest-hovered, #FFD5D2)"
     }
   }),
   'accent.red.subtler': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-red-subtler-hovered, #FF9C8F)"
+      backgroundColor: "var(--ds-background-accent-red-subtler-hovered, #FD9891)"
     }
   }),
   'accent.red.subtle': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-red-subtle-hovered, #FF9C8F)"
+      backgroundColor: "var(--ds-background-accent-red-subtle-hovered, #FD9891)"
     }
   }),
   'accent.red.bolder': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-red-bolder-hovered, #AE2A19)"
+      backgroundColor: "var(--ds-background-accent-red-bolder-hovered, #AE2E24)"
     }
   }),
   'accent.orange.subtlest': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-orange-subtlest-hovered, #FFE2BD)"
+      backgroundColor: "var(--ds-background-accent-orange-subtlest-hovered, #FEDEC8)"
     }
   }),
   'accent.orange.subtler': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-orange-subtler-hovered, #FEC57B)"
+      backgroundColor: "var(--ds-background-accent-orange-subtler-hovered, #FEC195)"
     }
   }),
   'accent.orange.subtle': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-orange-subtle-hovered, #FEC57B)"
+      backgroundColor: "var(--ds-background-accent-orange-subtle-hovered, #FEC195)"
     }
   }),
   'accent.orange.bolder': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-orange-bolder-hovered, #974F0C)"
+      backgroundColor: "var(--ds-background-accent-orange-bolder-hovered, #A54800)"
     }
   }),
   'accent.yellow.subtlest': css({
@@ -443,7 +443,7 @@ var backgroundHoverColorMap = {
   }),
   'accent.yellow.subtle': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-yellow-subtle-hovered, #F5CD47)"
+      backgroundColor: "var(--ds-background-accent-yellow-subtle-hovered, #E2B203)"
     }
   }),
   'accent.yellow.bolder': css({
@@ -473,22 +473,22 @@ var backgroundHoverColorMap = {
   }),
   'accent.teal.subtlest': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-teal-subtlest-hovered, #C1F0F5)"
+      backgroundColor: "var(--ds-background-accent-teal-subtlest-hovered, #C6EDFB)"
     }
   }),
   'accent.teal.subtler': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-teal-subtler-hovered, #8BDBE5)"
+      backgroundColor: "var(--ds-background-accent-teal-subtler-hovered, #9DD9EE)"
     }
   }),
   'accent.teal.subtle': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-teal-subtle-hovered, #8BDBE5)"
+      backgroundColor: "var(--ds-background-accent-teal-subtle-hovered, #9DD9EE)"
     }
   }),
   'accent.teal.bolder': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-accent-teal-bolder-hovered, #206B74)"
+      backgroundColor: "var(--ds-background-accent-teal-bolder-hovered, #206A83)"
     }
   }),
   'accent.blue.subtlest': css({
@@ -623,12 +623,12 @@ var backgroundHoverColorMap = {
   }),
   danger: css({
     ':hover': {
-      backgroundColor: "var(--ds-background-danger-hovered, #FFD2CC)"
+      backgroundColor: "var(--ds-background-danger-hovered, #FFD5D2)"
     }
   }),
   'danger.bold': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-danger-bold-hovered, #AE2A19)"
+      backgroundColor: "var(--ds-background-danger-bold-hovered, #AE2E24)"
     }
   }),
   warning: css({
@@ -638,7 +638,7 @@ var backgroundHoverColorMap = {
   }),
   'warning.bold': css({
     ':hover': {
-      backgroundColor: "var(--ds-background-warning-bold-hovered, #CF9F02)"
+      backgroundColor: "var(--ds-background-warning-bold-hovered, #E2B203)"
     }
   }),
   success: css({

package/dist/esm/components/text.partial.js

@@ -123,11 +123,11 @@ export default Text;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::14dcf59f69533f453ffa8a5c5d165d19>>
+ * @codegen <<SignedSource::f42dabbb2f08c0ca0dd8a46fc3508937>>
  * @codegenId typography
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::b01e60e475c0cb12960865631f2b4e2c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::ca98df97c16967b7984f4ad4d557cc48>>
  */
 var fontSizeMap = {
   'size.050': css({
@@ -217,11 +217,11 @@ var lineHeightMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2e1a574ee1c58d7f4f1167778503c704>>
+ * @codegen <<SignedSource::95d4f240e36e302a634e8633a0782cba>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["text"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
  */
 var textColorMap = {
   'color.text': css({

package/dist/esm/internal/color-map.js

@@ -3,9 +3,9 @@
  *
  * The color map is used to map a background color token to a matching text color that will meet contrast.
  *
- * @codegen <<SignedSource::f70c0e13112cb1620980353c239c14d8>>
+ * @codegen <<SignedSource::9db207c6fd205f6abc46eeb73ba02789>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
  */
 export default {
   'neutral.bold': 'inverse',

package/dist/types/components/text.partial.d.ts

@@ -81,11 +81,11 @@ declare const Text: FC<TextProps>;
 export default Text;
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::14dcf59f69533f453ffa8a5c5d165d19>>
+ * @codegen <<SignedSource::f42dabbb2f08c0ca0dd8a46fc3508937>>
  * @codegenId typography
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::b01e60e475c0cb12960865631f2b4e2c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::ca98df97c16967b7984f4ad4d557cc48>>
  */
 declare const fontSizeMap: {
     'size.050': import("@emotion/react").SerializedStyles;
@@ -129,11 +129,11 @@ export type LineHeight = keyof typeof lineHeightMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2e1a574ee1c58d7f4f1167778503c704>>
+ * @codegen <<SignedSource::95d4f240e36e302a634e8633a0782cba>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["text"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
  */
 declare const textColorMap: {
     readonly 'color.text': import("@emotion/react").SerializedStyles;

package/dist/types/internal/color-map.d.ts

@@ -3,9 +3,9 @@
  *
  * The color map is used to map a background color token to a matching text color that will meet contrast.
  *
- * @codegen <<SignedSource::f70c0e13112cb1620980353c239c14d8>>
+ * @codegen <<SignedSource::9db207c6fd205f6abc46eeb73ba02789>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
  */
 declare const _default: {
     readonly 'neutral.bold': "inverse";

package/dist/types-ts4.5/components/text.partial.d.ts

@@ -86,11 +86,11 @@ declare const Text: FC<TextProps>;
 export default Text;
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::14dcf59f69533f453ffa8a5c5d165d19>>
+ * @codegen <<SignedSource::f42dabbb2f08c0ca0dd8a46fc3508937>>
  * @codegenId typography
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::b01e60e475c0cb12960865631f2b4e2c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::ca98df97c16967b7984f4ad4d557cc48>>
  */
 declare const fontSizeMap: {
     'size.050': import("@emotion/react").SerializedStyles;
@@ -134,11 +134,11 @@ export type LineHeight = keyof typeof lineHeightMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2e1a574ee1c58d7f4f1167778503c704>>
+ * @codegen <<SignedSource::95d4f240e36e302a634e8633a0782cba>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["text"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
  */
 declare const textColorMap: {
     readonly 'color.text': import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/internal/color-map.d.ts

@@ -3,9 +3,9 @@
  *
  * The color map is used to map a background color token to a matching text color that will meet contrast.
  *
- * @codegen <<SignedSource::f70c0e13112cb1620980353c239c14d8>>
+ * @codegen <<SignedSource::9db207c6fd205f6abc46eeb73ba02789>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
  */
 declare const _default: {
     readonly 'neutral.bold': "inverse";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/ds-explorations",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "description": "An experimental package for exploration and validation of spacing / typography foundations.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
     "prepare": "yarn ak-postbuild"
   },
   "dependencies": {
-    "@atlaskit/tokens": "^1.26.0",
+    "@atlaskit/tokens": "^1.27.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "tiny-invariant": "^1.2.0"

package/src/components/interaction-surface.partial.tsx

@@ -70,11 +70,11 @@ export default InteractionSurface;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b4ea5e1af482e869a4e0a65e8080cfbf>>
+ * @codegen <<SignedSource::ed9784c5552e9d1f22b7cfe60aa11c75>>
  * @codegenId interactions
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["background"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
  */
 const backgroundActiveColorMap = {
   'accent.lime.subtlest': css({

package/src/components/text.partial.tsx

@@ -189,11 +189,11 @@ export default Text;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::14dcf59f69533f453ffa8a5c5d165d19>>
+ * @codegen <<SignedSource::f42dabbb2f08c0ca0dd8a46fc3508937>>
  * @codegenId typography
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::b01e60e475c0cb12960865631f2b4e2c>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::ca98df97c16967b7984f4ad4d557cc48>>
  */
 const fontSizeMap = {
   'size.050': css({
@@ -311,11 +311,11 @@ export type LineHeight = keyof typeof lineHeightMap;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::2e1a574ee1c58d7f4f1167778503c704>>
+ * @codegen <<SignedSource::95d4f240e36e302a634e8633a0782cba>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["text"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
  */
 const textColorMap = {
   'color.text': css({

package/src/internal/color-map.tsx

@@ -3,9 +3,9 @@
  *
  * The color map is used to map a background color token to a matching text color that will meet contrast.
  *
- * @codegen <<SignedSource::f70c0e13112cb1620980353c239c14d8>>
+ * @codegen <<SignedSource::9db207c6fd205f6abc46eeb73ba02789>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f6a616f7ea03ec40c148fc83050d073b>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::f1021f8d47ab63374e371ce18db72a1c>>
  */
 export default {
   'neutral.bold': 'inverse',