@sis-cc/dotstatsuite-visions 10.28.0 → 10.28.1

package/lib/Logo/Logo.js

@@ -26,10 +26,6 @@ var useStyles = (0, _styles.makeStyles)(function () {
     },
     logo: {
       maxWidth: '100%',
-      maxHeight: function maxHeight(_ref) {
-        var _maxHeight = _ref.maxHeight;
-        return _maxHeight;
-      },
       imageRendering: 'crisp-edges'
     },
     // https://caniuse.com/mdn-css_properties_image-rendering_crisp-edges
@@ -39,17 +35,22 @@ var useStyles = (0, _styles.makeStyles)(function () {
   };
 });
 
-var Logo = function Logo(_ref2) {
-  var logo = _ref2.logo,
-      _ref2$maxHeight = _ref2.maxHeight,
-      maxHeight = _ref2$maxHeight === undefined ? 150 : _ref2$maxHeight,
-      children = _ref2.children;
+var Logo = function Logo(_ref) {
+  var logo = _ref.logo,
+      _ref$maxHeight = _ref.maxHeight,
+      maxHeight = _ref$maxHeight === undefined ? 150 : _ref$maxHeight,
+      children = _ref.children;
 
-  var classes = useStyles({ maxHeight: maxHeight });
+  var classes = useStyles();
   return _react2.default.createElement(
     'div',
     { className: classes.container },
-    _react2.default.createElement('img', { className: (0, _classnames2.default)(classes.logo, classes.alternativeBrowserLogo), src: logo, alt: 'logo' }),
+    _react2.default.createElement('img', {
+      className: (0, _classnames2.default)(classes.logo, classes.alternativeBrowserLogo),
+      style: { maxHeight: maxHeight },
+      src: logo,
+      alt: 'logo'
+    }),
     children
   );
 };

package/lib/ScopeList/Item.js

@@ -207,7 +207,8 @@ var Item = function Item(_ref) {
         onMouseEnter: R.is(Function, changeMouseSelection) ? changeMouseSelection(null, { isUp: true }) : null,
         style: _extends({}, R.evolve(containerStyles, style), {
           left: isRtl && 0,
-          right: R.not(isRtl) && 0
+          right: R.not(isRtl) && 0,
+          outline: accessibility ? undefined : 'none'
         }),
         className: classes.containerArrow,
         tabIndex: 0,

package/lib/ScopeList/ScopeList.js

@@ -117,7 +117,7 @@ var ScopeList = function ScopeList(props) {
       setScrollTop = _useState2[1];
 
   var ref = (0, _react.useRef)();
-  var classes = (0, _styles.useStyles)({ accessibility: accessibility });
+  var classes = (0, _styles.useStyles)();
   var theme = (0, _core.useTheme)();
 
   var _useState3 = (0, _react.useState)(false),

package/lib/ScopeList/styles.js

@@ -33,11 +33,7 @@ var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
       margin: 0,
       userSelect: 'none',
       cursor: 'pointer',
-      color: theme.palette.primary.main,
-      outline: function outline(_ref) {
-        var accessibility = _ref.accessibility;
-        return accessibility ? undefined : 'none';
-      }
+      color: theme.palette.primary.main
     },
     listItemHover: {
       '&:hover': {
@@ -132,10 +128,6 @@ var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
       color: theme.palette.primary.main,
       height: '100%',
       display: 'flex',
-      outline: function outline(_ref2) {
-        var accessibility = _ref2.accessibility;
-        return accessibility ? undefined : 'none';
-      },
       '&:hover, &:focus': {
         backgroundColor: theme.palette.primary.main,
         color: theme.palette.common.white

package/lib/ToggleButton/ToggleButton.js

@@ -53,10 +53,6 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       }
     },
     label: {
-      textTransform: function textTransform(_ref) {
-        var _textTransform = _ref.textTransform;
-        return _textTransform;
-      },
       textAlign: 'left',
       fontSize: '0.9375rem',
       lineHeight: '1.0'
@@ -68,19 +64,19 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
   };
 });
 
-var ToggleButton = function ToggleButton(_ref2) {
+var ToggleButton = function ToggleButton(_ref) {
   var _cx;
 
-  var isOpen = _ref2.isOpen,
-      label = _ref2.label,
-      toggle = _ref2.toggle,
-      testId = _ref2.testId,
-      _ref2$tabindex = _ref2.tabindex,
-      tabindex = _ref2$tabindex === undefined ? 0 : _ref2$tabindex,
-      _ref2$textTransform = _ref2.textTransform,
-      textTransform = _ref2$textTransform === undefined ? 'capitalize' : _ref2$textTransform;
+  var isOpen = _ref.isOpen,
+      label = _ref.label,
+      toggle = _ref.toggle,
+      testId = _ref.testId,
+      _ref$tabindex = _ref.tabindex,
+      tabindex = _ref$tabindex === undefined ? 0 : _ref$tabindex,
+      _ref$textTransform = _ref.textTransform,
+      textTransform = _ref$textTransform === undefined ? 'capitalize' : _ref$textTransform;
 
-  var classes = useStyles({ textTransform: textTransform });
+  var classes = useStyles();
   return _react2.default.createElement(
     _Button2.default,
     {
@@ -90,6 +86,7 @@ var ToggleButton = function ToggleButton(_ref2) {
       'data-testid': testId,
       classes: { root: classes.root, label: classes.label },
       className: (0, _classnames2.default)((_cx = {}, _cx[classes.selected] = isOpen, _cx)),
+      style: { textTransform: textTransform },
       fullWidth: true,
       variant: 'text',
       onClick: R.is(Function)(toggle) ? toggle : null

package/lib/VirtualizedTree/Item.js

@@ -139,7 +139,10 @@ var Item = function Item(_ref) {
       onMouseDown: isDisabled || open ? null : eventsListeners.onMouseDown,
       onMouseEnter: isDisabled || open ? null : eventsListeners.onMouseEnter,
       title: isGreyed ? R.propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
-      style: { opacity: isDisabled && isGreyed ? '0.5' : '1' },
+      style: {
+        opacity: isDisabled && isGreyed ? '0.5' : '1',
+        outline: accessibility ? undefined : 'none'
+      },
       primary: _react2.default.createElement(
         'div',
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "10.28.0",
+  "version": "10.28.1",
   "description": "Library of visual components",
   "author": "OECD",
   "homepage": "https://visions-qa.siscc.org/#o",

package/umd/@sis-cc/dotstatsuite-visions.js

@@ -1,5 +1,5 @@
 /*!
- * @sis-cc/dotstatsuite-visions v10.28.0 - https://visions-qa.siscc.org/#o
+ * @sis-cc/dotstatsuite-visions v10.28.1 - https://visions-qa.siscc.org/#o
  * MIT Licensed
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -6697,7 +6697,7 @@ function removeClassName(el
 /* 119 */
 /***/ (function(module) {
 
-module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.28.0","description":"Library of visual components","author":"OECD","homepage":"https://visions-qa.siscc.org/#o","license":"MIT","repository":"https://gitlab.com/sis-cc/.stat-suite/dotstatsuite-visions","main":"lib/index.js","module":"es/index.js","engines":{"node":">=14"},"files":["css","es","lib","umd"],"scripts":{"build":"nwb build-react-component --copy-files --no-demo && node scripts/doc && nwb build-demo","build:dev":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged"},"dependencies":{"@react-hook/size":"^2.1.1","classnames":"^2.2.6","date-fns":"^1.30.1","isemail":"^3.2.0","numeral":"^2.0.6","prop-types":"^15.7.2","ramda":"^0.27.0","react-beautiful-dnd":"^13.0.0","react-draggable":"^4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"^8.x","react":"^18","react-dom":"^18"},"devDependencies":{"@babel/eslint-parser":"^7.5.4","@babel/plugin-syntax-dynamic-import":"^7.2.0","@cfaester/enzyme-adapter-react-18":"^0.7.0","@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"*","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","babel-jest":"^24.8.0","babel-preset-react-app":"^9.0.0","dox":"^0.9.0","eslint":"^8.39.0","eslint-plugin-import":"^2.27.5","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","husky":"^2.7.0","identity-obj-proxy":"^3.0.0","jest":"^24.8.0","jss":"^10.10.0","jss-rtl":"^0.2.3","lint-staged":"^8.2.1","mutationobserver-shim":"^0.3.7","nwb":"0.23.0","prettier":"^2.8.8","pretty-quick":"^3.1.3","react":"^18","react-a11y":"^1.1.0","react-dom":"^18","react-helmet":"^5.2.1","react-scrollable-anchor":"^0.6.1","react-syntax-highlighter":"^10.2.1","sanitize-html":"2.7.0","webpack":"^5.68.0","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"jest":{"verbose":true,"coverageDirectory":"coverage","collectCoverageFrom":["src/**/*.{js,jsx,ts,tsx}","!src/ScopeList/*.{js,jsx,ts,tsx}","!src/**/*.d.ts"],"setupFilesAfterEnv":["<rootDir>/tests/setup.js"],"testMatch":["**/tests/**/*.{spec,test}.{js,jsx,ts,tsx}","!**/tests/ScopeList.test.js"],"testEnvironment":"jsdom","transform":{"^.+\\.(js|jsx|ts|tsx)$":"<rootDir>/node_modules/babel-jest"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$","^.+\\.module\\.(css|sass|scss)$"],"modulePaths":[],"moduleNameMapper":{"^react-native$":"react-native-web","^.+\\.module\\.(css|sass|scss)$":"identity-obj-proxy","\\.(jpg|jpeg|png)$":"identity-obj-proxy"},"moduleFileExtensions":["web.js","js","web.ts","ts","web.tsx","tsx","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"],"plugins":["@babel/plugin-syntax-dynamic-import"]},"eslintConfig":{"env":{"browser":true,"jest":true,"node":true,"es6":true},"extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended"],"parser":"@babel/eslint-parser","parserOptions":{"babelOptions":{"presets":[["babel-preset-react-app",false],"babel-preset-react-app/test"]},"ecmaFeatures":{"experimentalObjectRestSpread":true,"jsx":true},"sourceType":"module"},"plugins":["prettier","react","import","react-hooks","jsx-a11y"],"rules":{"no-console":"warn","no-unused-vars":"error","react/display-name":"off","react-hooks/rules-of-hooks":"error","react-hooks/exhaustive-deps":"warn","no-use-before-define":"error"}},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{js,css}":["prettier --write","git add","yarn lint"]},"prettier":{"endOfLine":"lf","useTabs":false,"printWidth":100,"tabWidth":2,"singleQuote":true,"trailingComma":"all","bracketSameLine":false,"bracketSpacing":true,"parser":"babel","semi":true,"arrowParens":"avoid"}};
+module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"10.28.1","description":"Library of visual components","author":"OECD","homepage":"https://visions-qa.siscc.org/#o","license":"MIT","repository":"https://gitlab.com/sis-cc/.stat-suite/dotstatsuite-visions","main":"lib/index.js","module":"es/index.js","engines":{"node":">=14"},"files":["css","es","lib","umd"],"scripts":{"build":"nwb build-react-component --copy-files --no-demo && node scripts/doc && nwb build-demo","build:dev":"nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged"},"dependencies":{"@react-hook/size":"^2.1.1","classnames":"^2.2.6","date-fns":"^1.30.1","isemail":"^3.2.0","numeral":"^2.0.6","prop-types":"^15.7.2","ramda":"^0.27.0","react-beautiful-dnd":"^13.0.0","react-draggable":"^4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"^8.x","react":"^18","react-dom":"^18"},"devDependencies":{"@babel/eslint-parser":"^7.5.4","@babel/plugin-syntax-dynamic-import":"^7.2.0","@cfaester/enzyme-adapter-react-18":"^0.7.0","@material-ui/core":"^4","@material-ui/icons":"^4","@sis-cc/dotstatsuite-sdmxjs":"*","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","babel-jest":"^24.8.0","babel-preset-react-app":"^9.0.0","dox":"^0.9.0","eslint":"^8.39.0","eslint-plugin-import":"^2.27.5","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","husky":"^2.7.0","identity-obj-proxy":"^3.0.0","jest":"^24.8.0","jss":"^10.10.0","jss-rtl":"^0.2.3","lint-staged":"^8.2.1","mutationobserver-shim":"^0.3.7","nwb":"0.23.0","prettier":"^2.8.8","pretty-quick":"^3.1.3","react":"^18","react-a11y":"^1.1.0","react-dom":"^18","react-helmet":"^5.2.1","react-scrollable-anchor":"^0.6.1","react-syntax-highlighter":"^10.2.1","sanitize-html":"2.7.0","webpack":"^5.68.0","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"jest":{"verbose":true,"coverageDirectory":"coverage","collectCoverageFrom":["src/**/*.{js,jsx,ts,tsx}","!src/ScopeList/*.{js,jsx,ts,tsx}","!src/**/*.d.ts"],"setupFilesAfterEnv":["<rootDir>/tests/setup.js"],"testMatch":["**/tests/**/*.{spec,test}.{js,jsx,ts,tsx}","!**/tests/ScopeList.test.js"],"testEnvironment":"jsdom","transform":{"^.+\\.(js|jsx|ts|tsx)$":"<rootDir>/node_modules/babel-jest"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$","^.+\\.module\\.(css|sass|scss)$"],"modulePaths":[],"moduleNameMapper":{"^react-native$":"react-native-web","^.+\\.module\\.(css|sass|scss)$":"identity-obj-proxy","\\.(jpg|jpeg|png)$":"identity-obj-proxy"},"moduleFileExtensions":["web.js","js","web.ts","ts","web.tsx","tsx","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"],"plugins":["@babel/plugin-syntax-dynamic-import"]},"eslintConfig":{"env":{"browser":true,"jest":true,"node":true,"es6":true},"extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended"],"parser":"@babel/eslint-parser","parserOptions":{"babelOptions":{"presets":[["babel-preset-react-app",false],"babel-preset-react-app/test"]},"ecmaFeatures":{"experimentalObjectRestSpread":true,"jsx":true},"sourceType":"module"},"plugins":["prettier","react","import","react-hooks","jsx-a11y"],"rules":{"no-console":"warn","no-unused-vars":"error","react/display-name":"off","react-hooks/rules-of-hooks":"error","react-hooks/exhaustive-deps":"warn","no-use-before-define":"error"}},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{js,css}":["prettier --write","git add","yarn lint"]},"prettier":{"endOfLine":"lf","useTabs":false,"printWidth":100,"tabWidth":2,"singleQuote":true,"trailingComma":"all","bracketSameLine":false,"bracketSpacing":true,"parser":"babel","semi":true,"arrowParens":"avoid"}};
 
 /***/ }),
 /* 120 */
@@ -46640,6 +46640,37 @@ Dataflow_Dataflow.propTypes = {
  */
 
 
+// CONCATENATED MODULE: ./node_modules/ramda/es/lt.js
+
+/**
+ * Returns `true` if the first argument is less than the second; `false`
+ * otherwise.
+ *
+ * @func
+ * @memberOf R
+ * @since v0.1.0
+ * @category Relation
+ * @sig Ord a => a -> a -> Boolean
+ * @param {*} a
+ * @param {*} b
+ * @return {Boolean}
+ * @see R.gt
+ * @example
+ *
+ *      R.lt(2, 1); //=> false
+ *      R.lt(2, 2); //=> false
+ *      R.lt(2, 3); //=> true
+ *      R.lt('a', 'z'); //=> true
+ *      R.lt('z', 'a'); //=> false
+ */
+
+var lt =
+/*#__PURE__*/
+_curry2(function lt(a, b) {
+  return a < b;
+});
+
+/* harmony default export */ var es_lt = (lt);
 // CONCATENATED MODULE: ./node_modules/ramda/es/cond.js
 
 
@@ -46715,37 +46746,6 @@ var T = function () {
 };
 
 /* harmony default export */ var es_T = (T);
-// CONCATENATED MODULE: ./node_modules/ramda/es/lt.js
-
-/**
- * Returns `true` if the first argument is less than the second; `false`
- * otherwise.
- *
- * @func
- * @memberOf R
- * @since v0.1.0
- * @category Relation
- * @sig Ord a => a -> a -> Boolean
- * @param {*} a
- * @param {*} b
- * @return {Boolean}
- * @see R.gt
- * @example
- *
- *      R.lt(2, 1); //=> false
- *      R.lt(2, 2); //=> false
- *      R.lt(2, 3); //=> true
- *      R.lt('a', 'z'); //=> true
- *      R.lt('z', 'a'); //=> false
- */
-
-var lt =
-/*#__PURE__*/
-_curry2(function lt(a, b) {
-  return a < b;
-});
-
-/* harmony default export */ var es_lt = (lt);
 // EXTERNAL MODULE: ./node_modules/@material-ui/icons/Info.js
 var Info = __webpack_require__(184);
 var Info_default = /*#__PURE__*/__webpack_require__.n(Info);
@@ -47526,11 +47526,7 @@ var DataHeader_useStyles = styles_makeStyles(function (theme) {
   return {
     header: {
       alignItems: 'center',
-      display: 'flex',
-      justifyContent: function justifyContent(_ref) {
-        var isWidthLess = _ref.isWidthLess;
-        return isWidthLess(T4_BREAKPOINTS.xs2) ? 'flex-end' : 'space-between';
-      }
+      display: 'flex'
     },
     container: DataHeader_extends({
       display: 'flex',
@@ -47544,12 +47540,7 @@ var DataHeader_useStyles = styles_makeStyles(function (theme) {
       display: 'inline-block',
       width: '100%',
       lineHeight: 1.5
-    }, es_pathOr({}, ['mixins', 'dataHeader', 'title'], theme), {
-      fontSize: function fontSize(_ref2) {
-        var isWidthLess = _ref2.isWidthLess;
-        return es_cond([[es_always(isWidthLess(T4_BREAKPOINTS.xs3)), es_always(12)], [es_always(isWidthLess(T4_BREAKPOINTS.sm)), es_always(14)], [es_always(isWidthLess(T4_BREAKPOINTS.md2)), es_always(16)], [es_T, es_identity]])(18);
-      }
-    }),
+    }, es_pathOr({}, ['mixins', 'dataHeader', 'title'], theme)),
     wrapperSubtitle: {
       alignItems: 'center',
       display: 'flex',
@@ -47560,18 +47551,9 @@ var DataHeader_useStyles = styles_makeStyles(function (theme) {
     subtitle: DataHeader_extends({
       lineHeight: 1.6,
       color: theme.palette.grey[600]
-    }, es_pathOr({}, ['mixins', 'dataHeader', 'subtitle'], theme), {
-      fontSize: function fontSize(_ref3) {
-        var isWidthLess = _ref3.isWidthLess;
-        return es_cond([[es_always(isWidthLess(T4_BREAKPOINTS.xs3)), es_always(12)], [es_always(isWidthLess(T4_BREAKPOINTS.sm)), es_always(13)]])(14);
-      }
-    }),
+    }, es_pathOr({}, ['mixins', 'dataHeader', 'subtitle'], theme)),
     disclaimer: DataHeader_extends({
       padding: theme.spacing(0.5),
-      fontSize: function fontSize(_ref4) {
-        var isWidthLess = _ref4.isWidthLess;
-        return es_cond([[es_always(isWidthLess(T4_BREAKPOINTS.xs3)), es_always(12)], [es_always(isWidthLess(T4_BREAKPOINTS.sm)), es_always(13)]])(14);
-      },
       lineHeight: 1.5
     }, es_pathOr({}, ['mixins', 'dataHeader', 'disclaimer'], theme)),
     infoIcon: {
@@ -47613,19 +47595,19 @@ var DataHeader_useStyles = styles_makeStyles(function (theme) {
   };
 });
 
-var DataHeader_DataHeader = function DataHeader(_ref5) {
+var DataHeader_DataHeader = function DataHeader(_ref) {
   var _cx;
 
-  var children = _ref5.children,
-      title = _ref5.title,
-      _ref5$subtitle = _ref5.subtitle,
-      subtitle = _ref5$subtitle === undefined ? [] : _ref5$subtitle,
-      combinations = _ref5.combinations,
-      disclaimer = _ref5.disclaimer,
-      sideProps = _ref5.sideProps,
-      SideIcon = _ref5.SideIcon,
-      _ref5$isSticky = _ref5.isSticky,
-      isSticky = _ref5$isSticky === undefined ? false : _ref5$isSticky;
+  var children = _ref.children,
+      title = _ref.title,
+      _ref$subtitle = _ref.subtitle,
+      subtitle = _ref$subtitle === undefined ? [] : _ref$subtitle,
+      combinations = _ref.combinations,
+      disclaimer = _ref.disclaimer,
+      sideProps = _ref.sideProps,
+      SideIcon = _ref.SideIcon,
+      _ref$isSticky = _ref.isSticky,
+      isSticky = _ref$isSticky === undefined ? false : _ref$isSticky;
 
   var target = react_default.a.useRef(null);
 
@@ -47634,7 +47616,7 @@ var DataHeader_DataHeader = function DataHeader(_ref5) {
 
   var isWidthUp = es_gte(width);
   var isWidthLess = es_lt(width);
-  var classes = DataHeader_useStyles({ isWidthLess: isWidthLess });
+  var classes = DataHeader_useStyles();
 
   var reducedContent = utils_getReducedContent({
     isWidthLess: isWidthLess,
@@ -47646,13 +47628,21 @@ var DataHeader_DataHeader = function DataHeader(_ref5) {
 
   var theme = useTheme_useTheme();
   var iconColor = es_path(['mixins', 'dataHeader', 'icon', 'color'], theme);
-
+  var fontSizeTitle = es_cond([[es_always(isWidthLess(T4_BREAKPOINTS.xs3)), es_always(12)], [es_always(isWidthLess(T4_BREAKPOINTS.sm)), es_always(14)], [es_always(isWidthLess(T4_BREAKPOINTS.md2)), es_always(16)], [es_T, es_identity]])(18);
+  var fontSizeSubtitle = es_cond([[es_always(isWidthLess(T4_BREAKPOINTS.xs3)), es_always(12)], [es_always(isWidthLess(T4_BREAKPOINTS.sm)), es_always(13)]])(14);
   var subtitleLength = es_length(subtitle);
   var combinationsLength = es_length(combinations);
 
   return react_default.a.createElement(
     'div',
-    { className: classes.header, ref: target, 'data-testid': 'data-header' },
+    {
+      className: classes.header,
+      style: {
+        justifyContent: isWidthLess(T4_BREAKPOINTS.xs2) ? 'flex-end' : 'space-between'
+      },
+      ref: target,
+      'data-testid': 'data-header'
+    },
     react_default.a.createElement(
       'div',
       { className: classnames_default()(classes.container, (_cx = {}, _cx[classes.sticky] = isSticky, _cx)) },
@@ -47661,6 +47651,7 @@ var DataHeader_DataHeader = function DataHeader(_ref5) {
         {
           variant: 'h1',
           className: classes.title,
+          style: { fontSize: fontSizeTitle },
           'data-testid': 'data-header-title',
           'aria-label': title.label
         },
@@ -47681,6 +47672,7 @@ var DataHeader_DataHeader = function DataHeader(_ref5) {
             {
               key: 'subtitle-' + index,
               className: classes.subtitle,
+              style: { fontSize: fontSizeSubtitle },
               'data-testid': 'data-header-subtitle',
               'aria-label': sub.header
             },
@@ -47728,7 +47720,11 @@ var DataHeader_DataHeader = function DataHeader(_ref5) {
       ),
       isWidthUp(T4_BREAKPOINTS.xs3) && disclaimer && react_default.a.createElement(
         esm_Typography_Typography,
-        { 'data-testid': 'data-header-disclaimer', className: classes.disclaimer },
+        {
+          'data-testid': 'data-header-disclaimer',
+          className: classes.disclaimer,
+          style: { fontSize: fontSizeSubtitle }
+        },
         disclaimer
       )
     ),
@@ -47887,25 +47883,11 @@ var DataFooter_useStyles = styles_makeStyles(function (theme) {
       flexGrow: 1
     },
     copyright: {
-      padding: function padding(_ref) {
-        var isWidthUp = _ref.isWidthUp,
-            isSourced = _ref.isSourced;
-
-        if (isWidthUp(T4_BREAKPOINTS.sm) && isSourced) return 0;
-        return theme.spacing(0, 1, 0, 1);
-      }
+      padding: 0
     },
     source: {
       padding: theme.spacing(0, 1, 0, 1)
     },
-    typo: {
-      fontSize: function fontSize(_ref2) {
-        var isWidthUp = _ref2.isWidthUp;
-
-        if (isWidthUp(T4_BREAKPOINTS.lg)) return 14;
-        return 12;
-      }
-    },
     logo: {
       height: HEIGHT / 2,
       display: 'flex'
@@ -47917,15 +47899,15 @@ var DataFooter_useStyles = styles_makeStyles(function (theme) {
   };
 });
 
-var DataFooter_DataFooter = function DataFooter(_ref3) {
+var DataFooter_DataFooter = function DataFooter(_ref) {
   var _cx;
 
-  var logo = _ref3.logo,
-      source = _ref3.source,
-      copyright = _ref3.copyright,
-      legend = _ref3.legend,
-      _ref3$isSticky = _ref3.isSticky,
-      isSticky = _ref3$isSticky === undefined ? false : _ref3$isSticky;
+  var logo = _ref.logo,
+      source = _ref.source,
+      copyright = _ref.copyright,
+      legend = _ref.legend,
+      _ref$isSticky = _ref.isSticky,
+      isSticky = _ref$isSticky === undefined ? false : _ref$isSticky;
 
   var target = react_default.a.useRef(null);
 
@@ -47935,12 +47917,13 @@ var DataFooter_DataFooter = function DataFooter(_ref3) {
   var isWidthUp = es_gt(width);
   var isSourced = source && source.label && source.link;
   var isCopyrighted = copyright && copyright.label && copyright.content;
-  var classes = DataFooter_useStyles({ isWidthUp: isWidthUp, isSourced: isSourced });
+  var classes = DataFooter_useStyles();
 
   var _useKeyboardEscapeHan = useKeybordEscapeHandler(),
       open = _useKeyboardEscapeHan.open,
       setOpen = _useKeyboardEscapeHan.setOpen;
 
+  var typoSize = isWidthUp(T4_BREAKPOINTS.lg) ? 14 : 12;
   if (!isWidthUp(T4_BREAKPOINTS.xs)) return react_default.a.createElement(esm_Grid_Grid, { ref: target });
 
   return react_default.a.createElement(
@@ -47972,7 +47955,10 @@ var DataFooter_DataFooter = function DataFooter(_ref3) {
         },
         react_default.a.createElement(
           esm_Grid_Grid,
-          { item: true, className: classes.copyright },
+          {
+            item: true,
+            className: isWidthUp(T4_BREAKPOINTS.sm) && isSourced ? classes.copyright : classes.source
+          },
           isCopyrighted && react_default.a.createElement(
             react["Fragment"],
             null,
@@ -48002,11 +47988,7 @@ var DataFooter_DataFooter = function DataFooter(_ref3) {
               },
               react_default.a.createElement(
                 esm_Typography_Typography,
-                {
-                  variant: 'body2',
-                  className: classes.typo,
-                  style: { cursor: 'pointer' }
-                },
+                { variant: 'body2', style: { cursor: 'pointer', fontSize: typoSize } },
                 copyright.label
               )
             ),
@@ -48022,7 +48004,7 @@ var DataFooter_DataFooter = function DataFooter(_ref3) {
           { item: true, className: classes.source },
           react_default.a.createElement(
             esm_Typography_Typography,
-            { variant: 'body2', className: classes.typo },
+            { variant: 'body2', style: { fontSize: typoSize } },
             react_default.a.createElement(
               esm_Link_Link,
               { href: source.link, rel: 'noopener noreferrer', target: '_blank', variant: 'body2' },
@@ -49529,10 +49511,6 @@ var Logo_useStyles = styles_makeStyles(function () {
     },
     logo: {
       maxWidth: '100%',
-      maxHeight: function maxHeight(_ref) {
-        var _maxHeight = _ref.maxHeight;
-        return _maxHeight;
-      },
       imageRendering: 'crisp-edges'
     },
     // https://caniuse.com/mdn-css_properties_image-rendering_crisp-edges
@@ -49542,17 +49520,22 @@ var Logo_useStyles = styles_makeStyles(function () {
   };
 });
 
-var Logo_Logo = function Logo(_ref2) {
-  var logo = _ref2.logo,
-      _ref2$maxHeight = _ref2.maxHeight,
-      maxHeight = _ref2$maxHeight === undefined ? 150 : _ref2$maxHeight,
-      children = _ref2.children;
+var Logo_Logo = function Logo(_ref) {
+  var logo = _ref.logo,
+      _ref$maxHeight = _ref.maxHeight,
+      maxHeight = _ref$maxHeight === undefined ? 150 : _ref$maxHeight,
+      children = _ref.children;
 
-  var classes = Logo_useStyles({ maxHeight: maxHeight });
+  var classes = Logo_useStyles();
   return react_default.a.createElement(
     'div',
     { className: classes.container },
-    react_default.a.createElement('img', { className: classnames_default()(classes.logo, classes.alternativeBrowserLogo), src: logo, alt: 'logo' }),
+    react_default.a.createElement('img', {
+      className: classnames_default()(classes.logo, classes.alternativeBrowserLogo),
+      style: { maxHeight: maxHeight },
+      src: logo,
+      alt: 'logo'
+    }),
     children
   );
 };
@@ -67265,10 +67248,6 @@ var ToggleButton_useStyles = styles_makeStyles(function (theme) {
       }
     },
     label: {
-      textTransform: function textTransform(_ref) {
-        var _textTransform = _ref.textTransform;
-        return _textTransform;
-      },
       textAlign: 'left',
       fontSize: '0.9375rem',
       lineHeight: '1.0'
@@ -67280,19 +67259,19 @@ var ToggleButton_useStyles = styles_makeStyles(function (theme) {
   };
 });
 
-var ToggleButton_ToggleButton = function ToggleButton(_ref2) {
+var ToggleButton_ToggleButton = function ToggleButton(_ref) {
   var _cx;
 
-  var isOpen = _ref2.isOpen,
-      label = _ref2.label,
-      toggle = _ref2.toggle,
-      testId = _ref2.testId,
-      _ref2$tabindex = _ref2.tabindex,
-      tabindex = _ref2$tabindex === undefined ? 0 : _ref2$tabindex,
-      _ref2$textTransform = _ref2.textTransform,
-      textTransform = _ref2$textTransform === undefined ? 'capitalize' : _ref2$textTransform;
-
-  var classes = ToggleButton_useStyles({ textTransform: textTransform });
+  var isOpen = _ref.isOpen,
+      label = _ref.label,
+      toggle = _ref.toggle,
+      testId = _ref.testId,
+      _ref$tabindex = _ref.tabindex,
+      tabindex = _ref$tabindex === undefined ? 0 : _ref$tabindex,
+      _ref$textTransform = _ref.textTransform,
+      textTransform = _ref$textTransform === undefined ? 'capitalize' : _ref$textTransform;
+
+  var classes = ToggleButton_useStyles();
   return react_default.a.createElement(
     esm_Button_Button,
     {
@@ -67302,6 +67281,7 @@ var ToggleButton_ToggleButton = function ToggleButton(_ref2) {
       'data-testid': testId,
       classes: { root: classes.root, label: classes.label },
       className: classnames_default()((_cx = {}, _cx[classes.selected] = isOpen, _cx)),
+      style: { textTransform: textTransform },
       fullWidth: true,
       variant: 'text',
       onClick: es_is(Function)(toggle) ? toggle : null
@@ -70945,7 +70925,10 @@ var VirtualizedTree_Item_Item = function Item(_ref) {
       onMouseDown: isDisabled || open ? null : eventsListeners.onMouseDown,
       onMouseEnter: isDisabled || open ? null : eventsListeners.onMouseEnter,
       title: isGreyed ? es_propOr('', 'disableItemLabel')(labels) + ' ' + label : label,
-      style: { opacity: isDisabled && isGreyed ? '0.5' : '1' },
+      style: {
+        opacity: isDisabled && isGreyed ? '0.5' : '1',
+        outline: accessibility ? undefined : 'none'
+      },
       primary: react_default.a.createElement(
         'div',
         {
@@ -71073,11 +71056,7 @@ var ScopeList_styles_useStyles = styles_makeStyles(function (theme) {
       margin: 0,
       userSelect: 'none',
       cursor: 'pointer',
-      color: theme.palette.primary.main,
-      outline: function outline(_ref) {
-        var accessibility = _ref.accessibility;
-        return accessibility ? undefined : 'none';
-      }
+      color: theme.palette.primary.main
     },
     listItemHover: {
       '&:hover': {
@@ -71172,10 +71151,6 @@ var ScopeList_styles_useStyles = styles_makeStyles(function (theme) {
       color: theme.palette.primary.main,
       height: '100%',
       display: 'flex',
-      outline: function outline(_ref2) {
-        var accessibility = _ref2.accessibility;
-        return accessibility ? undefined : 'none';
-      },
       '&:hover, &:focus': {
         backgroundColor: theme.palette.primary.main,
         color: theme.palette.common.white
@@ -72723,7 +72698,6 @@ var HierarchicalFilter_HierarchicalFilter = function HierarchicalFilter(props) {
       activePanelId = props.activePanelId,
       Tag = props.Tag,
       testId = props.testId,
-      accessibility = props.accessibility,
       _props$expansionPanel = props.expansionPanelProps,
       expansionPanelProps = _props$expansionPanel === undefined ? {} : _props$expansionPanel,
       _props$labelRenderer = props.labelRenderer,
@@ -72743,7 +72717,7 @@ var HierarchicalFilter_HierarchicalFilter = function HierarchicalFilter(props) {
       _props$simpleSelectio = props.simpleSelectionMode,
       simpleSelectionMode = _props$simpleSelectio === undefined ? false : _props$simpleSelectio;
 
-  var classes = ScopeList_styles_useStyles({ accessibility: accessibility });
+  var classes = ScopeList_styles_useStyles();
   var theme = useTheme_useTheme();
   var isRtl = utils_getIsRtl(theme);
   var Chip = es_isNil(Tag) ? src_Tag_Tag : Tag;
@@ -72827,7 +72801,6 @@ var HierarchicalFilter_HierarchicalFilter = function HierarchicalFilter(props) {
 
 HierarchicalFilter_HierarchicalFilter.propTypes = {
   id: prop_types_default.a.string,
-  accessibility: prop_types_default.a.bool,
   activePanelId: prop_types_default.a.string,
   changeSelection: prop_types_default.a.func,
   onChangeActivePanel: prop_types_default.a.func,