@ttoss/ui 2.0.1 → 2.0.3

package/dist/esm/index.js

@@ -147,12 +147,12 @@ import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var Input = /*#__PURE__*/React3.forwardRef(({
   leadingIcon,
   onLeadingIconClick,
-  trailingIcon,
   onTrailingIconClick,
   className,
   sx,
   ...inputProps
 }, ref) => {
+  const trailingIcon = inputProps["aria-invalid"] ? "warning-alt" : inputProps.trailingIcon;
   return /* @__PURE__ */jsxs4(Flex, {
     className,
     sx: {
@@ -303,7 +303,7 @@ var Select = /*#__PURE__*/React5.forwardRef(({
           fontSize: "base"
         },
         children: /* @__PURE__ */jsx8(Icon, {
-          icon: "error"
+          icon: "warning-alt"
         })
       })]
     }),

package/dist/index.d.mts

@@ -0,0 +1,108 @@
+import * as theme_ui from 'theme-ui';
+import { Theme, BadgeProps as BadgeProps$1, ButtonProps as ButtonProps$1, InputProps as InputProps$1, LabelProps as LabelProps$1, LinkProps as LinkProps$1, SelectProps, IconButtonProps, TextareaProps as TextareaProps$1, TextProps, FlexProps } from 'theme-ui';
+export { BaseStyles, Box, BoxProps, Card, CardProps, Checkbox, CheckboxProps, ContainerProps, Divider, DividerProps, Flex, FlexProps, Global, Grid, GridProps, Heading, HeadingProps, IconButtonProps, Image, ImageProps, Progress as LinearProgress, ProgressProps as LinearProgressProps, Paragraph, ParagraphProps, Radio, RadioProps, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, SxProp, Text, TextProps, Theme } from 'theme-ui';
+export { useBreakpointIndex, useResponsiveValue } from '@theme-ui/match-media';
+export { Keyframes, keyframes } from '@emotion/react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { IconifyIconProps, IconifyIconHTMLElement } from '@iconify-icon/react';
+import { IconifyIcon } from '@iconify/types';
+
+type ThemeProviderProps = {
+    children?: React.ReactNode;
+    theme?: Theme;
+    /**
+     * Fonts URLs.
+     */
+    fonts?: string[];
+};
+declare const ThemeProvider: ({ children, theme, fonts, }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
+
+declare const useTheme: () => theme_ui.ThemeUIContextValue;
+
+type IconType = string | IconifyIcon;
+type IconProps = Omit<IconifyIconProps, 'ref'>;
+declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<IconifyIconHTMLElement | null>>;
+
+type BadgeProps = BadgeProps$1 & {
+    icon?: IconType;
+};
+declare const Badge: ({ icon, children, sx, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
+
+type ButtonProps = ButtonProps$1 & {
+    leftIcon?: IconType;
+    rightIcon?: IconType;
+    loading?: boolean;
+};
+declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+interface InputProps extends InputProps$1 {
+    leadingIcon?: IconType;
+    onLeadingIconClick?: () => void;
+    trailingIcon?: IconType;
+    onTrailingIconClick?: () => void;
+}
+declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+type LabelProps = LabelProps$1 & {
+    tooltip?: boolean;
+    onTooltipClick?: () => void;
+};
+declare const Label: ({ children, onTooltipClick, tooltip, sx, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
+
+type LinkProps = LinkProps$1 & {
+    quiet?: boolean;
+};
+declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+
+declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+
+declare const IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+declare const InfiniteLinearProgress: () => react_jsx_runtime.JSX.Element;
+
+interface TextareaProps extends TextareaProps$1 {
+    trailingIcon?: IconType;
+}
+declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+
+declare const Container: React.ForwardRefExoticComponent<theme_ui.BoxProps & React.RefAttributes<HTMLDivElement>>;
+
+type HelpTextProps = Omit<TextProps, 'variant'> & {
+    disabled?: boolean;
+    negative?: boolean;
+};
+declare const HelpText: ({ sx, disabled, negative, ...props }: HelpTextProps) => react_jsx_runtime.JSX.Element;
+
+type CloseButtonProps = ButtonProps$1 & {
+    label?: string;
+    onlyText?: boolean;
+};
+declare const CloseButton: React.ForwardRefExoticComponent<Omit<CloseButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+type InputNumberProps = Omit<InputProps$1, 'type' | 'variant' | 'onChange'> & {
+    onChange: (value: number) => void;
+    value?: number;
+    infoIcon?: boolean;
+    onClickInfoIcon?: () => void;
+};
+declare const InputNumber: React.ForwardRefExoticComponent<Omit<InputNumberProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+type StackProps = FlexProps;
+/**
+ * A component that renders its children in a column.
+ */
+declare const Stack: React.ForwardRefExoticComponent<theme_ui.BoxProps & React.RefAttributes<HTMLElement>>;
+
+type InputPasswordProps = Omit<InputProps, 'trailingIcon' | 'onTrailingIconClick' | 'type'> & {
+    showPasswordByDefault?: boolean;
+};
+declare const InputPassword: React.ForwardRefExoticComponent<Omit<InputPasswordProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+type ActionButtonProps = Omit<ButtonProps, 'rightIcon' | 'leftIcon' | 'variant'> & {
+    icon: ButtonProps['leftIcon'];
+    variant?: 'default' | 'accent' | 'quiet';
+};
+declare const ActionButton: ({ icon, variant, sx, ...props }: ActionButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { ActionButton, ActionButtonProps, Badge, BadgeProps, Button, ButtonProps, CloseButton, CloseButtonProps, Container, HelpText, HelpTextProps, Icon, IconButton, IconProps, IconType, InfiniteLinearProgress, Input, InputNumber, InputNumberProps, InputPassword, InputPasswordProps, InputProps, Label, LabelProps, Link, LinkProps, Select, Stack, StackProps, Textarea, TextareaProps, ThemeProvider, ThemeProviderProps, useTheme };

package/dist/index.js

@@ -224,12 +224,12 @@ var import_jsx_runtime5 = require("react/jsx-runtime");
 var Input = React3.forwardRef(({
   leadingIcon,
   onLeadingIconClick,
-  trailingIcon,
   onTrailingIconClick,
   className,
   sx,
   ...inputProps
 }, ref) => {
+  const trailingIcon = inputProps["aria-invalid"] ? "warning-alt" : inputProps.trailingIcon;
   return /* @__PURE__ */(0, import_jsx_runtime5.jsxs)(import_theme_ui8.Flex, {
     className,
     sx: {
@@ -380,7 +380,7 @@ var Select = React5.forwardRef(({
           fontSize: "base"
         },
         children: /* @__PURE__ */(0, import_jsx_runtime8.jsx)(Icon, {
-          icon: "error"
+          icon: "warning-alt"
         })
       })]
     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/ui",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "Primitive layout, typographic, and other components for styling applications.",
   "author": "ttoss",
   "contributors": [
@@ -23,7 +23,7 @@
     "@iconify-icon/react": "^1.0.7",
     "@theme-ui/match-media": "^0.16.0",
     "theme-ui": "^0.16.0",
-    "@ttoss/theme": "^1.5.4"
+    "@ttoss/theme": "^1.5.5"
   },
   "peerDependencies": {
     "@emotion/react": "^11",
@@ -33,13 +33,13 @@
     "@emotion/react": "^11.11.1",
     "@iconify-icons/mdi-light": "^1.2.5",
     "@iconify/types": "^2.0.0",
-    "@types/jest": "^29.5.2",
+    "@types/jest": "^29.5.3",
     "@types/react": "^18.2.12",
-    "jest": "^29.5.0",
+    "jest": "^29.6.1",
     "react": "^18.2.0",
-    "tsup": "^7.0.0",
-    "@ttoss/config": "^1.30.4",
-    "@ttoss/test-utils": "^1.23.5"
+    "tsup": "^7.1.0",
+    "@ttoss/config": "^1.30.5",
+    "@ttoss/test-utils": "^1.23.6"
   },
   "keywords": [
     "React",

package/src/components/Input.tsx

@@ -14,7 +14,6 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
     {
       leadingIcon,
       onLeadingIconClick,
-      trailingIcon,
       onTrailingIconClick,
       className,
       sx,
@@ -22,6 +21,10 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
     },
     ref
   ) => {
+    const trailingIcon = inputProps['aria-invalid']
+      ? 'warning-alt'
+      : inputProps.trailingIcon;
+
     return (
       <Flex
         className={className}

package/src/components/Select.tsx

@@ -42,7 +42,7 @@ export const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
                   fontSize: 'base',
                 }}
               >
-                <Icon icon="error" />
+                <Icon icon="warning-alt" />
               </Text>
             )}
           </>