@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.
Files changed (49) hide show
  1. package/dist/{DatePicker_cjs_C5Scs-GL.js → DatePicker_cjs_DPe3TnXs.js} +1 -1
  2. package/dist/{DatePicker_es_Cn7l4eD0.js → DatePicker_es_DIFs7Wgs.js} +1 -1
  3. package/dist/Group_cjs_GqR99U0L.js +59 -0
  4. package/dist/Group_es_Bo7Y6JwT.js +55 -0
  5. package/dist/{Input_cjs_BGLd0EQu.js → Input_cjs_DSpBwtPv.js} +28 -3
  6. package/dist/{Input_es_D2mNCqiH.js → Input_es_3C_YhQFo.js} +28 -3
  7. package/dist/cjs/components/Avatar.js +1 -1
  8. package/dist/cjs/components/AvatarStack.js +2 -2
  9. package/dist/cjs/components/Checkmark.js +9 -0
  10. package/dist/cjs/components/Dadata.js +1 -1
  11. package/dist/cjs/components/DatePeriod.js +2 -2
  12. package/dist/cjs/components/DatePicker.js +2 -2
  13. package/dist/cjs/components/Drawer/stories/__mock__.js +10 -0
  14. package/dist/cjs/components/Drawer.js +2 -2
  15. package/dist/cjs/components/Group.js +1 -1
  16. package/dist/cjs/components/Input.js +1 -1
  17. package/dist/cjs/components/Radio.js +33 -8
  18. package/dist/cjs/components/Response.js +1 -1
  19. package/dist/cjs/components/Select.js +1 -1
  20. package/dist/cjs/components/Switch.js +6 -16
  21. package/dist/cjs/components/Textarea.js +28 -3
  22. package/dist/components/Avatar.js +1 -1
  23. package/dist/components/AvatarStack.js +2 -2
  24. package/dist/components/Checkmark.js +9 -0
  25. package/dist/components/Dadata.js +1 -1
  26. package/dist/components/DatePeriod.js +2 -2
  27. package/dist/components/DatePicker.js +2 -2
  28. package/dist/components/Drawer/stories/__mock__.js +8 -0
  29. package/dist/components/Drawer.js +2 -2
  30. package/dist/components/Group.js +1 -1
  31. package/dist/components/Input.js +1 -1
  32. package/dist/components/Radio.js +33 -8
  33. package/dist/components/Response.js +1 -1
  34. package/dist/components/Select.js +1 -1
  35. package/dist/components/Switch.js +6 -16
  36. package/dist/components/Textarea.js +28 -3
  37. package/dist/css/components/Input/Input.css +0 -4
  38. package/dist/css/components/Textarea/Textarea.css +0 -4
  39. package/dist/types/components/Avatar/appearance/avatarShape.d.ts +2 -2
  40. package/dist/types/components/Checkmark/appearance/checkmarkSurface.d.ts +9 -0
  41. package/dist/types/components/Input/appearance/inputShape.d.ts +25 -0
  42. package/dist/types/components/Radio/Radio.appearance.d.ts +22 -0
  43. package/dist/types/components/Radio/appearance/radioShape.d.ts +25 -0
  44. package/dist/types/components/Textarea/appearance/textareaShape.d.ts +25 -0
  45. package/package.json +5 -5
  46. package/dist/Group_cjs_D4QLNgcC.js +0 -50
  47. package/dist/Group_es_CruwH8Al.js +0 -46
  48. package/dist/{Avatar_cjs_CUv4th9V.js → Avatar_cjs_BHvgPTAY.js} +4 -4
  49. 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
- roundedL: {
40
+ roundedS: {
41
41
  shape: 'rounded',
42
- shapeStrength: '1_5m',
42
+ shapeStrength: '0_5m',
43
43
  },
44
44
  roundedM: {
45
45
  shape: 'rounded',
46
46
  shapeStrength: '1m',
47
47
  },
48
- roundedS: {
48
+ roundedL: {
49
49
  shape: 'rounded',
50
- shapeStrength: '0_5m',
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
- roundedL: {
38
+ roundedS: {
39
39
  shape: 'rounded',
40
- shapeStrength: '1_5m',
40
+ shapeStrength: '0_5m',
41
41
  },
42
42
  roundedM: {
43
43
  shape: 'rounded',
44
44
  shapeStrength: '1m',
45
45
  },
46
- roundedS: {
46
+ roundedL: {
47
47
  shape: 'rounded',
48
- shapeStrength: '0_5m',
48
+ shapeStrength: '1_5m',
49
49
  },
50
50
  roundedXL: {
51
51
  shape: 'rounded',