@itcase/ui 1.4.5 → 1.4.7

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 (255) hide show
  1. package/dist/{Badge-C68XnlcL.js → Badge-BxT2_kz_.js} +1 -1
  2. package/dist/{Badge-C6SNRExV.js → Badge-DnWTbwXq.js} +1 -1
  3. package/dist/{Button-WZZpsxTk.js → Button-BiJZz4Bx.js} +9 -9
  4. package/dist/{Button-Bsrw4D7p.js → Button-xYLCmT3D.js} +9 -9
  5. package/dist/{DropdownItem-BiiEhR49.js → DropdownItem-NllzSt5M.js} +3 -3
  6. package/dist/{DropdownItem-g5jWbyJy.js → DropdownItem-mr__S8vt.js} +3 -3
  7. package/dist/{Group-DiMnEfge.js → Group-BICb8bYQ.js} +4 -6
  8. package/dist/{Group-Chtnas-J.js → Group-qq4Iisll.js} +4 -6
  9. package/dist/{Icon-GVGrUu_Z.js → Icon-BcBOnVKH.js} +4 -4
  10. package/dist/{Icon-htF_V35Y.js → Icon-OJ_3E3eM.js} +4 -4
  11. package/dist/{Input-COFdaiTe.js → Input-DHJIVk1z.js} +2 -2
  12. package/dist/{Input-Dwvk-poq.js → Input-DiFnIFT7.js} +2 -2
  13. package/dist/{Label-DF2a2Mlx.js → Label-D-LcvthP.js} +1 -1
  14. package/dist/{Label-I9WNpCXa.js → Label-y2hx5Q81.js} +1 -1
  15. package/dist/{Link-B38Hn4G2.js → Link-BnqN6ysn.js} +2 -2
  16. package/dist/{Link-BhJ5BdyS.js → Link-DaKqf1pb.js} +2 -2
  17. package/dist/{Loader-DpYaDhe9.js → Loader-DdKHrLnw.js} +3 -3
  18. package/dist/{Loader-D4_r7LML.js → Loader-VK3q7PBN.js} +3 -3
  19. package/dist/{Overlay-BKh07Vb2.js → Overlay-CZixnXZ6.js} +2 -2
  20. package/dist/{Overlay-DiCjwUv4.js → Overlay-Myen2mqz.js} +2 -2
  21. package/dist/Title-BLGDdlnX.js +55 -0
  22. package/dist/Title-Byi9vhDt.js +51 -0
  23. package/dist/{Tooltip-BYgzNVYI.js → Tooltip-5lQyt5-Y.js} +1 -1
  24. package/dist/{Tooltip-DpBQQoNo.js → Tooltip-DRta8lK_.js} +1 -1
  25. package/dist/cjs/components/Accordion.js +8 -8
  26. package/dist/cjs/components/Avatar.js +4 -4
  27. package/dist/cjs/components/Badge.js +5 -5
  28. package/dist/cjs/components/Breadcrumbs.js +4 -4
  29. package/dist/cjs/components/Button.js +7 -7
  30. package/dist/cjs/components/Cell.js +5 -5
  31. package/dist/cjs/components/Chips.js +60 -19
  32. package/dist/cjs/components/Choice.js +7 -7
  33. package/dist/cjs/components/Code.js +2 -2
  34. package/dist/cjs/components/CookiesWarning.js +8 -8
  35. package/dist/cjs/components/DadataHintField.js +1 -1
  36. package/dist/cjs/components/DatePicker.js +36 -11
  37. package/dist/cjs/components/Drawer.js +2 -2
  38. package/dist/cjs/components/Dropdown.js +2 -2
  39. package/dist/cjs/components/Group.js +1 -1
  40. package/dist/cjs/components/HeroTitle.js +2 -2
  41. package/dist/cjs/components/Icon.js +4 -4
  42. package/dist/cjs/components/Input.js +1 -1
  43. package/dist/cjs/components/InputMask.js +2 -2
  44. package/dist/cjs/components/InputPassword.js +6 -6
  45. package/dist/cjs/components/Label.js +3 -3
  46. package/dist/cjs/components/Link.js +1 -1
  47. package/dist/cjs/components/List.js +1 -1
  48. package/dist/cjs/components/Loader.js +1 -1
  49. package/dist/cjs/components/Logo.js +1 -1
  50. package/dist/cjs/components/MenuItem.js +3 -3
  51. package/dist/cjs/components/Modal.js +22 -14
  52. package/dist/cjs/components/Notification.js +2 -2
  53. package/dist/cjs/components/Overlay.js +1 -1
  54. package/dist/cjs/components/Pagination.js +7 -7
  55. package/dist/cjs/components/Panel.js +3 -3
  56. package/dist/cjs/components/Radio.js +2 -2
  57. package/dist/cjs/components/Response.js +7 -7
  58. package/dist/cjs/components/Search.js +6 -6
  59. package/dist/cjs/components/Segmented.js +13 -3
  60. package/dist/cjs/components/Select.js +8 -8
  61. package/dist/cjs/components/Swiper.js +1 -1
  62. package/dist/cjs/components/Switch.js +2 -2
  63. package/dist/cjs/components/Tab.js +5 -5
  64. package/dist/cjs/components/Textarea.js +2 -2
  65. package/dist/cjs/components/Tile.js +5 -5
  66. package/dist/cjs/components/Title.js +2 -2
  67. package/dist/cjs/components/Tooltip.js +2 -2
  68. package/dist/cjs/components/Video.js +5 -5
  69. package/dist/components/Accordion.js +8 -8
  70. package/dist/components/Avatar.js +4 -4
  71. package/dist/components/Badge.js +5 -5
  72. package/dist/components/Breadcrumbs.js +4 -4
  73. package/dist/components/Button.js +7 -7
  74. package/dist/components/Cell.js +5 -5
  75. package/dist/components/Chips.js +60 -19
  76. package/dist/components/Choice.js +7 -7
  77. package/dist/components/Code.js +2 -2
  78. package/dist/components/CookiesWarning.js +8 -8
  79. package/dist/components/DadataHintField.js +1 -1
  80. package/dist/components/DatePicker.js +36 -11
  81. package/dist/components/Drawer.js +2 -2
  82. package/dist/components/Dropdown.js +2 -2
  83. package/dist/components/Group.js +1 -1
  84. package/dist/components/HeroTitle.js +2 -2
  85. package/dist/components/Icon.js +4 -4
  86. package/dist/components/Input.js +1 -1
  87. package/dist/components/InputMask.js +2 -2
  88. package/dist/components/InputPassword.js +6 -6
  89. package/dist/components/Label.js +3 -3
  90. package/dist/components/Link.js +1 -1
  91. package/dist/components/List.js +1 -1
  92. package/dist/components/Loader.js +1 -1
  93. package/dist/components/Logo.js +1 -1
  94. package/dist/components/MenuItem.js +3 -3
  95. package/dist/components/Modal.js +22 -14
  96. package/dist/components/Notification.js +2 -2
  97. package/dist/components/Overlay.js +1 -1
  98. package/dist/components/Pagination.js +7 -7
  99. package/dist/components/Panel.js +3 -3
  100. package/dist/components/Radio.js +2 -2
  101. package/dist/components/Response.js +7 -7
  102. package/dist/components/Search.js +6 -6
  103. package/dist/components/Segmented.js +13 -3
  104. package/dist/components/Select.js +8 -8
  105. package/dist/components/Swiper.js +1 -1
  106. package/dist/components/Switch.js +2 -2
  107. package/dist/components/Tab.js +5 -5
  108. package/dist/components/Textarea.js +2 -2
  109. package/dist/components/Tile.js +5 -5
  110. package/dist/components/Title.js +2 -2
  111. package/dist/components/Tooltip.js +2 -2
  112. package/dist/components/Video.js +5 -5
  113. package/dist/css/components/Cell/Cell.css +14 -34
  114. package/dist/css/components/HeroTitle/HeroTitle.css +11 -13
  115. package/dist/css/components/Image/Image.css +11 -13
  116. package/dist/css/components/Loader/Loader.css +19 -0
  117. package/dist/css/components/Title/Title.css +11 -13
  118. package/dist/css/components/Tooltip/Tooltip.css +4 -4
  119. package/dist/css/styles/fill/fill.css +6 -6
  120. package/dist/css/styles/fill/fill_active.css +1 -1
  121. package/dist/css/styles/fill/fill_active_hover.css +4 -4
  122. package/dist/css/styles/fill/fill_disabled.css +8 -0
  123. package/dist/css/styles/text-color/text-color.css +4 -4
  124. package/dist/css/styles/text-color/text-color_disabled.css +13 -0
  125. package/dist/stories/Accordion.mdx +1 -1
  126. package/dist/stories/AccordionItem.mdx +1 -1
  127. package/dist/stories/Avatar.mdx +1 -1
  128. package/dist/stories/Badge.mdx +13 -0
  129. package/dist/stories/Button.mdx +12 -0
  130. package/dist/stories/Checkbox.mdx +12 -0
  131. package/dist/stories/Checkmark.mdx +10 -0
  132. package/dist/stories/Chips.mdx +37 -0
  133. package/dist/stories/Dev.mdx +3 -3
  134. package/dist/stories/{elevation.mdx → Elevation.mdx} +3 -3
  135. package/dist/stories/Label.mdx +11 -0
  136. package/dist/stories/Loader.mdx +11 -0
  137. package/dist/stories/Logo.mdx +10 -5
  138. package/dist/stories/Modal.mdx +15 -0
  139. package/dist/stories/Response.mdx +11 -0
  140. package/dist/stories/Tab.mdx +27 -0
  141. package/dist/stories/Tile.mdx +4 -12
  142. package/dist/stories/Title.mdx +1 -1
  143. package/dist/types/appearance/default/defaultAccent.d.ts +33 -0
  144. package/dist/types/appearance/default/defaultDanger.d.ts +33 -0
  145. package/dist/types/appearance/default/defaultDisabled.d.ts +33 -0
  146. package/dist/types/appearance/default/defaultError.d.ts +33 -0
  147. package/dist/types/appearance/default/defaultInfo.d.ts +33 -0
  148. package/dist/types/appearance/default/defaultPrimary.d.ts +33 -0
  149. package/dist/types/appearance/default/defaultSecondary.d.ts +33 -0
  150. package/dist/types/appearance/default/defaultSuccess.d.ts +33 -0
  151. package/dist/types/appearance/default/defaultSurface.d.ts +33 -0
  152. package/dist/types/appearance/default/defaultWarning.d.ts +33 -0
  153. package/dist/types/appearance/index.d.ts +11 -2
  154. package/dist/types/components/Avatar/Avatar.interface.d.ts +1 -1
  155. package/dist/types/components/Button/appearance/buttonInfo.d.ts +2 -2
  156. package/dist/types/components/Chips/appearance/chipsAccent.d.ts +9 -0
  157. package/dist/types/components/Chips/appearance/chipsDanger.d.ts +2 -0
  158. package/dist/types/components/Chips/appearance/chipsDisabled.d.ts +9 -0
  159. package/dist/types/components/Chips/appearance/chipsError.d.ts +2 -0
  160. package/dist/types/components/Chips/appearance/chipsInfo.d.ts +2 -0
  161. package/dist/types/components/Chips/appearance/chipsPrimary.d.ts +8 -0
  162. package/dist/types/components/Chips/appearance/chipsSecondary.d.ts +9 -0
  163. package/dist/types/components/Chips/appearance/chipsSize.d.ts +2 -0
  164. package/dist/types/components/Chips/appearance/chipsStyle.d.ts +2 -0
  165. package/dist/types/components/Chips/appearance/chipsSuccess.d.ts +2 -0
  166. package/dist/types/components/Chips/appearance/chipsSurface.d.ts +21 -0
  167. package/dist/types/components/Chips/appearance/chipsWarning.d.ts +2 -0
  168. package/dist/types/components/Grid/stories/args.d.ts +5 -5
  169. package/dist/types/components/Group/stories/args.d.ts +5 -5
  170. package/dist/types/components/Modal/Modal.appearance.d.ts +2 -2
  171. package/dist/types/components/Modal/Modal.interface.d.ts +3 -3
  172. package/dist/types/components/Modal/appearance/modalSurface.d.ts +7 -0
  173. package/dist/types/components/Tab/stories/args.d.ts +17 -17
  174. package/dist/types/types/componentProps/align.d.ts +1 -1
  175. package/dist/types/types/componentProps/alignDirection.d.ts +1 -1
  176. package/dist/types/types/componentProps/alignment.d.ts +1 -1
  177. package/dist/types/types/componentProps/borderColor.d.ts +1 -1
  178. package/dist/types/types/componentProps/borderColorHover.d.ts +1 -1
  179. package/dist/types/types/componentProps/borderType.d.ts +1 -1
  180. package/dist/types/types/componentProps/borderWidth.d.ts +1 -1
  181. package/dist/types/types/componentProps/direction.d.ts +1 -1
  182. package/dist/types/types/componentProps/elevation.d.ts +1 -1
  183. package/dist/types/types/componentProps/fill.d.ts +1 -1
  184. package/dist/types/types/componentProps/fillGradient.d.ts +1 -1
  185. package/dist/types/types/componentProps/fillHover.d.ts +1 -1
  186. package/dist/types/types/componentProps/fillType.d.ts +1 -1
  187. package/dist/types/types/componentProps/flexAlign.d.ts +1 -1
  188. package/dist/types/types/componentProps/flexGrow.d.ts +1 -1
  189. package/dist/types/types/componentProps/flexJustifyContent.d.ts +1 -1
  190. package/dist/types/types/componentProps/flexWrap.d.ts +1 -1
  191. package/dist/types/types/componentProps/gridAlign.d.ts +1 -1
  192. package/dist/types/types/componentProps/gridAlignSelf.d.ts +1 -1
  193. package/dist/types/types/componentProps/gridJustifyItems.d.ts +1 -1
  194. package/dist/types/types/componentProps/gridJustifySelf.d.ts +1 -1
  195. package/dist/types/types/componentProps/height.d.ts +1 -1
  196. package/dist/types/types/componentProps/horizontalResizeMode.d.ts +1 -1
  197. package/dist/types/types/componentProps/iconFillSize.d.ts +1 -1
  198. package/dist/types/types/componentProps/iconSize.d.ts +1 -1
  199. package/dist/types/types/componentProps/itemColor.d.ts +1 -1
  200. package/dist/types/types/componentProps/justifyContent.d.ts +1 -1
  201. package/dist/types/types/componentProps/overflow.d.ts +1 -1
  202. package/dist/types/types/componentProps/position.d.ts +1 -1
  203. package/dist/types/types/componentProps/resizeMode.d.ts +1 -1
  204. package/dist/types/types/componentProps/shape.d.ts +1 -1
  205. package/dist/types/types/componentProps/size.d.ts +1 -1
  206. package/dist/types/types/componentProps/sizeOption.d.ts +1 -1
  207. package/dist/types/types/componentProps/sizePX.d.ts +1 -1
  208. package/dist/types/types/componentProps/state.d.ts +1 -1
  209. package/dist/types/types/componentProps/svgFill.d.ts +1 -1
  210. package/dist/types/types/componentProps/textAlign.d.ts +1 -1
  211. package/dist/types/types/componentProps/textColor.d.ts +1 -1
  212. package/dist/types/types/componentProps/textColorActive.d.ts +1 -1
  213. package/dist/types/types/componentProps/textColorHover.d.ts +1 -1
  214. package/dist/types/types/componentProps/textGradient.d.ts +1 -1
  215. package/dist/types/types/componentProps/textSize.d.ts +1 -1
  216. package/dist/types/types/componentProps/textStyle.d.ts +1 -1
  217. package/dist/types/types/componentProps/textTag.d.ts +1 -1
  218. package/dist/types/types/componentProps/textWeight.d.ts +1 -1
  219. package/dist/types/types/componentProps/textWrap.d.ts +1 -1
  220. package/dist/types/types/componentProps/titleSize.d.ts +2 -2
  221. package/dist/types/types/componentProps/type.d.ts +1 -1
  222. package/dist/types/types/componentProps/underline.d.ts +1 -1
  223. package/dist/types/types/componentProps/verticalContentAlign.d.ts +1 -1
  224. package/dist/types/types/componentProps/verticalResizeMode.d.ts +1 -1
  225. package/dist/types/types/componentProps/width.d.ts +1 -1
  226. package/dist/types/types/componentProps/wrap.d.ts +1 -1
  227. package/package.json +17 -12
  228. package/dist/Title-BWWyRwLY.js +0 -52
  229. package/dist/Title-Dck3eHNM.js +0 -48
  230. package/dist/cjs/components/Card.js +0 -28
  231. package/dist/components/Card.js +0 -26
  232. package/dist/css/components/Card/Card.css +0 -18
  233. package/dist/css/tokens/colors.css +0 -126
  234. package/dist/css/tokens/elevation.css +0 -10
  235. package/dist/css/tokens/settings.css +0 -31
  236. package/dist/css/tokens/typography.css +0 -130
  237. package/dist/stories/Appearance.mdx +0 -35
  238. package/dist/stories/Group.mdx +0 -9
  239. package/dist/stories/Size.mdx +0 -35
  240. package/dist/stories/Skeleton.mdx +0 -9
  241. package/dist/stories/State.mdx +0 -19
  242. package/dist/types/components/Card/Card.d.ts +0 -3
  243. package/dist/types/components/Card/Card.interface.d.ts +0 -30
  244. package/dist/types/components/Card/index.d.ts +0 -1
  245. package/dist/types/components/Flex/stories/args.d.ts +0 -80
  246. /package/dist/stories/{colors.mdx → Colors.mdx} +0 -0
  247. /package/dist/stories/{mixin_animation.mdx → MixinAnimation.mdx} +0 -0
  248. /package/dist/stories/{mixin_dark-light.mdx → MixinDarkLight.mdx} +0 -0
  249. /package/dist/stories/{mixin_elevation.mdx → MixinElevation.mdx} +0 -0
  250. /package/dist/stories/{mixin_fill-gradient.mdx → MixinFillGradient.mdx} +0 -0
  251. /package/dist/stories/{mixin_typography.mdx → MixinTypography.mdx} +0 -0
  252. /package/dist/stories/{mixin_utils.mdx → MixinUtils.mdx} +0 -0
  253. /package/dist/stories/{settings.mdx → Settings.mdx} +0 -0
  254. /package/dist/stories/{typography.mdx → Typography.mdx} +0 -0
  255. /package/dist/types/appearance/{defaultAppearance.d.ts → default/defaultAppearance.d.ts} +0 -0
