@atlaskit/code 15.6.2 → 15.6.4

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/code
 
+## 15.6.4
+
+### Patch Changes
+
+- [#153064](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/153064)
+  [`fba89f308ab2b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fba89f308ab2b) -
+  [ux] Removed feature flag resulting typography style changes but no visual changes.
+
+## 15.6.3
+
+### Patch Changes
+
+- [#152305](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/152305)
+  [`0f13c972be628`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0f13c972be628) -
+  [ux] Fix background color override using CSS variable for inlinde code behind a feature flag. If
+  successful, these changes will be made available in a later release.
+
 ## 15.6.2
 
 ### Patch Changes

package/dist/cjs/code.js

@@ -16,9 +16,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _bidiWarning = _interopRequireDefault(require("./bidi-warning"));
 var _bidiWarningDecorator = _interopRequireDefault(require("./bidi-warning/bidi-warning-decorator"));
+var _constants = require("./internal/theme/constants");
 var _styles = require("./internal/theme/styles");
 var _excluded = ["testId"],
   _excluded2 = ["children", "codeBidiWarnings", "codeBidiWarningLabel", "codeBidiWarningTooltipEnabled"];
@@ -29,6 +29,22 @@ var _excluded = ["testId"],
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var styles = (0, _react2.css)({
+  display: 'inline',
+  padding: '2px 0.5ch',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  backgroundColor: "var(".concat(_constants.VAR_CODE_BG_COLOR, ", ", "var(--ds-background-neutral, #091E420F)", ")"),
+  borderRadius: "var(--ds-border-radius, 3px)",
+  borderStyle: 'none',
+  boxDecorationBreak: 'clone',
+  color: "var(--ds-text, #172B4D)",
+  font: "var(--ds-font-code, normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
+  lineHeight: 'inherit',
+  overflow: 'auto',
+  overflowWrap: 'break-word',
+  whiteSpace: 'pre-wrap'
+});
+
 /**
  * __Code__
  *
@@ -42,22 +58,7 @@ var Code = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
   var testId = _ref.testId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  var styles = (0, _platformFeatureFlags.fg)('platform_design_system_team_code_new_typography') ? (0, _react2.css)({
-    display: 'inline',
-    padding: '2px 0.5ch',
-    backgroundColor: "var(--ds-background-neutral, #091E420F)",
-    borderRadius: "var(--ds-border-radius, 3px)",
-    borderStyle: 'none',
-    boxDecorationBreak: 'clone',
-    color: "var(--ds-text, #172B4D)",
-    font: "var(--ds-font-code, normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
-    lineHeight: 'inherit',
-    overflow: 'auto',
-    overflowWrap: 'break-word',
-    whiteSpace: 'pre-wrap'
-  }) :
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  (0, _react2.css)((0, _styles.getCodeStyles)());
+
   var children = props.children,
     _props$codeBidiWarnin = props.codeBidiWarnings,
     codeBidiWarnings = _props$codeBidiWarnin === void 0 ? true : _props$codeBidiWarnin,

package/dist/cjs/internal/theme/get-theme.js

@@ -8,9 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getColorPalette = exports.getBaseTheme = exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
-var _constants = require("@atlaskit/theme/constants");
 var _tokens = require("@atlaskit/tokens");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -22,8 +20,8 @@ var T800 = '#067384';
 var Y1100 = '#7A5D1A';
 var getBaseTheme = exports.getBaseTheme = function getBaseTheme() {
   return {
-    fontFamily: (0, _platformFeatureFlags.fg)('platform_design_system_team_code_new_typography') ? "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)" : (0, _constants.codeFontFamily)(),
-    fontFamilyItalic: "SFMono-MediumItalic, ".concat((0, _platformFeatureFlags.fg)('platform_design_system_team_code_new_typography') ? (0, _tokens.getTokenValue)('font.family.code') : (0, _constants.codeFontFamily)()),
+    fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
+    fontFamilyItalic: "SFMono-MediumItalic, ".concat((0, _tokens.getTokenValue)('font.family.code')),
     backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
     textColor: "var(--ds-text, ".concat(colors.N800, ")"),
     lineNumberColor: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),

package/dist/cjs/internal/theme/styles.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getLineNumWidth = exports.getCodeStyles = exports.getCodeBlockTheme = exports.getCodeBlockStyles = exports.getBaseCodeStyles = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("./constants");
 var _getTheme = require("./get-theme");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -200,7 +199,7 @@ var getBaseCodeStyles = exports.getBaseCodeStyles = function getBaseCodeStyles(t
   return {
     fontSize: _constants.CODE_FONT_SIZE,
     fontFamily: theme.fontFamily,
-    fontWeight: (0, _platformFeatureFlags.fg)('platform_design_system_team_code_new_typography') ? "var(--ds-font-weight-regular, 400)" : 'normal',
+    fontWeight: "var(--ds-font-weight-regular, 400)",
     backgroundColor: "var(".concat(_constants.VAR_CODE_BG_COLOR, ",").concat(theme.backgroundColor, ")"),
     color: theme.textColor,
     borderStyle: 'none',

package/dist/es2019/code.js

@@ -7,10 +7,26 @@ import React, { forwardRef, memo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import CodeBidiWarning from './bidi-warning';
 import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator';
+import { VAR_CODE_BG_COLOR } from './internal/theme/constants';
 import { getCodeStyles } from './internal/theme/styles';
+const styles = css({
+  display: 'inline',
+  padding: '2px 0.5ch',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  backgroundColor: `var(${VAR_CODE_BG_COLOR}, ${"var(--ds-background-neutral, #091E420F)"})`,
+  borderRadius: "var(--ds-border-radius, 3px)",
+  borderStyle: 'none',
+  boxDecorationBreak: 'clone',
+  color: "var(--ds-text, #172B4D)",
+  font: "var(--ds-font-code, normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
+  lineHeight: 'inherit',
+  overflow: 'auto',
+  overflowWrap: 'break-word',
+  whiteSpace: 'pre-wrap'
+});
+
 /**
  * __Code__
  *
@@ -25,22 +41,7 @@ const Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code({
   ...props
 }, ref) {
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  const styles = fg('platform_design_system_team_code_new_typography') ? css({
-    display: 'inline',
-    padding: '2px 0.5ch',
-    backgroundColor: "var(--ds-background-neutral, #091E420F)",
-    borderRadius: "var(--ds-border-radius, 3px)",
-    borderStyle: 'none',
-    boxDecorationBreak: 'clone',
-    color: "var(--ds-text, #172B4D)",
-    font: "var(--ds-font-code, normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
-    lineHeight: 'inherit',
-    overflow: 'auto',
-    overflowWrap: 'break-word',
-    whiteSpace: 'pre-wrap'
-  }) :
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  css(getCodeStyles());
+
   const {
     children,
     codeBidiWarnings = true,

package/dist/es2019/internal/theme/get-theme.js

@@ -1,15 +1,13 @@
 import memoizeOne from 'memoize-one';
-import { fg } from '@atlaskit/platform-feature-flags';
 import * as colors from '@atlaskit/theme/colors';
-import { codeFontFamily } from '@atlaskit/theme/constants';
 import { getTokenValue } from '@atlaskit/tokens';
 // Hardcoded values have been used due to the current color palette not having any
 // accessible color options for Teal and Yellow and +20A
 const T800 = '#067384';
 const Y1100 = '#7A5D1A';
 export const getBaseTheme = () => ({
-  fontFamily: fg('platform_design_system_team_code_new_typography') ? "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)" : codeFontFamily(),
-  fontFamilyItalic: `SFMono-MediumItalic, ${fg('platform_design_system_team_code_new_typography') ? getTokenValue('font.family.code') : codeFontFamily()}`,
+  fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
+  fontFamilyItalic: `SFMono-MediumItalic, ${getTokenValue('font.family.code')}`,
   backgroundColor: `var(--ds-background-neutral, ${colors.N20})`,
   textColor: `var(--ds-text, ${colors.N800})`,
   lineNumberColor: `var(--ds-text-subtlest, ${colors.N400})`,

package/dist/es2019/internal/theme/styles.js

@@ -1,6 +1,5 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-import { fg } from '@atlaskit/platform-feature-flags';
 import { CODE_FONT_SIZE, CODE_LINE_HEIGHT, HIGHLIGHT_BORDER_WIDTH, LINE_NUMBER_GUTTER, SPACING, VAR_CODE_BG_COLOR, VAR_CODE_LINE_NUMBER_BG_COLOR } from './constants';
 import { getBaseTheme, getColorPalette } from './get-theme';
 export const getLineNumWidth = numLines => {
@@ -187,7 +186,7 @@ const syntaxKeywordColors = theme => ({
 export const getBaseCodeStyles = theme => ({
   fontSize: CODE_FONT_SIZE,
   fontFamily: theme.fontFamily,
-  fontWeight: fg('platform_design_system_team_code_new_typography') ? "var(--ds-font-weight-regular, 400)" : 'normal',
+  fontWeight: "var(--ds-font-weight-regular, 400)",
   backgroundColor: `var(${VAR_CODE_BG_COLOR},${theme.backgroundColor})`,
   color: theme.textColor,
   borderStyle: 'none',

package/dist/esm/code.js

@@ -10,10 +10,26 @@ import React, { forwardRef, memo } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import CodeBidiWarning from './bidi-warning';
 import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator';
+import { VAR_CODE_BG_COLOR } from './internal/theme/constants';
 import { getCodeStyles } from './internal/theme/styles';
+var styles = css({
+  display: 'inline',
+  padding: '2px 0.5ch',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  backgroundColor: "var(".concat(VAR_CODE_BG_COLOR, ", ", "var(--ds-background-neutral, #091E420F)", ")"),
+  borderRadius: "var(--ds-border-radius, 3px)",
+  borderStyle: 'none',
+  boxDecorationBreak: 'clone',
+  color: "var(--ds-text, #172B4D)",
+  font: "var(--ds-font-code, normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
+  lineHeight: 'inherit',
+  overflow: 'auto',
+  overflowWrap: 'break-word',
+  whiteSpace: 'pre-wrap'
+});
+
 /**
  * __Code__
  *
@@ -27,22 +43,7 @@ var Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code(_ref, ref) {
   var testId = _ref.testId,
     props = _objectWithoutProperties(_ref, _excluded);
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  var styles = fg('platform_design_system_team_code_new_typography') ? css({
-    display: 'inline',
-    padding: '2px 0.5ch',
-    backgroundColor: "var(--ds-background-neutral, #091E420F)",
-    borderRadius: "var(--ds-border-radius, 3px)",
-    borderStyle: 'none',
-    boxDecorationBreak: 'clone',
-    color: "var(--ds-text, #172B4D)",
-    font: "var(--ds-font-code, normal 400 0.875em/1 ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
-    lineHeight: 'inherit',
-    overflow: 'auto',
-    overflowWrap: 'break-word',
-    whiteSpace: 'pre-wrap'
-  }) :
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  css(getCodeStyles());
+
   var children = props.children,
     _props$codeBidiWarnin = props.codeBidiWarnings,
     codeBidiWarnings = _props$codeBidiWarnin === void 0 ? true : _props$codeBidiWarnin,

package/dist/esm/internal/theme/get-theme.js

@@ -2,9 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import memoizeOne from 'memoize-one';
-import { fg } from '@atlaskit/platform-feature-flags';
 import * as colors from '@atlaskit/theme/colors';
-import { codeFontFamily } from '@atlaskit/theme/constants';
 import { getTokenValue } from '@atlaskit/tokens';
 // Hardcoded values have been used due to the current color palette not having any
 // accessible color options for Teal and Yellow and +20A
@@ -12,8 +10,8 @@ var T800 = '#067384';
 var Y1100 = '#7A5D1A';
 export var getBaseTheme = function getBaseTheme() {
   return {
-    fontFamily: fg('platform_design_system_team_code_new_typography') ? "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)" : codeFontFamily(),
-    fontFamilyItalic: "SFMono-MediumItalic, ".concat(fg('platform_design_system_team_code_new_typography') ? getTokenValue('font.family.code') : codeFontFamily()),
+    fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
+    fontFamilyItalic: "SFMono-MediumItalic, ".concat(getTokenValue('font.family.code')),
     backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
     textColor: "var(--ds-text, ".concat(colors.N800, ")"),
     lineNumberColor: "var(--ds-text-subtlest, ".concat(colors.N400, ")"),

package/dist/esm/internal/theme/styles.js

@@ -3,7 +3,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-import { fg } from '@atlaskit/platform-feature-flags';
 import { CODE_FONT_SIZE, CODE_LINE_HEIGHT, HIGHLIGHT_BORDER_WIDTH, LINE_NUMBER_GUTTER, SPACING, VAR_CODE_BG_COLOR, VAR_CODE_LINE_NUMBER_BG_COLOR } from './constants';
 import { getBaseTheme, getColorPalette } from './get-theme';
 export var getLineNumWidth = function getLineNumWidth(numLines) {
@@ -195,7 +194,7 @@ export var getBaseCodeStyles = function getBaseCodeStyles(theme) {
   return {
     fontSize: CODE_FONT_SIZE,
     fontFamily: theme.fontFamily,
-    fontWeight: fg('platform_design_system_team_code_new_typography') ? "var(--ds-font-weight-regular, 400)" : 'normal',
+    fontWeight: "var(--ds-font-weight-regular, 400)",
     backgroundColor: "var(".concat(VAR_CODE_BG_COLOR, ",").concat(theme.backgroundColor, ")"),
     color: theme.textColor,
     borderStyle: 'none',

package/dist/types/internal/theme/styles.d.ts

@@ -7,7 +7,7 @@ export declare const getLineNumWidth: (numLines: number) => string;
 export declare const getBaseCodeStyles: (theme: CodeTheme) => {
     fontSize: number;
     fontFamily: string | undefined;
-    fontWeight: string;
+    fontWeight: "var(--ds-font-weight-regular)";
     backgroundColor: string;
     color: string | undefined;
     borderStyle: string;

package/dist/types-ts4.5/internal/theme/styles.d.ts

@@ -7,7 +7,7 @@ export declare const getLineNumWidth: (numLines: number) => string;
 export declare const getBaseCodeStyles: (theme: CodeTheme) => {
     fontSize: number;
     fontFamily: string | undefined;
-    fontWeight: string;
+    fontWeight: "var(--ds-font-weight-regular)";
     backgroundColor: string;
     color: string | undefined;
     borderStyle: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/code",
-	"version": "15.6.2",
+	"version": "15.6.4",
 	"description": "Code highlights short strings of code snippets inline with body text.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -27,10 +27,9 @@
 	},
 	"dependencies": {
 		"@atlaskit/codemod-utils": "^4.2.0",
-		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/theme": "^13.0.0",
+		"@atlaskit/theme": "^13.1.0",
 		"@atlaskit/tokens": "^2.0.0",
-		"@atlaskit/tooltip": "^18.7.0",
+		"@atlaskit/tooltip": "^18.8.0",
 		"@atlaskit/visually-hidden": "^1.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -44,7 +43,7 @@
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/ds-lib": "^2.6.0",
+		"@atlaskit/ds-lib": "^3.1.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/toggle": "^13.4.0",
 		"@atlaskit/visual-regression": "*",
@@ -105,10 +104,5 @@
 		"./inline": "./src/entry-points/inline.tsx",
 		"./constants": "./src/entry-points/constants.tsx"
 	},
-	"homepage": "https://atlassian.design/components/code/",
-	"platform-feature-flags": {
-		"platform_design_system_team_code_new_typography": {
-			"type": "boolean"
-		}
-	}
+	"homepage": "https://atlassian.design/components/code/"
 }