@broxus/react-uikit 0.15.0 → 0.15.2

package/dist/esm/components/Cover/index.js

@@ -1,4 +1,4 @@
-import { Dimensions, debounce } from '@broxus/js-utils';
+import { Dimensions, debounce, isBrowser } from '@broxus/js-utils';
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
@@ -60,12 +60,16 @@ export function Cover(props) {
     })?.pop();
     React.useEffect(() => {
         const debounced = debounce(resize, 50);
-        window.addEventListener('resize', debounced);
-        window.addEventListener('orientationchange', debounced);
+        if (isBrowser()) {
+            window.addEventListener('resize', debounced);
+            window.addEventListener('orientationchange', debounced);
+        }
         resize();
         return () => {
-            window.removeEventListener('resize', debounced);
-            window.removeEventListener('orientationchange', debounced);
+            if (isBrowser()) {
+                window.removeEventListener('resize', debounced);
+                window.removeEventListener('orientationchange', debounced);
+            }
         };
     }, [resize]);
     return (React.createElement("div", { ref: container, className: classNames(`${rootCls}-container`, className), ...restProps }, childrenWithCoverClass));

package/dist/esm/components/Inverse/index.d.ts

@@ -11,8 +11,8 @@ export interface InverseConfig {
 export interface InverseProviderProps {
     globalDarkClassName?: string;
     globalLightClassName?: string;
-    primaryColorDark: string;
-    primaryColorLight: string;
+    primaryColorDark?: string;
+    primaryColorLight?: string;
 }
 export declare const lib: Record<ColorMode, () => React.JSX.Element>;
 export declare const InverseContext: React.Context<InverseConfig | null>;

package/dist/esm/components/Inverse/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { addClass, removeClass, storage } from '@broxus/js-utils';
+import { addClass, isBrowser, removeClass, storage } from '@broxus/js-utils';
 import * as React from 'react';
 import { useContext } from '../../hooks';
 export var ColorMode;
@@ -42,9 +42,13 @@ export const InverseProvider = React.memo(({ children, globalDarkClassName = 'tm
         addClass(document.documentElement, colorMode === ColorMode.Dark ? globalLightClassName : globalDarkClassName);
     }, [colorMode, globalDarkClassName, globalLightClassName]);
     React.useEffect(() => {
-        window.addEventListener('storage', onChangeStorageValue);
+        if (isBrowser()) {
+            window.addEventListener('storage', onChangeStorageValue);
+        }
         return () => {
-            window.removeEventListener('storage', onChangeStorageValue);
+            if (isBrowser()) {
+                window.removeEventListener('storage', onChangeStorageValue);
+            }
         };
     }, [onChangeStorageValue]);
     return React.createElement(InverseContext.Provider, { value: context }, children);

package/dist/esm/components/Text/index.scss

@@ -122,6 +122,7 @@
 .uk-text-emphasis { color: var(--text-emphasis-color) !important; }
 .uk-text-primary { color: var(--text-primary-color) !important; }
 .uk-text-secondary { color: var(--text-secondary-color) !important; }
+.uk-text-tertiary { color: var(--text-tertiary-color) !important; }
 .uk-text-success { color: var(--text-success-color) !important; }
 .uk-text-warning { color: var(--text-warning-color) !important; }
 .uk-text-danger { color: var(--text-danger-color) !important; }
@@ -299,6 +300,7 @@ td.uk-text-break { word-break: break-all; }
     --text-emphasis-color: var(--global-emphasis-color);
     --text-primary-color: var(--global-primary-background);
     --text-secondary-color: var(--global-secondary-background);
+    --text-tertiary-color: var(--global-tertiary-background);
     --text-success-color: var(--global-success-background);
     --text-warning-color: var(--global-warning-background);
     --text-danger-color: var(--global-danger-background);