@itcase/ui 1.1.23 → 1.1.24

package/dist/{Chips-uYPtUsLf.js → Chips-Bd3ZFosY.js}

@@ -11,8 +11,7 @@ var chipsConfig = {
     },
 };
 function Chips(props) {
-    var children = props.children, isActive = props.isActive, appearance = props.appearance, className = props.className, _a = props.label, label = _a === void 0 ? '' : _a, labelSize = props.labelSize, // labelTextSize,
-    labelTextActiveColor = props.labelTextActiveColor, labelTextColor = props.labelTextColor, labelTextWeight = props.labelTextWeight, type = props.type, onClick = props.onClick;
+    var children = props.children, isActive = props.isActive, appearance = props.appearance, className = props.className, _a = props.label, label = _a === void 0 ? '' : _a, labelTextActiveColor = props.labelTextActiveColor, labelTextColor = props.labelTextColor, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, type = props.type, onClick = props.onClick;
     var alignDirectionClass = useDeviceTargetClass(props, {
         prefix: 'align_',
         propsKey: 'alignDirection',
@@ -57,7 +56,7 @@ function Chips(props) {
     var chipsStyles = useStyles(props).styles;
     // prettier-ignore
     var appearanceConfig = (appearance && chipsConfig.appearance && chipsConfig.appearance[appearance]);
-    return (jsxRuntimeExports.jsx("div", { style: chipsStyles, className: clsx(className, 'chips', isActive && 'chips_state_active', isActive
+    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'chips', isActive && 'chips_state_active', isActive
             ? fillActiveClass ||
                 ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillActive) &&
                     "fill_".concat(appearanceConfig.fillActive).replace(/([A-Z])/g, '-$1').toLowerCase())
@@ -69,7 +68,7 @@ function Chips(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
                 "border-color_".concat(appearanceConfig.borderColor)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderTypeClass, sizeClass, alignDirectionClass, alignClass, type && "chips_type_".concat(type), cursorClass, onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxRuntimeExports.jsxs("div", { className: "chips__inner", children: [typeof label === 'string' ? (jsxRuntimeExports.jsx(Text, { className: "chips__label", size: labelSize, textWeight: labelTextWeight, textColor: isActive
+                    .toLowerCase()), borderTypeClass, sizeClass, alignDirectionClass, alignClass, type && "chips_type_".concat(type), cursorClass, onClick && 'cursor_type_pointer'), style: chipsStyles, onClick: onClick, children: jsxRuntimeExports.jsxs("div", { className: "chips__inner", children: [typeof label === 'string' ? (jsxRuntimeExports.jsx(Text, { className: "chips__label", size: labelTextSize, textWeight: labelTextWeight, textColor: isActive
                         ? labelTextActiveColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextActiveColor)
                         : labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), children: label })) : (jsxRuntimeExports.jsx("div", { className: "chips__label", children: label })), children] }) }));
 }

package/dist/{SwitchField-BdrNzvfC.js → SwitchField-DCwEVCVg.js}

@@ -11,7 +11,7 @@ import { useStyles } from './hooks/useStyles.js';
 import { S as Switch } from './Switch-0BHqovLA.js';
 
 function FormField(props) {
-    var id = props.id, children = props.children, afterItem = props.afterItem, dataTestId = props.dataTestId, beforeItem = props.beforeItem, dividerWidth = props.dividerWidth, dividerDirection = props.dividerDirection, set = props.set, className = props.className, dividerSize = props.dividerSize, dividerFill = props.dividerFill, descSize = props.descSize, descTextWeight = props.descTextWeight, descTextColor = props.descTextColor, desc = props.desc, label = props.label, labelSize = props.labelSize, labelTextWeight = props.labelTextWeight, labelTextColor = props.labelTextColor, clearIconFill = props.clearIconFill, clearIcon = props.clearIcon, clearIconSize = props.clearIconSize, messageSize = props.messageSize, messageTextWeight = props.messageTextWeight, messageTextColor = props.messageTextColor, message = props.message;
+    var id = props.id, children = props.children, afterItem = props.afterItem, dataTestId = props.dataTestId, beforeItem = props.beforeItem, dividerWidth = props.dividerWidth, dividerDirection = props.dividerDirection, set = props.set, className = props.className, dividerSize = props.dividerSize, dividerFill = props.dividerFill, descSize = props.descSize, descTextWeight = props.descTextWeight, descTextColor = props.descTextColor, desc = props.desc, label = props.label, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, labelTextColor = props.labelTextColor, clearIconFill = props.clearIconFill, clearIcon = props.clearIcon, clearIconSize = props.clearIconSize, messageSize = props.messageSize, messageTextWeight = props.messageTextWeight, messageTextColor = props.messageTextColor, message = props.message;
     var sizeClass = useDeviceTargetClass(props, {
         prefix: 'form-field_size_',
         propsKey: 'size',
@@ -38,7 +38,7 @@ function FormField(props) {
     });
     // @ts-expect-error
     var formFieldStyles = useStyles(props).styles;
-    return (jsxRuntimeExports.jsxs("div", { className: clsx(className, 'form-field', set && "form-field_set_".concat(set), sizeClass, fillClass, shapeClass, directionClass), "data-test-id": dataTestId, style: formFieldStyles, children: [label && (jsxRuntimeExports.jsx("label", { htmlFor: id, className: "form-field__label", children: jsxRuntimeExports.jsx(Text, { size: labelSize, textWeight: labelTextWeight, textColor: labelTextColor, children: label }) })), desc && (jsxRuntimeExports.jsx("div", { className: "form-field__desc", children: jsxRuntimeExports.jsx(Text, { size: descSize, textWeight: descTextWeight, textColor: descTextColor, children: desc }) })), jsxRuntimeExports.jsxs("div", { className: clsx('form-field__item', inputFillClass, inputShapeClass), children: [jsxRuntimeExports.jsxs("div", { className: clsx('form-field__item-wrapper'), children: [beforeItem, children, clearIcon && jsxRuntimeExports.jsx(Icon, { fill: clearIconFill, SvgImage: clearIcon, size: clearIconSize }), afterItem] }), jsxRuntimeExports.jsx(Divider, { className: "form-field__item-divider", direction: dividerDirection, fill: dividerFill, size: dividerSize, width: dividerWidth })] }), message && (jsxRuntimeExports.jsx("div", { className: "form-field__message", children: jsxRuntimeExports.jsx(Text, { size: messageSize, textWeight: messageTextWeight, textColor: messageTextColor, children: message }) }))] }));
+    return (jsxRuntimeExports.jsxs("div", { className: clsx(className, 'form-field', set && "form-field_set_".concat(set), sizeClass, fillClass, shapeClass, directionClass), "data-test-id": dataTestId, style: formFieldStyles, children: [label && (jsxRuntimeExports.jsx("label", { htmlFor: id, className: "form-field__label", children: jsxRuntimeExports.jsx(Text, { size: labelTextSize, textWeight: labelTextWeight, textColor: labelTextColor, children: label }) })), desc && (jsxRuntimeExports.jsx("div", { className: "form-field__desc", children: jsxRuntimeExports.jsx(Text, { size: descSize, textWeight: descTextWeight, textColor: descTextColor, children: desc }) })), jsxRuntimeExports.jsxs("div", { className: clsx('form-field__item', inputFillClass, inputShapeClass), children: [jsxRuntimeExports.jsxs("div", { className: clsx('form-field__item-wrapper'), children: [beforeItem, children, clearIcon && jsxRuntimeExports.jsx(Icon, { fill: clearIconFill, SvgImage: clearIcon, size: clearIconSize }), afterItem] }), jsxRuntimeExports.jsx(Divider, { className: "form-field__item-divider", direction: dividerDirection, fill: dividerFill, size: dividerSize, width: dividerWidth })] }), message && (jsxRuntimeExports.jsx("div", { className: "form-field__message", children: jsxRuntimeExports.jsx(Text, { size: messageSize, textWeight: messageTextWeight, textColor: messageTextColor, children: message }) }))] }));
 }
 FormField.defaultProps = {
     dividerWidth: 'fill',

package/dist/cjs/{Chips-D6tw75eZ.js → Chips-wl8WgeWZ.js}

@@ -17,8 +17,7 @@ var chipsConfig = {
     },
 };
 function Chips(props) {
-    var children = props.children, isActive = props.isActive, appearance = props.appearance, className = props.className, _a = props.label, label = _a === void 0 ? '' : _a, labelSize = props.labelSize, // labelTextSize,
-    labelTextActiveColor = props.labelTextActiveColor, labelTextColor = props.labelTextColor, labelTextWeight = props.labelTextWeight, type = props.type, onClick = props.onClick;
+    var children = props.children, isActive = props.isActive, appearance = props.appearance, className = props.className, _a = props.label, label = _a === void 0 ? '' : _a, labelTextActiveColor = props.labelTextActiveColor, labelTextColor = props.labelTextColor, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, type = props.type, onClick = props.onClick;
     var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'align_',
         propsKey: 'alignDirection',
@@ -63,7 +62,7 @@ function Chips(props) {
     var chipsStyles = useStyles.useStyles(props).styles;
     // prettier-ignore
     var appearanceConfig = (appearance && chipsConfig.appearance && chipsConfig.appearance[appearance]);
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { style: chipsStyles, className: clsx__default.default(className, 'chips', isActive && 'chips_state_active', isActive
+    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'chips', isActive && 'chips_state_active', isActive
             ? fillActiveClass ||
                 ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillActive) &&
                     "fill_".concat(appearanceConfig.fillActive).replace(/([A-Z])/g, '-$1').toLowerCase())
@@ -75,7 +74,7 @@ function Chips(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
                 "border-color_".concat(appearanceConfig.borderColor)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderTypeClass, sizeClass, alignDirectionClass, alignClass, type && "chips_type_".concat(type), cursorClass, onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "chips__inner", children: [typeof label === 'string' ? (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "chips__label", size: labelSize, textWeight: labelTextWeight, textColor: isActive
+                    .toLowerCase()), borderTypeClass, sizeClass, alignDirectionClass, alignClass, type && "chips_type_".concat(type), cursorClass, onClick && 'cursor_type_pointer'), style: chipsStyles, onClick: onClick, children: jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "chips__inner", children: [typeof label === 'string' ? (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "chips__label", size: labelTextSize, textWeight: labelTextWeight, textColor: isActive
                         ? labelTextActiveColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextActiveColor)
                         : labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), children: label })) : (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "chips__label", children: label })), children] }) }));
 }

