scorer-ui-kit 2.8.2 → 2.8.3

package/dist/index.modern.js

@@ -6084,7 +6084,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.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.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.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.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.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"])));
@@ -12319,13 +12319,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;