@itcase/ui-web 1.9.104 → 1.9.106

package/dist/types/components/Segmented/stories/SegmentedSize.stories.js

@@ -15,7 +15,7 @@ const meta = {
 export default meta;
 export const SizeL = {
     args: {
-        appearance: 'defaultPrimary sizeL solid',
+        appearance: 'defaultPrimary sizeL solid rounded',
         segments: segmentedMock.segments,
     },
     render: (args) => {
@@ -24,7 +24,7 @@ export const SizeL = {
 };
 export const SizeM = {
     args: {
-        appearance: 'defaultPrimary sizeM solid',
+        appearance: 'defaultPrimary sizeM solid rounded',
         segments: segmentedMock.segments,
     },
     render: (args) => {
@@ -33,7 +33,7 @@ export const SizeM = {
 };
 export const SizeS = {
     args: {
-        appearance: 'defaultPrimary sizeS solid',
+        appearance: 'defaultPrimary sizeS solid rounded',
         segments: segmentedMockSize['20'],
     },
     render: (args) => {
@@ -42,7 +42,7 @@ export const SizeS = {
 };
 export const SizeXS = {
     args: {
-        appearance: 'defaultPrimary sizeXS solid',
+        appearance: 'defaultPrimary sizeXS solid rounded',
         segments: segmentedMockSize['16'],
     },
     render: (args) => {
@@ -51,7 +51,7 @@ export const SizeXS = {
 };
 export const SizeXXS = {
     args: {
-        appearance: 'defaultPrimary sizeXXS solid',
+        appearance: 'defaultPrimary sizeXXS solid rounded',
         segments: segmentedMockSize['14'],
     },
     render: (args) => {

package/dist/types/components/Segmented/stories/SegmentedStyle.stories.js

@@ -16,7 +16,7 @@ const meta = {
 export default meta;
 export const Solid = {
     args: {
-        appearance: 'defaultPrimary sizeL solid',
+        appearance: 'defaultPrimary sizeL solid rounded',
     },
     render: (args) => {
         return _jsx(Segmented, { ...args });
@@ -24,7 +24,7 @@ export const Solid = {
 };
 export const Outlined = {
     args: {
-        appearance: 'disabledPrimary sizeL outlined',
+        appearance: 'disabledPrimary sizeL outlined rounded',
     },
     render: (args) => {
         return _jsx(Segmented, { ...args });
@@ -32,7 +32,7 @@ export const Outlined = {
 };
 export const Full = {
     args: {
-        appearance: 'defaultPrimary sizeL full',
+        appearance: 'defaultPrimary sizeL full rounded',
     },
     render: (args) => {
         return _jsx(Segmented, { ...args });
@@ -40,7 +40,7 @@ export const Full = {
 };
 export const Ghost = {
     args: {
-        appearance: 'defaultPrimary sizeL ghost',
+        appearance: 'defaultPrimary sizeL ghost rounded',
     },
     render: (args) => {
         return _jsx(Segmented, { ...args });

package/dist/types/components/Select/Select.appearance.d.ts

@@ -19,19 +19,19 @@ declare const selectAppearance: {
     };
     roundedXL: {
         multipleItemShapeRadius: string;
-        shape: "rounded";
+        shape: "roundedXL";
     };
     roundedL: {
         multipleItemShapeRadius: string;
-        shape: "rounded";
+        shape: "roundedL";
     };
     roundedM: {
         multipleItemShapeRadius: string;
-        shape: "rounded";
+        shape: "roundedM";
     };
     roundedS: {
         multipleItemShapeRadius: string;
-        shape: "rounded";
+        shape: "roundedS";
     };
     errorPrimary: {
         fill: "errorTertiary";
@@ -39,7 +39,7 @@ declare const selectAppearance: {
         borderColor: "surfaceBorderTertiary";
         borderColorHover: "surfaceBorderQuaternary";
         elevation: number;
-        badgeAppearance: "accentPrimary solid circular";
+        badgeAppearance: "accentPrimary sizeM solid circular";
         clearIconFill: "surfaceItemQuaternary";
         dropdownIconFill: "surfaceItemQuaternary";
         groupFill: string;
@@ -47,7 +47,7 @@ declare const selectAppearance: {
         groupTextWeight: "600";
         inputCaretColor: string;
         inputTextColor: string;
-        loaderAppearance: "accentPrimary sizeS ghost";
+        loaderAppearance: "accentPrimary sizeS ghost rounded";
         loadingMessageTextColor: "surfaceTextPrimary";
         menuFill: string;
         multipleItemFill: "accentPrimary";
@@ -185,7 +185,7 @@ declare const selectAppearance: {
         borderColor: "surfaceBorderTertiary";
         borderColorHover: "surfaceBorderQuaternary";
         elevation: number;
-        badgeAppearance: "accentPrimary solid circular";
+        badgeAppearance: "accentPrimary sizeM solid circular";
         clearIconFill: "surfaceItemQuaternary";
         dropdownIconFill: "surfaceItemQuaternary";
         groupFill: string;
@@ -193,7 +193,7 @@ declare const selectAppearance: {
         groupTextWeight: "600";
         inputCaretColor: string;
         inputTextColor: string;
-        loaderAppearance: "accentPrimary sizeS ghost";
+        loaderAppearance: "accentPrimary sizeS ghost rounded";
         loadingMessageTextColor: "surfaceTextPrimary";
         menuFill: string;
         multipleItemFill: "accentPrimary";
@@ -215,7 +215,7 @@ declare const selectAppearance: {
     };
     disabledPrimary: {
         elevation: number;
-        badgeAppearance: "accentPrimary solid circular";
+        badgeAppearance: "accentPrimary sizeM solid circular";
         clearIconFill: "surfaceItemQuaternary";
         dropdownIconFill: "surfaceItemQuaternary";
         headingFill: "surfaceSecondary";
@@ -244,7 +244,7 @@ declare const selectAppearance: {
         borderColor: "surfaceBorderTertiary";
         borderColorHover: "surfaceBorderQuaternary";
         elevation: number;
-        badgeAppearance: "accentPrimary solid circular";
+        badgeAppearance: "accentPrimary sizeM solid circular";
         clearIconFill: "surfaceItemQuaternary";
         dropdownIconFill: "surfaceItemQuaternary";
         groupFill: string;
@@ -252,7 +252,7 @@ declare const selectAppearance: {
         groupTextWeight: "600";
         inputCaretColor: string;
         inputTextColor: string;
-        loaderAppearance: "accentPrimary sizeS ghost";
+        loaderAppearance: "accentPrimary sizeS ghost rounded";
         loadingMessageTextColor: "surfaceTextPrimary";
         menuFill: string;
         multipleItemFill: "accentPrimary";
@@ -278,7 +278,7 @@ declare const selectAppearance: {
         borderColor: "surfaceBorderTertiary";
         borderColorHover: "surfaceBorderQuaternary";
         elevation: number;
-        badgeAppearance: "accentPrimary solid circular";
+        badgeAppearance: "accentPrimary sizeM solid circular";
         clearIconFill: "surfaceItemQuaternary";
         dropdownIconFill: "surfaceItemQuaternary";
         groupFill: string;
@@ -286,7 +286,7 @@ declare const selectAppearance: {
         groupTextWeight: "600";
         inputCaretColor: string;
         inputTextColor: string;
-        loaderAppearance: "accentPrimary sizeS ghost";
+        loaderAppearance: "accentPrimary sizeS ghost rounded";
         loadingMessageTextColor: "surfaceTextPrimary";
         menuFill: string;
         multipleItemFill: "accentPrimary";

package/dist/types/components/Select/SelectContainer.d.ts

@@ -3,7 +3,7 @@ import { GroupBase, SelectInstance } from 'react-select';
 import { Option as SelectOptionType } from '@itcase/types-core';
 import { SelectConfig } from './Select.interface';
 declare const selectConfig: SelectConfig;
-declare const SelectContainer: React.ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<SelectOptionType, boolean, GroupBase<SelectOptionType>>, "className" | "isDisabled" | "value" | "isLoading" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("./Select.interface").SelectAppearanceProps<SelectOptionType> & {
+declare const SelectContainer: React.ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<SelectOptionType, boolean, GroupBase<SelectOptionType>>, "isDisabled" | "className" | "value" | "isLoading" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("./Select.interface").SelectAppearanceProps<SelectOptionType> & {
     isSkeleton?: boolean;
     onChange?: (newValue: import("react-select").OnChangeValue<SelectOptionType, boolean>, actionMeta?: import("react-select").ActionMeta<SelectOptionType>) => void;
 } & React.RefAttributes<SelectInstance<SelectOptionType, boolean, GroupBase<SelectOptionType>>>>;

package/dist/types/components/Select/SelectContainer.js

@@ -73,7 +73,7 @@ const SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
     }), [minWidth, width]);
     const appearanceConfig = useAppearanceConfig(appearance, selectConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, elevation, badgeAppearance, badgeAppearanceSize, badgeTextSize, clearIcon, clearIconFill, dividerFill, dividerSize, dropdownFillHover, dropdownIcon, dropdownIconFill, dropdownIconShape, groupFillClass, groupTextColorClass, groupTextSizeClass, groupTextWeightClass, inputCaretColorClass, inputTextColorClass, inputTextSizeClass, loaderAppearance, loadingMessageTextColor, loadingMessageTextSize, menuFillClass, multipleItemFill, multipleItemFillHover, multipleItemIcon, multipleItemIconFill, multipleItemShapeRadius, multipleItemTextColorClass, multipleItemTextSizeClass, noOptionsTextColorClass, noOptionsTextSizeClass, optionBorderClass, optionBorderTypeClass, optionFillActiveClass, optionFillActiveDisabledClass, optionFillActiveHoverClass, optionFillClass, optionFillDisabledClass, optionFillHoverClass, optionSelectedIcon, optionSelectedIconFillIcon, optionSelectedIconSize, optionSelectedIconSrc, optionTextColorActiveClass, optionTextColorClass, optionTextColorDisabled, optionTextSizeClass, placeholderTextColor, placeholderTextSize, shapeClass, sizeClass, widthClass, } = propsGenerator;
+    const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, elevation, badgeAppearance, badgeAppearanceSize, badgeTextSize, clearIcon, clearIconFill, dividerFill, dividerSize, dropdownFillHover, dropdownIcon, dropdownIconFill, dropdownIconShape, groupFillClass, groupTextColorClass, groupTextSizeClass, groupTextWeightClass, inputCaretColorClass, inputTextColorClass, inputTextSizeClass, loaderAppearance, loadingMessageTextColor, loadingMessageTextSize, menuFillClass, multipleItemFill, multipleItemFillHover, multipleItemIcon, multipleItemIconFill, multipleItemShapeRadius, multipleItemTextColorClass, multipleItemTextSizeClass, noOptionsTextColorClass, noOptionsTextSizeClass, optionBorderClass, optionBorderTypeClass, optionFillActiveClass, optionFillActiveDisabledClass, optionFillActiveHoverClass, optionFillClass, optionFillDisabledClass, optionFillHoverClass, optionSelectedIcon, optionSelectedIconFillIcon, optionSelectedIconSize, optionSelectedIconSrc, optionTextColorActiveClass, optionTextColorClass, optionTextColorDisabled, optionTextSizeClass, placeholderTextColor, placeholderTextSize, shape, shapeClass, sizeClass, widthClass, } = propsGenerator;
     return (_jsx(SelectComponent, { className: clsx(className, 'select', isMulti && 'select_multi', shapeClass && `shape_${shapeClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, sizeClass && `select_size_${sizeClass}`, hideValueContainer && 'select_state_hide-value-container', set && `select_set_${set}`, widthClass && `select_width_${widthClass}`, isSkeleton && 'skeleton'), ref: selectRef, elevation: elevation, badgeAppearance: badgeAppearance, badgeAppearanceSize: badgeAppearanceSize, badgeSize: badgeSize, badgeTextSize: badgeTextSize, classNamePrefix: "select", clearIcon: clearIcon, clearIconFill: clearIconFill, components: {
             IndicatorSeparator: () => null,
             ClearIndicator: SelectClearIndicator,
@@ -94,6 +94,6 @@ const SelectContainer = React.forwardRef(function SelectContainer(props, ref) {
             Placeholder: SelectPlaceholder,
             SingleValue: SelectSingleValue,
             ValueContainer: SelectValueContainer,
-        }, "data-testid": dataTestId, "data-tour": dataTour, defaultValue: defaultValue || initialValue, dividerDirection: dividerDirection, dividerFill: dividerFill, dividerSize: dividerSize, dropdownFillHover: dropdownFillHover, dropdownIcon: dropdownIcon, dropdownIconFill: dropdownIconFill, dropdownIconShape: dropdownIconShape, filterOption: filterOption, groupFill: groupFillClass, groupTextColor: groupTextColorClass, groupTextSize: groupTextSizeClass, groupTextWeight: groupTextWeightClass, hideSelectedOptions: hideSelectedOptions ?? false, inputAfter: inputAfter, inputBefore: inputBefore, inputCaretColor: inputCaretColorClass, inputShape: shapeClass, inputTextColor: inputTextColorClass, inputTextSize: inputTextSizeClass, instanceId: instanceId, loaderAppearance: loaderAppearance, loadingMessageText: loadingMessageText, loadingMessageTextColor: loadingMessageTextColor, loadingMessageTextSize: loadingMessageTextSize, menuAfter: menuAfter, menuBefore: menuBefore, menuFill: menuFillClass, menuIsOpen: menuIsOpen, menuItemSize: menuItemSize, menuShape: shapeClass, multipleItemFill: multipleItemFill, multipleItemFillHover: multipleItemFillHover, multipleItemIcon: multipleItemIcon, multipleItemIconFill: multipleItemIconFill, multipleItemShapeRadius: multipleItemShapeRadius, multipleItemSize: sizeClass, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, multiValueMaxCount: multiValueMaxCount, noOptionBorder: optionBorderClass && `border-color_${optionBorderClass}`, noOptionBorderType: optionBorderTypeClass && `border_type_${optionBorderTypeClass}`, noOptionsFill: optionFillClass && `fill_${optionFillClass}`, noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText, noOptionsTextColor: noOptionsTextColorClass, noOptionsTextSize: noOptionsTextSizeClass, optionAfter: optionAfter, optionBefore: optionBefore, optionBorder: optionBorderClass, optionBorderType: optionBorderTypeClass, optionFill: optionFillClass, optionFillActive: optionFillActiveClass, optionFillActiveDisabledClass: optionFillActiveDisabledClass, optionFillActiveHover: optionFillActiveHoverClass, optionFillDisabled: optionFillDisabledClass, optionFillHover: optionFillHoverClass, options: options, optionSelectedIcon: optionSelectedIcon, optionSelectedIconFillIcon: optionSelectedIconFillIcon, optionSelectedIconSize: optionSelectedIconSize, optionSelectedIconSrc: optionSelectedIconSrc, optionShape: shapeClass, optionTextColor: optionTextColorClass, optionTextColorActive: optionTextColorActiveClass, optionTextColorDisabled: optionTextColorDisabled, optionTextSize: optionTextSizeClass, placeholder: placeholder, placeholderTextColor: placeholderTextColor, placeholderTextSize: placeholderTextSize, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, before: before, after: after, openMenuOnClick: openMenuOnClick, closeMenuOnSelect: closeMenuOnSelect ?? true, isDisabled: isDisabled, isClearable: isClearable ?? false, isLoading: isLoading, isMulti: isMulti ?? false, isSearchable: isSearchable ?? false, set: set, onChange: onChange, onInputChange: onInputChange }));
+        }, "data-testid": dataTestId, "data-tour": dataTour, defaultValue: defaultValue || initialValue, dividerDirection: dividerDirection, dividerFill: dividerFill, dividerSize: dividerSize, dropdownFillHover: dropdownFillHover, dropdownIcon: dropdownIcon, dropdownIconFill: dropdownIconFill, dropdownIconShape: dropdownIconShape, filterOption: filterOption, groupFill: groupFillClass, groupTextColor: groupTextColorClass, groupTextSize: groupTextSizeClass, groupTextWeight: groupTextWeightClass, hideSelectedOptions: hideSelectedOptions ?? false, inputAfter: inputAfter, inputBefore: inputBefore, inputCaretColor: inputCaretColorClass, inputShape: shape, inputTextColor: inputTextColorClass, inputTextSize: inputTextSizeClass, instanceId: instanceId, loaderAppearance: loaderAppearance, loadingMessageText: loadingMessageText, loadingMessageTextColor: loadingMessageTextColor, loadingMessageTextSize: loadingMessageTextSize, menuAfter: menuAfter, menuBefore: menuBefore, menuFill: menuFillClass, menuIsOpen: menuIsOpen, menuItemSize: menuItemSize, menuShape: shape, multipleItemFill: multipleItemFill, multipleItemFillHover: multipleItemFillHover, multipleItemIcon: multipleItemIcon, multipleItemIconFill: multipleItemIconFill, multipleItemShapeRadius: multipleItemShapeRadius, multipleItemSize: sizeClass, multipleItemTextColor: multipleItemTextColorClass, multipleItemTextSize: multipleItemTextSizeClass, multiValueMaxCount: multiValueMaxCount, noOptionBorder: optionBorderClass && `border-color_${optionBorderClass}`, noOptionBorderType: optionBorderTypeClass && `border_type_${optionBorderTypeClass}`, noOptionsFill: optionFillClass && `fill_${optionFillClass}`, noOptionsSearchText: noOptionsSearchText, noOptionsText: noOptionsText, noOptionsTextColor: noOptionsTextColorClass, noOptionsTextSize: noOptionsTextSizeClass, optionAfter: optionAfter, optionBefore: optionBefore, optionBorder: optionBorderClass, optionBorderType: optionBorderTypeClass, optionFill: optionFillClass, optionFillActive: optionFillActiveClass, optionFillActiveDisabledClass: optionFillActiveDisabledClass, optionFillActiveHover: optionFillActiveHoverClass, optionFillDisabled: optionFillDisabledClass, optionFillHover: optionFillHoverClass, options: options, optionSelectedIcon: optionSelectedIcon, optionSelectedIconFillIcon: optionSelectedIconFillIcon, optionSelectedIconSize: optionSelectedIconSize, optionSelectedIconSrc: optionSelectedIconSrc, optionShape: shape, optionTextColor: optionTextColorClass, optionTextColorActive: optionTextColorActiveClass, optionTextColorDisabled: optionTextColorDisabled, optionTextSize: optionTextSizeClass, placeholder: placeholder, placeholderTextColor: placeholderTextColor, placeholderTextSize: placeholderTextSize, showBadge: showBadge, showDivider: showDivider, styles: clearStyle, value: value, before: before, after: after, openMenuOnClick: openMenuOnClick, closeMenuOnSelect: closeMenuOnSelect ?? true, isDisabled: isDisabled, isClearable: isClearable ?? false, isLoading: isLoading, isMulti: isMulti ?? false, isSearchable: isSearchable ?? false, set: set, onChange: onChange, onInputChange: onInputChange }));
 });
 export { selectConfig, SelectContainer };

package/dist/types/components/Select/appearance/selectDefault.d.ts

@@ -5,7 +5,7 @@ declare const selectAppearanceDefault: {
         borderColor: "surfaceBorderTertiary";
         borderColorHover: "surfaceBorderQuaternary";
         elevation: number;
-        badgeAppearance: "accentPrimary solid circular";
+        badgeAppearance: "accentPrimary sizeM solid circular";
         clearIconFill: "surfaceItemQuaternary";
         dropdownIconFill: "surfaceItemQuaternary";
         groupFill: string;
@@ -13,7 +13,7 @@ declare const selectAppearanceDefault: {
         groupTextWeight: "600";
         inputCaretColor: string;
         inputTextColor: string;
-        loaderAppearance: "accentPrimary sizeS ghost";
+        loaderAppearance: "accentPrimary sizeS ghost rounded";
         loadingMessageTextColor: "surfaceTextPrimary";
         menuFill: string;
         multipleItemFill: "accentPrimary";

package/dist/types/components/Select/appearance/selectDefault.js

@@ -5,7 +5,7 @@ const selectAppearanceDefault = {
         borderColor: 'surfaceBorderTertiary',
         borderColorHover: 'surfaceBorderQuaternary',
         elevation: 8,
-        badgeAppearance: 'accentPrimary solid circular',
+        badgeAppearance: 'accentPrimary sizeM solid circular',
         clearIconFill: 'surfaceItemQuaternary',
         dropdownIconFill: 'surfaceItemQuaternary',
         groupFill: 'surfaceSecondary',
@@ -13,7 +13,7 @@ const selectAppearanceDefault = {
         groupTextWeight: '600',
         inputCaretColor: 'accentPrimary',
         inputTextColor: 'surfaceTextPrimary',
-        loaderAppearance: 'accentPrimary sizeS ghost',
+        loaderAppearance: 'accentPrimary sizeS ghost rounded',
         loadingMessageTextColor: 'surfaceTextPrimary',
         menuFill: 'surfacePrimary',
         multipleItemFill: 'accentPrimary',

package/dist/types/components/Select/appearance/selectDisabled.d.ts

@@ -1,7 +1,7 @@
 declare const selectAppearanceDisabled: {
     disabledPrimary: {
         elevation: number;
-        badgeAppearance: "accentPrimary solid circular";
+        badgeAppearance: "accentPrimary sizeM solid circular";
         clearIconFill: "surfaceItemQuaternary";
         dropdownIconFill: "surfaceItemQuaternary";
         headingFill: "surfaceSecondary";

package/dist/types/components/Select/appearance/selectDisabled.js

@@ -1,7 +1,7 @@
 const selectAppearanceDisabled = {
     disabledPrimary: {
         elevation: 8,
-        badgeAppearance: 'accentPrimary solid circular',
+        badgeAppearance: 'accentPrimary sizeM solid circular',
         clearIconFill: 'surfaceItemQuaternary',
         dropdownIconFill: 'surfaceItemQuaternary',
         headingFill: 'surfaceSecondary',

package/dist/types/components/Select/appearance/selectError.d.ts

@@ -5,7 +5,7 @@ declare const selectAppearanceError: {
         borderColor: "surfaceBorderTertiary";
         borderColorHover: "surfaceBorderQuaternary";
         elevation: number;
-        badgeAppearance: "accentPrimary solid circular";
+        badgeAppearance: "accentPrimary sizeM solid circular";
         clearIconFill: "surfaceItemQuaternary";
         dropdownIconFill: "surfaceItemQuaternary";
         groupFill: string;
@@ -13,7 +13,7 @@ declare const selectAppearanceError: {
         groupTextWeight: "600";
         inputCaretColor: string;
         inputTextColor: string;
-        loaderAppearance: "accentPrimary sizeS ghost";
+        loaderAppearance: "accentPrimary sizeS ghost rounded";
         loadingMessageTextColor: "surfaceTextPrimary";
         menuFill: string;
         multipleItemFill: "accentPrimary";

package/dist/types/components/Select/appearance/selectError.js

@@ -5,7 +5,7 @@ const selectAppearanceError = {
         borderColor: 'surfaceBorderTertiary',
         borderColorHover: 'surfaceBorderQuaternary',
         elevation: 8,
-        badgeAppearance: 'accentPrimary solid circular',
+        badgeAppearance: 'accentPrimary sizeM solid circular',
         clearIconFill: 'surfaceItemQuaternary',
         dropdownIconFill: 'surfaceItemQuaternary',
         groupFill: 'surfaceSecondary',
@@ -13,7 +13,7 @@ const selectAppearanceError = {
         groupTextWeight: '600',
         inputCaretColor: 'accentPrimary',
         inputTextColor: 'surfaceTextPrimary',
-        loaderAppearance: 'accentPrimary sizeS ghost',
+        loaderAppearance: 'accentPrimary sizeS ghost rounded',
         loadingMessageTextColor: 'surfaceTextPrimary',
         menuFill: 'surfacePrimary',
         multipleItemFill: 'accentPrimary',

package/dist/types/components/Select/appearance/selectRequire.d.ts

@@ -5,7 +5,7 @@ declare const selectAppearanceRequire: {
         borderColor: "surfaceBorderTertiary";
         borderColorHover: "surfaceBorderQuaternary";
         elevation: number;
-        badgeAppearance: "accentPrimary solid circular";
+        badgeAppearance: "accentPrimary sizeM solid circular";
         clearIconFill: "surfaceItemQuaternary";
         dropdownIconFill: "surfaceItemQuaternary";
         groupFill: string;
@@ -13,7 +13,7 @@ declare const selectAppearanceRequire: {
         groupTextWeight: "600";
         inputCaretColor: string;
         inputTextColor: string;
-        loaderAppearance: "accentPrimary sizeS ghost";
+        loaderAppearance: "accentPrimary sizeS ghost rounded";
         loadingMessageTextColor: "surfaceTextPrimary";
         menuFill: string;
         multipleItemFill: "accentPrimary";

package/dist/types/components/Select/appearance/selectRequire.js

@@ -5,7 +5,7 @@ const selectAppearanceRequire = {
         borderColor: 'surfaceBorderTertiary',
         borderColorHover: 'surfaceBorderQuaternary',
         elevation: 8,
-        badgeAppearance: 'accentPrimary solid circular',
+        badgeAppearance: 'accentPrimary sizeM solid circular',
         clearIconFill: 'surfaceItemQuaternary',
         dropdownIconFill: 'surfaceItemQuaternary',
         groupFill: 'surfaceSecondary',
@@ -13,7 +13,7 @@ const selectAppearanceRequire = {
         groupTextWeight: '600',
         inputCaretColor: 'accentPrimary',
         inputTextColor: 'surfaceTextPrimary',
-        loaderAppearance: 'accentPrimary sizeS ghost',
+        loaderAppearance: 'accentPrimary sizeS ghost rounded',
         loadingMessageTextColor: 'surfaceTextPrimary',
         menuFill: 'surfacePrimary',
         multipleItemFill: 'accentPrimary',

package/dist/types/components/Select/appearance/selectShape.d.ts

@@ -5,19 +5,19 @@ declare const selectAppearanceShape: {
     };
     roundedXL: {
         multipleItemShapeRadius: string;
-        shape: "rounded";
+        shape: "roundedXL";
     };
     roundedL: {
         multipleItemShapeRadius: string;
-        shape: "rounded";
+        shape: "roundedL";
     };
     roundedM: {
         multipleItemShapeRadius: string;
-        shape: "rounded";
+        shape: "roundedM";
     };
     roundedS: {
         multipleItemShapeRadius: string;
-        shape: "rounded";
+        shape: "roundedS";
     };
 };
 export { selectAppearanceShape };

package/dist/types/components/Select/appearance/selectShape.js

@@ -5,19 +5,19 @@ const selectAppearanceShape = {
     },
     roundedXL: {
         multipleItemShapeRadius: '1m',
-        shape: 'rounded',
+        shape: 'roundedXL',
     },
     roundedL: {
         multipleItemShapeRadius: '1m',
-        shape: 'rounded',
+        shape: 'roundedL',
     },
     roundedM: {
         multipleItemShapeRadius: '1m',
-        shape: 'rounded',
+        shape: 'roundedM',
     },
     roundedS: {
         multipleItemShapeRadius: '1m',
-        shape: 'rounded',
+        shape: 'roundedS',
     },
 };
 export { selectAppearanceShape };

package/dist/types/components/Select/appearance/selectSuccess.d.ts

@@ -5,7 +5,7 @@ declare const selectAppearanceSuccess: {
         borderColor: "surfaceBorderTertiary";
         borderColorHover: "surfaceBorderQuaternary";
         elevation: number;
-        badgeAppearance: "accentPrimary solid circular";
+        badgeAppearance: "accentPrimary sizeM solid circular";
         clearIconFill: "surfaceItemQuaternary";
         dropdownIconFill: "surfaceItemQuaternary";
         groupFill: string;
@@ -13,7 +13,7 @@ declare const selectAppearanceSuccess: {
         groupTextWeight: "600";
         inputCaretColor: string;
         inputTextColor: string;
-        loaderAppearance: "accentPrimary sizeS ghost";
+        loaderAppearance: "accentPrimary sizeS ghost rounded";
         loadingMessageTextColor: "surfaceTextPrimary";
         menuFill: string;
         multipleItemFill: "accentPrimary";

package/dist/types/components/Select/appearance/selectSuccess.js

@@ -5,7 +5,7 @@ const selectAppearanceSuccess = {
         borderColor: 'surfaceBorderTertiary',
         borderColorHover: 'surfaceBorderQuaternary',
         elevation: 8,
-        badgeAppearance: 'accentPrimary solid circular',
+        badgeAppearance: 'accentPrimary sizeM solid circular',
         clearIconFill: 'surfaceItemQuaternary',
         dropdownIconFill: 'surfaceItemQuaternary',
         groupFill: 'surfaceSecondary',
@@ -13,7 +13,7 @@ const selectAppearanceSuccess = {
         groupTextWeight: '600',
         inputCaretColor: 'accentPrimary',
         inputTextColor: 'surfaceTextPrimary',
-        loaderAppearance: 'accentPrimary sizeS ghost',
+        loaderAppearance: 'accentPrimary sizeS ghost rounded',
         loadingMessageTextColor: 'surfaceTextPrimary',
         menuFill: 'surfacePrimary',
         multipleItemFill: 'accentPrimary',

package/dist/types/components/Select/stories/Select.stories.d.ts

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react-vite';
 import { Option } from '@itcase/types-core';
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<Option, boolean, import("react-select").GroupBase<Option>>, "className" | "isDisabled" | "value" | "isLoading" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("..").SelectAppearanceProps<Option> & {
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<Option, boolean, import("react-select").GroupBase<Option>>, "isDisabled" | "className" | "value" | "isLoading" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("..").SelectAppearanceProps<Option> & {
         isSkeleton?: boolean;
         onChange?: (newValue: import("react-select").OnChangeValue<Option, boolean>, actionMeta?: import("react-select").ActionMeta<Option>) => void;
     } & import("react").RefAttributes<import("react-select").SelectInstance<Option, boolean, import("react-select").GroupBase<Option>>>>;

package/dist/types/components/Select/stories/SelectDefault.stories.d.ts

@@ -2,12 +2,12 @@ import type { StoryObj } from '@storybook/react-vite';
 import { Option } from '@itcase/types-core';
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<Option, boolean, import("react-select").GroupBase<Option>>, "className" | "isDisabled" | "value" | "isLoading" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("..").SelectAppearanceProps<Option> & {
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<Option, boolean, import("react-select").GroupBase<Option>>, "isDisabled" | "className" | "value" | "isLoading" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("..").SelectAppearanceProps<Option> & {
         isSkeleton?: boolean;
         onChange?: (newValue: import("react-select").OnChangeValue<Option, boolean>, actionMeta?: import("react-select").ActionMeta<Option>) => void;
     } & import("react").RefAttributes<import("react-select").SelectInstance<Option, boolean, import("react-select").GroupBase<Option>>>>;
     args: {
-        appearance: "defaultPrimary sizeM";
+        appearance: "defaultPrimary sizeM solid rounded";
         elevation: number;
         hideSelectedOptions: boolean;
         loadingMessageText: string;

package/dist/types/components/Select/stories/SelectDefault.stories.js

@@ -6,7 +6,7 @@ const meta = {
     component: Select,
     args: {
         ...SelectDefaultMock,
-        appearance: 'defaultPrimary sizeM',
+        appearance: 'defaultPrimary sizeM solid rounded',
     },
     parameters: {
         maxWidth: '400px',

package/dist/types/components/Select/stories/SelectDisabled.stories.d.ts

@@ -2,12 +2,12 @@ import type { StoryObj } from '@storybook/react-vite';
 import { Option } from '@itcase/types-core';
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<Option, boolean, import("react-select").GroupBase<Option>>, "className" | "isDisabled" | "value" | "isLoading" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("..").SelectAppearanceProps<Option> & {
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<Option, boolean, import("react-select").GroupBase<Option>>, "isDisabled" | "className" | "value" | "isLoading" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("..").SelectAppearanceProps<Option> & {
         isSkeleton?: boolean;
         onChange?: (newValue: import("react-select").OnChangeValue<Option, boolean>, actionMeta?: import("react-select").ActionMeta<Option>) => void;
     } & import("react").RefAttributes<import("react-select").SelectInstance<Option, boolean, import("react-select").GroupBase<Option>>>>;
     args: {
-        appearance: "disabledPrimary sizeM";
+        appearance: "disabledPrimary sizeM solid rounded";
         elevation: number;
         hideSelectedOptions: boolean;
         loadingMessageText: string;

package/dist/types/components/Select/stories/SelectDisabled.stories.js

@@ -7,7 +7,7 @@ const meta = {
     component: Select,
     args: {
         ...SelectDefaultMock,
-        appearance: 'disabledPrimary sizeM',
+        appearance: 'disabledPrimary sizeM solid rounded',
     },
     parameters: {
         maxWidth: '400px',
@@ -38,7 +38,7 @@ export const Multi = {
 };
 export const LoadingIndicator = {
     args: {
-        loaderAppearance: 'accentPrimary sizeS ghost',
+        loaderAppearance: 'accentPrimary sizeS ghost rounded',
         isLoading: true,
         isSearchable: true,
     },
@@ -58,7 +58,7 @@ export const LoadingMessage = {
 };
 export const LoadingMessageIcon = {
     args: {
-        loadingMessage: () => _jsx(Loader, { appearance: "surfacePrimary sizeS" }),
+        loadingMessage: () => _jsx(Loader, { appearance: "surfacePrimary sizeS solid rounded" }),
         isLoading: true,
         isSearchable: true,
     },

package/dist/types/components/Select/stories/SelectError.stories.d.ts

@@ -2,12 +2,12 @@ import type { StoryObj } from '@storybook/react-vite';
 import { Option } from '@itcase/types-core';
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<Option, boolean, import("react-select").GroupBase<Option>>, "className" | "isDisabled" | "value" | "isLoading" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("..").SelectAppearanceProps<Option> & {
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<Option, boolean, import("react-select").GroupBase<Option>>, "isDisabled" | "className" | "value" | "isLoading" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("..").SelectAppearanceProps<Option> & {
         isSkeleton?: boolean;
         onChange?: (newValue: import("react-select").OnChangeValue<Option, boolean>, actionMeta?: import("react-select").ActionMeta<Option>) => void;
     } & import("react").RefAttributes<import("react-select").SelectInstance<Option, boolean, import("react-select").GroupBase<Option>>>>;
     args: {
-        appearance: "errorPrimary sizeM";
+        appearance: "errorPrimary sizeM solid rounded";
         elevation: number;
         hideSelectedOptions: boolean;
         loadingMessageText: string;

package/dist/types/components/Select/stories/SelectError.stories.js

@@ -7,7 +7,7 @@ const meta = {
     component: Select,
     args: {
         ...SelectDefaultMock,
-        appearance: 'errorPrimary sizeM',
+        appearance: 'errorPrimary sizeM solid rounded',
     },
     parameters: {
         maxWidth: '400px',
@@ -38,7 +38,7 @@ export const Multi = {
 };
 export const LoadingIndicator = {
     args: {
-        loaderAppearance: 'accentPrimary sizeS ghost',
+        loaderAppearance: 'accentPrimary sizeS ghost rounded',
         isLoading: true,
         isSearchable: true,
     },
@@ -58,7 +58,7 @@ export const LoadingMessage = {
 };
 export const LoadingMessageIcon = {
     args: {
-        loadingMessage: () => _jsx(Loader, { appearance: "surfacePrimary sizeS" }),
+        loadingMessage: () => _jsx(Loader, { appearance: "surfacePrimary sizeS solid rounded" }),
         isLoading: true,
         isSearchable: true,
     },

package/dist/types/components/Select/stories/SelectRequire.stories.d.ts

@@ -2,12 +2,12 @@ import type { StoryObj } from '@storybook/react-vite';
 import { Option } from '@itcase/types-core';
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<Option, boolean, import("react-select").GroupBase<Option>>, "className" | "isDisabled" | "value" | "isLoading" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("..").SelectAppearanceProps<Option> & {
+    component: import("react").ForwardRefExoticComponent<Partial<Pick<import("react-select/base").Props<Option, boolean, import("react-select").GroupBase<Option>>, "isDisabled" | "className" | "value" | "isLoading" | "options" | "isClearable" | "closeMenuOnSelect" | "filterOption" | "hideSelectedOptions" | "hideValueContainer" | "instanceId" | "isMulti" | "isSearchable" | "loadingMessage" | "onInputChange" | "openMenuOnClick">> & import("..").SelectAppearanceProps<Option> & {
         isSkeleton?: boolean;
         onChange?: (newValue: import("react-select").OnChangeValue<Option, boolean>, actionMeta?: import("react-select").ActionMeta<Option>) => void;
     } & import("react").RefAttributes<import("react-select").SelectInstance<Option, boolean, import("react-select").GroupBase<Option>>>>;
     args: {
-        appearance: "requirePrimary sizeM";
+        appearance: "requirePrimary sizeM solid rounded";
         elevation: number;
         hideSelectedOptions: boolean;
         loadingMessageText: string;

package/dist/types/components/Select/stories/SelectRequire.stories.js

@@ -7,7 +7,7 @@ const meta = {
     component: Select,
     args: {
         ...SelectDefaultMock,
-        appearance: 'requirePrimary sizeM',
+        appearance: 'requirePrimary sizeM solid rounded',
     },
     parameters: {
         maxWidth: '400px',
@@ -38,7 +38,7 @@ export const Multi = {
 };
 export const LoadingIndicator = {
     args: {
-        loaderAppearance: 'accentPrimary sizeS ghost',
+        loaderAppearance: 'accentPrimary sizeS ghost rounded',
         isLoading: true,
         isSearchable: true,
     },
@@ -58,7 +58,7 @@ export const LoadingMessage = {
 };
 export const LoadingMessageIcon = {
     args: {
-        loadingMessage: () => _jsx(Loader, { appearance: "surfacePrimary sizeS" }),
+        loadingMessage: () => _jsx(Loader, { appearance: "surfacePrimary sizeS solid rounded" }),
         isLoading: true,
         isSearchable: true,
     },