@ama-pt/agora-design-system 3.6.0 → 3.6.1

package/artifacts/dist/tailwind.css

@@ -952,6 +952,11 @@ input[type]::placeholder{
   margin: auto;
 }
 
+.mx-16{
+  margin-left: 16px;
+  margin-right: 16px;
+}
+
 .mx-32{
   margin-left: 32px;
   margin-right: 32px;
@@ -992,6 +997,10 @@ input[type]::placeholder{
   margin-bottom: 8px;
 }
 
+.\!mb-24{
+  margin-bottom: 24px !important;
+}
+
 .\!mt-0{
   margin-top: 0px !important;
 }
@@ -1000,6 +1009,10 @@ input[type]::placeholder{
   margin-top: 0px !important;
 }
 
+.-mb-8{
+  margin-bottom: -8px;
+}
+
 .mb-128{
   margin-bottom: 128px;
 }
@@ -1179,10 +1192,18 @@ input[type]::placeholder{
   display: none;
 }
 
+.\!h-\[100px\]{
+  height: 100px !important;
+}
+
 .\!h-\[44px\]{
   height: 44px !important;
 }
 
+.\!h-\[76px\]{
+  height: 76px !important;
+}
+
 .h-0{
   height: 0px;
 }
@@ -1321,6 +1342,10 @@ input[type]::placeholder{
   min-height: 8px;
 }
 
+.min-h-\[calc\(100vh-68px\)\]{
+  min-height: calc(100vh - 68px);
+}
+
 .min-h-full{
   min-height: 100%;
 }
@@ -1382,6 +1407,10 @@ input[type]::placeholder{
   width: 100%;
 }
 
+.w-screen{
+  width: 100vw;
+}
+
 .min-w-\[296px\]{
   min-width: 296px;
 }
@@ -1432,6 +1461,10 @@ input[type]::placeholder{
   flex: 1 1 0%;
 }
 
+.flex-shrink-0{
+  flex-shrink: 0;
+}
+
 .shrink-0{
   flex-shrink: 0;
 }
@@ -1803,6 +1836,12 @@ input[type]::placeholder{
           user-select: none;
 }
 
+.select-all{
+  -webkit-user-select: all;
+     -moz-user-select: all;
+          user-select: all;
+}
+
 .resize{
   resize: both;
 }
@@ -1853,6 +1892,10 @@ input[type]::placeholder{
   flex-direction: column;
 }
 
+.flex-col-reverse{
+  flex-direction: column-reverse;
+}
+
 .flex-wrap{
   flex-wrap: wrap;
 }
@@ -1885,6 +1928,10 @@ input[type]::placeholder{
   justify-content: flex-start;
 }
 
+.\!justify-end{
+  justify-content: flex-end !important;
+}
+
 .justify-end{
   justify-content: flex-end;
 }
@@ -2237,6 +2284,10 @@ input[type]::placeholder{
   border-radius: 100% !important;
 }
 
+.\!rounded-none{
+  border-radius: 0px !important;
+}
+
 .rounded-16{
   border-radius: 16px;
 }
@@ -7919,6 +7970,14 @@ input[type]::placeholder{
   padding-bottom: 64px;
 }
 
+.pl-0{
+  padding-left: 0px;
+}
+
+.pl-16{
+  padding-left: 16px;
+}
+
 .pl-32{
   padding-left: 32px;
 }
@@ -7931,10 +7990,18 @@ input[type]::placeholder{
   padding-left: 44px;
 }
 
+.pr-0{
+  padding-right: 0px;
+}
+
 .pr-16{
   padding-right: 16px;
 }
 
+.pr-32{
+  padding-right: 32px;
+}
+
 .pr-\[44px\]{
   padding-right: 44px;
 }
@@ -8913,6 +8980,10 @@ input[type]::placeholder{
   clip: rect(0,0,0,0) !important;
 }
 
+.first\:pt-0:first-child{
+  padding-top: 0px;
+}
+
 .hover\:border-collapse:hover{
   border-collapse: collapse;
 }
@@ -29548,6 +29619,11 @@ input[type]::placeholder{
     width: calc(((var(--footer-aux-vw) - 100%) / 2) + 100%);
   }
 
+  .md\:w-fit{
+    width: -moz-fit-content;
+    width: fit-content;
+  }
+
   .md\:w-full{
     width: 100%;
   }
@@ -35597,6 +35673,10 @@ input[type]::placeholder{
     padding-left: 64px;
   }
 
+  .md\:pr-64{
+    padding-right: 64px;
+  }
+
   .md\:pt-0{
     padding-top: 0px;
   }
@@ -36567,6 +36647,10 @@ input[type]::placeholder{
     margin-top: 0px;
   }
 
+  .xl\:mt-16{
+    margin-top: 16px;
+  }
+
   .xl\:mt-32{
     margin-top: 32px;
   }
@@ -36622,6 +36706,10 @@ input[type]::placeholder{
     height: 100vh;
   }
 
+  .xl\:min-h-\[100vh\]{
+    min-height: 100vh;
+  }
+
   .xl\:w-\[1120px\]{
     width: 1120px;
   }
@@ -42706,6 +42794,10 @@ input[type]::placeholder{
     padding-bottom: 64px;
   }
 
+  .xl\:pl-0{
+    padding-left: 0px;
+  }
+
   .xl\:pl-32{
     padding-left: 32px;
   }
@@ -42718,6 +42810,10 @@ input[type]::placeholder{
     padding-left: 112px;
   }
 
+  .xl\:pr-0{
+    padding-right: 0px;
+  }
+
   .xl\:pr-112{
     padding-right: 112px;
   }

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

@@ -1,4 +1,4 @@
-import { ComponentProps, FC, ImgHTMLAttributes } from 'react';
+import { ComponentProps, FC, ImgHTMLAttributes, ReactNode } from 'react';
 import { ButtonProps } from '../../../components/button';
 import { IconProps } from '../../../components/icon';
 import './card-action.css';
@@ -9,11 +9,11 @@ export interface CardActionProps extends ComponentProps<'div'> {
     /**
      * title of card
      */
-    titleText: string;
+    titleText: ReactNode;
     /**
      * text to show within the card
      */
-    descriptionText: string;
+    descriptionText: ReactNode;
     /**
      * variant of card action
      */

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

@@ -27,7 +27,7 @@ export interface CardGeneralProps {
     /**
      * text to show within a pill
      */
-    pillText?: string;
+    pillText?: ReactNode;
     /**
      * text to show the subtitle
      */
@@ -43,7 +43,7 @@ export interface CardGeneralProps {
     /**
      * label to show next to the status dot
      */
-    statusText?: string;
+    statusText?: ReactNode;
     /**
      * text to show within the card
      */

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

@@ -42,6 +42,10 @@ export interface CheckboxProps extends ComponentProps<'input'> {
      * Helper text displayed below checkbox.
      */
     helperText?: ReactNode;
+    /**
+     * Accessible label for screen readers, prepended to feedbackText.
+     */
+    feedbackStateLabel?: string;
 }
 declare const Checkbox: FC<CheckboxProps>;
 export { Checkbox };

package/artifacts/dist/types/components/checkbox-group/checkbox-group.d.ts

@@ -42,6 +42,10 @@ export interface CheckboxGroupProps extends Omit<HtmlHTMLAttributes<HTMLFieldSet
      * The flag to set if the checkbox is in dark mode or light mode.
      */
     darkMode?: BooleanProp;
+    /**
+     * Accessible label for screen readers, prepended to feedbackText.
+     */
+    feedbackStateLabel?: string;
 }
 declare const CheckboxGroup: FC<CheckboxGroupProps>;
 export { CheckboxGroup };

package/artifacts/dist/types/components/icon/assets/line/line-bar-chart.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/line/line-biometric.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/line/line-camera-switch.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/line/line-coins.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/line/line-digital.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/line/line-education.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/line/line-expand-left.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/line/line-expand-right.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/line/line-expand.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/line/line-flash-off.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/line/line-flash-on.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/line/line-grade.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/line/line-like.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/line/line-maximize.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/line/line-message.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/line/line-minimize.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/line/line-panel-bottom.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/line/line-panel-left.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/line/line-panel-right.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/line/line-panel-top.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/line/line-pie-chart.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/line/line-placeholder.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/line/line-qr-code.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/line/line-reduce.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/line/line-smile-error.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/line/line-smile-happy.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/line/line-speak.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/line/line-table.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/line/line-user-check.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/line/line-user-uncheck.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/line/line-whatsapp.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/other/number-default.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/other/number-hover.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-bar-chart.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-biometric.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-camera-switch.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-coins.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-digital.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-education.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-expand-left.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-expand-right.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-expand.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-flash-off.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-flash-on.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-grade.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-like.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-maximize.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-message.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-minimize.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-panel-bottom.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-panel-left.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-panel-right.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-panel-top.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-pie-chart.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-placeholder.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-qr-code.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-reduce.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;