@broxus/react-uikit 0.14.1 → 0.15.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.
Files changed (153) hide show
  1. package/dist/cjs/components/Accordion/Accordion.js +1 -2
  2. package/dist/cjs/components/Accordion/Item.js +1 -2
  3. package/dist/cjs/components/Align/Align.js +1 -2
  4. package/dist/cjs/components/Align/Left.js +1 -2
  5. package/dist/cjs/components/Align/Right.js +1 -2
  6. package/dist/cjs/components/Article/Article.js +1 -2
  7. package/dist/cjs/components/Article/Meta.js +1 -2
  8. package/dist/cjs/components/Article/Title.js +1 -2
  9. package/dist/cjs/components/Badge/index.js +1 -2
  10. package/dist/cjs/components/Breadcrumb/Breadcrumb.js +1 -2
  11. package/dist/cjs/components/Breadcrumb/Item.js +1 -2
  12. package/dist/cjs/components/Button/Group.js +1 -2
  13. package/dist/cjs/components/Button/index.scss +42 -0
  14. package/dist/cjs/components/Card/Badge.js +1 -2
  15. package/dist/cjs/components/Card/Body.js +1 -2
  16. package/dist/cjs/components/Card/Card.d.ts +1 -1
  17. package/dist/cjs/components/Card/Card.js +1 -2
  18. package/dist/cjs/components/Card/Footer.js +1 -2
  19. package/dist/cjs/components/Card/Header.js +1 -2
  20. package/dist/cjs/components/Card/Media.js +1 -2
  21. package/dist/cjs/components/Card/Title.js +1 -2
  22. package/dist/cjs/components/Card/index.scss +4 -0
  23. package/dist/cjs/components/Close/index.js +1 -2
  24. package/dist/cjs/components/ConfigProvider/index.d.ts +1 -1
  25. package/dist/cjs/components/ConfigProvider/index.js +3 -3
  26. package/dist/cjs/components/Container/index.d.ts +1 -1
  27. package/dist/cjs/components/Control/Checkbox/CheckboxGroupContext.js +2 -2
  28. package/dist/cjs/components/Control/Checkbox/index.d.ts +2 -2
  29. package/dist/cjs/components/Control/Input/useInput.js +2 -3
  30. package/dist/cjs/components/Control/Radio/RadioGroupContext.js +2 -2
  31. package/dist/cjs/components/Control/Radio/index.d.ts +2 -2
  32. package/dist/cjs/components/Control/Radio/index.scss +1 -1
  33. package/dist/cjs/components/Cover/index.js +1 -2
  34. package/dist/cjs/components/DescriptionList/Description.js +1 -2
  35. package/dist/cjs/components/DescriptionList/DescriptionList.js +1 -2
  36. package/dist/cjs/components/DescriptionList/Term.js +1 -2
  37. package/dist/cjs/components/Divider/index.js +1 -2
  38. package/dist/cjs/components/Divider/index.scss +1 -1
  39. package/dist/cjs/components/Dotnav/Dotnav.js +1 -2
  40. package/dist/cjs/components/Dotnav/Item.js +1 -2
  41. package/dist/cjs/components/Dropdown/index.scss +1 -0
  42. package/dist/cjs/components/Flex/Flex.js +1 -2
  43. package/dist/cjs/components/Flex/Item.js +1 -2
  44. package/dist/cjs/components/Form/Controls.js +1 -2
  45. package/dist/cjs/components/Form/ControlsText.js +1 -2
  46. package/dist/cjs/components/Form/Fieldset.js +1 -2
  47. package/dist/cjs/components/Form/Form.js +1 -2
  48. package/dist/cjs/components/Form/Label.js +1 -2
  49. package/dist/cjs/components/Form/Legend.js +1 -2
  50. package/dist/cjs/components/Grid/index.js +1 -2
  51. package/dist/cjs/components/Heading/index.js +1 -2
  52. package/dist/cjs/components/Icon/Button.js +1 -2
  53. package/dist/cjs/components/Icon/Icon.js +1 -2
  54. package/dist/cjs/components/Icon/Link.js +1 -2
  55. package/dist/cjs/components/Icon/get-size.js +1 -2
  56. package/dist/cjs/components/Iconnav/Iconnav.js +1 -2
  57. package/dist/cjs/components/Iconnav/Item.js +1 -2
  58. package/dist/cjs/components/Inverse/index.d.ts +21 -0
  59. package/dist/cjs/components/Inverse/index.js +78 -0
  60. package/dist/cjs/components/Label/index.js +1 -2
  61. package/dist/cjs/components/List/Item.js +1 -2
  62. package/dist/cjs/components/List/List.js +1 -2
  63. package/dist/cjs/components/Modal/Modal.js +1 -2
  64. package/dist/cjs/components/Nav/Divider.js +1 -2
  65. package/dist/cjs/components/Nav/Group/InternalNavItemGroup.js +1 -2
  66. package/dist/cjs/components/Nav/Header.js +1 -2
  67. package/dist/cjs/components/Nav/Item/InternalNavItem.js +1 -2
  68. package/dist/cjs/components/Nav/Sub/InlineSubNavList.js +1 -2
  69. package/dist/cjs/components/Nav/Sub/PopupTrigger.js +1 -2
  70. package/dist/cjs/components/Nav/Sub/index.js +1 -2
  71. package/dist/cjs/components/Nav/context/IdContext.js +3 -3
  72. package/dist/cjs/components/Nav/context/NavContext.js +2 -2
  73. package/dist/cjs/components/Nav/context/PathContext.js +3 -3
  74. package/dist/cjs/components/Nav/hooks/useAccessibility.js +1 -2
  75. package/dist/cjs/components/Nav/hooks/useActive.js +1 -2
  76. package/dist/cjs/components/Nav/hooks/useDirectionStyle.js +1 -2
  77. package/dist/cjs/components/Nav/hooks/useKeyRecords.js +2 -2
  78. package/dist/cjs/components/Nav/hooks/useMemoCallback.js +1 -2
  79. package/dist/cjs/components/Nav/hooks/useUUID.js +1 -2
  80. package/dist/cjs/components/Nav/utils/alignUtil.js +2 -3
  81. package/dist/cjs/components/Nav/utils/motionUtil.js +1 -2
  82. package/dist/cjs/components/Nav/utils/nodeUtil.js +2 -3
  83. package/dist/cjs/components/Nav/utils/timeUtil.js +1 -2
  84. package/dist/cjs/components/Nav/utils/warnUtil.js +1 -2
  85. package/dist/cjs/components/Navbar/Center.js +1 -2
  86. package/dist/cjs/components/Navbar/Container.js +1 -2
  87. package/dist/cjs/components/Navbar/Item.js +1 -2
  88. package/dist/cjs/components/Navbar/Left.js +1 -2
  89. package/dist/cjs/components/Navbar/Nav.js +1 -2
  90. package/dist/cjs/components/Navbar/Navbar.js +1 -2
  91. package/dist/cjs/components/Navbar/Right.js +1 -2
  92. package/dist/cjs/components/Navbar/Toggle.js +1 -2
  93. package/dist/cjs/components/Navbar/index.scss +1 -0
  94. package/dist/cjs/components/Overlay/index.d.ts +13 -0
  95. package/dist/cjs/components/Overlay/index.js +58 -0
  96. package/dist/cjs/components/Overlay/index.scss +105 -0
  97. package/dist/cjs/components/Progress/index.js +1 -2
  98. package/dist/cjs/components/Section/index.js +1 -2
  99. package/dist/cjs/components/Section/index.scss +29 -0
  100. package/dist/cjs/components/Spinner/index.js +1 -2
  101. package/dist/cjs/components/Subnav/Item.js +1 -2
  102. package/dist/cjs/components/Subnav/Subnav.js +1 -2
  103. package/dist/cjs/components/Tabs/hooks/useAnimateConfig.js +1 -2
  104. package/dist/cjs/components/Tabs/index.js +1 -2
  105. package/dist/cjs/components/Text/index.d.ts +1 -0
  106. package/dist/cjs/components/Text/index.js +2 -2
  107. package/dist/cjs/components/Tile/index.js +1 -2
  108. package/dist/cjs/components/Tile/index.scss +31 -0
  109. package/dist/cjs/components/Width/Width.js +1 -2
  110. package/dist/cjs/components/Width/utils.js +2 -3
  111. package/dist/cjs/hooks/useContext.js +1 -2
  112. package/dist/cjs/hooks/useForceUpdate.js +1 -2
  113. package/dist/cjs/hooks/useMounted.js +1 -2
  114. package/dist/cjs/index.d.ts +2 -0
  115. package/dist/cjs/index.js +2 -0
  116. package/dist/cjs/styles/_import.scss +1 -1
  117. package/dist/cjs/styles/inverse.scss +8 -0
  118. package/dist/cjs/styles/mixins.scss +7 -2
  119. package/dist/cjs/styles/overlay.scss +1 -105
  120. package/dist/cjs/styles/variables.scss +5 -1
  121. package/dist/cjs/tsconfig.cjs.tsbuildinfo +1 -1
  122. package/dist/cjs/utils/get-breakpoints-config-classes.js +1 -2
  123. package/dist/cjs/utils/modal.js +2 -3
  124. package/dist/cjs/utils/motion.js +3 -4
  125. package/dist/esm/components/Button/index.scss +42 -0
  126. package/dist/esm/components/Card/Card.d.ts +1 -1
  127. package/dist/esm/components/Card/index.scss +4 -0
  128. package/dist/esm/components/ConfigProvider/index.d.ts +1 -1
  129. package/dist/esm/components/Container/index.d.ts +1 -1
  130. package/dist/esm/components/Control/Checkbox/index.d.ts +2 -2
  131. package/dist/esm/components/Control/Radio/index.d.ts +2 -2
  132. package/dist/esm/components/Control/Radio/index.scss +1 -1
  133. package/dist/esm/components/Divider/index.scss +1 -1
  134. package/dist/esm/components/Dropdown/index.scss +1 -0
  135. package/dist/esm/components/Inverse/index.d.ts +21 -0
  136. package/dist/esm/components/Inverse/index.js +51 -0
  137. package/dist/esm/components/Navbar/index.scss +1 -0
  138. package/dist/esm/components/Overlay/index.d.ts +13 -0
  139. package/dist/esm/components/Overlay/index.js +29 -0
  140. package/dist/esm/components/Overlay/index.scss +105 -0
  141. package/dist/esm/components/Section/index.scss +29 -0
  142. package/dist/esm/components/Text/index.d.ts +1 -0
  143. package/dist/esm/components/Text/index.js +1 -0
  144. package/dist/esm/components/Tile/index.scss +31 -0
  145. package/dist/esm/index.d.ts +2 -0
  146. package/dist/esm/index.js +2 -0
  147. package/dist/esm/styles/_import.scss +1 -1
  148. package/dist/esm/styles/inverse.scss +8 -0
  149. package/dist/esm/styles/mixins.scss +7 -2
  150. package/dist/esm/styles/overlay.scss +1 -105
  151. package/dist/esm/styles/variables.scss +5 -1
  152. package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
  153. package/package.json +4 -4
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Accordion = void 0;
29
+ exports.Accordion = Accordion;
30
30
  const classnames_1 = __importDefault(require("classnames"));
