@ama-pt/agora-design-system 3.3.1 → 3.3.3

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

@@ -0,0 +1,9 @@
+import { CardIllustrativeVariants } from './card-illustrative';
+import { AnchorVariant } from '../../../components/anchor';
+type CardIllustrativeAnchorVariantsBody = {
+    anchorVariant?: AnchorVariant;
+    anchorDarkMode?: boolean;
+};
+export type CardIllustrativeAnchorVariantsMap = Record<CardIllustrativeVariants, CardIllustrativeAnchorVariantsBody>;
+export declare const cardIllustrativeAnchorVariantsMap: CardIllustrativeAnchorVariantsMap;
+export {};

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

@@ -0,0 +1,53 @@
+import { ComponentProps, FC, ReactNode } from 'react';
+import './card-illustrative.css';
+import { BooleanProp } from '../../../models';
+import { AnchorProps } from '../../../components/anchor';
+export type CardIllustrativeVariants = 'white' | 'neutral-100' | 'primary-100' | 'secondary-100' | 'primary-300' | 'secondary-300' | 'primary-500' | 'primary-700' | 'primary-900' | 'image';
+export type CardImageFilterOptions = 'neutral-900' | 'primary-900' | 'secondary-900';
+export interface CardIllustrativeProps extends Omit<ComponentProps<'div'>, 'title'> {
+    /**
+     * title of card
+     */
+    title: ReactNode;
+    /**
+     * subtitle of card
+     */
+    subtitle?: ReactNode;
+    /**
+     * description of card
+     */
+    description?: ReactNode;
+    /**
+     * Variant of card illustrative
+     */
+    variant?: CardIllustrativeVariants;
+    /**
+     * overlay filter to apply to the image
+     */
+    imageFilter?: CardImageFilterOptions;
+    /**
+     * show the card horizontally
+     */
+    isCardHorizontal?: BooleanProp;
+    /**
+     * show the bookmark icon
+     */
+    showBookmarkIcon?: BooleanProp;
+    /**
+     * Background illustration element can be SVG node or Img node
+     */
+    bgIllustration?: ReactNode;
+    /**
+     * Background illustration element on hover can be SVG node or Img node
+     */
+    bgIllustrationHover?: ReactNode;
+    /**
+     * Definition of the AgoraDS anchor to be draw if specified.
+     */
+    mainAnchor?: AnchorProps;
+    /**
+     * Definition of the main link of the card. It can be any framework specific link. Like NextJS Link component. It will override the mainAnchor prop.
+     */
+    mainLink?: ReactNode;
+}
+export declare const CardIllustrative: FC<CardIllustrativeProps>;

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

@@ -0,0 +1,2 @@
+export { CardIllustrative } from './card-illustrative';
+export type { CardIllustrativeProps } from './card-illustrative';

package/artifacts/dist/types/components/cards/card-illustrative/utils/image-utils.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement, ReactNode } from 'react';
+export declare const getSVGElement: (children?: ReactNode) => ReactElement<SVGElement> | null;
+export declare const getImageElement: (children?: ReactNode) => ReactElement<HTMLImageElement> | null;

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

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

package/artifacts/dist/types/components/dropdown/internals/internal-dropdown-section.d.ts

@@ -1,6 +1,7 @@
 import { BooleanProp } from '../../../models';
 import { FC, ReactElement } from 'react';
 import { InternalDropdownOptionProps } from './internal-dropdown-option';
+import './internal-dropdown-section.css';
 export interface InternalDropdownSectionProps {
     className?: string;
     name: string;

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

@@ -1,4 +1,4 @@
-import { FC, HTMLProps, SVGProps } from 'react';
+import React, { HTMLProps, SVGProps } from 'react';
 import { IconName } from './assets/index';
 import './icon.css';
 /**
@@ -24,5 +24,5 @@ export interface IconProps extends BasicIconProps {
      */
     onIconError?: () => void;
 }
-export declare const Icon: FC<IconProps>;
+export declare const Icon: React.NamedExoticComponent<IconProps>;
 export {};

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

@@ -1,11 +1,11 @@
 import { ChangeEvent, ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp, FeedbackState } from '../../models';
+import { CountryPhoneProps } from './country-phone.model';
+import './input-phone.css';
 export declare const PhoneCountryCodes: string[];
 export type PhoneCountryCode = (typeof PhoneCountryCodes)[number];
 export declare const PhoneCountryISOs: string[];
 export type PhoneCountryISO = (typeof PhoneCountryISOs)[number];
-import { CountryPhoneProps } from './country-phone.model';
-import './input-phone.css';
 export interface InputPhoneElement extends HTMLInputElement {
     iso: PhoneCountryISO;
     code: PhoneCountryCode;
@@ -87,6 +87,10 @@ export interface InputPhoneProps extends ComponentProps<'input'> {
      *  allow you to say what is the acronym to Direct Dialing In, the default is DDI
      */
     acronymForDirectDialing?: string;
+    /**
+     *  Use the given custom countries list instead of the default one (must be in the correct format).
+     */
+    customCountriesList?: CountryPhoneProps[];
 }
 declare const InputPhone: FC<InputPhoneProps>;
 export { InputPhone };

package/artifacts/dist/types/components/skip-navigation/skip-navigation-single.d.ts

@@ -3,5 +3,6 @@ export interface SkipNavigationSingleProps extends ComponentProps<'div'> {
     className: string | undefined;
     containerSkipNavRef: RefObject<HTMLDivElement>;
     singleLink: ReactElement;
+    targetRef?: RefObject<HTMLElement>;
 }
 export declare const SkipNavigationSingle: FC<SkipNavigationSingleProps>;

package/artifacts/dist/types/configs/tailwind-config.d.ts

@@ -234,6 +234,9 @@ declare const AgoraTailwindConfig: {
             backdrop: string;
             mask: {
                 image: string;
+                'neutral-900': string;
+                'primary-900': string;
+                'secondary-900': string;
             };
             neutral: {
                 50: string;

package/artifacts/dist/types/hooks/index.d.ts

@@ -1,3 +1,2 @@
 export { useWindowSize } from './use-window-size';
 export { useBreakpointScreenValues } from './use-breakpoints-to-number';
-export { useClientOrServerEffect } from './use-client-or-server-effect';

package/package.json

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

package/artifacts/dist/types/hooks/use-client-or-server-effect.d.ts

@@ -1,3 +0,0 @@
-import { useEffect } from 'react';
-declare const useClientOrServerEffect: typeof useEffect;
-export { useClientOrServerEffect };