@aivenio/aquarium 1.77.1 → 1.78.0

package/README.md

@@ -85,9 +85,9 @@ This project requires certain environment variables to be set before commands su
 To develop Aquarium components in the context of an application, it is easier to run a locally modified version of Aquarium in your application (e.g. Console).
 There are two ways to do this: [npm link](https://docs.npmjs.com/cli/v7/commands/npm-link), or copying the module into your app. This allows you to make changes to components and instantly see the change in the context of the app.
 
-#### npm link
+#### `npm link`
 
-> ⚠️ TODO: This doesn't currently work out of the box. Revise the instructions
+> ❌ TODO: This doesn't currently work out of the box. Revise the instructions
 
 1. In design-system directory, run `npm link`
 2. In design-system directory, run `npm link <path to your app>/node_modules/react` to avoid running into conflict of having two react instances. This will otherwise break the rules of hooks and crash the app. More info on the issue [here](https://reactjs.org/warnings/invalid-hook-call-warning.html#duplicate-react). If the command fails with errors about peer dependencies, re-run the command, adding `--force` at the end.
@@ -99,6 +99,8 @@ There are two ways to do this: [npm link](https://docs.npmjs.com/cli/v7/commands
 
 #### Copy module
 
+> ⚠️ If you've installed new dependencies on the DS side, this doesn't work. See <a href="#copy-module">instructions for npm pack</a> instead.
+
 npm link can be tricky to get working. A simpler approach is to build a production build of the DS and copy it into your application's `node-modules` directory. Remember to restart the build process of your app once DS has been built and copied over. Here's a snippet to do all that:
 
 ```sh
@@ -109,6 +111,21 @@ cd <path to ds> \
   && cp -R <path to ds>/dist ./node_modules/@aivenio/aquarium # && <the dev/build command of your app>
 ```
 
+#### `npm pack`
+
+Copy module is a hack which doesn't work when the dependencies have changed on the DS side since the last install in your app side. You can instead use `npm pack` to create a tarball (like what's published to the real npm) and install that to your app. Here's a snippet to do all that:
+
+```sh
+cd <path to ds> \
+  && npm run build \
+  && jq --arg file_name $(npm pack 2>&1 | tail -1) '.dependencies["@aivenio/aquarium"] = "file:<path to ds>/\($file_name)"' <path to your app>/package.json > <path to your app>/package-json-new.tmp \
+  && cd <path to your app> \
+  && mv package-json-new.tmp package.json \
+  && npm install # && <the dev/build command of your app>
+```
+
+Make sure you replace all `<path to ds>` and `<path to your app>` strings with the exact absolute paths.
+
 ### Running tests
 
 Remember that `source .env` is needed before NPM commands.

package/dist/atoms.cjs

@@ -5533,6 +5533,26 @@ var tokens_default = {
       lineHeight: 1.5,
       textTransform: "none"
     },
+    "code-small": {
+      fontFamily: [
+        "Source Code Pro"
+      ],
+      fontSize: "14px",
+      fontWeight: 400,
+      fontStyle: "normal",
+      lineHeight: 1.42,
+      textTransform: "none"
+    },
+    "code-small-strong": {
+      fontFamily: [
+        "Source Code Pro"
+      ],
+      fontSize: "14px",
+      fontWeight: 600,
+      fontStyle: "normal",
+      lineHeight: 1.42,
+      textTransform: "none"
+    },
     "caption-small": {
       fontFamily: [
         "Inter"
@@ -7454,6 +7474,22 @@ Typography2.CodeStrong = (_a) => {
   }));
 };
 Typography2.CodeStrong.displayName = "Typography.CodeStrong";
+Typography2.CodeSmall = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ import_react22.default.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "code-small"
+  }));
+};
+Typography2.CodeSmall.displayName = "Typography.Code";
+Typography2.CodeSmallStrong = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ import_react22.default.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "code-small-strong"
+  }));
+};
+Typography2.CodeSmallStrong.displayName = "Typography.CodeSmallStrong";
 Typography2.LargeText = (_a) => {
   var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
   return /* @__PURE__ */ import_react22.default.createElement(Typography, __spreadProps(__spreadValues({}, props), {

package/dist/atoms.mjs

@@ -5483,6 +5483,26 @@ var tokens_default = {
       lineHeight: 1.5,
       textTransform: "none"
     },
+    "code-small": {
+      fontFamily: [
+        "Source Code Pro"
+      ],
+      fontSize: "14px",
+      fontWeight: 400,
+      fontStyle: "normal",
+      lineHeight: 1.42,
+      textTransform: "none"
+    },
+    "code-small-strong": {
+      fontFamily: [
+        "Source Code Pro"
+      ],
+      fontSize: "14px",
+      fontWeight: 600,
+      fontStyle: "normal",
+      lineHeight: 1.42,
+      textTransform: "none"
+    },
     "caption-small": {
       fontFamily: [
         "Inter"
@@ -7407,6 +7427,22 @@ Typography2.CodeStrong = (_a) => {
   }));
 };
 Typography2.CodeStrong.displayName = "Typography.CodeStrong";
+Typography2.CodeSmall = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ React18.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "code-small"
+  }));
+};
+Typography2.CodeSmall.displayName = "Typography.Code";
+Typography2.CodeSmallStrong = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ React18.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "code-small-strong"
+  }));
+};
+Typography2.CodeSmallStrong.displayName = "Typography.CodeSmallStrong";
 Typography2.LargeText = (_a) => {
   var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
   return /* @__PURE__ */ React18.createElement(Typography, __spreadProps(__spreadValues({}, props), {

package/dist/src/molecules/Typography/Typography.d.ts

@@ -5,7 +5,7 @@ declare type Props = Omit<TypographyProps, 'fontWeight' | 'variant'>;
 declare type LegacyProps = Omit<TypographyProps, 'variant'>;
 declare type Header = 'LargeHeading';
 declare type Body = 'Default' | 'DefaultStrong' | 'Large' | 'LargeStrong' | 'Small' | 'SmallStrong';
-declare type Monospace = 'Code' | 'CodeStrong';
+declare type Monospace = 'Code' | 'CodeSmall' | 'CodeSmallStrong' | 'CodeStrong';
 declare type Formatting = 'Strong';
 declare type ComposedTypographyProps = {
     [key in Body | Header | Monospace]: React.FC<Props>;

package/dist/src/molecules/Typography/Typography.js

@@ -94,6 +94,16 @@ Typography.CodeStrong = (_a) => {
     return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "code-strong" })));
 };
 Typography.CodeStrong.displayName = 'Typography.CodeStrong';
+Typography.CodeSmall = (_a) => {
+    var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
+    return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "code-small" })));
+};
+Typography.CodeSmall.displayName = 'Typography.Code';
+Typography.CodeSmallStrong = (_a) => {
+    var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
+    return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "code-small-strong" })));
+};
+Typography.CodeSmallStrong.displayName = 'Typography.CodeSmallStrong';
 // Legacy variants
 Typography.LargeText = (_a) => {
     var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
@@ -120,4 +130,4 @@ Typography.SmallTextBold = (_a) => {
     return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "small-strong" })));
 };
 Typography.SmallTextBold.displayName = 'Typography.SmallTextBold';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFVBQVUsTUFBTSxZQUFZLENBQUM7QUFFcEMsT0FBTyxFQUFFLFVBQVUsSUFBSSxjQUFjLEVBQXdCLE1BQU0saUNBQWlDLENBQUM7QUFFckcsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBNkR4QyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQXdELENBQUMsS0FBc0IsRUFBRSxFQUFFLENBQUMsQ0FDekcsb0JBQUMsY0FBYyxvQkFBSyxLQUFLLEVBQUksQ0FDOUIsQ0FBQztBQUNGLFVBQVUsQ0FBQyxXQUFXLEdBQUcsWUFBWSxDQUFDO0FBRXRDLFVBQVUsQ0FBQyxZQUFZLEdBQUcsQ0FBQyxFQUFtQyxFQUFFLEVBQUU7UUFBdkMsRUFBRSxPQUFPLEdBQUcsSUFBSSxPQUFtQixFQUFkLEtBQUssY0FBMUIsV0FBNEIsQ0FBRjtJQUFjLE9BQUEsQ0FDakUsb0JBQUMsY0FBYyxvQkFBSyxLQUFLLElBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUMsZUFBZSxJQUFHLENBQ3hFLENBQUE7Q0FBQSxDQUFDO0FBQ0YsVUFBVSxDQUFDLFlBQVksQ0FBQyxXQUFXLEdBQUcseUJBQXlCLENBQUM7QUFFaEU7Ozs7Ozs7R0FPRztBQUNILFVBQVUsQ0FBQyxPQUFPLEdBQUcsQ0FBQyxFQUFxRCxFQUFFLEVBQUU7UUFBekQsRUFBRSxPQUFPLEdBQUcsSUFBSSxFQUFFLFVBQVUsT0FBeUIsRUFBcEIsS0FBSyxjQUF0Qyx5QkFBd0MsQ0FBRjtJQUFvQixPQUFBLENBQzlFLG9CQUFDLGNBQWMsb0JBQUssS0FBSyxJQUFFLE9BQU8sRUFBRSxPQUFPLEVB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFVBQVUsTUFBTSxZQUFZLENBQUM7QUFFcEMsT0FBTyxFQUFFLFVBQVUsSUFBSSxjQUFjLEVBQXdCLE1BQU0saUNBQWlDLENBQUM7QUFFckcsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBNkR4QyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQXdELENBQUMsS0FBc0IsRUFBRSxFQUFFLENBQUMsQ0FDekcsb0JBQUMsY0FBYyxvQkFBSyxLQUFLLEVBQUksQ0FDOUIsQ0FBQztBQUNGLFVBQVUsQ0FBQyxXQUFXLEdBQUcsWUFBWSxDQUFDO0FBRXRDLFVBQVUsQ0FBQyxZQUFZLEdBQUcsQ0FBQyxFQUFtQyxFQUFFLEVBQUU7UUFBdkMsRUFBRSxPQUFPLEdBQUcsSUFBSSxPQUFtQixFQUFkLEtBQUssY0FBMUIsV0FBNEIsQ0FBRjtJQUFjLE9BQUEsQ0FDakUsb0JBQUMsY0FBYyxvQkFBSyxLQUFLLElBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUMsZUFBZSxJQUFHLENBQ3hFLENBQUE7Q0FBQSxDQUFDO0FBQ0YsVUFBVSxDQUFDLFlBQVksQ0FBQyxXQUFXLEdBQUcseUJBQXlCLENBQUM7QUFFaEU7Ozs7Ozs7R0FPRztBQUNILFVBQVUsQ0FBQyxPQUFPLEdBQUcsQ0FBQyxFQUFxRCxFQUFFLEVBQUU7UUFBekQsRUFBRSxPQUFPLEdBQUcsSUFBSSxFQUFFLFVBQVUsT0FBeUIsRUFBcEIsS0FBSyxjQUF0Qyx5QkFBd0MsQ0FBRjtJQUFvQixPQUFBLENBQzlFLG9CQUFDLGNBQWMsb0JBQUssS0FBSyxJQUFFLE9BQU8sRUFBRSxPQUFPLEVB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

