@eyesee/ui-components 0.7.0 → 0.9.0

package/dist/components/icons-v2/StarIcon.d.ts

@@ -0,0 +1,20 @@
+/**
+ * SVG five-pointed star icon used to represent favourites, ratings, or
+ * bookmarked items.
+ *
+ * Unlike most icons in this set, `StarIcon` exposes a `fill` prop so the
+ * star can be rendered in a solid/filled state (e.g. to indicate a selected
+ * favourite).
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG `fill` attribute for the star
+ *   path. Pass a colour value (e.g. `'currentColor'` or a hex code) to render
+ *   the star as solid/filled.
+ * @returns {JSX.Element}
+ */
+export const StarIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/StopIcon.d.ts

@@ -0,0 +1,11 @@
+/**
+ * SVG filled stop icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - Fill colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height`.
+ * @returns {JSX.Element}
+ */
+export const StopIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/SurveyIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG survey icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const SurveyIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/TableExportIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG table export icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const TableExportIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/TableIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG table icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const TableIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/TableOptionsIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG table options icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const TableOptionsIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/TagIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG tag icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const TagIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/TargetArrowIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG target with arrow icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const TargetArrowIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/TargetIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG target icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke/fill colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const TargetIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/TextRecognitionIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG text recognition icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const TextRecognitionIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/TriangleFlagIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG triangle flag icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const TriangleFlagIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/TrophyIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG trophy icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const TrophyIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/UnderlineIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG underline icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const UnderlineIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/UndoIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG undo icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const UndoIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/UnitBuyRateIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG unit buy rate icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const UnitBuyRateIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/UploadIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG upload icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const UploadIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/UserGroupIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG user group icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const UserGroupIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/UserIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG user icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const UserIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/UsersIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG users icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const UsersIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/ValueBuyRateIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG value buy rate icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const ValueBuyRateIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/VideoIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG video icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const VideoIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/ViewOffIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG view off icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const ViewOffIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/ViewOnIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG view on icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const ViewOnIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/VolumeOffIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG volume off icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const VolumeOffIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/VolumeOnIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG volume on icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const VolumeOnIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/WebIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG web/globe icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const WebIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/XIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG x/close icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const XIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/ZipFileIcon.d.ts

@@ -0,0 +1,13 @@
+/**
+ * SVG zip file icon.
+ *
+ * @param {object}    props
+ * @param {string}    [props.strokeColor='currentColor'] - SVG stroke colour.
+ *   Accepts any valid CSS colour value.
+ * @param {import('./constants').IconSize} [props.iconSize='m']
+ *   T-shirt size token that controls the rendered `width`/`height` and
+ *   `stroke-width` via {@link iconSizes} and {@link iconStrokeWidths}.
+ * @param {string}    [props.fill='none'] - SVG fill colour.
+ * @returns {JSX.Element}
+ */
+export const ZipFileIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/ZonePercentageIcon.d.ts

@@ -0,0 +1 @@
+export const ZonePercentageIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/ZoomInIcon.d.ts

@@ -0,0 +1 @@
+export const ZoomInIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/ZoomOutIcon.d.ts

@@ -0,0 +1 @@
+export const ZoomOutIcon: (props: IconProps) => import("react").JSX.Element;

package/dist/components/icons-v2/constants.d.ts

@@ -0,0 +1,61 @@
+/**
+ * T-shirt size token recognised by every `icons-v2` component.
+ * Maps a human-readable size key to a concrete pixel dimension.
+ *
+ * @typedef {'s'|'m'|'l'|'xl'|'xxl'|'4xl'} IconSize
+ */
+/**
+ * Pixel dimensions for each {@link IconSize} token.
+ *
+ * | Token | px |
+ * |-------|----|
+ * | `s`   | 16 |
+ * | `m`   | 20 |
+ * | `l`   | 24 |
+ * | `xl`  | 28 |
+ * | `xxl` | 32 |
+ * | `4xl` | 48 |
+ *
+ * @type {Record<IconSize, number>}
+/**
+ * CSS variable tokens for icon sizes, aligned to `src/styles/variables.scss`.
+ * Use this when you want responsive sizing via CSS variables.
+ * | Token | CSS variable |
+ * |-------|--------------|
+ * | `4xl` | `--icon--icon-size--4xl` |
+ * | `xxl` | `--icon--icon-size--2xl` |
+ * | `xl` | `--icon--icon-size--xl` |
+ * | `l` | `--icon--icon-size--lg` |
+ * | `m` | `--icon--icon-size--default` |
+ * | `s` | `--icon--icon-size--sm` |
+ *
+ * @type {Record<IconSize, string>}
+ */
+export const iconSizes: Record<IconSize, number>;
+/**
+ * CSS variable tokens for icon stroke widths, aligned to `src/styles/variables.scss`.
+ * Use this when you want responsive sizing via CSS variables.
+ * | Token | CSS variable |
+ * |-------|--------------|
+ * | `4xl` | `--icon--icon-weight--4xl` |
+ * | `xxl` | `--icon--icon-weight--2xl` |
+ * | `xl` | `--icon--icon-weight--xl` |
+ * | `l` | `--icon--icon-weight--lg` |
+ * | `m` | `--icon--icon-weight--default` |
+ * | `s` | `--icon--icon-weight--sm` |
+ *
+ * @type {Record<IconSize, number>}
+/**
+ * CSS variable tokens for icon stroke widths, aligned to `src/styles/variables.scss`.
+ *
+ * @type {Record<IconSize, string>}
+ */ export const iconStrokeWidths: Record<IconSize, number>;
+export function getIconDimensions(iconSize?: string): {
+    size: any;
+    strokeWidth: any;
+};
+/**
+ * T-shirt size token recognised by every `icons-v2` component.
+ * Maps a human-readable size key to a concrete pixel dimension.
+ */
+export type IconSize = "s" | "m" | "l" | "xl" | "xxl" | "4xl";

package/dist/components/icons-v2/createIcon.d.ts

@@ -0,0 +1,45 @@
+export function createIcon(renderPaths: (params: {
+    strokeColor: string;
+    strokeWidth: string;
+    fill: string;
+}) => import("react").ReactNode, options?: {
+    animatedByDefault?: boolean;
+}): (props: IconProps) => import("react").JSX.Element;
+export type IconProps = {
+    /**
+     * T-shirt size token that controls the rendered `width`/`height` and stroke width.
+     */
+    iconSize?: import("./constants").IconSize;
+    /**
+     * Click handler. When provided the icon is clickable.
+     */
+    onClick?: Function;
+    /**
+     * SVG fill colour.
+     */
+    fill?: string;
+    /**
+     * SVG stroke colour. Accepts any valid CSS colour value.
+     */
+    strokeColor?: string;
+    /**
+     * Stroke colour applied on hover.
+     */
+    strokeColorOnHover?: string;
+    /**
+     * Fill colour applied on hover.
+     */
+    fillOnHover?: string;
+    /**
+     * Applies disabled colour tokens and ignores clicks.
+     */
+    disabled?: boolean;
+    /**
+     * When `true`, applies the spinner animation class.
+     */
+    animated?: boolean;
+    /**
+     * Custom viewBox size for icons that are not 32×32. Sets `0 0 {n} {n}`.
+     */
+    viewBoxSize?: number;
+};