package/dist/cjs/{SwitchField-D2V-28Fy.js → SwitchField-C31Nbyyn.js}

@@ -17,7 +17,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 function FormField(props) {
-    var id = props.id, children = props.children, afterItem = props.afterItem, dataTestId = props.dataTestId, beforeItem = props.beforeItem, dividerWidth = props.dividerWidth, dividerDirection = props.dividerDirection, set = props.set, className = props.className, dividerSize = props.dividerSize, dividerFill = props.dividerFill, descSize = props.descSize, descTextWeight = props.descTextWeight, descTextColor = props.descTextColor, desc = props.desc, label = props.label, labelSize = props.labelSize, labelTextWeight = props.labelTextWeight, labelTextColor = props.labelTextColor, clearIconFill = props.clearIconFill, clearIcon = props.clearIcon, clearIconSize = props.clearIconSize, messageSize = props.messageSize, messageTextWeight = props.messageTextWeight, messageTextColor = props.messageTextColor, message = props.message;
+    var id = props.id, children = props.children, afterItem = props.afterItem, dataTestId = props.dataTestId, beforeItem = props.beforeItem, dividerWidth = props.dividerWidth, dividerDirection = props.dividerDirection, set = props.set, className = props.className, dividerSize = props.dividerSize, dividerFill = props.dividerFill, descSize = props.descSize, descTextWeight = props.descTextWeight, descTextColor = props.descTextColor, desc = props.desc, label = props.label, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, labelTextColor = props.labelTextColor, clearIconFill = props.clearIconFill, clearIcon = props.clearIcon, clearIconSize = props.clearIconSize, messageSize = props.messageSize, messageTextWeight = props.messageTextWeight, messageTextColor = props.messageTextColor, message = props.message;
     var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'form-field_size_',
         propsKey: 'size',
@@ -44,7 +44,7 @@ function FormField(props) {
     });
     // @ts-expect-error
     var formFieldStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'form-field', set && "form-field_set_".concat(set), sizeClass, fillClass, shapeClass, directionClass), "data-test-id": dataTestId, style: formFieldStyles, children: [label && (jsxRuntime.jsxRuntimeExports.jsx("label", { htmlFor: id, className: "form-field__label", children: jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: labelSize, textWeight: labelTextWeight, textColor: labelTextColor, children: label }) })), desc && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "form-field__desc", children: jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: descSize, textWeight: descTextWeight, textColor: descTextColor, children: desc }) })), jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('form-field__item', inputFillClass, inputShapeClass), children: [jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('form-field__item-wrapper'), children: [beforeItem, children, clearIcon && jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { fill: clearIconFill, SvgImage: clearIcon, size: clearIconSize }), afterItem] }), jsxRuntime.jsxRuntimeExports.jsx(Divider.Divider, { className: "form-field__item-divider", direction: dividerDirection, fill: dividerFill, size: dividerSize, width: dividerWidth })] }), message && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "form-field__message", children: jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: messageSize, textWeight: messageTextWeight, textColor: messageTextColor, children: message }) }))] }));