31
31
  const rc_collapse_1 = __importDefault(require("rc-collapse"));
32
32
  const React = __importStar(require("react"));
@@ -40,7 +40,6 @@ function Accordion(props) {
40
40
  [`${rootCls}-rtl`]: direction === 'rtl',
41
41
  }, className), openMotion: (0, utils_1.getCollapseMotion)(prefixCls || config.prefixCls), prefixCls: rootCls, ...restProps }));
42
42
  }
43
- exports.Accordion = Accordion;
44
43
  if (process.env.NODE_ENV !== 'production') {
45
44
  Accordion.displayName = 'Accordion';
46
45
  }
@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
23
23
  return result;
24
24
  };
25
25
  Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.Item = void 0;
26
+ exports.Item = Item;
27
27
  const rc_collapse_1 = require("rc-collapse");
28
28
  const React = __importStar(require("react"));
29
29
  const Icon_1 = require("../../components/Icon");
@@ -37,7 +37,6 @@ function Item(props) {
37
37
  || (({ isActive }) => (React.createElement(Icon_1.Icon, { icon: isActive ? 'expand_more' : 'chevron_right' }))), [expandIcon]);
38
38
  return React.createElement(rc_collapse_1.Panel, { expandIcon: mergedExpandIcon, ...restProps });
39
39
  }