@@ -1,3 +1,3 @@
1
- declare const fillTypeProps: readonly [undefined, false, "full", "solid", "outlined", "ghost"];
1
+ declare const fillTypeProps: readonly ["full", "solid", "outlined", "ghost"];
2
2
  export type tFillTypeProps = (typeof fillTypeProps)[number];
3
3
  export { fillTypeProps };
@@ -1,3 +1,3 @@
1
- declare const flexAlignProps: readonly [undefined, false, "stretch", "flex-start", "flex-end", "center", "baseline", "auto"];
1
+ declare const flexAlignProps: readonly ["stretch", "flex-start", "flex-end", "center", "baseline", "auto"];
2
2
  export type tFlexAlignProps = (typeof flexAlignProps)[number];
3
3
  export { flexAlignProps };
@@ -1,3 +1,3 @@
1
- declare const flexGrowProps: readonly [undefined, false, "0", "1"];
1
+ declare const flexGrowProps: readonly ["0", "1"];
2
2
  export type tFlexGrowProps = (typeof flexGrowProps)[number];
3
3
  export { flexGrowProps };
@@ -1,3 +1,3 @@
1
- declare const flexJustifyContentProps: readonly [undefined, false, "flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
1
+ declare const flexJustifyContentProps: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
2
2
  export type tFlexJustifyContentProps = (typeof flexJustifyContentProps)[number];
3
3
  export { flexJustifyContentProps };
@@ -1,3 +1,3 @@
1
- declare const flexWrapProps: readonly [undefined, false, "wrap", "nowrap", "wrap-reverse"];
1
+ declare const flexWrapProps: readonly ["wrap", "nowrap", "wrap-reverse"];
2
2
  export type tFlexWrapProps = (typeof flexWrapProps)[number];
3
3
  export { flexWrapProps };
@@ -1,3 +1,3 @@
1
- declare const gridAlignProps: readonly [undefined, false, "auto", "normal", "stretch", "center", "start", "end", "space-around", "space-between", "space-evenly", "safe center", "unsafe center", "self-start", "self-end", "first", "baseline", "first baseline", "last baseline"];
1
+ declare const gridAlignProps: readonly ["auto", "normal", "stretch", "center", "start", "end", "space-around", "space-between", "space-evenly", "safe center", "unsafe center", "self-start", "self-end", "first", "baseline", "first baseline", "last baseline"];
2
2
  export type tGridAlignProps = (typeof gridAlignProps)[number];
3
3
  export { gridAlignProps };
@@ -1,3 +1,3 @@
1
- declare const gridAlignSelfProps: readonly [undefined, false, "auto", "normal", "stretch", "center", "start", "end", "space-around", "space-between", "space-evenly", "safe center", "unsafe center", "self-start", "self-end", "first", "baseline", "first baseline", "last baseline"];
1
+ declare const gridAlignSelfProps: readonly ["auto", "normal", "stretch", "center", "start", "end", "space-around", "space-between", "space-evenly", "safe center", "unsafe center", "self-start", "self-end", "first", "baseline", "first baseline", "last baseline"];
2
2
  export type tGridAlignSelfProps = (typeof gridAlignSelfProps)[number];
3
3
  export { gridAlignSelfProps };
@@ -1,3 +1,3 @@
1
- declare const gridJustifyItemsProps: readonly [undefined, false, "legacy", "normal", "stretch", "center", "safe", "center", "unsafe", "center", "start", "end", "self-start", "self-end", "left", "right", "first", "baseline", "first baseline", "last baseline"];
1
+ declare const gridJustifyItemsProps: readonly ["legacy", "normal", "stretch", "center", "safe", "center", "unsafe", "center", "start", "end", "self-start", "self-end", "left", "right", "first", "baseline", "first baseline", "last baseline"];
2
2
  export type tGridJustifyItemsProps = (typeof gridJustifyItemsProps)[number];
3
3
  export { gridJustifyItemsProps };
@@ -1,3 +1,3 @@
1
- declare const gridJustifySelfProps: readonly [undefined, false, "auto", "legacy", "normal", "stretch", "center", "start", "end", "left", "right", "space-around", "space-between", "space-evenly", "safe", "center", "unsafe center", "self-start", "self-end", "left", "right", "baseline", "first baseline", "last baseline"];
1
+ declare const gridJustifySelfProps: readonly ["auto", "legacy", "normal", "stretch", "center", "start", "end", "left", "right", "space-around", "space-between", "space-evenly", "safe", "center", "unsafe center", "self-start", "self-end", "left", "right", "baseline", "first baseline", "last baseline"];
2
2
  export type tGridJustifySelfProps = (typeof gridJustifySelfProps)[number];
3
3
  export { gridJustifySelfProps };
@@ -1,3 +1,3 @@
1
- declare const heightProps: readonly [undefined, false, "fixed", "hug", "fill"];
1
+ declare const heightProps: readonly ["fixed", "hug", "fill"];
2
2
  export type tHeightProps = (typeof heightProps)[number];
3
3
  export { heightProps };
@@ -1,3 +1,3 @@
1
- declare const horizontalResizeModeProps: readonly [undefined, false, "fixed", "hug", "fill"];
1
+ declare const horizontalResizeModeProps: readonly ["fixed", "hug", "fill"];
2
2
  export type tHorizontalResizeModeProps = (typeof horizontalResizeModeProps)[number];
3
3
  export { horizontalResizeModeProps };
@@ -1,3 +1,3 @@
1
- declare const iconFillSizeProps: readonly [undefined, false, 10, 14, 16, 24, 32, 36, 40, 60, 64, 144, "10", "14", "16", "24", "32", "36", "40", "60", "64", "144"];
1
+ declare const iconFillSizeProps: readonly ["10", "14", "16", "24", "32", "36", "40", "60", "64", "144"];
2
2
  export type tIconFillSizeProps = (typeof iconFillSizeProps)[number];
3
3
  export { iconFillSizeProps };
@@ -1,3 +1,3 @@
1
- declare const iconSizeProps: readonly [undefined, false, 10, 12, 14, 16, 20, 24, 32, 40, 60, 64, 144, "10", "12", "14", "16", "20", "24", "32", "40", "60", "64", "144"];
1
+ declare const iconSizeProps: readonly ["10", "12", "14", "16", "20", "24", "32", "40", "60", "64", "144"];
2
2
  export type tIconSizeProps = (typeof iconSizeProps)[number];
3
3
  export { iconSizeProps };
@@ -1,3 +1,3 @@
1
- declare const itemColorProps: readonly [undefined, false, "accentItemPrimary", "accentItemSecondary", "accentItemTertiary", "accentItemDisabled", "primaryItemPrimary", "primaryItemSecondary", "primaryItemTertiary", "primaryItemDisabled", "secondaryItemPrimary", "secondaryItemSecondary", "secondaryItemTertiary", "secondaryItemDisabled", "tertiaryItemPrimary", "tertiaryItemSecondary", "tertiaryItemTertiary", "surfaceItemPrimary", "surfaceItemSecondary", "surfaceItemTertiary", "surfaceItemQuaternary", "surfaceItemQuinary", "surfaceItemDisabled", "surfaceItemInverse", "surfaceItemAccent", "errorItemPrimary", "errorItemSecondary", "successItemPrimary", "successItemSecondary"];
1
+ declare const itemColorProps: readonly ["accentItemPrimary", "accentItemSecondary", "accentItemTertiary", "accentItemDisabled", "primaryItemPrimary", "primaryItemSecondary", "primaryItemTertiary", "primaryItemDisabled", "secondaryItemPrimary", "secondaryItemSecondary", "secondaryItemTertiary", "secondaryItemDisabled", "tertiaryItemPrimary", "tertiaryItemSecondary", "tertiaryItemTertiary", "surfaceItemPrimary", "surfaceItemSecondary", "surfaceItemTertiary", "surfaceItemQuaternary", "surfaceItemQuinary", "surfaceItemDisabled", "surfaceItemInverse", "surfaceItemAccent", "errorItemPrimary", "errorItemSecondary", "successItemPrimary", "successItemSecondary"];
2
2
  export type tItemColorProps = (typeof itemColorProps)[number];
3
3
  export { itemColorProps };
@@ -1,3 +1,3 @@
1
- declare const justifyContentProps: readonly [undefined, false, "center", "flex-end", "flex-start", "flexEnd", "flexStart", "space-around", "space-between", "space-evenly", "spaceAround", "spaceBetween", "spaceEvenly"];
1
+ declare const justifyContentProps: readonly ["center", "flex-end", "flex-start", "flexEnd", "flexStart", "space-around", "space-between", "space-evenly", "spaceAround", "spaceBetween", "spaceEvenly"];
2
2
  export type tJustifyContentProps = (typeof justifyContentProps)[number];
3
3
  export { justifyContentProps };
@@ -1,3 +1,3 @@
1
- declare const overflowProps: readonly [undefined, false, "hidden", "scroll", "visible"];
1
+ declare const overflowProps: readonly ["hidden", "scroll", "visible"];
2
2
  export type tOverflowProps = (typeof overflowProps)[number];
3
3
  export { overflowProps };
@@ -1,3 +1,3 @@
1
- declare const positionProps: readonly [undefined, false, "static", "absolute", "relative", "fixed", "inherit"];
1
+ declare const positionProps: readonly ["static", "absolute", "relative", "fixed", "inherit"];
2
2
  export type tPositionProps = (typeof positionProps)[number];
3
3
  export { positionProps };
@@ -1,3 +1,3 @@
1
- declare const resizeModeProps: readonly [undefined, false, "cover", "contain", "stretch", "center", "caption-back"];
1
+ declare const resizeModeProps: readonly ["cover", "contain", "stretch", "center", "caption-back"];
2
2
  export type tResizeModeProps = (typeof resizeModeProps)[number];
3
3
  export { resizeModeProps };
@@ -1,3 +1,3 @@
1
- declare const shapeProps: readonly [undefined, false, "rectangle", "geometric", "rounded", "circular"];
1
+ declare const shapeProps: readonly ["rectangle", "geometric", "rounded", "circular"];
2
2
  export type tShapeProps = (typeof shapeProps)[number];
3
3
  export { shapeProps };
@@ -1,3 +1,3 @@
1
- declare const sizeProps: readonly [undefined, false, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
1
+ declare const sizeProps: readonly ["xxs", "xs", "s", "m", "l", "xl", "xxl"];
2
2
  export type tSizeProps = (typeof sizeProps)[number];
3
3
  export { sizeProps };
@@ -1,3 +1,3 @@
1
- declare const sizeOptionProps: readonly [undefined, false, "any", "compact", "l", "large", "m", "normal", "regular", "s", "tiny", "xl", "xs", "xxl"];
1
+ declare const sizeOptionProps: readonly ["any", "compact", "l", "large", "m", "normal", "regular", "s", "tiny", "xl", "xs", "xxl"];
2
2
  export type tSizeOptionProps = (typeof sizeOptionProps)[number];
3
3
  export { sizeOptionProps };
@@ -1,3 +1,3 @@
1
- declare const sizePXProps: readonly [undefined, false, 14, 16, 20, 24, 32, 40, 48, 56, 60, 64, 72, 80, 96, 112, 144, 240, "14", "16", "20", "24", "32", "40", "48", "56", "60", "64", "72", "80", "96", "112", "144", "240"];
1
+ declare const sizePXProps: readonly ["14", "16", "20", "24", "32", "40", "48", "56", "60", "64", "72", "80", "96", "112", "144", "240"];
2
2
  export type tSizePXProps = (typeof sizePXProps)[number];
3
3
  export { sizePXProps };
@@ -1,3 +1,3 @@
1
- declare const stateProps: readonly [undefined, false, "active", "checked", "disabled", "focus", "hover", "normal"];
1
+ declare const stateProps: readonly ["active", "checked", "disabled", "focus", "hover", "normal"];
2
2
  export type tStateProps = (typeof stateProps)[number];
3
3
  export { stateProps };
@@ -1,3 +1,3 @@
1
- declare const svgFillProps: readonly [undefined, false, "accentItemPrimary", "accentItemSecondary", "accentItemTertiary", "accentItemDisabled", "primaryItemPrimary", "primaryItemSecondary", "primaryItemTertiary", "primaryItemDisabled", "secondaryItemPrimary", "secondaryItemSecondary", "secondaryItemTertiary", "secondaryItemDisabled", "tertiaryItemPrimary", "tertiaryItemSecondary", "tertiaryItemTertiary", "surfaceItemAccent", "surfaceItemDisabled", "surfaceItemInverse", "surfaceItemPrimary", "surfaceItemQuaternary", "surfaceItemQuinary", "surfaceItemSecondary", "surfaceItemTertiary", "errorItemPrimary", "errorItemSecondary", "successItemPrimary", "successItemSecondary"];
1
+ declare const svgFillProps: readonly ["accentItemPrimary", "accentItemSecondary", "accentItemTertiary", "accentItemDisabled", "primaryItemPrimary", "primaryItemSecondary", "primaryItemTertiary", "primaryItemDisabled", "secondaryItemPrimary", "secondaryItemSecondary", "secondaryItemTertiary", "secondaryItemDisabled", "tertiaryItemPrimary", "tertiaryItemSecondary", "tertiaryItemTertiary", "surfaceItemAccent", "surfaceItemDisabled", "surfaceItemInverse", "surfaceItemPrimary", "surfaceItemQuaternary", "surfaceItemQuinary", "surfaceItemSecondary", "surfaceItemTertiary", "errorItemPrimary", "errorItemSecondary", "successItemPrimary", "successItemSecondary"];
2
2
  export type tSvgFillProps = (typeof svgFillProps)[number];
3
3
  export { svgFillProps };
@@ -1,3 +1,3 @@
1
- declare const textAlignProps: readonly [undefined, false, "left", "center", "right"];
1
+ declare const textAlignProps: readonly ["left", "center", "right"];
2
2
  export type tTextAlignProps = (typeof textAlignProps)[number];
3
3
  export { textAlignProps };
@@ -1,3 +1,3 @@
1
- declare const textColorProps: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
1
+ declare const textColorProps: readonly ["accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
2
2
  export type tTextColorProps = (typeof textColorProps)[number];
3
3
  export { textColorProps };
@@ -1,3 +1,3 @@
1
- declare const textColorActiveProps: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
1
+ declare const textColorActiveProps: readonly ["accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
2
2
  export type tTextColorActiveProps = (typeof textColorActiveProps)[number];
3
3
  export { textColorActiveProps };
@@ -1,3 +1,3 @@
1
- declare const textColorHoverProps: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
1
+ declare const textColorHoverProps: readonly ["accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
2
2
  export type tTextColorHoverProps = (typeof textColorHoverProps)[number];
3
3
  export { textColorHoverProps };
@@ -1,3 +1,3 @@
1
- declare const textGradientProps: readonly [undefined, false, "accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
1
+ declare const textGradientProps: readonly ["accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
2
2
  export type tTextGradientProps = (typeof textGradientProps)[number];
3
3
  export { textGradientProps };
@@ -1,3 +1,3 @@
1
- declare const textSizeProps: readonly [undefined, false, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
1
+ declare const textSizeProps: readonly ["xxs", "xs", "s", "m", "l", "xl", "xxl"];
2
2
  export type tTextSizeProps = (typeof textSizeProps)[number];
3
3
  export { textSizeProps };
@@ -1,3 +1,3 @@
1
- declare const textStyleProps: readonly [undefined, false, "normal", "italic"];
1
+ declare const textStyleProps: readonly ["normal", "italic"];
2
2
  export type tTextStyleProps = (typeof textStyleProps)[number];
3
3
  export { textStyleProps };
@@ -1,3 +1,3 @@
1
- declare const textTagProps: readonly [undefined, false, "p", "span"];
1
+ declare const textTagProps: readonly ["p", "span"];
2
2
  export type tTextTagProps = (typeof textTagProps)[number];
3
3
  export { textTagProps };
@@ -1,3 +1,3 @@
1
- declare const textWeightProps: readonly [undefined, false, "normal", "bold", "light", "lighter", "bolder", 100, 200, 300, 400, 500, 600, 700, 800, 900, 950, "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"];
1
+ declare const textWeightProps: readonly ["normal", "bold", "light", "lighter", "bolder", "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"];
2
2
  export type tTextWeightProps = (typeof textWeightProps)[number];
3
3
  export { textWeightProps };
@@ -1,3 +1,3 @@
1
- declare const textWrapProps: readonly [undefined, false, "wrap", "nowrap"];
1
+ declare const textWrapProps: readonly ["wrap", "nowrap"];
2
2
  export type tTextWrapProps = (typeof textWrapProps)[number];
3
3
  export { textWrapProps };
@@ -1,5 +1,5 @@
1
- declare const titleSizeHeadingProps: readonly [undefined, false, "h1", "h2", "h3", "h4", "h5", "h6"];
2
- declare const titleSizeProps: readonly [undefined, false, "xxl", "xl", "l", "m", "s", "xs", "xxs"];
1
+ declare const titleSizeHeadingProps: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
2
+ declare const titleSizeProps: readonly ["xxl", "xl", "l", "m", "s", "xs", "xxs"];
3
3
  export type tTitleSizeProps = (typeof titleSizeProps)[number];
4
4
  export type tTitleSizeHeadingProps = (typeof titleSizeHeadingProps)[number];
5
5
  export { titleSizeProps, titleSizeHeadingProps };
@@ -1,3 +1,3 @@
1
- declare const typeProps: readonly [undefined, false, "accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
1
+ declare const typeProps: readonly ["accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
2
2
  export type tTypeProps = (typeof typeProps)[number];
3
3
  export { typeProps };
@@ -1,3 +1,3 @@
1
- declare const underlineProps: readonly [undefined, false, "none", "underline"];
1
+ declare const underlineProps: readonly ["none", "underline"];
2
2
  export type tUnderlineProps = (typeof underlineProps)[number];
3
3
  export { underlineProps };
@@ -1,3 +1,3 @@
1
- declare const verticalContentAlignProps: readonly [undefined, false, "center"];
1
+ declare const verticalContentAlignProps: readonly ["center"];
2
2
  export type tVerticalContentAlignProps = (typeof verticalContentAlignProps)[number];
3
3
  export { verticalContentAlignProps };
@@ -1,3 +1,3 @@
1
- declare const verticalResizeModeProps: readonly [undefined, false, "fixed", "hug", "fill"];
1
+ declare const verticalResizeModeProps: readonly ["fixed", "hug", "fill"];
2
2
  export type tVerticalResizeModeProps = (typeof verticalResizeModeProps)[number];
3
3
  export { verticalResizeModeProps };
@@ -1,3 +1,3 @@
1
- declare const widthProps: readonly [undefined, false, "auto", "fixed", "hug", "fill"];
1
+ declare const widthProps: readonly ["auto", "fixed", "hug", "fill"];
2
2
  export type tWidthProps = (typeof widthProps)[number];
3
3
  export { widthProps };
@@ -1,3 +1,3 @@
1
- declare const wrapProps: readonly [undefined, false, "wrap", "no-wrap", "nowrap", "wrap-reverse"];
1
+ declare const wrapProps: readonly ["wrap", "no-wrap", "nowrap", "wrap-reverse"];
2
2
  export type tWrapProps = (typeof wrapProps)[number];
3
3
  export { wrapProps };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui",
3
- "version": "1.4.5",
3
+ "version": "1.4.7",
4
4
  "description": "UI components (Modal, Loader, Popup, etc)",
5
5
  "keywords": [
6
6
  "Modal",
@@ -89,18 +89,27 @@
89
89
  "access": "public",
90
90
  "registry": "https://registry.npmjs.org/"
91
91
  },
92
+ "msw": {
93
+ "workerDirectory": [
94
+ "public"
95
+ ]
96
+ },
92
97
  "dependencies": {
93
98
  "@emotion/is-prop-valid": "^1.3.1",
94
99
  "@itcase/common": "^1.2.22",
95
100
  "@itcase/config": "^1.0.26",
96
101
  "@itcase/icons": "^1.0.29",
97
- "@itcase/storybook-config": "^1.1.3",
102
+ "@itcase/storybook-config": "^1.1.8",
103
+ "@itcase/tokens-am": "^1.0.28",
104
+ "@itcase/tokens-baikal": "^1.0.30",
98
105
  "clsx": "^2.1.1",
99
106
  "date-fns": "^4.1.0",
100
- "framer-motion": "^12.6.4",
107
+ "eslint-import-resolver-alias": "^1.1.2",
108
+ "eslint-plugin-import": "^2.31.0",
109
+ "framer-motion": "^12.7.3",
101
110
  "js-cookie": "^3.0.5",
102
111
  "lodash": "^4.17.21",
103
- "motion": "^12.6.4",
112
+ "motion": "^12.7.3",
104
113
  "rc-slider": "^11.1.8",
105
114
  "react": "^18.3.1",
106
115
  "react-dadata": "^2.27.4",
@@ -125,7 +134,8 @@
125
134
  "@babel/preset-react": "^7.26.3",
126
135
  "@commitlint/cli": "^19.8.0",
127
136
  "@commitlint/config-conventional": "^19.8.0",
128
- "@itcase/lint": "^1.1.4",
137
+ "@itcase/lint": "^1.1.5",
138
+ "@rollup/plugin-alias": "^5.1.1",
129
139
  "@rollup/plugin-babel": "^6.0.4",
130
140
  "@rollup/plugin-commonjs": "^28.0.3",
131
141
  "@rollup/plugin-image": "^3.0.3",
@@ -151,13 +161,13 @@
151
161
  "conventional-changelog-conventionalcommits": "^8.0.0",
152
162
  "eslint": "9.24.0",
153
163
  "husky": "^9.1.7",
154
- "lint-staged": "^15.5.0",
164
+ "lint-staged": "^15.5.1",
155
165
  "npm": "^11.3.0",
156
166
  "postcss": "^8.5.3",
157
167
  "prettier": "^3.5.3",
158
168
  "react-docgen-typescript": "^2.2.2",
159
169
  "react-svg": "^16.3.0",
160
- "rollup": "^4.39.0",
170
+ "rollup": "^4.40.0",
161
171
  "rollup-plugin-copy": "^3.5.0",
162
172
  "rollup-plugin-dts": "^6.2.1",
163
173
  "rollup-plugin-peer-deps-external": "^2.2.4",
@@ -166,10 +176,5 @@
166
176
  "storybook": "^8.6.12",
167
177
  "stylelint": "^16.18.0",
168
178
  "typescript": "^5.8.3"
169
- },
170
- "msw": {
171
- "workerDirectory": [
172
- "public"
173
- ]
174
179
  }
175
180
  }
@@ -1,52 +0,0 @@
1
- 'use strict';
2
-
3
- var jsxRuntime = require('react/jsx-runtime');
4
- var React = require('react');
5
- var clsx = require('clsx');
6
- var UIContext = require('./cjs/context/UIContext.js');
7
- var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
8
- var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
9
-
10
- var titleAppearance = {
11
- dev: {
12
- textColor: 'surfaceTextPrimary',
13
- },
14
- };
15
-
16
- var titleConfig = {
17
- appearance: titleAppearance,
18
- setAppearance: function (newComponent) {
19
- titleConfig.appearance = newComponent;
20
- },
21
- };
22
- function Title(props) {
23
- var children = props.children, after = props.after, afterWrapper = props.afterWrapper, appearance = props.appearance, before = props.before, beforeWrapper = props.beforeWrapper, className = props.className, dataTour = props.dataTour, mode = props.mode, _a = props.size, size = _a === void 0 ? 'h3' : _a, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _b = props.tag, tag = _b === void 0 ? 'span' : _b, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
24
- var _c = UIContext.useUserDeviceContext(), isMobile = _c.isMobile, isTablet = _c.isTablet, isDesktop = _c.isDesktop;
25
- // @ts-expect-error
26
- var appearanceConfig = titleConfig.appearance && titleConfig.appearance[appearance];
27
- var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
28
- var directionClass = propsGenerator.directionClass, fillClass = propsGenerator.fillClass, dataTestId = propsGenerator.dataTestId, heightClass = propsGenerator.heightClass, svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass, textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorGradientClass = propsGenerator.textColorGradientClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass, wrapperDirectionClass = propsGenerator.wrapperDirectionClass;
29
- // @ts-expect-error
30
- var _d = useStyles.useStyles(props), titleStyles = _d.styles, titleWrapperStyles = _d.wrapper;
31
- // Element type (h1, h2, ..., h6)
32
- var Tag = React.useMemo(function () {
33
- if (tag) {
34
- return tag;
35
- }
36
- if (isMobile && sizeMobile) {
37
- return sizeMobile;
38
- }
39
- if (isTablet && sizeTablet) {
40
- return sizeTablet;
41
- }
42
- if (isDesktop && sizeDesktop) {
43
- return sizeDesktop;
44
- }
45
- return size ? size : 'span';
46
- }, [isMobile, isTablet, isDesktop]);
47
- return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'title', fillClass && "fill_".concat(fillClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), size && "title_size_".concat(size), mode && "title_mode_".concat(mode), directionClass && "title_direction_".concat(directionClass), 'text', textColorClass && "text-color_".concat(textColorClass), textColorActiveClass && "text-color_active_".concat(textColorActiveClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), typeClass && "title_type_".concat(typeClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), textWrap && "word-wrap_".concat(textWrap)), "data-testid": dataTestId, "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxRuntime.jsxs("span", { className: clsx(textAlignClass && "text-align_".concat(textAlignClass), wrapperDirectionClass && "title-direction_".concat(wrapperDirectionClass), 'title__wrapper', textTruncateClass && "text-truncate_".concat(textTruncateClass)), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
48
- }
49
-
50
- exports.Title = Title;
51
- exports.titleAppearance = titleAppearance;
52
- exports.titleConfig = titleConfig;
@@ -1,48 +0,0 @@
1
- import { jsxs } from 'react/jsx-runtime';
2
- import { useMemo } from 'react';
3
- import clsx from 'clsx';
4
- import { useUserDeviceContext } from './context/UIContext.js';
5
- import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
6
- import { useStyles } from './hooks/useStyles/useStyles.js';
7
-
8
- var titleAppearance = {
9
- dev: {
10
- textColor: 'surfaceTextPrimary',
11
- },
12
- };
13
-
14
- var titleConfig = {
15
- appearance: titleAppearance,
16
- setAppearance: function (newComponent) {
17
- titleConfig.appearance = newComponent;
18
- },
19
- };
20
- function Title(props) {
21
- var children = props.children, after = props.after, afterWrapper = props.afterWrapper, appearance = props.appearance, before = props.before, beforeWrapper = props.beforeWrapper, className = props.className, dataTour = props.dataTour, mode = props.mode, _a = props.size, size = _a === void 0 ? 'h3' : _a, sizeDesktop = props.sizeDesktop, sizeMobile = props.sizeMobile, sizeTablet = props.sizeTablet, _b = props.tag, tag = _b === void 0 ? 'span' : _b, text = props.text, textWrap = props.textWrap, onClick = props.onClick;
22
- var _c = useUserDeviceContext(), isMobile = _c.isMobile, isTablet = _c.isTablet, isDesktop = _c.isDesktop;
23
- // @ts-expect-error
24
- var appearanceConfig = titleConfig.appearance && titleConfig.appearance[appearance];
25
- var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
26
- var directionClass = propsGenerator.directionClass, fillClass = propsGenerator.fillClass, dataTestId = propsGenerator.dataTestId, heightClass = propsGenerator.heightClass, svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass, textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorGradientClass = propsGenerator.textColorGradientClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass, wrapperDirectionClass = propsGenerator.wrapperDirectionClass;
27
- // @ts-expect-error
28
- var _d = useStyles(props), titleStyles = _d.styles, titleWrapperStyles = _d.wrapper;
29
- // Element type (h1, h2, ..., h6)
30
- var Tag = useMemo(function () {
31
- if (tag) {
32
- return tag;
33
- }
34
- if (isMobile && sizeMobile) {
35
- return sizeMobile;
36
- }
37
- if (isTablet && sizeTablet) {
38
- return sizeTablet;
39
- }
40
- if (isDesktop && sizeDesktop) {
41
- return sizeDesktop;
42
- }
43
- return size ? size : 'span';
44
- }, [isMobile, isTablet, isDesktop]);
45
- return (jsxs(Tag, { className: clsx(className, 'title', fillClass && "fill_".concat(fillClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), size && "title_size_".concat(size), mode && "title_mode_".concat(mode), directionClass && "title_direction_".concat(directionClass), 'text', textColorClass && "text-color_".concat(textColorClass), textColorActiveClass && "text-color_active_".concat(textColorActiveClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), typeClass && "title_type_".concat(typeClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), textWrap && "word-wrap_".concat(textWrap)), "data-testid": dataTestId, "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass && "text-align_".concat(textAlignClass), wrapperDirectionClass && "title-direction_".concat(wrapperDirectionClass), 'title__wrapper', textTruncateClass && "text-truncate_".concat(textTruncateClass)), style: titleWrapperStyles, children: [beforeWrapper, children || text, afterWrapper] }), after] }));
46
- }
47
-
48
- export { Title as T, titleAppearance as a, titleConfig as t };
@@ -1,28 +0,0 @@
1
- 'use strict';
2
-
3
- var jsxRuntime = require('react/jsx-runtime');
4
- var clsx = require('clsx');
5
- var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
6
- var Image = require('../../Image-BEGwuGBM.js');
7
- var Text = require('../../Text-C49zj3jO.js');
8
- require('../../tslib.es6-CCZ3TN_7.js');
9
- require('react');
10
- require('lodash/camelCase');
11
- require('lodash/castArray');
12
- require('lodash/upperFirst');
13
- require('../context/UIContext.js');
14
- require('../hooks/useMediaQueries/useMediaQueries.js');
15
- require('react-responsive');
16
- require('../utils/setViewportProperty.js');
17
- require('../hooks/useStyles/useStyles.js');
18
- require('lodash/maxBy');
19
- require('../hooks/useStyles/styleAttributes.js');
20
-
21
- function Card(props) {
22
- var children = props.children, className = props.className, image = props.image, _a = props.imageShape, imageShape = _a === void 0 ? 'rounded' : _a, size = props.size, src = props.src, text = props.text, _b = props.textColor, textColor = _b === void 0 ? 'surfaceTextPrimary' : _b, _c = props.textSize, textSize = _c === void 0 ? 'p' : _c, textTag = props.textTag, title = props.title, _d = props.titleColor, titleColor = _d === void 0 ? 'surfaceTextPrimary' : _d, _e = props.titleSize, titleSize = _e === void 0 ? 'h5' : _e, _f = props.titleTag, titleTag = _f === void 0 ? 'span' : _f, type = props.type, onClick = props.onClick;
23
- var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
24
- var shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass;
25
- return (jsxRuntime.jsx("div", { className: clsx(className, 'card', shapeClass && "card_shape_".concat(shapeClass), size && "card_size_".concat(size), type && "card_type_".concat(type), widthClass && "resize-horizontal_".concat(widthClass)), onClick: onClick, children: jsxRuntime.jsxs("div", { className: "card__wrapper", children: [image, src && jsxRuntime.jsx(Image.Image, { className: "card__image", shape: imageShape, src: src }), jsxRuntime.jsxs("div", { className: "card__data", children: [title && (jsxRuntime.jsx(Text.Text, { className: "card__data-title", size: titleSize, tag: titleTag, textColor: titleColor, children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "card__data-desc", size: textSize, tag: textTag, textColor: textColor, children: text }))] }), children] }) }));
26
- }
27
-
28
- exports.Card = Card;
@@ -1,26 +0,0 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
2
- import clsx from 'clsx';
3
- import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
4
- import { I as Image } from '../Image-DWfyapuD.js';
5
- import { T as Text } from '../Text-C6NSmetx.js';
6
- import '../tslib.es6-5FtW-kfi.js';
7
- import 'react';
8
- import 'lodash/camelCase';
9
- import 'lodash/castArray';
10
- import 'lodash/upperFirst';
11
- import '../context/UIContext.js';
12
- import '../hooks/useMediaQueries/useMediaQueries.js';
13
- import 'react-responsive';
14
- import '../utils/setViewportProperty.js';
15
- import '../hooks/useStyles/useStyles.js';
16
- import 'lodash/maxBy';
17
- import '../hooks/useStyles/styleAttributes.js';
18
-
19
- function Card(props) {
20
- var children = props.children, className = props.className, image = props.image, _a = props.imageShape, imageShape = _a === void 0 ? 'rounded' : _a, size = props.size, src = props.src, text = props.text, _b = props.textColor, textColor = _b === void 0 ? 'surfaceTextPrimary' : _b, _c = props.textSize, textSize = _c === void 0 ? 'p' : _c, textTag = props.textTag, title = props.title, _d = props.titleColor, titleColor = _d === void 0 ? 'surfaceTextPrimary' : _d, _e = props.titleSize, titleSize = _e === void 0 ? 'h5' : _e, _f = props.titleTag, titleTag = _f === void 0 ? 'span' : _f, type = props.type, onClick = props.onClick;
21
- var propsGenerator = useDevicePropsGenerator(props);
22
- var shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass;
23
- return (jsx("div", { className: clsx(className, 'card', shapeClass && "card_shape_".concat(shapeClass), size && "card_size_".concat(size), type && "card_type_".concat(type), widthClass && "resize-horizontal_".concat(widthClass)), onClick: onClick, children: jsxs("div", { className: "card__wrapper", children: [image, src && jsx(Image, { className: "card__image", shape: imageShape, src: src }), jsxs("div", { className: "card__data", children: [title && (jsx(Text, { className: "card__data-title", size: titleSize, tag: titleTag, textColor: titleColor, children: title })), text && (jsx(Text, { className: "card__data-desc", size: textSize, tag: textTag, textColor: textColor, children: text }))] }), children] }) }));
24
- }
25
-
26
- export { Card };
@@ -1,18 +0,0 @@
1
- .card {
2
- &__wrapper {
3
- display: flex;
4
- flex-flow: column nowrap;
5
- ^&__image {
6
- width: 100%;
7
- }
8
- ^&__data {
9
- display: flex;
10
- flex-flow: column nowrap;
11
- }
12
- ^&__icon {
13
- padding: 8px 0 0 0;
14
- display: flex;
15
- gap: 16px;
16
- }
17
- }
18
- }