@broxus/react-uikit 0.9.1 → 0.10.0

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

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

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

@@ -36,7 +36,7 @@ const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
 function Card(props) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { asBody, className, kind, colorMode = kind !== 'default' && kind !== undefined
+    const { asBody, className, kind, colorMode = kind && kind !== 'default'
         // @ts-ignore
         ? config[`card${(0, js_utils_1.capitalizeFirstLetter)(kind)}ColorMode`]
         : undefined, hoverable, prefixCls = config.prefixCls, size, ...restProps } = props;
@@ -48,11 +48,11 @@ function Card(props) {
     }), [rootCls]);
     return (React.createElement(context_1.CardContext.Provider, { value: context },
         React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
-                [`${rootCls}-${kind}`]: kind !== undefined,
-                [`${rootCls}-${size}`]: size !== undefined,
+                [`${rootCls}-${kind}`]: kind && ['default', 'primary', 'secondary', 'tertiary'].includes(kind),
+                [`${rootCls}-${size}`]: size && ['small', 'large'].includes(size),
                 [`${rootCls}-body`]: asBody,
                 [`${rootCls}-hover`]: hoverable,
-                [`${config.prefixCls}-${colorMode}`]: colorMode !== undefined,
+                [`${config.prefixCls}-${colorMode}`]: colorMode && ['dark', 'light'].includes(colorMode),
             }, className), component: defaultElement, ...restProps })));
 }
 exports.Card = Card;

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

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

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

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

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

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

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

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
 import { type BreakpointsConfig } from '../../types';
-export type FlexAlignContent = 'stretch' | 'between' | 'around' | 'start' | 'middle' | 'end';
-export type FlexAlignItems = 'stretch' | 'start' | 'middle' | 'end';
+export type FlexAlignContent = 'stretch' | 'between' | 'around' | 'start' | 'center' | 'end';
+export type FlexAlignItems = 'stretch' | 'start' | 'center' | 'end';
 export type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
 export type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
 export type FlexJustifyContent = 'start' | 'center' | 'end' | 'between' | 'around';

package/dist/cjs/components/Flex/Flex.js

@@ -38,13 +38,13 @@ const alignContentMap = new Map([
     ['around', 'around'],
     ['between', 'between'],
     ['end', 'right'],
-    ['middle', 'middle'],
+    ['center', 'middle'],
     ['start', 'left'],
     ['stretch', 'stretch'],
 ]);
 const alignItemsMap = new Map([
     ['end', 'bottom'],
-    ['middle', 'middle'],
+    ['center', 'middle'],
     ['start', 'top'],
     ['stretch', 'stretch'],
 ]);

package/dist/cjs/components/Flex/context.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

package/dist/cjs/components/Form/context.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

package/dist/cjs/components/Nav/context/IdContext.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

package/dist/cjs/components/Nav/context/NavContext.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

package/dist/cjs/components/Nav/context/PathContext.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

package/dist/cjs/components/Nav/context/PrivateContext.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

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

@@ -35,11 +35,11 @@ require("./index.scss");
 const defaultElement = 'section';
 function Section(props) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, prefixCls = config.prefixCls, preserveColor, size, kind, ...restProps } = props;
+    const { className, kind, prefixCls = config.prefixCls, preserveColor, size, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'section'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
-            [`${rootCls}-${size}`]: size !== undefined,
-            [`${rootCls}-${kind}`]: kind !== undefined,
+            [`${rootCls}-${size}`]: size && ['xsmall', 'small', 'large', 'xlarge'].includes(size),
+            [`${rootCls}-${kind}`]: kind && ['default', 'muted', 'primary', 'secondary', 'tertiary'].includes(kind),
             [`${prefixCls || config.prefixCls}-preserve-color`]: preserveColor,
         }, className), component: defaultElement, ...restProps }));
 }

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

@@ -45,13 +45,13 @@ function Text(props) {
         : (0, utils_1.getBreakpointsConfigClasses)(prefixCls || config.prefixCls, 'column-1', column)), [column, config.prefixCls, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(columnClassName, alignClassName, {
             [`${prefixCls || config.prefixCls}-dropcap`]: dropcap,
-            [`${rootCls}-${color}`]: color !== undefined,
-            [`${rootCls}-${kind}`]: kind !== undefined,
-            [`${rootCls}-${size}`]: size !== undefined,
-            [`${rootCls}-${transform}`]: transform !== undefined,
-            [`${rootCls}-${verticalAlign}`]: verticalAlign !== undefined,
-            [`${rootCls}-${weight}`]: weight !== undefined,
-            [`${rootCls}-${wrap}`]: wrap !== undefined,
+            [`${rootCls}-${color}`]: color && ['muted', 'emphasis', 'primary', 'secondary', 'tertiary', 'success', 'warning', 'danger'].includes(color),
+            [`${rootCls}-${kind}`]: kind && ['meta', 'lead', 'base'].includes(kind),
+            [`${rootCls}-${size}`]: size && ['xsmall', 'small', 'large'].includes(size),
+            [`${rootCls}-${transform}`]: transform && ['capitalize', 'uppercase', 'lowercase'].includes(transform),
+            [`${rootCls}-${verticalAlign}`]: verticalAlign && ['top', 'middle', 'bottom', 'baseline'].includes(verticalAlign),
+            [`${rootCls}-${weight}`]: weight && ['thin', 'light', 'normal', 'medium', 'semibold', 'bold', 'lighter', 'bolder'].includes(weight),
+            [`${rootCls}-${wrap}`]: wrap && ['truncate', 'break', 'nowrap'].includes(wrap),
             [`${rootCls}-decoration-none`]: decoration === 'none',
             [`${rootCls}-italic`]: italic,
         }, className), component: defaultElement, ...restProps }));

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

@@ -35,11 +35,11 @@ require("./index.scss");
 const defaultElement = 'div';
 function Tile(props) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, prefixCls = config.prefixCls, preserveColor, size, kind, ...restProps } = props;
+    const { className, kind, prefixCls = config.prefixCls, preserveColor, size, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'tile'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
-            [`${rootCls}-${size}`]: size !== undefined,
-            [`${rootCls}-${kind}`]: kind !== undefined,
+            [`${rootCls}-${size}`]: size && ['xsmall', 'small', 'large', 'xlarge'].includes(size),
+            [`${rootCls}-${kind}`]: kind && ['default', 'muted', 'primary', 'secondary', 'tertiary'].includes(kind),
             [`${prefixCls || config.prefixCls}-preserve-color`]: preserveColor,
         }, className), component: defaultElement, ...restProps }));
 }