@itcase/ui 1.8.60 → 1.8.62
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/{Avatar_cjs_-cKfA1OW.js → Avatar_cjs_g8d8LDkU.js} +3 -3
- package/dist/{Avatar_es_CSKFNChm.js → Avatar_es_DbH5Le9j.js} +3 -3
- package/dist/{Button_cjs_DnkftkHE.js → Button_cjs_BMCGsGKK.js} +12 -12
- package/dist/{Button_es_kqE4jwUz.js → Button_es_CvkdyDHz.js} +12 -12
- package/dist/{ChipsGroup_cjs_CymyJ6SH.js → ChipsGroup_cjs_BALOkFuT.js} +41 -8
- package/dist/{ChipsGroup_es_BVXA2F8b.js → ChipsGroup_es_BIDq4idr.js} +41 -8
- package/dist/{DatePicker_cjs_DuPePxS9.js → DatePicker_cjs_EaIpF6cm.js} +4 -4
- package/dist/{DatePicker_es_B84xipuO.js → DatePicker_es_Cq2jJkv0.js} +4 -4
- package/dist/{DropdownItem_cjs_DdjN_gRH.js → DropdownItem_cjs_DyjqXle_.js} +2 -2
- package/dist/{DropdownItem_es_DfEoMbef.js → DropdownItem_es_DHKJHW8q.js} +2 -2
- package/dist/{Group_cjs_DHNBxjH3.js → Group_cjs_D4QLNgcC.js} +2 -2
- package/dist/{Group_es_B2yGEJfj.js → Group_es_CruwH8Al.js} +2 -2
- package/dist/{Icon_cjs_O7ILYzgW.js → Icon_cjs_BsACgdjJ.js} +3 -3
- package/dist/{Icon_es_BGR9vYtq.js → Icon_es_CoIszJbl.js} +3 -3
- package/dist/{Image_cjs_2zEjohYE.js → Image_cjs_B6YlGx8G.js} +2 -2
- package/dist/{Image_es_ChF-63wh.js → Image_es_BvYo_cHH.js} +2 -2
- package/dist/{Label_cjs_eQIgvtt7.js → Label_cjs_QJ0WLQXG.js} +3 -3
- package/dist/{Label_es_BQDu9dwH.js → Label_es_WH-qJKvj.js} +3 -3
- package/dist/{Loader_cjs_DXJ1zsFJ.js → Loader_cjs_DlnM5Vzb.js} +16 -2
- package/dist/{Loader_es_D_NFpg8C.js → Loader_es_DhNCKZ8Y.js} +16 -2
- package/dist/{Overlay_cjs_BMrkRg7M.js → Overlay_cjs_B2KA85nC.js} +1 -1
- package/dist/{Overlay_es_D_izIIUB.js → Overlay_es_BvehRqIP.js} +1 -1
- package/dist/{Text_cjs_C-Ux7Tz5.js → Text_cjs_B8nNXWBA.js} +1 -1
- package/dist/{Text_es_BdFAdf7M.js → Text_es_BvmOR4nv.js} +1 -1
- package/dist/cjs/components/Accordion.js +2 -2
- package/dist/cjs/components/Avatar.js +4 -4
- package/dist/cjs/components/AvatarStack.js +5 -5
- package/dist/cjs/components/Badge.js +2 -2
- package/dist/cjs/components/Breadcrumbs.js +2 -2
- package/dist/cjs/components/Button.js +4 -4
- package/dist/cjs/components/Cell.js +15 -3
- package/dist/cjs/components/Checkbox.js +1 -1
- package/dist/cjs/components/Chips.js +3 -3
- package/dist/cjs/components/Choice.js +4 -4
- package/dist/cjs/components/CookiesWarning.js +4 -4
- package/dist/cjs/components/DatePeriod.js +7 -7
- package/dist/cjs/components/DatePicker.js +6 -6
- package/dist/cjs/components/Drawer.js +4 -4
- package/dist/cjs/components/Dropdown.js +3 -3
- package/dist/cjs/components/Flex.js +2 -2
- package/dist/cjs/components/Grid.js +3 -3
- package/dist/cjs/components/Group.js +1 -1
- package/dist/cjs/components/HTMLContent.js +1 -1
- package/dist/cjs/components/HeroTitle.js +3 -3
- package/dist/cjs/components/Icon.js +2 -2
- package/dist/cjs/components/Image.js +1 -1
- package/dist/cjs/components/InputPassword.js +2 -2
- package/dist/cjs/components/Label.js +3 -3
- package/dist/cjs/components/Loader.js +2 -2
- package/dist/cjs/components/MenuItem.js +2 -2
- package/dist/cjs/components/Modal.js +5 -5
- package/dist/cjs/components/ModalSheetBottom.js +1 -1
- package/dist/cjs/components/Notification.js +3 -3
- package/dist/cjs/components/Overlay.js +1 -1
- package/dist/cjs/components/Pagination.js +4 -4
- package/dist/cjs/components/Radio.js +1 -1
- package/dist/cjs/components/Response/img.js +4 -4
- package/dist/cjs/components/Response.js +12 -8
- package/dist/cjs/components/Search.js +3 -3
- package/dist/cjs/components/Segmented.js +2 -2
- package/dist/cjs/components/Select.js +3 -3
- package/dist/cjs/components/Swiper.js +2 -2
- package/dist/cjs/components/Switch.js +1 -1
- package/dist/cjs/components/Tab.js +4 -4
- package/dist/cjs/components/Text.js +1 -1
- package/dist/cjs/components/Tile.js +3 -3
- package/dist/cjs/components/Title.js +2 -2
- package/dist/cjs/components/Tooltip.js +2 -2
- package/dist/cjs/components/Warning.js +2 -2
- package/dist/components/Accordion.js +2 -2
- package/dist/components/Avatar.js +4 -4
- package/dist/components/AvatarStack.js +5 -5
- package/dist/components/Badge.js +2 -2
- package/dist/components/Breadcrumbs.js +2 -2
- package/dist/components/Button.js +4 -4
- package/dist/components/Cell.js +15 -3
- package/dist/components/Checkbox.js +1 -1
- package/dist/components/Chips.js +3 -3
- package/dist/components/Choice.js +4 -4
- package/dist/components/CookiesWarning.js +4 -4
- package/dist/components/DatePeriod.js +7 -7
- package/dist/components/DatePicker.js +6 -6
- package/dist/components/Drawer.js +4 -4
- package/dist/components/Dropdown.js +3 -3
- package/dist/components/Flex.js +2 -2
- package/dist/components/Grid.js +3 -3
- package/dist/components/Group.js +1 -1
- package/dist/components/HTMLContent.js +1 -1
- package/dist/components/HeroTitle.js +3 -3
- package/dist/components/Icon.js +2 -2
- package/dist/components/Image.js +1 -1
- package/dist/components/InputPassword.js +2 -2
- package/dist/components/Label.js +3 -3
- package/dist/components/Loader.js +2 -2
- package/dist/components/MenuItem.js +2 -2
- package/dist/components/Modal.js +5 -5
- package/dist/components/ModalSheetBottom.js +1 -1
- package/dist/components/Notification.js +3 -3
- package/dist/components/Overlay.js +1 -1
- package/dist/components/Pagination.js +4 -4
- package/dist/components/Radio.js +1 -1
- package/dist/components/Response/img.js +4 -4
- package/dist/components/Response.js +11 -8
- package/dist/components/Search.js +3 -3
- package/dist/components/Segmented.js +2 -2
- package/dist/components/Select.js +3 -3
- package/dist/components/Swiper.js +2 -2
- package/dist/components/Switch.js +1 -1
- package/dist/components/Tab.js +4 -4
- package/dist/components/Text.js +1 -1
- package/dist/components/Tile.js +3 -3
- package/dist/components/Title.js +2 -2
- package/dist/components/Tooltip.js +2 -2
- package/dist/components/Warning.js +2 -2
- package/dist/css/components/Chips/Chips.css +0 -20
- package/dist/css/components/ScrollOnDrag/ScrollOnDrag.css +3 -4
- package/dist/css/components/Select/Select.css +1 -1
- package/dist/types/components/Button/appearance/buttonStyle.d.ts +4 -4
- package/dist/types/components/Cell/appearance/cellSurface.d.ts +12 -0
- package/dist/types/components/Chips/appearance/chipsShape.d.ts +25 -0
- package/dist/types/components/Chips/appearance/chipsSurface.d.ts +8 -0
- package/dist/types/components/Loader/appearance/loaderStyle.d.ts +14 -0
- package/dist/types/components/Response/appearance/responceConfirm.d.ts +2 -0
- package/dist/types/components/Response/appearance/responseSuccess.d.ts +2 -2
- package/dist/types/components/Response/img/index.d.ts +4 -4
- package/dist/types/components/Response/index.d.ts +4 -2
- package/package.json +5 -5
package/dist/components/Grid.js
CHANGED
|
@@ -23,7 +23,7 @@ function Grid(props) {
|
|
|
23
23
|
var justifyContentClass = propsGenerator.justifyContentClass, justifyItemsClass = propsGenerator.justifyItemsClass, alignContentClass = propsGenerator.alignContentClass, alignItemsClass = propsGenerator.alignItemsClass, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, columnGapClass = propsGenerator.columnGapClass, columnsClass = propsGenerator.columnsClass, heightClass = propsGenerator.heightClass, rowGapClass = propsGenerator.rowGapClass, rowsClass = propsGenerator.rowsClass, widthClass = propsGenerator.widthClass;
|
|
24
24
|
// @ts-expect-error
|
|
25
25
|
var gridStyles = useStyles(props).styles;
|
|
26
|
-
return (jsxs(Tag, { id: id, className: clsx(className, 'grid', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), useGridSystem && "grid_state_system", horizontalScroll && "grid_scroll_horizontal", type && "grid_type_".concat(type), columnsClass && "grid_columns_".concat(columnsClass), rowsClass && "grid_rows_".concat(rowsClass), rowGapClass && "grid_row-gap_".concat(rowGapClass), columnGapClass && "grid_column-gap_".concat(columnGapClass), alignContentClass && "grid_align-content_".concat(alignContentClass), alignItemsClass && "grid_align-items_".concat(alignItemsClass), borderColorClass && "border-color_".concat(borderColorClass), justifyContentClass && "grid_justify-content_".concat(justifyContentClass), justifyItemsClass && "grid_justify-items_".concat(justifyItemsClass), fillClass && "fill_".concat(fillClass), horizontalResizing && "grid_horizontal-resizing_".concat(horizontalResizing), verticalResizing && "grid_vertical-resizing_".concat(verticalResizing)),
|
|
26
|
+
return (jsxs(Tag, { id: id, className: clsx(className, 'grid', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), useGridSystem && "grid_state_system", horizontalScroll && "grid_scroll_horizontal", type && "grid_type_".concat(type), columnsClass && "grid_columns_".concat(columnsClass), rowsClass && "grid_rows_".concat(rowsClass), rowGapClass && "grid_row-gap_".concat(rowGapClass), columnGapClass && "grid_column-gap_".concat(columnGapClass), alignContentClass && "grid_align-content_".concat(alignContentClass), alignItemsClass && "grid_align-items_".concat(alignItemsClass), borderColorClass && "border-color_".concat(borderColorClass), justifyContentClass && "grid_justify-content_".concat(justifyContentClass), justifyItemsClass && "grid_justify-items_".concat(justifyItemsClass), fillClass && "fill_".concat(fillClass), horizontalResizing && "grid_horizontal-resizing_".concat(horizontalResizing), verticalResizing && "grid_vertical-resizing_".concat(verticalResizing)), dataTour: dataTour, style: gridStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before && jsx("div", { className: "grid__before", children: before }), children, after && jsx("div", { className: "grid__after", children: after })] }));
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
function GridItem(props) {
|
|
@@ -32,7 +32,7 @@ function GridItem(props) {
|
|
|
32
32
|
var directionClass = propsGenerator.directionClass, justifySelfClass = propsGenerator.justifySelfClass, alignSelfClass = propsGenerator.alignSelfClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, columnEndClass = propsGenerator.columnEndClass, columnGapClass = propsGenerator.columnGapClass, columnSpanClass = propsGenerator.columnSpanClass, columnStartClass = propsGenerator.columnStartClass, dataTestId = propsGenerator.dataTestId, dataTour = propsGenerator.dataTour, gapClass = propsGenerator.gapClass, heightClass = propsGenerator.heightClass, orderClass = propsGenerator.orderClass, rowEndClass = propsGenerator.rowEndClass, rowGapClass = propsGenerator.rowGapClass, rowSpanClass = propsGenerator.rowSpanClass, rowStartClass = propsGenerator.rowStartClass, widthClass = propsGenerator.widthClass;
|
|
33
33
|
// @ts-expect-error
|
|
34
34
|
var gridItemStyles = useStyles(props).styles;
|
|
35
|
-
return (jsx("div", { id: id, className: clsx(className, 'grid__item', orderClass && "order_".concat(orderClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), alignSelfClass && "grid__item_align-self_".concat(alignSelfClass), justifySelfClass && "grid__item_justify-self_".concat(justifySelfClass), columnStartClass && "grid__item_column-start_".concat(columnStartClass), columnEndClass && "grid__item_column-end_".concat(columnEndClass), columnSpanClass && "grid__item_column-span_".concat(columnSpanClass), rowStartClass && "grid__item_row-start_".concat(rowStartClass), rowEndClass && "grid__item_row-end_".concat(rowEndClass), rowSpanClass && "grid__item_row-span_".concat(rowSpanClass), directionClass && "direction_".concat(directionClass), gapClass && "gap_".concat(gapClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), rowGapClass && "row-gap_".concat(rowGapClass), columnGapClass && "column-gap_".concat(columnGapClass)),
|
|
35
|
+
return (jsx("div", { id: id, className: clsx(className, 'grid__item', orderClass && "order_".concat(orderClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), alignSelfClass && "grid__item_align-self_".concat(alignSelfClass), justifySelfClass && "grid__item_justify-self_".concat(justifySelfClass), columnStartClass && "grid__item_column-start_".concat(columnStartClass), columnEndClass && "grid__item_column-end_".concat(columnEndClass), columnSpanClass && "grid__item_column-span_".concat(columnSpanClass), rowStartClass && "grid__item_row-start_".concat(rowStartClass), rowEndClass && "grid__item_row-end_".concat(rowEndClass), rowSpanClass && "grid__item_row-span_".concat(rowSpanClass), directionClass && "direction_".concat(directionClass), gapClass && "gap_".concat(gapClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), rowGapClass && "row-gap_".concat(rowGapClass), columnGapClass && "column-gap_".concat(columnGapClass)), dataTestId: dataTestId, dataTour: dataTour, style: Object.assign({}, gridItemStyles, style), onClick: onClick, children: children }));
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
function GridRow(props) {
|
|
@@ -41,7 +41,7 @@ function GridRow(props) {
|
|
|
41
41
|
var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, heightClass = propsGenerator.heightClass, widthClass = propsGenerator.widthClass;
|
|
42
42
|
// @ts-expect-error
|
|
43
43
|
var gridRowStyles = useStyles(props).styles;
|
|
44
|
-
return (jsx(Tag, { id: id, className: clsx(className, 'grid__row', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderColorClass && "border-color_".concat(borderColorClass)),
|
|
44
|
+
return (jsx(Tag, { id: id, className: clsx(className, 'grid__row', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderColorClass && "border-color_".concat(borderColorClass)), dataTestId: dataTestId, dataTour: dataTour, htmlFor: htmlFor, style: gridRowStyles, onClick: onClick, children: children }));
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
export { Grid, GridItem, GridRow };
|
package/dist/components/Group.js
CHANGED
|
@@ -23,7 +23,7 @@ function HTMLContent(props) {
|
|
|
23
23
|
var directionClass = propsGenerator.directionClass, flexGrowClass = propsGenerator.flexGrowClass, justifyContentClass = propsGenerator.justifyContentClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textWeightClass = propsGenerator.textWeightClass, columnsClass = propsGenerator.columnsClass, elevationClass = propsGenerator.elevationClass, heightClass = propsGenerator.heightClass, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
|
|
24
24
|
// @ts-expect-error
|
|
25
25
|
var htmlContentStyles = useStyles(props).styles;
|
|
26
|
-
return (jsx("div", { className: clsx(className, 'html-content', alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), borderWidthClass && "border-width_".concat(borderWidthClass), columnsClass && "html-content_columns_".concat(columnsClass), directionClass && "html-content_direction_".concat(directionClass), elevationClass && "elevation_".concat(elevationClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), flexGrowClass && "flex-grow_".concat(flexGrowClass), heightClass && "height_".concat(heightClass), justifyContentClass && "justify-content_".concat(justifyContentClass), shapeClass && "html-content_shape_".concat(shapeClass), textColorClass && "text-color_".concat(textColorClass), textWeightClass && "text-weight_".concat(textWeightClass), wrapClass && "html-content_wrap_".concat(wrapClass), widthClass && "width_".concat(widthClass)), dangerouslySetInnerHTML: { __html: content },
|
|
26
|
+
return (jsx("div", { className: clsx(className, 'html-content', alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), borderWidthClass && "border-width_".concat(borderWidthClass), columnsClass && "html-content_columns_".concat(columnsClass), directionClass && "html-content_direction_".concat(directionClass), elevationClass && "elevation_".concat(elevationClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), flexGrowClass && "flex-grow_".concat(flexGrowClass), heightClass && "height_".concat(heightClass), justifyContentClass && "justify-content_".concat(justifyContentClass), shapeClass && "html-content_shape_".concat(shapeClass), textColorClass && "text-color_".concat(textColorClass), textWeightClass && "text-weight_".concat(textWeightClass), wrapClass && "html-content_wrap_".concat(wrapClass), widthClass && "width_".concat(widthClass)), dangerouslySetInnerHTML: { __html: content }, dataTour: dataTour, style: Object.assign({}, htmlContentStyles, style), onClick: onClick, children: children }));
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
export { HTMLContent };
|
|
@@ -4,7 +4,7 @@ import clsx from 'clsx';
|
|
|
4
4
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
5
5
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
6
6
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
7
|
-
import { I as Icon } from '../
|
|
7
|
+
import { I as Icon } from '../Icon_es_CoIszJbl.js';
|
|
8
8
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
9
9
|
import 'lodash/camelCase';
|
|
10
10
|
import 'lodash/castArray';
|
|
@@ -22,7 +22,7 @@ import 'react-inlinesvg';
|
|
|
22
22
|
import '../hoc/urlWithAssetPrefix.js';
|
|
23
23
|
import '../context/UrlAssetPrefix.js';
|
|
24
24
|
import '../Link_es_BnUIX0QT.js';
|
|
25
|
-
import '../
|
|
25
|
+
import '../Text_es_BvmOR4nv.js';
|
|
26
26
|
|
|
27
27
|
var heroTitleAppearanceSize = {
|
|
28
28
|
sizeH1: {
|
|
@@ -73,7 +73,7 @@ function HeroTitle(props) {
|
|
|
73
73
|
}
|
|
74
74
|
return size ? size : 'span';
|
|
75
75
|
}, [size, tag]);
|
|
76
|
-
return (jsxs(Tag, { className: clsx(className, 'heroTitle', fillClass && "fill_".concat(fillClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), size && "hero-title_size_".concat(size), directionClass && "hero-title_direction_".concat(directionClass), 'text', textColorClass && "text-color_".concat(textColorClass), textColorActiveClass && "text-color_active_".concat(textColorActiveClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), typeClass && "hero-title_type_".concat(typeClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), textWrap && "word-wrap_".concat(textWrap), isSkeleton && 'hero-title_skeleton'),
|
|
76
|
+
return (jsxs(Tag, { className: clsx(className, 'heroTitle', fillClass && "fill_".concat(fillClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), size && "hero-title_size_".concat(size), directionClass && "hero-title_direction_".concat(directionClass), 'text', textColorClass && "text-color_".concat(textColorClass), textColorActiveClass && "text-color_active_".concat(textColorActiveClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), typeClass && "hero-title_type_".concat(typeClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), textWrap && "word-wrap_".concat(textWrap), isSkeleton && 'hero-title_skeleton'), dataTestId: dataTestId, dataTour: dataTour, style: heroTitleStyles, onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass && "text-align_".concat(textAlignClass), wrapperDirectionClass &&
|
|
77
77
|
"hero-title-direction_".concat(wrapperDirectionClass), 'hero-title__wrapper', textTruncateClass && "text-truncate_".concat(textTruncateClass)), style: heroTitleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { className: clsx('title__icon_before', iconBadgeValue && 'title__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), beforeWrapper, children || text, afterWrapper, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: clsx('title__icon_after', iconBadgeValue && 'title__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }), after] }));
|
|
78
78
|
}
|
|
79
79
|
|
package/dist/components/Icon.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { I as Icon, e as iconAppearance, i as iconConfig } from '../
|
|
1
|
+
export { I as Icon, e as iconAppearance, i as iconConfig } from '../Icon_es_CoIszJbl.js';
|
|
2
2
|
import '../tslib.es6_es_Bwu1Cn-t.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'react';
|
|
@@ -22,4 +22,4 @@ import '../hooks/useStyles/useStyles.js';
|
|
|
22
22
|
import 'lodash/maxBy';
|
|
23
23
|
import '../hooks/useStyles/styleAttributes.js';
|
|
24
24
|
import '../Link_es_BnUIX0QT.js';
|
|
25
|
-
import '../
|
|
25
|
+
import '../Text_es_BvmOR4nv.js';
|
package/dist/components/Image.js
CHANGED
|
@@ -4,7 +4,7 @@ import { useState, useMemo, useCallback } from 'react';
|
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
6
6
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
7
|
-
import { I as Icon } from '../
|
|
7
|
+
import { I as Icon } from '../Icon_es_CoIszJbl.js';
|
|
8
8
|
import 'lodash/camelCase';
|
|
9
9
|
import 'lodash/castArray';
|
|
10
10
|
import 'lodash/upperFirst';
|
|
@@ -22,7 +22,7 @@ import '../hooks/useStyles/useStyles.js';
|
|
|
22
22
|
import 'lodash/maxBy';
|
|
23
23
|
import '../hooks/useStyles/styleAttributes.js';
|
|
24
24
|
import '../Link_es_BnUIX0QT.js';
|
|
25
|
-
import '../
|
|
25
|
+
import '../Text_es_BvmOR4nv.js';
|
|
26
26
|
|
|
27
27
|
var inputPasswordAppearanceDefault = {
|
|
28
28
|
defaultPrimary: {
|
package/dist/components/Label.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { L as Label, a as labelAppearance, l as labelConfig } from '../
|
|
1
|
+
export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_WH-qJKvj.js';
|
|
2
2
|
import 'react/jsx-runtime';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'clsx';
|
|
@@ -18,9 +18,9 @@ import '../utils/setViewportProperty.js';
|
|
|
18
18
|
import '../hooks/useStyles/useStyles.js';
|
|
19
19
|
import 'lodash/maxBy';
|
|
20
20
|
import '../hooks/useStyles/styleAttributes.js';
|
|
21
|
-
import '../
|
|
21
|
+
import '../Icon_es_CoIszJbl.js';
|
|
22
22
|
import 'react-inlinesvg';
|
|
23
23
|
import '../hoc/urlWithAssetPrefix.js';
|
|
24
24
|
import '../context/UrlAssetPrefix.js';
|
|
25
25
|
import '../Link_es_BnUIX0QT.js';
|
|
26
|
-
import '../
|
|
26
|
+
import '../Text_es_BvmOR4nv.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { L as Loader, a as loaderAppearance, l as loaderConfig } from '../
|
|
1
|
+
export { L as Loader, a as loaderAppearance, l as loaderConfig } from '../Loader_es_DhNCKZ8Y.js';
|
|
2
2
|
import 'react/jsx-runtime';
|
|
3
3
|
import 'clsx';
|
|
4
4
|
import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
@@ -18,4 +18,4 @@ import '../utils/setViewportProperty.js';
|
|
|
18
18
|
import '../hooks/useStyles/useStyles.js';
|
|
19
19
|
import 'lodash/maxBy';
|
|
20
20
|
import '../hooks/useStyles/styleAttributes.js';
|
|
21
|
-
import '../
|
|
21
|
+
import '../Text_es_BvmOR4nv.js';
|
|
@@ -4,9 +4,9 @@ import clsx from 'clsx';
|
|
|
4
4
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
5
5
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
6
6
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
7
|
-
import { I as Icon, T as Tooltip } from '../
|
|
7
|
+
import { I as Icon, T as Tooltip } from '../Icon_es_CoIszJbl.js';
|
|
8
8
|
import { L as Link } from '../Link_es_BnUIX0QT.js';
|
|
9
|
-
import { T as Text } from '../
|
|
9
|
+
import { T as Text } from '../Text_es_BvmOR4nv.js';
|
|
10
10
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
11
11
|
import 'lodash/camelCase';
|
|
12
12
|
import 'lodash/castArray';
|
package/dist/components/Modal.js
CHANGED
|
@@ -5,10 +5,10 @@ import ReactDOM from 'react-dom';
|
|
|
5
5
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
6
6
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
7
7
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
8
|
-
import { O as Overlay } from '../
|
|
9
|
-
import { b as Title } from '../
|
|
8
|
+
import { O as Overlay } from '../Overlay_es_BvehRqIP.js';
|
|
9
|
+
import { b as Title } from '../Icon_es_CoIszJbl.js';
|
|
10
10
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
11
|
-
import { L as Loader } from '../
|
|
11
|
+
import { L as Loader } from '../Loader_es_DhNCKZ8Y.js';
|
|
12
12
|
import 'lodash/camelCase';
|
|
13
13
|
import 'lodash/castArray';
|
|
14
14
|
import 'lodash/upperFirst';
|
|
@@ -25,7 +25,7 @@ import 'react-inlinesvg';
|
|
|
25
25
|
import '../hoc/urlWithAssetPrefix.js';
|
|
26
26
|
import '../context/UrlAssetPrefix.js';
|
|
27
27
|
import '../Link_es_BnUIX0QT.js';
|
|
28
|
-
import '../
|
|
28
|
+
import '../Text_es_BvmOR4nv.js';
|
|
29
29
|
|
|
30
30
|
var modalAppearanceSurface = {
|
|
31
31
|
surfacePrimary: {
|
|
@@ -155,7 +155,7 @@ var Modal = React.forwardRef(function Modal(props, ref) {
|
|
|
155
155
|
return (modalElement &&
|
|
156
156
|
ReactDOM.createPortal(
|
|
157
157
|
// Any valid React child: JSX, strings, arrays, etc.
|
|
158
|
-
isOpen ? (jsxs(React.Fragment, { children: [jsxs("div", { id: id, className: clsx('modal-content', contentClassName, fillClass && "fill_".concat(fillClass), shapeClass && "modal-shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), scroll && "modal-scroll_".concat(scroll), isSkeleton && 'modal_skeleton'),
|
|
158
|
+
isOpen ? (jsxs(React.Fragment, { children: [jsxs("div", { id: id, className: clsx('modal-content', contentClassName, fillClass && "fill_".concat(fillClass), shapeClass && "modal-shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), scroll && "modal-scroll_".concat(scroll), isSkeleton && 'modal_skeleton'), dataTestId: dataTestId, dataTour: dataTour, ref: modalContentRef, style: modalStyles, tabIndex: 0, onBlur: isCloseOnBlur ? closeModal : undefined, children: [title && (jsx(Title, { className: "modal-content__title", width: titleTextWidth, size: titleTextSize, textColor: titleTextColor, textColorHover: titleTextColorHover, textTruncate: titleTextTruncate, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), closeButton && (jsx("div", { className: "modal-content__close", onClick: closeModal, children: closeButton })), jsx("div", { className: "modal-content__wrapper", children: children })] }), jsx(Overlay, { className: clsx('modal__overlay', 'overlay_type_modal', overlayClassName),
|
|
159
159
|
// ref={modalOverlayRef}
|
|
160
160
|
fill: overlayFill, fillGradient: overlayFillGradient, opacity: overlayOpacity, isOverlay: isOverlay, onClick: onClickOverlay })] })) : null,
|
|
161
161
|
// A DOM element
|
|
@@ -39,7 +39,7 @@ var ModalSheetBottom = React.forwardRef(function Modal(props, ref) {
|
|
|
39
39
|
useImperativeHandle(ref, function () { return ({ openModalSheetBottom: openModalSheetBottom, closeModalSheetBottom: closeModalSheetBottom, isOpen: isOpen }); }, [isOpen, openModalSheetBottom, closeModalSheetBottom]);
|
|
40
40
|
// @ts-expect-error
|
|
41
41
|
var styles = useStyles(props).styles;
|
|
42
|
-
return (jsxs(Sheet, __assign({ className: "modal-sheet-bottom",
|
|
42
|
+
return (jsxs(Sheet, __assign({ className: "modal-sheet-bottom", dataTestId: dataTestId, dataTour: dataTour, isOpen: isOpen, onClose: closeModalSheetBottom }, props, { children: [jsxs(Sheet.Container, { className: "modal-sheet-bottom__container", style: styles, children: [closeButton ? (jsx("div", { className: "modal-sheet-bottom__header", children: jsx("div", { className: "modal-sheet-bottom__close", onClick: closeModalSheetBottom, children: closeButton }) })) : (jsx(Sheet.Header, { className: "modal-sheet-bottom__header" })), jsx(Sheet.Content, { className: "modal-sheet-bottom__content", children: children })] }), jsx(Sheet.Backdrop, { className: "modal-sheet-bottom__backdrop", onClick: closeModalSheetBottom })] })));
|
|
43
43
|
});
|
|
44
44
|
|
|
45
45
|
export { ModalSheetBottom, modalSheetBottomAppearance };
|
|
@@ -3,8 +3,8 @@ import clsx from 'clsx';
|
|
|
3
3
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
4
4
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
5
5
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
6
|
-
import { I as Icon } from '../
|
|
7
|
-
import { T as Text } from '../
|
|
6
|
+
import { I as Icon } from '../Icon_es_CoIszJbl.js';
|
|
7
|
+
import { T as Text } from '../Text_es_BvmOR4nv.js';
|
|
8
8
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
9
9
|
import { icons20 } from '@itcase/icons/default';
|
|
10
10
|
import { useNotifications, useNotificationsAPI } from '../context/Notifications.js';
|
|
@@ -136,7 +136,7 @@ function Notification(props) {
|
|
|
136
136
|
var fillClass = propsGenerator.fillClass, titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize, elevationClass = propsGenerator.elevationClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass, closeIcon = propsGenerator.closeIcon, closeIconFill = propsGenerator.closeIconFill, closeIconFillIcon = propsGenerator.closeIconFillIcon, closeIconFillSize = propsGenerator.closeIconFillSize, closeIconShape = propsGenerator.closeIconShape, closeIconSize = propsGenerator.closeIconSize, closeIconSrc = propsGenerator.closeIconSrc;
|
|
137
137
|
// @ts-expect-error
|
|
138
138
|
var notificationStyles = useStyles(props).styles;
|
|
139
|
-
return (jsxs("div", { className: clsx('notification__item', elevationClass && "elevation_".concat(elevationClass), sizeClass && "notification__item_set_".concat(sizeClass), widthClass && "width_".concat(widthClass), fillClass && "fill_".concat(fillClass), isSkeleton && "notification__item_skeleton"),
|
|
139
|
+
return (jsxs("div", { className: clsx('notification__item', elevationClass && "elevation_".concat(elevationClass), sizeClass && "notification__item_set_".concat(sizeClass), widthClass && "width_".concat(widthClass), fillClass && "fill_".concat(fillClass), isSkeleton && "notification__item_skeleton"), dataTestId: dataTestId, dataTour: dataTour, style: notificationStyles, children: [before, jsxs("div", { className: clsx(className, 'notification__item-wrapper'), children: [title && (jsx(Text, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor, children: title })), desc && (jsx(Text, { className: "notification__item-text", size: descTextSize, textColor: descTextColor, children: desc })), close && (closeIcon || closeIconSrc) && (jsx(Icon, { className: clsx('notification__item-close', 'cursor_type_pointer'), fill: closeIconFill, fillSize: closeIconFillSize, iconFill: closeIconFillIcon, iconSize: closeIconSize, imageSrc: closeIconSrc, shape: closeIconShape, SvgImage: closeIcon, onClick: function () { return onClickClose && onClickClose(id); } }))] }), after] }));
|
|
140
140
|
}
|
|
141
141
|
|
|
142
142
|
function NotificationWrapper(props) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { O as Overlay, a as overlayAppearance, o as overlayConfig } from '../
|
|
1
|
+
export { O as Overlay, a as overlayAppearance, o as overlayConfig } from '../Overlay_es_BvehRqIP.js';
|
|
2
2
|
import 'react/jsx-runtime';
|
|
3
3
|
import 'clsx';
|
|
4
4
|
import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
@@ -6,9 +6,9 @@ import ReactPaginate from 'react-paginate';
|
|
|
6
6
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
7
7
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
8
8
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
9
|
-
import { D as Dropdown, a as DropdownItem } from '../
|
|
10
|
-
import { I as Icon } from '../
|
|
11
|
-
import { T as Text } from '../
|
|
9
|
+
import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_DHKJHW8q.js';
|
|
10
|
+
import { I as Icon } from '../Icon_es_CoIszJbl.js';
|
|
11
|
+
import { T as Text } from '../Text_es_BvmOR4nv.js';
|
|
12
12
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
13
13
|
import { icons14, icons24, icons16 } from '@itcase/icons/default';
|
|
14
14
|
import 'lodash/camelCase';
|
|
@@ -261,7 +261,7 @@ function Pagination(props) {
|
|
|
261
261
|
var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
262
262
|
var justifyContentClass = propsGenerator.justifyContentClass, fillActiveClass = propsGenerator.fillActiveClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, fillInputClass = propsGenerator.fillInputClass, fillInputHoverClass = propsGenerator.fillInputHoverClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, builderIcon = propsGenerator.builderIcon, builderIconFill = propsGenerator.builderIconFill, builderIconFillIcon = propsGenerator.builderIconFillIcon, builderIconFillSize = propsGenerator.builderIconFillSize, builderIconSize = propsGenerator.builderIconSize, marginPagesDisplayed = propsGenerator.marginPagesDisplayed, nextIcon = propsGenerator.nextIcon, nextIconFill = propsGenerator.nextIconFill, nextIconFillIcon = propsGenerator.nextIconFillIcon, nextIconFillSize = propsGenerator.nextIconFillSize, nextIconSize = propsGenerator.nextIconSize, pageCountDescTextColor = propsGenerator.pageCountDescTextColor, pageCountDescTextSize = propsGenerator.pageCountDescTextSize, pageCountDropdownAlignment = propsGenerator.pageCountDropdownAlignment, pageCountDropdownElevation = propsGenerator.pageCountDropdownElevation, pageCountDropdownFill = propsGenerator.pageCountDropdownFill, pageCountDropdownItemDividerFill = propsGenerator.pageCountDropdownItemDividerFill, pageCountDropdownItemDividerSize = propsGenerator.pageCountDropdownItemDividerSize, pageCountDropdownItemFill = propsGenerator.pageCountDropdownItemFill, pageCountDropdownItemFillActive = propsGenerator.pageCountDropdownItemFillActive, pageCountDropdownItemFillActiveHover = propsGenerator.pageCountDropdownItemFillActiveHover, pageCountDropdownItemFillHover = propsGenerator.pageCountDropdownItemFillHover, pageCountDropdownItemLabelAlign = propsGenerator.pageCountDropdownItemLabelAlign, pageCountDropdownItemLabelColor = propsGenerator.pageCountDropdownItemLabelColor, pageCountDropdownItemLabelColorActive = propsGenerator.pageCountDropdownItemLabelColorActive, pageCountDropdownItemLabelColorActiveHover = propsGenerator.pageCountDropdownItemLabelColorActiveHover, pageCountDropdownItemLabelColorHover = propsGenerator.pageCountDropdownItemLabelColorHover, pageCountDropdownItemLabelSize = propsGenerator.pageCountDropdownItemLabelSize, pageCountDropdownItemLabelWrap = propsGenerator.pageCountDropdownItemLabelWrap, pageCountDropdownItemShowDivider = propsGenerator.pageCountDropdownItemShowDivider, pageCountDropdownItemSize = propsGenerator.pageCountDropdownItemSize, pageCountDropdownItemWidth = propsGenerator.pageCountDropdownItemWidth, pageCountDropdownShape = propsGenerator.pageCountDropdownShape, pageCountInputIcon = propsGenerator.pageCountInputIcon, pageCountInputIconColor = propsGenerator.pageCountInputIconColor, pageCountInputIconFillSize = propsGenerator.pageCountInputIconFillSize, pageCountInputIconSrc = propsGenerator.pageCountInputIconSrc, pageCountInputTextColor = propsGenerator.pageCountInputTextColor, pageCountInputTextSize = propsGenerator.pageCountInputTextSize, pageRangeDisplayed = propsGenerator.pageRangeDisplayed, previousIcon = propsGenerator.previousIcon, previousIconFill = propsGenerator.previousIconFill, previousIconFillIcon = propsGenerator.previousIconFillIcon, previousIconFillSize = propsGenerator.previousIconFillSize, previousIconSize = propsGenerator.previousIconSize, sizeClass = propsGenerator.sizeClass;
|
|
263
263
|
var paginationStyles = useStyles(props).styles;
|
|
264
|
-
return (jsxs("div", { className: clsx('pagination', sizeClass && "pagination_size_".concat(sizeClass), isSkeleton && "pagination_skeleton"),
|
|
264
|
+
return (jsxs("div", { className: clsx('pagination', sizeClass && "pagination_size_".concat(sizeClass), isSkeleton && "pagination_skeleton"), dataTestId: dataTestId, dataTour: dataTour, style: paginationStyles, children: [jsx(ReactPaginate, { disabledClassName: "pagination__item_state_disabled cursor_type_default", disabledLinkClassName: "pagination__item_state_disabled", activeClassName: clsx('pagination__item_state_active cursor_type_default', fillActiveClass && "fill_active_".concat(fillActiveClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), activeLinkClassName: "pagination__item-link_state_active", breakClassName: "pagination__item pagination__item_break", breakLabel: "...", breakLinkClassName: "pagination__item-link", containerClassName: clsx(className, 'pagination__container', justifyContentClass &&
|
|
265
265
|
"pagination_justify-content_".concat(justifyContentClass)),
|
|
266
266
|
// pages settings
|
|
267
267
|
forcePage: paginationPageIndex, marginPagesDisplayed: marginPagesDisplayed, nextClassName: clsx('pagination__item pagination__item_next', sizeClass && "pagination__item_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass)),
|
package/dist/components/Radio.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
4
4
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
5
|
-
import { T as Text } from '../
|
|
5
|
+
import { T as Text } from '../Text_es_BvmOR4nv.js';
|
|
6
6
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
7
7
|
import 'react';
|
|
8
8
|
import 'lodash/camelCase';
|
|
@@ -16,16 +16,16 @@ var img$1 = "data:image/svg+xml,%3csvg width='180' height='180' viewBox='0 0 180
|
|
|
16
16
|
|
|
17
17
|
var img = "data:image/svg+xml,%3csvg width='180' height='180' viewBox='0 0 180 180' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='180' height='180' rx='90' fill='%23DE8806'/%3e%3cpath d='M90.5029 123.721C93.8166 123.721 96.5029 126.407 96.5029 129.721V134.749C96.5027 138.063 93.8165 140.749 90.5029 140.749C87.1894 140.749 84.5031 138.063 84.5029 134.749V129.721C84.5029 126.407 87.1892 123.721 90.5029 123.721ZM90.5029 39.251C93.8166 39.251 96.5029 41.9383 96.5029 45.252V104.582C96.5024 107.895 93.8163 110.582 90.5029 110.582C87.1895 110.582 84.5034 107.895 84.5029 104.582V45.252C84.5029 41.9382 87.1892 39.251 90.5029 39.251Z' fill='white'/%3e%3c/svg%3e";
|
|
18
18
|
|
|
19
|
-
var
|
|
19
|
+
var responseIcon = {
|
|
20
|
+
Error: img$7,
|
|
20
21
|
Warning: img,
|
|
21
22
|
Success: img$2,
|
|
22
23
|
Confirm: img$8,
|
|
23
|
-
Search: img$3,
|
|
24
|
-
Error: img$7,
|
|
25
24
|
Fail: img$6,
|
|
26
25
|
NothingFound: img$5,
|
|
27
26
|
Refresh: img$4,
|
|
27
|
+
Search: img$3,
|
|
28
28
|
UnableLoadData: img$1,
|
|
29
29
|
};
|
|
30
30
|
|
|
31
|
-
export {
|
|
31
|
+
export { responseIcon };
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { responseIcon } from './Response/img.js';
|
|
1
2
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
2
3
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
4
|
import { useMemo } from 'react';
|
|
@@ -6,9 +7,9 @@ import { urlWithAssetPrefix } from '../hoc/urlWithAssetPrefix.js';
|
|
|
6
7
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
7
8
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
8
9
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
9
|
-
import { B as Button } from '../
|
|
10
|
-
import { G as Group } from '../
|
|
11
|
-
import { T as Text } from '../
|
|
10
|
+
import { B as Button } from '../Button_es_CvkdyDHz.js';
|
|
11
|
+
import { G as Group } from '../Group_es_CruwH8Al.js';
|
|
12
|
+
import { T as Text } from '../Text_es_BvmOR4nv.js';
|
|
12
13
|
import '@itcase/common';
|
|
13
14
|
import '../context/UrlAssetPrefix.js';
|
|
14
15
|
import 'lodash/camelCase';
|
|
@@ -22,10 +23,10 @@ import 'react-responsive';
|
|
|
22
23
|
import '../utils/setViewportProperty.js';
|
|
23
24
|
import 'lodash/maxBy';
|
|
24
25
|
import '../hooks/useStyles/styleAttributes.js';
|
|
25
|
-
import '../
|
|
26
|
+
import '../Icon_es_CoIszJbl.js';
|
|
26
27
|
import 'react-inlinesvg';
|
|
27
28
|
import '../Link_es_BnUIX0QT.js';
|
|
28
|
-
import '../
|
|
29
|
+
import '../Loader_es_DhNCKZ8Y.js';
|
|
29
30
|
|
|
30
31
|
var responseAppearanceConfirm = {
|
|
31
32
|
confirm: {
|
|
@@ -34,6 +35,8 @@ var responseAppearanceConfirm = {
|
|
|
34
35
|
titleTextSize: 'xxl',
|
|
35
36
|
labelTextColor: 'surfaceTextPrimary',
|
|
36
37
|
descTextSize: 'm',
|
|
38
|
+
svgFill: 'surfaceTertiary',
|
|
39
|
+
svgPathFill: 'surfaceItemQuaternary',
|
|
37
40
|
primaryButtonAppearance: 'accentPrimary sizeXXL',
|
|
38
41
|
secondaryButtonAppearance: 'surfaceSecondary sizeXXL',
|
|
39
42
|
},
|
|
@@ -102,10 +105,10 @@ var responseAppearanceSuccess = {
|
|
|
102
105
|
titleTextSize: 'xxl',
|
|
103
106
|
labelTextColor: 'surfaceTextPrimary',
|
|
104
107
|
descTextSize: 'm',
|
|
108
|
+
svgFill: 'accentPrimary',
|
|
109
|
+
svgPathFill: 'accentItemPrimary',
|
|
105
110
|
primaryButtonAppearance: 'accentPrimary sizeXXL',
|
|
106
111
|
secondaryButtonAppearance: 'surfaceSecondary sizeXXL',
|
|
107
|
-
svgFill: 'surfaceTertiary',
|
|
108
|
-
svgPathFill: 'surfaceItemQuaternary',
|
|
109
112
|
},
|
|
110
113
|
};
|
|
111
114
|
|
|
@@ -178,7 +181,7 @@ var Response = urlWithAssetPrefix(function Response(props) {
|
|
|
178
181
|
}, [imageSrc, svgSrc, SvgImage, width, height, svgFillClass]);
|
|
179
182
|
// @ts-expect-error
|
|
180
183
|
var _a = useStyles(props), responseStyles = _a.styles, wrapperStyles = _a.wrapper;
|
|
181
|
-
return (jsxs("div", { className: clsx(className, 'response', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "response_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), isSkeleton && "response_skeleton"),
|
|
184
|
+
return (jsxs("div", { dataTestId: dataTestId, dataTour: dataTour, className: clsx(className, 'response', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "response_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), isSkeleton && "response_skeleton"), style: responseStyles, children: [before, jsxs("div", { className: "response__wrapper", style: wrapperStyles, children: [ImageComponent && (jsx("div", { className: clsx('response__image', svgFillClass && "svg_fill_".concat(svgFillClass), svgPathFillClass && "svg_path_fill_".concat(svgPathFillClass)), children: ImageComponent })), jsxs("div", { className: "response__wrapper-inner", children: [title && (jsx(Text, { className: "response__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), desc && (jsx(Text, { className: "response__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }))] })] }), (primaryButtonLabel ||
|
|
182
185
|
primaryButton ||
|
|
183
186
|
secondaryButtonLabel ||
|
|
184
187
|
secondaryButton ||
|
|
@@ -6,8 +6,8 @@ import clsx from 'clsx';
|
|
|
6
6
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
7
7
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
8
8
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
9
|
-
import { I as Icon } from '../
|
|
10
|
-
import { T as Text } from '../
|
|
9
|
+
import { I as Icon } from '../Icon_es_CoIszJbl.js';
|
|
10
|
+
import { T as Text } from '../Text_es_BvmOR4nv.js';
|
|
11
11
|
import { S as Scrollbar } from '../Scrollbar_es_CThJeCLF.js';
|
|
12
12
|
import 'lodash/camelCase';
|
|
13
13
|
import 'lodash/castArray';
|
|
@@ -178,7 +178,7 @@ var SearchInput = React.forwardRef(function SearchInput(props, ref) {
|
|
|
178
178
|
var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
179
179
|
var size = propsGenerator.size, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, iconClear = propsGenerator.iconClear, iconClearFill = propsGenerator.iconClearFill, iconClearSize = propsGenerator.iconClearSize, iconClearSrc = propsGenerator.iconClearSrc, inputFillClass = propsGenerator.inputFillClass, inputShapeClass = propsGenerator.inputShapeClass, inputTextColorClass = propsGenerator.inputTextColorClass, inputTextSizeClass = propsGenerator.inputTextSizeClass, inputTextStyleClass = propsGenerator.inputTextStyleClass, inputTextWeightClass = propsGenerator.inputTextWeightClass, placeholderTextColor = propsGenerator.placeholderTextColor, placeholderTextSize = propsGenerator.placeholderTextSize, placeholderTextStyle = propsGenerator.placeholderTextStyle, placeholderTextWeight = propsGenerator.placeholderTextWeight, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass;
|
|
180
180
|
var searchInputStyles = useStyles(props).styles;
|
|
181
|
-
return (jsxs("label", { className: clsx(className, 'search-input', shapeClass && "search_shape_".concat(shapeClass), fillClass && "fill_".concat(fillClass), widthClass && "width_".concat(widthClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), size && "search-input_size_".concat(size), type && "search-input_type_".concat(type), isSkeleton && "search-input_skeleton"),
|
|
181
|
+
return (jsxs("label", { className: clsx(className, 'search-input', shapeClass && "search_shape_".concat(shapeClass), fillClass && "fill_".concat(fillClass), widthClass && "width_".concat(widthClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), size && "search-input_size_".concat(size), type && "search-input_type_".concat(type), isSkeleton && "search-input_skeleton"), dataTour: dataTour, style: searchInputStyles, children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "search-input__icon search-input__icon-before", size: iconBeforeSize, iconFill: iconBeforeFill, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxs("div", { className: clsx('search-input__wrapper', inputFillClass && "fill_".concat(inputFillClass), inputShapeClass && "search-input_shape_".concat(inputShapeClass)), children: [jsx("input", { className: clsx('search-input__value', (inputTextSizeClass ||
|
|
182
182
|
inputTextWeightClass ||
|
|
183
183
|
inputTextColorClass ||
|
|
184
184
|
inputTextStyleClass) &&
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import React, { useRef, useMemo, createRef, useCallback, useEffect } from 'react';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
|
-
import { I as Icon } from '../
|
|
4
|
+
import { I as Icon } from '../Icon_es_CoIszJbl.js';
|
|
5
5
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
6
6
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
7
|
-
import { T as Text } from '../
|
|
7
|
+
import { T as Text } from '../Text_es_BvmOR4nv.js';
|
|
8
8
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
9
9
|
import 'react-inlinesvg';
|
|
10
10
|
import '../hoc/urlWithAssetPrefix.js';
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import Select, { components } from 'react-select';
|
|
4
|
-
import { I as Icon, B as Badge } from '../
|
|
4
|
+
import { I as Icon, B as Badge } from '../Icon_es_CoIszJbl.js';
|
|
5
5
|
import React, { useRef, useCallback, useEffect, useMemo } from 'react';
|
|
6
6
|
import clsx from 'clsx';
|
|
7
7
|
import CreatableSelect from 'react-select/creatable';
|
|
8
8
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
9
9
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
10
|
-
import { T as Text } from '../
|
|
11
|
-
import { G as Group } from '../
|
|
10
|
+
import { T as Text } from '../Text_es_BvmOR4nv.js';
|
|
11
|
+
import { G as Group } from '../Group_es_CruwH8Al.js';
|
|
12
12
|
import { D as Divider } from '../Divider_es_CiRU0sTz.js';
|
|
13
13
|
import 'react-inlinesvg';
|
|
14
14
|
import '../hoc/urlWithAssetPrefix.js';
|
|
@@ -4,7 +4,7 @@ import clsx from 'clsx';
|
|
|
4
4
|
import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
|
|
5
5
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
6
6
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
7
|
-
import { b as Title } from '../
|
|
7
|
+
import { b as Title } from '../Icon_es_CoIszJbl.js';
|
|
8
8
|
import '../tslib.es6_es_Bwu1Cn-t.js';
|
|
9
9
|
import 'lodash/camelCase';
|
|
10
10
|
import 'lodash/castArray';
|
|
@@ -23,7 +23,7 @@ import '../hoc/urlWithAssetPrefix.js';
|
|
|
23
23
|
import '../context/UrlAssetPrefix.js';
|
|
24
24
|
import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
25
25
|
import '../Link_es_BnUIX0QT.js';
|
|
26
|
-
import '../
|
|
26
|
+
import '../Text_es_BvmOR4nv.js';
|
|
27
27
|
|
|
28
28
|
function Swiper(props) {
|
|
29
29
|
var id = props.id, className = props.className, direction = props.direction, title = props.title, titleAfter = props.titleAfter, titleSize = props.titleSize, titleTextColor = props.titleTextColor, titleWeight = props.titleWeight, setNextBtnDisabled = props.setNextBtnDisabled, setPrevBtnDisabled = props.setPrevBtnDisabled, _a = props.activeSlideIndex, activeSlideIndex = _a === void 0 ? 0 : _a, allowTouchMove = props.allowTouchMove, autoHeight = props.autoHeight, breakpoints = props.breakpoints, forwardedRef = props.forwardedRef, // https://github.com/vercel/next.js/issues/4957
|
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
5
5
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
6
|
-
import { T as Text } from '../
|
|
6
|
+
import { T as Text } from '../Text_es_BvmOR4nv.js';
|
|
7
7
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
8
8
|
import 'lodash/camelCase';
|
|
9
9
|
import 'lodash/castArray';
|
package/dist/components/Tab.js
CHANGED
|
@@ -4,10 +4,10 @@ import clsx from 'clsx';
|
|
|
4
4
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
5
5
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
6
6
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
7
|
-
import { B as Badge, I as Icon } from '../
|
|
7
|
+
import { B as Badge, I as Icon } from '../Icon_es_CoIszJbl.js';
|
|
8
8
|
import { D as Divider } from '../Divider_es_CiRU0sTz.js';
|
|
9
9
|
import { L as Link } from '../Link_es_BnUIX0QT.js';
|
|
10
|
-
import { T as Text } from '../
|
|
10
|
+
import { T as Text } from '../Text_es_BvmOR4nv.js';
|
|
11
11
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
12
12
|
import 'lodash/camelCase';
|
|
13
13
|
import 'lodash/castArray';
|
|
@@ -213,7 +213,7 @@ function Tab(props) {
|
|
|
213
213
|
? borderColorHoverClass &&
|
|
214
214
|
"border-color_hover_".concat(borderColorHoverClass)
|
|
215
215
|
: borderColorActiveHoverClass &&
|
|
216
|
-
"border-color_active_hover_".concat(borderColorActiveHoverClass), sizeClass && "tab_size_".concat(sizeClass), shapeClass && "tab_shape_".concat(shapeClass), widthClass && "width_".concat(widthClass), justifyContentClass && "tab_justify-content_".concat(justifyContentClass), isSkeleton && "tab_skeleton", onClick && 'cursor_type_pointer'),
|
|
216
|
+
"border-color_active_hover_".concat(borderColorActiveHoverClass), sizeClass && "tab_size_".concat(sizeClass), shapeClass && "tab_shape_".concat(shapeClass), widthClass && "width_".concat(widthClass), justifyContentClass && "tab_justify-content_".concat(justifyContentClass), isSkeleton && "tab_skeleton", onClick && 'cursor_type_pointer'), dataTour: dataTour, style: tab, onClick: onClick, onMouseEnter: onMouseEnter, children: jsxs(Link, { className: clsx('tab__link', alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), !isDisabled && 'cursor_type_pointer'), fill: linkFill, href: link || href, rel: rel, target: target, children: [before, children || (jsxs(React.Fragment, { children: [jsxs("div", { className: "tab__wrapper", children: [label && (jsx(Text, { className: "tab__label", size: labelTextSize, textAlign: labelTextAlign, textColor: labelTextColor, textColorActive: labelTextColorActive, textColorHover: labelTextColorHover, textColorHoverActive: labelTextColorActiveHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, isDisabled: isDisabled, isActive: isActive, children: label })), badgeValue && (jsx(Badge, { appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsx(Icon, { className: clsx('tab__icon_after'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] }), jsx(Divider, { width: "fill", direction: "horizontal", size: dividerSize, fill: dividerFill, fillActive: dividerFillActive, fillActiveHover: dividerFillActiveHover, fillDisabled: dividerFillDisabled, fillHover: dividerFillHover, zIndex: "1", isDisabled: isDisabled, isActive: isActive })] })), after] }) }));
|
|
217
217
|
}
|
|
218
218
|
|
|
219
219
|
function TabGroup(props) {
|
|
@@ -222,7 +222,7 @@ function TabGroup(props) {
|
|
|
222
222
|
var directionClass = propsGenerator.directionClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
|
|
223
223
|
// @ts-expect-error
|
|
224
224
|
var _a = useStyles(props), groupStyles = _a.styles, groupWrapperStyles = _a.wrapper;
|
|
225
|
-
return (jsx("div", { className: clsx(className, 'tab-group', 'group', widthClass && "width_".concat(widthClass), alignDirectionClass && "align_".concat(alignDirectionClass), directionClass && "group_direction_".concat(directionClass), alignClass && "align_".concat(alignClass), fillClass && "fill_".concat(fillClass), horizontalScroll && 'group_type_horizontal_scroll', wrapClass && "group_wrap_".concat(wrapClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass)),
|
|
225
|
+
return (jsx("div", { className: clsx(className, 'tab-group', 'group', widthClass && "width_".concat(widthClass), alignDirectionClass && "align_".concat(alignDirectionClass), directionClass && "group_direction_".concat(directionClass), alignClass && "align_".concat(alignClass), fillClass && "fill_".concat(fillClass), horizontalScroll && 'group_type_horizontal_scroll', wrapClass && "group_wrap_".concat(wrapClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass)), dataTestId: dataTestId, dataTour: dataTour, style: Object.assign({}, groupStyles, style), children: horizontalScroll ? (jsxs("div", { className: "tab-group__wrapper", style: groupWrapperStyles, children: [tabList === null || tabList === void 0 ? void 0 : tabList.map(function (item) { return (jsx(Tab, { appearance: tabAppearance, label: item.label, isActive: item.isActive }, item.key)); }), children] })) : (jsxs(React.Fragment, { children: [tabList === null || tabList === void 0 ? void 0 : tabList.map(function (item) { return (jsx(Tab, { appearance: tabAppearance, label: item.label, badgeValue: item.badgeValue, icon: item.icon, iconSrc: item.icon, isActive: item.isActive }, item.key)); }), children] })) }));
|
|
226
226
|
}
|
|
227
227
|
|
|
228
228
|
export { Tab, TabGroup, tabAppearance, tabConfig };
|
package/dist/components/Text.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { T as Text, a as textAppearance, t as textConfig } from '../
|
|
1
|
+
export { T as Text, a as textAppearance, t as textConfig } from '../Text_es_BvmOR4nv.js';
|
|
2
2
|
import 'react/jsx-runtime';
|
|
3
3
|
import 'clsx';
|
|
4
4
|
import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
package/dist/components/Tile.js
CHANGED
|
@@ -3,8 +3,8 @@ import clsx from 'clsx';
|
|
|
3
3
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
4
4
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
5
5
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
6
|
-
import { b as Title, B as Badge, I as Icon } from '../
|
|
7
|
-
import { T as Text } from '../
|
|
6
|
+
import { b as Title, B as Badge, I as Icon } from '../Icon_es_CoIszJbl.js';
|
|
7
|
+
import { T as Text } from '../Text_es_BvmOR4nv.js';
|
|
8
8
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
9
9
|
import 'react';
|
|
10
10
|
import 'lodash/camelCase';
|
|
@@ -141,7 +141,7 @@ function Tile(props) {
|
|
|
141
141
|
var alignClass = propsGenerator.alignClass, _a = propsGenerator.alignDirectionClass, alignDirectionClass = _a === void 0 ? 'vertical' : _a, fillClass = propsGenerator.fillClass, titleTextAlign = propsGenerator.titleTextAlign, titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, titleTextWeight = propsGenerator.titleTextWeight, titleTextWrap = propsGenerator.titleTextWrap, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize, descTextWrap = propsGenerator.descTextWrap, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, dataTestId = propsGenerator.dataTestId, dataTour = propsGenerator.dataTour, icon = propsGenerator.icon, iconAppearance = propsGenerator.iconAppearance, iconFill = propsGenerator.iconFill, iconFillIcon = propsGenerator.iconFillIcon, iconFillSize = propsGenerator.iconFillSize, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
|
|
142
142
|
// @ts-expect-error
|
|
143
143
|
var tileStyles = useStyles(props).styles;
|
|
144
|
-
return (jsx("div", { className: clsx('tile', className, fillClass && "fill_".concat(fillClass), shapeClass && "tile_shape_".concat(shapeClass), alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), direction && "direction_".concat(direction), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), reverse && 'tile_reverse', sizeClass && "tile_size_".concat(sizeClass), type && "tile_type_".concat(type), badgeValue && "tile_state_badge", isSkeleton && "tile_skeleton"),
|
|
144
|
+
return (jsx("div", { className: clsx('tile', className, fillClass && "fill_".concat(fillClass), shapeClass && "tile_shape_".concat(shapeClass), alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), direction && "direction_".concat(direction), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), reverse && 'tile_reverse', sizeClass && "tile_size_".concat(sizeClass), type && "tile_type_".concat(type), badgeValue && "tile_state_badge", isSkeleton && "tile_skeleton"), dataTestId: dataTestId, dataTour: dataTour, style: tileStyles, onClick: onClick, children: jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, jsxs("div", { className: "tile__header", children: [jsxs("div", { className: "tile__header-inner", children: [title && (jsx(Title, { className: "tile__title", size: titleTextSize, textAlign: titleTextAlign, textColor: titleTextColor, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), desc && (jsx(Text, { className: "tile__text", size: descTextSize, textColor: descTextColor, textWrap: descTextWrap, children: desc }))] }), jsxs("div", { className: "tile__header-actions", children: [badgeValue && (jsx(Badge, { className: "tile__badge", appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsx(Icon, { className: clsx('tile__icon'), appearance: iconAppearance, fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] })] }), children, after] }) }));
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
export { Tile, tileAppearance, tileConfig };
|
package/dist/components/Title.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { b as Title, d as titleAppearance, c as titleConfig } from '../
|
|
1
|
+
export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_CoIszJbl.js';
|
|
2
2
|
import '../tslib.es6_es_Bwu1Cn-t.js';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'react';
|
|
@@ -22,4 +22,4 @@ import '../hooks/useStyles/useStyles.js';
|
|
|
22
22
|
import 'lodash/maxBy';
|
|
23
23
|
import '../hooks/useStyles/styleAttributes.js';
|
|
24
24
|
import '../Link_es_BnUIX0QT.js';
|
|
25
|
-
import '../
|
|
25
|
+
import '../Text_es_BvmOR4nv.js';
|