@protonradio/proton-ui 0.11.34 → 0.12.1

package/dist/icons.d.ts

@@ -1,238 +1,238 @@
-import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 
 /** Alert circle icon. {@link IconProps} */
-export declare function AlertCircle({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function AlertCircle({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace AlertCircle {
     var displayName: string;
 }
 
 /** Amazon Music brand logo. {@link IconProps} */
-export declare function AmazonMusicLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function AmazonMusicLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace AmazonMusicLogo {
     var displayName: string;
 }
 
 /** Apple Music brand logo. {@link IconProps} */
-export declare function AppleMusicLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function AppleMusicLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace AppleMusicLogo {
     var displayName: string;
 }
 
 /** Left arrow icon. {@link IconProps} */
-export declare function ArrowLeft({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function ArrowLeft({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace ArrowLeft {
     var displayName: string;
 }
 
 /** Bandcamp brand logo. {@link IconProps} */
-export declare function BandcampLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function BandcampLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace BandcampLogo {
     var displayName: string;
 }
 
 /** Beatport brand logo. {@link IconProps} */
-export declare function BeatportLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function BeatportLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace BeatportLogo {
     var displayName: string;
 }
 
 /** Bell / notification icon. {@link IconProps} */
-export declare function Bell({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function Bell({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Bell {
     var displayName: string;
 }
 
 /** Caret pointing down. {@link IconProps} */
-export declare function CaretDown({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function CaretDown({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace CaretDown {
     var displayName: string;
 }
 
 /** Caret pointing right. {@link IconProps} */
-export declare function CaretRight({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function CaretRight({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace CaretRight {
     var displayName: string;
 }
 
 /** Line chart icon. {@link IconProps} */
-export declare function Chart({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function Chart({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Chart {
     var displayName: string;
 }
 
 /** Check circle / success icon. {@link IconProps} */
-export declare function CheckCircle({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function CheckCircle({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace CheckCircle {
     var displayName: string;
 }
 
 /** Chevron pointing down. {@link IconProps} */
-export declare function ChevronDown({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function ChevronDown({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace ChevronDown {
     var displayName: string;
 }
 
 /** Chevron pointing left. {@link IconProps} */
-export declare function ChevronLeft({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function ChevronLeft({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace ChevronLeft {
     var displayName: string;
 }
 
 /** Chevron pointing right. {@link IconProps} */
-export declare function ChevronRight({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function ChevronRight({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace ChevronRight {
     var displayName: string;
 }
 
 /** Chevron down in a square. {@link IconProps} */
-export declare function ChevronSquareDown({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function ChevronSquareDown({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace ChevronSquareDown {
     var displayName: string;
 }
 
 /** Chevron pointing up. {@link IconProps} */
-export declare function ChevronUp({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function ChevronUp({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace ChevronUp {
     var displayName: string;
 }
 
 /** Close / X icon. {@link IconProps} */
-export declare function Close({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function Close({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Close {
     var displayName: string;
 }
 
 /** Cog / settings gear icon. {@link IconProps} */
-export declare function Cog({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Cog({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Cog {
     var displayName: string;
 }
 
 /** Copy / duplicate icon. {@link IconProps} */
-export declare function Copy({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function Copy({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Copy {
     var displayName: string;
 }
 
 /** Danger / error state: circle with X. {@link IconProps} */
-export declare function DangerCircle({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function DangerCircle({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace DangerCircle {
     var displayName: string;
 }
 
 /** Dashboard layout icon. {@link IconProps} */
-export declare function Dashboard({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Dashboard({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Dashboard {
     var displayName: string;
 }
 
 /** Deezer brand logo. {@link IconProps} */
-export declare function DeezerLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function DeezerLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace DeezerLogo {
     var displayName: string;
 }
 
 /** Download icon. {@link IconProps} */
-export declare function Download({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Download({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Download {
     var displayName: string;
 }
 
 /** Drag handle (six dots). {@link IconProps} */
-export declare function DragHandle({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function DragHandle({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace DragHandle {
     var displayName: string;
 }
 
 /** Edit / text lines icon. {@link IconProps} */
-export declare function Edit({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Edit({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Edit {
     var displayName: string;
 }
 
 /** Ellipsis (three dots) icon. {@link IconProps} */
-export declare function Ellipsis({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Ellipsis({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Ellipsis {
     var displayName: string;
 }
 
 /** Email envelope icon (thick stroke). {@link IconProps} */
-export declare function EmailThick({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function EmailThick({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace EmailThick {
     var displayName: string;
 }
 
 /** Email envelope icon (thin stroke). {@link IconProps} */
-export declare function EmailThin({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function EmailThin({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace EmailThin {
     var displayName: string;
 }
 
 /** External link indicator. {@link IconProps} */
-export declare function ExternalLink({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function ExternalLink({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace ExternalLink {
     var displayName: string;
 }
 
 /** Facebook brand logo. {@link IconProps} */
-export declare function FacebookLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function FacebookLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace FacebookLogo {
     var displayName: string;
 }
 
 /** Globe / world icon. {@link IconProps} */
-export declare function Globe({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Globe({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Globe {
     var displayName: string;
 }
 
 /** Hamburger menu icon. {@link IconProps} */
-export declare function Hamburger({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Hamburger({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Hamburger {
     var displayName: string;
 }
 
 /** Heartbeat / pulse icon. {@link IconProps} */
-export declare function Heartbeat({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Heartbeat({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Heartbeat {
     var displayName: string;
 }
 
 /**
- * Props shared by all icon components.
+ * Props shared by all decorative icon components.
  *
  * #### Available icons
  *
@@ -242,10 +242,10 @@ export declare namespace Heartbeat {
  */
 export declare interface IconProps {
     /**
-     * Size of the icon. Accepts any CSS unit string.
-     * @default 16
+     * Aria attributes for the icon. Icons are decorative by default.
+     * @default { "aria-hidden": "true", focusable: "false" }
      */
-    size?: string | number;
+    ariaProps?: Record<string, string>;
     /**
      * Icon color.
      * Prefer Proton theme tokens, e.g. `var(--proton-color__primary)`, `var(--proton-color__gray-medium)`.
@@ -258,94 +258,99 @@ export declare interface IconProps {
      * data-testid for the root SVG. When omitted, defaults to `icon:${componentName}`.
      */
     "data-testid"?: string;
+    /**
+     * Size of the icon. Accepts any CSS unit string.
+     * @default 16
+     */
+    size?: string | number;
 }
 
 /** Info circle filled icon. {@link IconProps} */
-export declare function Info({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function Info({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Info {
     var displayName: string;
 }
 
 /** Info circle outline icon. {@link IconProps} */
-export declare function InfoOutline({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function InfoOutline({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace InfoOutline {
     var displayName: string;
 }
 
 /** Instagram brand logo. {@link IconProps} */
-export declare function InstagramLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function InstagramLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace InstagramLogo {
     var displayName: string;
 }
 
 /** Intercom brand logo. {@link IconProps} */
-export declare function IntercomLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function IntercomLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace IntercomLogo {
     var displayName: string;
 }
 
 /** Lightning bolt icon. {@link IconProps} */
-export declare function Lightning({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Lightning({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Lightning {
     var displayName: string;
 }
 
 /** Chain link icon. {@link IconProps} */
-export declare function Link({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Link({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Link {
     var displayName: string;
 }
 
 /** Facebook Messenger brand logo. {@link IconProps} */
-export declare function MessengerLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function MessengerLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace MessengerLogo {
     var displayName: string;
 }
 
 /** Music note icon. {@link IconProps} */
-export declare function MusicNote({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function MusicNote({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace MusicNote {
     var displayName: string;
 }
 
 /** Pause button icon. {@link IconProps} */
-export declare function Pause({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Pause({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Pause {
     var displayName: string;
 }
 
 /** Pencil icon. {@link IconProps} */
-export declare function Pencil({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Pencil({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Pencil {
     var displayName: string;
 }
 
 /** Phone icon (thick stroke). {@link IconProps} */
-export declare function PhoneThick({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function PhoneThick({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace PhoneThick {
     var displayName: string;
 }
 
 /** Phone icon (thin stroke). {@link IconProps} */
-export declare function PhoneThin({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function PhoneThin({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace PhoneThin {
     var displayName: string;
 }
 
 /** Play button icon. {@link IconProps} */
-export declare function Play({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Play({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Play {
     var displayName: string;
@@ -357,7 +362,7 @@ declare type ProtonColorVariable = Extract<keyof ProtonStyleSheet, `--proton-col
 declare type ProtonIconColor = `var(${ProtonColorVariable})`;
 
 /** Proton brand logo. {@link IconProps} */
-export declare function ProtonLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function ProtonLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace ProtonLogo {
     var displayName: string;
@@ -366,13 +371,13 @@ export declare namespace ProtonLogo {
 declare interface ProtonStyleSheet {
     "--proton-control__background-color": string;
     "--proton-control__background-color-light": string;
+    "--proton-control__elevation-color": string;
     "--proton-control__text-color": string;
     "--proton-control__title-color": string;
     "--proton-control__border-color": string;
     "--proton-control__shadow-color": string;
     "--proton-control__hover-color": string;
     "--proton-control__border-radius": string;
-    "--proton-control__interactive-color": string;
     "--proton-color__primary": string;
     "--proton-color__primary-light": string;
     "--proton-color__primary-super-light": string;
@@ -403,147 +408,147 @@ declare interface ProtonStyleSheet {
 }
 
 /** Quotation marks icon. {@link IconProps} */
-export declare function Quote({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Quote({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Quote {
     var displayName: string;
 }
 
 /** Magnifying glass / search icon. {@link IconProps} */
-export declare function Search({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function Search({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Search {
     var displayName: string;
 }
 
 /** Share icon. {@link IconProps} */
-export declare function Share({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Share({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Share {
     var displayName: string;
 }
 
 /** Sign out / logout icon. {@link IconProps} */
-export declare function SignOut({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function SignOut({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace SignOut {
     var displayName: string;
 }
 
 /** SoundCloud brand logo. {@link IconProps} */
-export declare function SoundcloudLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function SoundcloudLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace SoundcloudLogo {
     var displayName: string;
 }
 
 /** Spotify brand logo. {@link IconProps} */
-export declare function SpotifyLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function SpotifyLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace SpotifyLogo {
     var displayName: string;
 }
 
 /** Spy / incognito icon. {@link IconProps} */
-export declare function Spy({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Spy({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Spy {
     var displayName: string;
 }
 
 /** Success state: circle with checkmark. {@link IconProps} */
-export declare function SuccessCircle({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function SuccessCircle({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace SuccessCircle {
     var displayName: string;
 }
 
 /** Telegram brand logo. {@link IconProps} */
-export declare function TelegramLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function TelegramLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace TelegramLogo {
     var displayName: string;
 }
 
 /** TikTok brand logo. {@link IconProps} */
-export declare function TiktokLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function TiktokLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace TiktokLogo {
     var displayName: string;
 }
 
 /** Tracklist / playlist icon. {@link IconProps} */
-export declare function Tracklist({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Tracklist({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Tracklist {
     var displayName: string;
 }
 
 /** Trash can / delete icon. {@link IconProps} */
-export declare function TrashCan({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function TrashCan({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace TrashCan {
     var displayName: string;
 }
 
 /** Traxsource brand logo. {@link IconProps} */
-export declare function TraxsourceLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function TraxsourceLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace TraxsourceLogo {
     var displayName: string;
 }
 
 /** Single user icon. {@link IconProps} */
-export declare function User({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function User({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace User {
     var displayName: string;
 }
 
 /** Multiple users icon. {@link IconProps} */
-export declare function Users({ size, color, "data-testid": dataTestId }: IconProps): JSX_2.Element;
+export declare function Users({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace Users {
     var displayName: string;
 }
 
 /** Warning state: triangle with exclamation. {@link IconProps} */
-export declare function WarningTriangle({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function WarningTriangle({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace WarningTriangle {
     var displayName: string;
 }
 
 /** WhatsApp brand logo (thick stroke). {@link IconProps} */
-export declare function WhatsappLogoThick({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function WhatsappLogoThick({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace WhatsappLogoThick {
     var displayName: string;
 }
 
 /** WhatsApp brand logo (thin stroke). {@link IconProps} */
-export declare function WhatsappLogoThin({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function WhatsappLogoThin({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace WhatsappLogoThin {
     var displayName: string;
 }
 
 /** X (Twitter) brand logo. {@link IconProps} */
-export declare function XTwitterLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function XTwitterLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace XTwitterLogo {
     var displayName: string;
 }
 
 /** Yandex brand logo. {@link IconProps} */
-export declare function YandexLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function YandexLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace YandexLogo {
     var displayName: string;
 }
 
 /** YouTube brand logo. {@link IconProps} */
-export declare function YoutubeLogo({ size, color, "data-testid": dataTestId, }: IconProps): JSX_2.Element;
+export declare function YoutubeLogo({ size, color, "data-testid": dataTestId, ariaProps, }: IconProps): JSX.Element;
 
 export declare namespace YoutubeLogo {
     var displayName: string;

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./components/ActionMenu/ActionMenu.cjs.js"),o=require("./components/Badge/Badge.cjs.js"),t=require("./components/Banner/Banner.cjs.js"),e=require("./components/Button/Button.cjs.js"),u=require("./components/ButtonGroup/ButtonGroup.cjs.js"),i=require("./components/ButtonWithSelect/ButtonWithSelect.cjs.js"),l=require("./components/Checkbox/CheckboxInput/CheckboxInput.cjs.js"),c=require("./components/Checkbox/CheckboxRadioGroup/CheckboxRadioGroup.cjs.js"),s=require("./components/Table/DataTable/DataTable.cjs.js"),T=require("./components/Table/DataTable/DataTableRow.cjs.js"),b=require("./components/Input/CopyInput/CopyInput.cjs.js"),p=require("./components/Dialog/Dialog.cjs.js"),q=require("./components/Elevation/Elevation.cjs.js"),d=require("./components/ImageBackground/ImageBackground.cjs.js"),B=require("./components/Input/BaseInput/Input.cjs.js"),I=require("./components/Input/OTPInput/OTPInput.cjs.js"),h=require("./components/Menu/MenuTrigger.cjs.js"),R=require("./components/Modal/Modal.cjs.js"),g=require("./components/Popover/Popover.cjs.js"),C=require("./components/Input/SearchInput/SearchInput.cjs.js"),S=require("./components/ScreenOverlay/ScreenOverlay.cjs.js"),m=require("./components/Select/Select.cjs.js"),x=require("./components/Switch/Switch.cjs.js"),v=require("./components/Text/TextCountdown/TextCountdown.cjs.js"),w=require("./components/Table/BaseTable/Table.cjs.js"),A=require("./components/Table/BaseTable/elements/TableRow.cjs.js"),y=require("./components/Table/BaseTable/elements/TableCell.cjs.js"),E=require("./components/Table/BaseTable/elements/TableRoot.cjs.js"),M=require("./components/Table/BaseTable/elements/TableHeader.cjs.js"),P=require("./components/Table/BaseTable/elements/TableHeaderRow.cjs.js"),k=require("./components/Table/BaseTable/elements/TableHeaderCell.cjs.js"),D=require("./components/Table/BaseTable/elements/TableBody.cjs.js"),r=require("./components/Table/BaseTable/Collection/useTableCollection.cjs.js"),H=require("./components/Text/TextEllipsis/TextEllipsis.cjs.js"),O=require("./components/Text/TextEmphasis/TextEmphasis.cjs.js"),n=require("./components/ThemeProvider.cjs.js"),G=require("./components/Tombstone/Tombstone.cjs.js"),N=require("./components/Tooltip/ResponsiveTooltip.cjs.js"),V=require("./components/Waveform/Waveform.cjs.js");exports.ActionMenu=a.ActionMenu;exports.Badge=o.Badge;exports.BadgeVariants=o.BadgeVariants;exports.BANNER_VARIANTS=t.BANNER_VARIANTS;exports.Banner=t.Banner;exports.Button=e.Button;exports.ButtonSizes=e.ButtonSizes;exports.ButtonVariants=e.ButtonVariants;exports.ButtonGroup=u.ButtonGroup;exports.ButtonWithSelect=i.ButtonWithSelect;exports.CheckboxInput=l.CheckboxInput;exports.CheckboxRadioGroup=c.CheckboxRadioGroup;exports.DataTable=s.DataTable;exports.DataTableRow=T.DataTableRow;exports.CopyInput=b.CopyInput;exports.Dialog=p.Dialog;exports.Elevation=q.Elevation;exports.ImageBackground=d.ImageBackground;exports.Input=B.Input;exports.OTPInput=I.OTPInput;exports.MenuTrigger=h.MenuTrigger;exports.Modal=R.Modal;exports.Popover=g.Popover;exports.SearchInput=C.SearchInput;exports.ScreenOverlay=S.ScreenOverlay;exports.Select=m.Select;exports.Switch=x.Switch;exports.TextCountdown=v.TextCountdown;exports.Table=w.Table;exports.TableRow=A.TableRow;exports.TableCell=y.TableCell;exports.TableRoot=E.TableRoot;exports.TableHeader=M.TableHeader;exports.TableHeaderRow=P.TableHeaderRow;exports.TableHeaderCell=k.TableHeaderCell;exports.TableBody=D.TableBody;exports.calculateAriaColumnIndex=r.calculateAriaColumnIndex;exports.calculateAriaRowIndex=r.calculateAriaRowIndex;exports.TextEllipsis=H.TextEllipsis;exports.TextEmphasis=O.TextEmphasis;exports.ThemeProvider=n.ThemeProvider;exports.useTheme=n.useTheme;exports.Tombstone=G.Tombstone;exports.Tooltip=N.ResponsiveTooltip;exports.Waveform=V.Waveform;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./components/ActionMenu/ActionMenu.cjs.js"),o=require("./components/Badge/Badge.cjs.js"),r=require("./components/Banner/Banner.cjs.js"),e=require("./components/Button/Button.cjs.js"),u=require("./components/ButtonGroup/ButtonGroup.cjs.js"),i=require("./components/ButtonWithSelect/ButtonWithSelect.cjs.js"),l=require("./components/Checkbox/CheckboxInput/CheckboxInput.cjs.js"),c=require("./components/Checkbox/CheckboxRadioGroup/CheckboxRadioGroup.cjs.js"),s=require("./components/Table/DataTable/DataTable.cjs.js"),T=require("./components/Table/DataTable/DataTableRow.cjs.js"),b=require("./components/Input/CopyInput/CopyInput.cjs.js"),p=require("./components/Overlay/Overlay.cjs.js"),q=require("./components/Elevation/Elevation.cjs.js"),d=require("./components/ImageBackground/ImageBackground.cjs.js"),B=require("./components/Input/BaseInput/Input.cjs.js"),I=require("./components/Input/OTPInput/OTPInput.cjs.js"),h=require("./components/Menu/MenuTrigger.cjs.js"),R=require("./components/Modal/Modal.cjs.js"),v=require("./components/Popover/Popover.cjs.js"),C=require("./components/Input/SearchInput/SearchInput.cjs.js"),S=require("./components/ScreenOverlay/ScreenOverlay.cjs.js"),m=require("./components/Select/Select.cjs.js"),g=require("./components/Switch/Switch.cjs.js"),x=require("./components/Text/TextCountdown/TextCountdown.cjs.js"),w=require("./components/Table/BaseTable/Table.cjs.js"),y=require("./components/Table/BaseTable/elements/TableRow.cjs.js"),A=require("./components/Table/BaseTable/elements/TableCell.cjs.js"),E=require("./components/Table/BaseTable/elements/TableRoot.cjs.js"),M=require("./components/Table/BaseTable/elements/TableHeader.cjs.js"),O=require("./components/Table/BaseTable/elements/TableHeaderRow.cjs.js"),P=require("./components/Table/BaseTable/elements/TableHeaderCell.cjs.js"),k=require("./components/Table/BaseTable/elements/TableBody.cjs.js"),t=require("./components/Table/BaseTable/Collection/useTableCollection.cjs.js"),H=require("./components/Text/TextEllipsis/TextEllipsis.cjs.js"),D=require("./components/Text/TextEmphasis/TextEmphasis.cjs.js"),n=require("./components/ThemeProvider.cjs.js"),G=require("./components/Tombstone/Tombstone.cjs.js"),N=require("./components/Tooltip/ResponsiveTooltip.cjs.js"),V=require("./components/Waveform/Waveform.cjs.js");exports.ActionMenu=a.ActionMenu;exports.Badge=o.Badge;exports.BadgeVariants=o.BadgeVariants;exports.BANNER_VARIANTS=r.BANNER_VARIANTS;exports.Banner=r.Banner;exports.Button=e.Button;exports.ButtonSizes=e.ButtonSizes;exports.ButtonVariants=e.ButtonVariants;exports.ButtonGroup=u.ButtonGroup;exports.ButtonWithSelect=i.ButtonWithSelect;exports.CheckboxInput=l.CheckboxInput;exports.CheckboxRadioGroup=c.CheckboxRadioGroup;exports.DataTable=s.DataTable;exports.DataTableRow=T.DataTableRow;exports.CopyInput=b.CopyInput;exports.Overlay=p.Overlay;exports.Elevation=q.Elevation;exports.ImageBackground=d.ImageBackground;exports.Input=B.Input;exports.OTPInput=I.OTPInput;exports.MenuTrigger=h.MenuTrigger;exports.Modal=R.Modal;exports.Popover=v.Popover;exports.SearchInput=C.SearchInput;exports.ScreenOverlay=S.ScreenOverlay;exports.Select=m.Select;exports.Switch=g.Switch;exports.TextCountdown=x.TextCountdown;exports.Table=w.Table;exports.TableRow=y.TableRow;exports.TableCell=A.TableCell;exports.TableRoot=E.TableRoot;exports.TableHeader=M.TableHeader;exports.TableHeaderRow=O.TableHeaderRow;exports.TableHeaderCell=P.TableHeaderCell;exports.TableBody=k.TableBody;exports.calculateAriaColumnIndex=t.calculateAriaColumnIndex;exports.calculateAriaRowIndex=t.calculateAriaRowIndex;exports.TextEllipsis=H.TextEllipsis;exports.TextEmphasis=D.TextEmphasis;exports.ThemeProvider=n.ThemeProvider;exports.useTheme=n.useTheme;exports.Tombstone=G.Tombstone;exports.Tooltip=N.ResponsiveTooltip;exports.Waveform=V.Waveform;
 //# sourceMappingURL=index.cjs.js.map