@ama-pt/agora-design-system 3.0.0 → 3.1.0

package/artifacts/dist/types/components/input-search/input-search.d.ts

@@ -22,6 +22,10 @@ export interface InputSearchProps extends ComponentProps<'input'> {
      * Defines the state of the feedback text. This param will change the feedback icon and dye it.
      */
     feedbackState?: FeedbackState;
+    /**
+     * Error feedback text displayed below input.
+     */
+    errorFeedbackText?: ReactNode;
     /**
      * The flag to set if the label and feedback text is in dark mode or light mode.
      */

package/artifacts/dist/types/components/input-select/input-select.d.ts

@@ -45,6 +45,10 @@ export interface InputSelectProps extends Omit<ComponentProps<'select'>, 'option
      * Feedback text displayed below input.
      */
     feedbackText?: ReactNode;
+    /**
+     * Error feedback text displayed below input.
+     */
+    errorFeedbackText?: ReactNode;
     /**
      * Show or hide the leading icon.
      */

package/artifacts/dist/types/components/input-text/input-text.d.ts

@@ -22,6 +22,10 @@ export interface InputTextProps extends ComponentProps<'input'> {
      * Defines the state of the feedback text. This param will change the feedback icon and dye it.
      */
     feedbackState?: FeedbackState;
+    /**
+     * Error feedback text displayed below input.
+     */
+    errorFeedbackText?: ReactNode;
     /**
      * The flag to set if the label and feedback text is in dark mode or light mode.
      */

package/artifacts/dist/types/components/input-textarea/input-textarea.d.ts

@@ -26,6 +26,10 @@ export interface InputTextAreaProps extends ComponentProps<'textarea'> {
      * Feedback text displayed below input.
      */
     feedbackText?: ReactNode;
+    /**
+     * Error feedback text displayed below input.
+     */
+    errorFeedbackText?: ReactNode;
     /**
      * The flag to set if the label and feedback text is in dark mode or light mode.
      */

package/artifacts/dist/types/components/input-time/input-time.d.ts

@@ -30,6 +30,10 @@ export interface InputTimeProps extends ComponentProps<'input'> {
      * Feedback text displayed below input.
      */
     feedbackText?: ReactNode;
+    /**
+     * Error feedback text displayed below input.
+     */
+    errorFeedbackText?: ReactNode;
     /**
      * Show or hide the leading icon.
      */

package/artifacts/dist/types/components/list/list.d.ts

@@ -1,6 +1,7 @@
 import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
 import { ItemProps } from './item';
 import './list.scss';
+import { BooleanProp } from '../../models';
 export type ListStyle = 'none' | 'bullet' | 'number' | 'icon';
 export interface ListProps extends ComponentPropsWithoutRef<'ul'> {
     /**
@@ -19,5 +20,9 @@ export interface ListProps extends ComponentPropsWithoutRef<'ul'> {
      * Children content.
      */
     children?: ReactElement<ItemProps> | Array<ReactElement<ItemProps>>;
+    /**
+     * Add a darkMode to the list.
+     */
+    darkMode?: BooleanProp;
 }
 export declare const List: FC<ListProps>;

package/artifacts/dist/types/components/progress-bar/progress-bar.d.ts

@@ -33,14 +33,18 @@ export interface ProgressBarProps extends ComponentProps<'div'> {
     /**
      * Whether the progress bar is the first or not.
      */
-    isFirst: boolean;
+    isFirst?: boolean;
     /**
      * Whether the progress bar is the last or not.
      */
-    isLast: boolean;
+    isLast?: boolean;
     /**
      * Whether the progress bass is in the middle or not.
      */
     isMiddle?: boolean;
+    /**
+     * The flag to set if the progress bar is in dark mode or light mode.
+     */
+    darkMode?: BooleanProp;
 }
 export declare const ProgressBar: FC<ProgressBarProps>;

package/artifacts/dist/types/components/progress-bar-group/progress-bar-group.d.ts

@@ -1,6 +1,7 @@
 import { FC, HtmlHTMLAttributes, ReactElement } from 'react';
 import { ProgressBarProps } from '../../components/progress-bar';
 import './progress-bar-group.scss';
+import { BooleanProp } from '../../models';
 export interface ProgressBarGroupProps extends HtmlHTMLAttributes<HTMLDivElement> {
     /**
      * The label text to display.
@@ -22,5 +23,9 @@ export interface ProgressBarGroupProps extends HtmlHTMLAttributes<HTMLDivElement
      * Whether to display the progress bars in a sequential order or not.
      */
     sequential?: boolean;
+    /**
+     * The flag to set if the progress bar group is in dark mode or light mode.
+     */
+    darkMode?: BooleanProp;
 }
 export declare const ProgressBarGroup: FC<ProgressBarGroupProps>;

package/artifacts/dist/types/components/switch/switch.d.ts

@@ -3,6 +3,10 @@ import { ComponentProps, FC, ReactNode } from 'react';
 import './switch.scss';
 export type SwitchPosition = 'start' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
 export interface SwitchProps extends ComponentProps<'input'> {
+    /**
+     * The flag to set dark mode as active or not.
+     */
+    darkMode?: BooleanProp;
     /**
      * Input label text.
      */

package/artifacts/dist/types/components/uploader/button-uploader/button-uploader.d.ts

@@ -1,6 +1,10 @@
 import { BooleanProp, FeedbackState } from '../../../models';
 import { ComponentProps, FC, ReactNode } from 'react';
 import './button-uploader.scss';
+export interface ButtonUploaderElement extends HTMLInputElement {
+    input: HTMLInputElement | null;
+    reset: () => void;
+}
 export interface ButtonUploaderProps extends ComponentProps<'input'> {
     /**
      * Label for the input file uploader.

package/artifacts/dist/types/hooks/use-window-size.d.ts

@@ -1,4 +1,7 @@
-declare const useWindowSize: () => {
+declare const useWindowSize: (fallback?: {
+    width: number;
+    height: number;
+}) => {
     width: number;
     height: number;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ama-pt/agora-design-system",
   "description": "Ágora Design system",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "main": "artifacts/dist/index.mjs",
   "module": "artifacts/dist/index.umd.js",
   "files": [