@broxus/react-uikit 0.14.0 → 0.15.0

package/dist/cjs/components/Accordion/Accordion.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Accordion = void 0;
+exports.Accordion = Accordion;
 const classnames_1 = __importDefault(require("classnames"));
 const rc_collapse_1 = __importDefault(require("rc-collapse"));
 const React = __importStar(require("react"));
@@ -40,7 +40,6 @@ function Accordion(props) {
             [`${rootCls}-rtl`]: direction === 'rtl',
         }, className), openMotion: (0, utils_1.getCollapseMotion)(prefixCls || config.prefixCls), prefixCls: rootCls, ...restProps }));
 }
-exports.Accordion = Accordion;
 if (process.env.NODE_ENV !== 'production') {
     Accordion.displayName = 'Accordion';
 }

package/dist/cjs/components/Accordion/Item.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Item = void 0;
+exports.Item = Item;
 const rc_collapse_1 = require("rc-collapse");
 const React = __importStar(require("react"));
 const Icon_1 = require("../../components/Icon");
@@ -37,7 +37,6 @@ function Item(props) {
         || (({ isActive }) => (React.createElement(Icon_1.Icon, { icon: isActive ? 'expand_more' : 'chevron_right' }))), [expandIcon]);
     return React.createElement(rc_collapse_1.Panel, { expandIcon: mergedExpandIcon, ...restProps });
 }
-exports.Item = Item;
 if (process.env.NODE_ENV !== 'production') {
     Item.displayName = 'Accordion.Item';
 }

package/dist/cjs/components/Align/Align.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Align = void 0;
+exports.Align = Align;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
@@ -42,7 +42,6 @@ function Align(props) {
             [`${rootCls}-${isRtl ? invertedSide : side}`]: true,
         }, className), component: defaultElement, ...restProps }));
 }
-exports.Align = Align;
 if (process.env.NODE_ENV !== 'production') {
     Align.displayName = 'Align';
 }

package/dist/cjs/components/Align/Left.js

@@ -23,13 +23,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Left = void 0;
+exports.Left = Left;
 const React = __importStar(require("react"));
 const Align_1 = require("../../components/Align/Align");
 function Left(props) {
     return React.createElement(Align_1.Align, { ...props, side: "left" });
 }
-exports.Left = Left;
 if (process.env.NODE_ENV !== 'production') {
     Left.displayName = 'Align.Left';
 }

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

@@ -23,13 +23,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Right = void 0;
+exports.Right = Right;
 const React = __importStar(require("react"));
 const Align_1 = require("../../components/Align/Align");
 function Right(props) {
     return React.createElement(Align_1.Align, { ...props, side: "right" });
 }
-exports.Right = Right;
 if (process.env.NODE_ENV !== 'production') {
     Right.displayName = 'Align.Right';
 }

package/dist/cjs/components/Article/Article.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Article = void 0;
+exports.Article = Article;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const context_1 = require("../../components/Article/context");
@@ -43,7 +43,6 @@ function Article(props) {
     return (React.createElement(context_1.ArticleContext.Provider, { value: context },
         React.createElement("article", { className: (0, classnames_1.default)(rootCls, className), ...restProps })));
 }
-exports.Article = Article;
 if (process.env.NODE_ENV !== 'production') {
     Article.displayName = 'Article';
 }

package/dist/cjs/components/Article/Meta.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Meta = void 0;
+exports.Meta = Meta;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const context_1 = require("../../components/Article/context");
@@ -40,7 +40,6 @@ function Meta(props) {
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'meta'), [config, prefixCls]);
     return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
 }
-exports.Meta = Meta;
 if (process.env.NODE_ENV !== 'production') {
     Meta.displayName = 'Article.Meta';
 }

package/dist/cjs/components/Article/Title.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Title = void 0;
+exports.Title = Title;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const context_1 = require("../../components/Article/context");
@@ -40,7 +40,6 @@ function Title(props) {
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'title'), [config, prefixCls]);
     return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
 }
