@atlaskit/code 17.0.0 → 17.1.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/code
 
+## 17.1.1
+
+### Patch Changes
+
+- [#152049](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/152049)
+  [`a2bdf059329e8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a2bdf059329e8) -
+  Add support for Gherkin language to code
+
+## 17.1.0
+
+### Minor Changes
+
+- [#146790](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/146790)
+  [`14ab02f5ac440`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/14ab02f5ac440) -
+  Removing deprecated `getCodeStyles` function export
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 17.0.0
 
 ### Major Changes

package/dist/cjs/code-block.js

@@ -98,6 +98,7 @@ var CodeBlock = /*#__PURE__*/(0, _react.memo)(function CodeBlock(_ref) {
     codeBidiWarningLabel: codeBidiWarningLabel,
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
     text: text,
+    tabIndex: "0",
     className: (0, _runtime.ax)([getCodeBlockStyles.root, shouldWrapLongLines ? getCodeBlockStyles.shouldWrapLongLines : getCodeBlockStyles.dontWrapLongLines, showLineNumbers ? getCodeBlockStyles.showLineNumbers : getCodeBlockStyles.dontShowLineNumbers])
   });
 });

package/dist/cjs/code.js

@@ -7,12 +7,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-Object.defineProperty(exports, "getCodeStyles", {
-  enumerable: true,
-  get: function get() {
-    return _styles.getCodeStyles;
-  }
-});
 require("./code.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -20,7 +14,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _bidiWarning = _interopRequireDefault(require("./bidi-warning"));
 var _bidiWarningDecorator = _interopRequireDefault(require("./bidi-warning/bidi-warning-decorator"));
-var _styles = require("./internal/theme/styles");
 var _excluded = ["testId"],
   _excluded2 = ["children", "codeBidiWarnings", "codeBidiWarningLabel", "codeBidiWarningTooltipEnabled"];
 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); }
@@ -41,8 +34,6 @@ var styles = {
 var Code = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function Code(_ref, ref) {
   var testId = _ref.testId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-
   var children = props.children,
     _props$codeBidiWarnin = props.codeBidiWarnings,
     codeBidiWarnings = _props$codeBidiWarnin === void 0 ? true : _props$codeBidiWarnin,

package/dist/cjs/constants.js

@@ -338,6 +338,10 @@ var SUPPORTED_LANGUAGES = exports.SUPPORTED_LANGUAGES = [{
   name: 'Handlebars',
   alias: ['handlebars', 'mustache'],
   value: 'handlebars'
+}, {
+  name: 'Gherkin',
+  alias: ['gherkin', 'cucumber'],
+  value: 'gherkin'
 }, {
   name: 'ABAP',
   alias: ['abap'],

package/dist/cjs/entry-points/inline.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,12 +10,4 @@ Object.defineProperty(exports, "default", {
     return _code.default;
   }
 });
-Object.defineProperty(exports, "getCodeStyles", {
-  enumerable: true,
-  get: function get() {
-    return _code.getCodeStyles;
-  }
-});
-var _code = _interopRequireWildcard(require("../code"));
-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 _code = _interopRequireDefault(require("../code"));

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,14 +22,6 @@ Object.defineProperty(exports, "SUPPORTED_LANGUAGES", {
     return _constants.SUPPORTED_LANGUAGES;
   }
 });
-Object.defineProperty(exports, "getCodeStyles", {
-  enumerable: true,
-  get: function get() {
-    return _code.getCodeStyles;
-  }
-});
-var _code = _interopRequireWildcard(require("./code"));
+var _code = _interopRequireDefault(require("./code"));
 var _codeBlock = _interopRequireDefault(require("./code-block"));
-var _constants = require("./constants");
-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 _constants = require("./constants");

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

@@ -3,30 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getLineNumWidth = exports.getCodeStyles = void 0;
+exports.getLineNumWidth = void 0;
 var getLineNumWidth = exports.getLineNumWidth = function getLineNumWidth(numLines) {
   return !numLines ? '1ch' : "".concat(numLines.toFixed(0).length, "ch");
-};
-
-// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
-/**
- * @deprecated
- */
-var getCodeStyles = exports.getCodeStyles = function getCodeStyles() {
-  return {
-    display: 'inline',
-    padding: '2px 0.5ch',
-    backgroundColor: "var(--ds--code--bg-color,".concat("var(--ds-background-neutral, #091E420F)", ")"),
-    borderRadius: "var(--ds-border-radius, 3px)",
-    borderStyle: 'none',
-    boxDecorationBreak: 'clone',
-    color: "var(--ds-text, #172B4D)",
-    fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: '0.875em',
-    fontWeight: "var(--ds-font-weight-regular, 400)",
-    overflow: 'auto',
-    overflowWrap: 'break-word',
-    whiteSpace: 'pre-wrap'
-  };
 };

package/dist/es2019/code-block.js

@@ -77,6 +77,7 @@ const CodeBlock = /*#__PURE__*/memo(function CodeBlock({
     codeBidiWarningLabel: codeBidiWarningLabel,
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
     text: text,
+    tabIndex: "0",
     className: ax([getCodeBlockStyles.root, shouldWrapLongLines ? getCodeBlockStyles.shouldWrapLongLines : getCodeBlockStyles.dontWrapLongLines, showLineNumbers ? getCodeBlockStyles.showLineNumbers : getCodeBlockStyles.dontShowLineNumbers])
   });
 });

package/dist/es2019/code.js

@@ -5,7 +5,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef, memo } from 'react';
 import CodeBidiWarning from './bidi-warning';
 import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator';
-import { getCodeStyles } from './internal/theme/styles';
 const styles = {
   base: "_ca0qyh40 _u5f3m5ip _n3tdyh40 _19bvm5ip _2rko1sit _11c81u0j _1reo1wug _18m91wug _1dqoglyw _1e0c1nu9 _bfhktkvp _16d9qvcn _syaz1fxt _vwz41kw7 _1i4q1hna _o5721jtm"
 };
@@ -23,8 +22,6 @@ const Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code({
   testId,
   ...props
 }, ref) {
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-
   const {
     children,
     codeBidiWarnings = true,
@@ -79,5 +76,4 @@ function isReactElement(child) {
   return !!child.type;
 }
 Code.displayName = 'Code';
-export { getCodeStyles };
 export default Code;

package/dist/es2019/constants.js

@@ -325,6 +325,10 @@ export const SUPPORTED_LANGUAGES = [{
   name: 'Handlebars',
   alias: ['handlebars', 'mustache'],
   value: 'handlebars'
+}, {
+  name: 'Gherkin',
+  alias: ['gherkin', 'cucumber'],
+  value: 'gherkin'
 }, {
   name: 'ABAP',
   alias: ['abap'],

package/dist/es2019/entry-points/inline.js

@@ -1 +1 @@
-export { default, getCodeStyles } from '../code';
+export { default } from '../code';

package/dist/es2019/index.js

@@ -1,3 +1,3 @@
-export { default as Code, getCodeStyles } from './code';
+export { default as Code } from './code';
 export { default as CodeBlock } from './code-block';
 export { SUPPORTED_LANGUAGES } from './constants';

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

@@ -1,26 +1,3 @@
 export const getLineNumWidth = numLines => {
   return !numLines ? '1ch' : `${numLines.toFixed(0).length}ch`;
-};
-
-// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
-/**
- * @deprecated
- */
-export const getCodeStyles = () => {
-  return {
-    display: 'inline',
-    padding: '2px 0.5ch',
-    backgroundColor: `var(--ds--code--bg-color,${"var(--ds-background-neutral, #091E420F)"})`,
-    borderRadius: "var(--ds-border-radius, 3px)",
-    borderStyle: 'none',
-    boxDecorationBreak: 'clone',
-    color: "var(--ds-text, #172B4D)",
-    fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: '0.875em',
-    fontWeight: "var(--ds-font-weight-regular, 400)",
-    overflow: 'auto',
-    overflowWrap: 'break-word',
-    whiteSpace: 'pre-wrap'
-  };
 };

package/dist/esm/code-block.js

@@ -88,6 +88,7 @@ var CodeBlock = /*#__PURE__*/memo(function CodeBlock(_ref) {
     codeBidiWarningLabel: codeBidiWarningLabel,
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled,
     text: text,
+    tabIndex: "0",
     className: ax([getCodeBlockStyles.root, shouldWrapLongLines ? getCodeBlockStyles.shouldWrapLongLines : getCodeBlockStyles.dontWrapLongLines, showLineNumbers ? getCodeBlockStyles.showLineNumbers : getCodeBlockStyles.dontShowLineNumbers])
   });
 });

package/dist/esm/code.js

@@ -8,7 +8,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef, memo } from 'react';
 import CodeBidiWarning from './bidi-warning';
 import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator';
-import { getCodeStyles } from './internal/theme/styles';
 var styles = {
   base: "_ca0qyh40 _u5f3m5ip _n3tdyh40 _19bvm5ip _2rko1sit _11c81u0j _1reo1wug _18m91wug _1dqoglyw _1e0c1nu9 _bfhktkvp _16d9qvcn _syaz1fxt _vwz41kw7 _1i4q1hna _o5721jtm"
 };
@@ -25,8 +24,6 @@ var styles = {
 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 children = props.children,
     _props$codeBidiWarnin = props.codeBidiWarnings,
     codeBidiWarnings = _props$codeBidiWarnin === void 0 ? true : _props$codeBidiWarnin,
@@ -81,5 +78,4 @@ function isReactElement(child) {
   return !!child.type;
 }
 Code.displayName = 'Code';
-export { getCodeStyles };
 export default Code;

package/dist/esm/constants.js

@@ -325,6 +325,10 @@ export var SUPPORTED_LANGUAGES = [{
   name: 'Handlebars',
   alias: ['handlebars', 'mustache'],
   value: 'handlebars'
+}, {
+  name: 'Gherkin',
+  alias: ['gherkin', 'cucumber'],
+  value: 'gherkin'
 }, {
   name: 'ABAP',
   alias: ['abap'],

package/dist/esm/entry-points/inline.js

@@ -1 +1 @@
-export { default, getCodeStyles } from '../code';
+export { default } from '../code';

package/dist/esm/index.js

@@ -1,3 +1,3 @@
-export { default as Code, getCodeStyles } from './code';
+export { default as Code } from './code';
 export { default as CodeBlock } from './code-block';
 export { SUPPORTED_LANGUAGES } from './constants';

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

@@ -1,26 +1,3 @@
 export var getLineNumWidth = function getLineNumWidth(numLines) {
   return !numLines ? '1ch' : "".concat(numLines.toFixed(0).length, "ch");
-};
-
-// eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required
-/**
- * @deprecated
- */
-export var getCodeStyles = function getCodeStyles() {
-  return {
-    display: 'inline',
-    padding: '2px 0.5ch',
-    backgroundColor: "var(--ds--code--bg-color,".concat("var(--ds-background-neutral, #091E420F)", ")"),
-    borderRadius: "var(--ds-border-radius, 3px)",
-    borderStyle: 'none',
-    boxDecorationBreak: 'clone',
-    color: "var(--ds-text, #172B4D)",
-    fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
-    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-    fontSize: '0.875em',
-    fontWeight: "var(--ds-font-weight-regular, 400)",
-    overflow: 'auto',
-    overflowWrap: 'break-word',
-    whiteSpace: 'pre-wrap'
-  };
 };

package/dist/types/code.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import React from 'react';
-import { getCodeStyles } from './internal/theme/styles';
 import type { CodeProps } from './types';
 /**
  * __Code__
@@ -15,5 +14,4 @@ import type { CodeProps } from './types';
  * - [Usage](https://atlassian.design/components/code/usage)
  */
 declare const Code: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<CodeProps, "ref"> & React.RefAttributes<HTMLElement>>>;
-export { getCodeStyles };
 export default Code;

package/dist/types/constants.d.ts

@@ -322,6 +322,10 @@ export declare const SUPPORTED_LANGUAGES: readonly [{
     readonly name: "Handlebars";
     readonly alias: readonly ["handlebars", "mustache"];
     readonly value: "handlebars";
+}, {
+    readonly name: "Gherkin";
+    readonly alias: readonly ["gherkin", "cucumber"];
+    readonly value: "gherkin";
 }, {
     readonly name: "ABAP";
     readonly alias: readonly ["abap"];

package/dist/types/entry-points/inline.d.ts

@@ -1,2 +1,2 @@
-export { default, getCodeStyles } from '../code';
+export { default } from '../code';
 export type { CodeBlockProps } from '../types';

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Code, getCodeStyles } from './code';
+export { default as Code } from './code';
 export { default as CodeBlock } from './code-block';
 export type { CodeBlockProps, CodeProps, SupportedLanguages, LanguageAlias, Language, } from './types';
 export { SUPPORTED_LANGUAGES } from './constants';

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

@@ -1,19 +1 @@
 export declare const getLineNumWidth: (numLines: number) => string;
-/**
- * @deprecated
- */
-export declare const getCodeStyles: () => {
-    display: string;
-    padding: string;
-    backgroundColor: string;
-    borderRadius: "var(--ds-border-radius)";
-    borderStyle: string;
-    boxDecorationBreak: string;
-    color: "var(--ds-text)";
-    fontFamily: "var(--ds-font-family-code)";
-    fontSize: string;
-    fontWeight: "var(--ds-font-weight-regular)";
-    overflow: string;
-    overflowWrap: string;
-    whiteSpace: string;
-};

package/dist/types-ts4.5/code.d.ts

@@ -3,7 +3,6 @@
  * @jsx jsx
  */
 import React from 'react';
-import { getCodeStyles } from './internal/theme/styles';
 import type { CodeProps } from './types';
 /**
  * __Code__
@@ -15,5 +14,4 @@ import type { CodeProps } from './types';
  * - [Usage](https://atlassian.design/components/code/usage)
  */
 declare const Code: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<CodeProps, "ref"> & React.RefAttributes<HTMLElement>>>;
-export { getCodeStyles };
 export default Code;

package/dist/types-ts4.5/constants.d.ts

@@ -649,6 +649,14 @@ export declare const SUPPORTED_LANGUAGES: readonly [
         ];
         readonly value: "handlebars";
     },
+    {
+        readonly name: "Gherkin";
+        readonly alias: readonly [
+            "gherkin",
+            "cucumber"
+        ];
+        readonly value: "gherkin";
+    },
     {
         readonly name: "ABAP";
         readonly alias: readonly [

package/dist/types-ts4.5/entry-points/inline.d.ts

@@ -1,2 +1,2 @@
-export { default, getCodeStyles } from '../code';
+export { default } from '../code';
 export type { CodeBlockProps } from '../types';

package/dist/types-ts4.5/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Code, getCodeStyles } from './code';
+export { default as Code } from './code';
 export { default as CodeBlock } from './code-block';
 export type { CodeBlockProps, CodeProps, SupportedLanguages, LanguageAlias, Language, } from './types';
 export { SUPPORTED_LANGUAGES } from './constants';

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

@@ -1,19 +1 @@
 export declare const getLineNumWidth: (numLines: number) => string;
-/**
- * @deprecated
- */
-export declare const getCodeStyles: () => {
-    display: string;
-    padding: string;
-    backgroundColor: string;
-    borderRadius: "var(--ds-border-radius)";
-    borderStyle: string;
-    boxDecorationBreak: string;
-    color: "var(--ds-text)";
-    fontFamily: "var(--ds-font-family-code)";
-    fontSize: string;
-    fontWeight: "var(--ds-font-weight-regular)";
-    overflow: string;
-    overflowWrap: string;
-    whiteSpace: string;
-};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/code",
-	"version": "17.0.0",
+	"version": "17.1.1",
 	"description": "Code highlights short strings of code snippets inline with body text.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
 	"dependencies": {
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tokens": "^4.6.0",
+		"@atlaskit/tokens": "^4.8.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -42,17 +42,17 @@
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
-		"@af/accessibility-testing": "^2.0.0",
-		"@af/integration-testing": "^0.5.0",
-		"@af/visual-regression": "^1.3.0",
+		"@af/accessibility-testing": "workspace:^",
+		"@af/integration-testing": "workspace:^",
+		"@af/visual-regression": "workspace:^",
 		"@atlaskit/button": "^23.0.0",
 		"@atlaskit/docs": "^10.0.0",
 		"@atlaskit/ds-lib": "^4.0.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/link": "^3.1.0",
-		"@atlaskit/primitives": "^14.3.0",
+		"@atlaskit/primitives": "^14.7.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/ssr": "^0.4.0",
+		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/theme": "^18.0.0",
 		"@atlaskit/toggle": "^15.0.0",
 		"@atlassian/ssr-tests": "^0.2.0",

package/report.api.md

@@ -424,9 +424,6 @@ export interface CodeProps extends HTMLProps<HTMLElement> {
 	testId?: string;
 }
 
-// @public @deprecated (undocumented)
-export const getCodeStyles: () => CSSObject;
-
 // @public (undocumented)
 export type Language = (typeof SUPPORTED_LANGUAGES)[number];