@broxus/react-uikit 0.5.3 → 0.5.5

package/dist/cjs/components/Navbar/Navbar.js

@@ -30,7 +30,7 @@ exports.Navbar = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-exports.Navbar = React.memo((props) => {
+function Navbar(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { asContainer, className, prefixCls = config.prefixCls, transparent, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'navbar'), [config, prefixCls]);
@@ -38,4 +38,5 @@ exports.Navbar = React.memo((props) => {
             [`${rootCls}-container`]: asContainer,
             [`${rootCls}-transparent`]: transparent,
         }, className), ...restProps }));
-});
+}
+exports.Navbar = Navbar;

package/dist/cjs/components/Navbar/Right.d.ts

@@ -4,4 +4,9 @@ export interface NavbarRightOwnProps extends React.HTMLAttributes<HTMLElement> {
     prefixCls?: string;
 }
 export type NavbarRightProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<NavbarRightOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, NavbarRightOwnProps>;
-export declare const Right: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: NavbarRightProps<E>) => React.JSX.Element)>;
+declare const defaultElement = "div";
+export declare function Right<E extends React.ElementType = typeof defaultElement>(props: NavbarRightProps<E>): React.JSX.Element;
+export declare namespace Right {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/Navbar/Right.js

@@ -32,12 +32,13 @@ const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
-exports.Right = React.memo((props) => {
+function Right(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'navbar'), [config, prefixCls]);
     return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(`${rootCls}-right`, className), component: defaultElement, ...restProps });
-});
+}
+exports.Right = Right;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Right.displayName = 'Navbar.Right';
+    Right.displayName = 'Navbar.Right';
 }

package/dist/cjs/components/Navbar/Toggle.d.ts

@@ -5,4 +5,9 @@ export type NavbarToggleOwnProps = {
     prefixCls?: string;
 };
 export type NavbarToggleProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<NavbarToggleOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, NavbarToggleOwnProps>;
-export declare const Toggle: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: NavbarToggleProps<E>) => React.JSX.Element)>;
+declare const defaultElement = "div";
+export declare function Toggle<E extends React.ElementType = typeof defaultElement>(props: NavbarToggleProps<E>): React.JSX.Element;
+export declare namespace Toggle {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/Navbar/Toggle.js

@@ -32,14 +32,15 @@ const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
-exports.Toggle = React.memo((props) => {
+function Toggle(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, icon, prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'navbar-toggle'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
             [`${rootCls}-icon`]: icon,
         }, className), component: defaultElement, ...restProps }));
-});
+}
+exports.Toggle = Toggle;
 if (process.env.NODE_ENV !== 'production') {
-    exports.Toggle.displayName = 'Navbar.Toggle';
+    Toggle.displayName = 'Navbar.Toggle';
 }

package/dist/cjs/components/Navbar/index.d.ts

@@ -9,7 +9,7 @@ import { Right } from '../../components/Navbar/Right';
 import { Toggle } from '../../components/Navbar/Toggle';
 import './index.scss';
 export type { NavbarProps };
-export interface Navbar extends React.MemoExoticComponent<React.FunctionComponent<NavbarProps>> {
+export interface Navbar extends React.FunctionComponent<NavbarProps> {
     Center: typeof Center;
     Container: typeof Container;
     Item: typeof Item;

package/dist/cjs/components/Progress/index.d.ts

@@ -3,4 +3,4 @@ import './index.scss';
 export interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgressElement> {
     prefixCls?: string;
 }
-export declare const Progress: React.MemoExoticComponent<(props: ProgressProps) => React.JSX.Element>;
+export declare function Progress(props: ProgressProps): React.JSX.Element;

package/dist/cjs/components/Progress/index.js

@@ -31,9 +31,10 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 require("./index.scss");
-exports.Progress = React.memo((props) => {
+function Progress(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'progress'), [config, prefixCls]);
     return React.createElement("progress", { className: (0, classnames_1.default)(rootCls, className), ...restProps });
-});
+}
+exports.Progress = Progress;

package/dist/cjs/components/Section/index.d.ts

@@ -7,4 +7,6 @@ export type SectionOwnProps = {
     type?: 'default' | 'muted' | 'primary' | 'secondary' | 'tertiary';
 };
 export type SectionProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<SectionOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, SectionOwnProps>;
-export declare const Section: React.MemoExoticComponent<(<E extends React.ElementType<any> = "section">(props: SectionProps<E>) => React.JSX.Element)>;
+declare const defaultElement = "section";
+export declare function Section<E extends React.ElementType = typeof defaultElement>(props: SectionProps<E>): React.JSX.Element;
+export {};

package/dist/cjs/components/Section/index.js

@@ -33,7 +33,7 @@ const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 require("./index.scss");
 const defaultElement = 'section';
