@atlaskit/ds-explorations 1.7.0 → 2.0.1

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

@@ -8,56 +8,6 @@ import invariant from 'tiny-invariant';
 import surfaceColorMap from '../internal/color-map';
 import { useSurface } from './surface-provider';
 var asAllowlist = ['span', 'div', 'p', 'strong'];
-var fontFamily = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
-var fontSizeMap = {
-  '11px': css({
-    fontSize: '11px'
-  }),
-  '12px': css({
-    fontSize: '12px'
-  }),
-  '14px': css({
-    fontSize: '14px'
-  })
-};
-// NOTE: can't use numbers as keys or Constellation won't build. Weird one.
-var fontWeightMap = {
-  '400': css({
-    fontWeight: 400
-  }),
-  '500': css({
-    fontWeight: 500
-  }),
-  '600': css({
-    fontWeight: 600
-  }),
-  '700': css({
-    fontWeight: 700
-  })
-};
-var lineHeightMap = {
-  '12px': css({
-    lineHeight: '12px'
-  }),
-  '16px': css({
-    lineHeight: '16px'
-  }),
-  '20px': css({
-    lineHeight: '20px'
-  }),
-  '24px': css({
-    lineHeight: '24px'
-  }),
-  '28px': css({
-    lineHeight: '28px'
-  }),
-  '32px': css({
-    lineHeight: '32px'
-  }),
-  '40px': css({
-    lineHeight: '40px'
-  })
-};
 var textAlignMap = {
   center: css({
     textAlign: 'center'
@@ -93,9 +43,8 @@ var verticalAlignMap = {
 };
 var baseStyles = css({
   boxSizing: 'border-box',
-  margin: '0px',
-  padding: '0px',
-  fontFamily: fontFamily
+  margin: "var(--ds-space-0, 0px)",
+  padding: "var(--ds-space-0, 0px)"
 });
 var truncateStyles = css({
   overflow: 'hidden',
@@ -166,7 +115,7 @@ var Text = function Text(_ref) {
 
   var component = jsx(Component, {
     style: UNSAFE_style,
-    css: [baseStyles, color && textColorMap[color], fontSize && fontSizeMap[fontSize], fontWeight && fontWeightMap[fontWeight], lineHeight && lineHeightMap[lineHeight], shouldTruncate && truncateStyles, textAlign && textAlignMap[textAlign], textTransform && textTransformMap[textTransform], verticalAlign && verticalAlignMap[verticalAlign]],
+    css: [baseStyles, fontFamilyMap.sans, color && textColorMap[color], fontSize && fontSizeMap[fontSize], fontWeight && fontWeightMap[fontWeight], lineHeight && lineHeightMap[lineHeight], shouldTruncate && truncateStyles, textAlign && textAlignMap[textAlign], textTransform && textTransformMap[textTransform], verticalAlign && verticalAlignMap[verticalAlign]],
     "data-testid": testId,
     id: id
   }, children);
@@ -179,35 +128,110 @@ var Text = function Text(_ref) {
 export default Text;
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::d88a2527302fee634bec7ae405e9217b>>
+ * @codegen <<SignedSource::9f746e797b8b5262d58b40dfecb39e6d>>
+ * @codegenId typography
+ * @codegenCommand yarn codegen-styles
+ * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::e6bf70c53b8eecdb84ae4c79966537e3>>
+ */
+
+var fontSizeMap = {
+  'size.050': css({
+    fontSize: "var(--ds-font-size-050, 11px)"
+  }),
+  'size.075': css({
+    fontSize: "var(--ds-font-size-075, 12px)"
+  }),
+  'size.100': css({
+    fontSize: "var(--ds-font-size-100, 14px)"
+  }),
+  'size.200': css({
+    fontSize: "var(--ds-font-size-200, 16px)"
+  }),
+  'size.300': css({
+    fontSize: "var(--ds-font-size-300, 20px)"
+  }),
+  'size.400': css({
+    fontSize: "var(--ds-font-size-400, 24px)"
+  }),
+  'size.500': css({
+    fontSize: "var(--ds-font-size-500, 29px)"
+  }),
+  'size.600': css({
+    fontSize: "var(--ds-font-size-600, 35px)"
+  })
+};
+var fontWeightMap = {
+  bold: css({
+    fontWeight: "var(--ds-font-weight-bold, 700)"
+  }),
+  medium: css({
+    fontWeight: "var(--ds-font-weight-medium, 500)"
+  }),
+  regular: css({
+    fontWeight: "var(--ds-font-weight-regular, 400)"
+  }),
+  semibold: css({
+    fontWeight: "var(--ds-font-weight-semibold, 600)"
+  })
+};
+var fontFamilyMap = {
+  monospace: css({
+    fontFamily: "var(--ds-font-family-monospace, \"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace)"
+  }),
+  sans: css({
+    fontFamily: "var(--ds-font-family-sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif)"
+  })
+};
+var lineHeightMap = {
+  'lineHeight.100': css({
+    lineHeight: "var(--ds-font-lineHeight-100, 16px)"
+  }),
+  'lineHeight.200': css({
+    lineHeight: "var(--ds-font-lineHeight-200, 20px)"
+  }),
+  'lineHeight.300': css({
+    lineHeight: "var(--ds-font-lineHeight-300, 24px)"
+  }),
+  'lineHeight.400': css({
+    lineHeight: "var(--ds-font-lineHeight-400, 28px)"
+  }),
+  'lineHeight.500': css({
+    lineHeight: "var(--ds-font-lineHeight-500, 32px)"
+  }),
+  'lineHeight.600': css({
+    lineHeight: "var(--ds-font-lineHeight-600, 40px)"
+  })
+};
+
+/**
+ * @codegenEnd
+ */
+
+/**
+ * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
+ * @codegen <<SignedSource::ca24871d7a06dd779f21c85960ded8ba>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["text"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::e348c7cd343cf53ff944fdb7023c577a>>
  */
-
 var textColorMap = {
   'color.text': css({
     color: "var(--ds-text, #172B4D)"
   }),
-  subtle: css({
-    color: "var(--ds-text-subtle, #42526E)"
-  }),
-  subtlest: css({
-    color: "var(--ds-text-subtlest, #7A869A)"
-  }),
   disabled: css({
     color: "var(--ds-text-disabled, #A5ADBA)"
   }),
   inverse: css({
     color: "var(--ds-text-inverse, #FFFFFF)"
   }),
-  brand: css({
-    color: "var(--ds-text-brand, #0065FF)"
-  }),
   selected: css({
     color: "var(--ds-text-selected, #0052CC)"
   }),
+  brand: css({
+    color: "var(--ds-text-brand, #0065FF)"
+  }),
   danger: css({
     color: "var(--ds-text-danger, #DE350B)"
   }),
@@ -225,6 +249,12 @@ var textColorMap = {
   }),
   information: css({
     color: "var(--ds-text-information, #0052CC)"
+  }),
+  subtlest: css({
+    color: "var(--ds-text-subtlest, #7A869A)"
+  }),
+  subtle: css({
+    color: "var(--ds-text-subtle, #42526E)"
   })
 };
 /**

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

@@ -3,20 +3,20 @@
  *
  * The color map is used to map a background color token to a matching text color that will meet contrast.
  *
- * @codegen <<SignedSource::55412dc750db330e0a2a51918237e29f>>
+ * @codegen <<SignedSource::2ca647ee8f34f9282287118d86be4585>>
  * @codegenCommand yarn codegen-styles
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::e348c7cd343cf53ff944fdb7023c577a>>
  */
 export default {
   'neutral.bold': 'inverse',
   'neutral.bold.hovered': 'inverse',
   'neutral.bold.pressed': 'inverse',
-  'brand.bold': 'inverse',
-  'brand.bold.hovered': 'inverse',
-  'brand.bold.pressed': 'inverse',
   'selected.bold': 'inverse',
   'selected.bold.hovered': 'inverse',
   'selected.bold.pressed': 'inverse',
+  'brand.bold': 'inverse',
+  'brand.bold.hovered': 'inverse',
+  'brand.bold.pressed': 'inverse',
   'danger.bold': 'inverse',
   'danger.bold.hovered': 'inverse',
   'danger.bold.pressed': 'inverse',

package/dist/esm/internal/spacing-scale.js

@@ -3,7 +3,7 @@
  *
  * Internal codegen of the spacing scale values. Only used for internal examples.
  *
- * @codegen <<SignedSource::d351e41acd06f256fb46554409694f31>>
+ * @codegen <<SignedSource::885d6c601dfa9fccaf33a7bd461ef59d>>
  * @codegenCommand yarn codegen-styles
  */
-export var spacingScale = ['scale.0', 'scale.025', 'scale.050', 'scale.075', 'scale.100', 'scale.150', 'scale.200', 'scale.250', 'scale.300', 'scale.400', 'scale.500', 'scale.600', 'scale.800', 'scale.1000'];
+export var spacingScale = ['space.0', 'space.025', 'space.050', 'space.075', 'space.100', 'space.150', 'space.200', 'space.250', 'space.300', 'space.400', 'space.500', 'space.600', 'space.800', 'space.1000'];

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/ds-explorations",
-	"version": "1.7.0",
+	"version": "2.0.1",
 	"sideEffects": false
 }

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

@@ -222,61 +222,61 @@ export declare type Height = keyof typeof heightMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::cbecbcc7b02d1d58fdd794542eb54d50>>
+ * @codegen <<SignedSource::dd066079dac7b8cd6f947965a2f1a744>>
  * @codegenId spacing
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["padding", "paddingBlock", "paddingInline"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
  */
 declare const paddingMap: {
-    'scale.0': import("@emotion/react").SerializedStyles;
-    'scale.025': import("@emotion/react").SerializedStyles;
-    'scale.050': import("@emotion/react").SerializedStyles;
-    'scale.075': import("@emotion/react").SerializedStyles;
-    'scale.100': import("@emotion/react").SerializedStyles;
-    'scale.1000': import("@emotion/react").SerializedStyles;
-    'scale.150': import("@emotion/react").SerializedStyles;
-    'scale.200': import("@emotion/react").SerializedStyles;
-    'scale.250': import("@emotion/react").SerializedStyles;
-    'scale.300': import("@emotion/react").SerializedStyles;
-    'scale.400': import("@emotion/react").SerializedStyles;
-    'scale.500': import("@emotion/react").SerializedStyles;
-    'scale.600': import("@emotion/react").SerializedStyles;
-    'scale.800': import("@emotion/react").SerializedStyles;
+    'space.0': import("@emotion/react").SerializedStyles;
+    'space.025': import("@emotion/react").SerializedStyles;
+    'space.050': import("@emotion/react").SerializedStyles;
+    'space.075': import("@emotion/react").SerializedStyles;
+    'space.100': import("@emotion/react").SerializedStyles;
+    'space.1000': import("@emotion/react").SerializedStyles;
+    'space.150': import("@emotion/react").SerializedStyles;
+    'space.200': import("@emotion/react").SerializedStyles;
+    'space.250': import("@emotion/react").SerializedStyles;
+    'space.300': import("@emotion/react").SerializedStyles;
+    'space.400': import("@emotion/react").SerializedStyles;
+    'space.500': import("@emotion/react").SerializedStyles;
+    'space.600': import("@emotion/react").SerializedStyles;
+    'space.800': import("@emotion/react").SerializedStyles;
 };
 export declare type Padding = keyof typeof paddingMap;
 declare const paddingBlockMap: {
-    'scale.0': import("@emotion/react").SerializedStyles;
-    'scale.025': import("@emotion/react").SerializedStyles;
-    'scale.050': import("@emotion/react").SerializedStyles;
-    'scale.075': import("@emotion/react").SerializedStyles;
-    'scale.100': import("@emotion/react").SerializedStyles;
-    'scale.1000': import("@emotion/react").SerializedStyles;
-    'scale.150': import("@emotion/react").SerializedStyles;
-    'scale.200': import("@emotion/react").SerializedStyles;
-    'scale.250': import("@emotion/react").SerializedStyles;
-    'scale.300': import("@emotion/react").SerializedStyles;
-    'scale.400': import("@emotion/react").SerializedStyles;
-    'scale.500': import("@emotion/react").SerializedStyles;
-    'scale.600': import("@emotion/react").SerializedStyles;
-    'scale.800': import("@emotion/react").SerializedStyles;
+    'space.0': import("@emotion/react").SerializedStyles;
+    'space.025': import("@emotion/react").SerializedStyles;
+    'space.050': import("@emotion/react").SerializedStyles;
+    'space.075': import("@emotion/react").SerializedStyles;
+    'space.100': import("@emotion/react").SerializedStyles;
+    'space.1000': import("@emotion/react").SerializedStyles;
+    'space.150': import("@emotion/react").SerializedStyles;
+    'space.200': import("@emotion/react").SerializedStyles;
+    'space.250': import("@emotion/react").SerializedStyles;
+    'space.300': import("@emotion/react").SerializedStyles;
+    'space.400': import("@emotion/react").SerializedStyles;
+    'space.500': import("@emotion/react").SerializedStyles;
+    'space.600': import("@emotion/react").SerializedStyles;
+    'space.800': import("@emotion/react").SerializedStyles;
 };
 export declare type PaddingBlock = keyof typeof paddingBlockMap;
 declare const paddingInlineMap: {
-    'scale.0': import("@emotion/react").SerializedStyles;
-    'scale.025': import("@emotion/react").SerializedStyles;
-    'scale.050': import("@emotion/react").SerializedStyles;
-    'scale.075': import("@emotion/react").SerializedStyles;
-    'scale.100': import("@emotion/react").SerializedStyles;
-    'scale.1000': import("@emotion/react").SerializedStyles;
-    'scale.150': import("@emotion/react").SerializedStyles;
-    'scale.200': import("@emotion/react").SerializedStyles;
-    'scale.250': import("@emotion/react").SerializedStyles;
-    'scale.300': import("@emotion/react").SerializedStyles;
-    'scale.400': import("@emotion/react").SerializedStyles;
-    'scale.500': import("@emotion/react").SerializedStyles;
-    'scale.600': import("@emotion/react").SerializedStyles;
-    'scale.800': import("@emotion/react").SerializedStyles;
+    'space.0': import("@emotion/react").SerializedStyles;
+    'space.025': import("@emotion/react").SerializedStyles;
+    'space.050': import("@emotion/react").SerializedStyles;
+    'space.075': import("@emotion/react").SerializedStyles;
+    'space.100': import("@emotion/react").SerializedStyles;
+    'space.1000': import("@emotion/react").SerializedStyles;
+    'space.150': import("@emotion/react").SerializedStyles;
+    'space.200': import("@emotion/react").SerializedStyles;
+    'space.250': import("@emotion/react").SerializedStyles;
+    'space.300': import("@emotion/react").SerializedStyles;
+    'space.400': import("@emotion/react").SerializedStyles;
+    'space.500': import("@emotion/react").SerializedStyles;
+    'space.600': import("@emotion/react").SerializedStyles;
+    'space.800': import("@emotion/react").SerializedStyles;
 };
 export declare type PaddingInline = keyof typeof paddingInlineMap;
 /**
@@ -284,38 +284,38 @@ export declare type PaddingInline = keyof typeof paddingInlineMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::201c8a6c6ff88ac47cdb02365c643ff2>>
+ * @codegen <<SignedSource::04c05379e7c6ad157383d5f77e66911a>>
  * @codegenId colors
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["border", "background", "shadow"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::db7a1282630a6e5b9424b807614086af>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::e348c7cd343cf53ff944fdb7023c577a>>
  */
 declare const borderColorMap: {
     readonly 'color.border': import("@emotion/react").SerializedStyles;
-    readonly bold: import("@emotion/react").SerializedStyles;
-    readonly inverse: import("@emotion/react").SerializedStyles;
+    readonly disabled: import("@emotion/react").SerializedStyles;
     readonly focused: import("@emotion/react").SerializedStyles;
     readonly input: import("@emotion/react").SerializedStyles;
-    readonly disabled: import("@emotion/react").SerializedStyles;
-    readonly brand: import("@emotion/react").SerializedStyles;
+    readonly inverse: import("@emotion/react").SerializedStyles;
     readonly selected: import("@emotion/react").SerializedStyles;
+    readonly brand: import("@emotion/react").SerializedStyles;
     readonly danger: import("@emotion/react").SerializedStyles;
     readonly warning: import("@emotion/react").SerializedStyles;
     readonly success: import("@emotion/react").SerializedStyles;
     readonly discovery: import("@emotion/react").SerializedStyles;
     readonly information: import("@emotion/react").SerializedStyles;
+    readonly bold: import("@emotion/react").SerializedStyles;
 };
 export declare type BorderColor = keyof typeof borderColorMap;
 declare const backgroundColorMap: {
     readonly disabled: import("@emotion/react").SerializedStyles;
-    readonly 'inverse.subtle': import("@emotion/react").SerializedStyles;
     readonly input: import("@emotion/react").SerializedStyles;
+    readonly 'inverse.subtle': import("@emotion/react").SerializedStyles;
     readonly neutral: import("@emotion/react").SerializedStyles;
     readonly 'neutral.subtle': import("@emotion/react").SerializedStyles;
     readonly 'neutral.bold': import("@emotion/react").SerializedStyles;
-    readonly 'brand.bold': import("@emotion/react").SerializedStyles;
     readonly selected: import("@emotion/react").SerializedStyles;
     readonly 'selected.bold': import("@emotion/react").SerializedStyles;
+    readonly 'brand.bold': import("@emotion/react").SerializedStyles;
     readonly danger: import("@emotion/react").SerializedStyles;
     readonly 'danger.bold': import("@emotion/react").SerializedStyles;
     readonly warning: import("@emotion/react").SerializedStyles;
@@ -330,17 +330,17 @@ declare const backgroundColorMap: {
     readonly 'color.blanket.selected': import("@emotion/react").SerializedStyles;
     readonly 'color.blanket.danger': import("@emotion/react").SerializedStyles;
     readonly 'elevation.surface': import("@emotion/react").SerializedStyles;
-    readonly 'elevation.surface.sunken': import("@emotion/react").SerializedStyles;
-    readonly 'elevation.surface.raised': import("@emotion/react").SerializedStyles;
     readonly 'elevation.surface.overlay': import("@emotion/react").SerializedStyles;
+    readonly 'elevation.surface.raised': import("@emotion/react").SerializedStyles;
+    readonly 'elevation.surface.sunken': import("@emotion/react").SerializedStyles;
 };
 export declare type BackgroundColor = keyof typeof backgroundColorMap;
 declare const shadowMap: {
-    readonly raised: import("@emotion/react").SerializedStyles;
     readonly overflow: import("@emotion/react").SerializedStyles;
-    readonly 'overflow.spread': import("@emotion/react").SerializedStyles;
     readonly 'overflow.perimeter': import("@emotion/react").SerializedStyles;
+    readonly 'overflow.spread': import("@emotion/react").SerializedStyles;
     readonly overlay: import("@emotion/react").SerializedStyles;
+    readonly raised: import("@emotion/react").SerializedStyles;
 };
 export declare type Shadow = keyof typeof shadowMap;
 /**

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

@@ -71,27 +71,27 @@ declare const Inline: import("react").MemoExoticComponent<import("react").Forwar
 export default Inline;
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::3bb74c0e18d35310a98408ecd49c1526>>
+ * @codegen <<SignedSource::e4218f7c850d1484a192d5b8b5dce136>>
  * @codegenId spacing
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["columnGap"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
  */
 declare const columnGapMap: {
-    'scale.0': import("@emotion/react").SerializedStyles;
-    'scale.025': import("@emotion/react").SerializedStyles;
-    'scale.050': import("@emotion/react").SerializedStyles;
-    'scale.075': import("@emotion/react").SerializedStyles;
-    'scale.100': import("@emotion/react").SerializedStyles;
-    'scale.1000': import("@emotion/react").SerializedStyles;
-    'scale.150': import("@emotion/react").SerializedStyles;
-    'scale.200': import("@emotion/react").SerializedStyles;
-    'scale.250': import("@emotion/react").SerializedStyles;
-    'scale.300': import("@emotion/react").SerializedStyles;
-    'scale.400': import("@emotion/react").SerializedStyles;
-    'scale.500': import("@emotion/react").SerializedStyles;
-    'scale.600': import("@emotion/react").SerializedStyles;
-    'scale.800': import("@emotion/react").SerializedStyles;
+    'space.0': import("@emotion/react").SerializedStyles;
+    'space.025': import("@emotion/react").SerializedStyles;
+    'space.050': import("@emotion/react").SerializedStyles;
+    'space.075': import("@emotion/react").SerializedStyles;
+    'space.100': import("@emotion/react").SerializedStyles;
+    'space.1000': import("@emotion/react").SerializedStyles;
+    'space.150': import("@emotion/react").SerializedStyles;
+    'space.200': import("@emotion/react").SerializedStyles;
+    'space.250': import("@emotion/react").SerializedStyles;
+    'space.300': import("@emotion/react").SerializedStyles;
+    'space.400': import("@emotion/react").SerializedStyles;
+    'space.500': import("@emotion/react").SerializedStyles;
+    'space.600': import("@emotion/react").SerializedStyles;
+    'space.800': import("@emotion/react").SerializedStyles;
 };
 export declare type ColumnGap = keyof typeof columnGapMap;
 /**

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

@@ -21,14 +21,14 @@ interface InteractionSurfaceProps extends BasePrimitiveProps {
 declare const InteractionSurface: ({ appearance, children, testId, }: InteractionSurfaceProps) => jsx.JSX.Element;
 export default InteractionSurface;
 declare const backgroundHoverColorMap: {
-    'inverse.subtle': import("@emotion/react").SerializedStyles;
     input: import("@emotion/react").SerializedStyles;
+    'inverse.subtle': import("@emotion/react").SerializedStyles;
     neutral: import("@emotion/react").SerializedStyles;
     'neutral.subtle': import("@emotion/react").SerializedStyles;
     'neutral.bold': import("@emotion/react").SerializedStyles;
-    'brand.bold': import("@emotion/react").SerializedStyles;
     selected: import("@emotion/react").SerializedStyles;
     'selected.bold': import("@emotion/react").SerializedStyles;
+    'brand.bold': import("@emotion/react").SerializedStyles;
     danger: import("@emotion/react").SerializedStyles;
     'danger.bold': import("@emotion/react").SerializedStyles;
     warning: import("@emotion/react").SerializedStyles;
@@ -40,8 +40,8 @@ declare const backgroundHoverColorMap: {
     information: import("@emotion/react").SerializedStyles;
     'information.bold': import("@emotion/react").SerializedStyles;
     'elevation.surface': import("@emotion/react").SerializedStyles;
-    'elevation.surface.raised': import("@emotion/react").SerializedStyles;
     'elevation.surface.overlay': import("@emotion/react").SerializedStyles;
+    'elevation.surface.raised': import("@emotion/react").SerializedStyles;
 };
 declare type InteractionBackgroundColor = keyof typeof backgroundHoverColorMap;
 /**

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

@@ -55,27 +55,27 @@ declare const Stack: import("react").MemoExoticComponent<import("react").Forward
 export default Stack;
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::e574cf3d5b059f96c6158508fae4a064>>
+ * @codegen <<SignedSource::91d26b1ace8b38363779ae85a7ddc51b>>
  * @codegenId spacing
  * @codegenCommand yarn codegen-styles
  * @codegenParams ["rowGap"]
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::a2b43f8447798dfdd9c6223bd22b78c7>>
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::b0b8f1a822ed84e0407ad83e6fda5a1c>>
  */
 declare const rowGapMap: {
-    'scale.0': import("@emotion/react").SerializedStyles;
-    'scale.025': import("@emotion/react").SerializedStyles;
-    'scale.050': import("@emotion/react").SerializedStyles;
-    'scale.075': import("@emotion/react").SerializedStyles;
-    'scale.100': import("@emotion/react").SerializedStyles;
-    'scale.1000': import("@emotion/react").SerializedStyles;
-    'scale.150': import("@emotion/react").SerializedStyles;
-    'scale.200': import("@emotion/react").SerializedStyles;
-    'scale.250': import("@emotion/react").SerializedStyles;
-    'scale.300': import("@emotion/react").SerializedStyles;
-    'scale.400': import("@emotion/react").SerializedStyles;
-    'scale.500': import("@emotion/react").SerializedStyles;
-    'scale.600': import("@emotion/react").SerializedStyles;
-    'scale.800': import("@emotion/react").SerializedStyles;
+    'space.0': import("@emotion/react").SerializedStyles;
+    'space.025': import("@emotion/react").SerializedStyles;
+    'space.050': import("@emotion/react").SerializedStyles;
+    'space.075': import("@emotion/react").SerializedStyles;
+    'space.100': import("@emotion/react").SerializedStyles;
+    'space.1000': import("@emotion/react").SerializedStyles;
+    'space.150': import("@emotion/react").SerializedStyles;
+    'space.200': import("@emotion/react").SerializedStyles;
+    'space.250': import("@emotion/react").SerializedStyles;
+    'space.300': import("@emotion/react").SerializedStyles;
+    'space.400': import("@emotion/react").SerializedStyles;
+    'space.500': import("@emotion/react").SerializedStyles;
+    'space.600': import("@emotion/react").SerializedStyles;
+    'space.800': import("@emotion/react").SerializedStyles;
 };
 export declare type RowGap = keyof typeof rowGapMap;
 /**

package/dist/types/components/surface-provider.d.ts

@@ -4,7 +4,7 @@
  *
  * A surface context provides context information on the current background (if set).
  */
-export declare const SurfaceContext: import("react").Context<"color.blanket" | "color.blanket.selected" | "color.blanket.danger" | "elevation.surface" | "elevation.surface.sunken" | "elevation.surface.raised" | "elevation.surface.overlay" | "disabled" | "inverse.subtle" | "input" | "neutral" | "neutral.subtle" | "neutral.bold" | "brand.bold" | "selected" | "selected.bold" | "danger" | "danger.bold" | "warning" | "warning.bold" | "success" | "success.bold" | "discovery" | "discovery.bold" | "information" | "information.bold">;
+export declare const SurfaceContext: import("react").Context<"color.blanket" | "color.blanket.selected" | "color.blanket.danger" | "elevation.surface" | "elevation.surface.overlay" | "elevation.surface.raised" | "elevation.surface.sunken" | "disabled" | "input" | "inverse.subtle" | "neutral" | "neutral.subtle" | "neutral.bold" | "selected" | "selected.bold" | "brand.bold" | "danger" | "danger.bold" | "warning" | "warning.bold" | "success" | "success.bold" | "discovery" | "discovery.bold" | "information" | "information.bold">;
 /**
  * __useSurface__
  *
@@ -12,4 +12,4 @@ export declare const SurfaceContext: import("react").Context<"color.blanket" | "
  *
  * @see SurfaceContext
  */
-export declare const useSurface: () => "color.blanket" | "color.blanket.selected" | "color.blanket.danger" | "elevation.surface" | "elevation.surface.sunken" | "elevation.surface.raised" | "elevation.surface.overlay" | "disabled" | "inverse.subtle" | "input" | "neutral" | "neutral.subtle" | "neutral.bold" | "brand.bold" | "selected" | "selected.bold" | "danger" | "danger.bold" | "warning" | "warning.bold" | "success" | "success.bold" | "discovery" | "discovery.bold" | "information" | "information.bold";
+export declare const useSurface: () => "color.blanket" | "color.blanket.selected" | "color.blanket.danger" | "elevation.surface" | "elevation.surface.overlay" | "elevation.surface.raised" | "elevation.surface.sunken" | "disabled" | "input" | "inverse.subtle" | "neutral" | "neutral.subtle" | "neutral.bold" | "selected" | "selected.bold" | "brand.bold" | "danger" | "danger.bold" | "warning" | "warning.bold" | "success" | "success.bold" | "discovery" | "discovery.bold" | "information" | "information.bold";