40
- exports.Item = Item;
41
40
  if (process.env.NODE_ENV !== 'production') {
42
41
  Item.displayName = 'Accordion.Item';
43
42
  }
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Align = void 0;
29
+ exports.Align = Align;
30
30
  const classnames_1 = __importDefault(require("classnames"));
31
31
  const React = __importStar(require("react"));
32
32
  const Component_1 = require("../../components/Component");
@@ -42,7 +42,6 @@ function Align(props) {
42
42
  [`${rootCls}-${isRtl ? invertedSide : side}`]: true,
43
43
  }, className), component: defaultElement, ...restProps }));
44
44
  }
45
- exports.Align = Align;
46
45
  if (process.env.NODE_ENV !== 'production') {
47
46
  Align.displayName = 'Align';
48
47
  }
@@ -23,13 +23,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
23
23
  return result;
24
24
  };
25
25
  Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.Left = void 0;
26
+ exports.Left = Left;
27
27
  const React = __importStar(require("react"));
28
28
  const Align_1 = require("../../components/Align/Align");
29
29
  function Left(props) {
30
30
  return React.createElement(Align_1.Align, { ...props, side: "left" });
31
31
  }
32
- exports.Left = Left;
33
32
  if (process.env.NODE_ENV !== 'production') {
34
33
  Left.displayName = 'Align.Left';
35
34
  }
