@homecode/ui 4.18.55 → 4.18.56

package/dist/esm/index.js

@@ -13,7 +13,6 @@ export { Form } from './src/components/Form/Form.js';
 export { Gallery } from './src/components/Gallery/Gallery.js';
 export { Heading } from './src/components/Heading/Heading.js';
 export { Icon, icons } from './src/components/Icon/Icon.js';
-export { IconButton } from './src/components/IconButton/IconButton.js';
 export { Input } from './src/components/Input/Input.js';
 export { InputFile } from './src/components/InputFile/InputFile.js';
 export { Label } from './src/components/Label/Label.js';

package/dist/esm/src/components/Button/Button.js

@@ -6,9 +6,9 @@ import S from './Button.styl.js';
 import { focusOnClick } from './Button.helpers.js';
 
 function Button(props) {
-    const { className, loading, checked, square, onMouseUp, children, type = 'button', variant = 'default', size = 'm', prefixElem, postfixElem, onRef, ...rest } = props;
+    const { className, loading, checked, square, round, onMouseUp, children, type = 'button', variant = 'default', size = 'm', prefixElem, postfixElem, onRef, ...rest } = props;
     const { disabled } = props;
-    const classes = cn(S.root, S[`size-${size}`], S[`variant-${variant}`], loading && S.loading, checked && S.checked, square && S.square, className);
+    const classes = cn(S.root, S[`size-${size}`], S[`variant-${variant}`], loading && S.loading, checked && S.checked, square && S.square, round && S.round, className);
     const [buttonElem, setButtonElem] = useState(null);
     const onRefHandler = useCallback(elem => {
         if (onRef)

package/dist/esm/src/components/Button/Button.styl.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".Button_root__SZns2{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 0 2px none;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;justify-content:center;line-height:1em;text-decoration:none;transition:.2s ease-out;transition-property:background-color,box-shadow,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Button_root__SZns2:focus,.Button_root__SZns2:hover{background-color:var(--active-color-alpha-100)}.Button_root__SZns2[disabled]{background-color:var(--accent-color-alpha-100);opacity:.4;pointer-events:none}.Button_postfix__DwG-n,.Button_prefix__czqd5{display:flex}.Button_prefix__czqd5:not(:last-child){margin-right:.5em}.Button_postfix__DwG-n:not(:first-child){margin-left:.5em}.Button_size-s__-SIY1{border-radius:4px;font-size:16px;min-height:30px;min-width:30px;padding:0 8px}.Button_size-s__-SIY1.Button_square__eYSY3{max-height:30px;width:30px}.Button_size-m__TBXc-{border-radius:6px;font-size:20px;min-height:40px;min-width:40px;padding:0 12px}.Button_size-m__TBXc-.Button_square__eYSY3{max-height:40px;width:40px}.Button_size-l__Sx37T{border-radius:8px;font-size:24px;min-height:50px;min-width:50px;padding:0 14px}.Button_size-l__Sx37T.Button_square__eYSY3{max-height:50px}.Button_square__eYSY3{justify-content:center;padding:0}.Button_variant-clear__z1HZm:focus,.Button_variant-clear__z1HZm:hover,.Button_variant-default__vbo51:focus,.Button_variant-default__vbo51:hover{background-color:var(--active-color-alpha-300)}.Button_variant-clear__z1HZm{background-color:transparent}.Button_variant-default__vbo51{background-color:var(--accent-color-alpha-100)}.Button_variant-outlined__shnIq{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.Button_variant-outlined__shnIq:focus{background-color:var(--active-color-alpha-300);box-shadow:inset 0 0 0 2px var(--active-color)}.Button_variant-primary__zhEQI{background-color:var(--active-color);color:var(--accent-color-alpha-900)}.Button_variant-primary__zhEQI:hover{background-color:var(--active-color-alpha-800)}.Button_variant-primary__zhEQI:focus{background-color:var(--active-color);box-shadow:inset 0 0 0 2px var(--accent-color)}.Button_spinner__ttaMr{margin-left:var(--indent-s)}.Button_root__SZns2:active,.Button_root__SZns2:hover{background-color:var(--active-color-alpha-300)}.Button_root__SZns2:active{opacity:.7}.Button_root__SZns2.Button_loading__c4pdo{pointer-events:none}.Button_root__SZns2.Button_checked__X7f58,.Button_root__SZns2.Button_checked__X7f58:hover{background-color:var(--accent-color);box-shadow:none;color:var(--decent-color)}.Button_root__SZns2.Button_checked__X7f58 path{fill:var(--decent-color)}";
-var S = {"root":"Button_root__SZns2","prefix":"Button_prefix__czqd5","postfix":"Button_postfix__DwG-n","size-s":"Button_size-s__-SIY1","square":"Button_square__eYSY3","size-m":"Button_size-m__TBXc-","size-l":"Button_size-l__Sx37T","variant-clear":"Button_variant-clear__z1HZm","variant-default":"Button_variant-default__vbo51","variant-outlined":"Button_variant-outlined__shnIq","variant-primary":"Button_variant-primary__zhEQI","spinner":"Button_spinner__ttaMr","loading":"Button_loading__c4pdo","checked":"Button_checked__X7f58"};
+var css_248z = ".Button_root__SZns2{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:inset 0 0 0 2px none;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;justify-content:center;line-height:1em;text-decoration:none;transition:.2s ease-out;transition-property:background-color,box-shadow,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Button_root__SZns2:focus,.Button_root__SZns2:hover{background-color:var(--active-color-alpha-100)}.Button_root__SZns2[disabled]{background-color:var(--accent-color-alpha-100);opacity:.4;pointer-events:none}.Button_root__SZns2:active{opacity:.7}.Button_root__SZns2.Button_loading__c4pdo{pointer-events:none}.Button_root__SZns2.Button_checked__X7f58,.Button_root__SZns2.Button_checked__X7f58:hover{background-color:var(--accent-color);box-shadow:none;color:var(--decent-color)}.Button_root__SZns2.Button_checked__X7f58 path{fill:var(--decent-color)}.Button_postfix__DwG-n,.Button_prefix__czqd5{display:flex}.Button_prefix__czqd5:not(:last-child){margin-right:.5em}.Button_postfix__DwG-n:not(:first-child){margin-left:.5em}.Button_size-s__-SIY1{border-radius:4px;font-size:16px;min-height:30px;min-width:30px;padding:0 8px}.Button_size-s__-SIY1.Button_square__eYSY3{max-height:30px;width:30px}.Button_size-m__TBXc-{border-radius:6px;font-size:20px;min-height:40px;min-width:40px;padding:0 12px}.Button_size-m__TBXc-.Button_square__eYSY3{max-height:40px;width:40px}.Button_size-l__Sx37T{border-radius:8px;font-size:24px;min-height:50px;min-width:50px;padding:0 14px}.Button_size-l__Sx37T.Button_square__eYSY3{max-height:50px}.Button_square__eYSY3{justify-content:center;padding:0}.Button_round__Bxofy.Button_size-s__-SIY1{border-radius:15px}.Button_round__Bxofy.Button_size-m__TBXc-{border-radius:20px}.Button_round__Bxofy.Button_size-l__Sx37T{border-radius:25px}.Button_variant-clear__z1HZm:active,.Button_variant-clear__z1HZm:focus,.Button_variant-clear__z1HZm:hover,.Button_variant-default__vbo51:active,.Button_variant-default__vbo51:focus,.Button_variant-default__vbo51:hover,.Button_variant-outlined__shnIq:active,.Button_variant-outlined__shnIq:hover,.Button_variant-primary__zhEQI:active,.Button_variant-primary__zhEQI:hover{background-color:var(--active-color-alpha-300)}.Button_variant-text__oCx0X{background-color:transparent}.Button_variant-text__oCx0X:hover{background-color:transparent!important;color:var(--active-color)}.Button_variant-text__oCx0X:focus{background-color:transparent;color:var(--active-color)}.Button_variant-clear__z1HZm{background-color:transparent}.Button_variant-default__vbo51{background-color:var(--accent-color-alpha-100)}.Button_variant-outlined__shnIq{background-color:transparent;box-shadow:inset 0 0 0 2px var(--accent-color)}.Button_variant-outlined__shnIq:focus{background-color:var(--active-color-alpha-300);box-shadow:inset 0 0 0 2px var(--active-color)}.Button_variant-primary__zhEQI{background-color:var(--active-color);color:var(--accent-color-alpha-900)}.Button_variant-primary__zhEQI:hover{background-color:var(--active-color-alpha-800)}.Button_variant-primary__zhEQI:focus{background-color:var(--active-color);box-shadow:inset 0 0 0 2px var(--accent-color)}.Button_spinner__ttaMr{margin-left:var(--indent-s)}";
+var S = {"root":"Button_root__SZns2","loading":"Button_loading__c4pdo","checked":"Button_checked__X7f58","prefix":"Button_prefix__czqd5","postfix":"Button_postfix__DwG-n","size-s":"Button_size-s__-SIY1","square":"Button_square__eYSY3","size-m":"Button_size-m__TBXc-","size-l":"Button_size-l__Sx37T","round":"Button_round__Bxofy","variant-clear":"Button_variant-clear__z1HZm","variant-default":"Button_variant-default__vbo51","variant-outlined":"Button_variant-outlined__shnIq","variant-primary":"Button_variant-primary__zhEQI","variant-text":"Button_variant-text__oCx0X","spinner":"Button_spinner__ttaMr"};
 styleInject(css_248z);
 
 export { S as default };

package/dist/esm/src/components/Icon/Icon.styl.js

@@ -1,6 +1,6 @@
 import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ".Icon_root__Uzney{color:inherit;display:inline-block;pointer-events:none}.Icon_size-xs__T-Npk{height:8px;width:8px}.Icon_size-s__qftZG{height:12px;width:12px}.Icon_size-m__7xCDX{height:16px;width:16px}.Icon_size-l__Eq1Fb{height:20px;width:20px}.Icon_size-xl__ChZL5{height:26px;width:26px}";
+var css_248z = ".Icon_root__Uzney{color:inherit;display:inline-block;pointer-events:none}.Icon_size-xs__T-Npk{height:12px;width:12px}.Icon_size-s__qftZG{height:18px;width:18px}.Icon_size-m__7xCDX{height:22px;width:22px}.Icon_size-l__Eq1Fb{height:28px;width:28px}.Icon_size-xl__ChZL5{height:34px;width:34px}";
 var S = {"root":"Icon_root__Uzney","size-xs":"Icon_size-xs__T-Npk","size-s":"Icon_size-s__qftZG","size-m":"Icon_size-m__7xCDX","size-l":"Icon_size-l__Eq1Fb","size-xl":"Icon_size-xl__ChZL5"};
 styleInject(css_248z);
 

package/dist/esm/src/components/Input/Input.js

@@ -37,7 +37,6 @@ import '../Form/SubmitButtons/SubmitButtons.styl.js';
 import '../Spinner/Spinner.styl.js';
 import '../Gallery/Gallery.styl.js';
 import '../Heading/Heading.js';
-import '../IconButton/IconButton.styl.js';
 import '../InputFile/InputFile.styl.js';
 import '../InputFile/Item/Item.styl.js';
 import '../LightBox/LightBox.styl.js';

package/dist/esm/src/components/InputFile/InputFile.js

@@ -39,7 +39,6 @@ import '../Form/Validator.js';
 import '../Form/SubmitButtons/SubmitButtons.styl.js';
 import '../Gallery/Gallery.styl.js';
 import '../Heading/Heading.js';
-import '../IconButton/IconButton.styl.js';
 import '../LightBox/LightBox.styl.js';
 import '../Notifications/Notifications.js';
 import '../PopupMenu/PopupMenu.styl.js';

package/dist/esm/types/src/components/Button/Button.types.d.ts

@@ -3,11 +3,12 @@ import { Size } from 'uilib/types';
 export type Props = ButtonHTMLAttributes<HTMLButtonElement> & {
     className?: string;
     children: ReactNode;
-    variant?: 'clear' | 'default' | 'outlined' | 'primary';
+    variant?: 'text' | 'clear' | 'default' | 'outlined' | 'primary';
     size?: Size;
     loading?: boolean;
     checked?: boolean;
     square?: boolean;
+    round?: boolean;
     prefixElem?: ReactNode;
     postfixElem?: ReactNode;
     onRef?: (ref: HTMLButtonElement) => void;

package/dist/esm/types/src/components/index.d.ts

@@ -13,7 +13,6 @@ export * from './Form/Form';
 export * from './Gallery/Gallery';
 export * from './Heading/Heading';
 export * from './Icon/Icon';
-export * from './IconButton/IconButton';
 export * from './Input/Input';
 export * from './InputFile/InputFile';
 export * from './Label/Label';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.18.55",
+  "version": "4.18.56",
   "description": "React UI components library",
   "scripts": {
     "test": "jest",

package/dist/esm/src/components/IconButton/IconButton.js

@@ -1,13 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import cn from 'classnames';
-import { Button } from '../Button/Button.js';
-import { Icon } from '../Icon/Icon.js';
-import S from './IconButton.styl.js';
-
-function IconButton({ type, size, className, contentBefore, contentAfter, 
-// @ts-ignore
-...rest }) {
-    return (jsxs(Button, { ...rest, className: cn(S.root, className), variant: "clear", size: size, children: [contentBefore, jsx(Icon, { type: type, size: size }), contentAfter] }));
-}
-
-export { IconButton };

package/dist/esm/src/components/IconButton/IconButton.styl.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".IconButton_root__qAQqw{background-color:transparent!important}.IconButton_root__qAQqw:hover{color:var(--active-color)}";
-var S = {"root":"IconButton_root__qAQqw"};
-styleInject(css_248z);
-
-export { S as default };

package/dist/esm/types/src/components/IconButton/IconButton.d.ts

@@ -1,12 +0,0 @@
-import type { ReactNode } from 'react';
-import type { IconType } from 'uilib/components/Icon/Icon.types';
-import type { ButtonProps } from 'uilib/components/Button/Button';
-import type { Size } from 'uilib/types';
-export type IconButtonProps = Omit<ButtonProps, 'variant' | 'square' | 'children'> & {
-    type: IconType;
-    className?: string;
-    size?: Size;
-    contentBefore?: ReactNode;
-    contentAfter?: ReactNode;
-};
-export declare function IconButton({ type, size, className, contentBefore, contentAfter, ...rest }: IconButtonProps): JSX.Element;