scorer-ui-kit 2.8.2 → 2.9.0

package/README.md

@@ -16,6 +16,9 @@
 
 ## Development
 
+The version 2 is preferred to be run node version 18 and above due [Storybook 8 support requirement](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#dropping-support-for-nodejs-16).
+
+
 If you want to run the project follow the next steps
 
 - Clone repository
@@ -23,7 +26,7 @@ If you want to run the project follow the next steps
   git clone git@github.com:future-standard/scorer-ui-kit.git
 ```
 
-- Install with npm version 8 node 16 or above from the root folder
+- Install with npm version 10 node 18 or above from the root folder
 ```
   npm install
 ```
@@ -93,12 +96,12 @@ Please note however that the icon set included in this software is included unde
 3. Push the tag to Github (this should cause the release)
 
 ```
-// Updating to v1.5.2
+// Updating to v2.5.2
 
-  git commit -m "Bump 1.5.2"
+  git commit -m "Bump 2.5.2"
   grep version package.json
-  ~  "version": "1.5.2",
-  git tag v1.5.2
-  git push origin v1.5.2
+  ~  "version": "2.5.2",
+  git tag v2.5.2
+  git push origin v2.5.2
 ```
 

package/dist/index.js

@@ -6087,7 +6087,7 @@ var FilterButton = function FilterButton(_ref8) {
 
 var _excluded$p = ["title", "value", "optionType", "selected", "disabled", "onClick"];
 var _templateObject$J, _templateObject2$C, _templateObject3$y, _templateObject4$u, _templateObject5$r, _templateObject6$m, _templateObject7$l, _templateObject8$i, _templateObject9$e, _templateObject10$9;
-var Title$1 = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n  font-family: var(--font-ui);\n  display: block;\n  color: var(--grey-12);\n  font-size: 14px;\n  font-weight: 500;\n  user-select: none;\n  pointer-events: none;\n"])));
+var Title$1 = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n  font-family: var(--font-ui);\n  display: block;\n  color: var(--grey-12);\n  font-size: 14px;\n  font-weight: 500;\n  user-select: none;\n  pointer-events: none;\n  white-space: nowrap;\n"])));
 var FakeCheckbox = styled__default.div(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n  box-sizing: border-box;\n  position: relative;\n  width: 18px;\n  height: 18px;\n  border-radius: 5px;\n  border-width: 2px;\n  border-style: solid;\n"])));
 var FakeCheckboxInner = styled__default.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  box-sizing: border-box;\n"])));
 var CheckMarkWrapper = styled__default.div(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  svg {\n    display: block;\n    [stroke]{\n      stroke: transparent;\n    }\n    [fill] {\n      fill: var(--inverse);\n    }\n  }\n"])));
@@ -12322,13 +12322,14 @@ var UtilityHeader = function UtilityHeader(_ref) {
     showHomeIcon = _ref$showHomeIcon === void 0 ? true : _ref$showHomeIcon,
     back = _ref.back,
     share = _ref.share,
-    _ref$$iconInGutter = _ref.$iconInGutter,
-    $iconInGutter = _ref$$iconInGutter === void 0 ? true : _ref$$iconInGutter;
+    $iconInGutter = _ref.$iconInGutter;
+  var _useBreakpoints = useBreakpoints(),
+    isLarge = _useBreakpoints.isLarge;
+  var iconInGutter = $iconInGutter !== undefined ? $iconInGutter : isLarge;
   var hasBreadcrumbs = showBreadcrumbs && breadcrumbs.length > 0;
   return React__default.createElement(Container$Y, null, React__default.createElement(LeftArea, null, back && React__default.createElement(UtilityHeaderBack, Object.assign({
-    "$showDivider": hasBreadcrumbs
-  }, {
-    $iconInGutter: $iconInGutter
+    "$showDivider": hasBreadcrumbs,
+    "$iconInGutter": iconInGutter
   }, back)), hasBreadcrumbs ? React__default.createElement(Breadcrumbs, null, breadcrumbs.map(function (breadcrumb, index) {
     var text = breadcrumb.text,
       href = breadcrumb.href;