@itcase/ui 1.8.43 → 1.8.44

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 (155) hide show
  1. package/dist/{Avatar_cjs_BbeDJ-No.js → Avatar_cjs_Bp8wjwGw.js} +8 -10
  2. package/dist/{Avatar_es_B1Ao9Im_.js → Avatar_es_BIKf0hNV.js} +7 -9
  3. package/dist/{Button_cjs_Bzx1GdT5.js → Button_cjs_Chn18eOU.js} +104 -10
  4. package/dist/{Button_es_DhCLxWhq.js → Button_es_XnWb2XF3.js} +103 -9
  5. package/dist/{ChipsGroup_cjs_p99H-9a8.js → ChipsGroup_cjs_Deoz_rju.js} +9 -9
  6. package/dist/{ChipsGroup_es_CWq3TR_1.js → ChipsGroup_es_C1Qi_5A1.js} +8 -8
  7. package/dist/{DatePicker_cjs_Cq8vqj3E.js → DatePicker_cjs_B24qHiks.js} +13 -16
  8. package/dist/{DatePicker_es_DYs71cnU.js → DatePicker_es_BuC8mEcK.js} +10 -13
  9. package/dist/{Divider_cjs_BmCJj3TN.js → Divider_cjs_rxMMBfLC.js} +3 -5
  10. package/dist/{Divider_es_kY-30pft.js → Divider_es_CiRU0sTz.js} +3 -5
  11. package/dist/{DropdownItem_cjs_B1gGciTB.js → DropdownItem_cjs_DuqySfbd.js} +6 -8
  12. package/dist/{DropdownItem_es_JVT4f6Nb.js → DropdownItem_es_BBxfR35q.js} +5 -7
  13. package/dist/{Group_cjs_Cwt0gWk4.js → Group_cjs_CDLfU5D2.js} +5 -8
  14. package/dist/{Group_es_CYW2Hquh.js → Group_es_DSZxyI1e.js} +5 -8
  15. package/dist/{Tooltip_cjs_BBwH8sjA.js → Icon_cjs_DRZih-pc.js} +588 -599
  16. package/dist/{Tooltip_es_Y2aoFQW7.js → Icon_es_k9bHSLyL.js} +588 -599
  17. package/dist/{Input_cjs_CPmXkQGd.js → Input_cjs_BGLd0EQu.js} +3 -5
  18. package/dist/{Input_es_D9Y1Rj5Y.js → Input_es_D2mNCqiH.js} +3 -5
  19. package/dist/{Label_cjs_Mb8j2bLu.js → Label_cjs_D70CHJDE.js} +6 -8
  20. package/dist/{Label_es_CIDBUVgO.js → Label_es_HXrap3A4.js} +5 -7
  21. package/dist/{Link_cjs_DbRGq2Yk.js → Link_cjs_BqT6eVl6.js} +2 -4
  22. package/dist/{Link_es_DxtZLeKY.js → Link_es_BnUIX0QT.js} +2 -4
  23. package/dist/{Loader_cjs_Ca4i0sER.js → Loader_cjs_BShrE-Nb.js} +5 -7
  24. package/dist/{Loader_es_GYOr0UTX.js → Loader_es_BDb87cdb.js} +5 -7
  25. package/dist/{Overlay_cjs_CFOtnzDU.js → Overlay_cjs_BMrkRg7M.js} +3 -5
  26. package/dist/{Overlay_es_DczPjVL9.js → Overlay_es_D_izIIUB.js} +3 -5
  27. package/dist/{Text_cjs_C9fOm0nd.js → Text_cjs_BlNeIm_v.js} +5 -7
  28. package/dist/{Text_es_BfLRfj-5.js → Text_es_Ffjr5J1k.js} +5 -7
  29. package/dist/cjs/components/Accordion.js +7 -9
  30. package/dist/cjs/components/Avatar.js +9 -8
  31. package/dist/cjs/components/AvatarStack.js +8 -10
  32. package/dist/cjs/components/Badge.js +11 -10
  33. package/dist/cjs/components/Breadcrumbs.js +6 -8
  34. package/dist/cjs/components/Button.js +11 -10
  35. package/dist/cjs/components/Cell.js +8 -10
  36. package/dist/cjs/components/Checkbox.js +4 -6
  37. package/dist/cjs/components/Checkmark.js +3 -5
  38. package/dist/cjs/components/Chips.js +4 -4
  39. package/dist/cjs/components/Choice.js +9 -11
  40. package/dist/cjs/components/Code.js +3 -5
  41. package/dist/cjs/components/CookiesWarning.js +12 -14
  42. package/dist/cjs/components/Dadata.js +2 -1
  43. package/dist/cjs/components/DatePeriod.js +12 -15
  44. package/dist/cjs/components/DatePicker.js +9 -8
  45. package/dist/cjs/components/Divider.js +4 -3
  46. package/dist/cjs/components/Drawer.js +13 -15
  47. package/dist/cjs/components/Dropdown.js +6 -5
  48. package/dist/cjs/components/Group.js +3 -2
  49. package/dist/cjs/components/HeroTitle.js +7 -9
  50. package/dist/cjs/components/Icon.js +11 -10
  51. package/dist/cjs/components/Input.js +3 -2
  52. package/dist/cjs/components/InputPassword.js +9 -11
  53. package/dist/cjs/components/Label.js +6 -5
  54. package/dist/cjs/components/Link.js +2 -1
  55. package/dist/cjs/components/List.js +4 -6
  56. package/dist/cjs/components/Loader.js +5 -4
  57. package/dist/cjs/components/Logo.js +4 -6
  58. package/dist/cjs/components/MenuItem.js +31 -10
  59. package/dist/cjs/components/Modal.js +10 -12
  60. package/dist/cjs/components/Notification.js +7 -9
  61. package/dist/cjs/components/Overlay.js +4 -3
  62. package/dist/cjs/components/Pagination.js +10 -12
  63. package/dist/cjs/components/Radio.js +4 -6
  64. package/dist/cjs/components/Response.js +8 -10
  65. package/dist/cjs/components/Search.js +7 -9
  66. package/dist/cjs/components/Segmented.js +12 -14
  67. package/dist/cjs/components/Select.js +15 -22
  68. package/dist/cjs/components/Swiper.js +5 -4
  69. package/dist/cjs/components/Switch.js +4 -6
  70. package/dist/cjs/components/Tab.js +8 -10
  71. package/dist/cjs/components/Text.js +4 -3
  72. package/dist/cjs/components/Textarea.js +3 -5
  73. package/dist/cjs/components/Tile.js +7 -9
  74. package/dist/cjs/components/Title.js +11 -10
  75. package/dist/cjs/components/Tooltip.js +11 -10
  76. package/dist/cjs/components/Warning.js +168 -0
  77. package/dist/cjs/hooks/useAppearanceConfig/useAppearanceConfig.js +4 -6
  78. package/dist/components/Accordion.js +6 -8
  79. package/dist/components/Avatar.js +9 -8
  80. package/dist/components/AvatarStack.js +8 -10
  81. package/dist/components/Badge.js +8 -7
  82. package/dist/components/Breadcrumbs.js +5 -7
  83. package/dist/components/Button.js +11 -10
  84. package/dist/components/Cell.js +7 -9
  85. package/dist/components/Checkbox.js +4 -6
  86. package/dist/components/Checkmark.js +3 -5
  87. package/dist/components/Chips.js +4 -4
  88. package/dist/components/Choice.js +7 -9
  89. package/dist/components/Code.js +3 -5
  90. package/dist/components/CookiesWarning.js +12 -14
  91. package/dist/components/Dadata.js +2 -1
  92. package/dist/components/DatePeriod.js +12 -15
  93. package/dist/components/DatePicker.js +9 -8
  94. package/dist/components/Divider.js +4 -3
  95. package/dist/components/Drawer.js +12 -14
  96. package/dist/components/Dropdown.js +6 -5
  97. package/dist/components/Group.js +3 -2
  98. package/dist/components/HeroTitle.js +6 -8
  99. package/dist/components/Icon.js +8 -7
  100. package/dist/components/Input.js +3 -2
  101. package/dist/components/InputPassword.js +8 -10
  102. package/dist/components/Label.js +6 -5
  103. package/dist/components/Link.js +2 -1
  104. package/dist/components/List.js +4 -6
  105. package/dist/components/Loader.js +5 -4
  106. package/dist/components/Logo.js +4 -6
  107. package/dist/components/MenuItem.js +29 -8
  108. package/dist/components/Modal.js +9 -11
  109. package/dist/components/Notification.js +6 -8
  110. package/dist/components/Overlay.js +4 -3
  111. package/dist/components/Pagination.js +8 -10
  112. package/dist/components/Radio.js +4 -6
  113. package/dist/components/Response.js +8 -10
  114. package/dist/components/Search.js +5 -7
  115. package/dist/components/Segmented.js +10 -12
  116. package/dist/components/Select.js +11 -18
  117. package/dist/components/Swiper.js +4 -3
  118. package/dist/components/Switch.js +4 -6
  119. package/dist/components/Tab.js +7 -9
  120. package/dist/components/Text.js +4 -3
  121. package/dist/components/Textarea.js +3 -5
  122. package/dist/components/Tile.js +6 -8
  123. package/dist/components/Title.js +8 -7
  124. package/dist/components/Tooltip.js +8 -7
  125. package/dist/components/Warning.js +164 -0
  126. package/dist/css/components/MenuItem/MenuItem.css +2 -2
  127. package/dist/css/components/Warning/Warning.css +52 -0
  128. package/dist/hooks/useAppearanceConfig/useAppearanceConfig.js +4 -6
  129. package/dist/stories/Overview.mdx +6 -6
  130. package/dist/stories/Playground.mdx +5 -5
  131. package/dist/types/components/Button/appearance/buttonAccent.d.ts +11 -0
  132. package/dist/types/components/Button/appearance/buttonDanger.d.ts +11 -0
  133. package/dist/types/components/Button/appearance/buttonError.d.ts +11 -0
  134. package/dist/types/components/Button/appearance/buttonInfo.d.ts +11 -0
  135. package/dist/types/components/Button/appearance/buttonPrimary.d.ts +10 -0
  136. package/dist/types/components/Button/appearance/buttonSecondary.d.ts +10 -0
  137. package/dist/types/components/Button/appearance/buttonSuccess.d.ts +11 -0
  138. package/dist/types/components/Button/appearance/buttonSurface.d.ts +10 -0
  139. package/dist/types/components/Button/appearance/buttonWarning.d.ts +11 -0
  140. package/dist/types/components/CookiesWarning/CookiesWarning.d.ts +1 -0
  141. package/dist/types/components/MenuItem/appearance/menuItemAccent.d.ts +8 -0
  142. package/dist/types/components/MenuItem/appearance/menuItemError.d.ts +7 -0
  143. package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts +8 -0
  144. package/dist/types/components/Warning/Warning.appearance.d.ts +101 -0
  145. package/dist/types/components/Warning/Warning.d.ts +4 -0
  146. package/dist/types/components/Warning/Warning.interface.d.ts +41 -0
  147. package/dist/types/components/Warning/appearance/warningAccent.d.ts +23 -0
  148. package/dist/types/components/Warning/appearance/warningError.d.ts +23 -0
  149. package/dist/types/components/Warning/appearance/warningInfo.d.ts +23 -0
  150. package/dist/types/components/Warning/appearance/warningSize.d.ts +11 -0
  151. package/dist/types/components/Warning/appearance/warningStyle.d.ts +14 -0
  152. package/dist/types/components/Warning/appearance/warningWarning.d.ts +23 -0
  153. package/dist/types/components/Warning/index.d.ts +2 -0
  154. package/dist/types/hooks/useAppearanceConfig/useAppearanceConfig.d.ts +1 -3
  155. package/package.json +1 -1
