@itcase/ui 1.4.1 → 1.4.5

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 (147) hide show
  1. package/dist/{Badge-CGHosmYx.js → Badge-C68XnlcL.js} +3 -4
  2. package/dist/{Badge-BX4N91_C.js → Badge-C6SNRExV.js} +3 -4
  3. package/dist/{Button-BtAUGGPc.js → Button-Bsrw4D7p.js} +3 -3
  4. package/dist/{Button-HKkjJ38v.js → Button-WZZpsxTk.js} +3 -3
  5. package/dist/{Label-XTFwl1aq.js → Label-DF2a2Mlx.js} +2 -2
  6. package/dist/{Label-Dpeq55TV.js → Label-I9WNpCXa.js} +2 -2
  7. package/dist/{Loader-CsPvc-9g.js → Loader-D4_r7LML.js} +6 -6
  8. package/dist/{Loader-CBEbIRnd.js → Loader-DpYaDhe9.js} +6 -6
  9. package/dist/cjs/components/Avatar.js +2 -2
  10. package/dist/cjs/components/Badge.js +1 -1
  11. package/dist/cjs/components/Button.js +2 -2
  12. package/dist/cjs/components/Cell.js +1 -1
  13. package/dist/cjs/components/Checkbox.js +12 -10
  14. package/dist/cjs/components/Checkmark.js +36 -9
  15. package/dist/cjs/components/Chips.js +3 -3
  16. package/dist/cjs/components/Choice.js +19 -11
  17. package/dist/cjs/components/CookiesWarning.js +2 -2
  18. package/dist/cjs/components/DatePicker.js +3 -3
  19. package/dist/cjs/components/Label.js +1 -1
  20. package/dist/cjs/components/Loader.js +1 -1
  21. package/dist/cjs/components/MenuItem.js +39 -11
  22. package/dist/cjs/components/Modal.js +1 -1
  23. package/dist/cjs/components/Response.js +89 -104
  24. package/dist/cjs/components/Select.js +1 -1
  25. package/dist/cjs/components/Tab.js +1 -1
  26. package/dist/cjs/components/Tile.js +1 -1
  27. package/dist/cjs/context/Notifications.js +2 -2
  28. package/dist/components/Avatar.js +2 -2
  29. package/dist/components/Badge.js +1 -1
  30. package/dist/components/Button.js +2 -2
  31. package/dist/components/Cell.js +1 -1
  32. package/dist/components/Checkbox.js +12 -10
  33. package/dist/components/Checkmark.js +36 -9
  34. package/dist/components/Chips.js +3 -3
  35. package/dist/components/Choice.js +19 -11
  36. package/dist/components/CookiesWarning.js +2 -2
  37. package/dist/components/DatePicker.js +3 -3
  38. package/dist/components/Label.js +1 -1
  39. package/dist/components/Loader.js +1 -1
  40. package/dist/components/MenuItem.js +40 -8
  41. package/dist/components/Modal.js +1 -1
  42. package/dist/components/Response.js +89 -104
  43. package/dist/components/Select.js +1 -1
  44. package/dist/components/Tab.js +1 -1
  45. package/dist/components/Tile.js +1 -1
  46. package/dist/context/Notifications.js +2 -2
  47. package/dist/css/components/Avatar/Avatar.css +2 -2
  48. package/dist/css/components/Badge/Badge.css +50 -0
  49. package/dist/css/components/Button/Button.css +24 -0
  50. package/dist/css/components/Checkbox/Checkbox.css +25 -2
  51. package/dist/css/components/Checkmark/Checkmark.css +6 -8
  52. package/dist/css/components/Label/Label.css +11 -13
  53. package/dist/css/components/Loader/Loader.css +40 -3
  54. package/dist/css/components/Response/Response.css +5 -12
  55. package/dist/css/components/Video/Video.css +0 -14
  56. package/dist/css/styles/svg-color/svg_path_fill.css +1 -2
  57. package/dist/stories/Cell.mdx +1 -17
  58. package/dist/types/components/Checkmark/appearance/checkmarkAccent.d.ts +9 -0
  59. package/dist/types/components/Checkmark/appearance/checkmarkDisabled.d.ts +9 -0
  60. package/dist/types/components/Checkmark/appearance/checkmarkStyle.d.ts +16 -0
  61. package/dist/types/components/Checkmark/appearance/checkmarkSurface.d.ts +11 -0
  62. package/dist/types/components/Flex/stories/args.d.ts +8 -8
  63. package/dist/types/components/Grid/stories/args.d.ts +5 -5
  64. package/dist/types/components/Group/stories/args.d.ts +5 -5
  65. package/dist/types/components/Loader/appearance/loaderAccent.d.ts +1 -1
  66. package/dist/types/components/Loader/appearance/loaderPrimary.d.ts +1 -1
  67. package/dist/types/components/Loader/appearance/loaderSecondary.d.ts +1 -1
  68. package/dist/types/components/Response/Response.interface.d.ts +12 -10
  69. package/dist/types/components/Tab/stories/args.d.ts +13 -13
  70. package/dist/types/context/Notifications.d.ts +4 -3
  71. package/dist/types/types/componentProps/align.d.ts +1 -1
  72. package/dist/types/types/componentProps/alignDirection.d.ts +1 -1
  73. package/dist/types/types/componentProps/alignment.d.ts +1 -1
  74. package/dist/types/types/componentProps/appearanceKeys.d.ts +1 -1
  75. package/dist/types/types/componentProps/borderColor.d.ts +1 -1
  76. package/dist/types/types/componentProps/borderColorHover.d.ts +1 -1
  77. package/dist/types/types/componentProps/borderType.d.ts +1 -1
  78. package/dist/types/types/componentProps/borderWidth.d.ts +1 -1
  79. package/dist/types/types/componentProps/elevation.d.ts +1 -1
  80. package/dist/types/types/componentProps/fill.d.ts +1 -1
  81. package/dist/types/types/componentProps/fillGradient.d.ts +1 -1
  82. package/dist/types/types/componentProps/fillHover.d.ts +1 -1
  83. package/dist/types/types/componentProps/fillType.d.ts +1 -1
  84. package/dist/types/types/componentProps/flexAlign.d.ts +1 -1
  85. package/dist/types/types/componentProps/flexGrow.d.ts +1 -1
  86. package/dist/types/types/componentProps/flexJustifyContent.d.ts +1 -1
  87. package/dist/types/types/componentProps/flexWrap.d.ts +1 -1
  88. package/dist/types/types/componentProps/gridAlign.d.ts +1 -1
  89. package/dist/types/types/componentProps/gridAlignSelf.d.ts +1 -1
  90. package/dist/types/types/componentProps/gridJustifyItems.d.ts +1 -1
  91. package/dist/types/types/componentProps/gridJustifySelf.d.ts +1 -1
  92. package/dist/types/types/componentProps/height.d.ts +1 -1
  93. package/dist/types/types/componentProps/horizontalContentAlign.d.ts +1 -1
  94. package/dist/types/types/componentProps/horizontalResizeMode.d.ts +1 -1
  95. package/dist/types/types/componentProps/iconFillSize.d.ts +1 -1
  96. package/dist/types/types/componentProps/iconSize.d.ts +1 -1
  97. package/dist/types/types/componentProps/itemColor.d.ts +1 -1
  98. package/dist/types/types/componentProps/justifyContent.d.ts +1 -1
  99. package/dist/types/types/componentProps/overflow.d.ts +1 -1
  100. package/dist/types/types/componentProps/position.d.ts +1 -1
  101. package/dist/types/types/componentProps/resizeMode.d.ts +1 -1
  102. package/dist/types/types/componentProps/shape.d.ts +1 -1
  103. package/dist/types/types/componentProps/size.d.ts +1 -1
  104. package/dist/types/types/componentProps/sizeOption.d.ts +1 -1
  105. package/dist/types/types/componentProps/sizePX.d.ts +1 -1
  106. package/dist/types/types/componentProps/stacking.d.ts +1 -1
  107. package/dist/types/types/componentProps/state.d.ts +1 -1
  108. package/dist/types/types/componentProps/svgFill.d.ts +1 -1
  109. package/dist/types/types/componentProps/textAlign.d.ts +1 -1
  110. package/dist/types/types/componentProps/textGradient.d.ts +1 -1
  111. package/dist/types/types/componentProps/textSize.d.ts +1 -1
  112. package/dist/types/types/componentProps/textStyle.d.ts +1 -1
  113. package/dist/types/types/componentProps/textTag.d.ts +1 -1
  114. package/dist/types/types/componentProps/textWeight.d.ts +1 -1
  115. package/dist/types/types/componentProps/textWrap.d.ts +1 -1
  116. package/dist/types/types/componentProps/titleSize.d.ts +4 -2
  117. package/dist/types/types/componentProps/type.d.ts +1 -1
  118. package/dist/types/types/componentProps/underline.d.ts +1 -1
  119. package/dist/types/types/componentProps/verticalContentAlign.d.ts +1 -1
  120. package/dist/types/types/componentProps/verticalResizeMode.d.ts +1 -1
  121. package/dist/types/types/componentProps/width.d.ts +1 -1
  122. package/dist/types/types/componentProps/wrap.d.ts +1 -1
  123. package/dist/types/types/index.d.ts +0 -2
  124. package/package.json +12 -12
  125. package/dist/MenuItem-Cjlnmfwh.js +0 -40
  126. package/dist/MenuItem-PJkuGghn.js +0 -44
  127. package/dist/cjs/components/Menu.js +0 -45
  128. package/dist/components/Menu.js +0 -41
  129. package/dist/css/components/Menu/Menu.css +0 -65
  130. package/dist/stories/Checkbox.mdx +0 -23
  131. package/dist/stories/Checkmark.mdx +0 -15
  132. package/dist/stories/Chips.mdx +0 -31
  133. package/dist/stories/DevMode.mdx +0 -9
  134. package/dist/stories/Label.mdx +0 -31
  135. package/dist/stories/Loader.mdx +0 -31
  136. package/dist/stories/Message.mdx +0 -15
  137. package/dist/stories/Response.mdx +0 -23
  138. package/dist/stories/WithTooltip.mdx +0 -9
  139. package/dist/types/components/Button/stories/args.d.ts +0 -200
  140. package/dist/types/components/Chips/stories/args.d.ts +0 -45
  141. package/dist/types/components/Menu/Menu.appearance.d.ts +0 -2
  142. package/dist/types/components/Menu/Menu.d.ts +0 -4
  143. package/dist/types/components/Menu/Menu.interface.d.ts +0 -35
  144. package/dist/types/components/Menu/index.d.ts +0 -2
  145. package/dist/types/components/Response/stories/args.d.ts +0 -174
  146. package/dist/types/types/componentProps/captionPosition.d.ts +0 -3
  147. package/dist/types/types/componentProps/emojiSize.d.ts +0 -3