@@ -23,13 +23,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
23
23
  return result;
24
24
  };
25
25
  Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.Right = void 0;
26
+ exports.Right = Right;
27
27
  const React = __importStar(require("react"));
28
28
  const Align_1 = require("../../components/Align/Align");
29
29
  function Right(props) {
30
30
  return React.createElement(Align_1.Align, { ...props, side: "right" });
31
31
  }
32
- exports.Right = Right;
33
32
  if (process.env.NODE_ENV !== 'production') {
34
33
  Right.displayName = 'Align.Right';
35
34
  }
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Article = void 0;
29
+ exports.Article = Article;
30
30
  const classnames_1 = __importDefault(require("classnames"));
31
31
  const React = __importStar(require("react"));
32
32
  const context_1 = require("../../components/Article/context");
@@ -43,7 +43,6 @@ function Article(props) {
43
43
  return (React.createElement(context_1.ArticleContext.Provider, { value: context },
44
44
  React.createElement("article", { className: (0, classnames_1.default)(rootCls, className), ...restProps })));
45
45
  }
46
- exports.Article = Article;
47
46
  if (process.env.NODE_ENV !== 'production') {
48
47
  Article.displayName = 'Article';
49
48
  }
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Meta = void 0;
29
+ exports.Meta = Meta;
30
30
  const classnames_1 = __importDefault(require("classnames"));
31
31
  const React = __importStar(require("react"));
32
32
  const context_1 = require("../../components/Article/context");
@@ -40,7 +40,6 @@ function Meta(props) {
40
40
  const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'meta'), [config, prefixCls]);
41
41
  return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
42
42
  }
43
- exports.Meta = Meta;
44
43
  if (process.env.NODE_ENV !== 'production') {
45
44
  Meta.displayName = 'Article.Meta';
46
45
  }
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Title = void 0;
29
+ exports.Title = Title;
30
30
  const classnames_1 = __importDefault(require("classnames"));
31
31
  const React = __importStar(require("react"));
32
32
  const context_1 = require("../../components/Article/context");
@@ -40,7 +40,6 @@ function Title(props) {
40
40
  const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'title'), [config, prefixCls]);
41
41
  return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
42
42
  }
43
- exports.Title = Title;
44
43
  if (process.env.NODE_ENV !== 'production') {
45
44
  Title.displayName = 'Article.Title';
46
45
  }
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Badge = void 0;
29
+ exports.Badge = Badge;
30
30
  const classnames_1 = __importDefault(require("classnames"));
31
31
  const React = __importStar(require("react"));
32
32
  const Component_1 = require("../../components/Component");
@@ -39,7 +39,6 @@ function Badge(props) {
39
39
  const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'badge'), [config, prefixCls]);
40
40
  return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
41
41
  }
42
- exports.Badge = Badge;
43
42
  if (process.env.NODE_ENV !== 'production') {
44
43
  Badge.displayName = 'Badge';
45
44
  }
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Breadcrumb = void 0;
29
+ exports.Breadcrumb = Breadcrumb;
30
30
  const classnames_1 = __importDefault(require("classnames"));
31
31
  const React = __importStar(require("react"));
32
32
  const ConfigProvider_1 = require("../../components/ConfigProvider");
@@ -36,7 +36,6 @@ function Breadcrumb(props) {
36
36
  const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'breadcrumb'), [config, prefixCls]);
37
37
  return React.createElement("ul", { className: (0, classnames_1.default)(rootCls, className), ...restProps });
38
38
  }
39
- exports.Breadcrumb = Breadcrumb;
40
39
  if (process.env.NODE_ENV !== 'production') {
41
40
  Breadcrumb.displayName = 'Breadcrumb';
42
41
  }
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Item = void 0;
29
+ exports.Item = Item;
30
30
  const classnames_1 = __importDefault(require("classnames"));
31
31
  const React = __importStar(require("react"));
32
32
  const ConfigProvider_1 = require("../../components/ConfigProvider");
@@ -37,7 +37,6 @@ function Item(props) {
37
37
  [`${config.prefixCls}-disabled`]: disabled,
38
38
  }), ...restProps }));
39
39
  }
