@salemcobalt/ui 0.2.0-rc.1 → 0.2.0-rc.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/index.d.ts +407 -14
- package/dist/index.js +190 -0
- package/dist/index.js.map +1 -1
- package/dist/styles.css +272 -1
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @salemcobalt/ui
|
|
2
2
|
|
|
3
|
-
React 19 components for the Salem Cobalt design system: `Button`, `IconButton`, `Icon` and a shipped icon set, `Badge`, `Card`, `Stack`, `Inline`, `Heading`, `Text`, `Kbd`, `Dialog`, `Tooltip`, `Menu`, `Toolbar`, `Banner`, `Spinner`, `Progress`, `Tabs`, `Input`, `Textarea`, `Select`, `Checkbox`, `Switch`. Requires `@salemcobalt/tokens`.
|
|
3
|
+
React 19 components for the Salem Cobalt design system: `Button`, `IconButton`, `Icon` and a shipped icon set, `Badge`, `Card`, `Stack`, `Inline`, `Heading`, `Text`, `Kbd`, `Dialog`, `Tooltip`, `Menu`, `Toolbar`, `Banner`, `Spinner`, `Progress`, `Tabs`, `Input`, `Textarea`, `Select`, `Checkbox`, `Switch`, `Table`, `Stat`. Requires `@salemcobalt/tokens`.
|
|
4
4
|
|
|
5
5
|
```ts
|
|
6
6
|
import '@salemcobalt/tokens/css'; // custom properties, light + dark
|
|
@@ -27,7 +27,7 @@ Styles ship as one stylesheet inside `@layer sc`, so an app's unlayered CSS alwa
|
|
|
27
27
|
| -------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
28
28
|
| `Button` | `variant` primary · secondary · ghost · danger; `size` sm · md · lg; `iconStart`/`iconEnd`; `loading` (keeps width, `aria-busy`); `fullWidth`. |
|
|
29
29
|
| `IconButton` | Square Button for one icon. Required `label` (the accessible name); `variant` ghost (default) · secondary · primary · danger; `size`; `tooltip` (`true` shows `label`, or a string); `tooltipSide`; `round`; `loading`. |
|
|
30
|
-
| `Icon`, `*Icon` |
|
|
30
|
+
| `Icon`, `*Icon` | 49 outline icons on a 16px grid in `currentColor`, one component each (`PlayIcon`, `ChevronDownIcon` …, listed in `iconNames`); `size` xs 12 · sm 14 · md 16 · lg 20 · xl 24 · em; decorative unless `title` is given. `Icon` wraps your own paths. |
|
|
31
31
|
| `Badge` | `tone` neutral · accent · success · warning · danger · info; `variant` soft · solid · outline; `size` sm · md; `dot`. Text only. |
|
|
32
32
|
| `Card` | `variant` outlined · elevated · filled; `padding` none · sm · md · lg; `interactive`; `selected`; `as` or `render` to make it an `a`/`button`/`li`. |
|
|
33
33
|
| `Stack`, `Inline` | `gap` from the spacing scale (`none` … `4xl`); `align`; `justify`; `as`. `Inline` wraps unless `wrap={false}`. |
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { ComponentPropsWithRef, ReactNode, ReactElement } from 'react';
|
|
2
|
+
import { ComponentPropsWithRef, ReactNode, ReactElement, CSSProperties } from 'react';
|
|
3
3
|
import { useRender } from '@base-ui/react/use-render';
|
|
4
4
|
import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
|
|
5
5
|
import * as _base_ui_react from '@base-ui/react';
|
|
@@ -706,7 +706,7 @@ interface DialogRootProps {
|
|
|
706
706
|
children?: ReactNode | undefined;
|
|
707
707
|
}
|
|
708
708
|
/** Owns the open state. Wrap a `Dialog.Trigger` and a `Dialog.Content`. */
|
|
709
|
-
declare function Root$
|
|
709
|
+
declare function Root$4({ dismissible, onOpenChange, open, defaultOpen, children }: DialogRootProps): react.JSX.Element;
|
|
710
710
|
interface DialogContentProps extends Omit<Dialog$1.Popup.Props, 'className'> {
|
|
711
711
|
/** `sm` 400px for yes/no, `md` 560px (default) for a short form, `lg` 720px rarely. */
|
|
712
712
|
size?: DialogSize | undefined;
|
|
@@ -726,7 +726,7 @@ interface DialogDescriptionProps extends Omit<Dialog$1.Description.Props, 'class
|
|
|
726
726
|
declare function Description({ className, ...rest }: DialogDescriptionProps): react.JSX.Element;
|
|
727
727
|
type DialogBodyProps = ComponentPropsWithRef<'div'>;
|
|
728
728
|
/** Free content between the description and the actions. */
|
|
729
|
-
declare function Body({ className, ...rest }: DialogBodyProps): react.JSX.Element;
|
|
729
|
+
declare function Body$1({ className, ...rest }: DialogBodyProps): react.JSX.Element;
|
|
730
730
|
type DialogActionsProps = Omit<InlineProps, 'justify'>;
|
|
731
731
|
/** Right-aligned row of Buttons. Put the confirming action last. */
|
|
732
732
|
declare function Actions({ className, ...rest }: DialogActionsProps): react.JSX.Element;
|
|
@@ -737,12 +737,12 @@ interface DialogCloseProps extends Omit<Dialog$1.Close.Props, 'className'> {
|
|
|
737
737
|
declare function Close({ className, children, render, ...rest }: DialogCloseProps): react.JSX.Element;
|
|
738
738
|
/** A modal that interrupts for a decision or a short form. Built on Base UI's Dialog. */
|
|
739
739
|
declare const Dialog: {
|
|
740
|
-
Root: typeof Root$
|
|
740
|
+
Root: typeof Root$4;
|
|
741
741
|
Trigger: Dialog$1.Trigger;
|
|
742
742
|
Content: typeof Content$1;
|
|
743
743
|
Title: typeof Title;
|
|
744
744
|
Description: typeof Description;
|
|
745
|
-
Body: typeof Body;
|
|
745
|
+
Body: typeof Body$1;
|
|
746
746
|
Actions: typeof Actions;
|
|
747
747
|
Close: typeof Close;
|
|
748
748
|
};
|
|
@@ -766,10 +766,14 @@ declare function Icon({ size, title, className, children, ...rest }: IconProps):
|
|
|
766
766
|
|
|
767
767
|
/** `archive` */
|
|
768
768
|
declare function ArchiveIcon(props: IconGlyphProps): react.JSX.Element;
|
|
769
|
+
/** `arrow-down` */
|
|
770
|
+
declare function ArrowDownIcon(props: IconGlyphProps): react.JSX.Element;
|
|
769
771
|
/** `arrow-left` */
|
|
770
772
|
declare function ArrowLeftIcon(props: IconGlyphProps): react.JSX.Element;
|
|
771
773
|
/** `arrow-right` */
|
|
772
774
|
declare function ArrowRightIcon(props: IconGlyphProps): react.JSX.Element;
|
|
775
|
+
/** `arrow-up` */
|
|
776
|
+
declare function ArrowUpIcon(props: IconGlyphProps): react.JSX.Element;
|
|
773
777
|
/** `bell` */
|
|
774
778
|
declare function BellIcon(props: IconGlyphProps): react.JSX.Element;
|
|
775
779
|
/** `briefcase` */
|
|
@@ -860,7 +864,7 @@ declare function WarningIcon(props: IconGlyphProps): react.JSX.Element;
|
|
|
860
864
|
declare function XIcon(props: IconGlyphProps): react.JSX.Element;
|
|
861
865
|
|
|
862
866
|
/** Every icon shipped by this package, as `<Name>Icon` components. */
|
|
863
|
-
declare const iconNames: readonly ["archive", "arrow-left", "arrow-right", "bell", "briefcase", "calendar", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-x", "clock", "copy", "document", "download", "edit", "external-link", "eye", "filter", "flag", "inbox", "info", "link", "mail", "map-pin", "menu", "minus", "moon", "more-horizontal", "more-vertical", "pause", "play", "plus", "refresh", "search", "settings", "star", "sun", "thumbs-down", "thumbs-up", "trash", "undo", "user", "warning", "x"];
|
|
867
|
+
declare const iconNames: readonly ["archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "bell", "briefcase", "calendar", "check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle-check", "circle-x", "clock", "copy", "document", "download", "edit", "external-link", "eye", "filter", "flag", "inbox", "info", "link", "mail", "map-pin", "menu", "minus", "moon", "more-horizontal", "more-vertical", "pause", "play", "plus", "refresh", "search", "settings", "star", "sun", "thumbs-down", "thumbs-up", "trash", "undo", "user", "warning", "x"];
|
|
864
868
|
type IconName = (typeof iconNames)[number];
|
|
865
869
|
|
|
866
870
|
type TooltipSide = 'top' | 'bottom' | 'left' | 'right';
|
|
@@ -935,7 +939,7 @@ interface MenuRootProps {
|
|
|
935
939
|
children?: ReactNode | undefined;
|
|
936
940
|
}
|
|
937
941
|
/** Owns the open state. Wrap a `Menu.Trigger` and a `Menu.Content`. */
|
|
938
|
-
declare function Root$
|
|
942
|
+
declare function Root$3({ open, defaultOpen, onOpenChange, disabled, modal, children }: MenuRootProps): react.JSX.Element;
|
|
939
943
|
interface MenuTriggerProps extends Omit<Menu$1.Trigger.Props, 'className'> {
|
|
940
944
|
className?: string | undefined;
|
|
941
945
|
}
|
|
@@ -1017,7 +1021,7 @@ interface MenuSeparatorProps extends Omit<Menu$1.Separator.Props, 'className'> {
|
|
|
1017
1021
|
declare function Separator$1({ className, ...rest }: MenuSeparatorProps): react.JSX.Element;
|
|
1018
1022
|
/** A dropdown of actions on a trigger, with full keyboard support. Built on Base UI's Menu. */
|
|
1019
1023
|
declare const Menu: {
|
|
1020
|
-
Root: typeof Root$
|
|
1024
|
+
Root: typeof Root$3;
|
|
1021
1025
|
Trigger: typeof Trigger;
|
|
1022
1026
|
Content: typeof Content;
|
|
1023
1027
|
Item: typeof Item;
|
|
@@ -1144,7 +1148,7 @@ interface TabsRootProps extends Omit<Tabs$1.Root.Props, 'className' | 'value' |
|
|
|
1144
1148
|
className?: string | undefined;
|
|
1145
1149
|
}
|
|
1146
1150
|
/** Owns the active tab. Wrap a `Tabs.List` and one `Tabs.Panel` per tab. */
|
|
1147
|
-
declare function Root$
|
|
1151
|
+
declare function Root$2({ className, onValueChange, ...rest }: TabsRootProps): react.JSX.Element;
|
|
1148
1152
|
interface TabsListProps extends Omit<Tabs$1.List.Props, 'className'> {
|
|
1149
1153
|
/** Names the set of tabs for assistive tech: "Inbox sections". */
|
|
1150
1154
|
'aria-label': string;
|
|
@@ -1172,7 +1176,7 @@ interface TabsPanelProps extends Omit<Tabs$1.Panel.Props, 'className' | 'value'>
|
|
|
1172
1176
|
declare function Panel({ className, ...rest }: TabsPanelProps): react.JSX.Element;
|
|
1173
1177
|
/** Switches between sections of one view. Built on Base UI's Tabs. */
|
|
1174
1178
|
declare const Tabs: {
|
|
1175
|
-
Root: typeof Root$
|
|
1179
|
+
Root: typeof Root$2;
|
|
1176
1180
|
List: typeof List;
|
|
1177
1181
|
Tab: typeof Tab;
|
|
1178
1182
|
Panel: typeof Panel;
|
|
@@ -1191,7 +1195,7 @@ interface ToolbarRootProps extends Omit<Toolbar$1.Root.Props, 'className'> {
|
|
|
1191
1195
|
* A row of controls with one tab stop: Tab enters, arrow keys move between items, Tab leaves. Put every
|
|
1192
1196
|
* control through `Toolbar.Button` (`render={<IconButton … />}`) so it joins the roving focus.
|
|
1193
1197
|
*/
|
|
1194
|
-
declare function Root({ wrap, gap, className, ...rest }: ToolbarRootProps): react.JSX.Element;
|
|
1198
|
+
declare function Root$1({ wrap, gap, className, ...rest }: ToolbarRootProps): react.JSX.Element;
|
|
1195
1199
|
interface ToolbarGroupProps extends Omit<Toolbar$1.Group.Props, 'className'> {
|
|
1196
1200
|
/** Names the group: "Playback". */
|
|
1197
1201
|
'aria-label'?: string | undefined;
|
|
@@ -1216,7 +1220,7 @@ interface ToolbarSpacerProps {
|
|
|
1216
1220
|
declare function Spacer({ className }: ToolbarSpacerProps): react.JSX.Element;
|
|
1217
1221
|
/** A horizontal container of controls. Built on Base UI's Toolbar. */
|
|
1218
1222
|
declare const Toolbar: {
|
|
1219
|
-
Root: typeof Root;
|
|
1223
|
+
Root: typeof Root$1;
|
|
1220
1224
|
Group: typeof Group;
|
|
1221
1225
|
Separator: typeof Separator;
|
|
1222
1226
|
Button: react.ForwardRefExoticComponent<Omit<_base_ui_react.ToolbarButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1611,7 +1615,396 @@ interface TextProps extends ComponentPropsWithRef<'p'> {
|
|
|
1611
1615
|
/** Running text and labels from the type scale. Parents own spacing: Text has no margins. */
|
|
1612
1616
|
declare function Text({ as, size, tone, weight, align, truncate, numeric, className, style, ...rest }: TextProps): ReactElement;
|
|
1613
1617
|
|
|
1618
|
+
type TableAlign = 'start' | 'center' | 'end';
|
|
1619
|
+
type TableDensity = 'comfortable' | 'compact';
|
|
1620
|
+
type TableSortDirection = 'ascending' | 'descending' | 'none';
|
|
1621
|
+
interface TableRootProps extends Omit<ComponentPropsWithRef<'table'>, 'style'> {
|
|
1622
|
+
/** Column headers stay visible while the table scrolls. Give `maxHeight` to scroll inside the table; otherwise they stick to the page. */
|
|
1623
|
+
stickyHeader?: boolean | undefined;
|
|
1624
|
+
/** Limits the height and scrolls rows inside; pairs with `stickyHeader`. A CSS length. */
|
|
1625
|
+
maxHeight?: string | undefined;
|
|
1626
|
+
/** `compact` tightens row height and padding; `data-density="compact"` on an ancestor does the same. */
|
|
1627
|
+
density?: TableDensity | undefined;
|
|
1628
|
+
/** Hairlines between rows (default) or none. */
|
|
1629
|
+
divided?: boolean | undefined;
|
|
1630
|
+
/** `fixed` column widths from the first row, for truncating cells. Default `auto`. */
|
|
1631
|
+
layout?: 'auto' | 'fixed' | undefined;
|
|
1632
|
+
/** Style and class for the scrolling wrapper; `className` goes on the `<table>`. */
|
|
1633
|
+
wrapperClassName?: string | undefined;
|
|
1634
|
+
wrapperStyle?: CSSProperties | undefined;
|
|
1635
|
+
style?: CSSProperties | undefined;
|
|
1636
|
+
children?: ReactNode | undefined;
|
|
1637
|
+
}
|
|
1638
|
+
/** A semantic `<table>` in a horizontally scrolling wrapper. Compose `Table.Head`, `Table.Body`, `Table.Row`, `Table.Header`, `Table.Cell`. */
|
|
1639
|
+
declare function Root({ stickyHeader, maxHeight, density, divided, layout, wrapperClassName, wrapperStyle, className, style, children, ...rest }: TableRootProps): react.JSX.Element;
|
|
1640
|
+
type TableCaptionProps = ComponentPropsWithRef<'caption'>;
|
|
1641
|
+
/** Names the table for assistive tech; visually a muted line above it. */
|
|
1642
|
+
declare function Caption({ className, ...rest }: TableCaptionProps): react.JSX.Element;
|
|
1643
|
+
type TableHeadProps = ComponentPropsWithRef<'thead'>;
|
|
1644
|
+
declare function Head({ className, ...rest }: TableHeadProps): react.JSX.Element;
|
|
1645
|
+
type TableBodyProps = ComponentPropsWithRef<'tbody'>;
|
|
1646
|
+
declare function Body({ className, ...rest }: TableBodyProps): react.JSX.Element;
|
|
1647
|
+
type TableFootProps = ComponentPropsWithRef<'tfoot'>;
|
|
1648
|
+
declare function Foot({ className, ...rest }: TableFootProps): react.JSX.Element;
|
|
1649
|
+
interface TableRowProps extends ComponentPropsWithRef<'tr'> {
|
|
1650
|
+
/** Accent wash, for the current row. */
|
|
1651
|
+
selected?: boolean | undefined;
|
|
1652
|
+
/** Hover wash and pointer; make the primary cell a link or button for the real target. */
|
|
1653
|
+
interactive?: boolean | undefined;
|
|
1654
|
+
}
|
|
1655
|
+
declare function Row({ selected, interactive, className, ...rest }: TableRowProps): react.JSX.Element;
|
|
1656
|
+
interface CellSlots {
|
|
1657
|
+
/** Horizontal alignment. Default `start`; `end` for numbers. */
|
|
1658
|
+
align?: TableAlign | undefined;
|
|
1659
|
+
/** Tabular figures and end alignment. */
|
|
1660
|
+
numeric?: boolean | undefined;
|
|
1661
|
+
/** No wrapping. */
|
|
1662
|
+
nowrap?: boolean | undefined;
|
|
1663
|
+
/** One line with an ellipsis; needs `layout="fixed"` or a `width`. */
|
|
1664
|
+
truncate?: boolean | undefined;
|
|
1665
|
+
/** Column width as a CSS length, on headers. */
|
|
1666
|
+
width?: string | undefined;
|
|
1667
|
+
}
|
|
1668
|
+
interface TableHeaderProps extends Omit<ComponentPropsWithRef<'th'>, 'align' | 'width'>, CellSlots {
|
|
1669
|
+
/** Renders the label as a button that sorts the column. The table stays controlled: sort the rows yourself in `onSort`. */
|
|
1670
|
+
sortable?: boolean | undefined;
|
|
1671
|
+
/** The column's current sort, reflected as `aria-sort`. `none` (default) for every column but the sorted one. */
|
|
1672
|
+
sortDirection?: TableSortDirection | undefined;
|
|
1673
|
+
/** Called with the direction to apply: `ascending` first, then it toggles. */
|
|
1674
|
+
onSort?: ((direction: Exclude<TableSortDirection, 'none'>) => void) | undefined;
|
|
1675
|
+
}
|
|
1676
|
+
/** A `<th>`; `scope` defaults to `col`, pass `row` for the first cell of a row. */
|
|
1677
|
+
declare function Header({ align, numeric, nowrap, truncate, width, sortable, sortDirection, onSort, scope, className, style, children, ...rest }: TableHeaderProps): react.JSX.Element;
|
|
1678
|
+
interface TableCellProps extends Omit<ComponentPropsWithRef<'td'>, 'align' | 'width'>, CellSlots {
|
|
1679
|
+
}
|
|
1680
|
+
declare function Cell({ align, numeric, nowrap, truncate, width, className, style, ...rest }: TableCellProps): react.JSX.Element;
|
|
1681
|
+
/** Rows of records with column headers. Native table elements, so screen readers get rows and columns. */
|
|
1682
|
+
declare const Table: {
|
|
1683
|
+
Root: typeof Root;
|
|
1684
|
+
Caption: typeof Caption;
|
|
1685
|
+
Head: typeof Head;
|
|
1686
|
+
Body: typeof Body;
|
|
1687
|
+
Foot: typeof Foot;
|
|
1688
|
+
Row: typeof Row;
|
|
1689
|
+
Header: typeof Header;
|
|
1690
|
+
Cell: typeof Cell;
|
|
1691
|
+
};
|
|
1692
|
+
|
|
1693
|
+
type StatTrend = 'up' | 'down' | 'flat';
|
|
1694
|
+
type StatDeltaTone = 'positive' | 'negative' | 'neutral';
|
|
1695
|
+
type StatElement = 'div' | 'li' | 'article';
|
|
1696
|
+
type StatVariant = 'outlined' | 'filled' | 'plain';
|
|
1697
|
+
type StatSize = 'sm' | 'md';
|
|
1698
|
+
interface StatProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
|
|
1699
|
+
/** What the number is: "Applications", "Reply rate". */
|
|
1700
|
+
label: ReactNode;
|
|
1701
|
+
/** The number, already formatted: "1,204", "37%". */
|
|
1702
|
+
value: ReactNode;
|
|
1703
|
+
/** The change beside the value: "+12", "−3.1 pts", "same as last week". */
|
|
1704
|
+
delta?: ReactNode | undefined;
|
|
1705
|
+
/** Colour of the delta: `positive` green, `negative` red, `neutral` muted (default). Say which is good; up is not always good. */
|
|
1706
|
+
deltaTone?: StatDeltaTone | undefined;
|
|
1707
|
+
/** Arrow before the delta. */
|
|
1708
|
+
trend?: StatTrend | undefined;
|
|
1709
|
+
/** Muted line under the value: "last 7 days", "of 2,000 budget". */
|
|
1710
|
+
hint?: ReactNode | undefined;
|
|
1711
|
+
/** A 20px icon in the corner. Decorative. */
|
|
1712
|
+
icon?: ReactNode | undefined;
|
|
1713
|
+
/** `outlined` surface (default), `filled` inset, `plain` no surface for a row of stats inside a Card. */
|
|
1714
|
+
variant?: StatVariant | undefined;
|
|
1715
|
+
/** `md` (default) or `sm` for dense rows. */
|
|
1716
|
+
size?: StatSize | undefined;
|
|
1717
|
+
/** Element to render; `li` in a list of stats. */
|
|
1718
|
+
as?: StatElement | undefined;
|
|
1719
|
+
}
|
|
1720
|
+
/** One number with its label: a KPI tile. The value is text, so it reads as "Applications, 1,204, up 12". */
|
|
1721
|
+
declare function Stat({ label, value, delta, deltaTone, trend, hint, icon, variant, size, as, className, ...rest }: StatProps): react.DetailedReactHTMLElement<{
|
|
1722
|
+
slot?: string | undefined | undefined;
|
|
1723
|
+
style?: react.CSSProperties | undefined;
|
|
1724
|
+
title?: string | undefined | undefined;
|
|
1725
|
+
ref?: react.Ref<HTMLDivElement> | undefined;
|
|
1726
|
+
key?: react.Key | null | undefined;
|
|
1727
|
+
defaultChecked?: boolean | undefined | undefined;
|
|
1728
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
1729
|
+
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
1730
|
+
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
1731
|
+
accessKey?: string | undefined | undefined;
|
|
1732
|
+
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
1733
|
+
autoFocus?: boolean | undefined | undefined;
|
|
1734
|
+
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
1735
|
+
contextMenu?: string | undefined | undefined;
|
|
1736
|
+
dir?: string | undefined | undefined;
|
|
1737
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
1738
|
+
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
1739
|
+
hidden?: boolean | undefined | undefined;
|
|
1740
|
+
id?: string | undefined | undefined;
|
|
1741
|
+
lang?: string | undefined | undefined;
|
|
1742
|
+
nonce?: string | undefined | undefined;
|
|
1743
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
1744
|
+
tabIndex?: number | undefined | undefined;
|
|
1745
|
+
translate?: "yes" | "no" | undefined | undefined;
|
|
1746
|
+
radioGroup?: string | undefined | undefined;
|
|
1747
|
+
role?: react.AriaRole | undefined;
|
|
1748
|
+
about?: string | undefined | undefined;
|
|
1749
|
+
content?: string | undefined | undefined;
|
|
1750
|
+
datatype?: string | undefined | undefined;
|
|
1751
|
+
inlist?: any;
|
|
1752
|
+
prefix?: string | undefined | undefined;
|
|
1753
|
+
property?: string | undefined | undefined;
|
|
1754
|
+
rel?: string | undefined | undefined;
|
|
1755
|
+
resource?: string | undefined | undefined;
|
|
1756
|
+
rev?: string | undefined | undefined;
|
|
1757
|
+
typeof?: string | undefined | undefined;
|
|
1758
|
+
vocab?: string | undefined | undefined;
|
|
1759
|
+
autoCorrect?: string | undefined | undefined;
|
|
1760
|
+
autoSave?: string | undefined | undefined;
|
|
1761
|
+
color?: string | undefined | undefined;
|
|
1762
|
+
itemProp?: string | undefined | undefined;
|
|
1763
|
+
itemScope?: boolean | undefined | undefined;
|
|
1764
|
+
itemType?: string | undefined | undefined;
|
|
1765
|
+
itemID?: string | undefined | undefined;
|
|
1766
|
+
itemRef?: string | undefined | undefined;
|
|
1767
|
+
results?: number | undefined | undefined;
|
|
1768
|
+
security?: string | undefined | undefined;
|
|
1769
|
+
unselectable?: "on" | "off" | undefined | undefined;
|
|
1770
|
+
popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
|
|
1771
|
+
popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
|
|
1772
|
+
popoverTarget?: string | undefined | undefined;
|
|
1773
|
+
inert?: boolean | undefined | undefined;
|
|
1774
|
+
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
|
|
1775
|
+
is?: string | undefined | undefined;
|
|
1776
|
+
exportparts?: string | undefined | undefined;
|
|
1777
|
+
part?: string | undefined | undefined;
|
|
1778
|
+
"aria-activedescendant"?: string | undefined | undefined;
|
|
1779
|
+
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
1780
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
1781
|
+
"aria-braillelabel"?: string | undefined | undefined;
|
|
1782
|
+
"aria-brailleroledescription"?: string | undefined | undefined;
|
|
1783
|
+
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
1784
|
+
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
1785
|
+
"aria-colcount"?: number | undefined | undefined;
|
|
1786
|
+
"aria-colindex"?: number | undefined | undefined;
|
|
1787
|
+
"aria-colindextext"?: string | undefined | undefined;
|
|
1788
|
+
"aria-colspan"?: number | undefined | undefined;
|
|
1789
|
+
"aria-controls"?: string | undefined | undefined;
|
|
1790
|
+
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
|
|
1791
|
+
"aria-describedby"?: string | undefined | undefined;
|
|
1792
|
+
"aria-description"?: string | undefined | undefined;
|
|
1793
|
+
"aria-details"?: string | undefined | undefined;
|
|
1794
|
+
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
1795
|
+
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
|
|
1796
|
+
"aria-errormessage"?: string | undefined | undefined;
|
|
1797
|
+
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
1798
|
+
"aria-flowto"?: string | undefined | undefined;
|
|
1799
|
+
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
1800
|
+
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
|
|
1801
|
+
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
1802
|
+
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
|
|
1803
|
+
"aria-keyshortcuts"?: string | undefined | undefined;
|
|
1804
|
+
"aria-label"?: string | undefined | undefined;
|
|
1805
|
+
"aria-labelledby"?: string | undefined | undefined;
|
|
1806
|
+
"aria-level"?: number | undefined | undefined;
|
|
1807
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
|
|
1808
|
+
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
1809
|
+
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
1810
|
+
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
1811
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
|
|
1812
|
+
"aria-owns"?: string | undefined | undefined;
|
|
1813
|
+
"aria-placeholder"?: string | undefined | undefined;
|
|
1814
|
+
"aria-posinset"?: number | undefined | undefined;
|
|
1815
|
+
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
1816
|
+
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
1817
|
+
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
|
|
1818
|
+
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
1819
|
+
"aria-roledescription"?: string | undefined | undefined;
|
|
1820
|
+
"aria-rowcount"?: number | undefined | undefined;
|
|
1821
|
+
"aria-rowindex"?: number | undefined | undefined;
|
|
1822
|
+
"aria-rowindextext"?: string | undefined | undefined;
|
|
1823
|
+
"aria-rowspan"?: number | undefined | undefined;
|
|
1824
|
+
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
1825
|
+
"aria-setsize"?: number | undefined | undefined;
|
|
1826
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
|
|
1827
|
+
"aria-valuemax"?: number | undefined | undefined;
|
|
1828
|
+
"aria-valuemin"?: number | undefined | undefined;
|
|
1829
|
+
"aria-valuenow"?: number | undefined | undefined;
|
|
1830
|
+
"aria-valuetext"?: string | undefined | undefined;
|
|
1831
|
+
dangerouslySetInnerHTML?: {
|
|
1832
|
+
__html: string | TrustedHTML;
|
|
1833
|
+
} | undefined | undefined;
|
|
1834
|
+
onCopy?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
1835
|
+
onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
1836
|
+
onCut?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
1837
|
+
onCutCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
1838
|
+
onPaste?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
1839
|
+
onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
1840
|
+
onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
1841
|
+
onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
1842
|
+
onCompositionStart?: react.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
1843
|
+
onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
1844
|
+
onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
1845
|
+
onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
|
|
1846
|
+
onFocus?: react.FocusEventHandler<HTMLDivElement> | undefined;
|
|
1847
|
+
onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
|
|
1848
|
+
onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
|
|
1849
|
+
onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
|
|
1850
|
+
onChange?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
|
|
1851
|
+
onChangeCapture?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
|
|
1852
|
+
onBeforeInput?: react.InputEventHandler<HTMLDivElement> | undefined;
|
|
1853
|
+
onBeforeInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
|
|
1854
|
+
onInput?: react.InputEventHandler<HTMLDivElement> | undefined;
|
|
1855
|
+
onInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
|
|
1856
|
+
onReset?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1857
|
+
onResetCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1858
|
+
onSubmit?: react.SubmitEventHandler<HTMLDivElement> | undefined;
|
|
1859
|
+
onSubmitCapture?: react.SubmitEventHandler<HTMLDivElement> | undefined;
|
|
1860
|
+
onInvalid?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1861
|
+
onInvalidCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1862
|
+
onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1863
|
+
onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1864
|
+
onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1865
|
+
onErrorCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1866
|
+
onKeyDown?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
1867
|
+
onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
1868
|
+
onKeyPress?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
1869
|
+
onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
1870
|
+
onKeyUp?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
1871
|
+
onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
1872
|
+
onAbort?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1873
|
+
onAbortCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1874
|
+
onCanPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1875
|
+
onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1876
|
+
onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1877
|
+
onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1878
|
+
onDurationChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1879
|
+
onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1880
|
+
onEmptied?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1881
|
+
onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1882
|
+
onEncrypted?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1883
|
+
onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1884
|
+
onEnded?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1885
|
+
onEndedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1886
|
+
onLoadedData?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1887
|
+
onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1888
|
+
onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1889
|
+
onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1890
|
+
onLoadStart?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1891
|
+
onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1892
|
+
onPause?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1893
|
+
onPauseCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1894
|
+
onPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1895
|
+
onPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1896
|
+
onPlaying?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1897
|
+
onPlayingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1898
|
+
onProgress?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1899
|
+
onProgressCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1900
|
+
onRateChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1901
|
+
onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1902
|
+
onSeeked?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1903
|
+
onSeekedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1904
|
+
onSeeking?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1905
|
+
onSeekingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1906
|
+
onStalled?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1907
|
+
onStalledCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1908
|
+
onSuspend?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1909
|
+
onSuspendCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1910
|
+
onTimeUpdate?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1911
|
+
onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1912
|
+
onVolumeChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1913
|
+
onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1914
|
+
onWaiting?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1915
|
+
onWaitingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1916
|
+
onAuxClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1917
|
+
onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1918
|
+
onClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1919
|
+
onClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1920
|
+
onContextMenu?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1921
|
+
onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1922
|
+
onDoubleClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1923
|
+
onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1924
|
+
onDrag?: react.DragEventHandler<HTMLDivElement> | undefined;
|
|
1925
|
+
onDragCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
|
|
1926
|
+
onDragEnd?: react.DragEventHandler<HTMLDivElement> | undefined;
|
|
1927
|
+
onDragEndCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
|
|
1928
|
+
onDragEnter?: react.DragEventHandler<HTMLDivElement> | undefined;
|
|
1929
|
+
onDragEnterCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
|
|
1930
|
+
onDragExit?: react.DragEventHandler<HTMLDivElement> | undefined;
|
|
1931
|
+
onDragExitCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
|
|
1932
|
+
onDragLeave?: react.DragEventHandler<HTMLDivElement> | undefined;
|
|
1933
|
+
onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
|
|
1934
|
+
onDragOver?: react.DragEventHandler<HTMLDivElement> | undefined;
|
|
1935
|
+
onDragOverCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
|
|
1936
|
+
onDragStart?: react.DragEventHandler<HTMLDivElement> | undefined;
|
|
1937
|
+
onDragStartCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
|
|
1938
|
+
onDrop?: react.DragEventHandler<HTMLDivElement> | undefined;
|
|
1939
|
+
onDropCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
|
|
1940
|
+
onMouseDown?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1941
|
+
onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1942
|
+
onMouseEnter?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1943
|
+
onMouseLeave?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1944
|
+
onMouseMove?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1945
|
+
onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1946
|
+
onMouseOut?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1947
|
+
onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1948
|
+
onMouseOver?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1949
|
+
onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1950
|
+
onMouseUp?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1951
|
+
onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
|
|
1952
|
+
onSelect?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1953
|
+
onSelectCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
|
|
1954
|
+
onTouchCancel?: react.TouchEventHandler<HTMLDivElement> | undefined;
|
|
1955
|
+
onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
|
|
1956
|
+
onTouchEnd?: react.TouchEventHandler<HTMLDivElement> | undefined;
|
|
1957
|
+
onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
|
|
1958
|
+
onTouchMove?: react.TouchEventHandler<HTMLDivElement> | undefined;
|
|
1959
|
+
onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
|
|
1960
|
+
onTouchStart?: react.TouchEventHandler<HTMLDivElement> | undefined;
|
|
1961
|
+
onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
|
|
1962
|
+
onPointerDown?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1963
|
+
onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1964
|
+
onPointerMove?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1965
|
+
onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1966
|
+
onPointerUp?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1967
|
+
onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1968
|
+
onPointerCancel?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1969
|
+
onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1970
|
+
onPointerEnter?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1971
|
+
onPointerLeave?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1972
|
+
onPointerOver?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1973
|
+
onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1974
|
+
onPointerOut?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1975
|
+
onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1976
|
+
onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1977
|
+
onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1978
|
+
onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1979
|
+
onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
|
|
1980
|
+
onScroll?: react.UIEventHandler<HTMLDivElement> | undefined;
|
|
1981
|
+
onScrollCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
|
|
1982
|
+
onScrollEnd?: react.UIEventHandler<HTMLDivElement> | undefined;
|
|
1983
|
+
onScrollEndCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
|
|
1984
|
+
onWheel?: react.WheelEventHandler<HTMLDivElement> | undefined;
|
|
1985
|
+
onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | undefined;
|
|
1986
|
+
onAnimationStart?: react.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
1987
|
+
onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
1988
|
+
onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
1989
|
+
onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
1990
|
+
onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
1991
|
+
onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
|
|
1992
|
+
onToggle?: react.ToggleEventHandler<HTMLDivElement> | undefined;
|
|
1993
|
+
onBeforeToggle?: react.ToggleEventHandler<HTMLDivElement> | undefined;
|
|
1994
|
+
onTransitionCancel?: react.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
1995
|
+
onTransitionCancelCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
1996
|
+
onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
1997
|
+
onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
1998
|
+
onTransitionRun?: react.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
1999
|
+
onTransitionRunCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
2000
|
+
onTransitionStart?: react.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
2001
|
+
onTransitionStartCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
2002
|
+
className: string;
|
|
2003
|
+
'data-variant': StatVariant;
|
|
2004
|
+
'data-size': StatSize;
|
|
2005
|
+
}, HTMLDivElement>;
|
|
2006
|
+
|
|
1614
2007
|
declare const version = "0.1.1";
|
|
1615
2008
|
|
|
1616
|
-
export { ArchiveIcon, ArrowLeftIcon, ArrowRightIcon, Badge, Banner, BellIcon, BriefcaseIcon, Button, CalendarIcon, Card, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleCheckIcon, CircleXIcon, ClockIcon, CopyIcon, Dialog, DocumentIcon, DownloadIcon, EditIcon, ExternalLinkIcon, EyeIcon, FilterIcon, FlagIcon, Heading, Icon, IconButton, InboxIcon, InfoIcon, Inline, Input, Kbd, LinkIcon, MailIcon, MapPinIcon, Menu, MenuIcon, MinusIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, PauseIcon, PlayIcon, PlusIcon, Progress, RefreshIcon, SearchIcon, Select, SettingsIcon, Spinner, Stack, StarIcon, SunIcon, Switch, Tabs, Text, Textarea, ThumbsDownIcon, ThumbsUpIcon, Toolbar, Tooltip, TrashIcon, UndoIcon, UserIcon, WarningIcon, XIcon, iconNames, version };
|
|
1617
|
-
export type { BadgeProps, BadgeSize, BadgeTone, BadgeVariant, BannerProps, BannerTone, ButtonProps, ButtonSize, ButtonVariant, CardElement, CardPadding, CardProps, CardVariant, CheckboxProps, ControlSize, DialogActionsProps, DialogBodyProps, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogRootProps, DialogSize, DialogTitleProps, FieldProps, HeadingElement, HeadingLevel, HeadingProps, HeadingSize, IconButtonProps, IconGlyphProps, IconName, IconProps, IconSize, InlineAlign, InlineElement, InlineJustify, InlineProps, InputProps, KbdGroupProps, KbdProps, MenuAlign, MenuCheckboxItemProps, MenuContentProps, MenuGroupProps, MenuItemProps, MenuItemTone, MenuLinkItemProps, MenuRadioGroupProps, MenuRadioItemProps, MenuRootProps, MenuSeparatorProps, MenuSide, MenuTriggerProps, ProgressProps, ProgressSize, ProgressTone, ProgressVariant, SelectGroup, SelectOption, SelectProps, SpacingSize, SpinnerProps, StackAlign, StackElement, StackJustify, StackProps, SwitchProps, TabsListProps, TabsPanelProps, TabsRootProps, TabsTabProps, TextAlign, TextElement, TextProps, TextSize, TextTone, TextWeight, TextareaProps, ToolbarButtonProps, ToolbarGroupProps, ToolbarRootProps, ToolbarSeparatorProps, ToolbarSpacerProps, TooltipAlign, TooltipProps, TooltipSide };
|
|
2009
|
+
export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Badge, Banner, BellIcon, BriefcaseIcon, Button, CalendarIcon, Card, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleCheckIcon, CircleXIcon, ClockIcon, CopyIcon, Dialog, DocumentIcon, DownloadIcon, EditIcon, ExternalLinkIcon, EyeIcon, FilterIcon, FlagIcon, Heading, Icon, IconButton, InboxIcon, InfoIcon, Inline, Input, Kbd, LinkIcon, MailIcon, MapPinIcon, Menu, MenuIcon, MinusIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, PauseIcon, PlayIcon, PlusIcon, Progress, RefreshIcon, SearchIcon, Select, SettingsIcon, Spinner, Stack, StarIcon, Stat, SunIcon, Switch, Table, Tabs, Text, Textarea, ThumbsDownIcon, ThumbsUpIcon, Toolbar, Tooltip, TrashIcon, UndoIcon, UserIcon, WarningIcon, XIcon, iconNames, version };
|
|
2010
|
+
export type { BadgeProps, BadgeSize, BadgeTone, BadgeVariant, BannerProps, BannerTone, ButtonProps, ButtonSize, ButtonVariant, CardElement, CardPadding, CardProps, CardVariant, CheckboxProps, ControlSize, DialogActionsProps, DialogBodyProps, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogRootProps, DialogSize, DialogTitleProps, FieldProps, HeadingElement, HeadingLevel, HeadingProps, HeadingSize, IconButtonProps, IconGlyphProps, IconName, IconProps, IconSize, InlineAlign, InlineElement, InlineJustify, InlineProps, InputProps, KbdGroupProps, KbdProps, MenuAlign, MenuCheckboxItemProps, MenuContentProps, MenuGroupProps, MenuItemProps, MenuItemTone, MenuLinkItemProps, MenuRadioGroupProps, MenuRadioItemProps, MenuRootProps, MenuSeparatorProps, MenuSide, MenuTriggerProps, ProgressProps, ProgressSize, ProgressTone, ProgressVariant, SelectGroup, SelectOption, SelectProps, SpacingSize, SpinnerProps, StackAlign, StackElement, StackJustify, StackProps, StatDeltaTone, StatElement, StatProps, StatSize, StatTrend, StatVariant, SwitchProps, TableAlign, TableBodyProps, TableCaptionProps, TableCellProps, TableDensity, TableFootProps, TableHeadProps, TableHeaderProps, TableRootProps, TableRowProps, TableSortDirection, TabsListProps, TabsPanelProps, TabsRootProps, TabsTabProps, TextAlign, TextElement, TextProps, TextSize, TextTone, TextWeight, TextareaProps, ToolbarButtonProps, ToolbarGroupProps, ToolbarRootProps, ToolbarSeparatorProps, ToolbarSpacerProps, TooltipAlign, TooltipProps, TooltipSide };
|