@thecb/components 6.3.0 → 6.3.1-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -44287,7 +44287,7 @@ var useFocusInvalidInput = function useFocusInvalidInput(hasErrors) {
44287
44287
 
44288
44288
  */
44289
44289
 
44290
- var useOutsideClickHook$1 = function useOutsideClickHook(handler) {
44290
+ var useOutsideClickHook = function useOutsideClickHook(handler) {
44291
44291
  var ref = useRef();
44292
44292
  useEffect$1(function () {
44293
44293
  }, [ref]);
@@ -44302,7 +44302,7 @@ var index$4 = /*#__PURE__*/Object.freeze({
44302
44302
  general: general,
44303
44303
  theme: themeUtils,
44304
44304
  useFocusInvalidInput: useFocusInvalidInput,
44305
- useOutsideClick: useOutsideClickHook$1
44305
+ useOutsideClick: useOutsideClickHook
44306
44306
  });
44307
44307
 
44308
44308
  var hoverColor$5 = "#116285";
@@ -44374,9 +44374,7 @@ var Popover = function Popover(_ref) {
44374
44374
  }
44375
44375
  };
44376
44376
 
44377
- var triggerRef = useOutsideClickHook(function () {
44378
- return handleTogglePopover(false);
44379
- });
44377
+ var triggerRef = useOutsideClickHook();
44380
44378
  return /*#__PURE__*/React.createElement(Box, {
44381
44379
  padding: "0",
44382
44380
  extraStyles: "position: relative; ".concat(extraStyles)
@@ -46030,10 +46028,10 @@ var ToggleSwitch = function ToggleSwitch(_ref6) {
46030
46028
  },
46031
46029
  on: {
46032
46030
  backgroundColor: themeValues.white,
46033
- right: "2px",
46031
+ right: "1px",
46034
46032
  top: "2px",
46035
46033
  bottom: "2px",
46036
- left: "24px",
46034
+ left: "25px",
46037
46035
  transition: {
46038
46036
  ease: "backIn"
46039
46037
  }
@@ -46085,7 +46083,8 @@ var ToggleSwitch = function ToggleSwitch(_ref6) {
46085
46083
  extraStyles: labelLeft ? themeValues.leftLabelStyles : themeValues.rightLabelStyles
46086
46084
  }, /*#__PURE__*/React.createElement(Center, null, /*#__PURE__*/React.createElement(Cluster, {
46087
46085
  justify: "stretch",
46088
- align: "center"
46086
+ align: "center",
46087
+ overflow: "visible"
46089
46088
  }, /*#__PURE__*/React.createElement(Cover, {
46090
46089
  minHeight: "100%",
46091
46090
  singleChild: true