40
- exports.Item = Item;
41
40
  if (process.env.NODE_ENV !== 'production') {
42
41
  Item.displayName = 'Breadcrumb.Item';
43
42
  }
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Group = void 0;
29
+ exports.Group = Group;
30
30
  const classnames_1 = __importDefault(require("classnames"));
31
31
  const React = __importStar(require("react"));
32
32
  const ConfigProvider_1 = require("../../components/ConfigProvider");
@@ -36,7 +36,6 @@ function Group(props) {
36
36
  const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'button-group'), [config, prefixCls]);
37
37
  return React.createElement("div", { className: (0, classnames_1.default)(rootCls, className), ...restProps });
38
38
  }
39
- exports.Group = Group;
40
39
  if (process.env.NODE_ENV !== 'production') {
41
40
  Group.displayName = 'Button.Group';
42
41
  }
@@ -293,6 +293,48 @@
293
293
  }
294
294
  }
295
295
 
296
+ @if $button-disabled-mode == separate {
297
+ .uk-button-default:disabled {
298
+ background-color: var(--button-default-disabled-background);
299
+ color: var(--button-default-disabled-color);
300
+ @if mixin-exists(hook-button-default-disabled) {
301
+ @include hook-button-default-disabled;
302
+ }
303
+ }
304
+
305
+ .uk-button-primary:disabled {
306
+ background-color: var(--button-primary-disabled-background);
307
+ color: var(--button-primary-disabled-color);
308
+ @if mixin-exists(hook-button-primary-disabled) {
309
+ @include hook-button-primary-disabled;
310
+ }
311
+ }
312
+
313
+ .uk-button-secondary:disabled {
314
+ background-color: var(--button-secondary-disabled-background);
315
+ color: var(--button-secondary-disabled-color);
316
+ @if mixin-exists(hook-button-secondary-disabled) {
317
+ @include hook-button-secondary-disabled;
318
+ }
319
+ }
320
+
321
+ .uk-button-tertiary:disabled {
322
+ background-color: var(--button-tertiary-disabled-background);
323
+ color: var(--button-tertiary-disabled-color);
324
+ @if mixin-exists(hook-button-tertiary-disabled) {
325
+ @include hook-button-tertiary-disabled;
326
+ }
327
+ }
328
+
329
+ .uk-button-danger:disabled {
330
+ background-color: var(--button-danger-disabled-background);
331
+ color: var(--button-danger-disabled-color);
332
+ @if mixin-exists(hook-button-danger-disabled) {
333
+ @include hook-button-danger-disabled;
334
+ }
335
+ }
336
+ }
337
+
296
338
  /* Size modifiers
297
339
  ========================================================================== */
298
340
 
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Badge = void 0;
29
+ exports.Badge = Badge;
30
30
  const classnames_1 = __importDefault(require("classnames"));
31
31
  const React = __importStar(require("react"));
32
32
  const Badge_1 = require("../../components/Badge");
@@ -40,7 +40,6 @@ function Badge(props) {
40
40
  const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls, 'badge'), [config, prefixCls]);
41
41
  return React.createElement(Badge_1.Badge, { className: (0, classnames_1.default)(rootCls, className), ...restProps });
42
42
  }
43
- exports.Badge = Badge;
44
43
  if (process.env.NODE_ENV !== 'production') {
45
44
  Badge.displayName = 'Card.Badge';
46
45
  }
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Body = void 0;
29
+ exports.Body = Body;
30
30
  const classnames_1 = __importDefault(require("classnames"));
31
31
  const React = __importStar(require("react"));
32
32
  const context_1 = require("../../components/Card/context");
@@ -40,7 +40,6 @@ function Body(props) {
40
40
  const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'body'), [config, prefixCls]);
41
41
  return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps }));
42
42
  }
43
- exports.Body = Body;
44
43
  if (process.env.NODE_ENV !== 'production') {
45
44
  Body.displayName = 'Card.Body';
46
45
  }
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { type PolymorphicProps } from '../../components/Component';
3
- import { type ColorMode } from '../../components/ConfigProvider';
3
+ import { type ColorMode } from '../../components/Inverse';
4
4
  export type CardOwnProps = {
5
5
  asBody?: boolean;
6
6
  colorMode?: ColorMode;
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Card = void 0;
29
+ exports.Card = Card;
30
30
  const js_utils_1 = require("@broxus/js-utils");
31
31
  const classnames_1 = __importDefault(require("classnames"));
32
32
  const React = __importStar(require("react"));
@@ -55,7 +55,6 @@ function Card(props) {
55
55
  [`${config.prefixCls}-${colorMode}`]: colorMode && ['dark', 'light'].includes(colorMode),
56
56
  }, className), component: defaultElement, ...restProps })));
