@appquality/unguess-design-system 4.0.15 → 4.0.17

package/CHANGELOG.md

@@ -1,3 +1,37 @@
+# v4.0.17 (Thu Jan 16 2025)
+
+#### 🐛 Bug Fix
+
+- Add base structure for new accordion, add service tile and add palette/colors docs [#468](https://github.com/AppQuality/unguess-design-system/pull/468) ([@iacopolea](https://github.com/iacopolea) [@d-beezee](https://github.com/d-beezee) [@sinatragianpaolo](https://github.com/sinatragianpaolo) [@iDome89](https://github.com/iDome89))
+- Service tile [#467](https://github.com/AppQuality/unguess-design-system/pull/467) ([@sinatragianpaolo](https://github.com/sinatragianpaolo) [@iDome89](https://github.com/iDome89) [@d-beezee](https://github.com/d-beezee))
+- Un 538 new accordion [#464](https://github.com/AppQuality/unguess-design-system/pull/464) ([@iacopolea](https://github.com/iacopolea))
+- Un 538 new accordion [#463](https://github.com/AppQuality/unguess-design-system/pull/463) ([@iacopolea](https://github.com/iacopolea))
+
+#### Authors: 4
+
+- [@d-beezee](https://github.com/d-beezee)
+- [@iDome89](https://github.com/iDome89)
+- Gianpaolo Sinatra ([@sinatragianpaolo](https://github.com/sinatragianpaolo))
+- Iacopo Leardini ([@iacopolea](https://github.com/iacopolea))
+
+---
+
+# v4.0.16 (Mon Dec 16 2024)
+
+#### 🐛 Bug Fix
+
+- release 20241216 [#461](https://github.com/AppQuality/unguess-design-system/pull/461) ([@d-beezee](https://github.com/d-beezee) [@iacopolea](https://github.com/iacopolea) [@marcbon](https://github.com/marcbon))
+- UN-554-alert [#460](https://github.com/AppQuality/unguess-design-system/pull/460) ([@iacopolea](https://github.com/iacopolea))
+- docs: add Modal.Header stories and update Modal stories with new structure [#459](https://github.com/AppQuality/unguess-design-system/pull/459) ([@d-beezee](https://github.com/d-beezee))
+
+#### Authors: 3
+
+- [@d-beezee](https://github.com/d-beezee)
+- Iacopo Leardini ([@iacopolea](https://github.com/iacopolea))
+- Marco Bonomo ([@marcbon](https://github.com/marcbon))
+
+---
+
 # v4.0.15 (Wed Dec 11 2024)
 
 #### 🐛 Bug Fix

package/build/index.d.ts

@@ -12,9 +12,11 @@ import { ReactComponent as CampaignExperientialIcon } from '../../assets/icons/c
 import { ReactComponent as CampaignFunctionalIcon } from '../../assets/icons/campaign-functional.svg';
 import { Cell } from '@zendeskgarden/react-tables';
 import { ChangeEventHandler } from 'react';
+import { Checkbox as Checkbox_2 } from '@zendeskgarden/react-forms';
 import { ClipboardEventHandler } from 'react';
 import { ComponentProps } from 'react';
 import { CompositionEventHandler } from 'react';
+import { Context } from 'react';
 import { CSSProperties } from 'react';
 import { Datepicker } from '@zendeskgarden/react-datepickers';
 import { default as default_2 } from 'react';
@@ -169,14 +171,18 @@ import { useVideoContext } from '@appquality/stream-player';
 import { WheelEventHandler } from 'react';
 import { WRAP } from '@zendeskgarden/react-grid';
 
-export declare const Accordion: ForwardRefExoticComponent<AccordionArgs & RefAttributes<HTMLDivElement>> & {
+export declare const Accordion: ForwardRefExoticComponent<AccordionArgs_2 & RefAttributes<HTMLDivElement>> & {
     Section: typeof Accordion_2.Section;
     Header: typeof Accordion_2.Header;
     Label: typeof Accordion_2.Label;
     Panel: typeof Accordion_2.Panel;
 };
 
-declare interface AccordionArgs extends IAccordionProps {
+export declare interface AccordionArgs extends IAccordionProps {
+    hasCheckbox?: boolean;
+}
+
+declare interface AccordionArgs_2 extends IAccordionProps {
     /** Sets `aria-level` heading rank in the document structure */
     level: number;
     /** Sets the expanded sections in a controlled accordion */
@@ -201,292 +207,55 @@ declare interface AccordionArgs extends IAccordionProps {
     onChange?: (index: number) => void;
 }
 
-/**
- * Breadcrumbs mark and communicate a user’s location in the product.
- * <hr>
- * Used for this:
- - To show the user where they are in a nested navigation
- - To provide a quick way to navigate to ancestor pages
- */
+export declare interface AccordionContext {
+    isCompact?: boolean;
+    hasCheckbox?: boolean;
+}
+
+export declare const AccordionContext: Context<AccordionContext>;
+
+declare const AccordionHeader: ForwardRefExoticComponent<AccordionHeaderArgs & RefAttributes<HTMLDivElement>>;
+
+declare interface AccordionHeaderArgs extends React.HTMLAttributes<HTMLDivElement> {
+    checkboxProps?: React.ComponentProps<typeof Checkbox_2>;
+    isSelected?: boolean;
+    icon?: React.ReactNode;
+}
+
+declare const AccordionLabel: ForwardRefExoticComponent<AccordionLabelArgs & RefAttributes<HTMLButtonElement>>;
+
+declare interface AccordionLabelArgs extends React.HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    subtitle?: string;
+    supertitle?: string;
+}
+
+declare const AccordionMeta: ForwardRefExoticComponent<AccordionMetaArgs & RefAttributes<HTMLDivElement>>;
+
+declare interface AccordionMetaArgs extends React.HTMLAttributes<HTMLDivElement> {
+}
+
+export declare const AccordionNew: ForwardRefExoticComponent<AccordionArgs & RefAttributes<HTMLDivElement>> & {
+    Section: typeof AccordionSection;
+    Header: typeof AccordionHeader;
+    Label: typeof AccordionLabel;
+    Meta: typeof AccordionMeta;
+    Panel: typeof Accordion_2.Panel;
+};
+
+declare const AccordionSection: ForwardRefExoticComponent<AccordionSectionArgs & RefAttributes<HTMLDivElement>>;
+
+declare interface AccordionSectionArgs extends React.HTMLAttributes<HTMLDivElement> {
+    isSelected?: boolean;
+}
+
 export declare const Alert: {
     (props: AlertArgs): JSX_2.Element;
-    Title: IStyledComponent<"web", {
-    style?: CSSProperties | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | undefined;
-    title?: string | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-    "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
-    "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
-    children?: ReactNode;
-    dangerouslySetInnerHTML?: {
-    __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCopyCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: FormEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: FormEventHandler<HTMLDivElement> | undefined;
-    onInput?: FormEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: FormEventHandler<HTMLDivElement> | undefined;
-    onReset?: FormEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: FormEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: FormEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: FormEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: FormEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: FormEventHandler<HTMLDivElement> | undefined;
-    onLoad?: ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onResize?: ReactEventHandler<HTMLDivElement> | undefined;
-    onResizeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onDrag?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnd?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragOver?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragStart?: DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: DragEventHandler<HTMLDivElement> | undefined;
-    onDrop?: DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseEnter?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseLeave?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMove?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStart?: AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: AnimationEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement> | undefined;
-    key?: Key | null | undefined;
-    isRegular?: boolean | undefined;
-    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-    }> & ForwardRefExoticComponent<ITitleProps & RefAttributes<HTMLDivElement>>;
+    Title: ForwardRefExoticComponent<ITitleProps & RefAttributes<HTMLDivElement>>;
     Close: ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & RefAttributes<HTMLButtonElement>>;
 };
 
-declare interface AlertArgs extends IAlertProps {
-    /** Applies alert type styles */
-    type: 'success' | 'warning' | 'error' | 'info';
+export declare interface AlertArgs extends IAlertProps {
 }
 
 /**
@@ -4523,8 +4292,8 @@ export declare const ModalFullScreen: {
     onTransitionEnd?: TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement> | undefined;
     key?: Key | null | undefined;
-    isDanger?: boolean | undefined;
     tag?: any;
+    isDanger?: boolean | undefined;
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
     }> & ForwardRefExoticComponent<IHeaderProps & RefAttributes<HTMLDivElement>>;
     Body: IStyledComponent<"web", {
@@ -5337,7 +5106,7 @@ export declare const ModalFullScreen: {
     onTransitionEndCapture?: TransitionEventHandler<HTMLButtonElement> | undefined;
     key?: Key | null | undefined;
     disabled?: boolean | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
     name?: string | undefined;
     formAction?: string | undefined;
     formEncType?: string | undefined;
@@ -5377,9 +5146,9 @@ declare type MultiSelectProps = {
  */
 export declare const Nav: (props: NavArgs) => JSX_2.Element;
 
-export declare const NavAccordionItem: IStyledComponent<"web", Substitute<Omit<AccordionArgs & RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const NavAccordionItem: IStyledComponent<"web", Substitute<Omit<AccordionArgs_2 & RefAttributes<HTMLDivElement>, "ref"> & {
 ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-}, AccordionArgs & NavItemArgs>> & ForwardRefExoticComponent<AccordionArgs & RefAttributes<HTMLDivElement>> & {
+}, AccordionArgs_2 & NavItemArgs>> & ForwardRefExoticComponent<AccordionArgs_2 & RefAttributes<HTMLDivElement>> & {
     Section: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
     Header: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
     Label: ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & RefAttributes<HTMLButtonElement>>;
@@ -5784,9 +5553,9 @@ export declare const PageHeader: {
     onTransitionEnd?: TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement> | undefined;
     key?: Key | null | undefined;
-    isBold?: boolean | undefined;
     isMonospace?: boolean | undefined;
     tag?: any;
+    isBold?: boolean | undefined;
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
     }> & IStyledComponent<"web", Substitute<Omit<ISMProps & RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
@@ -6331,9 +6100,9 @@ export declare const PageHeader: {
     onTransitionEnd?: TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement> | undefined;
     key?: Key | null | undefined;
-    isBold?: boolean | undefined;
     isMonospace?: boolean | undefined;
     tag?: any;
+    isBold?: boolean | undefined;
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
     }> & IStyledComponent<"web", Substitute<Omit<ISMProps & RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
@@ -8204,9 +7973,9 @@ export declare const SpecialCard: {
         onTransitionEnd?: TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement> | undefined;
         key?: Key | null | undefined;
-        isBold?: boolean | undefined;
         isMonospace?: boolean | undefined;
         tag?: any;
+        isBold?: boolean | undefined;
         ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
         }> & IStyledComponent<"web", Substitute<Omit<ISMProps & RefAttributes<HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
@@ -8481,9 +8250,9 @@ export declare const SpecialCard: {
         onTransitionEnd?: TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement> | undefined;
         key?: Key | null | undefined;
-        isBold?: boolean | undefined;
         isMonospace?: boolean | undefined;
         tag?: any;
+        isBold?: boolean | undefined;
         ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
         }> & IStyledComponent<"web", Substitute<Omit<ISMProps & RefAttributes<HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
@@ -8758,9 +8527,9 @@ export declare const SpecialCard: {
         onTransitionEnd?: TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement> | undefined;
         key?: Key | null | undefined;
-        isBold?: boolean | undefined;
         isMonospace?: boolean | undefined;
         tag?: any;
+        isBold?: boolean | undefined;
         ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
         }> & IStyledComponent<"web", Substitute<Omit<ISMProps & RefAttributes<HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
@@ -10572,7 +10341,7 @@ export declare const Tag: {
     onTransitionEndCapture?: TransitionEventHandler<HTMLButtonElement> | undefined;
     key?: Key | null | undefined;
     disabled?: boolean | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
     name?: string | undefined;
     formAction?: string | undefined;
     formEncType?: string | undefined;
@@ -10907,9 +10676,9 @@ onAnimationIterationCapture?: AnimationEventHandler<HTMLDivElement> | undefined;
 onTransitionEnd?: TransitionEventHandler<HTMLDivElement> | undefined;
 onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement> | undefined;
 key?: Key | null | undefined;
-isBold?: boolean | undefined;
 isMonospace?: boolean | undefined;
 tag?: any;
+isBold?: boolean | undefined;
 ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 }> & ForwardRefExoticComponent<ITypescaleMonospaceProps & RefAttributes<HTMLDivElement>>;
 
@@ -10998,6 +10767,7 @@ export declare const theme: {
             "900": string;
         };
         green: {
+            "10": string;
             "50": string;
             "100": string;
             "200": string;
@@ -11133,6 +10903,9 @@ export declare const theme: {
                 cursor: string;
             } | undefined;
         };
+        "notifications.alert": ({ type }: AlertArgs) => {
+            backgroundColor?: string | undefined;
+        };
         "text.primary": () => {
             color: string | undefined;
         };
@@ -12109,7 +11882,7 @@ onTransitionEnd?: TransitionEventHandler<HTMLButtonElement> | undefined;
 onTransitionEndCapture?: TransitionEventHandler<HTMLButtonElement> | undefined;
 key?: Key | null | undefined;
 disabled?: boolean | undefined;
-type?: "button" | "submit" | "reset" | undefined;
+type?: "button" | "reset" | "submit" | undefined;
 isPrimary?: boolean | undefined;
 isSelected?: boolean | undefined;
 isBasic?: boolean | undefined;