@@ -0,0 +1,101 @@
1
+ export declare const warningAppearance: {
2
+ sizeL: {
3
+ size: string;
4
+ labelTextSize: string;
5
+ labelTextWeight: string;
6
+ descriptionTextSize: string;
7
+ iconAfterSize: string;
8
+ iconBeforeSize: string;
9
+ };
10
+ solid: {
11
+ borderColor: string;
12
+ };
13
+ outlined: {
14
+ fill: string;
15
+ };
16
+ full: {};
17
+ ghost: {
18
+ fill: string;
19
+ borderColor: string;
20
+ };
21
+ infoMutedPrimary: {
22
+ fill: string;
23
+ labelTextColor: string;
24
+ descriptionTextColor: string;
25
+ borderColor: string;
26
+ iconAfter: string;
27
+ iconAfterFillIcon: string;
28
+ iconBefore: string;
29
+ iconBeforeFillIcon: string;
30
+ };
31
+ infoPrimary: {
32
+ fill: string;
33
+ labelTextColor: string;
34
+ descriptionTextColor: string;
35
+ borderColor: string;
36
+ iconAfter: string;
37
+ iconAfterFillIcon: string;
38
+ iconBefore: string;
39
+ iconBeforeFillIcon: string;
40
+ };
41
+ errorMutedPrimary: {
42
+ fill: string;
43
+ labelTextColor: string;
44
+ descriptionTextColor: string;
45
+ borderColor: string;
46
+ iconAfter: string;
47
+ iconAfterFillIcon: string;
48
+ iconBefore: string;
49
+ iconBeforeFillIcon: string;
50
+ };
51
+ errorPrimary: {
52
+ fill: string;
53
+ labelTextColor: string;
54
+ descriptionTextColor: string;
55
+ borderColor: string;
56
+ iconAfter: string;
57
+ iconAfterFillIcon: string;
58
+ iconBefore: string;
59
+ iconBeforeFillIcon: string;
60
+ };
61
+ warningMutedPrimary: {
62
+ fill: string;
63
+ labelTextColor: string;
64
+ descriptionTextColor: string;
65
+ borderColor: string;
66
+ iconAfter: string;
67
+ iconAfterFillIcon: string;
68
+ iconBefore: string;
69
+ iconBeforeFillIcon: string;
70
+ };
71
+ warningPrimary: {
72
+ fill: string;
73
+ labelTextColor: string;
74
+ descriptionTextColor: string;
75
+ borderColor: string;
76
+ iconAfter: string;
77
+ iconAfterFillIcon: string;
78
+ iconBefore: string;
79
+ iconBeforeFillIcon: string;
80
+ };
81
+ accentMutedPrimary: {
82
+ fill: string;
83
+ labelTextColor: string;
84
+ descriptionTextColor: string;
85
+ borderColor: string;
86
+ iconAfter: string;
87
+ iconAfterFillIcon: string;
88
+ iconBefore: string;
89
+ iconBeforeFillIcon: string;
90
+ };
91
+ accentPrimary: {
92
+ fill: string;
93
+ labelTextColor: string;
94
+ descriptionTextColor: string;
95
+ borderColor: string;
96
+ iconAfter: string;
97
+ iconAfterFillIcon: string;
98
+ iconBefore: string;
99
+ iconBeforeFillIcon: string;
100
+ };
101
+ };
@@ -0,0 +1,4 @@
1
+ import { WarningConfig, WarningProps } from './Warning.interface';
2
+ declare const warningConfig: WarningConfig;
3
+ declare function Warning(props: WarningProps): import("react/jsx-runtime").JSX.Element;
4
+ export { Warning, warningConfig };
@@ -0,0 +1,41 @@
1
+ import type { CSSProperties, ElementType } from 'react';
2
+ import { AppearanceKeysDefault, BorderColorProps, FillProps, ItemColorProps, ShapeProps, SizePXProps, TextColorProps, TextSizeProps, TextWeightProps } from '@itcase/types';
3
+ interface WarningThemeColor {
4
+ borderColor?: BorderColorProps;
5
+ descriptionTextColor: TextColorProps;
6
+ descriptionTextSize: TextSizeProps;
7
+ fill?: FillProps;
8
+ iconAfter: ElementType;
9
+ iconAfterFillIcon: ItemColorProps;
10
+ iconAfterSize: SizePXProps;
11
+ iconAfterSrc: string;
12
+ iconBefore: ElementType;
13
+ iconBeforeFill: FillProps;
14
+ iconBeforeFillIcon: ItemColorProps;
15
+ iconBeforeSize: SizePXProps;
16
+ iconBeforeSrc: string;
17
+ labelTextColor?: TextColorProps;
18
+ labelTextSize?: TextSizeProps;
19
+ labelTextWeight: TextWeightProps;
20
+ size: TextSizeProps;
21
+ }
22
+ type WarningAppearance = {
23
+ [key in AppearanceKeysDefault]?: WarningThemeColor;
24
+ };
25
+ interface WarningConfig {
26
+ [key: number | string | symbol]: any;
27
+ appearance: WarningAppearance | undefined;
28
+ setAppearance: (newComponent: WarningAppearance) => void;
29
+ }
30
+ interface WarningProps {
31
+ appearance?: string;
32
+ className: string;
33
+ description?: string;
34
+ iconAfterSrc?: string;
35
+ iconBeforeSrc?: string;
36
+ label?: string;
37
+ shape?: ShapeProps;
38
+ style?: CSSProperties;
39
+ isSkeleton?: boolean;
40
+ }
41
+ export { WarningProps, WarningConfig };
@@ -0,0 +1,23 @@
1
+ declare const warningAppearanceAccent: {
2
+ accentMutedPrimary: {
3
+ fill: string;
4
+ labelTextColor: string;
5
+ descriptionTextColor: string;
6
+ borderColor: string;
7
+ iconAfter: string;
8
+ iconAfterFillIcon: string;
9
+ iconBefore: string;
10
+ iconBeforeFillIcon: string;
11
+ };
12
+ accentPrimary: {
13
+ fill: string;
14
+ labelTextColor: string;
15
+ descriptionTextColor: string;
16
+ borderColor: string;
17
+ iconAfter: string;
18
+ iconAfterFillIcon: string;
19
+ iconBefore: string;
20
+ iconBeforeFillIcon: string;
21
+ };
22
+ };
23
+ export { warningAppearanceAccent };
@@ -0,0 +1,23 @@
1
+ declare const warningAppearanceError: {
2
+ errorMutedPrimary: {
3
+ fill: string;
4
+ labelTextColor: string;
5
+ descriptionTextColor: string;
6
+ borderColor: string;
7
+ iconAfter: string;
8
+ iconAfterFillIcon: string;
9
+ iconBefore: string;
10
+ iconBeforeFillIcon: string;
11
+ };
12
+ errorPrimary: {
13
+ fill: string;
14
+ labelTextColor: string;
15
+ descriptionTextColor: string;
16
+ borderColor: string;
17
+ iconAfter: string;
18
+ iconAfterFillIcon: string;
19
+ iconBefore: string;
20
+ iconBeforeFillIcon: string;
21
+ };
22
+ };
23
+ export { warningAppearanceError };
@@ -0,0 +1,23 @@
1
+ declare const warningAppearanceInfo: {
2
+ infoMutedPrimary: {
3
+ fill: string;
4
+ labelTextColor: string;
5
+ descriptionTextColor: string;
6
+ borderColor: string;
7
+ iconAfter: string;
8
+ iconAfterFillIcon: string;
9
+ iconBefore: string;
10
+ iconBeforeFillIcon: string;
11
+ };
12
+ infoPrimary: {
13
+ fill: string;
14
+ labelTextColor: string;
15
+ descriptionTextColor: string;
16
+ borderColor: string;
17
+ iconAfter: string;
18
+ iconAfterFillIcon: string;
19
+ iconBefore: string;
20
+ iconBeforeFillIcon: string;
21
+ };
22
+ };
23
+ export { warningAppearanceInfo };
@@ -0,0 +1,11 @@
1
+ declare const warningAppearanceSize: {
2
+ sizeL: {
3
+ size: string;
4
+ labelTextSize: string;
5
+ labelTextWeight: string;
6
+ descriptionTextSize: string;
7
+ iconAfterSize: string;
8
+ iconBeforeSize: string;
9
+ };
10
+ };
11
+ export { warningAppearanceSize };
@@ -0,0 +1,14 @@
1
+ declare const warningAppearanceStyle: {
2
+ solid: {
3
+ borderColor: string;
4
+ };
5
+ outlined: {
6
+ fill: string;
7
+ };
8
+ full: {};
9
+ ghost: {
10
+ fill: string;
11
+ borderColor: string;
12
+ };
13
+ };
14
+ export { warningAppearanceStyle };
@@ -0,0 +1,23 @@
1
+ declare const warningAppearanceWarning: {
2
+ warningMutedPrimary: {
3
+ fill: string;
4
+ labelTextColor: string;
5
+ descriptionTextColor: string;
6
+ borderColor: string;
7
+ iconAfter: string;
8
+ iconAfterFillIcon: string;
9
+ iconBefore: string;
10
+ iconBeforeFillIcon: string;
11
+ };
12
+ warningPrimary: {
13
+ fill: string;
14
+ labelTextColor: string;
15
+ descriptionTextColor: string;
16
+ borderColor: string;
17
+ iconAfter: string;
18
+ iconAfterFillIcon: string;
19
+ iconBefore: string;
20
+ iconBeforeFillIcon: string;
21
+ };
22
+ };
23
+ export { warningAppearanceWarning };
@@ -0,0 +1,2 @@
1
+ export { Warning, warningConfig } from './Warning';
2
+ export { warningAppearance } from './Warning.appearance';
@@ -1,7 +1,5 @@
1
1
  import { AppearanceConfig } from '../useDevicePropsGenerator';
2
2
  declare const useAppearanceConfig: <Keys extends string, Config extends Record<"disabled" | Keys, AppearanceConfig>>(appearance: string | undefined, componentConfig: {
3
3
  appearance?: Partial<Config>;
4
- }, isDisabled?: boolean) => {
5
- appearanceConfig: AppearanceConfig | undefined;
6
- };
4
+ }, isDisabled?: boolean) => AppearanceConfig | undefined;
7
5
  export { useAppearanceConfig };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui",
3
- "version": "1.8.43",
3
+ "version": "1.8.44",
4
4
  "description": "UI components (Modal, Loader, Popup, etc)",
5
5
  "keywords": [
6
6
  "Modal",