57
57
  }
58
- exports.Card = Card;
59
58
  if (process.env.NODE_ENV !== 'production') {
60
59
  Card.displayName = 'Card';
61
60
  }
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Footer = void 0;
29
+ exports.Footer = Footer;
30
30
  const classnames_1 = __importDefault(require("classnames"));
31
31
  const React = __importStar(require("react"));
32
32
  const context_1 = require("../../components/Card/context");
@@ -40,7 +40,6 @@ function Footer(props) {
40
40
  const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'footer'), [config, prefixCls]);
41
41
  return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
42
42
  }
43
- exports.Footer = Footer;
44
43
  if (process.env.NODE_ENV !== 'production') {
45
44
  Footer.displayName = 'Card.Footer';
46
45
  }
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Header = void 0;
29
+ exports.Header = Header;
30
30
  const classnames_1 = __importDefault(require("classnames"));
31
31
  const React = __importStar(require("react"));
32
32
  const context_1 = require("../../components/Card/context");
@@ -40,7 +40,6 @@ function Header(props) {
40
40
  const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'header'), [config, prefixCls]);
41
41
  return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
42
42
  }
43
- exports.Header = Header;
44
43
  if (process.env.NODE_ENV !== 'production') {
45
44
  Header.displayName = 'Card.Header';
46
45
  }
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Media = void 0;
29
+ exports.Media = Media;
30
30
  const classnames_1 = __importDefault(require("classnames"));
31
31
  const React = __importStar(require("react"));
32
32
  const context_1 = require("../../components/Card/context");
@@ -42,7 +42,6 @@ function Media(props) {
42
42
  [`${rootCls}-${position}`]: position !== undefined,
43
43
  }, className), component: defaultElement, ...restProps }));
44
44
  }
45
- exports.Media = Media;
46
45
  if (process.env.NODE_ENV !== 'production') {
47
46
  Media.displayName = 'Card.Media';
48
47
  }
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Title = void 0;
29
+ exports.Title = Title;
30
30
  const classnames_1 = __importDefault(require("classnames"));
31
31
  const React = __importStar(require("react"));
32
32
  const context_1 = require("../../components/Card/context");
@@ -40,7 +40,6 @@ function Title(props) {
40
40
  const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'title'), [config, prefixCls]);
41
41
  return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
42
42
  }
43
- exports.Title = Title;
44
43
  if (process.env.NODE_ENV !== 'production') {
45
44
  Title.displayName = 'Card.Title';
46
45
  }
@@ -206,6 +206,7 @@
206
206
  */
207
207
 
