@atlaskit/tokens 0.13.3 → 0.13.5

package/dist/es2019/artifacts/palettes-raw/spacing-scale.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4466431b8da920b1737382f7e9e82009>>
+ * @codegen <<SignedSource::496467b0392d344d04df137d9d8edf4c>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -78,6 +78,23 @@ const tokens = [{
   },
   "name": "spacing.scale.Space100",
   "path": ["spacing", "scale", "Space100"]
+}, {
+  "value": "5rem",
+  "attributes": {
+    "group": "scale"
+  },
+  "pixelValue": "80px",
+  "filePath": "src/palettes/spacing-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "5rem",
+    "attributes": {
+      "group": "scale"
+    },
+    "pixelValue": "80px"
+  },
+  "name": "spacing.scale.Space1000",
+  "path": ["spacing", "scale", "Space1000"]
 }, {
   "value": "0.75rem",
   "attributes": {
@@ -200,23 +217,6 @@ const tokens = [{
   },
   "name": "spacing.scale.Space800",
   "path": ["spacing", "scale", "Space800"]
-}, {
-  "value": "5rem",
-  "attributes": {
-    "group": "scale"
-  },
-  "pixelValue": "80px",
-  "filePath": "src/palettes/spacing-scale.tsx",
-  "isSource": true,
-  "original": {
-    "value": "5rem",
-    "attributes": {
-      "group": "scale"
-    },
-    "pixelValue": "80px"
-  },
-  "name": "spacing.scale.Space1000",
-  "path": ["spacing", "scale", "Space1000"]
 }, {
   "value": "0",
   "attributes": {
@@ -292,6 +292,23 @@ const tokens = [{
   },
   "name": "space.Space100",
   "path": ["space", "Space100"]
+}, {
+  "value": "5rem",
+  "attributes": {
+    "group": "scale"
+  },
+  "pixelValue": "80px",
+  "filePath": "src/palettes/spacing-scale.tsx",
+  "isSource": true,
+  "original": {
+    "value": "5rem",
+    "attributes": {
+      "group": "scale"
+    },
+    "pixelValue": "80px"
+  },
+  "name": "space.Space1000",
+  "path": ["space", "Space1000"]
 }, {
   "value": "0.75rem",
   "attributes": {
@@ -414,22 +431,5 @@ const tokens = [{
   },
   "name": "space.Space800",
   "path": ["space", "Space800"]
-}, {
-  "value": "5rem",
-  "attributes": {
-    "group": "scale"
-  },
-  "pixelValue": "80px",
-  "filePath": "src/palettes/spacing-scale.tsx",
-  "isSource": true,
-  "original": {
-    "value": "5rem",
-    "attributes": {
-      "group": "scale"
-    },
-    "pixelValue": "80px"
-  },
-  "name": "space.Space1000",
-  "path": ["space", "Space1000"]
 }];
 export default tokens;

package/dist/es2019/artifacts/palettes-raw/typography-palette.js

@@ -1,9 +1,39 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::b49ec5b311f966a866a3fd882c03e43d>>
+ * @codegen <<SignedSource::04c90c279da3841c8c8952b13bddb31b>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
+  "value": "\"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/typography-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "\"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "typography.fontFamily.FontFamilyMonospace",
+  "path": ["typography", "fontFamily", "FontFamilyMonospace"]
+}, {
+  "value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif",
+  "attributes": {
+    "group": "scale"
+  },
+  "filePath": "src/palettes/typography-palette.tsx",
+  "isSource": true,
+  "original": {
+    "value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif",
+    "attributes": {
+      "group": "scale"
+    }
+  },
+  "name": "typography.fontFamily.FontFamilySans",
+  "path": ["typography", "fontFamily", "FontFamilySans"]
+}, {
   "value": "11px",
   "attributes": {
     "group": "scale"
@@ -124,20 +154,20 @@ const tokens = [{
   "name": "typography.fontSize.FontSize600",
   "path": ["typography", "fontSize", "FontSize600"]
 }, {
-  "value": "400",
+  "value": "700",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "400",
+    "value": "700",
     "attributes": {
       "group": "scale"
     }
   },
-  "name": "typography.fontWeight.FontWeightRegular",
-  "path": ["typography", "fontWeight", "FontWeightRegular"]
+  "name": "typography.fontWeight.FontWeightBold",
+  "path": ["typography", "fontWeight", "FontWeightBold"]
 }, {
   "value": "500",
   "attributes": {
@@ -154,65 +184,35 @@ const tokens = [{
   "name": "typography.fontWeight.FontWeightMedium",
   "path": ["typography", "fontWeight", "FontWeightMedium"]
 }, {
-  "value": "600",
-  "attributes": {
-    "group": "scale"
-  },
-  "filePath": "src/palettes/typography-palette.tsx",
-  "isSource": true,
-  "original": {
-    "value": "600",
-    "attributes": {
-      "group": "scale"
-    }
-  },
-  "name": "typography.fontWeight.FontWeightSemiBold",
-  "path": ["typography", "fontWeight", "FontWeightSemiBold"]
-}, {
-  "value": "700",
-  "attributes": {
-    "group": "scale"
-  },
-  "filePath": "src/palettes/typography-palette.tsx",
-  "isSource": true,
-  "original": {
-    "value": "700",
-    "attributes": {
-      "group": "scale"
-    }
-  },
-  "name": "typography.fontWeight.FontWeightBold",
-  "path": ["typography", "fontWeight", "FontWeightBold"]
-}, {
-  "value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif",
+  "value": "400",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif",
+    "value": "400",
     "attributes": {
       "group": "scale"
     }
   },
-  "name": "typography.fontFamily.FontFamilySans",
-  "path": ["typography", "fontFamily", "FontFamilySans"]
+  "name": "typography.fontWeight.FontWeightRegular",
+  "path": ["typography", "fontWeight", "FontWeightRegular"]
 }, {
-  "value": "\"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace",
+  "value": "600",
   "attributes": {
     "group": "scale"
   },
   "filePath": "src/palettes/typography-palette.tsx",
   "isSource": true,
   "original": {
-    "value": "\"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace",
+    "value": "600",
     "attributes": {
       "group": "scale"
     }
   },
-  "name": "typography.fontFamily.FontFamilyMonospace",
-  "path": ["typography", "fontFamily", "FontFamilyMonospace"]
+  "name": "typography.fontWeight.FontWeightSemiBold",
+  "path": ["typography", "fontWeight", "FontWeightSemiBold"]
 }, {
   "value": "16px",
   "attributes": {

package/dist/es2019/artifacts/replacement-mapping.js

@@ -12,7 +12,7 @@
  * These changes will then be picked up by our tooling which will attempt to
  * migrate as many of these renames as possible.
  *
- * @codegen <<SignedSource::4e3a79269c9d9fac4349a3f424c0a224>>
+ * @codegen <<SignedSource::f641b000c13ad37f0b16624edf778c41>>
  * @codegenCommand yarn build tokens
  */
 const replacementMapper = [{
@@ -20,21 +20,21 @@ const replacementMapper = [{
   "state": "deleted",
   "replacement": "color.text.[default]"
 }, {
-  "path": "color.text.mediumEmphasis",
-  "state": "deleted",
-  "replacement": "color.text.subtle"
-}, {
-  "path": "color.text.lowEmphasis",
+  "path": "color.text.link.pressed",
   "state": "deleted",
-  "replacement": "color.text.subtlest"
+  "replacement": "color.link.pressed"
 }, {
   "path": "color.text.link.resting",
   "state": "deleted",
   "replacement": "color.link.[default]"
 }, {
-  "path": "color.text.link.pressed",
+  "path": "color.text.lowEmphasis",
   "state": "deleted",
-  "replacement": "color.link.pressed"
+  "replacement": "color.text.subtlest"
+}, {
+  "path": "color.text.mediumEmphasis",
+  "state": "deleted",
+  "replacement": "color.text.subtle"
 }, {
   "path": "color.text.onBold",
   "state": "deleted",
@@ -51,14 +51,6 @@ const replacementMapper = [{
   "path": "color.border.neutral",
   "state": "deleted",
   "replacement": "color.border.[default]"
-}, {
-  "path": "color.background.accent.blue.[default]",
-  "state": "deleted",
-  "replacement": "color.background.accent.blue.subtler"
-}, {
-  "path": "color.background.accent.blue.bold",
-  "state": "deleted",
-  "replacement": "color.background.accent.blue.subtle"
 }, {
   "path": "color.background.accent.red.[default]",
   "state": "deleted",
@@ -91,14 +83,6 @@ const replacementMapper = [{
   "path": "color.background.accent.green.bold",
   "state": "deleted",
   "replacement": "color.background.accent.green.subtle"
-}, {
-  "path": "color.background.accent.purple.[default]",
-  "state": "deleted",
-  "replacement": "color.background.accent.purple.subtler"
-}, {
-  "path": "color.background.accent.purple.bold",
-  "state": "deleted",
-  "replacement": "color.background.accent.purple.subtle"
 }, {
   "path": "color.background.accent.teal.[default]",
   "state": "deleted",
@@ -108,45 +92,33 @@ const replacementMapper = [{
   "state": "deleted",
   "replacement": "color.background.accent.teal.subtle"
 }, {
-  "path": "color.background.accent.magenta.[default]",
-  "state": "deleted",
-  "replacement": "color.background.accent.magenta.subtler"
-}, {
-  "path": "color.background.accent.magenta.bold",
-  "state": "deleted",
-  "replacement": "color.background.accent.magenta.subtle"
-}, {
-  "path": "color.background.inverse.[default]",
+  "path": "color.background.accent.blue.[default]",
   "state": "deleted",
-  "replacement": "color.background.inverse.subtle.[default]"
+  "replacement": "color.background.accent.blue.subtler"
 }, {
-  "path": "color.background.brand.[default].[default]",
+  "path": "color.background.accent.blue.bold",
   "state": "deleted",
-  "replacement": "color.background.selected.[default].[default]"
+  "replacement": "color.background.accent.blue.subtle"
 }, {
-  "path": "color.background.brand.[default].hovered",
+  "path": "color.background.accent.purple.[default]",
   "state": "deleted",
-  "replacement": "color.background.selected.[default].hovered"
+  "replacement": "color.background.accent.purple.subtler"
 }, {
-  "path": "color.background.brand.[default].pressed",
+  "path": "color.background.accent.purple.bold",
   "state": "deleted",
-  "replacement": "color.background.selected.[default].pressed"
+  "replacement": "color.background.accent.purple.subtle"
 }, {
-  "path": "color.background.selected.resting",
+  "path": "color.background.accent.magenta.[default]",
   "state": "deleted",
-  "replacement": "color.background.selected.[default].[default]"
+  "replacement": "color.background.accent.magenta.subtler"
 }, {
-  "path": "color.background.selected.hover",
+  "path": "color.background.accent.magenta.bold",
   "state": "deleted",
-  "replacement": "color.background.selected.[default].hovered"
+  "replacement": "color.background.accent.magenta.subtle"
 }, {
   "path": "color.background.blanket",
   "state": "deleted",
   "replacement": "color.blanket.[default]"
-}, {
-  "path": "color.background.boldBrand.resting",
-  "state": "deleted",
-  "replacement": "color.background.brand.bold.[default]"
 }, {
   "path": "color.background.boldBrand.hover",
   "state": "deleted",
@@ -156,9 +128,9 @@ const replacementMapper = [{
   "state": "deleted",
   "replacement": "color.background.brand.bold.pressed"
 }, {
-  "path": "color.background.boldDanger.resting",
+  "path": "color.background.boldBrand.resting",
   "state": "deleted",
-  "replacement": "color.background.danger.bold.[default]"
+  "replacement": "color.background.brand.bold.[default]"
 }, {
   "path": "color.background.boldDanger.hover",
   "state": "deleted",
@@ -168,9 +140,9 @@ const replacementMapper = [{
   "state": "deleted",
   "replacement": "color.background.danger.bold.pressed"
 }, {
-  "path": "color.background.boldDiscovery.resting",
+  "path": "color.background.boldDanger.resting",
   "state": "deleted",
-  "replacement": "color.background.discovery.bold.[default]"
+  "replacement": "color.background.danger.bold.[default]"
 }, {
   "path": "color.background.boldDiscovery.hover",
   "state": "deleted",
@@ -180,9 +152,9 @@ const replacementMapper = [{
   "state": "deleted",
   "replacement": "color.background.discovery.bold.pressed"
 }, {
-  "path": "color.background.boldNeutral.resting",
+  "path": "color.background.boldDiscovery.resting",
   "state": "deleted",
-  "replacement": "color.background.neutral.bold.[default]"
+  "replacement": "color.background.discovery.bold.[default]"
 }, {
   "path": "color.background.boldNeutral.hover",
   "state": "deleted",
@@ -192,9 +164,9 @@ const replacementMapper = [{
   "state": "deleted",
   "replacement": "color.background.neutral.bold.pressed"
 }, {
-  "path": "color.background.boldSuccess.resting",
+  "path": "color.background.boldNeutral.resting",
   "state": "deleted",
-  "replacement": "color.background.success.bold.[default]"
+  "replacement": "color.background.neutral.bold.[default]"
 }, {
   "path": "color.background.boldSuccess.hover",
   "state": "deleted",
@@ -204,9 +176,9 @@ const replacementMapper = [{
   "state": "deleted",
   "replacement": "color.background.success.bold.pressed"
 }, {
-  "path": "color.background.boldWarning.resting",
+  "path": "color.background.boldSuccess.resting",
   "state": "deleted",
-  "replacement": "color.background.warning.bold.[default]"
+  "replacement": "color.background.success.bold.[default]"
 }, {
   "path": "color.background.boldWarning.hover",
   "state": "deleted",
@@ -216,29 +188,41 @@ const replacementMapper = [{
   "state": "deleted",
   "replacement": "color.background.warning.bold.pressed"
 }, {
-  "path": "color.background.default",
+  "path": "color.background.boldWarning.resting",
   "state": "deleted",
-  "replacement": "elevation.surface.[default].[default]"
+  "replacement": "color.background.warning.bold.[default]"
 }, {
   "path": "color.background.card",
   "state": "deleted",
   "replacement": "elevation.surface.raised.[default]"
+}, {
+  "path": "color.background.default",
+  "state": "deleted",
+  "replacement": "elevation.surface.[default].[default]"
+}, {
+  "path": "color.background.inverse.[default]",
+  "state": "deleted",
+  "replacement": "color.background.inverse.subtle.[default]"
 }, {
   "path": "color.background.overlay",
   "state": "deleted",
   "replacement": "elevation.surface.overlay.[default]"
 }, {
-  "path": "color.background.subtleBorderedNeutral.resting",
+  "path": "color.background.selected.hover",
   "state": "deleted",
-  "replacement": "color.background.input.[default]"
+  "replacement": "color.background.selected.[default].hovered"
+}, {
+  "path": "color.background.selected.resting",
+  "state": "deleted",
+  "replacement": "color.background.selected.[default].[default]"
 }, {
   "path": "color.background.subtleBorderedNeutral.pressed",
   "state": "deleted",
   "replacement": "color.background.input.pressed"
 }, {
-  "path": "color.background.subtleBrand.resting",
+  "path": "color.background.subtleBorderedNeutral.resting",
   "state": "deleted",
-  "replacement": "color.background.selected.[default].[default]"
+  "replacement": "color.background.input.[default]"
 }, {
   "path": "color.background.subtleBrand.hover",
   "state": "deleted",
@@ -248,9 +232,9 @@ const replacementMapper = [{
   "state": "deleted",
   "replacement": "color.background.selected.[default].pressed"
 }, {
-  "path": "color.background.subtleDanger.resting",
+  "path": "color.background.subtleBrand.resting",
   "state": "deleted",
-  "replacement": "color.background.danger.[default].[default]"
+  "replacement": "color.background.selected.[default].[default]"
 }, {
   "path": "color.background.subtleDanger.hover",
   "state": "deleted",
@@ -260,9 +244,9 @@ const replacementMapper = [{
   "state": "deleted",
   "replacement": "color.background.danger.[default].pressed"
 }, {
-  "path": "color.background.subtleDiscovery.resting",
+  "path": "color.background.subtleDanger.resting",
   "state": "deleted",
-  "replacement": "color.background.discovery.[default].[default]"
+  "replacement": "color.background.danger.[default].[default]"
 }, {
   "path": "color.background.subtleDiscovery.hover",
   "state": "deleted",
@@ -272,9 +256,9 @@ const replacementMapper = [{
   "state": "deleted",
   "replacement": "color.background.discovery.[default].pressed"
 }, {
-  "path": "color.background.subtleNeutral.resting",
+  "path": "color.background.subtleDiscovery.resting",
   "state": "deleted",
-  "replacement": "color.background.neutral.[default].[default]"
+  "replacement": "color.background.discovery.[default].[default]"
 }, {
   "path": "color.background.subtleNeutral.hover",
   "state": "deleted",
@@ -284,9 +268,9 @@ const replacementMapper = [{
   "state": "deleted",
   "replacement": "color.background.neutral.[default].pressed"
 }, {
-  "path": "color.background.subtleSuccess.resting",
+  "path": "color.background.subtleNeutral.resting",
   "state": "deleted",
-  "replacement": "color.background.success.[default].[default]"
+  "replacement": "color.background.neutral.[default].[default]"
 }, {
   "path": "color.background.subtleSuccess.hover",
   "state": "deleted",
@@ -296,9 +280,9 @@ const replacementMapper = [{
   "state": "deleted",
   "replacement": "color.background.success.[default].pressed"
 }, {
-  "path": "color.background.subtleWarning.resting",
+  "path": "color.background.subtleSuccess.resting",
   "state": "deleted",
-  "replacement": "color.background.warning.[default].[default]"
+  "replacement": "color.background.success.[default].[default]"
 }, {
   "path": "color.background.subtleWarning.hover",
   "state": "deleted",
@@ -307,6 +291,10 @@ const replacementMapper = [{
   "path": "color.background.subtleWarning.pressed",
   "state": "deleted",
   "replacement": "color.background.warning.[default].pressed"
+}, {
+  "path": "color.background.subtleWarning.resting",
+  "state": "deleted",
+  "replacement": "color.background.warning.[default].[default]"
 }, {
   "path": "color.background.sunken",
   "state": "deleted",
@@ -319,6 +307,18 @@ const replacementMapper = [{
   "path": "color.background.transparentNeutral.pressed",
   "state": "deleted",
   "replacement": "color.background.neutral.subtle.pressed"
+}, {
+  "path": "color.background.brand.[default].[default]",
+  "state": "deleted",
+  "replacement": "color.background.selected.[default].[default]"
+}, {
+  "path": "color.background.brand.[default].hovered",
+  "state": "deleted",
+  "replacement": "color.background.selected.[default].hovered"
+}, {
+  "path": "color.background.brand.[default].pressed",
+  "state": "deleted",
+  "replacement": "color.background.selected.[default].pressed"
 }, {
   "path": "color.interaction.inverse.hovered",
   "state": "deleted",
@@ -512,21 +512,29 @@ const replacementMapper = [{
   "state": "experimental",
   "replacement": "48px"
 }, {
-  "path": "spacing.ecl.element.2",
+  "path": "spacing.gap.100",
   "state": "experimental",
-  "replacement": "2px"
+  "replacement": "8px"
 }, {
-  "path": "spacing.ecl.element.4",
+  "path": "spacing.gap.200",
   "state": "experimental",
-  "replacement": "4px"
+  "replacement": "16px"
 }, {
-  "path": "spacing.ecl.element.6",
+  "path": "spacing.gap.300",
   "state": "experimental",
-  "replacement": "6px"
+  "replacement": "24px"
 }, {
-  "path": "spacing.ecl.element.8",
+  "path": "spacing.inset.100",
   "state": "experimental",
   "replacement": "8px"
+}, {
+  "path": "spacing.inset.200",
+  "state": "experimental",
+  "replacement": "16px"
+}, {
+  "path": "spacing.inset.300",
+  "state": "experimental",
+  "replacement": "24px"
 }, {
   "path": "spacing.ecl.container.12",
   "state": "experimental",
@@ -543,6 +551,22 @@ const replacementMapper = [{
   "path": "spacing.ecl.container.24",
   "state": "experimental",
   "replacement": "24px"
+}, {
+  "path": "spacing.ecl.element.2",
+  "state": "experimental",
+  "replacement": "2px"
+}, {
+  "path": "spacing.ecl.element.4",
+  "state": "experimental",
+  "replacement": "4px"
+}, {
+  "path": "spacing.ecl.element.6",
+  "state": "experimental",
+  "replacement": "6px"
+}, {
+  "path": "spacing.ecl.element.8",
+  "state": "experimental",
+  "replacement": "8px"
 }, {
   "path": "spacing.ecl.layout.32",
   "state": "experimental",
@@ -571,22 +595,6 @@ const replacementMapper = [{
   "path": "spacing.ccc.component.8",
   "state": "experimental",
   "replacement": "8px"
-}, {
-  "path": "spacing.ccc.content.12",
-  "state": "experimental",
-  "replacement": "12px"
-}, {
-  "path": "spacing.ccc.content.16",
-  "state": "experimental",
-  "replacement": "16px"
-}, {
-  "path": "spacing.ccc.content.20",
-  "state": "experimental",
-  "replacement": "20px"
-}, {
-  "path": "spacing.ccc.content.24",
-  "state": "experimental",
-  "replacement": "24px"
 }, {
   "path": "spacing.ccc.container.32",
   "state": "experimental",
@@ -600,27 +608,19 @@ const replacementMapper = [{
   "state": "experimental",
   "replacement": "48px"
 }, {
-  "path": "spacing.gap.100",
+  "path": "spacing.ccc.content.12",
   "state": "experimental",
-  "replacement": "8px"
+  "replacement": "12px"
 }, {
-  "path": "spacing.gap.200",
+  "path": "spacing.ccc.content.16",
   "state": "experimental",
   "replacement": "16px"
 }, {
-  "path": "spacing.gap.300",
-  "state": "experimental",
-  "replacement": "24px"
-}, {
-  "path": "spacing.inset.100",
-  "state": "experimental",
-  "replacement": "8px"
-}, {
-  "path": "spacing.inset.200",
+  "path": "spacing.ccc.content.20",
   "state": "experimental",
-  "replacement": "16px"
+  "replacement": "20px"
 }, {
-  "path": "spacing.inset.300",
+  "path": "spacing.ccc.content.24",
   "state": "experimental",
   "replacement": "24px"
 }];