@itcase/ui 1.3.5 → 1.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Image-6dFSePnG.js → Image-BbBG_UGI.js} +2 -2
- package/dist/{Image-Dx4AWHLO.js → Image-D-QHhsrC.js} +2 -2
- package/dist/cjs/components/Avatar.js +1 -1
- package/dist/cjs/components/Card.js +1 -1
- package/dist/cjs/components/Image.js +1 -1
- package/dist/cjs/components/Logo.js +1 -1
- package/dist/components/Avatar.js +1 -1
- package/dist/components/Card.js +1 -1
- package/dist/components/Image.js +1 -1
- package/dist/components/Logo.js +1 -1
- package/package.json +1 -1
|
@@ -8,10 +8,10 @@ var useStyles = require('./cjs/hooks/useStyles.js');
|
|
|
8
8
|
function Image(props) {
|
|
9
9
|
var children = props.children, after = props.after, alt = props.alt, before = props.before, caption = props.caption, className = props.className, imageClassName = props.imageClassName, imageWrapperClassName = props.imageWrapperClassName, mode = props.mode, overlay = props.overlay, src = props.src, title = props.title, type = props.type, onClick = props.onClick, onError = props.onError;
|
|
10
10
|
var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props);
|
|
11
|
-
var borderColorClass = classGenerator.borderColorClass, borderColorImageClass = classGenerator.borderColorImageClass, cursorClass = classGenerator.cursorClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, heightClass = classGenerator.heightClass, horizontalAlignClass = classGenerator.horizontalAlignClass, imageHeightClass = classGenerator.imageHeightClass, imageWidthClass = classGenerator.imageWidthClass, resizeModeClass = classGenerator.resizeModeClass, shapeClass = classGenerator.shapeClass,
|
|
11
|
+
var borderColorClass = classGenerator.borderColorClass, borderColorImageClass = classGenerator.borderColorImageClass, cursorClass = classGenerator.cursorClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, heightClass = classGenerator.heightClass, horizontalAlignClass = classGenerator.horizontalAlignClass, imageHeightClass = classGenerator.imageHeightClass, imageWidthClass = classGenerator.imageWidthClass, resizeModeClass = classGenerator.resizeModeClass, shapeClass = classGenerator.shapeClass, verticalAlignClass = classGenerator.verticalAlignClass, widthClass = classGenerator.widthClass;
|
|
12
12
|
// @ts-expect-error
|
|
13
13
|
var _a = useStyles.useStyles(props), imageStyles = _a.image, styles = _a.styles, wrapperStyles = _a.wrapper;
|
|
14
|
-
return (jsxRuntime.jsxs("div", { className: clsx(className, 'image', mode && "image_mode_".concat(mode), type && "image_type_".concat(type), cursorClass && "cursor_".concat(cursorClass), horizontalAlignClass && "image_horizontal-align_".concat(horizontalAlignClass),
|
|
14
|
+
return (jsxRuntime.jsxs("div", { className: clsx(className, 'image', mode && "image_mode_".concat(mode), type && "image_type_".concat(type), cursorClass && "cursor_".concat(cursorClass), horizontalAlignClass && "image_horizontal-align_".concat(horizontalAlignClass), verticalAlignClass && "image_vertical-align_".concat(verticalAlignClass), shapeClass && "image_shape_".concat(shapeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), resizeModeClass && "image_resize-mode_".concat(resizeModeClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass)), style: styles, onClick: onClick, children: [before, jsxRuntime.jsxs("div", { className: clsx('image__wrapper', imageWrapperClassName), style: wrapperStyles, children: [jsxRuntime.jsx("img", { className: clsx('image__item', imageWidthClass && "width_".concat(imageWidthClass), imageHeightClass && "height_".concat(imageHeightClass), imageClassName, borderColorClass && "border-color_".concat(borderColorClass), borderColorImageClass && "border-color-image_".concat(borderColorImageClass)), alt: alt || title, src: src, style: imageStyles, title: title || alt, onError: onError }), overlay, caption, children] }), after] }));
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
exports.Image = Image;
|
|
@@ -6,10 +6,10 @@ import { useStyles } from './hooks/useStyles.js';
|
|
|
6
6
|
function Image(props) {
|
|
7
7
|
var children = props.children, after = props.after, alt = props.alt, before = props.before, caption = props.caption, className = props.className, imageClassName = props.imageClassName, imageWrapperClassName = props.imageWrapperClassName, mode = props.mode, overlay = props.overlay, src = props.src, title = props.title, type = props.type, onClick = props.onClick, onError = props.onError;
|
|
8
8
|
var classGenerator = useDeviceTargetClassGenerator(props);
|
|
9
|
-
var borderColorClass = classGenerator.borderColorClass, borderColorImageClass = classGenerator.borderColorImageClass, cursorClass = classGenerator.cursorClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, heightClass = classGenerator.heightClass, horizontalAlignClass = classGenerator.horizontalAlignClass, imageHeightClass = classGenerator.imageHeightClass, imageWidthClass = classGenerator.imageWidthClass, resizeModeClass = classGenerator.resizeModeClass, shapeClass = classGenerator.shapeClass,
|
|
9
|
+
var borderColorClass = classGenerator.borderColorClass, borderColorImageClass = classGenerator.borderColorImageClass, cursorClass = classGenerator.cursorClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, heightClass = classGenerator.heightClass, horizontalAlignClass = classGenerator.horizontalAlignClass, imageHeightClass = classGenerator.imageHeightClass, imageWidthClass = classGenerator.imageWidthClass, resizeModeClass = classGenerator.resizeModeClass, shapeClass = classGenerator.shapeClass, verticalAlignClass = classGenerator.verticalAlignClass, widthClass = classGenerator.widthClass;
|
|
10
10
|
// @ts-expect-error
|
|
11
11
|
var _a = useStyles(props), imageStyles = _a.image, styles = _a.styles, wrapperStyles = _a.wrapper;
|
|
12
|
-
return (jsxs("div", { className: clsx(className, 'image', mode && "image_mode_".concat(mode), type && "image_type_".concat(type), cursorClass && "cursor_".concat(cursorClass), horizontalAlignClass && "image_horizontal-align_".concat(horizontalAlignClass),
|
|
12
|
+
return (jsxs("div", { className: clsx(className, 'image', mode && "image_mode_".concat(mode), type && "image_type_".concat(type), cursorClass && "cursor_".concat(cursorClass), horizontalAlignClass && "image_horizontal-align_".concat(horizontalAlignClass), verticalAlignClass && "image_vertical-align_".concat(verticalAlignClass), shapeClass && "image_shape_".concat(shapeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), resizeModeClass && "image_resize-mode_".concat(resizeModeClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass)), style: styles, onClick: onClick, children: [before, jsxs("div", { className: clsx('image__wrapper', imageWrapperClassName), style: wrapperStyles, children: [jsx("img", { className: clsx('image__item', imageWidthClass && "width_".concat(imageWidthClass), imageHeightClass && "height_".concat(imageHeightClass), imageClassName, borderColorClass && "border-color_".concat(borderColorClass), borderColorImageClass && "border-color-image_".concat(borderColorImageClass)), alt: alt || title, src: src, style: imageStyles, title: title || alt, onError: onError }), overlay, caption, children] }), after] }));
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
export { Image as I };
|
|
@@ -5,7 +5,7 @@ var React = require('react');
|
|
|
5
5
|
var clsx = require('clsx');
|
|
6
6
|
var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
|
|
7
7
|
var Icon = require('../../Icon-3VtRLW-J.js');
|
|
8
|
-
var Image = require('../../Image-
|
|
8
|
+
var Image = require('../../Image-BbBG_UGI.js');
|
|
9
9
|
var Text = require('../../Text-Beslj4Ns.js');
|
|
10
10
|
require('../../tslib.es6-CCZ3TN_7.js');
|
|
11
11
|
require('lodash/camelCase');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var clsx = require('clsx');
|
|
5
5
|
var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
|
|
6
|
-
var Image = require('../../Image-
|
|
6
|
+
var Image = require('../../Image-BbBG_UGI.js');
|
|
7
7
|
var Text = require('../../Text-Beslj4Ns.js');
|
|
8
8
|
require('../../tslib.es6-CCZ3TN_7.js');
|
|
9
9
|
require('react');
|
|
@@ -30,7 +30,7 @@ function Logo(props) {
|
|
|
30
30
|
var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, alignItemsClass = classGenerator.alignItemsClass, widthClass = classGenerator.widthClass;
|
|
31
31
|
// @ts-expect-error
|
|
32
32
|
var logo = useStyles.useStyles(props).styles;
|
|
33
|
-
return (jsxRuntime.jsx("div", { className: clsx(className, 'logo', alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignItemsClass && "logo_align-items_".concat(alignItemsClass), alt, title, mode && "logo_mode_".concat(mode), (size || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size)) && "logo_size_".concat(size || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size)), widthClass && "width_".concat(widthClass)), style: logo, children: link || href ? (jsxRuntime.jsx(Link.LinkWrapper, { className: "logo__link", href: link || href, children: jsxRuntime.jsx("img", { className: "logo__image", alt: alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt), src: src || source || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.src) || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.source), title: title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title) }) })) : (jsxRuntime.jsx("img", { className: "logo__image", alt: alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt), src: src || source || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.src) || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.source), title: title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title) })) }));
|
|
33
|
+
return (jsxRuntime.jsx("div", { className: clsx(className, 'logo', alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignItemsClass && "logo_align-items_".concat(alignItemsClass), alt, title, mode && "logo_mode_".concat(mode), (size || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size)) && "logo_size_".concat(size || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size)), widthClass && "width_".concat(widthClass)), style: logo, children: link || href ? (jsxRuntime.jsx(Link.LinkWrapper, { className: "logo__link", href: link || href, children: jsxRuntime.jsx("img", { className: "logo__image", alt: alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt) || title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title), src: src || source || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.src) || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.source), title: title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title) || alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt) }) })) : (jsxRuntime.jsx("img", { className: "logo__image", alt: alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt) || title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title), src: src || source || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.src) || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.source), title: title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title) || alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt) })) }));
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
exports.Logo = Logo;
|
|
@@ -3,7 +3,7 @@ import { useMemo } from 'react';
|
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
|
|
5
5
|
import { I as Icon } from '../Icon-C9FlOMr9.js';
|
|
6
|
-
import { I as Image } from '../Image-
|
|
6
|
+
import { I as Image } from '../Image-D-QHhsrC.js';
|
|
7
7
|
import { T as Text } from '../Text-JayJa3hj.js';
|
|
8
8
|
import '../tslib.es6-5FtW-kfi.js';
|
|
9
9
|
import 'lodash/camelCase';
|
package/dist/components/Card.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
|
|
4
|
-
import { I as Image } from '../Image-
|
|
4
|
+
import { I as Image } from '../Image-D-QHhsrC.js';
|
|
5
5
|
import { T as Text } from '../Text-JayJa3hj.js';
|
|
6
6
|
import '../tslib.es6-5FtW-kfi.js';
|
|
7
7
|
import 'react';
|
package/dist/components/Image.js
CHANGED
package/dist/components/Logo.js
CHANGED
|
@@ -28,7 +28,7 @@ function Logo(props) {
|
|
|
28
28
|
var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, alignItemsClass = classGenerator.alignItemsClass, widthClass = classGenerator.widthClass;
|
|
29
29
|
// @ts-expect-error
|
|
30
30
|
var logo = useStyles(props).styles;
|
|
31
|
-
return (jsx("div", { className: clsx(className, 'logo', alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignItemsClass && "logo_align-items_".concat(alignItemsClass), alt, title, mode && "logo_mode_".concat(mode), (size || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size)) && "logo_size_".concat(size || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size)), widthClass && "width_".concat(widthClass)), style: logo, children: link || href ? (jsx(LinkWrapper, { className: "logo__link", href: link || href, children: jsx("img", { className: "logo__image", alt: alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt), src: src || source || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.src) || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.source), title: title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title) }) })) : (jsx("img", { className: "logo__image", alt: alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt), src: src || source || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.src) || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.source), title: title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title) })) }));
|
|
31
|
+
return (jsx("div", { className: clsx(className, 'logo', alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignItemsClass && "logo_align-items_".concat(alignItemsClass), alt, title, mode && "logo_mode_".concat(mode), (size || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size)) && "logo_size_".concat(size || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size)), widthClass && "width_".concat(widthClass)), style: logo, children: link || href ? (jsx(LinkWrapper, { className: "logo__link", href: link || href, children: jsx("img", { className: "logo__image", alt: alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt) || title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title), src: src || source || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.src) || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.source), title: title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title) || alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt) }) })) : (jsx("img", { className: "logo__image", alt: alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt) || title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title), src: src || source || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.src) || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.source), title: title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title) || alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt) })) }));
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
export { Logo, logoConfig };
|