208
208
  .uk-card-default {
209
+ --uk-inverse: #{$card-default-color-mode};
209
210
  background: var(--card-default-background);
210
211
  color: var(--card-default-color);
211
212
  @if mixin-exists(hook-card-default) {
@@ -269,6 +270,7 @@
269
270
  */
270
271
 
271
272
  .uk-card-primary {
273
+ --uk-inverse: #{$card-primary-color-mode};
272
274
  background: var(--card-primary-background);
273
275
  color: var(--card-primary-color);
274
276
  @if mixin-exists(hook-card-primary) {
@@ -320,6 +322,7 @@
320
322
  */
321
323
 
322
324
  .uk-card-secondary {
325
+ --uk-inverse: #{$card-secondary-color-mode};
323
326
  background: var(--card-secondary-background);
324
327
  color: var(--card-secondary-color);
325
328
  @if mixin-exists(hook-card-secondary) {
@@ -371,6 +374,7 @@
371
374
  */
372
375
 
373
376
  .uk-card-tertiary {
377
+ --uk-inverse: #{$card-tertiary-color-mode};
374
378
  background: var(--card-tertiary-background);
375
379
  color: var(--card-tertiary-color);
376
380
  @if mixin-exists(hook-card-tertiary) {
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Close = void 0;
29
+ exports.Close = Close;
30
30
  const classnames_1 = __importDefault(require("classnames"));
31
31
  const React = __importStar(require("react"));
32
32
  const ConfigProvider_1 = require("../../components/ConfigProvider");
@@ -39,7 +39,6 @@ function Close(props) {
39
39
  const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'close'), [config, prefixCls]);
40
40
  return (React.createElement(Icon_1.Icon, { "aria-hidden": "false", className: (0, classnames_1.default)(rootCls, className), component: defaultElement, tabIndex: -1, ...restProps, icon: "close" }));
41
41
  }
42
- exports.Close = Close;
43
42
  if (process.env.NODE_ENV !== 'production') {
44
43
  Close.displayName = 'Close';
45
44
  }
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { type ButtonProps } from '../../components/Button';
3
+ import { type ColorMode } from '../../components/Inverse';
3
4
  import { type BreakpointsConfig, type TooltipOptions } from '../../types';
4
- export type ColorMode = 'light' | 'dark';
5
5
  type PropsWithMouseHandler = {
6
6
  onClick: React.HTMLAttributes<HTMLElement>['onClick'];
7
7
  };
@@ -24,7 +24,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
24
24
  return result;
25
25
  };
26
26
  Object.defineProperty(exports, "__esModule", { value: true });
27
- exports.ConfigContextProvider = exports.useConfig = exports.ConfigContext = void 0;
27
+ exports.ConfigContext = void 0;
28
+ exports.useConfig = useConfig;
29
+ exports.ConfigContextProvider = ConfigContextProvider;
28
30
  const js_utils_1 = require("@broxus/js-utils");
29
31
  const React = __importStar(require("react"));
30
32
  exports.ConfigContext = React.createContext({
@@ -74,7 +76,6 @@ exports.ConfigContext = React.createContext({
74
76
  function useConfig() {
75
77
  return React.useContext(exports.ConfigContext);
76
78
  }
77
- exports.useConfig = useConfig;
78
79
  function ConfigContextProvider(props) {
79
80
  const initialContext = useConfig();
80
81
  const { children, ...restProps } = props;
@@ -90,7 +91,6 @@ function ConfigContextProvider(props) {
90
91
  }, [initialContext, restProps]);
91
92
  return React.createElement(exports.ConfigContext.Provider, { value: context }, children);
92
93
  }
93
- exports.ConfigContextProvider = ConfigContextProvider;
94
94
  if (process.env.NODE_ENV !== 'production') {
95
95
  exports.ConfigContext.displayName = 'ConfigContext';
96
96
  }
@@ -9,4 +9,4 @@ export interface ContainerOwnProps {
9
9
  size?: 'xsmall' | 'small' | 'large' | 'xlarge' | 'expand';
10
10
  }
11
11
  export type ContainerProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<ContainerOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, ContainerOwnProps>;
12
- export declare const Container: React.MemoExoticComponent<(<E extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(props: ContainerProps<E>) => React.JSX.Element)>;
12
+ export declare const Container: React.MemoExoticComponent<(<E extends React.ElementType = "div">(props: ContainerProps<E>) => React.JSX.Element)>;
@@ -24,13 +24,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
24
24
  return result;
25
25
  };
26
26
  Object.defineProperty(exports, "__esModule", { value: true });
27
- exports.useCheckboxGroup = exports.CheckboxGroupContext = void 0;
27
+ exports.CheckboxGroupContext = void 0;
28
+ exports.useCheckboxGroup = useCheckboxGroup;
28
29
  const React = __importStar(require("react"));
29
30
  exports.CheckboxGroupContext = React.createContext(null);
30
31
  function useCheckboxGroup() {
31
32
  return React.useContext(exports.CheckboxGroupContext);
32
33
  }
33
- exports.useCheckboxGroup = useCheckboxGroup;
34
34
  if (process.env.NODE_ENV !== 'production') {
35
35
  exports.CheckboxGroupContext.displayName = 'CheckboxGroupContext';
36
36
  }
@@ -1,9 +1,9 @@
1
1
  import type * as React from 'react';
2
- import { type AbstractCheckboxProps, type CheckboxProps } from '../../../components/Control/Checkbox/Checkbox';
2
+ import { type AbstractCheckboxProps, type CheckboxChangeEvent, type CheckboxProps } from '../../../components/Control/Checkbox/Checkbox';
3
3
  import { type CheckboxGroupConsumer } from '../../../components/Control/Checkbox/CheckboxGroupContext';
4
4
  import { type AbstractCheckboxGroupProps, type CheckboxGroupProps, type CheckboxOptionType, Group } from '../../../components/Control/Checkbox/Group';
5
5
  import './index.scss';
6
- export type { AbstractCheckboxProps, AbstractCheckboxGroupProps, CheckboxGroupConsumer, CheckboxGroupProps, CheckboxOptionType, CheckboxProps, };
6
+ export type { AbstractCheckboxProps, AbstractCheckboxGroupProps, CheckboxChangeEvent, CheckboxGroupConsumer, CheckboxGroupProps, CheckboxOptionType, CheckboxProps, };
7
7
  export interface Checkbox extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> {
8
8
  Group: typeof Group;
9
9
  }
@@ -26,7 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.useInput = exports.fixControlledValue = void 0;
29
+ exports.fixControlledValue = fixControlledValue;
30
+ exports.useInput = useInput;
30
31
  const classnames_1 = __importDefault(require("classnames"));
31
32
  const React = __importStar(require("react"));
32
33
  const ConfigProvider_1 = require("../../../components/ConfigProvider");
@@ -36,7 +37,6 @@ function fixControlledValue(value) {
36
37
  }
37
38
  return value;
38
39
  }
39
- exports.fixControlledValue = fixControlledValue;
40
40
  function useInput(props) {
41
41
  const config = (0, ConfigProvider_1.useConfig)();
42
42
  const inputRef = React.useRef(null);
@@ -114,4 +114,3 @@ function useInput(props) {
114
114
  }, [restProps.value, useInternalValueState]);
115
115
  return { ...inputProps, inputRef, wrapperClasses };
116
116
  }
117
- exports.useInput = useInput;
@@ -24,13 +24,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
24
24
  return result;
25
25
  };
26
26
  Object.defineProperty(exports, "__esModule", { value: true });
27
- exports.useRadioGroup = exports.RadioGroupContext = void 0;
27
+ exports.RadioGroupContext = void 0;
28
+ exports.useRadioGroup = useRadioGroup;
28
29
  const React = __importStar(require("react"));
29
30
  exports.RadioGroupContext = React.createContext(null);
30
31
  function useRadioGroup() {
31
32
  return React.useContext(exports.RadioGroupContext);
32
33
  }
33
- exports.useRadioGroup = useRadioGroup;
34
34
  if (process.env.NODE_ENV !== 'production') {
35
35
  exports.RadioGroupContext.displayName = 'RadioGroupContext';
36
36
  }
@@ -1,9 +1,9 @@
1
1
  import type * as React from 'react';
2
2
  import { Group, type RadioGroupProps } from '../../../components/Control/Radio/Group';
3
- import { type RadioProps } from '../../../components/Control/Radio/Radio';
3
+ import { type RadioChangeEvent, type RadioProps } from '../../../components/Control/Radio/Radio';
4
4
  import './index.scss';
5
5
  import '../index.scss';
6
- export type { RadioGroupProps, RadioProps };
6
+ export type { RadioChangeEvent, RadioGroupProps, RadioProps };
7
7
  export interface Radio extends React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>> {
8
8
  Group: typeof Group;
9
9
  }
@@ -180,7 +180,7 @@
180
180
 
181
181
  .uk-radio-disabled.uk-radio-checked .uk-radio-inner::after {
182
182
  animation-name: none;
183
- border-color: var(--radio-disabled-icon-color);
183
+ background-color: var(--radio-disabled-icon-color);
184
184
  }
185
185
 
186
186
 
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.Cover = void 0;
29
+ exports.Cover = Cover;
30
30
  const js_utils_1 = require("@broxus/js-utils");
31
31
  const classnames_1 = __importDefault(require("classnames"));
32
32
  const React = __importStar(require("react"));
@@ -99,7 +99,6 @@ function Cover(props) {
99
99
  }, [resize]);
100
100
  return (React.createElement("div", { ref: container, className: (0, classnames_1.default)(`${rootCls}-container`, className), ...restProps }, childrenWithCoverClass));
101
101
  }
102
- exports.Cover = Cover;
103
102
  if (process.env.NODE_ENV !== 'production') {
104
103
  Cover.displayName = 'Cover';
105
104
  }
@@ -23,12 +23,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
23
23
  return result;
24
24
  };
25
25
  Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.Description = void 0;
26
+ exports.Description = Description;
27
27
  const React = __importStar(require("react"));
28
28
  function Description(props) {
29
29
  return React.createElement("dd", { ...props });
30
30
  }
31
- exports.Description = Description;
32
31
  if (process.env.NODE_ENV !== 'production') {
33
32
  Description.displayName = 'DescriptionList.Description';
34
33
  }
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.DescriptionList = void 0;
29
+ exports.DescriptionList = DescriptionList;
30
30
  const classnames_1 = __importDefault(require("classnames"));
31
31
  const React = __importStar(require("react"));
32
32
  const ConfigProvider_1 = require("../../components/ConfigProvider");
@@ -38,7 +38,6 @@ function DescriptionList(props) {
38
38
  [`${rootCls}-divider`]: divided,
39
39
  }, className), ...restProps }));
40
40
  }
41
- exports.DescriptionList = DescriptionList;
42
41
  if (process.env.NODE_ENV !== 'production') {
43
42
  DescriptionList.displayName = 'DescriptionList';
44
43
  }