UNPKG

@telekom/scale-components

Version:

Scale is the digital design system for Telekom products and experiences.

1,724 lines 1.03 MB
/* eslint-disable */ /* tslint:disable */ /** * This is an autogenerated file created by the Stencil compiler. * It contains typing information for all components that exist in this project. */ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime"; import { MenuItem } from "./components/telekom/app-interfaces"; import { CollapsibleEventDetail } from "./components/collapsible/collapsible"; import { DataGridEditEventDetail, DataGridSortedEventDetail } from "./components/data-grid/data-grid"; import { DuetDatePickerChangeEvent, DuetDatePickerDirection, DuetDatePickerFocusEvent } from "@duetds/date-picker/dist/types/components/duet-date-picker/duet-date-picker"; import { DuetLocalizedText } from "@duetds/date-picker/dist/types/components/duet-date-picker/date-localization"; import { InputChangeEventDetail } from "./components/input/input"; import { BeforeCloseEventDetail } from "./components/modal/modal"; import { BeforeCloseEventDetail as BeforeCloseEventDetail1 } from "./components/notification/notification"; import { PaginationEventDirection } from "./components/pagination/pagination"; export namespace Components { interface AppLogo { "claim": boolean; "claimLang": string; "color": string; "focusable": boolean; "href"?: string; "logoTitle"?: string; } interface AppMegaMenu { "active": boolean; "activeRouteId": string; "hide": () => void; "isActive": boolean; "navigation"?: MenuItem[]; } interface AppNavigationMainMobile { "activeRouteId": string; "hide": () => void; "navigation": MenuItem[]; } interface AppNavigationSectorMobile { "activeSectorId"?: string; "hide": () => void; "navigation": MenuItem[]; } interface AppNavigationUserMenu { "hide": () => void; "navigation": any; } interface ScaleAccordion { /** * If `true`, only one scale-collapsible within the accordion can be open at a time */ "dependent": boolean; /** * If `true`, scale-collapsibles within the accordion will all be open initially, unless this is dependant */ "expanded": boolean; /** * Heading level for scale-collapsible descendants */ "headingLevel": number | null; "iconLocation"?: 'left' | 'right'; /** * (optional) Injected CSS styles */ "styles"?: string; } interface ScaleAlert { /** * (optional) Alert title */ "headline": string; /** * (optional) Alert icon */ "icon"?: string; /** * Alert method: open() */ "open": () => Promise<void>; /** * (optional) Alert opened */ "opened": boolean; /** * (optional) Alert size */ "size"?: string; /** * (optional) Injected CSS styles */ "styles"?: string; /** * (optional) Alert timeout */ "timeout"?: boolean | number; /** * (optional) Alert variant */ "variant"?: string; } interface ScaleAppFooter { "claimLang": string; "copyright"?: string; "footerNavigation"?: any; "logoAriaDescribedBy"?: string; "logoClick"?: any; "logoHref"?: string; "logoTitle"?: string; /** * (optional) Injected CSS styles */ "styles"?: string; "variant"?: string; } interface ScaleAppHeader { "activeRouteId": string; "activeSectorId"?: string; "addonNavigation"?: any; "claimLang": string; "iconNavigation"?: any; "isMegaMenuVisible"?: boolean; "isMobileMenuVisible"?: boolean; "logoAriaDescribedBy"?: string; "logoClick"?: any; "logoHideTitle"?: boolean; "logoHref"?: string; "logoTitle"?: string; "mainNavigation"?: any; "megaMenuVisible"?: boolean; "mobileMenuVisible"?: boolean; "portalName"?: string; "sectorNavigation"?: any; "sticky"?: boolean; "userMenuAriaLabel"?: string; "userNavigation"?: any; } interface ScaleAppShell { "activeRouteId"?: string; "activeSectorId"?: string; "addonNavigation"?: any; "claimLang"?: string; "iconNavigation"?: any; "logoAriaDescribedBy"?: string; "logoClick"?: any; "logoHideTitle"?: boolean; "logoHref"?: string; "logoTitle"?: string; "mainNavigation"?: any; "portalName"?: string; "sectorNavigation"?: any; "sticky"?: boolean; /** * (optional) Injected CSS styles */ "styles"?: string; "userMenuAriaLabel"?: string; "userNavigation"?: any; } interface ScaleBadge { /** * a11y text for getting meaningful value. */ "ariaLabelTranslation": string; "count": number; "label": string; "labelVisuallyHidden": boolean; } interface ScaleBreadcrumb { "separator"?: string; /** * (optional) Injected CSS styles */ "styles"?: string; } interface ScaleButton { /** * (optional) If `true`, the button is disabled */ "disabled"?: boolean; /** * (optional) Name of a file to be downloaded */ "download"?: string; /** * (optional) When present, an <a> tag will be used */ "href"?: string; /** * (optional) Set to `true` when the button contains only an icon */ "iconOnly"?: boolean; /** * (optional) Icon position related to the label */ "iconPosition": 'before' | 'after'; /** * (optional) Button aria-label */ "innerAriaLabel"?: string; /** * (optional) Set `tabindex` in the inner button or link element */ "innerTabindex"?: number; /** * (optional) The name of the button, submitted as a pair with the button's `value` as part of the form data */ "name"?: string; "setFocus": () => Promise<void>; /** * (optional) The size of the button */ "size"?: 'small' | 'large'; /** * (optional) Injected CSS styles */ "styles"?: string; /** * (optional) The target attribute for the <a> tag */ "target"?: string; /** * (optional) Button type */ "type"?: 'reset' | 'submit' | 'button'; /** * (optional) Defines the value associated with the button's `name` */ "value"?: string; /** * (optional) Button variant */ "variant"?: string; } interface ScaleCallout { /** * (optional) CSS `bottom` value for absolute position */ "bottom"?: string; /** * (optional) CSS `left` value for absolute position */ "left"?: string; /** * (optional) CSS `right` value for absolute position */ "right"?: string; /** * (optional) Degree of rotation */ "rotation"?: number; /** * (optional) Injected CSS styles */ "styles"?: string; /** * (optional) CSS `top` value for absolute position */ "top"?: string; /** * (optional) Color variant of the callout */ "variant"?: 'primary' | 'blue' | 'white' | 'black' | string; } interface ScaleCard { /** * (optional) Label of the card */ "label"?: string; /** * (optional) Link card rel */ "rel"?: string; /** * (optional) Injected CSS styles */ "styles"?: string; /** * (optional) Link card target */ "target"?: string; /** * (optional) Link card */ "to"?: string; } interface ScaleCarousel { /** * (optional) Injected CSS styles */ "styles"?: string; /** * (optional) carousel display direction */ "vertical"?: boolean; } interface ScaleChartStackCard { /** * Chart Data */ "data": string | Array<Record<'type' | 'value' | 'percentage', string>>; /** * Chart Title */ "heading": string; } interface ScaleCheckbox { /** * (optional) Input label output */ "ariaLabelCheckbox"?: string; /** * (optional) Active switch */ "checked"?: boolean; /** * (optional) Input disabled */ "disabled"?: boolean; /** * (optional) Input helper text */ "helperText"?: string; /** * (optional) Hides the specified label visually */ "hideLabel"?: boolean; /** * (optional) indeterminate */ "indeterminate"?: boolean; /** * (optional) Input checkbox id */ "inputId"?: string; /** * (optional) Input status */ "invalid"?: boolean; /** * (optional) Input label */ "label": string; /** * (optional) Input name */ "name"?: string; /** * (optional) Input required */ "required"?: boolean; /** * @deprecated - invalid should replace status */ "status"?: string; /** * (optional) Injected CSS styles */ "styles"?: string; /** * (optional) Input value */ "value"?: string; } interface ScaleCheckboxGroup { /** * @deprecated - ariaLabelCheckboxGroup should replace ariaLabel */ "ariaLabelCheckboxGroup"?: string; /** * (optional) Input helper text */ "helperText"?: string; /** * (optional) Input checkbox id */ "inputId"?: string; /** * (optional) Input status */ "invalid"?: boolean; /** * (optional) Input label */ "label": string; /** * (optional) Input name */ "name"?: string; "selectText"?: string; /** * @deprecated - invalid should replace status */ "status"?: string; /** * (optional) Injected CSS styles */ "styles"?: string; "unselectText"?: string; /** * (optional) Input value */ "value"?: string; } interface ScaleChip { /** * (optional) chip aria-checked */ "ariaCheckedState"?: boolean; /** * (optional) chip aria-role */ "ariaRoleTitle"?: string; /** * (optional) chip disabled */ "disabled"?: boolean; /** * (optional) Dismiss label */ "dismissText"?: string; /** * (optional) chip label */ "label"?: string; /** * (optional) */ "selected"?: boolean; /** * (optional) Injected CSS styles */ "styles"?: string; /** * (optional) */ "type"?: 'dynamic' | 'persistent'; /** * (optional) */ "variant"?: 'standard' | 'outline'; } interface ScaleCollapsible { /** * Set to `true` to expand */ "expanded": boolean; /** * Default aria-level for heading */ "headingLevel": number; "iconLocation"?: 'left' | 'right'; /** * (optional) Injected CSS styles */ "styles"?: string; } interface ScaleDataGrid { /** * Input fields config array */ "fields": any; /** * (optional) Freeze header row from scrolling */ "freezeHeader"?: boolean; /** * (optional) Heading string */ "heading"?: string; /** * (optional) Set static table height, by default will auto-resize */ "height"?: string; /** * (optional) Set to true to remove border */ "hideBorder"?: boolean; /** * (optional) Set to true to hide header row */ "hideHeader"?: boolean; /** * (optional) Set to true to remove info footer block including pagination and selection status */ "hideInfo"?: boolean; /** * (optional) Set to true to hide settings menu */ "hideMenu"?: boolean; /** * (optional) set localization for sort, toggle and select/deselect table Default is English. */ "localization"?: { sortBy: string; toggle: string; select: string; }; /** * (optional) Set to true to add numbers column */ "numbered"?: boolean; /** * (optional) Set number of rows to display per pagination page */ "pageSize"?: number; /** * Input data array */ "rows": any; /** * (optional) Set to true to add selection column */ "selectable"?: boolean; /** * Read-only selection array - populated with raw data from selected rows */ "selection": string[]; /** * (optional) Shade every second row darker */ "shadeAlternate"?: boolean; /** * (optional) Injected css styles */ "styles": any; /** * (optional) Set to false to hide table, used for nested tables to re-render upon toggle */ "visible"?: boolean; } interface ScaleDatePicker { /** * Date adapter, for custom parsing/formatting. Must be object with a `parse` function which accepts a `string` and returns a `Date`, and a `format` function which accepts a `Date` and returns a `string`. Default is IS0-8601 parsing and formatting. */ "dateAdapter"?: any; /** * Forces the opening direction of the calendar modal to be always left or right. This setting can be useful when the input is smaller than the opening date picker would be as by default the picker always opens towards right. */ "direction": DuetDatePickerDirection; /** * Makes the date picker input component disabled. This prevents users from being able to interact with the input, and conveys its inactive state to assistive technologies. */ "disabled": boolean; /** * Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc. Default is Monday. */ "firstDayOfWeek"?: any; /** * (optional) Helper text */ "helperText"?: string; /** * Hide the calendar modal. Set `moveFocusToButton` to false to prevent focus returning to the date picker's button. Default is true. */ "hide": (moveFocusToButton?: boolean) => Promise<void>; /** * Adds a unique identifier for the date picker input. Use this instead of html `id` attribute. */ "identifier": string; /** * Defines a specific role attribute for the date picker input. */ "innerRole": string; /** * (optional) invalid status */ "invalid"?: boolean; /** * (optional) Label */ "label": string; /** * Button labels, day names, month names, etc, used for localization. Default is English. */ "localization"?: DuetLocalizedText & { today: string; }; /** * Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD. This setting can be used alone or together with the min property. */ "max": string; /** * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD. This setting can be used alone or together with the max property. */ "min": string; /** * Name of the date picker input. */ "name": string; /** * (optional) Input place holder */ "placeholder"?: string; /** * @deprecated in v3 in favor of localization.calendarHeading */ "popupTitle": string; /** * Should the input be marked as required? */ "required": boolean; /** * Sets focus on the date picker's input. Use this method instead of the global `focus()`. */ "setFocus": () => Promise<void>; /** * Show the calendar modal, moving focus to the calendar inside. */ "show": () => Promise<void>; /** * @deprecated */ "size"?: string; /** * @deprecated - invalid should replace status */ "status"?: string; /** * (optional) Injected CSS styles */ "styles"?: string; /** * Date value. Must be in IS0-8601 format: YYYY-MM-DD. */ "value": string; "variant"?: 'informational' | 'warning' | 'danger' | 'success'; } interface ScaleDivider { /** * (optional) Injected CSS styles */ "styles"?: string; /** * (optional) Divider vertical */ "vertical"?: boolean; } interface ScaleDropdown { /** * (optional) Makes type `select` behave as a controlled component in React */ "controlled"?: boolean; "disabled"?: boolean; /** * (optional) Input helper text */ "helperText"?: string; /** * (optional) to avoid displaying the label */ "hideLabelVisually"?: boolean; /** * (optional) Input checkbox id */ "inputId"?: string; /** * (optional) Input status */ "invalid"?: boolean; /** * (optional) Input label */ "label": string; /** * (optional) select multiple options */ "multiple"?: boolean; /** * (optional) Input name */ "name"?: string; /** * (optional) Input required */ "required"?: boolean; /** * @deprecated */ "size"?: string; /** * @deprecated - invalid should replace status */ "status"?: string; /** * (optional) Injected CSS styles */ "styles"?: string; /** * (optional) input background transparent */ "transparent"?: boolean; /** * (optional) Input value */ "value"?: string | number | null; /** * (optional) Variant */ "variant"?: 'informational' | 'warning' | 'danger' | 'success'; /** * (optional) the number of visible options in a select drop-down list */ "visibleSize"?: number; } interface ScaleDropdownSelect { /** * (optional) Screen reader text appended to the selected element */ "ariaLabelSelected"?: string; "comboboxId"?: string; "disabled"?: boolean; /** * @see { * @url https://floating-ui.com/docs/computePosition#strategy} */ "floatingStrategy": 'absolute' | 'fixed'; /** * (optional) Text displayed in high contrast mode only to indicate disabled state */ "hcmLabelDisabled"?: string; "helperText"?: string; /** * (optional) to hide the label */ "hideLabelVisually"?: boolean; "invalid"?: boolean; "label": string; "name"?: string; "readonly"?: boolean; "transparent"?: boolean; "value": any; "variant"?: 'informational' | 'warning' | 'danger' | 'success'; } interface ScaleDropdownSelectItem { "focused"?: boolean; "selected"?: boolean; "value"?: any; } interface ScaleGrid { /** * (optional) Set amount of columns in container */ "columns"?: string; /** * (optioanl) Set gutter between rows */ "gutterX"?: string; /** * (optional) Set gutter between columns */ "gutterY"?: string; /** * (optioanl) Set max-width to contaier */ "maxWidth"?: string; /** * (optioanl) Set padding to container */ "spacing"?: string; } interface ScaleGridItem { /** * (optional) Set starting column */ "offset"?: string; /** * (optional) Set size of column */ "size"?: string; } interface ScaleHelperText { /** * (optional) Helper text */ "helperText"?: string; /** * (optional) Injected CSS styles */ "styles"?: string; /** * (optional) Injected CSS styles */ "variant"?: | 'neutral' | 'informational' | 'warning' | 'danger' | 'success'; } interface ScaleIcon { /** * (optional) When using the icon as standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) If `true` the svg element will get aria-hidden="true" */ "decorative"?: boolean; /** * The SVG `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * A name that will be used to reference an SVG object defined elsewhere, via `<use xlink:href="">`. `icon-` will be prepended to the name, so if you pass `circle`, it will look for for the `icon-circle` id e.g. `<use xlink:href="#icon-circle">`. If there is no element in the document with the id by the name provided, this component will render empty. */ "name"?: string; /** * A path shape to be used in the `d` attribute of a path element. */ "path"?: string; /** * Will be used for both `width` and `height`, all icons are square. Keep in mind the `viewBox` attribute is set to "0 0 24 24". */ "size"?: number; /** * The SVG `stroke` attribute */ "stroke"?: string; } interface ScaleIconActionAdd { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionAddCard { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionArrange { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionArrowDown { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionArrowLeft { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionArrowRight { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionArrowUp { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionAutoLogin { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionBackspace { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionBackward { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionChangelog { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionCheckmark { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionCircleAdd { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionCircleClose { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionClose { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionCompare { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionCopyPaste { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionCutPaste { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionDisabledMicrophone { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionDownload { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionDownloadFromCloud { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionDragAndDrop { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionEdit { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionExport { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionFastForward { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionFastForwardNb { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionFavorite { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionFilter { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionFilter2 { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionForward { /** * (optional) When using the icon standalone, make it meaningful for accessibility */ "accessibilityTitle"?: string; /** * (optional) Alias for `fill` */ "color"?: string; /** * (optional) If `true` the SVG element will get `aria-hidden="true"` */ "decorative"?: boolean; /** * (optional) Sets the icon color via the `fill` attribute */ "fill"?: string; /** * (optional) If `true` the icon can receive focus */ "focusable"?: boolean; /** * (optional) If `true`, the icon changes visually */ "selected"?: boolean; /** * (optional) The width and height in pixels */ "size"?: number; } interface ScaleIconActionFullScreen { /** * (optional) When using the icon standalone, make it meaningful for a