@@ -1,3 +1,3 @@
1
- declare const fillGradientProps: readonly [undefined, "accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
1
+ declare const fillGradientProps: readonly [undefined, false, "accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
2
2
  export type tFillGradientProps = (typeof fillGradientProps)[number];
3
3
  export { fillGradientProps };
@@ -1,3 +1,3 @@
1
- declare const fillHoverProps: readonly [undefined, "accentPrimaryHover", "accentSecondary", "accentSecondaryHover", "accentTertiary", "primaryPrimaryHover", "secondaryPrimaryHover", "surfaceItemTertiary", "surfacePrimaryHover", "surfaceSecondaryHover", "surfaceTertiary", "surfaceTertiaryHover"];
1
+ declare const fillHoverProps: readonly [undefined, false, "accentPrimaryHover", "accentSecondary", "accentSecondaryHover", "accentTertiary", "primaryPrimaryHover", "secondaryPrimaryHover", "surfaceItemTertiary", "surfacePrimaryHover", "surfaceSecondaryHover", "surfaceTertiary", "surfaceTertiaryHover"];
2
2
  export type tFillHoverProps = (typeof fillHoverProps)[number];
3
3
  export { fillHoverProps };
@@ -1,3 +1,3 @@
1
- declare const fillTypeProps: readonly [undefined, "solid", "outline", "ghost"];
1
+ declare const fillTypeProps: readonly [undefined, false, "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, "stretch", "flex-start", "flex-end", "center", "baseline", "auto"];
1
+ declare const flexAlignProps: readonly [undefined, false, "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, "0", "1"];
1
+ declare const flexGrowProps: readonly [undefined, false, "0", "1"];
2
2
  export type tFlexGrowProps = (typeof flexGrowProps)[number];
3
3
  export { flexGrowProps };
@@ -1,3 +1,3 @@
1
- declare const flexJustifyContentProps: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly"];
1
+ declare const flexJustifyContentProps: readonly [undefined, false, "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, "wrap", "nowrap", "wrap-reverse"];
1
+ declare const flexWrapProps: readonly [undefined, false, "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, "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 [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"];
2
2
  export type tGridAlignProps = (typeof gridAlignProps)[number];
3
3
  export { gridAlignProps };
@@ -1,3 +1,3 @@
1
- declare const gridAlignSelfProps: readonly [undefined, "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 [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"];
2
2
  export type tGridAlignSelfProps = (typeof gridAlignSelfProps)[number];
3
3
  export { gridAlignSelfProps };
@@ -1,3 +1,3 @@
1
- declare const gridJustifyItemsProps: readonly [undefined, "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 [undefined, false, "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, "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 [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"];
2
2
  export type tGridJustifySelfProps = (typeof gridJustifySelfProps)[number];
3
3
  export { gridJustifySelfProps };
@@ -1,3 +1,3 @@
1
- declare const heightProps: readonly [undefined, "fixed", "hug", "fill"];
1
+ declare const heightProps: readonly [undefined, false, "fixed", "hug", "fill"];
2
2
  export type tHeightProps = (typeof heightProps)[number];
3
3
  export { heightProps };
@@ -1,3 +1,3 @@
1
- declare const horizontalContentAlignProps: readonly [undefined, "center"];
1
+ declare const horizontalContentAlignProps: readonly [undefined, false, "center"];
2
2
  export type tHorizontalContentAlignProps = (typeof horizontalContentAlignProps)[number];
3
3
  export { horizontalContentAlignProps };
@@ -1,3 +1,3 @@
1
- declare const horizontalResizeModeProps: readonly [undefined, "fixed", "hug", "fill"];
1
+ declare const horizontalResizeModeProps: readonly [undefined, false, "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, 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 [undefined, false, 10, 14, 16, 24, 32, 36, 40, 60, 64, 144, "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, 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 [undefined, false, 10, 12, 14, 16, 20, 24, 32, 40, 60, 64, 144, "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, "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 [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"];
2
2
  export type tItemColorProps = (typeof itemColorProps)[number];
3
3
  export { itemColorProps };
@@ -1,3 +1,3 @@
1
- declare const justifyContentProps: readonly [undefined, "center", "flex-end", "flex-start", "flexEnd", "flexStart", "space-around", "space-between", "space-evenly", "spaceAround", "spaceBetween", "spaceEvenly"];
1
+ declare const justifyContentProps: readonly [undefined, false, "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, "hidden", "scroll", "visible"];
1
+ declare const overflowProps: readonly [undefined, false, "hidden", "scroll", "visible"];
2
2
  export type tOverflowProps = (typeof overflowProps)[number];
3
3
  export { overflowProps };
@@ -1,3 +1,3 @@
1
- declare const positionProps: readonly ["static", "absolute", "relative", "fixed", "inherit"];
1
+ declare const positionProps: readonly [undefined, false, "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, "cover", "contain", "stretch", "center", "caption-back"];
1
+ declare const resizeModeProps: readonly [undefined, false, "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, "geometric", "rounded", "circular"];
1
+ declare const shapeProps: readonly [undefined, false, "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, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
1
+ declare const sizeProps: readonly [undefined, false, "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, "any", "compact", "l", "large", "m", "normal", "regular", "s", "tiny", "xl", "xs", "xxl"];
1
+ declare const sizeOptionProps: readonly [undefined, false, "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, 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 [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"];
2
2
  export type tSizePXProps = (typeof sizePXProps)[number];
3
3
  export { sizePXProps };
@@ -1,3 +1,3 @@
1
- declare const stackingProps: readonly [undefined, "firstOnTop", "lastOnTop"];
1
+ declare const stackingProps: readonly [undefined, false, "firstOnTop", "lastOnTop"];
2
2
  export type tStackingProps = (typeof stackingProps)[number];
3
3
  export { stackingProps };
@@ -1,3 +1,3 @@
1
- declare const stateProps: readonly [undefined, "active", "checked", "disabled", "focus", "hover", "normal"];
1
+ declare const stateProps: readonly [undefined, false, "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, "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 [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"];
2
2
  export type tSvgFillProps = (typeof svgFillProps)[number];
3
3
  export { svgFillProps };
@@ -1,3 +1,3 @@
1
- declare const textAlignProps: readonly [undefined, "left", "center", "right"];
1
+ declare const textAlignProps: readonly [undefined, false, "left", "center", "right"];
2
2
  export type tTextAlignProps = (typeof textAlignProps)[number];
3
3
  export { textAlignProps };
@@ -1,3 +1,3 @@
1
- declare const textGradientProps: readonly [undefined, "accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
1
+ declare const textGradientProps: readonly [undefined, false, "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, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
1
+ declare const textSizeProps: readonly [undefined, false, "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, "normal", "italic"];
1
+ declare const textStyleProps: readonly [undefined, false, "normal", "italic"];
2
2
  export type tTextStyleProps = (typeof textStyleProps)[number];
3
3
  export { textStyleProps };
@@ -1,3 +1,3 @@
1
- declare const textTagProps: readonly [undefined, "p", "span"];
1
+ declare const textTagProps: readonly [undefined, false, "p", "span"];
2
2
  export type tTextTagProps = (typeof textTagProps)[number];
3
3
  export { textTagProps };
@@ -1,3 +1,3 @@
1
- declare const textWeightProps: readonly [undefined, "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 [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"];
2
2
  export type tTextWeightProps = (typeof textWeightProps)[number];
3
3
  export { textWeightProps };
@@ -1,3 +1,3 @@
1
- declare const textWrapProps: readonly [undefined, "wrap", "nowrap"];
1
+ declare const textWrapProps: readonly [undefined, false, "wrap", "nowrap"];
2
2
  export type tTextWrapProps = (typeof textWrapProps)[number];
3
3
  export { textWrapProps };
@@ -1,3 +1,5 @@
1
- declare const titleSizeProps: readonly [undefined, "h1", "h2", "h3", "h4", "h5", "h6"];
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"];
2
3
  export type tTitleSizeProps = (typeof titleSizeProps)[number];
3
- export { titleSizeProps };
4
+ export type tTitleSizeHeadingProps = (typeof titleSizeHeadingProps)[number];
5
+ export { titleSizeProps, titleSizeHeadingProps };
@@ -1,3 +1,3 @@
1
- declare const typeProps: readonly [undefined, "accent", "primary", "secondary", "tertiary", "surface", "error", "success"];
1
+ declare const typeProps: readonly [undefined, false, "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, "none", "underline"];
1
+ declare const underlineProps: readonly [undefined, false, "none", "underline"];
2
2
  export type tUnderlineProps = (typeof underlineProps)[number];
3
3
  export { underlineProps };
@@ -1,3 +1,3 @@
1
- declare const verticalContentAlignProps: readonly [undefined, "center"];
1
+ declare const verticalContentAlignProps: readonly [undefined, false, "center"];
2
2
  export type tVerticalContentAlignProps = (typeof verticalContentAlignProps)[number];
3
3
  export { verticalContentAlignProps };
@@ -1,3 +1,3 @@
1
- declare const verticalResizeModeProps: readonly [undefined, "fixed", "hug", "fill"];
1
+ declare const verticalResizeModeProps: readonly [undefined, false, "fixed", "hug", "fill"];
2
2
  export type tVerticalResizeModeProps = (typeof verticalResizeModeProps)[number];
3
3
  export { verticalResizeModeProps };
@@ -1,3 +1,3 @@
1
- declare const widthProps: readonly ["auto", "fixed", "hug", "fill"];
1
+ declare const widthProps: readonly [undefined, false, "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, "wrap", "no-wrap", "nowrap", "wrap-reverse"];
1
+ declare const wrapProps: readonly [undefined, false, "wrap", "no-wrap", "nowrap", "wrap-reverse"];
2
2
  export type tWrapProps = (typeof wrapProps)[number];
3
3
  export { wrapProps };
@@ -5,10 +5,8 @@ export * from './componentProps/borderColor';
5
5
  export * from './componentProps/borderColorHover';
6
6
  export * from './componentProps/borderType';
7
7
  export * from './componentProps/borderWidth';
8
- export * from './componentProps/captionPosition';
9
8
  export * from './componentProps/direction';
10
9
  export * from './componentProps/elevation';
11
- export * from './componentProps/emojiSize';
12
10
  export * from './componentProps/fill';
13
11
  export * from './componentProps/fillGradient';
14
12
  export * from './componentProps/fillHover';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui",
3
- "version": "1.4.1",
3
+ "version": "1.4.5",
4
4
  "description": "UI components (Modal, Loader, Popup, etc)",
5
5
  "keywords": [
6
6
  "Modal",
@@ -91,20 +91,20 @@
91
91
  },
92
92
  "dependencies": {
93
93
  "@emotion/is-prop-valid": "^1.3.1",
94
- "@itcase/common": "^1.2.21",
94
+ "@itcase/common": "^1.2.22",
95
95
  "@itcase/config": "^1.0.26",
96
- "@itcase/icons": "^1.0.28",
97
- "@itcase/storybook-config": "^1.0.63",
96
+ "@itcase/icons": "^1.0.29",
97
+ "@itcase/storybook-config": "^1.1.3",
98
98
  "clsx": "^2.1.1",
99
99
  "date-fns": "^4.1.0",
100
- "framer-motion": "^12.6.3",
100
+ "framer-motion": "^12.6.4",
101
101
  "js-cookie": "^3.0.5",
102
102
  "lodash": "^4.17.21",
103
- "motion": "^12.6.3",
103
+ "motion": "^12.6.4",
104
104
  "rc-slider": "^11.1.8",
105
105
  "react": "^18.3.1",
106
106
  "react-dadata": "^2.27.4",
107
- "react-datepicker": "^8.2.1",
107
+ "react-datepicker": "^8.3.0",
108
108
  "react-dom": "^18.3.1",
109
109
  "react-indiana-drag-scroll": "^3.0.3-alpha",
110
110
  "react-inlinesvg": "^4.2.0",
@@ -125,7 +125,7 @@
125
125
  "@babel/preset-react": "^7.26.3",
126
126
  "@commitlint/cli": "^19.8.0",
127
127
  "@commitlint/config-conventional": "^19.8.0",
128
- "@itcase/lint": "^1.1.2",
128
+ "@itcase/lint": "^1.1.4",
129
129
  "@rollup/plugin-babel": "^6.0.4",
130
130
  "@rollup/plugin-commonjs": "^28.0.3",
131
131
  "@rollup/plugin-image": "^3.0.3",
@@ -149,10 +149,10 @@
149
149
  "babel-plugin-react-docgen": "^4.2.1",
150
150
  "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
151
151
  "conventional-changelog-conventionalcommits": "^8.0.0",
152
- "eslint": "9.23.0",
152
+ "eslint": "9.24.0",
153
153
  "husky": "^9.1.7",
154
154
  "lint-staged": "^15.5.0",
155
- "npm": "^11.2.0",
155
+ "npm": "^11.3.0",
156
156
  "postcss": "^8.5.3",
157
157
  "prettier": "^3.5.3",
158
158
  "react-docgen-typescript": "^2.2.2",
@@ -164,8 +164,8 @@
164
164
  "rollup-preserve-directives": "^1.1.3",
165
165
  "semantic-release": "^24.2.3",
166
166
  "storybook": "^8.6.12",
167
- "stylelint": "^16.17.0",
168
- "typescript": "^5.8.2"
167
+ "stylelint": "^16.18.0",
168
+ "typescript": "^5.8.3"
169
169
  },
170
170
  "msw": {
171
171
  "workerDirectory": [
@@ -1,40 +0,0 @@
1
- import { jsx, jsxs } from 'react/jsx-runtime';
2
- import React from 'react';
3
- import clsx from 'clsx';
4
- import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
5
- import { useStyles } from './hooks/useStyles/useStyles.js';
6
- import { a as Link } from './Link-BhJ5BdyS.js';
7
- import { T as Text } from './Text-C6NSmetx.js';
8
-
9
- var menuItemAppearance = {
10
- any: {
11
- fill: 'surfacePrimary',
12
- textColor: 'surfaceTextPrimary',
13
- textColorActive: 'surfaceTextAccent',
14
- textColorHover: 'surfaceTextAccent',
15
- },
16
- };
17
-
18
- var menuItemConfig = {
19
- appearance: menuItemAppearance,
20
- setAppearance: function (newComponent) {
21
- menuItemConfig.appearance = newComponent;
22
- },
23
- };
24
- function MenuItem(props) {
25
- var children = props.children, isActive = props.isActive, isHover = props.isHover, after = props.after, appearance = props.appearance, before = props.before, className = props.className, desc = props.desc, descTextColor = props.descTextColor, descTextColorHover = props.descTextColorHover, descTextGradient = props.descTextGradient, descTextSize = props.descTextSize, descTextStyle = props.descTextStyle, descTextWeight = props.descTextWeight, descTextWrap = props.descTextWrap, href = props.href, label = props.label, link = props.link, linkFill = props.linkFill, rel = props.rel, set = props.set, target = props.target, textColor = props.textColor, textColorActive = props.textColorActive, textColorHover = props.textColorHover, textGradient = props.textGradient, textSize = props.textSize, textStyle = props.textStyle, textWeight = props.textWeight, textWrap = props.textWrap, underline = props.underline, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
26
- // @ts-expect-error
27
- var appearanceConfig = menuItemConfig.appearance && menuItemConfig.appearance[appearance];
28
- var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
29
- var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, directionClass = propsGenerator.directionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, justifyContentClass = propsGenerator.justifyContentClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass;
30
- // @ts-expect-error
31
- var menuItem = useStyles(props).styles;
32
- return (jsx("div", { className: clsx('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass && "menu-item_direction_".concat(directionClass), className, sizeClass && "menu-item_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), fillActiveClass && "fill_active_".concat(fillActiveClass), fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), shapeClass && "menu-item_shape_".concat(shapeClass), typeClass && "menu-item_type_".concat(typeClass), widthClass && "width_".concat(widthClass), set && "menu-item_set_".concat(set), justifyContentClass && "menu-item_justify-content_".concat(justifyContentClass)), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsx(Link, { className: clsx('menu-item__label', alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass)), fill: linkFill, href: link || href, rel: rel, target: target, underline: underline, children: jsxs(React.Fragment, { children: [before, children || (jsxs(React.Fragment, { children: [label && (jsx(Text, { className: "menu-item__label", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textColorGradient: textGradient, textColorHover: textColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorHover), textStyle: textStyle, textWeight: textWeight, textWrap: textWrap, textColorActive: isActive && (textColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorActive)), children: label })), desc && (jsx(Text, { className: "menu-item__desc", size: descTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextSize), textColor: descTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextColor), textColorGradient: descTextGradient, textColorHover: descTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextColorHover), textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }));
33
- }
34
- MenuItem.defaultProps = {
35
- direction: 'horizontal',
36
- LinkComponent: 'a',
37
- size: 'm',
38
- };
39
-
40
- export { MenuItem as M, menuItemAppearance as a, menuItemConfig as m };
@@ -1,44 +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 useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
7
- var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
8
- var Link = require('./Link-B38Hn4G2.js');
9
- var Text = require('./Text-C49zj3jO.js');
10
-
11
- var menuItemAppearance = {
12
- any: {
13
- fill: 'surfacePrimary',
14
- textColor: 'surfaceTextPrimary',
15
- textColorActive: 'surfaceTextAccent',
16
- textColorHover: 'surfaceTextAccent',
17
- },
18
- };
19
-
20
- var menuItemConfig = {
21
- appearance: menuItemAppearance,
22
- setAppearance: function (newComponent) {
23
- menuItemConfig.appearance = newComponent;
24
- },
25
- };
26
- function MenuItem(props) {
27
- var children = props.children, isActive = props.isActive, isHover = props.isHover, after = props.after, appearance = props.appearance, before = props.before, className = props.className, desc = props.desc, descTextColor = props.descTextColor, descTextColorHover = props.descTextColorHover, descTextGradient = props.descTextGradient, descTextSize = props.descTextSize, descTextStyle = props.descTextStyle, descTextWeight = props.descTextWeight, descTextWrap = props.descTextWrap, href = props.href, label = props.label, link = props.link, linkFill = props.linkFill, rel = props.rel, set = props.set, target = props.target, textColor = props.textColor, textColorActive = props.textColorActive, textColorHover = props.textColorHover, textGradient = props.textGradient, textSize = props.textSize, textStyle = props.textStyle, textWeight = props.textWeight, textWrap = props.textWrap, underline = props.underline, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
28
- // @ts-expect-error
29
- var appearanceConfig = menuItemConfig.appearance && menuItemConfig.appearance[appearance];
30
- var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
31
- var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, directionClass = propsGenerator.directionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, justifyContentClass = propsGenerator.justifyContentClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass;
32
- // @ts-expect-error
33
- var menuItem = useStyles.useStyles(props).styles;
34
- return (jsxRuntime.jsx("div", { className: clsx('menu-item', isActive && 'menu-item_state_active', isHover && 'menu-item_state_hover', directionClass && "menu-item_direction_".concat(directionClass), className, sizeClass && "menu-item_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), fillActiveClass && "fill_active_".concat(fillActiveClass), fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), shapeClass && "menu-item_shape_".concat(shapeClass), typeClass && "menu-item_type_".concat(typeClass), widthClass && "width_".concat(widthClass), set && "menu-item_set_".concat(set), justifyContentClass && "menu-item_justify-content_".concat(justifyContentClass)), style: menuItem, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxRuntime.jsx(Link.Link, { className: clsx('menu-item__label', alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass)), fill: linkFill, href: link || href, rel: rel, target: target, underline: underline, children: jsxRuntime.jsxs(React.Fragment, { children: [before, children || (jsxRuntime.jsxs(React.Fragment, { children: [label && (jsxRuntime.jsx(Text.Text, { className: "menu-item__label", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), textColorGradient: textGradient, textColorHover: textColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorHover), textStyle: textStyle, textWeight: textWeight, textWrap: textWrap, textColorActive: isActive && (textColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColorActive)), children: label })), desc && (jsxRuntime.jsx(Text.Text, { className: "menu-item__desc", size: descTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextSize), textColor: descTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextColor), textColorGradient: descTextGradient, textColorHover: descTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.descTextColorHover), textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, children: desc }))] })), after] }) }) }));
35
- }
36
- MenuItem.defaultProps = {
37
- direction: 'horizontal',
38
- LinkComponent: 'a',
39
- size: 'm',
40
- };
41
-
42
- exports.MenuItem = MenuItem;
43
- exports.menuItemAppearance = menuItemAppearance;
44
- exports.menuItemConfig = menuItemConfig;
@@ -1,45 +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 useStyles = require('../hooks/useStyles/useStyles.js');
7
- var MenuItem = require('../../MenuItem-PJkuGghn.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('lodash/maxBy');
18
- require('../hooks/useStyles/styleAttributes.js');
19
- require('../../Link-B38Hn4G2.js');
20
- require('../../Text-C49zj3jO.js');
21
-
22
- var menuAppearance = {
23
- dev: {},
24
- };
25
-
26
- var menuConfig = {
27
- appearance: menuAppearance,
28
- setAppearance: function (newComponent) {
29
- menuConfig.appearance = newComponent;
30
- },
31
- };
32
- function Menu(props) {
33
- var className = props.className, type = props.type, appearance = props.appearance, children = props.children, items = props.items, before = props.before, after = props.after, onClickItem = props.onClickItem;
34
- var appearanceConfig = menuConfig.appearance && menuConfig.appearance[appearance];
35
- var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
36
- var _a = propsGenerator.directionClass, directionClass = _a === void 0 ? 'horizontal' : _a, flexGrowClass = propsGenerator.flexGrowClass, columnsClass = propsGenerator.columnsClass, widthClass = propsGenerator.widthClass;
37
- // @ts-expect-error
38
- var menuStyles = useStyles.useStyles(props).styles;
39
- return (jsxRuntime.jsx("div", { className: clsx(className, 'menu', directionClass && "menu_direction_".concat(directionClass), columnsClass && "menu_columns_".concat(columnsClass), type && "menu_type_".concat(type), flexGrowClass && "flex-grow_".concat(flexGrowClass), widthClass && "width_".concat(widthClass)), children: jsxRuntime.jsxs("div", { className: "menu__wrapper", style: menuStyles, children: [before, children ||
40
- (items === null || items === void 0 ? void 0 : items.map(function (item, i) { return (jsxRuntime.jsx(MenuItem.MenuItem, { label: item.label, onClick: onClickItem }, "menuItem_".concat(item.id || i))); })), after] }) }));
41
- }
42
-
43
- exports.Menu = Menu;
44
- exports.menuAppearance = menuAppearance;
45
- exports.menuConfig = menuConfig;
@@ -1,41 +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 { useStyles } from '../hooks/useStyles/useStyles.js';
5
- import { M as MenuItem } from '../MenuItem-Cjlnmfwh.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 'lodash/maxBy';
16
- import '../hooks/useStyles/styleAttributes.js';
17
- import '../Link-BhJ5BdyS.js';
18
- import '../Text-C6NSmetx.js';
19
-
20
- var menuAppearance = {
21
- dev: {},
22
- };
23
-
24
- var menuConfig = {
25
- appearance: menuAppearance,
26
- setAppearance: function (newComponent) {
27
- menuConfig.appearance = newComponent;
28
- },
29
- };
30
- function Menu(props) {
31
- var className = props.className, type = props.type, appearance = props.appearance, children = props.children, items = props.items, before = props.before, after = props.after, onClickItem = props.onClickItem;
32
- var appearanceConfig = menuConfig.appearance && menuConfig.appearance[appearance];
33
- var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
34
- var _a = propsGenerator.directionClass, directionClass = _a === void 0 ? 'horizontal' : _a, flexGrowClass = propsGenerator.flexGrowClass, columnsClass = propsGenerator.columnsClass, widthClass = propsGenerator.widthClass;
35
- // @ts-expect-error
36
- var menuStyles = useStyles(props).styles;
37
- return (jsx("div", { className: clsx(className, 'menu', directionClass && "menu_direction_".concat(directionClass), columnsClass && "menu_columns_".concat(columnsClass), type && "menu_type_".concat(type), flexGrowClass && "flex-grow_".concat(flexGrowClass), widthClass && "width_".concat(widthClass)), children: jsxs("div", { className: "menu__wrapper", style: menuStyles, children: [before, children ||
38
- (items === null || items === void 0 ? void 0 : items.map(function (item, i) { return (jsx(MenuItem, { label: item.label, onClick: onClickItem }, "menuItem_".concat(item.id || i))); })), after] }) }));
39
- }
40
-
41
- export { Menu, menuAppearance, menuConfig };