@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.
- package/dist/{Badge-C68XnlcL.js → Badge-BxT2_kz_.js} +1 -1
- package/dist/{Badge-C6SNRExV.js → Badge-DnWTbwXq.js} +1 -1
- package/dist/{Button-WZZpsxTk.js → Button-BiJZz4Bx.js} +9 -9
- package/dist/{Button-Bsrw4D7p.js → Button-xYLCmT3D.js} +9 -9
- package/dist/{DropdownItem-BiiEhR49.js → DropdownItem-NllzSt5M.js} +3 -3
- package/dist/{DropdownItem-g5jWbyJy.js → DropdownItem-mr__S8vt.js} +3 -3
- package/dist/{Group-DiMnEfge.js → Group-BICb8bYQ.js} +4 -6
- package/dist/{Group-Chtnas-J.js → Group-qq4Iisll.js} +4 -6
- package/dist/{Icon-GVGrUu_Z.js → Icon-BcBOnVKH.js} +4 -4
- package/dist/{Icon-htF_V35Y.js → Icon-OJ_3E3eM.js} +4 -4
- package/dist/{Input-COFdaiTe.js → Input-DHJIVk1z.js} +2 -2
- package/dist/{Input-Dwvk-poq.js → Input-DiFnIFT7.js} +2 -2
- package/dist/{Label-DF2a2Mlx.js → Label-D-LcvthP.js} +1 -1
- package/dist/{Label-I9WNpCXa.js → Label-y2hx5Q81.js} +1 -1
- package/dist/{Link-B38Hn4G2.js → Link-BnqN6ysn.js} +2 -2
- package/dist/{Link-BhJ5BdyS.js → Link-DaKqf1pb.js} +2 -2
- package/dist/{Loader-DpYaDhe9.js → Loader-DdKHrLnw.js} +3 -3
- package/dist/{Loader-D4_r7LML.js → Loader-VK3q7PBN.js} +3 -3
- package/dist/{Overlay-BKh07Vb2.js → Overlay-CZixnXZ6.js} +2 -2
- package/dist/{Overlay-DiCjwUv4.js → Overlay-Myen2mqz.js} +2 -2
- package/dist/Title-BLGDdlnX.js +55 -0
- package/dist/Title-Byi9vhDt.js +51 -0
- package/dist/{Tooltip-BYgzNVYI.js → Tooltip-5lQyt5-Y.js} +1 -1
- package/dist/{Tooltip-DpBQQoNo.js → Tooltip-DRta8lK_.js} +1 -1
- package/dist/cjs/components/Accordion.js +8 -8
- package/dist/cjs/components/Avatar.js +4 -4
- package/dist/cjs/components/Badge.js +5 -5
- package/dist/cjs/components/Breadcrumbs.js +4 -4
- package/dist/cjs/components/Button.js +7 -7
- package/dist/cjs/components/Cell.js +5 -5
- package/dist/cjs/components/Chips.js +60 -19
- package/dist/cjs/components/Choice.js +7 -7
- package/dist/cjs/components/Code.js +2 -2
- package/dist/cjs/components/CookiesWarning.js +8 -8
- package/dist/cjs/components/DadataHintField.js +1 -1
- package/dist/cjs/components/DatePicker.js +36 -11
- package/dist/cjs/components/Drawer.js +2 -2
- package/dist/cjs/components/Dropdown.js +2 -2
- package/dist/cjs/components/Group.js +1 -1
- package/dist/cjs/components/HeroTitle.js +2 -2
- package/dist/cjs/components/Icon.js +4 -4
- package/dist/cjs/components/Input.js +1 -1
- package/dist/cjs/components/InputMask.js +2 -2
- package/dist/cjs/components/InputPassword.js +6 -6
- package/dist/cjs/components/Label.js +3 -3
- package/dist/cjs/components/Link.js +1 -1
- package/dist/cjs/components/List.js +1 -1
- package/dist/cjs/components/Loader.js +1 -1
- package/dist/cjs/components/Logo.js +1 -1
- package/dist/cjs/components/MenuItem.js +3 -3
- package/dist/cjs/components/Modal.js +22 -14
- package/dist/cjs/components/Notification.js +2 -2
- package/dist/cjs/components/Overlay.js +1 -1
- package/dist/cjs/components/Pagination.js +7 -7
- package/dist/cjs/components/Panel.js +3 -3
- package/dist/cjs/components/Radio.js +2 -2
- package/dist/cjs/components/Response.js +7 -7
- package/dist/cjs/components/Search.js +6 -6
- package/dist/cjs/components/Segmented.js +13 -3
- package/dist/cjs/components/Select.js +8 -8
- package/dist/cjs/components/Swiper.js +1 -1
- package/dist/cjs/components/Switch.js +2 -2
- package/dist/cjs/components/Tab.js +5 -5
- package/dist/cjs/components/Textarea.js +2 -2
- package/dist/cjs/components/Tile.js +5 -5
- package/dist/cjs/components/Title.js +2 -2
- package/dist/cjs/components/Tooltip.js +2 -2
- package/dist/cjs/components/Video.js +5 -5
- package/dist/components/Accordion.js +8 -8
- package/dist/components/Avatar.js +4 -4
- package/dist/components/Badge.js +5 -5
- package/dist/components/Breadcrumbs.js +4 -4
- package/dist/components/Button.js +7 -7
- package/dist/components/Cell.js +5 -5
- package/dist/components/Chips.js +60 -19
- package/dist/components/Choice.js +7 -7
- package/dist/components/Code.js +2 -2
- package/dist/components/CookiesWarning.js +8 -8
- package/dist/components/DadataHintField.js +1 -1
- package/dist/components/DatePicker.js +36 -11
- package/dist/components/Drawer.js +2 -2
- package/dist/components/Dropdown.js +2 -2
- package/dist/components/Group.js +1 -1
- package/dist/components/HeroTitle.js +2 -2
- package/dist/components/Icon.js +4 -4
- package/dist/components/Input.js +1 -1
- package/dist/components/InputMask.js +2 -2
- package/dist/components/InputPassword.js +6 -6
- package/dist/components/Label.js +3 -3
- package/dist/components/Link.js +1 -1
- package/dist/components/List.js +1 -1
- package/dist/components/Loader.js +1 -1
- package/dist/components/Logo.js +1 -1
- package/dist/components/MenuItem.js +3 -3
- package/dist/components/Modal.js +22 -14
- package/dist/components/Notification.js +2 -2
- package/dist/components/Overlay.js +1 -1
- package/dist/components/Pagination.js +7 -7
- package/dist/components/Panel.js +3 -3
- package/dist/components/Radio.js +2 -2
- package/dist/components/Response.js +7 -7
- package/dist/components/Search.js +6 -6
- package/dist/components/Segmented.js +13 -3
- package/dist/components/Select.js +8 -8
- package/dist/components/Swiper.js +1 -1
- package/dist/components/Switch.js +2 -2
- package/dist/components/Tab.js +5 -5
- package/dist/components/Textarea.js +2 -2
- package/dist/components/Tile.js +5 -5
- package/dist/components/Title.js +2 -2
- package/dist/components/Tooltip.js +2 -2
- package/dist/components/Video.js +5 -5
- package/dist/css/components/Cell/Cell.css +14 -34
- package/dist/css/components/HeroTitle/HeroTitle.css +11 -13
- package/dist/css/components/Image/Image.css +11 -13
- package/dist/css/components/Loader/Loader.css +19 -0
- package/dist/css/components/Title/Title.css +11 -13
- package/dist/css/components/Tooltip/Tooltip.css +4 -4
- package/dist/css/styles/fill/fill.css +6 -6
- package/dist/css/styles/fill/fill_active.css +1 -1
- package/dist/css/styles/fill/fill_active_hover.css +4 -4
- package/dist/css/styles/fill/fill_disabled.css +8 -0
- package/dist/css/styles/text-color/text-color.css +4 -4
- package/dist/css/styles/text-color/text-color_disabled.css +13 -0
- package/dist/stories/Accordion.mdx +1 -1
- package/dist/stories/AccordionItem.mdx +1 -1
- package/dist/stories/Avatar.mdx +1 -1
- package/dist/stories/Badge.mdx +13 -0
- package/dist/stories/Button.mdx +12 -0
- package/dist/stories/Checkbox.mdx +12 -0
- package/dist/stories/Checkmark.mdx +10 -0
- package/dist/stories/Chips.mdx +37 -0
- package/dist/stories/Dev.mdx +3 -3
- package/dist/stories/{elevation.mdx → Elevation.mdx} +3 -3
- package/dist/stories/Label.mdx +11 -0
- package/dist/stories/Loader.mdx +11 -0
- package/dist/stories/Logo.mdx +10 -5
- package/dist/stories/Modal.mdx +15 -0
- package/dist/stories/Response.mdx +11 -0
- package/dist/stories/Tab.mdx +27 -0
- package/dist/stories/Tile.mdx +4 -12
- package/dist/stories/Title.mdx +1 -1
- package/dist/types/appearance/default/defaultAccent.d.ts +33 -0
- package/dist/types/appearance/default/defaultDanger.d.ts +33 -0
- package/dist/types/appearance/default/defaultDisabled.d.ts +33 -0
- package/dist/types/appearance/default/defaultError.d.ts +33 -0
- package/dist/types/appearance/default/defaultInfo.d.ts +33 -0
- package/dist/types/appearance/default/defaultPrimary.d.ts +33 -0
- package/dist/types/appearance/default/defaultSecondary.d.ts +33 -0
- package/dist/types/appearance/default/defaultSuccess.d.ts +33 -0
- package/dist/types/appearance/default/defaultSurface.d.ts +33 -0
- package/dist/types/appearance/default/defaultWarning.d.ts +33 -0
- package/dist/types/appearance/index.d.ts +11 -2
- package/dist/types/components/Avatar/Avatar.interface.d.ts +1 -1
- package/dist/types/components/Button/appearance/buttonInfo.d.ts +2 -2
- package/dist/types/components/Chips/appearance/chipsAccent.d.ts +9 -0
- package/dist/types/components/Chips/appearance/chipsDanger.d.ts +2 -0
- package/dist/types/components/Chips/appearance/chipsDisabled.d.ts +9 -0
- package/dist/types/components/Chips/appearance/chipsError.d.ts +2 -0
- package/dist/types/components/Chips/appearance/chipsInfo.d.ts +2 -0
- package/dist/types/components/Chips/appearance/chipsPrimary.d.ts +8 -0
- package/dist/types/components/Chips/appearance/chipsSecondary.d.ts +9 -0
- package/dist/types/components/Chips/appearance/chipsSize.d.ts +2 -0
- package/dist/types/components/Chips/appearance/chipsStyle.d.ts +2 -0
- package/dist/types/components/Chips/appearance/chipsSuccess.d.ts +2 -0
- package/dist/types/components/Chips/appearance/chipsSurface.d.ts +21 -0
- package/dist/types/components/Chips/appearance/chipsWarning.d.ts +2 -0
- package/dist/types/components/Grid/stories/args.d.ts +5 -5
- package/dist/types/components/Group/stories/args.d.ts +5 -5
- package/dist/types/components/Modal/Modal.appearance.d.ts +2 -2
- package/dist/types/components/Modal/Modal.interface.d.ts +3 -3
- package/dist/types/components/Modal/appearance/modalSurface.d.ts +7 -0
- package/dist/types/components/Tab/stories/args.d.ts +17 -17
- package/dist/types/types/componentProps/align.d.ts +1 -1
- package/dist/types/types/componentProps/alignDirection.d.ts +1 -1
- package/dist/types/types/componentProps/alignment.d.ts +1 -1
- package/dist/types/types/componentProps/borderColor.d.ts +1 -1
- package/dist/types/types/componentProps/borderColorHover.d.ts +1 -1
- package/dist/types/types/componentProps/borderType.d.ts +1 -1
- package/dist/types/types/componentProps/borderWidth.d.ts +1 -1
- package/dist/types/types/componentProps/direction.d.ts +1 -1
- package/dist/types/types/componentProps/elevation.d.ts +1 -1
- package/dist/types/types/componentProps/fill.d.ts +1 -1
- package/dist/types/types/componentProps/fillGradient.d.ts +1 -1
- package/dist/types/types/componentProps/fillHover.d.ts +1 -1
- package/dist/types/types/componentProps/fillType.d.ts +1 -1
- package/dist/types/types/componentProps/flexAlign.d.ts +1 -1
- package/dist/types/types/componentProps/flexGrow.d.ts +1 -1
- package/dist/types/types/componentProps/flexJustifyContent.d.ts +1 -1
- package/dist/types/types/componentProps/flexWrap.d.ts +1 -1
- package/dist/types/types/componentProps/gridAlign.d.ts +1 -1
- package/dist/types/types/componentProps/gridAlignSelf.d.ts +1 -1
- package/dist/types/types/componentProps/gridJustifyItems.d.ts +1 -1
- package/dist/types/types/componentProps/gridJustifySelf.d.ts +1 -1
- package/dist/types/types/componentProps/height.d.ts +1 -1
- package/dist/types/types/componentProps/horizontalResizeMode.d.ts +1 -1
- package/dist/types/types/componentProps/iconFillSize.d.ts +1 -1
- package/dist/types/types/componentProps/iconSize.d.ts +1 -1
- package/dist/types/types/componentProps/itemColor.d.ts +1 -1
- package/dist/types/types/componentProps/justifyContent.d.ts +1 -1
- package/dist/types/types/componentProps/overflow.d.ts +1 -1
- package/dist/types/types/componentProps/position.d.ts +1 -1
- package/dist/types/types/componentProps/resizeMode.d.ts +1 -1
- package/dist/types/types/componentProps/shape.d.ts +1 -1
- package/dist/types/types/componentProps/size.d.ts +1 -1
- package/dist/types/types/componentProps/sizeOption.d.ts +1 -1
- package/dist/types/types/componentProps/sizePX.d.ts +1 -1
- package/dist/types/types/componentProps/state.d.ts +1 -1
- package/dist/types/types/componentProps/svgFill.d.ts +1 -1
- package/dist/types/types/componentProps/textAlign.d.ts +1 -1
- package/dist/types/types/componentProps/textColor.d.ts +1 -1
- package/dist/types/types/componentProps/textColorActive.d.ts +1 -1
- package/dist/types/types/componentProps/textColorHover.d.ts +1 -1
- package/dist/types/types/componentProps/textGradient.d.ts +1 -1
- package/dist/types/types/componentProps/textSize.d.ts +1 -1
- package/dist/types/types/componentProps/textStyle.d.ts +1 -1
- package/dist/types/types/componentProps/textTag.d.ts +1 -1
- package/dist/types/types/componentProps/textWeight.d.ts +1 -1
- package/dist/types/types/componentProps/textWrap.d.ts +1 -1
- package/dist/types/types/componentProps/titleSize.d.ts +2 -2
- package/dist/types/types/componentProps/type.d.ts +1 -1
- package/dist/types/types/componentProps/underline.d.ts +1 -1
- package/dist/types/types/componentProps/verticalContentAlign.d.ts +1 -1
- package/dist/types/types/componentProps/verticalResizeMode.d.ts +1 -1
- package/dist/types/types/componentProps/width.d.ts +1 -1
- package/dist/types/types/componentProps/wrap.d.ts +1 -1
- package/package.json +17 -12
- package/dist/Title-BWWyRwLY.js +0 -52
- package/dist/Title-Dck3eHNM.js +0 -48
- package/dist/cjs/components/Card.js +0 -28
- package/dist/components/Card.js +0 -26
- package/dist/css/components/Card/Card.css +0 -18
- package/dist/css/tokens/colors.css +0 -126
- package/dist/css/tokens/elevation.css +0 -10
- package/dist/css/tokens/settings.css +0 -31
- package/dist/css/tokens/typography.css +0 -130
- package/dist/stories/Appearance.mdx +0 -35
- package/dist/stories/Group.mdx +0 -9
- package/dist/stories/Size.mdx +0 -35
- package/dist/stories/Skeleton.mdx +0 -9
- package/dist/stories/State.mdx +0 -19
- package/dist/types/components/Card/Card.d.ts +0 -3
- package/dist/types/components/Card/Card.interface.d.ts +0 -30
- package/dist/types/components/Card/index.d.ts +0 -1
- package/dist/types/components/Flex/stories/args.d.ts +0 -80
- /package/dist/stories/{colors.mdx → Colors.mdx} +0 -0
- /package/dist/stories/{mixin_animation.mdx → MixinAnimation.mdx} +0 -0
- /package/dist/stories/{mixin_dark-light.mdx → MixinDarkLight.mdx} +0 -0
- /package/dist/stories/{mixin_elevation.mdx → MixinElevation.mdx} +0 -0
- /package/dist/stories/{mixin_fill-gradient.mdx → MixinFillGradient.mdx} +0 -0
- /package/dist/stories/{mixin_typography.mdx → MixinTypography.mdx} +0 -0
- /package/dist/stories/{mixin_utils.mdx → MixinUtils.mdx} +0 -0
- /package/dist/stories/{settings.mdx → Settings.mdx} +0 -0
- /package/dist/stories/{typography.mdx → Typography.mdx} +0 -0
- /package/dist/types/appearance/{defaultAppearance.d.ts → default/defaultAppearance.d.ts} +0 -0
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const flexAlignProps: readonly [
|
|
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 flexJustifyContentProps: readonly [
|
|
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 gridAlignProps: readonly [
|
|
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 [
|
|
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 [
|
|
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 [
|
|
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 horizontalResizeModeProps: readonly [
|
|
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 [
|
|
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 [
|
|
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 [
|
|
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 [
|
|
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 positionProps: readonly [
|
|
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 [
|
|
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 sizeOptionProps: readonly [
|
|
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 [
|
|
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 [
|
|
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 [
|
|
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 textColorProps: readonly [
|
|
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 [
|
|
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 [
|
|
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 [
|
|
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 textWeightProps: readonly [
|
|
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,5 +1,5 @@
|
|
|
1
|
-
declare const titleSizeHeadingProps: readonly [
|
|
2
|
-
declare const titleSizeProps: readonly [
|
|
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 [
|
|
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 verticalResizeModeProps: readonly [
|
|
1
|
+
declare const verticalResizeModeProps: readonly ["fixed", "hug", "fill"];
|
|
2
2
|
export type tVerticalResizeModeProps = (typeof verticalResizeModeProps)[number];
|
|
3
3
|
export { verticalResizeModeProps };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui",
|
|
3
|
-
"version": "1.4.
|
|
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.
|
|
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
|
-
"
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
}
|
package/dist/Title-BWWyRwLY.js
DELETED
|
@@ -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;
|
package/dist/Title-Dck3eHNM.js
DELETED
|
@@ -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;
|
package/dist/components/Card.js
DELETED
|
@@ -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
|
-
}
|