@itcase/ui 1.1.6 → 1.1.8

package/dist/FlexItem-DzNgFIa0.js

@@ -0,0 +1,118 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-ClDdVO4Q.js';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+
+function Flex(props) {
+    var id = props.id, children = props.children, className = props.className, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, type = props.type, onClick = props.onClick;
+    var alignContentClass = useDeviceTargetClass(props, {
+        prefix: 'flex_align-content_',
+        propsKey: 'alignContent',
+    });
+    var alignItemsClass = useDeviceTargetClass(props, {
+        prefix: 'flex_align-items_',
+        propsKey: 'alignItems',
+    });
+    var justifyContentClass = useDeviceTargetClass(props, {
+        prefix: 'flex_justify-content_',
+        propsKey: 'justifyContent',
+    });
+    var wrapClass = useDeviceTargetClass(props, {
+        prefix: 'flex_wrap_',
+        propsKey: 'wrap',
+    });
+    var directionClass = useDeviceTargetClass(props, {
+        prefix: 'flex_direction_',
+        propsKey: 'direction',
+    });
+    var flowClass = useDeviceTargetClass(props, {
+        prefix: 'flex_flow_',
+        propsKey: 'flow',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var shapeClass = useDeviceTargetClass(props, {
+        prefix: 'flex_shape_',
+        propsKey: 'shape',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var positionClass = useDeviceTargetClass(props, {
+        prefix: 'position_',
+        propsKey: 'position',
+    });
+    var borderClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var borderTypeClass = useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    // @ts-expect-error
+    var _b = useStyles(props), flexStyles = _b.styles, flexWrapperStyles = _b.wrapper;
+    return (jsxRuntimeExports.jsx(Tag, { className: clsx(className, 'flex', widthClass, alignContentClass, alignItemsClass, directionClass, fillClass, flowClass, borderClass, borderTypeClass, positionClass, justifyContentClass, shapeClass, type && "flex_type_".concat(type), wrapClass), id: id, style: flexStyles, onClick: onClick, children: jsxRuntimeExports.jsx("div", { className: "flex__wrapper", style: flexWrapperStyles, children: children }) }));
+}
+Flex.defaultProps = {
+    tag: 'div',
+};
+
+function FlexItem(props) {
+    var children = props.children, className = props.className, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, htmlFor = props.htmlFor;
+    var alignSelfClass = useDeviceTargetClass(props, {
+        prefix: 'flex__item_align-self_',
+        propsKey: 'alignSelf',
+    });
+    var directionClass = useDeviceTargetClass(props, {
+        prefix: 'flex__item_direction_',
+        propsKey: 'direction',
+    });
+    var growClass = useDeviceTargetClass(props, {
+        prefix: 'flex__item_grow_',
+        propsKey: 'grow',
+    });
+    var alignItemsClass = useDeviceTargetClass(props, {
+        prefix: 'flex__item_align-items_',
+        propsKey: 'alignItems',
+    });
+    var justifyContentClass = useDeviceTargetClass(props, {
+        prefix: 'flex__item_justify-content_',
+        propsKey: 'justifyContent',
+    });
+    var shapeClass = useDeviceTargetClass(props, {
+        prefix: 'flex__item_shape_',
+        propsKey: 'shape',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'resize-horizontal_',
+        propsKey: 'width',
+    });
+    var wrapClass = useDeviceTargetClass(props, {
+        prefix: 'flex__item_wrap_',
+        propsKey: 'wrap',
+    });
+    var positionClass = useDeviceTargetClass(props, {
+        prefix: 'position_',
+        propsKey: 'position',
+    });
+    // @ts-expect-error
+    var flexItemStyles = useStyles(props).styles;
+    return (jsxRuntimeExports.jsx(Tag, { className: clsx(className, 'flex__item', positionClass, alignItemsClass, alignSelfClass, directionClass, fillClass, fillHoverClass, growClass, justifyContentClass, shapeClass, widthClass, wrapClass), htmlFor: htmlFor, style: flexItemStyles, children: children }));
+}
+FlexItem.defaultProps = {
+    tag: 'div',
+};
+
+export { Flex as F, FlexItem as a };

package/dist/GridRow-Cc-rz56R.js

@@ -0,0 +1,158 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-ClDdVO4Q.js';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+
+function Grid(props) {
+    var id = props.id, after = props.after, before = props.before, children = props.children, className = props.className, horizontalResizing = props.horizontalResizing, horizontalScroll = props.horizontalScroll, onClick = props.onClick, type = props.type, useGridSystem = props.useGridSystem, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, dataTour = props.dataTour, verticalResizing = props.verticalResizing;
+    var columnsClass = useDeviceTargetClass(props, {
+        prefix: 'grid_columns_',
+        propsKey: 'columns',
+    });
+    var rowsClass = useDeviceTargetClass(props, {
+        prefix: 'grid_rows_',
+        propsKey: 'rows',
+    });
+    var rowGapClass = useDeviceTargetClass(props, {
+        prefix: 'grid_row-gap_',
+        propsKey: 'rowGap',
+    });
+    var columnGapClass = useDeviceTargetClass(props, {
+        prefix: 'grid_column-gap_',
+        propsKey: 'columnGap',
+    });
+    var alignContentClass = useDeviceTargetClass(props, {
+        prefix: 'grid_align-content_',
+        propsKey: 'alignContent',
+    });
+    var alignItemsClass = useDeviceTargetClass(props, {
+        prefix: 'grid_align-items_',
+        propsKey: 'alignItems',
+    });
+    var justifyContentClass = useDeviceTargetClass(props, {
+        prefix: 'grid_justify-content_',
+        propsKey: 'justifyContent',
+    });
+    var justifyItemsClass = useDeviceTargetClass(props, {
+        prefix: 'grid_justify-items_',
+        propsKey: 'justifyItems',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var borderColorClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fillWrapper',
+    });
+    useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fillWrapperInner',
+    });
+    useDeviceTargetClass(props, {
+        prefix: 'grid_shape_',
+        propsKey: 'shapeWrapper',
+    });
+    useDeviceTargetClass(props, {
+        prefix: 'grid_shape_',
+        propsKey: 'shapeWrapperInner',
+    });
+    // prettier-ignore
+    // @ts-expect-error
+    var _b = useStyles(props), gridStyles = _b.styles; _b.gridWrapper; _b.gridWrapperInner;
+    return (jsxRuntimeExports.jsxs(Tag, { className: clsx(className, 'grid', useGridSystem && "grid_state_system", horizontalScroll && "grid_scroll_horizontal", type && "grid_type_".concat(type), columnsClass, rowsClass, rowGapClass, columnGapClass, alignContentClass, alignItemsClass, borderColorClass, justifyContentClass, justifyItemsClass, fillClass, horizontalResizing && "grid_horizontal-resizing_".concat(horizontalResizing), verticalResizing && "grid_vertical-resizing_".concat(verticalResizing)), "data-tour": dataTour, id: id, style: gridStyles, onClick: onClick, children: [before && jsxRuntimeExports.jsx("div", { className: "grid__before", children: before }), children, after && jsxRuntimeExports.jsx("div", { className: "grid__after", children: after })] }));
+}
+Grid.defaultProps = {
+    tag: 'div',
+};
+
+function GridItem(props) {
+    var id = props.id, children = props.children, className = props.className, dataTour = props.dataTour, onClick = props.onClick;
+    var orderClass = useDeviceTargetClass(props, {
+        prefix: 'order_',
+        propsKey: 'order',
+    });
+    var alignSelfClass = useDeviceTargetClass(props, {
+        prefix: 'grid__item_align-self_',
+        propsKey: 'alignSelf',
+    });
+    var justifySelfClass = useDeviceTargetClass(props, {
+        prefix: 'grid__item_justify-self_',
+        propsKey: 'justifySelf',
+    });
+    var columnStartClass = useDeviceTargetClass(props, {
+        prefix: 'grid__item_column-start_',
+        propsKey: 'columnStart',
+    });
+    var columnEndClass = useDeviceTargetClass(props, {
+        prefix: 'grid__item_column-end_',
+        propsKey: 'columnEnd',
+    });
+    var columnSpanClass = useDeviceTargetClass(props, {
+        prefix: 'grid__item_column-span_',
+        propsKey: 'columnSpan',
+    });
+    var rowStartClass = useDeviceTargetClass(props, {
+        prefix: 'grid__item_row-start_',
+        propsKey: 'rowStart',
+    });
+    var rowEndClass = useDeviceTargetClass(props, {
+        prefix: 'grid__item_row-end_',
+        propsKey: 'rowEnd',
+    });
+    var rowSpanClass = useDeviceTargetClass(props, {
+        prefix: 'grid__item_row-span_',
+        propsKey: 'rowSpan',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var gapClass = useDeviceTargetClass(props, {
+        prefix: 'gap_',
+        propsKey: 'gap',
+    });
+    var rowGapClass = useDeviceTargetClass(props, {
+        prefix: 'row-gap_',
+        propsKey: 'rowGap',
+    });
+    var columnGapClass = useDeviceTargetClass(props, {
+        prefix: 'column-gap_',
+        propsKey: 'columnGap',
+    });
+    var directionClass = useDeviceTargetClass(props, {
+        prefix: 'direction_',
+        propsKey: 'direction',
+    });
+    // @ts-expect-error
+    var gridItemStyles = useStyles(props).styles;
+    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'grid__item', orderClass, fillClass, fillHoverClass, alignSelfClass, justifySelfClass, columnStartClass, columnEndClass, columnSpanClass, rowStartClass, rowEndClass, rowSpanClass, directionClass, gapClass, rowGapClass, columnGapClass), "data-tour": dataTour, id: String(id), style: gridItemStyles, onClick: onClick, children: children }));
+}
+
+function GridRow(props) {
+    var id = props.id, children = props.children, className = props.className, dataTour = props.dataTour, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, htmlFor = props.htmlFor, onClick = props.onClick;
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    // @ts-expect-error
+    var gridRowStyles = useStyles(props).styles;
+    return (jsxRuntimeExports.jsx(Tag, { className: clsx(className, 'grid__row', fillClass, fillHoverClass), "data-tour": dataTour, htmlFor: htmlFor, id: id, style: gridRowStyles, onClick: onClick, children: children }));
+}
+GridRow.defaultProps = {
+    tag: 'div',
+};
+
+export { Grid as G, GridRow as a, GridItem as b };

