@uxf/ui 1.0.0-beta.43 → 1.0.0-beta.45

package/button/button.d.ts

@@ -5,10 +5,10 @@ export declare type ButtonVariant = keyof ButtonVariants;
 export declare type ButtonSize = keyof ButtonSizes;
 export declare type ButtonColor = keyof ButtonColors;
 export interface ButtonProps extends AnchorHTMLAttributes<HTMLAnchorElement>, UseAnchorProps {
-    variant?: ButtonVariant;
     color?: ButtonColor;
-    size?: ButtonSize;
     isFullWidth?: boolean;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
 }
 declare const _default: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement>>;
 export default _default;

package/button/button.js

@@ -3,19 +3,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const classes_1 = require("@uxf/core/constants/classes");
 const useAnchorProps_1 = require("@uxf/core/hooks/useAnchorProps");
 const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = __importDefault(require("react"));
 const forward_ref_1 = require("../utils/forward-ref");
 function Button(props, ref) {
-    var _a, _b, _c;
-    const className = (0, cx_1.cx)("uxf-button", `uxf-button--color-${(_a = props.color) !== null && _a !== void 0 ? _a : "default"}`, `uxf-button--size-${(_b = props.size) !== null && _b !== void 0 ? _b : "default"}`, `uxf-button--variant-${(_c = props.variant) !== null && _c !== void 0 ? _c : "default"}`, props.disabled && classes_1.CLASSES.IS_DISABLED, props.loading && classes_1.CLASSES.IS_LOADING, props.isFullWidth && "uxf-button--full-width");
+    // eslint-disable-next-line react/destructuring-assignment
+    const { color, isFullWidth, size, variant, ...restProps } = props;
+    const className = (0, cx_1.cx)("uxf-button", `uxf-button--color-${color !== null && color !== void 0 ? color : "default"}`, `uxf-button--size-${size !== null && size !== void 0 ? size : "default"}`, `uxf-button--variant-${variant !== null && variant !== void 0 ? variant : "default"}`, isFullWidth && "uxf-button--full-width", props.className);
     const anchorProps = (0, useAnchorProps_1.useAnchorProps)({
-        ...props,
+        ...restProps,
         className,
     });
-    return (react_1.default.createElement("a", { ref: ref, ...anchorProps, className: className },
+    return (react_1.default.createElement("a", { ref: ref, ...anchorProps },
         typeof props.children === "string" ? (react_1.default.createElement("span", { className: "uxf-button__text" }, props.children)) : (props.children),
         react_1.default.createElement("div", { className: "loader" })));
 }

package/input/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { Input as RootInput } from "./input";
-import LeftElement from "./input-left-element";
-import RightElement from "./input-right-element";
 import LeftAddon from "./input-left-addon";
+import LeftElement from "./input-left-element";
 import RightAddon from "./input-right-addon";
+import RightElement from "./input-right-element";
 export declare const Input: typeof RootInput & {
     Element: import("react").ForwardRefExoticComponent<import("./input-element").InputElementProps & import("react").RefAttributes<HTMLInputElement>>;
     LeftElement: typeof LeftElement;

package/input/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 const input_1 = require("./input");
 const input_element_1 = __importDefault(require("./input-element"));
-const input_left_element_1 = __importDefault(require("./input-left-element"));
-const input_right_element_1 = __importDefault(require("./input-right-element"));
 const input_left_addon_1 = __importDefault(require("./input-left-addon"));
+const input_left_element_1 = __importDefault(require("./input-left-element"));
 const input_right_addon_1 = __importDefault(require("./input-right-addon"));
+const input_right_element_1 = __importDefault(require("./input-right-element"));
 exports.Input = Object.assign(input_1.Input, {
     Element: input_element_1.default,
     LeftElement: input_left_element_1.default,

package/input/input-left-addon.d.ts

@@ -3,4 +3,7 @@ interface InputLeftAddonProps {
     children: ReactNode;
 }
 declare function InputLeftAddon(props: InputLeftAddonProps): JSX.Element;
+declare namespace InputLeftAddon {
+    var displayName: string;
+}
 export default InputLeftAddon;

package/input/input-left-addon.js

@@ -7,4 +7,5 @@ const react_1 = __importDefault(require("react"));
 function InputLeftAddon(props) {
     return react_1.default.createElement("div", { className: "uxf-input__left-addon" }, props.children);
 }
+InputLeftAddon.displayName = "InputLeftAddon";
 exports.default = InputLeftAddon;

package/input/input-left-element.d.ts

@@ -3,4 +3,7 @@ interface InputLeftElementProps {
     children?: ReactNode;
 }
 declare function InputLeftElement(props: InputLeftElementProps): JSX.Element;
+declare namespace InputLeftElement {
+    var displayName: string;
+}
 export default InputLeftElement;

package/input/input-left-element.js

@@ -7,4 +7,5 @@ const react_1 = __importDefault(require("react"));
 function InputLeftElement(props) {
     return react_1.default.createElement("div", { className: "uxf-input__left-element" }, props.children);
 }
+InputLeftElement.displayName = "InputLeftElement";
 exports.default = InputLeftElement;

package/input/input-right-addon.d.ts

@@ -1,6 +1,9 @@
 import { ReactNode } from "react";
-interface InputRightAddonProps {
+export interface InputRightAddonProps {
     children: ReactNode;
 }
 declare function InputRightAddon(props: InputRightAddonProps): JSX.Element;
+declare namespace InputRightAddon {
+    var displayName: string;
+}
 export default InputRightAddon;

package/input/input-right-addon.js

@@ -7,4 +7,5 @@ const react_1 = __importDefault(require("react"));
 function InputRightAddon(props) {
     return react_1.default.createElement("div", { className: "uxf-input__right-addon" }, props.children);
 }
+InputRightAddon.displayName = "InputRightAddon";
 exports.default = InputRightAddon;

package/input/input-right-element.d.ts

@@ -3,4 +3,7 @@ interface InputRightElementProps {
     children?: ReactNode;
 }
 declare function InputRightElement(props: InputRightElementProps): JSX.Element;
+declare namespace InputRightElement {
+    var displayName: string;
+}
 export default InputRightElement;

package/input/input-right-element.js

@@ -7,4 +7,5 @@ const react_1 = __importDefault(require("react"));
 function InputRightElement(props) {
     return react_1.default.createElement("div", { className: "uxf-input__right-element" }, props.children);
 }
+InputRightElement.displayName = "InputRightElement";
 exports.default = InputRightElement;

package/label/label.d.ts

@@ -4,6 +4,7 @@ export interface LabelProps {
     className?: string;
     form?: string;
     htmlFor?: string;
+    id?: string;
     isRequired?: boolean;
     onClick?: MouseEventHandler<HTMLLabelElement>;
 }

package/label/label.js

@@ -9,6 +9,6 @@ const react_1 = __importDefault(require("react"));
 const forward_ref_1 = require("../utils/forward-ref");
 function Label(props, ref) {
     const className = (0, cx_1.cx)("uxf-label", props.isRequired && classes_1.CLASSES.IS_REQUIRED, props.className);
-    return (react_1.default.createElement("label", { className: className, ref: ref, htmlFor: props.htmlFor, form: props.form, onClick: props.onClick }, props.children));
+    return (react_1.default.createElement("label", { className: className, form: props.form, htmlFor: props.htmlFor, id: props.id, onClick: props.onClick, ref: ref }, props.children));
 }
 exports.default = (0, forward_ref_1.forwardRef)("Label", Label);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/ui",
-  "version": "1.0.0-beta.43",
+  "version": "1.0.0-beta.45",
   "description": "",
   "publishConfig": {
     "access": "public"