@atlaskit/ds-explorations - npm Package Compare versions

Comparing version 2.2.12 to 2.2.13

CHANGELOG.md

 # @atlaskit/ds-explorations
 
+## 2.2.13
+
+### Patch Changes
+
+- [`88e4ac397ea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/88e4ac397ea) - Regenerates codegen artifacts as a result of introducting new accent interaction tokens.
+- Updated dependencies
+
 ## 2.2.12
@@ -4,0 +11,0 @@

dist/cjs/components/box.partial.js

@@ -430,7 +430,7 @@ "use strict";
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3c02977212ac78f3a0f9de93e0a253c2>>
+ * @codegen <<SignedSource::fe1f557b04d44d23dfae5c9494ccddcc>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["border", "background", "shadow"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
@@ -437,0 +437,0 @@ var borderColorMap = {

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

@@ -56,10 +56,210 @@ "use strict";
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::01dc580099e9b8257da4c8f610e7874c>>
+ * @codegen <<SignedSource::03b3f0bf0d4f1326c6bfa087f92bef36>>
  * @codegenId interactions
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["background"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
 exports.default = _default;
 var backgroundActiveColorMap = {
+  'accent.lime.subtlest': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-lime-subtlest-pressed, #B3DF72)"
+    }
+  }),
+  'accent.lime.subtler': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-lime-subtler-pressed, #94C748)"
+    }
+  }),
+  'accent.lime.subtle': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-lime-subtle-pressed, #D3F1A7)"
+    }
+  }),
+  'accent.lime.bolder': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-lime-bolder-pressed, #37471F)"
+    }
+  }),
+  'accent.red.subtlest': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-red-subtlest-pressed, #FF9C8F)"
+    }
+  }),
+  'accent.red.subtler': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-red-subtler-pressed, #F87462)"
+    }
+  }),
+  'accent.red.subtle': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-red-subtle-pressed, #FFD2CC)"
+    }
+  }),
+  'accent.red.bolder': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-red-bolder-pressed, #601E16)"
+    }
+  }),
+  'accent.orange.subtlest': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-orange-subtlest-pressed, #FEC57B)"
+    }
+  }),
+  'accent.orange.subtler': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-orange-subtler-pressed, #FAA53D)"
+    }
+  }),
+  'accent.orange.subtle': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-orange-subtle-pressed, #FFE2BD)"
+    }
+  }),
+  'accent.orange.bolder': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-orange-bolder-pressed, #5F3811)"
+    }
+  }),
+  'accent.yellow.subtlest': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
+    }
+  }),
+  'accent.yellow.subtler': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"
+    }
+  }),
+  'accent.yellow.subtle': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtle-pressed, #F8E6A0)"
+    }
+  }),
+  'accent.yellow.bolder': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)"
+    }
+  }),
+  'accent.green.subtlest': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-green-subtlest-pressed, #7EE2B8)"
+    }
+  }),
+  'accent.green.subtler': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-green-subtler-pressed, #4BCE97)"
+    }
+  }),
+  'accent.green.subtle': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-green-subtle-pressed, #BAF3DB)"
+    }
+  }),
+  'accent.green.bolder': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-green-bolder-pressed, #164B35)"
+    }
+  }),
+  'accent.teal.subtlest': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-teal-subtlest-pressed, #8BDBE5)"
+    }
+  }),
+  'accent.teal.subtler': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-teal-subtler-pressed, #60C6D2)"
+    }
+  }),
+  'accent.teal.subtle': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-teal-subtle-pressed, #C1F0F5)"
+    }
+  }),
+  'accent.teal.bolder': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-teal-bolder-pressed, #1D474C)"
+    }
+  }),
+  'accent.blue.subtlest': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-blue-subtlest-pressed, #85B8FF)"
+    }
+  }),
+  'accent.blue.subtler': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-blue-subtler-pressed, #579DFF)"
+    }
+  }),
+  'accent.blue.subtle': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-blue-subtle-pressed, #CCE0FF)"
+    }
+  }),
+  'accent.blue.bolder': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-blue-bolder-pressed, #09326C)"
+    }
+  }),
+  'accent.purple.subtlest': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-purple-subtlest-pressed, #B8ACF6)"
+    }
+  }),
+  'accent.purple.subtler': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-purple-subtler-pressed, #9F8FEF)"
+    }
+  }),
+  'accent.purple.subtle': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-purple-subtle-pressed, #DFD8FD)"
+    }
+  }),
+  'accent.purple.bolder': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-purple-bolder-pressed, #352C63)"
+    }
+  }),
+  'accent.magenta.subtlest': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"
+    }
+  }),
+  'accent.magenta.subtler': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"
+    }
+  }),
+  'accent.magenta.subtle': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtle-pressed, #FDD0EC)"
+    }
+  }),
+  'accent.magenta.bolder': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)"
+    }
+  }),
+  'accent.gray.subtlest': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-gray-subtlest-pressed, #B3B9C4)"
+    }
+  }),
+  'accent.gray.subtler': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-gray-subtler-pressed, #8590A2)"
+    }
+  }),
+  'accent.gray.subtle': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-gray-subtle-pressed, #DCDFE4)"
+    }
+  }),
+  'accent.gray.bolder': (0, _react2.css)({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-gray-bolder-pressed, #2C3E5D)"
+    }
+  }),
   input: (0, _react2.css)({
@@ -182,2 +382,202 @@ ':active': {
 var backgroundHoverColorMap = {
+  'accent.lime.subtlest': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-lime-subtlest-hovered, #D3F1A7)"
+    }
+  }),
+  'accent.lime.subtler': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-lime-subtler-hovered, #B3DF72)"
+    }
+  }),
+  'accent.lime.subtle': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-lime-subtle-hovered, #B3DF72)"
+    }
+  }),
+  'accent.lime.bolder': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-lime-bolder-hovered, #4C6B1F)"
+    }
+  }),
+  'accent.red.subtlest': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-red-subtlest-hovered, #FFD2CC)"
+    }
+  }),
+  'accent.red.subtler': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-red-subtler-hovered, #FF9C8F)"
+    }
+  }),
+  'accent.red.subtle': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-red-subtle-hovered, #FF9C8F)"
+    }
+  }),
+  'accent.red.bolder': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-red-bolder-hovered, #AE2A19)"
+    }
+  }),
+  'accent.orange.subtlest': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-orange-subtlest-hovered, #FFE2BD)"
+    }
+  }),
+  'accent.orange.subtler': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-orange-subtler-hovered, #FEC57B)"
+    }
+  }),
+  'accent.orange.subtle': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-orange-subtle-hovered, #FEC57B)"
+    }
+  }),
+  'accent.orange.bolder': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-orange-bolder-hovered, #974F0C)"
+    }
+  }),
+  'accent.yellow.subtlest': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtlest-hovered, #F8E6A0)"
+    }
+  }),
+  'accent.yellow.subtler': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtler-hovered, #F5CD47)"
+    }
+  }),
+  'accent.yellow.subtle': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtle-hovered, #F5CD47)"
+    }
+  }),
+  'accent.yellow.bolder': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
+    }
+  }),
+  'accent.green.subtlest': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-green-subtlest-hovered, #BAF3DB)"
+    }
+  }),
+  'accent.green.subtler': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-green-subtler-hovered, #7EE2B8)"
+    }
+  }),
+  'accent.green.subtle': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-green-subtle-hovered, #7EE2B8)"
+    }
+  }),
+  'accent.green.bolder': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-green-bolder-hovered, #216E4E)"
+    }
+  }),
+  'accent.teal.subtlest': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-teal-subtlest-hovered, #C1F0F5)"
+    }
+  }),
+  'accent.teal.subtler': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-teal-subtler-hovered, #8BDBE5)"
+    }
+  }),
+  'accent.teal.subtle': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-teal-subtle-hovered, #8BDBE5)"
+    }
+  }),
+  'accent.teal.bolder': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-teal-bolder-hovered, #206B74)"
+    }
+  }),
+  'accent.blue.subtlest': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-blue-subtlest-hovered, #CCE0FF)"
+    }
+  }),
+  'accent.blue.subtler': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-blue-subtler-hovered, #85B8FF)"
+    }
+  }),
+  'accent.blue.subtle': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-blue-subtle-hovered, #85B8FF)"
+    }
+  }),
+  'accent.blue.bolder': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-blue-bolder-hovered, #0055CC)"
+    }
+  }),
+  'accent.purple.subtlest': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-purple-subtlest-hovered, #DFD8FD)"
+    }
+  }),
+  'accent.purple.subtler': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-purple-subtler-hovered, #B8ACF6)"
+    }
+  }),
+  'accent.purple.subtle': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-purple-subtle-hovered, #B8ACF6)"
+    }
+  }),
+  'accent.purple.bolder': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-purple-bolder-hovered, #5E4DB2)"
+    }
+  }),
+  'accent.magenta.subtlest': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtlest-hovered, #FDD0EC)"
+    }
+  }),
+  'accent.magenta.subtler': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtler-hovered, #F797D2)"
+    }
+  }),
+  'accent.magenta.subtle': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtle-hovered, #F797D2)"
+    }
+  }),
+  'accent.magenta.bolder': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
+    }
+  }),
+  'accent.gray.subtlest': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-gray-subtlest-hovered, #DCDFE4)"
+    }
+  }),
+  'accent.gray.subtler': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-gray-subtler-hovered, #B3B9C4)"
+    }
+  }),
+  'accent.gray.subtle': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-gray-subtle-hovered, #B3B9C4)"
+    }
+  }),
+  'accent.gray.bolder': (0, _react2.css)({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-gray-bolder-hovered, #44546F)"
+    }
+  }),
   input: (0, _react2.css)({
@@ -184,0 +584,0 @@ ':hover': {

dist/cjs/components/text.partial.js

@@ -230,7 +230,7 @@ "use strict";
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8a6efbd43991cb2ebd97bd5eed33e192>>
+ * @codegen <<SignedSource::d2da3ae653a14d48ae7649d16e323e40>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["text"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
@@ -237,0 +237,0 @@ var textColorMap = {

dist/cjs/internal/color-map.js

@@ -12,5 +12,5 @@ "use strict";
  *
- * @codegen <<SignedSource::1884888c7b0fc397963699c7902aaec7>>
+ * @codegen <<SignedSource::49cf3a9a4b6ea82d76f3d977759cac32>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
@@ -17,0 +17,0 @@ var _default = {

dist/es2019/components/box.partial.js

@@ -422,7 +422,7 @@ import _extends from "@babel/runtime/helpers/extends";
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3c02977212ac78f3a0f9de93e0a253c2>>
+ * @codegen <<SignedSource::fe1f557b04d44d23dfae5c9494ccddcc>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["border", "background", "shadow"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
@@ -429,0 +429,0 @@ const borderColorMap = {

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

@@ -51,9 +51,209 @@ /** @jsx jsx */
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::01dc580099e9b8257da4c8f610e7874c>>
+ * @codegen <<SignedSource::03b3f0bf0d4f1326c6bfa087f92bef36>>
  * @codegenId interactions
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["background"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
 const backgroundActiveColorMap = {
+  'accent.lime.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-lime-subtlest-pressed, #B3DF72)"
+    }
+  }),
+  'accent.lime.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-lime-subtler-pressed, #94C748)"
+    }
+  }),
+  'accent.lime.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-lime-subtle-pressed, #D3F1A7)"
+    }
+  }),
+  'accent.lime.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-lime-bolder-pressed, #37471F)"
+    }
+  }),
+  'accent.red.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-red-subtlest-pressed, #FF9C8F)"
+    }
+  }),
+  'accent.red.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-red-subtler-pressed, #F87462)"
+    }
+  }),
+  'accent.red.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-red-subtle-pressed, #FFD2CC)"
+    }
+  }),
+  'accent.red.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-red-bolder-pressed, #601E16)"
+    }
+  }),
+  'accent.orange.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-orange-subtlest-pressed, #FEC57B)"
+    }
+  }),
+  'accent.orange.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-orange-subtler-pressed, #FAA53D)"
+    }
+  }),
+  'accent.orange.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-orange-subtle-pressed, #FFE2BD)"
+    }
+  }),
+  'accent.orange.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-orange-bolder-pressed, #5F3811)"
+    }
+  }),
+  'accent.yellow.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
+    }
+  }),
+  'accent.yellow.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"
+    }
+  }),
+  'accent.yellow.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtle-pressed, #F8E6A0)"
+    }
+  }),
+  'accent.yellow.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)"
+    }
+  }),
+  'accent.green.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-green-subtlest-pressed, #7EE2B8)"
+    }
+  }),
+  'accent.green.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-green-subtler-pressed, #4BCE97)"
+    }
+  }),
+  'accent.green.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-green-subtle-pressed, #BAF3DB)"
+    }
+  }),
+  'accent.green.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-green-bolder-pressed, #164B35)"
+    }
+  }),
+  'accent.teal.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-teal-subtlest-pressed, #8BDBE5)"
+    }
+  }),
+  'accent.teal.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-teal-subtler-pressed, #60C6D2)"
+    }
+  }),
+  'accent.teal.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-teal-subtle-pressed, #C1F0F5)"
+    }
+  }),
+  'accent.teal.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-teal-bolder-pressed, #1D474C)"
+    }
+  }),
+  'accent.blue.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-blue-subtlest-pressed, #85B8FF)"
+    }
+  }),
+  'accent.blue.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-blue-subtler-pressed, #579DFF)"
+    }
+  }),
+  'accent.blue.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-blue-subtle-pressed, #CCE0FF)"
+    }
+  }),
+  'accent.blue.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-blue-bolder-pressed, #09326C)"
+    }
+  }),
+  'accent.purple.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-purple-subtlest-pressed, #B8ACF6)"
+    }
+  }),
+  'accent.purple.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-purple-subtler-pressed, #9F8FEF)"
+    }
+  }),
+  'accent.purple.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-purple-subtle-pressed, #DFD8FD)"
+    }
+  }),
+  'accent.purple.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-purple-bolder-pressed, #352C63)"
+    }
+  }),
+  'accent.magenta.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"
+    }
+  }),
+  'accent.magenta.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"
+    }
+  }),
+  'accent.magenta.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtle-pressed, #FDD0EC)"
+    }
+  }),
+  'accent.magenta.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)"
+    }
+  }),
+  'accent.gray.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-gray-subtlest-pressed, #B3B9C4)"
+    }
+  }),
+  'accent.gray.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-gray-subtler-pressed, #8590A2)"
+    }
+  }),
+  'accent.gray.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-gray-subtle-pressed, #DCDFE4)"
+    }
+  }),
+  'accent.gray.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-gray-bolder-pressed, #2C3E5D)"
+    }
+  }),
   input: css({
@@ -176,2 +376,202 @@ ':active': {
 const backgroundHoverColorMap = {
+  'accent.lime.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-lime-subtlest-hovered, #D3F1A7)"
+    }
+  }),
+  'accent.lime.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-lime-subtler-hovered, #B3DF72)"
+    }
+  }),
+  'accent.lime.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-lime-subtle-hovered, #B3DF72)"
+    }
+  }),
+  'accent.lime.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-lime-bolder-hovered, #4C6B1F)"
+    }
+  }),
+  'accent.red.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-red-subtlest-hovered, #FFD2CC)"
+    }
+  }),
+  'accent.red.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-red-subtler-hovered, #FF9C8F)"
+    }
+  }),
+  'accent.red.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-red-subtle-hovered, #FF9C8F)"
+    }
+  }),
+  'accent.red.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-red-bolder-hovered, #AE2A19)"
+    }
+  }),
+  'accent.orange.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-orange-subtlest-hovered, #FFE2BD)"
+    }
+  }),
+  'accent.orange.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-orange-subtler-hovered, #FEC57B)"
+    }
+  }),
+  'accent.orange.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-orange-subtle-hovered, #FEC57B)"
+    }
+  }),
+  'accent.orange.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-orange-bolder-hovered, #974F0C)"
+    }
+  }),
+  'accent.yellow.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtlest-hovered, #F8E6A0)"
+    }
+  }),
+  'accent.yellow.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtler-hovered, #F5CD47)"
+    }
+  }),
+  'accent.yellow.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtle-hovered, #F5CD47)"
+    }
+  }),
+  'accent.yellow.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
+    }
+  }),
+  'accent.green.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-green-subtlest-hovered, #BAF3DB)"
+    }
+  }),
+  'accent.green.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-green-subtler-hovered, #7EE2B8)"
+    }
+  }),
+  'accent.green.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-green-subtle-hovered, #7EE2B8)"
+    }
+  }),
+  'accent.green.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-green-bolder-hovered, #216E4E)"
+    }
+  }),
+  'accent.teal.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-teal-subtlest-hovered, #C1F0F5)"
+    }
+  }),
+  'accent.teal.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-teal-subtler-hovered, #8BDBE5)"
+    }
+  }),
+  'accent.teal.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-teal-subtle-hovered, #8BDBE5)"
+    }
+  }),
+  'accent.teal.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-teal-bolder-hovered, #206B74)"
+    }
+  }),
+  'accent.blue.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-blue-subtlest-hovered, #CCE0FF)"
+    }
+  }),
+  'accent.blue.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-blue-subtler-hovered, #85B8FF)"
+    }
+  }),
+  'accent.blue.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-blue-subtle-hovered, #85B8FF)"
+    }
+  }),
+  'accent.blue.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-blue-bolder-hovered, #0055CC)"
+    }
+  }),
+  'accent.purple.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-purple-subtlest-hovered, #DFD8FD)"
+    }
+  }),
+  'accent.purple.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-purple-subtler-hovered, #B8ACF6)"
+    }
+  }),
+  'accent.purple.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-purple-subtle-hovered, #B8ACF6)"
+    }
+  }),
+  'accent.purple.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-purple-bolder-hovered, #5E4DB2)"
+    }
+  }),
+  'accent.magenta.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtlest-hovered, #FDD0EC)"
+    }
+  }),
+  'accent.magenta.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtler-hovered, #F797D2)"
+    }
+  }),
+  'accent.magenta.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtle-hovered, #F797D2)"
+    }
+  }),
+  'accent.magenta.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
+    }
+  }),
+  'accent.gray.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-gray-subtlest-hovered, #DCDFE4)"
+    }
+  }),
+  'accent.gray.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-gray-subtler-hovered, #B3B9C4)"
+    }
+  }),
+  'accent.gray.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-gray-subtle-hovered, #B3B9C4)"
+    }
+  }),
+  'accent.gray.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-gray-bolder-hovered, #44546F)"
+    }
+  }),
   input: css({
@@ -178,0 +578,0 @@ ':hover': {

dist/es2019/components/text.partial.js

@@ -220,7 +220,7 @@ /** @jsx jsx */
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8a6efbd43991cb2ebd97bd5eed33e192>>
+ * @codegen <<SignedSource::d2da3ae653a14d48ae7649d16e323e40>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["text"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
@@ -227,0 +227,0 @@ const textColorMap = {

dist/es2019/internal/color-map.js

@@ -6,5 +6,5 @@ /**
  *
- * @codegen <<SignedSource::1884888c7b0fc397963699c7902aaec7>>
+ * @codegen <<SignedSource::49cf3a9a4b6ea82d76f3d977759cac32>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
@@ -11,0 +11,0 @@ export default {

dist/esm/components/box.partial.js

@@ -425,7 +425,7 @@ import _extends from "@babel/runtime/helpers/extends";
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3c02977212ac78f3a0f9de93e0a253c2>>
+ * @codegen <<SignedSource::fe1f557b04d44d23dfae5c9494ccddcc>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["border", "background", "shadow"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
@@ -432,0 +432,0 @@ var borderColorMap = {

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

@@ -50,9 +50,209 @@ /** @jsx jsx */
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::01dc580099e9b8257da4c8f610e7874c>>
+ * @codegen <<SignedSource::03b3f0bf0d4f1326c6bfa087f92bef36>>
  * @codegenId interactions
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["background"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
 var backgroundActiveColorMap = {
+  'accent.lime.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-lime-subtlest-pressed, #B3DF72)"
+    }
+  }),
+  'accent.lime.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-lime-subtler-pressed, #94C748)"
+    }
+  }),
+  'accent.lime.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-lime-subtle-pressed, #D3F1A7)"
+    }
+  }),
+  'accent.lime.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-lime-bolder-pressed, #37471F)"
+    }
+  }),
+  'accent.red.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-red-subtlest-pressed, #FF9C8F)"
+    }
+  }),
+  'accent.red.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-red-subtler-pressed, #F87462)"
+    }
+  }),
+  'accent.red.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-red-subtle-pressed, #FFD2CC)"
+    }
+  }),
+  'accent.red.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-red-bolder-pressed, #601E16)"
+    }
+  }),
+  'accent.orange.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-orange-subtlest-pressed, #FEC57B)"
+    }
+  }),
+  'accent.orange.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-orange-subtler-pressed, #FAA53D)"
+    }
+  }),
+  'accent.orange.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-orange-subtle-pressed, #FFE2BD)"
+    }
+  }),
+  'accent.orange.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-orange-bolder-pressed, #5F3811)"
+    }
+  }),
+  'accent.yellow.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)"
+    }
+  }),
+  'accent.yellow.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"
+    }
+  }),
+  'accent.yellow.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtle-pressed, #F8E6A0)"
+    }
+  }),
+  'accent.yellow.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-yellow-bolder-pressed, #533F04)"
+    }
+  }),
+  'accent.green.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-green-subtlest-pressed, #7EE2B8)"
+    }
+  }),
+  'accent.green.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-green-subtler-pressed, #4BCE97)"
+    }
+  }),
+  'accent.green.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-green-subtle-pressed, #BAF3DB)"
+    }
+  }),
+  'accent.green.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-green-bolder-pressed, #164B35)"
+    }
+  }),
+  'accent.teal.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-teal-subtlest-pressed, #8BDBE5)"
+    }
+  }),
+  'accent.teal.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-teal-subtler-pressed, #60C6D2)"
+    }
+  }),
+  'accent.teal.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-teal-subtle-pressed, #C1F0F5)"
+    }
+  }),
+  'accent.teal.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-teal-bolder-pressed, #1D474C)"
+    }
+  }),
+  'accent.blue.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-blue-subtlest-pressed, #85B8FF)"
+    }
+  }),
+  'accent.blue.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-blue-subtler-pressed, #579DFF)"
+    }
+  }),
+  'accent.blue.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-blue-subtle-pressed, #CCE0FF)"
+    }
+  }),
+  'accent.blue.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-blue-bolder-pressed, #09326C)"
+    }
+  }),
+  'accent.purple.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-purple-subtlest-pressed, #B8ACF6)"
+    }
+  }),
+  'accent.purple.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-purple-subtler-pressed, #9F8FEF)"
+    }
+  }),
+  'accent.purple.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-purple-subtle-pressed, #DFD8FD)"
+    }
+  }),
+  'accent.purple.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-purple-bolder-pressed, #352C63)"
+    }
+  }),
+  'accent.magenta.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtlest-pressed, #F797D2)"
+    }
+  }),
+  'accent.magenta.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtler-pressed, #E774BB)"
+    }
+  }),
+  'accent.magenta.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtle-pressed, #FDD0EC)"
+    }
+  }),
+  'accent.magenta.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-magenta-bolder-pressed, #50253F)"
+    }
+  }),
+  'accent.gray.subtlest': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-gray-subtlest-pressed, #B3B9C4)"
+    }
+  }),
+  'accent.gray.subtler': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-gray-subtler-pressed, #8590A2)"
+    }
+  }),
+  'accent.gray.subtle': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-gray-subtle-pressed, #DCDFE4)"
+    }
+  }),
+  'accent.gray.bolder': css({
+    ':active': {
+      backgroundColor: "var(--ds-background-accent-gray-bolder-pressed, #2C3E5D)"
+    }
+  }),
   input: css({
@@ -175,2 +375,202 @@ ':active': {
 var backgroundHoverColorMap = {
+  'accent.lime.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-lime-subtlest-hovered, #D3F1A7)"
+    }
+  }),
+  'accent.lime.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-lime-subtler-hovered, #B3DF72)"
+    }
+  }),
+  'accent.lime.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-lime-subtle-hovered, #B3DF72)"
+    }
+  }),
+  'accent.lime.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-lime-bolder-hovered, #4C6B1F)"
+    }
+  }),
+  'accent.red.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-red-subtlest-hovered, #FFD2CC)"
+    }
+  }),
+  'accent.red.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-red-subtler-hovered, #FF9C8F)"
+    }
+  }),
+  'accent.red.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-red-subtle-hovered, #FF9C8F)"
+    }
+  }),
+  'accent.red.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-red-bolder-hovered, #AE2A19)"
+    }
+  }),
+  'accent.orange.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-orange-subtlest-hovered, #FFE2BD)"
+    }
+  }),
+  'accent.orange.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-orange-subtler-hovered, #FEC57B)"
+    }
+  }),
+  'accent.orange.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-orange-subtle-hovered, #FEC57B)"
+    }
+  }),
+  'accent.orange.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-orange-bolder-hovered, #974F0C)"
+    }
+  }),
+  'accent.yellow.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtlest-hovered, #F8E6A0)"
+    }
+  }),
+  'accent.yellow.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtler-hovered, #F5CD47)"
+    }
+  }),
+  'accent.yellow.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-yellow-subtle-hovered, #F5CD47)"
+    }
+  }),
+  'accent.yellow.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-yellow-bolder-hovered, #7F5F01)"
+    }
+  }),
+  'accent.green.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-green-subtlest-hovered, #BAF3DB)"
+    }
+  }),
+  'accent.green.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-green-subtler-hovered, #7EE2B8)"
+    }
+  }),
+  'accent.green.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-green-subtle-hovered, #7EE2B8)"
+    }
+  }),
+  'accent.green.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-green-bolder-hovered, #216E4E)"
+    }
+  }),
+  'accent.teal.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-teal-subtlest-hovered, #C1F0F5)"
+    }
+  }),
+  'accent.teal.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-teal-subtler-hovered, #8BDBE5)"
+    }
+  }),
+  'accent.teal.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-teal-subtle-hovered, #8BDBE5)"
+    }
+  }),
+  'accent.teal.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-teal-bolder-hovered, #206B74)"
+    }
+  }),
+  'accent.blue.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-blue-subtlest-hovered, #CCE0FF)"
+    }
+  }),
+  'accent.blue.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-blue-subtler-hovered, #85B8FF)"
+    }
+  }),
+  'accent.blue.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-blue-subtle-hovered, #85B8FF)"
+    }
+  }),
+  'accent.blue.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-blue-bolder-hovered, #0055CC)"
+    }
+  }),
+  'accent.purple.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-purple-subtlest-hovered, #DFD8FD)"
+    }
+  }),
+  'accent.purple.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-purple-subtler-hovered, #B8ACF6)"
+    }
+  }),
+  'accent.purple.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-purple-subtle-hovered, #B8ACF6)"
+    }
+  }),
+  'accent.purple.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-purple-bolder-hovered, #5E4DB2)"
+    }
+  }),
+  'accent.magenta.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtlest-hovered, #FDD0EC)"
+    }
+  }),
+  'accent.magenta.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtler-hovered, #F797D2)"
+    }
+  }),
+  'accent.magenta.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-magenta-subtle-hovered, #F797D2)"
+    }
+  }),
+  'accent.magenta.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-magenta-bolder-hovered, #943D73)"
+    }
+  }),
+  'accent.gray.subtlest': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-gray-subtlest-hovered, #DCDFE4)"
+    }
+  }),
+  'accent.gray.subtler': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-gray-subtler-hovered, #B3B9C4)"
+    }
+  }),
+  'accent.gray.subtle': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-gray-subtle-hovered, #B3B9C4)"
+    }
+  }),
+  'accent.gray.bolder': css({
+    ':hover': {
+      backgroundColor: "var(--ds-background-accent-gray-bolder-hovered, #44546F)"
+    }
+  }),
   input: css({
@@ -177,0 +577,0 @@ ':hover': {

dist/esm/components/text.partial.js

@@ -223,7 +223,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8a6efbd43991cb2ebd97bd5eed33e192>>
+ * @codegen <<SignedSource::d2da3ae653a14d48ae7649d16e323e40>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["text"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
@@ -230,0 +230,0 @@ var textColorMap = {

dist/esm/internal/color-map.js

@@ -6,5 +6,5 @@ /**
  *
- * @codegen <<SignedSource::1884888c7b0fc397963699c7902aaec7>>
+ * @codegen <<SignedSource::49cf3a9a4b6ea82d76f3d977759cac32>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
@@ -11,0 +11,0 @@ export default {

dist/types-ts4.5/components/box.partial.d.ts

@@ -294,7 +294,7 @@ /** @jsx jsx */
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3c02977212ac78f3a0f9de93e0a253c2>>
+ * @codegen <<SignedSource::fe1f557b04d44d23dfae5c9494ccddcc>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["border", "background", "shadow"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
@@ -301,0 +301,0 @@ declare const borderColorMap: {

dist/types-ts4.5/components/interaction-surface.partial.d.ts

@@ -24,2 +24,42 @@ /** @jsx jsx */
 declare const backgroundHoverColorMap: {
+    'accent.lime.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.lime.subtler': import("@emotion/react").SerializedStyles;
+    'accent.lime.subtle': import("@emotion/react").SerializedStyles;
+    'accent.lime.bolder': import("@emotion/react").SerializedStyles;
+    'accent.red.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.red.subtler': import("@emotion/react").SerializedStyles;
+    'accent.red.subtle': import("@emotion/react").SerializedStyles;
+    'accent.red.bolder': import("@emotion/react").SerializedStyles;
+    'accent.orange.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.orange.subtler': import("@emotion/react").SerializedStyles;
+    'accent.orange.subtle': import("@emotion/react").SerializedStyles;
+    'accent.orange.bolder': import("@emotion/react").SerializedStyles;
+    'accent.yellow.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.yellow.subtler': import("@emotion/react").SerializedStyles;
+    'accent.yellow.subtle': import("@emotion/react").SerializedStyles;
+    'accent.yellow.bolder': import("@emotion/react").SerializedStyles;
+    'accent.green.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.green.subtler': import("@emotion/react").SerializedStyles;
+    'accent.green.subtle': import("@emotion/react").SerializedStyles;
+    'accent.green.bolder': import("@emotion/react").SerializedStyles;
+    'accent.teal.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.teal.subtler': import("@emotion/react").SerializedStyles;
+    'accent.teal.subtle': import("@emotion/react").SerializedStyles;
+    'accent.teal.bolder': import("@emotion/react").SerializedStyles;
+    'accent.blue.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.blue.subtler': import("@emotion/react").SerializedStyles;
+    'accent.blue.subtle': import("@emotion/react").SerializedStyles;
+    'accent.blue.bolder': import("@emotion/react").SerializedStyles;
+    'accent.purple.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.purple.subtler': import("@emotion/react").SerializedStyles;
+    'accent.purple.subtle': import("@emotion/react").SerializedStyles;
+    'accent.purple.bolder': import("@emotion/react").SerializedStyles;
+    'accent.magenta.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.magenta.subtler': import("@emotion/react").SerializedStyles;
+    'accent.magenta.subtle': import("@emotion/react").SerializedStyles;
+    'accent.magenta.bolder': import("@emotion/react").SerializedStyles;
+    'accent.gray.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.gray.subtler': import("@emotion/react").SerializedStyles;
+    'accent.gray.subtle': import("@emotion/react").SerializedStyles;
+    'accent.gray.bolder': import("@emotion/react").SerializedStyles;
     input: import("@emotion/react").SerializedStyles;
@@ -26,0 +66,0 @@ 'inverse.subtle': import("@emotion/react").SerializedStyles;

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

@@ -136,7 +136,7 @@ /** @jsx jsx */
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8a6efbd43991cb2ebd97bd5eed33e192>>
+ * @codegen <<SignedSource::d2da3ae653a14d48ae7649d16e323e40>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["text"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
@@ -143,0 +143,0 @@ declare const textColorMap: {

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

@@ -6,5 +6,5 @@ /**
  *
- * @codegen <<SignedSource::1884888c7b0fc397963699c7902aaec7>>
+ * @codegen <<SignedSource::49cf3a9a4b6ea82d76f3d977759cac32>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
@@ -11,0 +11,0 @@ declare const _default: {

dist/types/components/box.partial.d.ts

@@ -294,7 +294,7 @@ /** @jsx jsx */
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3c02977212ac78f3a0f9de93e0a253c2>>
+ * @codegen <<SignedSource::fe1f557b04d44d23dfae5c9494ccddcc>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["border", "background", "shadow"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
@@ -301,0 +301,0 @@ declare const borderColorMap: {

dist/types/components/interaction-surface.partial.d.ts

@@ -24,2 +24,42 @@ /** @jsx jsx */
 declare const backgroundHoverColorMap: {
+    'accent.lime.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.lime.subtler': import("@emotion/react").SerializedStyles;
+    'accent.lime.subtle': import("@emotion/react").SerializedStyles;
+    'accent.lime.bolder': import("@emotion/react").SerializedStyles;
+    'accent.red.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.red.subtler': import("@emotion/react").SerializedStyles;
+    'accent.red.subtle': import("@emotion/react").SerializedStyles;
+    'accent.red.bolder': import("@emotion/react").SerializedStyles;
+    'accent.orange.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.orange.subtler': import("@emotion/react").SerializedStyles;
+    'accent.orange.subtle': import("@emotion/react").SerializedStyles;
+    'accent.orange.bolder': import("@emotion/react").SerializedStyles;
+    'accent.yellow.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.yellow.subtler': import("@emotion/react").SerializedStyles;
+    'accent.yellow.subtle': import("@emotion/react").SerializedStyles;
+    'accent.yellow.bolder': import("@emotion/react").SerializedStyles;
+    'accent.green.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.green.subtler': import("@emotion/react").SerializedStyles;
+    'accent.green.subtle': import("@emotion/react").SerializedStyles;
+    'accent.green.bolder': import("@emotion/react").SerializedStyles;
+    'accent.teal.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.teal.subtler': import("@emotion/react").SerializedStyles;
+    'accent.teal.subtle': import("@emotion/react").SerializedStyles;
+    'accent.teal.bolder': import("@emotion/react").SerializedStyles;
+    'accent.blue.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.blue.subtler': import("@emotion/react").SerializedStyles;
+    'accent.blue.subtle': import("@emotion/react").SerializedStyles;
+    'accent.blue.bolder': import("@emotion/react").SerializedStyles;
+    'accent.purple.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.purple.subtler': import("@emotion/react").SerializedStyles;
+    'accent.purple.subtle': import("@emotion/react").SerializedStyles;
+    'accent.purple.bolder': import("@emotion/react").SerializedStyles;
+    'accent.magenta.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.magenta.subtler': import("@emotion/react").SerializedStyles;
+    'accent.magenta.subtle': import("@emotion/react").SerializedStyles;
+    'accent.magenta.bolder': import("@emotion/react").SerializedStyles;
+    'accent.gray.subtlest': import("@emotion/react").SerializedStyles;
+    'accent.gray.subtler': import("@emotion/react").SerializedStyles;
+    'accent.gray.subtle': import("@emotion/react").SerializedStyles;
+    'accent.gray.bolder': import("@emotion/react").SerializedStyles;
     input: import("@emotion/react").SerializedStyles;
@@ -26,0 +66,0 @@ 'inverse.subtle': import("@emotion/react").SerializedStyles;

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

@@ -131,7 +131,7 @@ /** @jsx jsx */
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8a6efbd43991cb2ebd97bd5eed33e192>>
+ * @codegen <<SignedSource::d2da3ae653a14d48ae7649d16e323e40>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["text"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
@@ -138,0 +138,0 @@ declare const textColorMap: {

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

@@ -6,5 +6,5 @@ /**
  *
- * @codegen <<SignedSource::1884888c7b0fc397963699c7902aaec7>>
+ * @codegen <<SignedSource::49cf3a9a4b6ea82d76f3d977759cac32>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::65311fc2a6a35bb34b99c859362ac840>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
@@ -11,0 +11,0 @@ declare const _default: {

package.json

 {
   "name": "@atlaskit/ds-explorations",
-  "version": "2.2.12",
+  "version": "2.2.13",
   "description": "An experimental package for exploration and validation of spacing / typography foundations.",
@@ -28,3 +28,3 @@ "publishConfig": {
   "dependencies": {
-    "@atlaskit/tokens": "^1.18.0",
+    "@atlaskit/tokens": "^1.19.0",
     "@babel/runtime": "^7.0.0",
@@ -31,0 +31,0 @@ "@emotion/react": "^11.7.1",

report.api.md

@@ -74,2 +74,42 @@ <!-- API Report Version: 2.3 -->
 const backgroundHoverColorMap: {
+  'accent.lime.subtlest': SerializedStyles;
+  'accent.lime.subtler': SerializedStyles;
+  'accent.lime.subtle': SerializedStyles;
+  'accent.lime.bolder': SerializedStyles;
+  'accent.red.subtlest': SerializedStyles;
+  'accent.red.subtler': SerializedStyles;
+  'accent.red.subtle': SerializedStyles;
+  'accent.red.bolder': SerializedStyles;
+  'accent.orange.subtlest': SerializedStyles;
+  'accent.orange.subtler': SerializedStyles;
+  'accent.orange.subtle': SerializedStyles;
+  'accent.orange.bolder': SerializedStyles;
+  'accent.yellow.subtlest': SerializedStyles;
+  'accent.yellow.subtler': SerializedStyles;
+  'accent.yellow.subtle': SerializedStyles;
+  'accent.yellow.bolder': SerializedStyles;
+  'accent.green.subtlest': SerializedStyles;
+  'accent.green.subtler': SerializedStyles;
+  'accent.green.subtle': SerializedStyles;
+  'accent.green.bolder': SerializedStyles;
+  'accent.teal.subtlest': SerializedStyles;
+  'accent.teal.subtler': SerializedStyles;
+  'accent.teal.subtle': SerializedStyles;
+  'accent.teal.bolder': SerializedStyles;
+  'accent.blue.subtlest': SerializedStyles;
+  'accent.blue.subtler': SerializedStyles;
+  'accent.blue.subtle': SerializedStyles;
+  'accent.blue.bolder': SerializedStyles;
+  'accent.purple.subtlest': SerializedStyles;
+  'accent.purple.subtler': SerializedStyles;
+  'accent.purple.subtle': SerializedStyles;
+  'accent.purple.bolder': SerializedStyles;
+  'accent.magenta.subtlest': SerializedStyles;
+  'accent.magenta.subtler': SerializedStyles;
+  'accent.magenta.subtle': SerializedStyles;
+  'accent.magenta.bolder': SerializedStyles;
+  'accent.gray.subtlest': SerializedStyles;
+  'accent.gray.subtler': SerializedStyles;
+  'accent.gray.subtle': SerializedStyles;
+  'accent.gray.bolder': SerializedStyles;
   input: SerializedStyles;
@@ -76,0 +116,0 @@ 'inverse.subtle': SerializedStyles;

tmp/api-report-tmp.d.ts

@@ -63,2 +63,42 @@ ## API Report File for "@atlaskit/ds-explorations"
 const backgroundHoverColorMap: {
+    'accent.lime.subtlest': SerializedStyles;
+    'accent.lime.subtler': SerializedStyles;
+    'accent.lime.subtle': SerializedStyles;
+    'accent.lime.bolder': SerializedStyles;
+    'accent.red.subtlest': SerializedStyles;
+    'accent.red.subtler': SerializedStyles;
+    'accent.red.subtle': SerializedStyles;
+    'accent.red.bolder': SerializedStyles;
+    'accent.orange.subtlest': SerializedStyles;
+    'accent.orange.subtler': SerializedStyles;
+    'accent.orange.subtle': SerializedStyles;
+    'accent.orange.bolder': SerializedStyles;
+    'accent.yellow.subtlest': SerializedStyles;
+    'accent.yellow.subtler': SerializedStyles;
+    'accent.yellow.subtle': SerializedStyles;
+    'accent.yellow.bolder': SerializedStyles;
+    'accent.green.subtlest': SerializedStyles;
+    'accent.green.subtler': SerializedStyles;
+    'accent.green.subtle': SerializedStyles;
+    'accent.green.bolder': SerializedStyles;
+    'accent.teal.subtlest': SerializedStyles;
+    'accent.teal.subtler': SerializedStyles;
+    'accent.teal.subtle': SerializedStyles;
+    'accent.teal.bolder': SerializedStyles;
+    'accent.blue.subtlest': SerializedStyles;
+    'accent.blue.subtler': SerializedStyles;
+    'accent.blue.subtle': SerializedStyles;
+    'accent.blue.bolder': SerializedStyles;
+    'accent.purple.subtlest': SerializedStyles;
+    'accent.purple.subtler': SerializedStyles;
+    'accent.purple.subtle': SerializedStyles;
+    'accent.purple.bolder': SerializedStyles;
+    'accent.magenta.subtlest': SerializedStyles;
+    'accent.magenta.subtler': SerializedStyles;
+    'accent.magenta.subtle': SerializedStyles;
+    'accent.magenta.bolder': SerializedStyles;
+    'accent.gray.subtlest': SerializedStyles;
+    'accent.gray.subtler': SerializedStyles;
+    'accent.gray.subtle': SerializedStyles;
+    'accent.gray.bolder': SerializedStyles;
     input: SerializedStyles;
@@ -65,0 +105,0 @@ 'inverse.subtle': SerializedStyles;

No alert changes

Improved metrics

Total package byte prevSize

647358

increased by11.64%

Lines of code

12719

increased by15.68%

Dependency changes

• + Addedimport-fresh@3.3.0(transitive)

• - Removedimport-fresh@3.3.1(transitive)

• Updated@atlaskit/tokens@^1.19.0