+    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'form-field', set && "form-field_set_".concat(set), sizeClass, fillClass, shapeClass, directionClass), "data-test-id": dataTestId, style: formFieldStyles, children: [label && (jsxRuntime.jsxRuntimeExports.jsx("label", { htmlFor: id, className: "form-field__label", children: jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: labelTextSize, textWeight: labelTextWeight, textColor: labelTextColor, children: label }) })), desc && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "form-field__desc", children: jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: descSize, textWeight: descTextWeight, textColor: descTextColor, children: desc }) })), jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('form-field__item', inputFillClass, inputShapeClass), children: [jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('form-field__item-wrapper'), children: [beforeItem, children, clearIcon && jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { fill: clearIconFill, SvgImage: clearIcon, size: clearIconSize }), afterItem] }), jsxRuntime.jsxRuntimeExports.jsx(Divider.Divider, { className: "form-field__item-divider", direction: dividerDirection, fill: dividerFill, size: dividerSize, width: dividerWidth })] }), message && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "form-field__message", children: jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { size: messageSize, textWeight: messageTextWeight, textColor: messageTextColor, children: message }) }))] }));
 }
 FormField.defaultProps = {
     dividerWidth: 'fill',

package/dist/cjs/components/Chips/Chips.interface.d.ts

@@ -16,9 +16,9 @@ interface iChipsThemeColor {
     fill?: tFillProps;
     fillActive?: tFillProps;
     fillHover?: tFillHoverProps;
-    labelSize?: tTextSizeProps;
     labelTextActiveColor?: tTextColorProps;
     labelTextColor?: tTextColorProps;
+    labelTextSize?: tTextSizeProps;
     labelTextWeight?: tTextWeightProps;
     shape?: tShapeProps;
     size?: tSizeProps;

package/dist/cjs/components/Chips.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Chips = require('../Chips-D6tw75eZ.js');
+var Chips = require('../Chips-wl8WgeWZ.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');

package/dist/cjs/components/FormField/FormFiled.interface.d.ts

@@ -24,7 +24,7 @@ export interface IFormFieldProps extends iStyleAttributes {
     inputFill?: tFillProps;
     inputShape?: tShapeProps;
     label?: string;
-    labelSize?: tTextSizeProps;
+    labelTextSize?: tTextSizeProps;
     labelTextColor?: tTextColorProps;
     labelTextWeight?: tTextWeightProps;
     message?: string;

package/dist/cjs/components/FormField.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var SwitchField = require('../SwitchField-D2V-28Fy.js');
+var SwitchField = require('../SwitchField-C31Nbyyn.js');
 require('../_tslib-CKiUdo7p.js');
 require('../jsx-runtime-BBxmckJR.js');
 require('react');

package/dist/cjs/components.js

@@ -9,7 +9,7 @@ var Caption = require('./Caption-f-OM1D-G.js');
 var Card = require('./Card-BhnTRJN5.js');
 var Cell = require('./Cell-Bc4BC1e3.js');
 var Checkbox = require('./Checkbox-C5EikmBn.js');
-var Chips = require('./Chips-D6tw75eZ.js');
+var Chips = require('./Chips-wl8WgeWZ.js');
 var Choice = require('./Choice-DJOKyu8I.js');
 var Code = require('./Code-BJFoJBYh.js');
 var ContextMenuItem = require('./ContextMenuItem-CLU1xPrC.js');
@@ -21,7 +21,7 @@ var Dot = require('./Dot-CKWexdtn.js');
 var Drawer = require('./Drawer-AQqI18ra.js');
 var DropdownItem = require('./DropdownItem-2Nqtx3Vi.js');
 var FlexItem = require('./FlexItem-2KlvlTJY.js');
-var SwitchField = require('./SwitchField-D2V-28Fy.js');
+var SwitchField = require('./SwitchField-C31Nbyyn.js');
 var GridRow = require('./GridRow-CAqZZGge.js');
 var Group = require('./Group-EFTg84wP.js');
 var HTMLContent = require('./HTMLContent-4vI2pdQC.js');

package/dist/components/Chips/Chips.interface.d.ts

@@ -16,9 +16,9 @@ interface iChipsThemeColor {
     fill?: tFillProps;
     fillActive?: tFillProps;
     fillHover?: tFillHoverProps;
-    labelSize?: tTextSizeProps;
     labelTextActiveColor?: tTextColorProps;
     labelTextColor?: tTextColorProps;
+    labelTextSize?: tTextSizeProps;
     labelTextWeight?: tTextWeightProps;
     shape?: tShapeProps;
     size?: tSizeProps;

package/dist/components/Chips.js

@@ -1,4 +1,4 @@
-export { C as Chips, c as chipsConfig } from '../Chips-uYPtUsLf.js';
+export { C as Chips, c as chipsConfig } from '../Chips-Bd3ZFosY.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';

package/dist/components/FormField/FormFiled.interface.d.ts

@@ -24,7 +24,7 @@ export interface IFormFieldProps extends iStyleAttributes {
     inputFill?: tFillProps;
     inputShape?: tShapeProps;
     label?: string;
-    labelSize?: tTextSizeProps;
+    labelTextSize?: tTextSizeProps;
     labelTextColor?: tTextColorProps;
     labelTextWeight?: tTextWeightProps;
     message?: string;

package/dist/components/FormField.js

@@ -1,4 +1,4 @@
-export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from '../SwitchField-BdrNzvfC.js';
+export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from '../SwitchField-DCwEVCVg.js';
 import '../_tslib-S-VPg1Cw.js';
 import '../jsx-runtime-C2uP7l8s.js';
 import 'react';

package/dist/components.js

@@ -7,7 +7,7 @@ export { C as Caption } from './Caption-DDh0VFPJ.js';
 export { C as Card } from './Card-CvW4Qozl.js';
 export { C as Cell } from './Cell-3We_qMvM.js';
 export { C as Checkbox, c as checkboxConfig } from './Checkbox-0h4YosTW.js';
-export { C as Chips, c as chipsConfig } from './Chips-uYPtUsLf.js';
+export { C as Chips, c as chipsConfig } from './Chips-Bd3ZFosY.js';
 export { C as Choice, c as choiceConfig } from './Choice-CeQ9Il98.js';
 export { C as Code } from './Code-1WUXVzfb.js';
 export { C as ContextMenu, a as ContextMenuItem } from './ContextMenuItem-KPAQQHlQ.js';
@@ -19,7 +19,7 @@ export { D as Dot } from './Dot-Bc0Ly45H.js';
 export { D as Drawer } from './Drawer-DkLkFSmD.js';
 export { D as Dropdown, a as DropdownItem } from './DropdownItem-CkojAA8a.js';
 export { F as Flex, a as FlexItem } from './FlexItem-DHmKl6e7.js';
-export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from './SwitchField-BdrNzvfC.js';
+export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from './SwitchField-DCwEVCVg.js';
 export { G as Grid, a as GridItem, b as GridRow } from './GridRow-DRjyNWBh.js';
 export { G as Group, g as groupConfig } from './Group-DLmtajo8.js';
 export { H as HTMLContent } from './HTMLContent-CgbJTAy4.js';

package/dist/stories/Chips.stories.js

@@ -68,7 +68,7 @@ export default {
       options: fillProps,
       control: 'select',
     },
-    labelSize: {
+    labelTextSize: {
       options: textSizeProps,
       control: 'inline-radio',
     },
@@ -103,7 +103,7 @@ export const Default = {
     shape: 'rounded',
     label: 'Chips',
     size: 'xxl',
-    labelSize: 'xxl',
+    labelTextSize: 'xxl',
   },
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.1.23",
+  "version": "1.1.24",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",