@itcase/ui 1.1.25 → 1.2.1

package/dist/cjs/Dot-CKWexdtn.js

@@ -1,40 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-function Dot(props) {
-    var className = props.className, children = props.children;
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'dot_shape_',
-        propsKey: 'shape',
-    });
-    var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'dot_size_',
-        propsKey: 'size',
-    });
-    // @ts-expect-error
-    var styles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default(className, 'dot', borderColorClass, borderTypeClass, fillClass, shapeClass, sizeClass), style: styles, children: children }));
-}
-Dot.defaultProps = {};
-
-exports.Dot = Dot;

package/dist/cjs/Drawer-AQqI18ra.js

@@ -1,146 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var clsx = require('clsx');
-var React = require('react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-var getDirectionStyle = function getDirectionStyle(dir, size) {
-  var directionStyle = {
-    left: {
-      top: 0,
-      left: 0,
-      transform: 'translate3d(-100%, 0, 0)',
-      width: size,
-      height: '100vh'
-    },
-    right: {
-      top: 0,
-      right: 0,
-      transform: 'translate3d(100%, 0, 0)',
-      width: size,
-      height: '100vh'
-    },
-    bottom: {
-      left: 0,
-      right: 0,
-      bottom: 0,
-      transform: 'translate3d(0, 100%, 0)',
-      width: '100%',
-      height: size
-    },
-    top: {
-      left: 0,
-      right: 0,
-      top: 0,
-      transform: 'translate3d(0, -100%, 0)',
-      width: '100%',
-      height: size
-    }
-  };
-  return directionStyle[dir];
-};
-
-var EZDrawer = function EZDrawer(props) {
-  var open = props.open,
-      _props$onClose = props.onClose,
-      onClose = _props$onClose === void 0 ? function () {} : _props$onClose,
-      children = props.children,
-      style = props.style,
-      _props$enableOverlay = props.enableOverlay,
-      enableOverlay = _props$enableOverlay === void 0 ? true : _props$enableOverlay,
-      _props$overlayColor = props.overlayColor,
-      overlayColor = _props$overlayColor === void 0 ? '#000' : _props$overlayColor,
-      _props$overlayOpacity = props.overlayOpacity,
-      overlayOpacity = _props$overlayOpacity === void 0 ? 0.4 : _props$overlayOpacity,
-      _props$zIndex = props.zIndex,
-      zIndex = _props$zIndex === void 0 ? 100 : _props$zIndex,
-      _props$duration = props.duration,
-      duration = _props$duration === void 0 ? 500 : _props$duration,
-      direction = props.direction,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 250 : _props$size,
-      className = props.className,
-      customIdSuffix = props.customIdSuffix,
-      _props$lockBackground = props.lockBackgroundScroll,
-      lockBackgroundScroll = _props$lockBackground === void 0 ? false : _props$lockBackground,
-      _props$overlayClassNa = props.overlayClassName,
-      overlayClassName = _props$overlayClassNa === void 0 ? '' : _props$overlayClassNa;
-  var bodyRef = React.useRef(null);
-  React.useEffect(function () {
-    var updatePageScroll = function updatePageScroll() {
-      bodyRef.current = window.document.querySelector('body');
-
-      if (bodyRef.current && lockBackgroundScroll) {
-        bodyRef.current.style.overflow = open ? 'hidden' : '';
-      }
-    };
-
-    updatePageScroll();
-  }, [open]);
-  var idSuffix = React.useMemo(function () {
-    return customIdSuffix || (Math.random() + 1).toString(36).substring(7);
-  }, [customIdSuffix]);
-  var overlayStyles = {
-    backgroundColor: overlayColor.toString(),
-    opacity: overlayOpacity,
-    zIndex: zIndex
-  };
-
-  var drawerStyles = _extends({
-    zIndex: zIndex + 1,
-    transitionDuration: duration + "ms"
-  }, getDirectionStyle(direction, size), style);
-
-  return React__default.default.createElement("div", {
-    id: 'EZDrawer' + idSuffix,
-    className: 'EZDrawer'
-  }, React__default.default.createElement("input", {
-    type: 'checkbox',
-    id: 'EZDrawer__checkbox' + idSuffix,
-    className: 'EZDrawer__checkbox',
-    onChange: onClose,
-    checked: open
-  }), React__default.default.createElement("nav", {
-    role: 'navigation',
-    id: 'EZDrawer__container' + idSuffix,
-    style: drawerStyles,
-    className: 'EZDrawer__container ' + className
-  }, children), enableOverlay && React__default.default.createElement("label", {
-    htmlFor: 'EZDrawer__checkbox' + idSuffix,
-    id: 'EZDrawer__overlay' + idSuffix,
-    className: 'EZDrawer__overlay ' + overlayClassName,
-    style: overlayStyles
-  }));
-};
-
-function Drawer(props) {
-    var children = props.children, isOpenModal = props.isOpenModal, after = props.after, before = props.before, className = props.className, closeModal = props.closeModal, dataTour = props.dataTour, direction = props.direction, enableOverlay = props.enableOverlay, size = props.size, type = props.type;
-    return (jsxRuntime.jsxRuntimeExports.jsxs(EZDrawer, { direction: direction || 'right', enableOverlay: enableOverlay, lockBackgroundScroll: false, 
-        // @ts-expect-error
-        open: isOpenModal, overlayClassName: "drawer__overlay", size: size || 600, className: clsx__default.default('drawer', type && "drawer_type_".concat(type), className, dataTour && "data-tour-".concat(dataTour)), onClose: closeModal, children: [before && jsxRuntime.jsxRuntimeExports.jsx("div", { className: "drawer__before", children: before }), children && jsxRuntime.jsxRuntimeExports.jsx("div", { className: "drawer__wrapper", children: children }), after && jsxRuntime.jsxRuntimeExports.jsx("div", { className: "drawer__after", children: after })] }));
-}
-
-exports.Drawer = Drawer;