-exports.Title = Title;
 if (process.env.NODE_ENV !== 'production') {
     Title.displayName = 'Article.Title';
 }

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

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Badge = void 0;
+exports.Badge = Badge;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
@@ -39,7 +39,6 @@ function Badge(props) {
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'badge'), [config, prefixCls]);
     return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
 }
-exports.Badge = Badge;
 if (process.env.NODE_ENV !== 'production') {
     Badge.displayName = 'Badge';
 }

package/dist/cjs/components/Breadcrumb/Breadcrumb.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Breadcrumb = void 0;
+exports.Breadcrumb = Breadcrumb;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
@@ -36,7 +36,6 @@ function Breadcrumb(props) {
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'breadcrumb'), [config, prefixCls]);
     return React.createElement("ul", { className: (0, classnames_1.default)(rootCls, className), ...restProps });
 }
-exports.Breadcrumb = Breadcrumb;
 if (process.env.NODE_ENV !== 'production') {
     Breadcrumb.displayName = 'Breadcrumb';
 }

package/dist/cjs/components/Breadcrumb/Item.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Item = void 0;
+exports.Item = Item;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
@@ -37,7 +37,6 @@ function Item(props) {
             [`${config.prefixCls}-disabled`]: disabled,
         }), ...restProps }));
 }
-exports.Item = Item;
 if (process.env.NODE_ENV !== 'production') {
     Item.displayName = 'Breadcrumb.Item';
 }

package/dist/cjs/components/Button/Group.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Group = void 0;
+exports.Group = Group;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
@@ -36,7 +36,6 @@ function Group(props) {
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'button-group'), [config, prefixCls]);
     return React.createElement("div", { className: (0, classnames_1.default)(rootCls, className), ...restProps });
 }
-exports.Group = Group;
 if (process.env.NODE_ENV !== 'production') {
     Group.displayName = 'Button.Group';
 }

package/dist/cjs/components/Button/index.scss

@@ -284,8 +284,6 @@
     .uk-button-primary:disabled,
     .uk-button-secondary:disabled,
     .uk-button-tertiary:disabled,
-    .uk-button-success:disabled,
-    .uk-button-warning:disabled,
     .uk-button-danger:disabled {
         background-color: var(--button-disabled-background);
         color: var(--button-disabled-color);
@@ -295,6 +293,48 @@
     }
 }
 
+@if $button-disabled-mode == separate {
+    .uk-button-default:disabled {
+        background-color: var(--button-default-disabled-background);
+        color: var(--button-default-disabled-color);
+        @if mixin-exists(hook-button-default-disabled) {
+            @include hook-button-default-disabled;
+        }
+    }
+
+    .uk-button-primary:disabled {
+        background-color: var(--button-primary-disabled-background);
+        color: var(--button-primary-disabled-color);
+        @if mixin-exists(hook-button-primary-disabled) {
+            @include hook-button-primary-disabled;
+        }
+    }
+
+    .uk-button-secondary:disabled {
+        background-color: var(--button-secondary-disabled-background);
+        color: var(--button-secondary-disabled-color);
+        @if mixin-exists(hook-button-secondary-disabled) {
+            @include hook-button-secondary-disabled;
+        }
+    }
+
+    .uk-button-tertiary:disabled {
+        background-color: var(--button-tertiary-disabled-background);
+        color: var(--button-tertiary-disabled-color);
+        @if mixin-exists(hook-button-tertiary-disabled) {
+            @include hook-button-tertiary-disabled;
+        }
+    }
+
+    .uk-button-danger:disabled {
+        background-color: var(--button-danger-disabled-background);
+        color: var(--button-danger-disabled-color);
+        @if mixin-exists(hook-button-danger-disabled) {
+            @include hook-button-danger-disabled;
+        }
+    }
+}
+
 /* Size modifiers
  ========================================================================== */
 

package/dist/cjs/components/Card/Badge.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Badge = void 0;
+exports.Badge = Badge;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Badge_1 = require("../../components/Badge");
@@ -40,7 +40,6 @@ function Badge(props) {
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls, 'badge'), [config, prefixCls]);
     return React.createElement(Badge_1.Badge, { className: (0, classnames_1.default)(rootCls, className), ...restProps });
 }
