@ama-pt/agora-design-system 3.5.1 → 3.5.2

package/artifacts/dist/tailwind.css

@@ -1325,10 +1325,6 @@ input[type]::placeholder{
   width: 50%;
 }
 
-.w-24{
-  width: 24px;
-}
-
 .w-32{
   width: 32px;
 }
@@ -1803,6 +1799,12 @@ input[type]::placeholder{
   list-style-type: none;
 }
 
+.appearance-none{
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+
 .grid-flow-row{
   grid-auto-flow: row;
 }
@@ -8617,6 +8619,12 @@ input[type]::placeholder{
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.shadow-bottom-higher{
+  --tw-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.32);
+  --tw-shadow-colored: 0px 16px 16px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .shadow-bottom-low{
   --tw-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.08);
   --tw-shadow-colored: 0px 8px 8px 0px var(--tw-shadow-color);
@@ -28432,6 +28440,10 @@ input[type]::placeholder{
     grid-column-end: 5;
   }
 
+  .md\:m-64{
+    margin: 64px;
+  }
+
   .md\:mx-64{
     margin-left: 64px;
     margin-right: 64px;
@@ -35281,6 +35293,10 @@ input[type]::placeholder{
     grid-row: span 2 / span 2;
   }
 
+  .xl\:m-112{
+    margin: 112px;
+  }
+
   .xl\:my-32{
     margin-top: 32px;
     margin-bottom: 32px;
@@ -42041,3 +42057,7 @@ input[type]::placeholder{
 .\[\&\>fieldset\]\:flex-wrap>fieldset{
   flex-wrap: wrap;
 }
+
+.\[\&_\.switch-label\]\:border .switch-label{
+  border-width: 1px;
+}

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

@@ -11,6 +11,18 @@ export type AvatarType = 'image' | 'icon' | 'initials' | 'empty';
  * The available badge positions. Each of them defines the location of the badge on the avatar.
  */
 export type AvatarBadgePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+/**
+ * The available badge variants. Each of them defines the color of the badge.
+ */
+export type AvatarBadgeVariant = 'primary' | 'secondary' | 'neutral' | 'informative' | 'success' | 'warning' | 'danger';
+/**
+ * The available badge appearances. Defines solid or outline style.
+ */
+export type AvatarBadgeAppearance = 'solid' | 'outline';
+/**
+ * The available badge sizes. Defines badge size.
+ */
+export type AvatarBadgeSize = 'default' | 'large';
 export interface AvatarProps extends ComponentProps<'div'> {
     /**
      *  Defines the appearance of the avatar.
@@ -45,10 +57,23 @@ export interface AvatarProps extends ComponentProps<'div'> {
      *  Defines the position of the avatar tooltip.
      */
     tooltipPosition?: TooltipPosition;
+    /**
+     * Defines the avatar badge variant. This variant will define the color of the badge.
+     */
+    badgeVariant?: AvatarBadgeVariant;
+    /**
     /**
      *  The defines the align the avatar tooltip alignment.
      */
     tooltipAlignment?: TooltipAlignment;
+    /**
+     *  Defines the avatar badge appearance.
+     */
+    badgeAppearance?: AvatarBadgeAppearance;
+    /**
+     *  Defines the avatar badge size.
+     */
+    badgeSize?: AvatarBadgeSize;
     /**
      *  Makes the avatar interactive. An interactive avatar can be focused by clicking on it, or pressing Space, Enter or NumpadEnter.
      */

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

@@ -1,2 +1,2 @@
 export { Avatar } from './avatar';
-export type { AvatarBadgePosition, AvatarProps, AvatarType } from './avatar';
+export type { AvatarBadgeAppearance, AvatarBadgePosition, AvatarBadgeSize, AvatarBadgeVariant, AvatarProps, AvatarType } from './avatar';

package/artifacts/dist/types/components/icon/assets/line/line-copy.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SVGIconProps } from '../../../../models';
+declare const _default: (props: SVGIconProps) => React.JSX.Element;
+export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-copy.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SVGIconProps } from '../../../../models';
+declare const _default: (props: SVGIconProps) => React.JSX.Element;
+export default _default;

package/artifacts/dist/types/components/panel-switcher/desktop/panel-switcher-desktop.d.ts

@@ -1,7 +1,7 @@
 import { TabBodyProps } from '../../../components/tabs';
 import React, { ComponentProps, FC, ReactElement } from 'react';
 import './panel-switcher-desktop.css';
-import { ButtonsHeaderData } from '../panel-switcher';
+import { ButtonsHeaderData } from '../../../components/panel-switcher';
 export interface PanelSwitcherDesktopProps extends ComponentProps<'div'> {
     buttonListRef: React.RefObject<HTMLDivElement | null>;
     panelRef: React.RefObject<HTMLDivElement | null>;
@@ -9,5 +9,6 @@ export interface PanelSwitcherDesktopProps extends ComponentProps<'div'> {
     activateButton: (index: number) => void;
     buttonsHeaderData: Array<ButtonsHeaderData>;
     buttonsBodyData: Array<ReactElement<TabBodyProps>>;
+    darkMode?: boolean;
 }
 export declare const PanelSwitcherDesktop: FC<PanelSwitcherDesktopProps>;

package/artifacts/dist/types/components/panel-switcher/helper.d.ts

@@ -0,0 +1,36 @@
+import { FC, ReactElement, ReactNode } from 'react';
+import { BooleanProp } from '../../models';
+import { TabBodyProps } from '../tabs';
+type ReactNodeOrFC = ReactNode | FC<{
+    darkMode?: BooleanProp;
+}>;
+export type PanelData = {
+    text: string;
+    withIcon?: boolean;
+    leadingIcon?: string;
+    content: ReactNodeOrFC;
+    leadingIconHover?: string;
+};
+export type ButtonsHeaderData = {
+    withIcon: boolean;
+    leadingIcon: string;
+    leadingIconHover: string;
+    child: ReactElement<TabBodyProps>;
+};
+export interface PanelSwitcherProps {
+    /**
+     * Collection of PanelData to be displayed by panel.
+     */
+    data: PanelData[];
+    /**
+     * Defines the label of the modal close button.
+     */
+    modalCloseButtonLabel: string;
+    /**
+     * The flag to set if the footer is in dark mode or light mode.
+     */
+    darkMode?: boolean;
+}
+export declare const convertContentToNode: (content: ReactNodeOrFC, darkMode?: boolean) => ReactNode;
+export declare const handleIcons: (hasIcon: boolean, icon: string, leadingIcon: boolean) => string | undefined;
+export {};

package/artifacts/dist/types/components/panel-switcher/index.d.ts

@@ -1,2 +1,2 @@
 export { PanelSwitcher } from './panel-switcher';
-export type { PanelSwitcherProps } from './panel-switcher';
+export type { PanelSwitcherProps, PanelData, ButtonsHeaderData } from './helper';

package/artifacts/dist/types/components/panel-switcher/mobile/panel-switcher-mobile.d.ts

@@ -1,13 +1,14 @@
 import React, { FC, ReactElement, RefObject } from 'react';
 import { TabBodyProps } from '../../../components/tabs';
 import './panel-switcher-mobile.css';
-import { ButtonsHeaderData } from '../panel-switcher';
+import { ButtonsHeaderData } from '../../../components/panel-switcher';
 export interface PanelSwitcherMobileProps {
     modalCloseButtonLabel: string;
     buttonListRef: RefObject<HTMLDivElement | null>;
     buttonsHeaderData: Array<ButtonsHeaderData>;
     buttonsBodyData: Array<ReactElement<TabBodyProps>>;
     activeButton?: number;
+    darkMode?: boolean;
 }
 export declare const ModalContent: FC<{
     content: React.ReactNode;

package/artifacts/dist/types/components/panel-switcher/panel-switcher-container.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactElement } from 'react';
 import { TabProps } from '../tabs';
-import { PanelData } from './panel-switcher';
+import { PanelData } from '../../components/panel-switcher';
 export interface PanelSwitcherContainerProps {
     /**
      * Collection of PanelData to be displayed by panel.
@@ -14,5 +14,9 @@ export interface PanelSwitcherContainerProps {
      * Defines the label of the modal close button.
      */
     modalCloseButtonLabel: string;
+    /**
+     * The flag to set if the footer is in dark mode or light mode.
+     */
+    darkMode?: boolean;
 }
 export declare const PanelSwitcherContainer: FC<PanelSwitcherContainerProps>;

package/artifacts/dist/types/components/panel-switcher/panel-switcher.d.ts

@@ -1,24 +1,3 @@
-import { FC, ReactElement, ReactNode } from 'react';
-import { TabBodyProps } from '../tabs';
-export type PanelData = {
-    text: string;
-    content: ReactNode;
-    leadingIcon?: string;
-    leadingIconHover?: string;
-};
-export type ButtonsHeaderData = {
-    leadingIcon: string;
-    leadingIconHover: string;
-    child: ReactElement<TabBodyProps>;
-};
-export interface PanelSwitcherProps {
-    /**
-     * Collection of PanelData to be displayed by panel.
-     */
-    data: PanelData[];
-    /**
-     * Defines the label of the modal close button.
-     */
-    modalCloseButtonLabel: string;
-}
+import { FC } from 'react';
+import { PanelSwitcherProps } from './helper';
 export declare const PanelSwitcher: FC<PanelSwitcherProps>;

package/package.json

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

package/artifacts/dist/agora-line-NPWOQuk9.mjs

@@ -1,15 +0,0 @@
-import l from "react";
-const n = (e) => {
-  const t = { ...e };
-  return delete t.alt, delete t.title, /* @__PURE__ */ l.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "none", ...t, role: "img" }, e.title && /* @__PURE__ */ l.createElement("title", null, e.title), /* @__PURE__ */ l.createElement(
-    "path",
-    {
-      d: "M13.2637 2.5L8.69727 14.0156L8.42578 14.7002H15.7539L15.5068 14.0273L13.4678 8.4834L14.8838 4.86035L21.2725 21.5H18.4307L16.9121 17.6182L16.7881 17.2998H7.38672L7.25977 17.6104L5.66406 21.5H2.74023L4.15234 17.9863L5.60156 14.3867L5.60254 14.3848L10.3398 2.5H13.2637Z",
-      stroke: "#034AD8"
-    }
-  ));
-};
-export {
-  n as default
-};
-//# sourceMappingURL=agora-line-NPWOQuk9.mjs.map

package/artifacts/dist/agora-line-NPWOQuk9.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"agora-line-NPWOQuk9.mjs","sources":["../../src/components/icon/assets/other/agora-line.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SVGIconProps } from '@/models/';\n\nexport default (props: SVGIconProps) => {\n  const newProps = { ...props };\n  delete newProps.alt;\n  delete newProps.title;\n\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" {...newProps} role=\"img\">\n      {props.title && <title>{props.title}</title>}\n      <path\n        d=\"M13.2637 2.5L8.69727 14.0156L8.42578 14.7002H15.7539L15.5068 14.0273L13.4678 8.4834L14.8838 4.86035L21.2725 21.5H18.4307L16.9121 17.6182L16.7881 17.2998H7.38672L7.25977 17.6104L5.66406 21.5H2.74023L4.15234 17.9863L5.60156 14.3867L5.60254 14.3848L10.3398 2.5H13.2637Z\"\n        stroke=\"#034AD8\"\n      />\n    </svg>\n  );\n};\n"],"names":["agoraLine","props","newProps","React"],"mappings":";AAIA,MAAAA,IAAe,CAACC,MAAwB;AACtC,QAAMC,IAAW,EAAE,GAAGD,EAAA;AACtB,gBAAOC,EAAS,KAChB,OAAOA,EAAS,OAGd,gBAAAC,EAAA,cAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,OAAM,8BAA6B,MAAK,QAAQ,GAAGD,GAAU,MAAK,MAAA,GAC/GD,EAAM,SAAS,gBAAAE,EAAA,cAAC,SAAA,MAAOF,EAAM,KAAM,GACpC,gBAAAE,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,QAAO;AAAA,IAAA;AAAA,EAAA,CAEX;AAEJ;"}