package/dist/cjs/FlexItem-2KlvlTJY.js

@@ -1,125 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-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.useDeviceTargetClass(props, {
-        prefix: 'flex_align-content_',
-        propsKey: 'alignContent',
-    });
-    var alignItemsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'flex_align-items_',
-        propsKey: 'alignItems',
-    });
-    var justifyContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'flex_justify-content_',
-        propsKey: 'justifyContent',
-    });
-    var wrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'flex_wrap_',
-        propsKey: 'wrap',
-    });
-    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'flex_direction_',
-        propsKey: 'direction',
-    });
-    var flowClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'flex_flow_',
-        propsKey: 'flow',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'flex_shape_',
-        propsKey: 'shape',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'position_',
-        propsKey: 'position',
-    });
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    // @ts-expect-error
-    var _b = useStyles.useStyles(props), flexStyles = _b.styles, flexWrapperStyles = _b.wrapper;
-    return (jsxRuntime.jsxRuntimeExports.jsx(Tag, { className: clsx__default.default(className, 'flex', widthClass, alignContentClass, alignItemsClass, directionClass, fillClass, flowClass, borderColorClass, borderTypeClass, positionClass, justifyContentClass, shapeClass, type && "flex_type_".concat(type), wrapClass), id: id, style: flexStyles, onClick: onClick, children: jsxRuntime.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.useDeviceTargetClass(props, {
-        prefix: 'flex__item_align-self_',
-        propsKey: 'alignSelf',
-    });
-    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'flex__item_direction_',
-        propsKey: 'direction',
-    });
-    var growClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'flex__item_grow_',
-        propsKey: 'grow',
-    });
-    var alignItemsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'flex__item_align-items_',
-        propsKey: 'alignItems',
-    });
-    var justifyContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'flex__item_justify-content_',
-        propsKey: 'justifyContent',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'flex__item_shape_',
-        propsKey: 'shape',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'resize-horizontal_',
-        propsKey: 'width',
-    });
-    var wrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'flex__item_wrap_',
-        propsKey: 'wrap',
-    });
-    var positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'position_',
-        propsKey: 'position',
-    });
-    // @ts-expect-error
-    var flexItemStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsx(Tag, { className: clsx__default.default(className, 'flex__item', positionClass, alignItemsClass, alignSelfClass, directionClass, fillClass, fillHoverClass, growClass, justifyContentClass, shapeClass, widthClass, wrapClass), htmlFor: htmlFor, style: flexItemStyles, children: children }));
-}
-FlexItem.defaultProps = {
-    tag: 'div',
-};
-
-exports.Flex = Flex;
-exports.FlexItem = FlexItem;

package/dist/cjs/GridRow-CAqZZGge.js