-exports.Badge = Badge;
 if (process.env.NODE_ENV !== 'production') {
     Badge.displayName = 'Card.Badge';
 }

package/dist/cjs/components/Card/Body.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Body = void 0;
+exports.Body = Body;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const context_1 = require("../../components/Card/context");
@@ -40,7 +40,6 @@ function Body(props) {
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'body'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps }));
 }
-exports.Body = Body;
 if (process.env.NODE_ENV !== 'production') {
     Body.displayName = 'Card.Body';
 }

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-import { type ColorMode } from '../../components/ConfigProvider';
+import { type ColorMode } from '../../components/Inverse';
 export type CardOwnProps = {
     asBody?: boolean;
     colorMode?: ColorMode;

package/dist/cjs/components/Card/Card.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card = void 0;
+exports.Card = Card;
 const js_utils_1 = require("@broxus/js-utils");
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
@@ -55,7 +55,6 @@ function Card(props) {
                 [`${config.prefixCls}-${colorMode}`]: colorMode && ['dark', 'light'].includes(colorMode),
             }, className), component: defaultElement, ...restProps })));
 }
-exports.Card = Card;
 if (process.env.NODE_ENV !== 'production') {
     Card.displayName = 'Card';
 }

package/dist/cjs/components/Card/Footer.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Footer = void 0;
+exports.Footer = Footer;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const context_1 = require("../../components/Card/context");
@@ -40,7 +40,6 @@ function Footer(props) {
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'footer'), [config, prefixCls]);
     return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
 }
-exports.Footer = Footer;
 if (process.env.NODE_ENV !== 'production') {
     Footer.displayName = 'Card.Footer';
 }

package/dist/cjs/components/Card/Header.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Header = void 0;
+exports.Header = Header;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const context_1 = require("../../components/Card/context");
@@ -40,7 +40,6 @@ function Header(props) {
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'header'), [config, prefixCls]);
     return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
 }
-exports.Header = Header;
 if (process.env.NODE_ENV !== 'production') {
     Header.displayName = 'Card.Header';
 }

package/dist/cjs/components/Card/Media.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Media = void 0;
+exports.Media = Media;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const context_1 = require("../../components/Card/context");
@@ -42,7 +42,6 @@ function Media(props) {
             [`${rootCls}-${position}`]: position !== undefined,
         }, className), component: defaultElement, ...restProps }));
 }
-exports.Media = Media;
 if (process.env.NODE_ENV !== 'production') {
     Media.displayName = 'Card.Media';
 }

package/dist/cjs/components/Card/Title.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Title = void 0;
+exports.Title = Title;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const context_1 = require("../../components/Card/context");
@@ -40,7 +40,6 @@ function Title(props) {
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'title'), [config, prefixCls]);
     return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
 }
-exports.Title = Title;
 if (process.env.NODE_ENV !== 'production') {
     Title.displayName = 'Card.Title';
 }

package/dist/cjs/components/Card/index.scss

@@ -206,6 +206,7 @@
  */
 
 .uk-card-default {
+    --uk-inverse: #{$card-default-color-mode};
     background: var(--card-default-background);
     color: var(--card-default-color);
     @if mixin-exists(hook-card-default) {
@@ -239,11 +240,37 @@
     }
 }
 
