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

package/artifacts/dist/tailwind.css

@@ -1788,10 +1788,6 @@ input[type]::placeholder{
   grid-template-rows: repeat(7, minmax(0, 1fr));
 }
 
-.grid-rows-8{
-  grid-template-rows: repeat(8, minmax(0, 1fr));
-}
-
 .flex-row{
   flex-direction: row;
 }
@@ -1856,6 +1852,10 @@ input[type]::placeholder{
   gap: 32px;
 }
 
+.gap-48{
+  gap: 48px;
+}
+
 .gap-64{
   gap: 64px;
 }
@@ -27733,9 +27733,9 @@ input[type]::placeholder{
     grid-column-end: 8;
   }
 
-  .md\:mx-auto{
-    margin-left: auto;
-    margin-right: auto;
+  .md\:mx-64{
+    margin-left: 64px;
+    margin-right: 64px;
   }
 
   .md\:my-0{
@@ -40126,6 +40126,11 @@ input[type]::placeholder{
     padding-bottom: 128px;
   }
 
+  .xl\:py-16{
+    padding-top: 16px;
+    padding-bottom: 16px;
+  }
+
   .xl\:py-64{
     padding-top: 64px;
     padding-bottom: 64px;

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

@@ -42,6 +42,10 @@ export interface AnchorProps extends ComponentProps<'a'> {
      * Defines the name of the leading icon to be displayed on mouse hover. If none specified, it will the appropriate variant of the icon.
      */
     leadingIconHover?: string;
+    /**
+     * Defines the name of the leading icon to be displayed when the anchor is active. If none specified, it will the appropriate variant of the icon.
+     */
+    leadingIconActive?: string;
     /**
      * Defines the name of the trailing icon to use.
      */
@@ -50,6 +54,10 @@ export interface AnchorProps extends ComponentProps<'a'> {
      * Defines the name of the trailing icon to be displayed on mouse hover. If none specified, it will the appropriate variant of the icon.
      */
     trailingIconHover?: string;
+    /**
+     * Defines the name of the trailing icon to be displayed when the anchor is active. If none specified, it will the appropriate variant of the icon.
+     */
+    trailingIconActive?: string;
     /**
      * Children content.
      */

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

@@ -6,7 +6,7 @@ export interface CardCollectionProps extends Omit<ComponentPropsWithoutRef<'div'
     /**
      * Card Collection heading level title.
      */
-    headingLevel: HeadingLevel;
+    headingLevel?: HeadingLevel;
     /**
      * Defines the subtitle
      */

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

@@ -16,7 +16,7 @@ export interface CardExpandableProps extends Omit<ComponentProps<'div'>, 'title'
     /**
      * Heading level to apply in the card.
      */
-    cardHeadingLevel: HeadingLevel;
+    cardHeadingLevel?: HeadingLevel;
     /**
      * Card title.
      */
@@ -48,7 +48,7 @@ export interface CardExpandableProps extends Omit<ComponentProps<'div'>, 'title'
     /**
      * CardAccordion heading level title.
      */
-    accordionHeadingLevel: HeadingLevel;
+    accordionHeadingLevel?: HeadingLevel;
     /**
      * CardAccordion header title.
      */

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

@@ -1,7 +1,8 @@
-import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
-import { BooleanProp, HeadingLevel } from '../../../models';
 import { AnchorProps } from '../../../components/anchor';
+import { BooleanProp, HeadingLevel } from '../../../models';
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 import './card-frame.css';
+export type CardFrameLinkPosition = 'bottom' | 'right';
 export interface CardFrameProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Children content.
@@ -10,18 +11,26 @@ export interface CardFrameProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Heading level to apply in the card.
      */
-    headingLevel: HeadingLevel;
+    headingLevel?: HeadingLevel;
     /**
      * Label header.
      */
     label: ReactNode;
     /**
-     * Definition of the anchor to be draw if specified.
+     * Definition of the AgoraDS anchor to be draw if specified.
      */
     mainAnchor?: AnchorProps;
     /**
-     * Makes the whole card clickable and activates the link.
+     * 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;
+    /**
+     * Makes the whole card clickable. When card is clicked the mainAnchor or mainLink will activate.
      */
     blockedLink?: BooleanProp;
+    /**
+     * Positions the link bellow or on the right side of the card.
+     */
+    linkPosition?: CardFrameLinkPosition;
 }
 export declare const CardFrame: FC<CardFrameProps>;

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

@@ -1,2 +1,2 @@
 export { CardFrame } from './card-frame';
-export type { CardFrameProps } from './card-frame';
+export type { CardFrameProps, CardFrameLinkPosition } from './card-frame';

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

@@ -27,7 +27,7 @@ export interface CardLinksProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**
      * The title of the card.
      */
-    title: ReactNode;
+    title?: ReactNode;
     /**
      * The description of the card.
      */
@@ -40,6 +40,10 @@ export interface CardLinksProps extends Omit<ComponentProps<'div'>, 'title'> {
      * Anchor props to render in heading.
      */
     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;
     /**
      * The list of links of the card.
      */

package/artifacts/dist/types/components/cards/shared/use-blocked-link-v2.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+export interface IUseBlockedLink {
+    parentCardRef: RefObject<HTMLDivElement | null>;
+    anchorRef: RefObject<HTMLAnchorElement | null>;
+    mainLinkRef?: RefObject<HTMLSpanElement | null>;
+    blockedLink?: boolean;
+}
+declare const useBlockedLinkV2: ({ parentCardRef, anchorRef, mainLinkRef, blockedLink }: IUseBlockedLink) => void;
+export { useBlockedLinkV2 };

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

@@ -22,7 +22,7 @@ export interface HeaderElement extends ComponentProps<'div'> {
     closeAll: () => void;
 }
 export interface HeaderProps {
-    ref: Ref<HeaderElement>;
+    ref?: Ref<HeaderElement>;
     darkMode?: BooleanProp;
     maxNavigationItems?: number;
     children?: ReactElement<BrandProps | GeneralBarProps> | ReactElement<BrandProps | GeneralBarProps>[];

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

@@ -1,6 +1,7 @@
-import { ComponentProps, FC, ReactNode } from 'react';
+import React, { ComponentProps, Dispatch, FC, ReactNode } from 'react';
 import { BooleanProp, FeedbackState, Months, WeekDays } from '../../models';
 import './input-date.css';
+import { IconSetState } from '../../components/shared/icon-set/icon-set';
 export interface InputDateProps extends ComponentProps<'input'> {
     /**
      * Input label text.
@@ -131,5 +132,6 @@ export interface InputDateProps extends ComponentProps<'input'> {
      */
     okAriaLabel?: string;
 }
+export declare const callbackWith: (setInputWrapperHovered: Dispatch<React.SetStateAction<IconSetState>>, value: IconSetState) => () => void;
 declare const InputDate: FC<InputDateProps>;
 export { InputDate };

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

@@ -4,7 +4,7 @@ import './pill.css';
 /**
  * The available variants of the pill. This variants will define the background and border color of the pill.
  */
-export type PillVariant = 'primary' | 'secondary' | 'secondary-light' | 'neutral' | 'informative' | 'success' | 'warning' | 'danger';
+export type PillVariant = 'primary' | 'secondary' | 'neutral' | 'informative' | 'success' | 'warning' | 'danger';
 /**
  * The available pill appearances. Defines the pill shape.
  */

package/package.json

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