@atlaskit/help-article 4.0.35 → 4.0.37

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/help-article
 
+## 4.0.37
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.0.36
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.0.35
 
 ### Patch Changes

package/dist/cjs/components/ArticleBody/index.js

@@ -1,52 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ArticleBody = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _renderer = require("@atlaskit/renderer");
-
 var _HelpArticle = require("../../model/HelpArticle");
-
 var _resetCss = _interopRequireDefault(require("./resetCss"));
-
 var _styled = require("./styled");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var IFRAME_CONTAINER_ID = 'help-iframe-container';
 var IFRAME_ID = 'help-iframe';
-
 var ArticleBody = function ArticleBody(props) {
   /**
    * Set article height
    */
   var resizeIframe = function resizeIframe(onArticleRenderDone) {
     var currentIframe = document.getElementById(IFRAME_ID);
-
     if (!currentIframe) {
       return;
     }
-
     if (currentIframe !== null && currentIframe.contentWindow !== null) {
       if (currentIframe.contentWindow.document.body) {
         var iframeContent = currentIframe.contentWindow.document.body.firstElementChild;
         /* if the iframe has content, set the height of the iframe body
            and of the iframe itself */
-
         if (iframeContent) {
           var contentHeight = iframeContent.scrollHeight;
           currentIframe.style.height = contentHeight + 10 + 'px';
@@ -55,20 +39,19 @@ var ArticleBody = function ArticleBody(props) {
       }
     }
   };
+
   /**
    * When the article content changes, update the content of the iframe and
    * resize the iframe based on the new content
    */
-
-
   (0, _react.useEffect)(function () {
     /**
      * Set iframe content
      */
+
     var setIframeContent = function setIframeContent() {
       var body = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
       var onArticleRenderBegin = arguments.length > 1 ? arguments[1] : undefined;
-
       /**
        * We update the content this way because we can't use srcdoc (Edge and IE don't support it)
        * Every time the article content changes we replace the iframe with an empty div and right after the
@@ -76,30 +59,26 @@ var ArticleBody = function ArticleBody(props) {
        * fire the iframe's onload function (we need it to resize the iframe after all content is loaded).
        * If we replace the content of the iframe directly, the onload function won't be fired
        */
+
       var currentIframe = document.getElementById(IFRAME_ID);
       var divSyle = {
         height: 'auto'
       };
-
       if (currentIframe !== null && currentIframe.contentWindow !== null) {
         divSyle = {
           height: "".concat(currentIframe.contentWindow.document.body.scrollHeight, "px")
         };
       }
-
       var iframeContainer = document.getElementById(IFRAME_CONTAINER_ID);
-
       if (!iframeContainer) {
         return;
       }
-
       _reactDom.default.render( /*#__PURE__*/_react.default.createElement("div", {
         style: divSyle
       }), iframeContainer, function () {
         if (!iframeContainer) {
           return;
         }
-
         _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_styled.ArticleFrame, {
           id: IFRAME_ID,
           name: IFRAME_ID,
@@ -109,10 +88,8 @@ var ArticleBody = function ArticleBody(props) {
           sandbox: "allow-same-origin allow-popups allow-popups-to-escape-sandbox"
         }), iframeContainer, function () {
           var iframeContainer = document.getElementById(IFRAME_CONTAINER_ID);
-
           if (iframeContainer) {
             var newIframe = frames[IFRAME_ID];
-
             if (newIframe !== null) {
               var iframeDocument = newIframe.document;
               iframeDocument.open();
@@ -123,7 +100,6 @@ var ArticleBody = function ArticleBody(props) {
               style.innerText = _resetCss.default;
               head.appendChild(style);
               resizeIframe();
-
               if (onArticleRenderBegin) {
                 onArticleRenderBegin();
               }
@@ -132,7 +108,6 @@ var ArticleBody = function ArticleBody(props) {
         });
       });
     };
-
     if (props.bodyFormat === _HelpArticle.BODY_FORMAT_TYPES.html && typeof props.body === 'string') {
       setIframeContent(props.body, props.onArticleRenderBegin);
     }
@@ -165,7 +140,6 @@ var ArticleBody = function ArticleBody(props) {
     }
   }) : null;
 };
-
 exports.ArticleBody = ArticleBody;
 var _default = ArticleBody;
 exports.default = _default;

package/dist/cjs/components/ArticleBody/resetCss.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _base = _interopRequireDefault(require("@atlaskit/css-reset/base"));
-
 var _browserFixes = _interopRequireDefault(require("@atlaskit/css-reset/browser-fixes"));
-
 var _reset = _interopRequireDefault(require("@atlaskit/css-reset/reset"));
-
 var _tables = _interopRequireDefault(require("@atlaskit/css-reset/tables"));
-
 var _utils = _interopRequireDefault(require("@atlaskit/css-reset/utils"));
-
 var IFRAME_FIX_CSS = "\n  html{\n    width: calc(100% - 10px);\n    padding: 5px;\n    overflow: hidden;\n    height: auto;\n  }\n\n  body {\n    margin: 0;\n    padding: 0;\n  }";
 var DEFAULT_CSS = _reset.default + _base.default + _utils.default + _browserFixes.default + _browserFixes.default + _tables.default + IFRAME_FIX_CSS;
 var _default = DEFAULT_CSS;

package/dist/cjs/components/ArticleBody/styled.js

@@ -1,18 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ArticleFrame = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _templateObject;
-
 var ArticleFrame = _styled.default.iframe(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  width: calc(100% + 10px);\n  margin: -5px;\n  border: none;\n"])));
-
 exports.ArticleFrame = ArticleFrame;

package/dist/cjs/components/HelpArticle.js

@@ -1,31 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
-
 var _HelpArticle = require("../model/HelpArticle");
-
 var _styled = require("./styled");
-
 var _ArticleBody = _interopRequireDefault(require("./ArticleBody"));
-
 var HelpArticle = function HelpArticle(props) {
   var _props$title = props.title,
-      title = _props$title === void 0 ? '' : _props$title,
-      body = props.body,
-      _props$bodyFormat = props.bodyFormat,
-      bodyFormat = _props$bodyFormat === void 0 ? _HelpArticle.BODY_FORMAT_TYPES.html : _props$bodyFormat,
-      titleLinkUrl = props.titleLinkUrl,
-      onArticleRenderBegin = props.onArticleRenderBegin,
-      onArticleRenderDone = props.onArticleRenderDone;
+    title = _props$title === void 0 ? '' : _props$title,
+    body = props.body,
+    _props$bodyFormat = props.bodyFormat,
+    bodyFormat = _props$bodyFormat === void 0 ? _HelpArticle.BODY_FORMAT_TYPES.html : _props$bodyFormat,
+    titleLinkUrl = props.titleLinkUrl,
+    onArticleRenderBegin = props.onArticleRenderBegin,
+    onArticleRenderDone = props.onArticleRenderDone;
   return /*#__PURE__*/_react.default.createElement(_styled.ArticleContentInner, null, title && /*#__PURE__*/_react.default.createElement(_styled.ArticleContentTitle, null, titleLinkUrl ? /*#__PURE__*/_react.default.createElement(_styled.ArticleContentTitleLink, {
     href: titleLinkUrl,
     target: "_blank"
@@ -39,6 +32,5 @@ var HelpArticle = function HelpArticle(props) {
     onArticleRenderDone: onArticleRenderDone
   }));
 };
-
 var _default = HelpArticle;
 exports.default = _default;

package/dist/cjs/components/styled.js

@@ -1,28 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ArticleContentTitleLink = exports.ArticleContentTitle = exports.ArticleContentInner = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _templateObject, _templateObject2, _templateObject3;
-
 var ArticleContentInner = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding-bottom: ", "px;\n  position: relative;\n"])), 2 * (0, _constants.gridSize)());
-
 exports.ArticleContentInner = ArticleContentInner;
-
 var ArticleContentTitle = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding-bottom: ", "px;\n"])), 2 * (0, _constants.gridSize)());
-
 exports.ArticleContentTitle = ArticleContentTitle;
-
 var ArticleContentTitleLink = _styled.default.a(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  &:hover {\n    text-decoration: none;\n  }\n"])));
-
 exports.ArticleContentTitleLink = ArticleContentTitleLink;

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "default", {
     return _HelpArticle.default;
   }
 });
-
 var _HelpArticle = _interopRequireDefault(require("./components/HelpArticle"));
-
 var _HelpArticle2 = require("./model/HelpArticle");

package/dist/cjs/model/HelpArticle.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.BODY_FORMAT_TYPES = void 0;
 var BODY_FORMAT_TYPES;
 exports.BODY_FORMAT_TYPES = BODY_FORMAT_TYPES;
-
 (function (BODY_FORMAT_TYPES) {
   BODY_FORMAT_TYPES["adf"] = "adf";
   BODY_FORMAT_TYPES["html"] = "html";

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/help-article",
-	"version": "4.0.35",
+	"version": "4.0.37",
 	"sideEffects": false
 }

package/dist/es2019/components/ArticleBody/index.js

@@ -13,17 +13,14 @@ export const ArticleBody = props => {
    */
   const resizeIframe = onArticleRenderDone => {
     const currentIframe = document.getElementById(IFRAME_ID);
-
     if (!currentIframe) {
       return;
     }
-
     if (currentIframe !== null && currentIframe.contentWindow !== null) {
       if (currentIframe.contentWindow.document.body) {
         const iframeContent = currentIframe.contentWindow.document.body.firstElementChild;
         /* if the iframe has content, set the height of the iframe body
            and of the iframe itself */
-
         if (iframeContent) {
           const contentHeight = iframeContent.scrollHeight;
           currentIframe.style.height = contentHeight + 10 + 'px';
@@ -32,16 +29,16 @@ export const ArticleBody = props => {
       }
     }
   };
+
   /**
    * When the article content changes, update the content of the iframe and
    * resize the iframe based on the new content
    */
-
-
   useEffect(() => {
     /**
      * Set iframe content
      */
+
     const setIframeContent = (body = '', onArticleRenderBegin) => {
       /**
        * We update the content this way because we can't use srcdoc (Edge and IE don't support it)
@@ -50,30 +47,26 @@ export const ArticleBody = props => {
        * fire the iframe's onload function (we need it to resize the iframe after all content is loaded).
        * If we replace the content of the iframe directly, the onload function won't be fired
        */
+
       const currentIframe = document.getElementById(IFRAME_ID);
       let divSyle = {
         height: 'auto'
       };
-
       if (currentIframe !== null && currentIframe.contentWindow !== null) {
         divSyle = {
           height: `${currentIframe.contentWindow.document.body.scrollHeight}px`
         };
       }
-
       const iframeContainer = document.getElementById(IFRAME_CONTAINER_ID);
-
       if (!iframeContainer) {
         return;
       }
-
       ReactDOM.render( /*#__PURE__*/React.createElement("div", {
         style: divSyle
       }), iframeContainer, () => {
         if (!iframeContainer) {
           return;
         }
-
         ReactDOM.render( /*#__PURE__*/React.createElement(ArticleFrame, {
           id: IFRAME_ID,
           name: IFRAME_ID,
@@ -83,10 +76,8 @@ export const ArticleBody = props => {
           sandbox: "allow-same-origin allow-popups allow-popups-to-escape-sandbox"
         }), iframeContainer, () => {
           const iframeContainer = document.getElementById(IFRAME_CONTAINER_ID);
-
           if (iframeContainer) {
             const newIframe = frames[IFRAME_ID];
-
             if (newIframe !== null) {
               const iframeDocument = newIframe.document;
               iframeDocument.open();
@@ -97,7 +88,6 @@ export const ArticleBody = props => {
               style.innerText = resetCSS;
               head.appendChild(style);
               resizeIframe();
-
               if (onArticleRenderBegin) {
                 onArticleRenderBegin();
               }
@@ -106,7 +96,6 @@ export const ArticleBody = props => {
         });
       });
     };
-
     if (props.bodyFormat === BODY_FORMAT_TYPES.html && typeof props.body === 'string') {
       setIframeContent(props.body, props.onArticleRenderBegin);
     }

package/dist/es2019/components/HelpArticle.js

@@ -3,7 +3,6 @@ import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { BODY_FORMAT_TYPES } from '../model/HelpArticle';
 import { ArticleContentInner, ArticleContentTitle, ArticleContentTitleLink } from './styled';
 import ArticleBody from './ArticleBody';
-
 const HelpArticle = props => {
   const {
     title = '',
@@ -26,5 +25,4 @@ const HelpArticle = props => {
     onArticleRenderDone: onArticleRenderDone
   }));
 };
-
 export default HelpArticle;

package/dist/es2019/model/HelpArticle.js

@@ -1,5 +1,4 @@
 export let BODY_FORMAT_TYPES;
-
 (function (BODY_FORMAT_TYPES) {
   BODY_FORMAT_TYPES["adf"] = "adf";
   BODY_FORMAT_TYPES["html"] = "html";

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/help-article",
-	"version": "4.0.35",
+	"version": "4.0.37",
 	"sideEffects": false
 }

package/dist/esm/components/ArticleBody/index.js

@@ -13,17 +13,14 @@ export var ArticleBody = function ArticleBody(props) {
    */
   var resizeIframe = function resizeIframe(onArticleRenderDone) {
     var currentIframe = document.getElementById(IFRAME_ID);
-
     if (!currentIframe) {
       return;
     }
-
     if (currentIframe !== null && currentIframe.contentWindow !== null) {
       if (currentIframe.contentWindow.document.body) {
         var iframeContent = currentIframe.contentWindow.document.body.firstElementChild;
         /* if the iframe has content, set the height of the iframe body
            and of the iframe itself */
-
         if (iframeContent) {
           var contentHeight = iframeContent.scrollHeight;
           currentIframe.style.height = contentHeight + 10 + 'px';
@@ -32,20 +29,19 @@ export var ArticleBody = function ArticleBody(props) {
       }
     }
   };
+
   /**
    * When the article content changes, update the content of the iframe and
    * resize the iframe based on the new content
    */
-
-
   useEffect(function () {
     /**
      * Set iframe content
      */
+
     var setIframeContent = function setIframeContent() {
       var body = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
       var onArticleRenderBegin = arguments.length > 1 ? arguments[1] : undefined;
-
       /**
        * We update the content this way because we can't use srcdoc (Edge and IE don't support it)
        * Every time the article content changes we replace the iframe with an empty div and right after the
@@ -53,30 +49,26 @@ export var ArticleBody = function ArticleBody(props) {
        * fire the iframe's onload function (we need it to resize the iframe after all content is loaded).
        * If we replace the content of the iframe directly, the onload function won't be fired
        */
+
       var currentIframe = document.getElementById(IFRAME_ID);
       var divSyle = {
         height: 'auto'
       };
-
       if (currentIframe !== null && currentIframe.contentWindow !== null) {
         divSyle = {
           height: "".concat(currentIframe.contentWindow.document.body.scrollHeight, "px")
         };
       }
-
       var iframeContainer = document.getElementById(IFRAME_CONTAINER_ID);
-
       if (!iframeContainer) {
         return;
       }
-
       ReactDOM.render( /*#__PURE__*/React.createElement("div", {
         style: divSyle
       }), iframeContainer, function () {
         if (!iframeContainer) {
           return;
         }
-
         ReactDOM.render( /*#__PURE__*/React.createElement(ArticleFrame, {
           id: IFRAME_ID,
           name: IFRAME_ID,
@@ -86,10 +78,8 @@ export var ArticleBody = function ArticleBody(props) {
           sandbox: "allow-same-origin allow-popups allow-popups-to-escape-sandbox"
         }), iframeContainer, function () {
           var iframeContainer = document.getElementById(IFRAME_CONTAINER_ID);
-
           if (iframeContainer) {
             var newIframe = frames[IFRAME_ID];
-
             if (newIframe !== null) {
               var iframeDocument = newIframe.document;
               iframeDocument.open();
@@ -100,7 +90,6 @@ export var ArticleBody = function ArticleBody(props) {
               style.innerText = resetCSS;
               head.appendChild(style);
               resizeIframe();
-
               if (onArticleRenderBegin) {
                 onArticleRenderBegin();
               }
@@ -109,7 +98,6 @@ export var ArticleBody = function ArticleBody(props) {
         });
       });
     };
-
     if (props.bodyFormat === BODY_FORMAT_TYPES.html && typeof props.body === 'string') {
       setIframeContent(props.body, props.onArticleRenderBegin);
     }

package/dist/esm/components/ArticleBody/styled.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /** @jsx jsx */
 import styled from '@emotion/styled';
 export var ArticleFrame = styled.iframe(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: block;\n  width: calc(100% + 10px);\n  margin: -5px;\n  border: none;\n"])));

package/dist/esm/components/HelpArticle.js

@@ -3,16 +3,15 @@ import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { BODY_FORMAT_TYPES } from '../model/HelpArticle';
 import { ArticleContentInner, ArticleContentTitle, ArticleContentTitleLink } from './styled';
 import ArticleBody from './ArticleBody';
-
 var HelpArticle = function HelpArticle(props) {
   var _props$title = props.title,
-      title = _props$title === void 0 ? '' : _props$title,
-      body = props.body,
-      _props$bodyFormat = props.bodyFormat,
-      bodyFormat = _props$bodyFormat === void 0 ? BODY_FORMAT_TYPES.html : _props$bodyFormat,
-      titleLinkUrl = props.titleLinkUrl,
-      onArticleRenderBegin = props.onArticleRenderBegin,
-      onArticleRenderDone = props.onArticleRenderDone;
+    title = _props$title === void 0 ? '' : _props$title,
+    body = props.body,
+    _props$bodyFormat = props.bodyFormat,
+    bodyFormat = _props$bodyFormat === void 0 ? BODY_FORMAT_TYPES.html : _props$bodyFormat,
+    titleLinkUrl = props.titleLinkUrl,
+    onArticleRenderBegin = props.onArticleRenderBegin,
+    onArticleRenderDone = props.onArticleRenderDone;
   return /*#__PURE__*/React.createElement(ArticleContentInner, null, title && /*#__PURE__*/React.createElement(ArticleContentTitle, null, titleLinkUrl ? /*#__PURE__*/React.createElement(ArticleContentTitleLink, {
     href: titleLinkUrl,
     target: "_blank"
@@ -26,5 +25,4 @@ var HelpArticle = function HelpArticle(props) {
     onArticleRenderDone: onArticleRenderDone
   }));
 };
-
 export default HelpArticle;

package/dist/esm/components/styled.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3;
-
 /** @jsx jsx */
 import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';

package/dist/esm/model/HelpArticle.js

@@ -1,5 +1,4 @@
 export var BODY_FORMAT_TYPES;
-
 (function (BODY_FORMAT_TYPES) {
   BODY_FORMAT_TYPES["adf"] = "adf";
   BODY_FORMAT_TYPES["html"] = "html";

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/help-article",
-	"version": "4.0.35",
+	"version": "4.0.37",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/help-article",
-  "version": "4.0.35",
+  "version": "4.0.37",
   "description": "A cross-product help-article component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
   "dependencies": {
     "@atlaskit/css-reset": "^6.3.0",
     "@atlaskit/icon": "^21.11.0",
-    "@atlaskit/renderer": "^105.0.0",
+    "@atlaskit/renderer": "^107.0.0",
     "@atlaskit/theme": "^12.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/styled": "^10.0.7",
@@ -51,7 +51,9 @@
   ],
   "techstack": {
     "@repo/internal": {
-      "theming": "tokens"
+      "design-tokens": [
+        "color"
+      ]
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"