@@ -1,157 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-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.useDeviceTargetClass(props, {
-        prefix: 'grid_columns_',
-        propsKey: 'columns',
-    });
-    var rowsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'grid_rows_',
-        propsKey: 'rows',
-    });
-    var rowGapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'grid_row-gap_',
-        propsKey: 'rowGap',
-    });
-    var columnGapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'grid_column-gap_',
-        propsKey: 'columnGap',
-    });
-    var alignContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'grid_align-content_',
-        propsKey: 'alignContent',
-    });
-    var alignItemsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'grid_align-items_',
-        propsKey: 'alignItems',
-    });
-    var justifyContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'grid_justify-content_',
-        propsKey: 'justifyContent',
-    });
-    var justifyItemsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'grid_justify-items_',
-        propsKey: 'justifyItems',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    // @ts-expect-error
-    var gridStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsxs(Tag, { className: clsx__default.default(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 && jsxRuntime.jsxRuntimeExports.jsx("div", { className: "grid__before", children: before }), children, after && jsxRuntime.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.useDeviceTargetClass(props, {
-        prefix: 'order_',
-        propsKey: 'order',
-    });
-    var alignSelfClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'grid__item_align-self_',
-        propsKey: 'alignSelf',
-    });
-    var justifySelfClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'grid__item_justify-self_',
-        propsKey: 'justifySelf',
-    });
-    var columnStartClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'grid__item_column-start_',
-        propsKey: 'columnStart',
-    });
-    var columnEndClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'grid__item_column-end_',
-        propsKey: 'columnEnd',
-    });
-    var columnSpanClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'grid__item_column-span_',
-        propsKey: 'columnSpan',
-    });
-    var rowStartClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'grid__item_row-start_',
-        propsKey: 'rowStart',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'height_',
-        propsKey: 'height',
-    });
-    var rowEndClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'grid__item_row-end_',
-        propsKey: 'rowEnd',
-    });
-    var rowSpanClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'grid__item_row-span_',
-        propsKey: 'rowSpan',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var gapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'gap_',
-        propsKey: 'gap',
-    });
-    var rowGapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'row-gap_',
-        propsKey: 'rowGap',
-    });
-    var columnGapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'column-gap_',
-        propsKey: 'columnGap',
-    });
-    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'direction_',
-        propsKey: 'direction',
-    });
-    // @ts-expect-error
-    var gridItemStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { "data-tour": dataTour, id: id, style: gridItemStyles, className: clsx__default.default(className, 'grid__item', orderClass, fillClass, fillHoverClass, alignSelfClass, justifySelfClass, columnStartClass, columnEndClass, columnSpanClass, rowStartClass, rowEndClass, rowSpanClass, directionClass, gapClass, widthClass, heightClass, rowGapClass, columnGapClass), 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.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    // @ts-expect-error
-    var gridRowStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsx(Tag, { className: clsx__default.default(className, 'grid__row', fillClass, fillHoverClass), "data-tour": dataTour, htmlFor: htmlFor, id: id, style: gridRowStyles, onClick: onClick, children: children }));
-}
-GridRow.defaultProps = {
-    tag: 'div',
-};
-
-exports.Grid = Grid;
-exports.GridItem = GridItem;
-exports.GridRow = GridRow;

package/dist/cjs/HTMLContent-4vI2pdQC.js

@@ -1,91 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var useStyles = require('./hooks/useStyles.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-function HTMLContent(props) {
-    var children = props.children, className = props.className, content = props.content, dataTour = props.dataTour, style = props.style, onClick = props.onClick;
-    var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'alignDirection',
-    });
-    var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'align',
-    });
-    var justifyContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'justify-content_',
-        propsKey: 'justifyContent',
-    });
-    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'html-content_direction_',
-        propsKey: 'direction',
-    });
-    var wrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'html-content_wrap_',
-        propsKey: 'wrap',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'html-content_shape_',
-        propsKey: 'shape',
-    });
-    var columnsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'html-content_columns_',
-        propsKey: 'columns',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'height_',
-        propsKey: 'height',
-    });
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    var flexGrowClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'flex-grow_',
-        propsKey: 'flexGrow',
-    });
-    var elevationClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'elevation_',
-        propsKey: 'elevation',
-    });
-    var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_',
-        propsKey: 'textColor',
-    });
-    var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'textWeight',
-    });
-    // @ts-expect-error
-    var htmlContentStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: content }, "data-tour": dataTour, style: Object.assign({}, htmlContentStyles, style), className: clsx__default.default(className, 'html-content', alignClass, alignDirectionClass, borderColorClass, borderTypeClass, borderWidthClass, columnsClass, directionClass, elevationClass, fillClass, fillHoverClass, flexGrowClass, heightClass, justifyContentClass, shapeClass, textColorClass, weightClass, wrapClass, widthClass), onClick: onClick, children: children }));
-}
-
-exports.HTMLContent = HTMLContent;