-exports.Section = React.memo((props) => {
+function Section(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, preserveColor, size, type, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'section'), [config, prefixCls]);
@@ -42,4 +42,5 @@ exports.Section = React.memo((props) => {
             [`${rootCls}-${type}`]: type !== undefined,
             [`${prefixCls || config.prefixCls}-preserve-color`]: preserveColor,
         }, className), component: defaultElement, ...restProps }));
-});
+}
+exports.Section = Section;

package/dist/cjs/components/Spinner/index.d.ts

@@ -4,4 +4,4 @@ export interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
     prefixCls?: string;
     ratio?: number;
 }
-export declare const Spinner: React.MemoExoticComponent<(props: SpinnerProps) => React.JSX.Element>;
+export declare function Spinner(props: SpinnerProps): React.JSX.Element;

package/dist/cjs/components/Spinner/index.js

@@ -32,10 +32,11 @@ const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Icon_1 = require("../../components/Icon");
 require("./index.scss");
-exports.Spinner = React.memo((props) => {
+function Spinner(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, ratio, ...restProps } = props;
     return (React.createElement("div", { className: (0, classnames_1.default)([`${prefixCls || config.prefixCls}-spinner`, `${prefixCls || config.prefixCls}-icon`], className), role: "status", ...restProps },
         React.createElement("svg", { ...Icon_1.defaultSvgProps, ...(0, Icon_1.getSize)(20, 20, ratio), viewBox: "0 0 30 30" },
             React.createElement("circle", { fill: "none", stroke: "currentColor", cx: 15, cy: 15, r: 13, style: { strokeWidth: `${(2 / (ratio ?? 1)).toFixed(6)}px` } }))));
-});
+}
+exports.Spinner = Spinner;

package/dist/cjs/components/Switch/index.d.ts

@@ -24,4 +24,4 @@ export type SwitchProps = {
     onClick?: SwitchClickEventHandler;
     onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
 };
-export declare const Switch: React.MemoExoticComponent<React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>>;
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/Switch/index.js

@@ -33,7 +33,7 @@ const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Spinner_1 = require("../../components/Spinner");
 require("./index.scss");
-const ForwardedSwitch = React.forwardRef((props, ref) => {
+exports.Switch = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, direction = config.direction, loading, loadingIcon, prefixCls = config.prefixCls, ...restProps } = props;
     const { size } = props;
@@ -45,4 +45,3 @@ const ForwardedSwitch = React.forwardRef((props, ref) => {
             [`${rootCls}-rtl`]: direction === 'rtl',
         }, className), prefixCls: rootCls, loadingIcon: mergedLoadingIcon, ...restProps }));
 });
-exports.Switch = React.memo(ForwardedSwitch);

package/dist/cjs/components/Tabs/hooks/useAnimateConfig.d.ts

@@ -1,3 +1,3 @@
 import { type AnimatedConfig } from 'rc-tabs/lib/interface';
 import { type TabsProps } from '../../../components/Tabs';
-export declare const useAnimateConfig: (prefixCls: string, animated?: TabsProps['animated']) => AnimatedConfig;
+export declare function useAnimateConfig(prefixCls: string, animated?: TabsProps['animated']): AnimatedConfig;

package/dist/cjs/components/Tabs/hooks/useAnimateConfig.js

@@ -7,10 +7,10 @@ const motion = {
     motionEnter: true,
     motionLeave: true,
 };
-const useAnimateConfig = (prefixCls, animated = {
+function useAnimateConfig(prefixCls, animated = {
     inkBar: true,
     tabPane: false,
-}) => {
+}) {
     let mergedAnimated;
     if (animated === false) {
         mergedAnimated = {
@@ -37,5 +37,5 @@ const useAnimateConfig = (prefixCls, animated = {
         };
     }
     return mergedAnimated;
-};
+}
 exports.useAnimateConfig = useAnimateConfig;

package/dist/cjs/components/Text/index.d.ts

@@ -11,11 +11,13 @@ export type TextOwnProps = {
     dropcap?: boolean;
     italic?: boolean;
     prefixCls?: string;
-    size?: 'default' | 'small' | 'medium' | 'large' | 'lead';
+    size?: 'default' | 'xsmall' | 'small' | 'medium' | 'large' | 'lead';
     transform?: 'capitalize' | 'uppercase' | 'lowercase';
     verticalAlign?: 'top' | 'middle' | 'bottom' | 'baseline';
     weight?: 'thin' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'lighter' | 'bolder';
     wrap?: 'truncate' | 'break' | 'nowrap';
 };
 export type TextProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<TextOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, TextOwnProps>;
-export declare const Text: React.MemoExoticComponent<(<E extends React.ElementType<any> = "span">(props: TextProps<E>) => React.JSX.Element)>;
+declare const defaultElement = "span";
+export declare function Text<E extends React.ElementType = typeof defaultElement>(props: TextProps<E>): React.JSX.Element;
+export {};

package/dist/cjs/components/Text/index.js

@@ -33,7 +33,7 @@ const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const utils_1 = require("../../utils");
 const defaultElement = 'span';
-exports.Text = React.memo((props) => {
+function Text(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { align, className, color, column, decoration, dropcap, italic, prefixCls = config.prefixCls, size, transform, verticalAlign, weight, wrap, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'text'), [config, prefixCls]);
@@ -54,4 +54,5 @@ exports.Text = React.memo((props) => {
             [`${rootCls}-decoration-none`]: decoration === 'none',
             [`${rootCls}-italic`]: italic,
         }, className), component: defaultElement, ...restProps }));
-});
+}
+exports.Text = Text;

