@atlaskit/ds-explorations 2.2.11 → 2.2.13

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

@@ -47,13 +47,213 @@ export default InteractionSurface;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::6705bcce4bc1f3f6b944ca61e2f7afcf>>
+ * @codegen <<SignedSource::03b3f0bf0d4f1326c6bfa087f92bef36>>
  * @codegenId interactions
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["background"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::d09e7cd13e24113267155813747b3bd4>>
+ * @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({
     ':active': {
       backgroundColor: "var(--ds-background-input-pressed, #FFFFFF)"
@@ -171,6 +371,206 @@ var backgroundActiveColorMap = {
   })
 };
 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({
     ':hover': {
       backgroundColor: "var(--ds-background-input-hovered, #F7F8F9)"

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

@@ -129,11 +129,11 @@ export default Text;
 
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b8b8bbe2326e2cc6d28ce2d7042ab202>>
+ * @codegen <<SignedSource::d3b73d63fef16f1f12ad8ec39520497e>>
  * @codegenId typography
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::7fa10802b854af6256a8c2d394d59238>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::0e11bb3b13c1850386ae45bae589a46a>>
  */
 var fontSizeMap = {
   'size.050': css({
@@ -220,11 +220,11 @@ var lineHeightMap = {
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::039c7b7400ed2152388a9501fcdea070>>
+ * @codegen <<SignedSource::d2da3ae653a14d48ae7649d16e323e40>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["text"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::d09e7cd13e24113267155813747b3bd4>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
 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::43134d6abeba44006053eb83fc827e9b>>
+ * @codegen <<SignedSource::49cf3a9a4b6ea82d76f3d977759cac32>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::d09e7cd13e24113267155813747b3bd4>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
 export default {
   'neutral.bold': 'inverse',

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

@@ -291,11 +291,11 @@ export type PaddingInline = keyof typeof paddingInlineMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::026413c83379004fc928a2632ae022c9>>
+ * @codegen <<SignedSource::fe1f557b04d44d23dfae5c9494ccddcc>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["border", "background", "shadow"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::d09e7cd13e24113267155813747b3bd4>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
 declare const borderColorMap: {
     readonly 'color.border': import("@emotion/react").SerializedStyles;

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

@@ -21,6 +21,46 @@ interface InteractionSurfaceProps extends BasePrimitiveProps {
 declare const InteractionSurface: ({ appearance, children, testId, }: InteractionSurfaceProps) => jsx.JSX.Element;
 export default InteractionSurface;
 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;
     'inverse.subtle': import("@emotion/react").SerializedStyles;
     neutral: import("@emotion/react").SerializedStyles;

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::b8b8bbe2326e2cc6d28ce2d7042ab202>>
+ * @codegen <<SignedSource::d3b73d63fef16f1f12ad8ec39520497e>>
  * @codegenId typography
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::7fa10802b854af6256a8c2d394d59238>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::0e11bb3b13c1850386ae45bae589a46a>>
  */
 declare const fontSizeMap: {
     'size.050': import("@emotion/react").SerializedStyles;
@@ -128,11 +128,11 @@ export type LineHeight = keyof typeof lineHeightMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::039c7b7400ed2152388a9501fcdea070>>
+ * @codegen <<SignedSource::d2da3ae653a14d48ae7649d16e323e40>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["text"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::d09e7cd13e24113267155813747b3bd4>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
 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::43134d6abeba44006053eb83fc827e9b>>
+ * @codegen <<SignedSource::49cf3a9a4b6ea82d76f3d977759cac32>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::d09e7cd13e24113267155813747b3bd4>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
 declare const _default: {
     readonly 'neutral.bold': "inverse";

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

@@ -291,11 +291,11 @@ export type PaddingInline = keyof typeof paddingInlineMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::026413c83379004fc928a2632ae022c9>>
+ * @codegen <<SignedSource::fe1f557b04d44d23dfae5c9494ccddcc>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["border", "background", "shadow"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::d09e7cd13e24113267155813747b3bd4>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
 declare const borderColorMap: {
     readonly 'color.border': import("@emotion/react").SerializedStyles;

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

@@ -21,6 +21,46 @@ interface InteractionSurfaceProps extends BasePrimitiveProps {
 declare const InteractionSurface: ({ appearance, children, testId, }: InteractionSurfaceProps) => jsx.JSX.Element;
 export default InteractionSurface;
 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;
     'inverse.subtle': import("@emotion/react").SerializedStyles;
     neutral: import("@emotion/react").SerializedStyles;

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::b8b8bbe2326e2cc6d28ce2d7042ab202>>
+ * @codegen <<SignedSource::d3b73d63fef16f1f12ad8ec39520497e>>
  * @codegenId typography
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::7fa10802b854af6256a8c2d394d59238>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::0e11bb3b13c1850386ae45bae589a46a>>
  */
 declare const fontSizeMap: {
     'size.050': import("@emotion/react").SerializedStyles;
@@ -133,11 +133,11 @@ export type LineHeight = keyof typeof lineHeightMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::039c7b7400ed2152388a9501fcdea070>>
+ * @codegen <<SignedSource::d2da3ae653a14d48ae7649d16e323e40>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["text"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::d09e7cd13e24113267155813747b3bd4>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
 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::43134d6abeba44006053eb83fc827e9b>>
+ * @codegen <<SignedSource::49cf3a9a4b6ea82d76f3d977759cac32>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::d09e7cd13e24113267155813747b3bd4>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::815ddd719715ae06521cad06e1921e40>>
  */
 declare const _default: {
     readonly 'neutral.bold': "inverse";