package/dist/cjs/InputPassword-CbrEhEJB.js

@@ -1,115 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
-var React = require('react');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
-var Icon = require('./Icon-C7ZJyN5o.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-var inputPasswordConfig = {
-    state: undefined,
-    setState: function (newComponent) {
-        inputPasswordConfig.state = newComponent;
-    },
-    appearance: undefined,
-    setAppearance: function (newComponent) {
-        inputPasswordConfig.appearance = newComponent;
-    },
-};
-function InputPassword(props) {
-    var appearance = props.appearance, state = props.state, id = props.id, iconFill = props.iconFill, iconRevealableHide = props.iconRevealableHide, iconRevealableShow = props.iconRevealableShow, iconFillHover = props.iconFillHover, iconShape = props.iconShape, iconSize = props.iconSize, isRevealable = props.isRevealable, className = props.className, placeholder = props.placeholder, disabled = props.disabled, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'input-password__input_size_',
-        propsKey: 'size',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'input-password__input_shape_',
-        propsKey: 'shape',
-    });
-    var textSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text_size_',
-        propsKey: 'textSize',
-    });
-    var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-color_',
-        propsKey: 'textColor',
-    });
-    var caretClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'caret-color_',
-        propsKey: 'caret',
-    });
-    var placeholderTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'placeholder-text-color_',
-        propsKey: 'placeholderTextColor',
-    });
-    var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'textWeight',
-    });
-    var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var _a = React.useState(false), isRevealed = _a[0], setIsRevealed = _a[1];
-    var inputType = React.useMemo(function () {
-        return isRevealed ? 'text' : 'password';
-    }, [isRevealed]);
-    var revealeHandler = React.useCallback(function (e) {
-        e.preventDefault();
-        setIsRevealed(function (prev) { return !prev; });
-    }, [setIsRevealed]);
-    var appearanceConfig = appearance && inputPasswordConfig.appearance && inputPasswordConfig.appearance[appearance];
-    var stateConfig = React.useMemo(function () { return state && inputPasswordConfig.state && inputPasswordConfig.state[state]; }, [state, inputPasswordConfig]);
-    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "input-password", children: [jsxRuntime.jsxRuntimeExports.jsx("input", { className: clsx__default.default(className, 'input-password__input', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, fillClass, placeholderTextColorClass, shapeClass ||
-                    ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
-                        "input-password__input_shape_".concat(appearanceConfig.shape)
-                            .replace(/([A-Z])/g, '-$1')
-                            .toLowerCase()), textSizeClass ||
-                    ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize) &&
-                        "text_size_".concat(appearanceConfig.textSize).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, widthClass, borderWidthClass, sizeClass ||
-                    ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
-                        "input-password__input_size_".concat(appearanceConfig.size)
-                            .replace(/([A-Z])/g, '-$1')
-                            .toLowerCase()), borderColorClass ||
-                    ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.borderColor) &&
-                        "border-color_".concat(stateConfig.borderColor).replace(/([A-Z])/g, '-$1').toLowerCase()) ||
-                    ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
-                        "border-color_".concat(appearanceConfig.borderColor)
-                            .replace(/([A-Z])/g, '-$1')
-                            .toLowerCase()), placeholderTextColorClass ||
-                    ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.placeholderTextColor) &&
-                        "placeholder-text-color_".concat(stateConfig.placeholderTextColor)
-                            .replace(/([A-Z])/g, '-$1')
-                            .toLowerCase()) ||
-                    ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.placeholderTextColor) &&
-                        "placeholder-text-color_".concat(appearanceConfig.placeholderTextColor)
-                            .replace(/([A-Z])/g, '-$1')
-                            .toLowerCase()), textColorClass ||
-                    ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.textColor) &&
-                        "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()) ||
-                    ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
-                        "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())), type: inputType, id: String(id), disabled: disabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }), isRevealable && (jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { className: "input-password__icon", iconFill: iconFill, iconFillHover: iconFillHover, SvgImage: isRevealed ? iconRevealableHide : iconRevealableShow, imageSrc: isRevealed ? iconRevealableHide : iconRevealableShow, shape: iconShape, size: iconSize, onClick: revealeHandler }))] }));
-}
-InputPassword.defaultProps = {
-    size: 'm',
-    type: 'text',
-};
-
-exports.InputPassword = InputPassword;
-exports.inputPasswordConfig = inputPasswordConfig;