package/dist/Group-fbVPmr8W.js

@@ -0,0 +1,111 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-ClDdVO4Q.js';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+
+var groupConfig = {
+    appearance: undefined,
+    setAppearance: function (newComponent) {
+        groupConfig.appearance = newComponent;
+    },
+};
+function Group(props) {
+    var appearance = props.appearance, id = props.id, children = props.children, className = props.className, horizontalScroll = props.horizontalScroll, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, htmlFor = props.htmlFor, set = props.set, style = props.style, dataTour = props.dataTour, onClick = props.onClick;
+    var contentAlignClass = useDeviceTargetClass(props, {
+        prefix: 'group_content-align_',
+        propsKey: 'contentAlign',
+    });
+    var alignDirectionClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    var justifyContentClass = useDeviceTargetClass(props, {
+        prefix: 'justify-content_',
+        propsKey: 'justifyContent',
+    });
+    var stackingClass = useDeviceTargetClass(props, {
+        prefix: 'group_stacking_',
+        propsKey: 'stacking',
+    });
+    var directionClass = useDeviceTargetClass(props, {
+        prefix: 'group_direction_',
+        propsKey: 'direction',
+    });
+    var wrapClass = useDeviceTargetClass(props, {
+        prefix: 'group_wrap_',
+        propsKey: 'wrap',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var shapeClass = useDeviceTargetClass(props, {
+        prefix: 'group_shape_',
+        propsKey: 'shape',
+    });
+    var columnsClass = useDeviceTargetClass(props, {
+        prefix: 'group_columns_',
+        propsKey: 'columns',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var heightClass = useDeviceTargetClass(props, {
+        prefix: 'height_',
+        propsKey: 'height',
+    });
+    var borderColorClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var borderWidthClass = useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderTypeClass = useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var growClass = useDeviceTargetClass(props, {
+        prefix: 'flex-grow_',
+        propsKey: 'flexGrow',
+    });
+    var elevationClass = useDeviceTargetClass(props, {
+        prefix: 'elevation_',
+        propsKey: 'elevation',
+    });
+    // @ts-expect-error
+    var _b = useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
+    var appearanceConfig = appearance && groupConfig.appearance && groupConfig.appearance[appearance];
+    return (jsxRuntimeExports.jsx(Tag, { className: clsx(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction) &&
+                "group_direction_".concat(appearanceConfig.direction)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), alignClass, fillClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
+                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
+                "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), set && "group_set_".concat(set), horizontalScroll && 'group_type_horizontal_scroll', stackingClass, wrapClass, growClass, shapeClass, borderColorClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
+                "border-color_".concat(appearanceConfig.borderColor)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), borderWidthClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
+                "border-width_".concat(appearanceConfig.borderWidth)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), borderTypeClass, elevationClass, justifyContentClass), "data-tour": dataTour, htmlFor: htmlFor, id: id, style: Object.assign({}, groupStyles, style), onClick: onClick, children: horizontalScroll ? (jsxRuntimeExports.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
+}
+Group.defaultProps = {
+    tag: 'div',
+};
+
+export { Group as G, groupConfig as g };

package/dist/Icon-Dn2eEZvb.js

@@ -0,0 +1,128 @@
+import { _ as __assign, a as LinkWrapper } from './Link-ByBzBRDH.js';
+import { j as jsxRuntimeExports } from './jsx-runtime-ClDdVO4Q.js';
+import React__default, { useState, useMemo } from 'react';
+import clsx from 'clsx';
+import SVG from 'react-inlinesvg';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+import { Tooltip } from './components/Tooltip.js';
+
+var iconConfig = {
+    appearance: {},
+    setAppearance: function (newComponent) {
+        iconConfig.appearance = newComponent;
+    },
+};
+var Icon = React__default.forwardRef(function Icon(props, ref) {
+    var _a = useState(false), isTooltipVisible = _a[0], setIsTooltipVisible = _a[1];
+    var Badge = props.Badge, SvgImage = props.SvgImage, after = props.after, before = props.before, className = props.className, dataTour = props.dataTour, height = props.height, href = props.href, id = props.id, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, showTooltip = props.showTooltip, tooltipAppearance = props.tooltipAppearance, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, width = props.width, onClick = props.onClick;
+    var svgSizes = useMemo(function () {
+        var sizes = {};
+        if (width) {
+            sizes.width = width;
+        }
+        if (height) {
+            sizes.height = height;
+        }
+        return sizes;
+    }, [height, width]);
+    var cursorClass = useDeviceTargetClass(props, {
+        prefix: 'cursor_',
+        propsKey: 'cursor',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var fillDisabledClass = useDeviceTargetClass(props, {
+        prefix: 'fill_disabled_',
+        propsKey: 'fillDisabled',
+    });
+    var fillSizeClass = useDeviceTargetClass(props, {
+        prefix: 'icon_fill_size_',
+        propsKey: 'fillSize',
+    });
+    var iconFillClass = useDeviceTargetClass(props, {
+        prefix: 'icon_fill_',
+        propsKey: 'iconFill',
+    });
+    var iconFillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'icon_fill_hover_',
+        propsKey: 'iconFillHover',
+    });
+    var iconFillDisabledClass = useDeviceTargetClass(props, {
+        prefix: 'icon_fill_disabled_',
+        propsKey: 'iconFillDisabled',
+    });
+    var iconStrokeClass = useDeviceTargetClass(props, {
+        prefix: 'icon_stroke_',
+        propsKey: 'iconStroke',
+    });
+    var iconStrokeHoverClass = useDeviceTargetClass(props, {
+        prefix: 'icon_stroke_hover_',
+        propsKey: 'iconStrokeHover',
+    });
+    var iconStrokeDisabledClass = useDeviceTargetClass(props, {
+        prefix: 'icon_stroke_disabled_',
+        propsKey: 'iconStrokeDisabled',
+    });
+    var iconSizeClass = useDeviceTargetClass(props, {
+        prefix: 'icon_size_',
+        propsKey: 'iconSize',
+    });
+    var shapeClass = useDeviceTargetClass(props, {
+        prefix: 'icon_shape_',
+        propsKey: 'shape',
+    });
+    var borderColorClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var borderColorHoverClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_hover_',
+        propsKey: 'borderColorHover',
+    });
+    var borderWidthClass = useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderTypeClass = useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var alignmentClass = useDeviceTargetClass(props, {
+        prefix: 'alignment_',
+        propsKey: 'alignment',
+    });
+    // @ts-expect-error
+    var iconStyles = useStyles(props).styles;
+    var ImageComponent = useMemo(function () {
+        if (SvgImage) {
+            return jsxRuntimeExports.jsx(SvgImage, __assign({}, svgSizes));
+        }
+        if (imageSrc) {
+            if (imageSrc.endsWith('.svg')) {
+                return jsxRuntimeExports.jsx(SVG, { preProcessor: removeFillStroke, src: imageSrc });
+            }
+            return jsxRuntimeExports.jsx("img", { src: imageSrc });
+        }
+        return null;
+    }, [SvgImage, svgSizes, imageSrc]);
+    return (jsxRuntimeExports.jsx("div", { className: clsx(className, 'icon', fillClass, fillHoverClass, fillSizeClass, fillDisabledClass, iconFillClass, iconFillHoverClass, iconFillDisabledClass, shapeClass, iconStrokeClass, iconStrokeHoverClass, iconStrokeDisabledClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, cursorClass, Badge && 'icon_type_with-badge', (link || href || onClick) && 'cursor_type_pointer'), "data-tour": dataTour, id: String(id), ref: ref, style: iconStyles, onClick: onClick, onMouseEnter: function () { return setIsTooltipVisible(true); }, onMouseLeave: function () { return setIsTooltipVisible(false); }, children: jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx(link || href ? 'icon__link' : 'icon__item', iconSizeClass), DefaultComponent: "div", href: link || href, rel: linkRel, target: linkTarget, children: [before, ImageComponent, after, Badge, isTooltipVisible && showTooltip && (jsxRuntimeExports.jsx(Tooltip
+                // @ts-expect-error
+                , { 
+                    // @ts-expect-error
+                    appearance: tooltipAppearance, className: clsx(className, 'icon__tooltip', alignmentClass), text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize }))] }) }));
+});
+Icon.defaultProps = {
+    LinkComponent: 'a',
+};
+var removeFillStroke = function (code) {
+    return code.replace(/fill=".*?"/g, 'fill=""').replace(/stroke=".*?"/g, 'stroke=""');
+};
+
+export { Icon as I, iconConfig as i };

