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

package/artifacts/dist/tailwind.css

@@ -937,6 +937,10 @@ input[type]::placeholder{
   margin: 32px;
 }
 
+.m-64{
+  margin: 64px;
+}
+
 .m-auto{
   margin: auto;
 }

package/artifacts/dist/types/components/cards/card-action/card-action-styles.d.ts

@@ -0,0 +1,15 @@
+import { CardActionStyles } from './card-action';
+import { ButtonVariant } from '../../button/button';
+type CardActionStylesBody = {
+    backgroundColor: string;
+    textColor?: string;
+    titleColor?: string;
+    hasBorder?: boolean;
+    isBorderWhite?: boolean;
+    buttonVariant?: ButtonVariant;
+    buttonDarkMode?: boolean;
+    iconColor?: string;
+};
+export type CardActionStylesMap = Record<CardActionStyles, CardActionStylesBody>;
+export declare const cardActionStylesMap: CardActionStylesMap;
+export {};

package/artifacts/dist/types/components/cards/card-action/card-action.d.ts

@@ -0,0 +1,74 @@
+import React, { FC } from 'react';
+import './card-action.scss';
+export type CardActionStyles = 'white' | 'neutral-100' | 'primary-100' | 'secondary-100' | 'primary-300' | 'secondary-300' | 'primary-500' | 'primary-700' | 'primary-900' | 'white-line' | 'primary-900-line';
+export interface CardActionProps {
+    /**
+     * style of card action
+     */
+    variant?: CardActionStyles;
+    /**
+     * it allow you align title, text and button
+     */
+    alignment?: 'left' | 'center';
+    /**
+     * show the image within the card
+     */
+    hasImg?: boolean;
+    /**
+     * source of image
+     */
+    imgSrc?: string;
+    /**
+     * alternative text to image
+     */
+    imgAlt?: string;
+    /**
+     * show the card horizontally
+     */
+    isCardHorizontal?: boolean;
+    /**
+     * show the icon logo
+     */
+    hasIconLogo?: boolean;
+    /**
+     * name of icon logo
+     */
+    iconLogoName?: string;
+    /**
+     * title of card
+     */
+    title: string;
+    /**
+     * text to show within the card
+     */
+    text: string;
+    /**
+     * show icon within the button
+     */
+    buttonHasIcon?: boolean;
+    /**
+     * allow the button get all empty space
+     */
+    isButtonFullWidth?: boolean;
+    /**
+     * name of button
+     */
+    buttonValue: string;
+    /**
+     * name of icon to show inside of button
+     */
+    buttonLeadingIcon?: string;
+    /**
+     * name of icon to show when hover the button
+     */
+    buttonLeadingIconHover?: string;
+    /**
+     * function called when click on the button
+     */
+    onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * additional class names for the card action component
+     */
+    className?: string;
+}
+export declare const CardAction: FC<CardActionProps>;

package/artifacts/dist/types/components/cards/card-action/index.d.ts

@@ -0,0 +1,2 @@
+export { CardAction } from './card-action';
+export type { CardActionProps } from './card-action';

package/artifacts/dist/types/components/cards/index.d.ts

@@ -15,3 +15,4 @@ export * from './card-links';
 export * from './card-no-results';
 export * from './card-single';
 export * from './card-topic';
+export * from './card-action';

package/artifacts/dist/types/components/glossary-letters/glossary-letters.d.ts

@@ -20,6 +20,10 @@ export interface GlossaryLettersProps extends ComponentProps<'div'> {
      * Letters Array
      */
     letters?: GlossaryLetter[];
+    /**
+     * Turn the dark mode on or off.
+     */
+    darkMode?: boolean;
 }
 declare const GlossaryLetters: FC<GlossaryLettersProps>;
 export { GlossaryLetters };

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/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.0.1",
   "main": "artifacts/dist/index.mjs",
   "module": "artifacts/dist/index.umd.js",
   "files": [