package/dist/src/tokens/tokens.json

@@ -460,6 +460,26 @@
             "lineHeight": 1.5,
             "textTransform": "none"
         },
+        "code-small": {
+            "fontFamily": [
+                "Source Code Pro"
+            ],
+            "fontSize": "14px",
+            "fontWeight": 400,
+            "fontStyle": "normal",
+            "lineHeight": 1.42,
+            "textTransform": "none"
+        },
+        "code-small-strong": {
+            "fontFamily": [
+                "Source Code Pro"
+            ],
+            "fontSize": "14px",
+            "fontWeight": 600,
+            "fontStyle": "normal",
+            "lineHeight": 1.42,
+            "textTransform": "none"
+        },
         "caption-small": {
             "fontFamily": [
                 "Inter"

package/dist/src/utils/mocks/mockDynamicIds.js

@@ -1,7 +1,6 @@
 export const mockDynamicIds = () => {
     let id = 0;
     const generateID = () => `id-${++id}`;
-    jest.mock('@react-aria/utils', () => (Object.assign(Object.assign({}, jest.requireActual('@react-aria/utils')), { useId: generateID })));
     jest.mock('lodash/uniqueId', () => {
         return {
             __esModule: true,
@@ -12,4 +11,4 @@ export const mockDynamicIds = () => {
         id = 0;
     });
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ja0R5bmFtaWNJZHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvbW9ja3MvbW9ja0R5bmFtaWNJZHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLEdBQUcsRUFBRTtJQUNqQyxJQUFJLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDWCxNQUFNLFVBQVUsR0FBRyxHQUFHLEVBQUUsQ0FBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUM7SUFFdEMsSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxHQUFHLEVBQUUsQ0FBQyxpQ0FDaEMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQyxLQUMxQyxLQUFLLEVBQUUsVUFBVSxJQUNqQixDQUFDLENBQUM7SUFFSixJQUFJLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLEdBQUcsRUFBRTtRQUNoQyxPQUFPO1lBQ0wsVUFBVSxFQUFFLElBQUk7WUFDaEIsT0FBTyxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDO1NBQzdCLENBQUM7SUFDSixDQUFDLENBQUMsQ0FBQztJQUVILFVBQVUsQ0FBQyxHQUFHLEVBQUU7UUFDZCxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1QsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9ja0R5bmFtaWNJZHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvbW9ja3MvbW9ja0R5bmFtaWNJZHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLEdBQUcsRUFBRTtJQUNqQyxJQUFJLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDWCxNQUFNLFVBQVUsR0FBRyxHQUFHLEVBQUUsQ0FBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUM7SUFFdEMsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxHQUFHLEVBQUU7UUFDaEMsT0FBTztZQUNMLFVBQVUsRUFBRSxJQUFJO1lBQ2hCLE9BQU8sRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQztTQUM3QixDQUFDO0lBQ0osQ0FBQyxDQUFDLENBQUM7SUFFSCxVQUFVLENBQUMsR0FBRyxFQUFFO1FBQ2QsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNULENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDIn0=

package/dist/styles.css

@@ -809,6 +809,12 @@ input[type='number'].no-arrows {
 .typography-code-strong{
   font: normal 600 16px/1.5 Source Code Pro;
 }
+.typography-code-small{
+  font: normal 400 14px/1.42 Source Code Pro;
+}
+.typography-code-small-strong{
+  font: normal 600 14px/1.42 Source Code Pro;
+}
 .typography-caption-small{
   font: normal 400 10px/1.2 Inter;
 }

package/dist/system.cjs

@@ -6325,6 +6325,26 @@ var tokens_default = {
       lineHeight: 1.5,
       textTransform: "none"
     },
+    "code-small": {
+      fontFamily: [
+        "Source Code Pro"
+      ],
+      fontSize: "14px",
+      fontWeight: 400,
+      fontStyle: "normal",
+      lineHeight: 1.42,
+      textTransform: "none"
+    },
+    "code-small-strong": {
+      fontFamily: [
+        "Source Code Pro"
+      ],
+      fontSize: "14px",
+      fontWeight: 600,
+      fontStyle: "normal",
+      lineHeight: 1.42,
+      textTransform: "none"
+    },
     "caption-small": {
       fontFamily: [
         "Inter"
@@ -7867,6 +7887,22 @@ Typography2.CodeStrong = (_a) => {
   }));
 };
 Typography2.CodeStrong.displayName = "Typography.CodeStrong";
+Typography2.CodeSmall = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ import_react23.default.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "code-small"
+  }));
+};
+Typography2.CodeSmall.displayName = "Typography.Code";
+Typography2.CodeSmallStrong = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ import_react23.default.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "code-small-strong"
+  }));
+};
+Typography2.CodeSmallStrong.displayName = "Typography.CodeSmallStrong";
 Typography2.LargeText = (_a) => {
   var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
   return /* @__PURE__ */ import_react23.default.createElement(Typography, __spreadProps(__spreadValues({}, props), {

package/dist/system.mjs

@@ -6174,6 +6174,26 @@ var tokens_default = {
       lineHeight: 1.5,
       textTransform: "none"
     },
+    "code-small": {
+      fontFamily: [
+        "Source Code Pro"
+      ],
+      fontSize: "14px",
+      fontWeight: 400,
+      fontStyle: "normal",
+      lineHeight: 1.42,
+      textTransform: "none"
+    },
+    "code-small-strong": {
+      fontFamily: [
+        "Source Code Pro"
+      ],
+      fontSize: "14px",
+      fontWeight: 600,
+      fontStyle: "normal",
+      lineHeight: 1.42,
+      textTransform: "none"
+    },
     "caption-small": {
       fontFamily: [
         "Inter"
@@ -7716,6 +7736,22 @@ Typography2.CodeStrong = (_a) => {
   }));
 };
 Typography2.CodeStrong.displayName = "Typography.CodeStrong";
+Typography2.CodeSmall = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ React19.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "code-small"
+  }));
+};
+Typography2.CodeSmall.displayName = "Typography.Code";
+Typography2.CodeSmallStrong = (_a) => {
+  var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
+  return /* @__PURE__ */ React19.createElement(Typography, __spreadProps(__spreadValues({}, props), {
+    htmlTag,
+    variant: "code-small-strong"
+  }));
+};
+Typography2.CodeSmallStrong.displayName = "Typography.CodeSmallStrong";
 Typography2.LargeText = (_a) => {
   var _b = _a, { htmlTag = "div" } = _b, props = __objRest(_b, ["htmlTag"]);
   return /* @__PURE__ */ React19.createElement(Typography, __spreadProps(__spreadValues({}, props), {

package/dist/tokens.json

@@ -460,6 +460,26 @@
       "lineHeight": 1.5,
       "textTransform": "none"
     },
+    "code-small": {
+      "fontFamily": [
+        "Source Code Pro"
+      ],
+      "fontSize": "14px",
+      "fontWeight": 400,
+      "fontStyle": "normal",
+      "lineHeight": 1.42,
+      "textTransform": "none"
+    },
+    "code-small-strong": {
+      "fontFamily": [
+        "Source Code Pro"
+      ],
+      "fontSize": "14px",
+      "fontWeight": 600,
+      "fontStyle": "normal",
+      "lineHeight": 1.42,
+      "textTransform": "none"
+    },
     "caption-small": {
       "fontFamily": [
         "Inter"