@true-engineering/true-react-common-ui-kit 3.0.0-alpha.1 → 3.0.0-alpha.2

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.
@@ -3,3 +3,4 @@ export * from './use-on-click-outside';
3
3
  export * from './use-dropdown';
4
4
  export * from './use-tweak-styles';
5
5
  export * from './use-did-mount-effect';
6
+ export * from './use-mixed-styles';
@@ -0,0 +1 @@
1
+ export declare const useMixedStyles: <StyleSheet_1>(baseStyles?: StyleSheet_1 | undefined, tweakStyles?: StyleSheet_1 | undefined) => StyleSheet_1 | undefined;
@@ -4098,6 +4098,14 @@ var useDidMountEffect = function(effect3, dependencies) {
4098
4098
  };
4099
4099
  }, dependencies);
4100
4100
  };
4101
+ var useMixedStyles = function(baseStyles, tweakStyles) {
4102
+ return useMemo(function() {
4103
+ return isNotEmpty(baseStyles) && isNotEmpty(tweakStyles) ? mergeStyles(baseStyles, tweakStyles) : baseStyles !== null && baseStyles !== void 0 ? baseStyles : tweakStyles;
4104
+ }, [
4105
+ baseStyles,
4106
+ tweakStyles
4107
+ ]);
4108
+ };
4101
4109
  const avatarGreen = ` <svg\r
4102
4110
  width="100%"\r
4103
4111
  height="100%"\r
@@ -6197,6 +6205,7 @@ var useStyles$D = createThemedStyles("Checkbox", {
6197
6205
  root: {
6198
6206
  cursor: "pointer",
6199
6207
  display: "flex",
6208
+ alignItems: "center",
6200
6209
  gap: 14,
6201
6210
  width: "fit-content"
6202
6211
  },
@@ -28656,6 +28665,7 @@ export {
28656
28665
  useDidMountEffect,
28657
28666
  useDropdown,
28658
28667
  useIsMounted,
28668
+ useMixedStyles,
28659
28669
  useOnClickOutside,
28660
28670
  useOnClickOutsideWithRef,
28661
28671
  useTweakStyles