+// Color Mode
+@if $card-default-color-mode == light {
+    .uk-card-default.uk-card-body {
+        @extend .uk-light !optional;
+    }
+}
+
+@if $card-default-color-mode == light {
+    .uk-card-default > :not([class*='uk-card-media']) {
+        @extend .uk-light !optional;
+    }
+}
+
+@if $card-default-color-mode == dark {
+    .uk-card-default.uk-card-body {
+        @extend .uk-dark !optional;
+    }
+}
+
+@if $card-default-color-mode == dark {
+    .uk-card-default > :not([class*='uk-card-media']) {
+        @extend .uk-dark !optional;
+    }
+}
+
 /*
  * Primary
  */
 
 .uk-card-primary {
+    --uk-inverse: #{$card-primary-color-mode};
     background: var(--card-primary-background);
     color: var(--card-primary-color);
     @if mixin-exists(hook-card-primary) {
@@ -295,6 +322,7 @@
  */
 
 .uk-card-secondary {
+    --uk-inverse: #{$card-secondary-color-mode};
     background: var(--card-secondary-background);
     color: var(--card-secondary-color);
     @if mixin-exists(hook-card-secondary) {
@@ -346,6 +374,7 @@
  */
 
 .uk-card-tertiary {
+    --uk-inverse: #{$card-tertiary-color-mode};
     background: var(--card-tertiary-background);
     color: var(--card-tertiary-color);
     @if mixin-exists(hook-card-tertiary) {

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

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Close = void 0;
+exports.Close = Close;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
@@ -39,7 +39,6 @@ function Close(props) {
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'close'), [config, prefixCls]);
     return (React.createElement(Icon_1.Icon, { "aria-hidden": "false", className: (0, classnames_1.default)(rootCls, className), component: defaultElement, tabIndex: -1, ...restProps, icon: "close" }));
 }
-exports.Close = Close;
 if (process.env.NODE_ENV !== 'production') {
     Close.displayName = 'Close';
 }

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type ButtonProps } from '../../components/Button';
+import { type ColorMode } from '../../components/Inverse';
 import { type BreakpointsConfig, type TooltipOptions } from '../../types';
-export type ColorMode = 'light' | 'dark';
 type PropsWithMouseHandler = {
     onClick: React.HTMLAttributes<HTMLElement>['onClick'];
 };

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

@@ -24,7 +24,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfigContextProvider = exports.useConfig = exports.ConfigContext = void 0;
+exports.ConfigContext = void 0;
+exports.useConfig = useConfig;
+exports.ConfigContextProvider = ConfigContextProvider;
 const js_utils_1 = require("@broxus/js-utils");
 const React = __importStar(require("react"));
 exports.ConfigContext = React.createContext({
@@ -74,7 +76,6 @@ exports.ConfigContext = React.createContext({
 function useConfig() {
     return React.useContext(exports.ConfigContext);
 }
-exports.useConfig = useConfig;
 function ConfigContextProvider(props) {
     const initialContext = useConfig();
     const { children, ...restProps } = props;
@@ -90,7 +91,6 @@ function ConfigContextProvider(props) {
     }, [initialContext, restProps]);
     return React.createElement(exports.ConfigContext.Provider, { value: context }, children);
 }
-exports.ConfigContextProvider = ConfigContextProvider;
 if (process.env.NODE_ENV !== 'production') {
     exports.ConfigContext.displayName = 'ConfigContext';
 }

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

@@ -9,4 +9,4 @@ export interface ContainerOwnProps {
     size?: 'xsmall' | 'small' | 'large' | 'xlarge' | 'expand';
 }
 export type ContainerProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<ContainerOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, ContainerOwnProps>;
-export declare const Container: React.MemoExoticComponent<(<E extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(props: ContainerProps<E>) => React.JSX.Element)>;
+export declare const Container: React.MemoExoticComponent<(<E extends React.ElementType = "div">(props: ContainerProps<E>) => React.JSX.Element)>;

package/dist/cjs/components/Control/Checkbox/CheckboxGroupContext.js

@@ -24,13 +24,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCheckboxGroup = exports.CheckboxGroupContext = void 0;
+exports.CheckboxGroupContext = void 0;
+exports.useCheckboxGroup = useCheckboxGroup;
 const React = __importStar(require("react"));
 exports.CheckboxGroupContext = React.createContext(null);
 function useCheckboxGroup() {
     return React.useContext(exports.CheckboxGroupContext);
 }
-exports.useCheckboxGroup = useCheckboxGroup;
 if (process.env.NODE_ENV !== 'production') {
     exports.CheckboxGroupContext.displayName = 'CheckboxGroupContext';
 }

package/dist/cjs/components/Control/Checkbox/index.d.ts

@@ -1,9 +1,9 @@
 import type * as React from 'react';
-import { type AbstractCheckboxProps, type CheckboxProps } from '../../../components/Control/Checkbox/Checkbox';
+import { type AbstractCheckboxProps, type CheckboxChangeEvent, type CheckboxProps } from '../../../components/Control/Checkbox/Checkbox';
 import { type CheckboxGroupConsumer } from '../../../components/Control/Checkbox/CheckboxGroupContext';
 import { type AbstractCheckboxGroupProps, type CheckboxGroupProps, type CheckboxOptionType, Group } from '../../../components/Control/Checkbox/Group';
 import './index.scss';
-export type { AbstractCheckboxProps, AbstractCheckboxGroupProps, CheckboxGroupConsumer, CheckboxGroupProps, CheckboxOptionType, CheckboxProps, };
+export type { AbstractCheckboxProps, AbstractCheckboxGroupProps, CheckboxChangeEvent, CheckboxGroupConsumer, CheckboxGroupProps, CheckboxOptionType, CheckboxProps, };
 export interface Checkbox extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> {
     Group: typeof Group;
 }

package/dist/cjs/components/Control/Input/useInput.js

@@ -26,7 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInput = exports.fixControlledValue = void 0;
+exports.fixControlledValue = fixControlledValue;
+exports.useInput = useInput;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
@@ -36,7 +37,6 @@ function fixControlledValue(value) {
     }
     return value;
 }
-exports.fixControlledValue = fixControlledValue;
 function useInput(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const inputRef = React.useRef(null);
@@ -114,4 +114,3 @@ function useInput(props) {
     }, [restProps.value, useInternalValueState]);
     return { ...inputProps, inputRef, wrapperClasses };
 }
-exports.useInput = useInput;

package/dist/cjs/components/Control/Radio/RadioGroupContext.js

@@ -24,13 +24,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRadioGroup = exports.RadioGroupContext = void 0;
+exports.RadioGroupContext = void 0;
+exports.useRadioGroup = useRadioGroup;
 const React = __importStar(require("react"));
 exports.RadioGroupContext = React.createContext(null);
 function useRadioGroup() {
     return React.useContext(exports.RadioGroupContext);
 }
-exports.useRadioGroup = useRadioGroup;
 if (process.env.NODE_ENV !== 'production') {
     exports.RadioGroupContext.displayName = 'RadioGroupContext';
 }

package/dist/cjs/components/Control/Radio/index.d.ts

@@ -1,9 +1,9 @@
 import type * as React from 'react';
 import { Group, type RadioGroupProps } from '../../../components/Control/Radio/Group';
-import { type RadioProps } from '../../../components/Control/Radio/Radio';
+import { type RadioChangeEvent, type RadioProps } from '../../../components/Control/Radio/Radio';
 import './index.scss';
 import '../index.scss';
-export type { RadioGroupProps, RadioProps };
+export type { RadioChangeEvent, RadioGroupProps, RadioProps };
 export interface Radio extends React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>> {
     Group: typeof Group;
 }

package/dist/cjs/components/Control/Radio/index.scss

@@ -180,7 +180,7 @@
 
 .uk-radio-disabled.uk-radio-checked .uk-radio-inner::after {
     animation-name: none;
-    border-color: var(--radio-disabled-icon-color);
+    background-color: var(--radio-disabled-icon-color);
 }
 
 

package/dist/cjs/components/Control/Select/index.scss

@@ -767,9 +767,7 @@
 // Vars
 // ========================================================================
 
-:root,
-::after,
-::before {
+:root {
     --select-border: var(--control-border);
     --select-border-style: var(--control-border-style);
     --select-border-width: var(--control-border-width);

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

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Cover = void 0;
+exports.Cover = Cover;
 const js_utils_1 = require("@broxus/js-utils");
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
@@ -99,7 +99,6 @@ function Cover(props) {
     }, [resize]);
     return (React.createElement("div", { ref: container, className: (0, classnames_1.default)(`${rootCls}-container`, className), ...restProps }, childrenWithCoverClass));
 }
-exports.Cover = Cover;
 if (process.env.NODE_ENV !== 'production') {
     Cover.displayName = 'Cover';
 }