package/dist/Link-ByBzBRDH.js

@@ -0,0 +1,132 @@
+import { j as jsxRuntimeExports } from './jsx-runtime-ClDdVO4Q.js';
+import React__default from 'react';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
+import { useStyles } from './hooks/useStyles.js';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+var linkConfig = {
+    LinkComponent: 'a',
+    setLinkComponent: function (newComponent) {
+        linkConfig.LinkComponent = newComponent;
+    },
+};
+function Link(props) {
+    var after = props.after, before = props.before, children = props.children, className = props.className, LinkComponent = props.LinkComponent, href = props.href, link = props.link, target = props.target, rel = props.rel, text = props.text, _a = props.underline, underline = _a === void 0 ? 'underline' : _a, onClick = props.onClick, onMouseDown = props.onMouseDown;
+    var sizeClass = useDeviceTargetClass(props, {
+        prefix: 'text_size_',
+        propsKey: 'size',
+    });
+    var textColorClass = useDeviceTargetClass(props, {
+        prefix: 'text-color_',
+        propsKey: 'textColor',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var weightClass = useDeviceTargetClass(props, {
+        prefix: 'text-weight_',
+        propsKey: 'textWeight',
+    });
+    var textColorHoverClass = useDeviceTargetClass(props, {
+        prefix: 'text-color_hover_',
+        propsKey: 'textColorHover',
+    });
+    var textStyleClass = useDeviceTargetClass(props, {
+        prefix: 'text-style_',
+        propsKey: 'textColorHover',
+    });
+    var textGradientClass = useDeviceTargetClass(props, {
+        prefix: 'text-gradient_',
+        propsKey: 'textGradient',
+    });
+    // @ts-expect-error
+    var styles = useStyles(props).styles;
+    return (jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx(className, 'link', sizeClass, underline && "link_underline_".concat(underline), (textColorClass ||
+            textColorHoverClass ||
+            textGradientClass ||
+            textStyleClass ||
+            weightClass) &&
+            'text', textColorClass, textColorHoverClass, textGradientClass, textStyleClass, weightClass, fillClass), Component: LinkComponent, href: href || link, rel: rel, style: styles, target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
+}
+Link.defaultProps = {
+    underline: 'underline',
+};
+// Wrapper with "Link" by condition
+function LinkWrapper(props) {
+    var children = props.children, Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, target = props.target, rel = props.rel, otherProps = __rest(props, ["children", "Component", "DefaultComponent", "href", "target", "rel"]);
+    if (href) {
+        // If href passed, make link-wrapper
+        var LinkComponent = Component || linkConfig.LinkComponent;
+        if (LinkComponent) {
+            return (jsxRuntimeExports.jsx(LinkComponent, __assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
+        }
+    }
+    else if (DefaultComponent) {
+        // If has default "Component" - render it
+        return jsxRuntimeExports.jsx(DefaultComponent, __assign({}, otherProps, { children: children }));
+    }
+    // Return children and pass current props to
+    return React__default.Children.toArray(children)
+        .filter(Boolean)
+        .map(function (child) {
+        return React__default.isValidElement(child) ? React__default.cloneElement(child, otherProps) : child;
+    });
+}
+
+export { Link as L, __assign as _, LinkWrapper as a, __spreadArray as b, linkConfig as l };