@itcase/ui 1.8.72 → 1.8.74
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.
- package/dist/{DatePicker_cjs_C5Scs-GL.js → DatePicker_cjs_DPe3TnXs.js} +1 -1
- package/dist/{DatePicker_es_Cn7l4eD0.js → DatePicker_es_DIFs7Wgs.js} +1 -1
- package/dist/Group_cjs_GqR99U0L.js +59 -0
- package/dist/Group_es_Bo7Y6JwT.js +55 -0
- package/dist/{Input_cjs_BGLd0EQu.js → Input_cjs_DSpBwtPv.js} +28 -3
- package/dist/{Input_es_D2mNCqiH.js → Input_es_3C_YhQFo.js} +28 -3
- package/dist/cjs/components/Avatar.js +1 -1
- package/dist/cjs/components/AvatarStack.js +2 -2
- package/dist/cjs/components/Checkmark.js +9 -0
- package/dist/cjs/components/Dadata.js +1 -1
- package/dist/cjs/components/DatePeriod.js +2 -2
- package/dist/cjs/components/DatePicker.js +2 -2
- package/dist/cjs/components/Drawer/stories/__mock__.js +10 -0
- package/dist/cjs/components/Drawer.js +2 -2
- package/dist/cjs/components/Group.js +1 -1
- package/dist/cjs/components/Input.js +1 -1
- package/dist/cjs/components/Radio.js +33 -8
- package/dist/cjs/components/Response.js +1 -1
- package/dist/cjs/components/Select.js +1 -1
- package/dist/cjs/components/Switch.js +6 -16
- package/dist/cjs/components/Textarea.js +28 -3
- package/dist/components/Avatar.js +1 -1
- package/dist/components/AvatarStack.js +2 -2
- package/dist/components/Checkmark.js +9 -0
- package/dist/components/Dadata.js +1 -1
- package/dist/components/DatePeriod.js +2 -2
- package/dist/components/DatePicker.js +2 -2
- package/dist/components/Drawer/stories/__mock__.js +8 -0
- package/dist/components/Drawer.js +2 -2
- package/dist/components/Group.js +1 -1
- package/dist/components/Input.js +1 -1
- package/dist/components/Radio.js +33 -8
- package/dist/components/Response.js +1 -1
- package/dist/components/Select.js +1 -1
- package/dist/components/Switch.js +6 -16
- package/dist/components/Textarea.js +28 -3
- package/dist/css/components/Input/Input.css +0 -4
- package/dist/css/components/Textarea/Textarea.css +0 -4
- package/dist/types/components/Avatar/appearance/avatarShape.d.ts +2 -2
- package/dist/types/components/Checkmark/appearance/checkmarkSurface.d.ts +9 -0
- package/dist/types/components/Input/appearance/inputShape.d.ts +25 -0
- package/dist/types/components/Radio/Radio.appearance.d.ts +22 -0
- package/dist/types/components/Radio/appearance/radioShape.d.ts +25 -0
- package/dist/types/components/Textarea/appearance/textareaShape.d.ts +25 -0
- package/package.json +5 -5
- package/dist/Group_cjs_D4QLNgcC.js +0 -50
- package/dist/Group_es_CruwH8Al.js +0 -46
- package/dist/{Avatar_cjs_CUv4th9V.js → Avatar_cjs_BHvgPTAY.js} +4 -4
- package/dist/{Avatar_es_CZbxsfMv.js → Avatar_es_DnqQ0yn6.js} +4 -4
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
5
|
-
import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
6
|
-
import { useStyles } from './hooks/useStyles/useStyles.js';
|
|
7
|
-
|
|
8
|
-
var groupAppearance = {
|
|
9
|
-
dev: {
|
|
10
|
-
direction: 'horizontal',
|
|
11
|
-
fill: 'surfacePrimary',
|
|
12
|
-
fillHover: 'surfacePrimaryHover',
|
|
13
|
-
borderColor: 'surfaceBorderPrimary',
|
|
14
|
-
borderWidth: 1,
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
var groupConfig = {
|
|
19
|
-
appearance: groupAppearance,
|
|
20
|
-
setAppearance: function (appearanceConfig) {
|
|
21
|
-
groupConfig.appearance = appearanceConfig;
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
var Group = React.forwardRef(function Group(props, ref) {
|
|
25
|
-
var id = props.id, className = props.className, name = props.name, appearance = props.appearance, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, scroll = props.scroll, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, isActive = props.isActive, onClick = props.onClick, onMouseDown = props.onMouseDown, children = props.children;
|
|
26
|
-
var appearanceConfig = useAppearanceConfig(appearance, groupConfig);
|
|
27
|
-
var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
28
|
-
var directionClass = propsGenerator.directionClass, flexGrowClass = propsGenerator.flexGrowClass, justifyContentClass = propsGenerator.justifyContentClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorActiveClass = propsGenerator.borderColorActiveClass, borderColorActiveHoverClass = propsGenerator.borderColorActiveHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, columnsClass = propsGenerator.columnsClass, elevationClass = propsGenerator.elevationClass, heightClass = propsGenerator.heightClass, iconFillHoverClass = propsGenerator.iconFillHoverClass, shapeClass = propsGenerator.shapeClass, stackingClass = propsGenerator.stackingClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
|
|
29
|
-
// @ts-expect-error
|
|
30
|
-
var groupStyles = useStyles(props).styles;
|
|
31
|
-
return (jsx(Tag, { id: id, dataTestId: dataTestId, dataTour: dataTour, className: clsx(className, 'group', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), columnsClass && "group_columns_".concat(columnsClass), alignDirectionClass && "align_".concat(alignDirectionClass), directionClass && "group_direction_".concat(directionClass), alignClass && "align_".concat(alignClass), textColorClass && "group_text-color_".concat(textColorClass), textColorActiveClass &&
|
|
32
|
-
"group_text-color_active_".concat(textColorActiveClass), textColorHoverClass && "group_text-color_hover_".concat(textColorHoverClass), iconFillHoverClass && "group_icon_fill_hover_".concat(iconFillHoverClass), !isActive
|
|
33
|
-
? fillClass && "fill_".concat(fillClass)
|
|
34
|
-
: fillActiveClass && "fill_active_".concat(fillActiveClass), !isActive
|
|
35
|
-
? fillHoverClass && "fill_hover_".concat(fillHoverClass)
|
|
36
|
-
: fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), scroll && "group_scroll_".concat(scroll), stackingClass && "group_stacking_".concat(stackingClass), wrapClass && "group_wrap_".concat(wrapClass), flexGrowClass && "flex-grow_".concat(flexGrowClass), shapeClass && "group_shape_".concat(shapeClass), !isActive
|
|
37
|
-
? borderColorClass && "border-color_".concat(borderColorClass)
|
|
38
|
-
: borderColorActiveClass &&
|
|
39
|
-
"border-color_active_".concat(borderColorActiveClass), !isActive
|
|
40
|
-
? borderColorHoverClass &&
|
|
41
|
-
"border-color_hover_".concat(borderColorHoverClass)
|
|
42
|
-
: borderColorActiveHoverClass &&
|
|
43
|
-
"border-color_active_hover_".concat(borderColorActiveHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), justifyContentClass && "justify-content_".concat(justifyContentClass), onClick && 'cursor_type_pointer'), name: name, htmlFor: htmlFor, ref: ref, style: Object.assign({}, groupStyles, style), onClick: onClick, onMouseDown: onMouseDown, children: children }));
|
|
44
|
-
});
|
|
45
|
-
|
|
46
|
-
export { Group as G, groupAppearance as a, groupConfig as g };
|
|
@@ -37,17 +37,17 @@ var avatarAppearanceShape = {
|
|
|
37
37
|
rounded: {
|
|
38
38
|
shape: 'rounded',
|
|
39
39
|
},
|
|
40
|
-
|
|
40
|
+
roundedS: {
|
|
41
41
|
shape: 'rounded',
|
|
42
|
-
shapeStrength: '
|
|
42
|
+
shapeStrength: '0_5m',
|
|
43
43
|
},
|
|
44
44
|
roundedM: {
|
|
45
45
|
shape: 'rounded',
|
|
46
46
|
shapeStrength: '1m',
|
|
47
47
|
},
|
|
48
|
-
|
|
48
|
+
roundedL: {
|
|
49
49
|
shape: 'rounded',
|
|
50
|
-
shapeStrength: '
|
|
50
|
+
shapeStrength: '1_5m',
|
|
51
51
|
},
|
|
52
52
|
roundedXL: {
|
|
53
53
|
shape: 'rounded',
|
|
@@ -35,17 +35,17 @@ var avatarAppearanceShape = {
|
|
|
35
35
|
rounded: {
|
|
36
36
|
shape: 'rounded',
|
|
37
37
|
},
|
|
38
|
-
|
|
38
|
+
roundedS: {
|
|
39
39
|
shape: 'rounded',
|
|
40
|
-
shapeStrength: '
|
|
40
|
+
shapeStrength: '0_5m',
|
|
41
41
|
},
|
|
42
42
|
roundedM: {
|
|
43
43
|
shape: 'rounded',
|
|
44
44
|
shapeStrength: '1m',
|
|
45
45
|
},
|
|
46
|
-
|
|
46
|
+
roundedL: {
|
|
47
47
|
shape: 'rounded',
|
|
48
|
-
shapeStrength: '
|
|
48
|
+
shapeStrength: '1_5m',
|
|
49
49
|
},
|
|
50
50
|
roundedXL: {
|
|
51
51
|
shape: 'rounded',
|