colibri-ui 0.7.7 → 0.7.9

package/base/InputRoot/index.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var react = require('react');
+var styles = require('./styles.js');
+
+var InputRoot = /*#__PURE__*/react.forwardRef(function (_a, ref) {
+  var className = _a.className,
+    startIcon = _a.startIcon,
+    endIcon = _a.endIcon,
+    children = _a.children,
+    _b = _a.variant,
+    variant = _b === void 0 ? "primary" : _b,
+    disabled = _a.disabled,
+    error = _a.error,
+    size = _a.size;
+  return jsxRuntime.jsxs(styles.BaseInputRoot, {
+    ref: ref,
+    className: className,
+    variant: variant,
+    isError: error ? 1 : 0,
+    disabled: disabled,
+    size: size,
+    children: [startIcon && jsxRuntime.jsx(styles.BaseIcon, {
+      children: startIcon
+    }), children, endIcon && jsxRuntime.jsx(styles.BaseIcon, {
+      children: endIcon
+    }), disabled && jsxRuntime.jsx(styles.BaseDisableWrapper, {})]
+  });
+});
+
+exports.default = InputRoot;

package/base/InputRoot/index.props.d.ts

@@ -0,0 +1,41 @@
+import type { CSSObject } from "@emotion/react";
+import type { ReactNode } from "react";
+export type InputSize = "s" | "m" | "l";
+type VariantStyles = {
+    color?: CSSObject["color"];
+    backgroundColor?: CSSObject["backgroundColor"];
+    borderColor?: CSSObject["borderColor"];
+    boxShadow?: CSSObject["boxShadow"];
+};
+type PlaceholderStyles = {
+    color?: CSSObject["color"];
+};
+type VariantStates = {
+    normal?: VariantStyles;
+    hovered?: VariantStyles;
+    focused?: VariantStyles;
+    active?: VariantStyles;
+    disabled?: VariantStyles;
+    error?: {
+        normal?: VariantStyles;
+        hovered?: VariantStyles;
+        focused?: VariantStyles;
+    };
+};
+export type InputVariant = {
+    primary: VariantStates;
+};
+export type PlaceholderProps = {
+    placeholder: PlaceholderStyles;
+};
+export type InputProps = {
+    variant?: keyof InputVariant;
+    disabled: boolean;
+    error?: boolean;
+    className?: string;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    children: ReactNode;
+    size?: InputSize;
+};
+export {};

package/base/InputRoot/styles.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import type { InputSize, InputVariant } from "./index.props";
+export declare const BaseInputRoot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    disabled: boolean;
+    isError?: number | undefined;
+    size?: InputSize | undefined;
+    variant: keyof InputVariant;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BaseInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BasePlaceholder: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const BaseIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BaseDisableWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;