package/dist/cjs/components/Tile/index.d.ts

@@ -8,4 +8,6 @@ export type TileOwnProps = {
     type?: 'default' | 'muted' | 'primary' | 'secondary' | 'tertiary';
 };
 export type TileProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<TileOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, TileOwnProps>;
-export declare const Tile: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: TileProps<E>) => React.JSX.Element)>;
+declare const defaultElement = "div";
+export declare function Tile<E extends React.ElementType = typeof defaultElement>(props: TileProps<E>): React.JSX.Element;
+export {};

package/dist/cjs/components/Tile/index.js

@@ -33,7 +33,7 @@ const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 require("./index.scss");
 const defaultElement = 'div';
-exports.Tile = React.memo((props) => {
+function Tile(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, preserveColor, size, type, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'tile'), [config, prefixCls]);
@@ -42,4 +42,5 @@ exports.Tile = React.memo((props) => {
             [`${rootCls}-${type}`]: type !== undefined,
             [`${prefixCls || config.prefixCls}-preserve-color`]: preserveColor,
         }, className), component: defaultElement, ...restProps }));
-});
+}
+exports.Tile = Tile;

package/dist/cjs/components/Width/Width.d.ts

@@ -6,4 +6,6 @@ export interface WidthOwnProps extends WidthBreakpointsConfig {
     size?: WidthSize;
 }
 export type WidthProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<WidthOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, WidthOwnProps>;
-export declare const Width: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: WidthProps<E>) => React.JSX.Element)>;
+declare const defaultElement = "div";
+export declare function Width<E extends React.ElementType = typeof defaultElement>(props: WidthProps<E>): React.JSX.Element;
+export {};

package/dist/cjs/components/Width/Width.js

@@ -33,7 +33,7 @@ const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const utils_1 = require("../../components/Width/utils");
 const defaultElement = 'div';
-exports.Width = React.memo((props) => {
+function Width(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, size, s, m, l, xl, ...restProps } = props;
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)((0, utils_1.getWidthClassname)(size, prefixCls || config.prefixCls), (0, utils_1.getWidthClassname)({
@@ -42,4 +42,5 @@ exports.Width = React.memo((props) => {
             s,
             xl,
         }, prefixCls || config.prefixCls), className), component: defaultElement, ...restProps }));
-});
+}
+exports.Width = Width;

package/dist/cjs/styles/mixins.scss

@@ -2253,6 +2253,7 @@
 
 @mixin hook-text-lead() {}
 @mixin hook-text-meta() {}
+@mixin hook-text-xsmall() {}
 @mixin hook-text-small() {}
 @mixin hook-text-large() {}
 @mixin hook-text-background() {}

package/dist/cjs/styles/text.scss

@@ -42,6 +42,14 @@
 /* Size modifiers
  ========================================================================== */
 
+.uk-text-xsmall {
+    font-size: var(--text-xsmall-font-size);
+    line-height: var(--text-xsmall-line-height);
+    @if mixin-exists(hook-text-xsmall) {
+        @include hook-text-xsmall;
+    }
+}
+
 .uk-text-small {
     font-size: var(--text-small-font-size);
     line-height: var(--text-small-line-height);
@@ -269,6 +277,8 @@ td.uk-text-break { word-break: break-all; }
     --text-meta-font-size: var(--global-small-font-size);
     --text-meta-line-height: #{$text-meta-line-height};
     --text-meta-color: var(--global-muted-color);
+    --text-xsmall-font-size: var(--global-xsmall-font-size);
+    --text-xsmall-line-height: #{$text-xsmall-line-height};
     --text-small-font-size: var(--global-small-font-size);
     --text-small-line-height: #{$text-small-line-height};
     --text-large-font-size: var(--global-large-font-size);

package/dist/cjs/styles/variables.scss

@@ -1711,6 +1711,8 @@ $text-lead-color:                                               $global-emphasis
 $text-meta-font-size:                                           $global-small-font-size !default;
 $text-meta-line-height:                                         1.4 !default;
 $text-meta-color:                                               $global-muted-color !default;
+$text-xsmall-font-size:                                         $global-xsmall-font-size !default;
+$text-xsmall-line-height:                                       1.4 !default;
 $text-small-font-size:                                          $global-small-font-size !default;
 $text-small-line-height:                                        1.5 !default;
 $text-large-font-size:                                          $global-large-font-size !default;