diff --git a/packages/Alert/src/styles.ts b/packages/Alert/src/styles.ts index 3d7c2b6541..b2f4a2da78 100644 --- a/packages/Alert/src/styles.ts +++ b/packages/Alert/src/styles.ts @@ -1,4 +1,4 @@ -import styled, { css, th } from '@xstyled/styled-components' +import styled, { css, system, th } from '@xstyled/styled-components' import { Text } from '@welcome-ui/text' import { AlertOptions } from './index' @@ -24,6 +24,7 @@ export const Title = styled(Text).attrs(({ variant }) => ({ margin: 0; margin-bottom: sm; ${th(`alerts.title.${alertVariant}`)}; + ${system} &:only-child { margin-bottom: 0; diff --git a/packages/Badge/tests/index.test.tsx b/packages/Badge/tests/index.test.tsx index 5b2b38b493..bb261d4634 100644 --- a/packages/Badge/tests/index.test.tsx +++ b/packages/Badge/tests/index.test.tsx @@ -35,7 +35,7 @@ describe('', () => { const badge = getByTestId('badge') expect(badge).toHaveStyleRule('background-color', theme.colors['primary-500']) - expect(badge).toHaveStyleRule('color', 'rgba(0,0,0,1)') + expect(badge).toHaveStyleRule('color', 'rgba(0, 0, 0, 1)') }) it('should have correct primary variant color if disabled', () => { diff --git a/packages/Button/src/styles.ts b/packages/Button/src/styles.ts index 6388faef97..5501c43b0e 100644 --- a/packages/Button/src/styles.ts +++ b/packages/Button/src/styles.ts @@ -1,6 +1,7 @@ -import styled, { css, th } from '@xstyled/styled-components' +import styled, { css, system, th } from '@xstyled/styled-components' import { Button as AriakitButton } from '@ariakit/react' import { hideFocusRingsDataAttribute } from '@welcome-ui/utils' +import { shouldForwardProp } from '@welcome-ui/system' import { ButtonOptions } from './index' @@ -13,7 +14,7 @@ const shapeStyles = (size: ButtonOptions['size'], shape: ButtonOptions['shape'] `}; ` -export const Button = styled.buttonBox.attrs({ as: AriakitButton })( +export const Button = styled(AriakitButton).withConfig({ shouldForwardProp })( ({ disabled, shape, size = 'md', variant }) => css` ${th(`buttons.${variant}`)}; position: relative; @@ -33,6 +34,7 @@ export const Button = styled.buttonBox.attrs({ as: AriakitButton }) svg.wui-icon, & > i.wui-icon-font { diff --git a/packages/Card/src/Cover.styles.ts b/packages/Card/src/Cover.styles.ts index 6977949bb3..a76710fb6c 100644 --- a/packages/Card/src/Cover.styles.ts +++ b/packages/Card/src/Cover.styles.ts @@ -1,6 +1,7 @@ -import styled, { th } from '@xstyled/styled-components' +import styled, { system, th } from '@xstyled/styled-components' import { Shape } from '@welcome-ui/shape' -export const Cover = styled.box.attrs({ as: Shape })` +export const Cover = styled(Shape)` ${th('cards.cover')}; + ${system} ` diff --git a/packages/Checkbox/src/styles.ts b/packages/Checkbox/src/styles.ts index ce45e8bdaa..edd3a62344 100644 --- a/packages/Checkbox/src/styles.ts +++ b/packages/Checkbox/src/styles.ts @@ -1,12 +1,13 @@ import styled, { css, th } from '@xstyled/styled-components' import * as Ariakit from '@ariakit/react' import { defaultFieldStyles } from '@welcome-ui/utils' +import { shouldForwardProp } from '@welcome-ui/system' import { CheckboxProps } from './index' /* /!\ WARNING /!\ Don't add style after pseudo selector, it won't apply because of the dynamic color injected in the fill of the content */ -export const Checkbox = styled.box.attrs({ as: Ariakit.Checkbox })( +export const Checkbox = styled(Ariakit.Checkbox).withConfig({ shouldForwardProp })( ({ indeterminate, order = '-1', size, theme, variant }) => css` ${defaultFieldStyles({ size, variant })}; ${th('checkboxes.default')} diff --git a/packages/CloseButton/src/styles.ts b/packages/CloseButton/src/styles.ts index 9385b91e0a..9c34dce6a3 100644 --- a/packages/CloseButton/src/styles.ts +++ b/packages/CloseButton/src/styles.ts @@ -1,4 +1,4 @@ -import styled, { th } from '@xstyled/styled-components' +import styled, { system, th } from '@xstyled/styled-components' import { Button } from '@welcome-ui/button' export const CloseButton = styled(Button)` @@ -6,4 +6,6 @@ export const CloseButton = styled(Button)` width: ${th('space.md')}; height: ${th('space.md')}; } + + ${system} ` diff --git a/packages/DateTimePickerCommon/src/styles.ts b/packages/DateTimePickerCommon/src/styles.ts index dd94e05b57..be43bf893a 100644 --- a/packages/DateTimePickerCommon/src/styles.ts +++ b/packages/DateTimePickerCommon/src/styles.ts @@ -1,4 +1,4 @@ -import styled, { css } from '@xstyled/styled-components' +import styled, { css, system } from '@xstyled/styled-components' import ReactDatePicker, { ReactDatePickerProps } from 'react-datepicker' import { StyledIcon } from '@welcome-ui/icon' import { StyledButton } from '@welcome-ui/button' @@ -9,26 +9,28 @@ import { defaultFieldStyles, DefaultFieldStylesProps } from '@welcome-ui/utils' import { Focused } from './CustomInput' -export const StyledDatePicker = styled.box.attrs({ - // Workaround to this issue: https://github.com/Hacker0x01/react-datepicker/issues/3834 - // eslint-disable-next-line @typescript-eslint/ban-ts-comment - // @ts-ignore - as: (ReactDatePicker.default as typeof ReactDatePicker) || ReactDatePicker, -})( +// Workaround to this issue: https://github.com/Hacker0x01/react-datepicker/issues/3834 +// eslint-disable-next-line @typescript-eslint/ban-ts-comment +// @ts-ignore +export const StyledDatePicker = styled(ReactDatePicker.default || ReactDatePicker)< + DefaultFieldStylesProps & ReactDatePickerProps +>( ({ iconPlacement, size, transparent, variant }) => css` ${defaultFieldStyles({ size, variant, transparent, isClearable: true, iconPlacement })}; + ${system}; ` ) -export const StyledTimePicker = styled.box.attrs({ +export const StyledTimePicker = styled( // Workaround to this issue: https://github.com/Hacker0x01/react-datepicker/issues/3834 // eslint-disable-next-line @typescript-eslint/ban-ts-comment // @ts-ignore - as: (ReactDatePicker.default as typeof ReactDatePicker) || ReactDatePicker, -})( + ReactDatePicker.default || ReactDatePicker +)( ({ iconPlacement, size, transparent, variant }) => css` ${defaultFieldStyles({ size, variant, transparent, isClearable: true, iconPlacement })}; text-align: center; + ${system}; ` ) diff --git a/packages/EmojiPicker/src/styles.ts b/packages/EmojiPicker/src/styles.ts index 794efe1b6b..de8558e069 100644 --- a/packages/EmojiPicker/src/styles.ts +++ b/packages/EmojiPicker/src/styles.ts @@ -1,14 +1,15 @@ -import styled, { th } from '@xstyled/styled-components' +import styled, { system, th } from '@xstyled/styled-components' import { Tab } from '@welcome-ui/tabs' import * as WUIPopover from '@welcome-ui/popover' import { Box } from '@welcome-ui/box' -export const Popover = styled.box.attrs({ as: WUIPopover.Popover })` +export const Popover = styled(WUIPopover.Popover)` background-color: ${th('defaultCards.backgroundColor')}; border-width: sm; border-style: solid; border-color: border; color: dark-900; + ${system}; /** we change the arrow item color from popover component */ > div > div > svg { @@ -20,10 +21,11 @@ export const Popover = styled.box.attrs({ as: WUIPopover.Popover })` } ` -export const TabList = styled.box.attrs({ as: Tab.List })` +export const TabList = styled(Tab.List)` padding: 0 md; /* Remove margin from Tab.List */ margin-bottom: -xl; + ${system} ` export const EmojiButton = styled.buttonBox.attrs({ diff --git a/packages/Icon/docs/properties.json b/packages/Icon/docs/properties.json index 94dd87468b..1e085e4cb8 100644 --- a/packages/Icon/docs/properties.json +++ b/packages/Icon/docs/properties.json @@ -1,83 +1,6504 @@ { "Icon": { "props": { + "accentHeight": { + "defaultValue": null, + "description": "", + "name": "accentHeight", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "accumulate": { + "defaultValue": null, + "description": "", + "name": "accumulate", + "required": false, + "type": { + "name": "enum", + "raw": "\"none\" | \"sum\"", + "value": [ + { + "value": "\"none\"" + }, + { + "value": "\"sum\"" + } + ] + } + }, + "additive": { + "defaultValue": null, + "description": "", + "name": "additive", + "required": false, + "type": { + "name": "enum", + "raw": "\"replace\" | \"sum\"", + "value": [ + { + "value": "\"replace\"" + }, + { + "value": "\"sum\"" + } + ] + } + }, + "alignmentBaseline": { + "defaultValue": null, + "description": "", + "name": "alignmentBaseline", + "required": false, + "type": { + "name": "enum", + "raw": "\"alphabetic\" | \"hanging\" | \"ideographic\" | \"mathematical\" | \"inherit\" | \"auto\" | \"baseline\" | \"middle\" | \"after-edge\" | \"before-edge\" | \"central\" | \"text-after-edge\" | \"text-before-edge\"", + "value": [ + { + "value": "\"alphabetic\"" + }, + { + "value": "\"hanging\"" + }, + { + "value": "\"ideographic\"" + }, + { + "value": "\"mathematical\"" + }, + { + "value": "\"inherit\"" + }, + { + "value": "\"auto\"" + }, + { + "value": "\"baseline\"" + }, + { + "value": "\"middle\"" + }, + { + "value": "\"after-edge\"" + }, + { + "value": "\"before-edge\"" + }, + { + "value": "\"central\"" + }, + { + "value": "\"text-after-edge\"" + }, + { + "value": "\"text-before-edge\"" + } + ] + } + }, + "allowReorder": { + "defaultValue": null, + "description": "", + "name": "allowReorder", + "required": false, + "type": { + "name": "enum", + "raw": "\"no\" | \"yes\"", + "value": [ + { + "value": "\"no\"" + }, + { + "value": "\"yes\"" + } + ] + } + }, + "alphabetic": { + "defaultValue": null, + "description": "", + "name": "alphabetic", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "amplitude": { + "defaultValue": null, + "description": "", + "name": "amplitude", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "arabicForm": { + "defaultValue": null, + "description": "", + "name": "arabicForm", + "required": false, + "type": { + "name": "enum", + "raw": "\"initial\" | \"medial\" | \"terminal\" | \"isolated\"", + "value": [ + { + "value": "\"initial\"" + }, + { + "value": "\"medial\"" + }, + { + "value": "\"terminal\"" + }, + { + "value": "\"isolated\"" + } + ] + } + }, + "aria-activedescendant": { + "defaultValue": null, + "description": "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.", + "name": "aria-activedescendant", + "required": false, + "type": { + "name": "string" + } + }, + "aria-atomic": { + "defaultValue": null, + "description": "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.", + "name": "aria-atomic", + "required": false, + "type": { + "name": "enum", + "raw": "Booleanish", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "aria-autocomplete": { + "defaultValue": null, + "description": "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.", + "name": "aria-autocomplete", + "required": false, + "type": { + "name": "enum", + "raw": "\"none\" | \"both\" | \"inline\" | \"list\"", + "value": [ + { + "value": "\"none\"" + }, + { + "value": "\"both\"" + }, + { + "value": "\"inline\"" + }, + { + "value": "\"list\"" + } + ] + } + }, + "aria-busy": { + "defaultValue": null, + "description": "Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.", + "name": "aria-busy", + "required": false, + "type": { + "name": "enum", + "raw": "Booleanish", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "aria-checked": { + "defaultValue": null, + "description": "Indicates the current \"checked\" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.", + "name": "aria-checked", + "required": false, + "type": { + "name": "enum", + "raw": "boolean | \"mixed\" | \"false\" | \"true\"", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"mixed\"" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "aria-colcount": { + "defaultValue": null, + "description": "Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.", + "name": "aria-colcount", + "required": false, + "type": { + "name": "number" + } + }, + "aria-colindex": { + "defaultValue": null, + "description": "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.", + "name": "aria-colindex", + "required": false, + "type": { + "name": "number" + } + }, + "aria-colspan": { + "defaultValue": null, + "description": "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.", + "name": "aria-colspan", + "required": false, + "type": { + "name": "number" + } + }, + "aria-controls": { + "defaultValue": null, + "description": "Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.", + "name": "aria-controls", + "required": false, + "type": { + "name": "string" + } + }, + "aria-current": { + "defaultValue": null, + "description": "Indicates the element that represents the current item within a container or set of related elements.", + "name": "aria-current", + "required": false, + "type": { + "name": "enum", + "raw": "boolean | \"page\" | \"false\" | \"true\" | \"time\" | \"step\" | \"location\" | \"date\"", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"page\"" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + }, + { + "value": "\"time\"" + }, + { + "value": "\"step\"" + }, + { + "value": "\"location\"" + }, + { + "value": "\"date\"" + } + ] + } + }, + "aria-describedby": { + "defaultValue": null, + "description": "Identifies the element (or elements) that describes the object.\n@see aria-labelledby", + "name": "aria-describedby", + "required": false, + "type": { + "name": "string" + } + }, + "aria-details": { + "defaultValue": null, + "description": "Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.", + "name": "aria-details", + "required": false, + "type": { + "name": "string" + } + }, + "aria-disabled": { + "defaultValue": null, + "description": "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.", + "name": "aria-disabled", + "required": false, + "type": { + "name": "enum", + "raw": "Booleanish", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "aria-dropeffect": { + "defaultValue": null, + "description": "Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1", + "name": "aria-dropeffect", + "required": false, + "type": { + "name": "enum", + "raw": "\"none\" | \"copy\" | \"move\" | \"link\" | \"execute\" | \"popup\"", + "value": [ + { + "value": "\"none\"" + }, + { + "value": "\"copy\"" + }, + { + "value": "\"move\"" + }, + { + "value": "\"link\"" + }, + { + "value": "\"execute\"" + }, + { + "value": "\"popup\"" + } + ] + } + }, + "aria-errormessage": { + "defaultValue": null, + "description": "Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.", + "name": "aria-errormessage", + "required": false, + "type": { + "name": "string" + } + }, + "aria-expanded": { + "defaultValue": null, + "description": "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.", + "name": "aria-expanded", + "required": false, + "type": { + "name": "enum", + "raw": "Booleanish", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "aria-flowto": { + "defaultValue": null, + "description": "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.", + "name": "aria-flowto", + "required": false, + "type": { + "name": "string" + } + }, + "aria-grabbed": { + "defaultValue": null, + "description": "Indicates an element's \"grabbed\" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1", + "name": "aria-grabbed", + "required": false, + "type": { + "name": "enum", + "raw": "Booleanish", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "aria-haspopup": { + "defaultValue": null, + "description": "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.", + "name": "aria-haspopup", + "required": false, + "type": { + "name": "enum", + "raw": "boolean | \"listbox\" | \"grid\" | \"menu\" | \"false\" | \"true\" | \"dialog\" | \"tree\"", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"listbox\"" + }, + { + "value": "\"grid\"" + }, + { + "value": "\"menu\"" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + }, + { + "value": "\"dialog\"" + }, + { + "value": "\"tree\"" + } + ] + } + }, + "aria-hidden": { + "defaultValue": null, + "description": "Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.", + "name": "aria-hidden", + "required": false, + "type": { + "name": "enum", + "raw": "Booleanish", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "aria-invalid": { + "defaultValue": null, + "description": "Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.", + "name": "aria-invalid", + "required": false, + "type": { + "name": "enum", + "raw": "boolean | \"false\" | \"true\" | \"grammar\" | \"spelling\"", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + }, + { + "value": "\"grammar\"" + }, + { + "value": "\"spelling\"" + } + ] + } + }, + "aria-keyshortcuts": { + "defaultValue": null, + "description": "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.", + "name": "aria-keyshortcuts", + "required": false, + "type": { + "name": "string" + } + }, + "aria-label": { + "defaultValue": null, + "description": "Defines a string value that labels the current element.\n@see aria-labelledby.", + "name": "aria-label", + "required": false, + "type": { + "name": "string" + } + }, + "aria-labelledby": { + "defaultValue": null, + "description": "Identifies the element (or elements) that labels the current element.\n@see aria-describedby.", + "name": "aria-labelledby", + "required": false, + "type": { + "name": "string" + } + }, + "aria-level": { + "defaultValue": null, + "description": "Defines the hierarchical level of an element within a structure.", + "name": "aria-level", + "required": false, + "type": { + "name": "number" + } + }, + "aria-live": { + "defaultValue": null, + "description": "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.", + "name": "aria-live", + "required": false, + "type": { + "name": "enum", + "raw": "\"off\" | \"assertive\" | \"polite\"", + "value": [ + { + "value": "\"off\"" + }, + { + "value": "\"assertive\"" + }, + { + "value": "\"polite\"" + } + ] + } + }, + "aria-modal": { + "defaultValue": null, + "description": "Indicates whether an element is modal when displayed.", + "name": "aria-modal", + "required": false, + "type": { + "name": "enum", + "raw": "Booleanish", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "aria-multiline": { + "defaultValue": null, + "description": "Indicates whether a text box accepts multiple lines of input or only a single line.", + "name": "aria-multiline", + "required": false, + "type": { + "name": "enum", + "raw": "Booleanish", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "aria-multiselectable": { + "defaultValue": null, + "description": "Indicates that the user may select more than one item from the current selectable descendants.", + "name": "aria-multiselectable", + "required": false, + "type": { + "name": "enum", + "raw": "Booleanish", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "aria-orientation": { + "defaultValue": null, + "description": "Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.", + "name": "aria-orientation", + "required": false, + "type": { + "name": "enum", + "raw": "\"horizontal\" | \"vertical\"", + "value": [ + { + "value": "\"horizontal\"" + }, + { + "value": "\"vertical\"" + } + ] + } + }, + "aria-owns": { + "defaultValue": null, + "description": "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.", + "name": "aria-owns", + "required": false, + "type": { + "name": "string" + } + }, + "aria-placeholder": { + "defaultValue": null, + "description": "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.", + "name": "aria-placeholder", + "required": false, + "type": { + "name": "string" + } + }, + "aria-posinset": { + "defaultValue": null, + "description": "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.", + "name": "aria-posinset", + "required": false, + "type": { + "name": "number" + } + }, + "aria-pressed": { + "defaultValue": null, + "description": "Indicates the current \"pressed\" state of toggle buttons.\n@see aria-checked\n@see aria-selected.", + "name": "aria-pressed", + "required": false, + "type": { + "name": "enum", + "raw": "boolean | \"mixed\" | \"false\" | \"true\"", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"mixed\"" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "aria-readonly": { + "defaultValue": null, + "description": "Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.", + "name": "aria-readonly", + "required": false, + "type": { + "name": "enum", + "raw": "Booleanish", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "aria-relevant": { + "defaultValue": null, + "description": "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.", + "name": "aria-relevant", + "required": false, + "type": { + "name": "enum", + "raw": "\"text\" | \"all\" | \"additions\" | \"additions removals\" | \"additions text\" | \"removals\" | \"removals additions\" | \"removals text\" | \"text additions\" | \"text removals\"", + "value": [ + { + "value": "\"text\"" + }, + { + "value": "\"all\"" + }, + { + "value": "\"additions\"" + }, + { + "value": "\"additions removals\"" + }, + { + "value": "\"additions text\"" + }, + { + "value": "\"removals\"" + }, + { + "value": "\"removals additions\"" + }, + { + "value": "\"removals text\"" + }, + { + "value": "\"text additions\"" + }, + { + "value": "\"text removals\"" + } + ] + } + }, + "aria-required": { + "defaultValue": null, + "description": "Indicates that user input is required on the element before a form may be submitted.", + "name": "aria-required", + "required": false, + "type": { + "name": "enum", + "raw": "Booleanish", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "aria-roledescription": { + "defaultValue": null, + "description": "Defines a human-readable, author-localized description for the role of an element.", + "name": "aria-roledescription", + "required": false, + "type": { + "name": "string" + } + }, + "aria-rowcount": { + "defaultValue": null, + "description": "Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.", + "name": "aria-rowcount", + "required": false, + "type": { + "name": "number" + } + }, + "aria-rowindex": { + "defaultValue": null, + "description": "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.", + "name": "aria-rowindex", + "required": false, + "type": { + "name": "number" + } + }, + "aria-rowspan": { + "defaultValue": null, + "description": "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.", + "name": "aria-rowspan", + "required": false, + "type": { + "name": "number" + } + }, + "aria-selected": { + "defaultValue": null, + "description": "Indicates the current \"selected\" state of various widgets.\n@see aria-checked\n@see aria-pressed.", + "name": "aria-selected", + "required": false, + "type": { + "name": "enum", + "raw": "Booleanish", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "aria-setsize": { + "defaultValue": null, + "description": "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.", + "name": "aria-setsize", + "required": false, + "type": { + "name": "number" + } + }, + "aria-sort": { + "defaultValue": null, + "description": "Indicates if items in a table or grid are sorted in ascending or descending order.", + "name": "aria-sort", + "required": false, + "type": { + "name": "enum", + "raw": "\"none\" | \"ascending\" | \"descending\" | \"other\"", + "value": [ + { + "value": "\"none\"" + }, + { + "value": "\"ascending\"" + }, + { + "value": "\"descending\"" + }, + { + "value": "\"other\"" + } + ] + } + }, + "aria-valuemax": { + "defaultValue": null, + "description": "Defines the maximum allowed value for a range widget.", + "name": "aria-valuemax", + "required": false, + "type": { + "name": "number" + } + }, + "aria-valuemin": { + "defaultValue": null, + "description": "Defines the minimum allowed value for a range widget.", + "name": "aria-valuemin", + "required": false, + "type": { + "name": "number" + } + }, + "aria-valuenow": { + "defaultValue": null, + "description": "Defines the current value for a range widget.\n@see aria-valuetext.", + "name": "aria-valuenow", + "required": false, + "type": { + "name": "number" + } + }, + "aria-valuetext": { + "defaultValue": null, + "description": "Defines the human readable text alternative of aria-valuenow for a range widget.", + "name": "aria-valuetext", + "required": false, + "type": { + "name": "string" + } + }, + "ascent": { + "defaultValue": null, + "description": "", + "name": "ascent", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "attributeName": { + "defaultValue": null, + "description": "", + "name": "attributeName", + "required": false, + "type": { + "name": "string" + } + }, + "attributeType": { + "defaultValue": null, + "description": "", + "name": "attributeType", + "required": false, + "type": { + "name": "string" + } + }, + "autoReverse": { + "defaultValue": null, + "description": "", + "name": "autoReverse", + "required": false, + "type": { + "name": "enum", + "raw": "Booleanish", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "azimuth": { + "defaultValue": null, + "description": "", + "name": "azimuth", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "baseFrequency": { + "defaultValue": null, + "description": "", + "name": "baseFrequency", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "baseProfile": { + "defaultValue": null, + "description": "", + "name": "baseProfile", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "baselineShift": { + "defaultValue": null, + "description": "", + "name": "baselineShift", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "bbox": { + "defaultValue": null, + "description": "", + "name": "bbox", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "begin": { + "defaultValue": null, + "description": "", + "name": "begin", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "bias": { + "defaultValue": null, + "description": "", + "name": "bias", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "by": { + "defaultValue": null, + "description": "", + "name": "by", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "calcMode": { + "defaultValue": null, + "description": "", + "name": "calcMode", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "capHeight": { + "defaultValue": null, + "description": "", + "name": "capHeight", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "className": { + "defaultValue": null, + "description": "", + "name": "className", + "required": false, + "type": { + "name": "string" + } + }, + "clip": { + "defaultValue": null, + "description": "", + "name": "clip", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "clipPath": { + "defaultValue": null, + "description": "", + "name": "clipPath", + "required": false, + "type": { + "name": "string" + } + }, + "clipPathUnits": { + "defaultValue": null, + "description": "", + "name": "clipPathUnits", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "clipRule": { + "defaultValue": null, + "description": "", + "name": "clipRule", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "colorInterpolation": { + "defaultValue": null, + "description": "", + "name": "colorInterpolation", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "colorInterpolationFilters": { + "defaultValue": null, + "description": "", + "name": "colorInterpolationFilters", + "required": false, + "type": { + "name": "enum", + "raw": "\"inherit\" | \"auto\" | \"linearRGB\" | \"sRGB\"", + "value": [ + { + "value": "\"inherit\"" + }, + { + "value": "\"auto\"" + }, + { + "value": "\"linearRGB\"" + }, + { + "value": "\"sRGB\"" + } + ] + } + }, + "colorProfile": { + "defaultValue": null, + "description": "", + "name": "colorProfile", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "colorRendering": { + "defaultValue": null, + "description": "", + "name": "colorRendering", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, "content": { "defaultValue": null, "description": "", - "name": "content", - "parent": { - "fileName": "Icon/src/index.tsx", - "name": "IconOptions" - }, - "declarations": [ - { - "fileName": "Icon/src/index.tsx", - "name": "IconOptions" - } - ], + "name": "content", + "parent": { + "fileName": "Icon/src/index.tsx", + "name": "IconOptions" + }, + "declarations": [ + { + "fileName": "Icon/src/index.tsx", + "name": "IconOptions" + } + ], + "required": false, + "type": { + "name": "IconContent" + } + }, + "contentScriptType": { + "defaultValue": null, + "description": "", + "name": "contentScriptType", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "contentStyleType": { + "defaultValue": null, + "description": "", + "name": "contentStyleType", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "crossOrigin": { + "defaultValue": null, + "description": "", + "name": "crossOrigin", + "required": false, + "type": { + "name": "enum", + "raw": "\"\" | \"anonymous\" | \"use-credentials\"", + "value": [ + { + "value": "\"\"" + }, + { + "value": "\"anonymous\"" + }, + { + "value": "\"use-credentials\"" + } + ] + } + }, + "cx": { + "defaultValue": null, + "description": "", + "name": "cx", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "cy": { + "defaultValue": null, + "description": "", + "name": "cy", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "d": { + "defaultValue": null, + "description": "", + "name": "d", + "required": false, + "type": { + "name": "string" + } + }, + "dangerouslySetInnerHTML": { + "defaultValue": null, + "description": "", + "name": "dangerouslySetInnerHTML", + "required": false, + "type": { + "name": "{ __html: string; }" + } + }, + "decelerate": { + "defaultValue": null, + "description": "", + "name": "decelerate", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "descent": { + "defaultValue": null, + "description": "", + "name": "descent", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "diffuseConstant": { + "defaultValue": null, + "description": "", + "name": "diffuseConstant", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "direction": { + "defaultValue": null, + "description": "", + "name": "direction", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "divisor": { + "defaultValue": null, + "description": "", + "name": "divisor", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "dominantBaseline": { + "defaultValue": null, + "description": "", + "name": "dominantBaseline", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "dur": { + "defaultValue": null, + "description": "", + "name": "dur", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "dx": { + "defaultValue": null, + "description": "", + "name": "dx", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "dy": { + "defaultValue": null, + "description": "", + "name": "dy", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "edgeMode": { + "defaultValue": null, + "description": "", + "name": "edgeMode", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "elevation": { + "defaultValue": null, + "description": "", + "name": "elevation", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "enableBackground": { + "defaultValue": null, + "description": "", + "name": "enableBackground", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "end": { + "defaultValue": null, + "description": "", + "name": "end", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "exponent": { + "defaultValue": null, + "description": "", + "name": "exponent", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "externalResourcesRequired": { + "defaultValue": null, + "description": "", + "name": "externalResourcesRequired", + "required": false, + "type": { + "name": "enum", + "raw": "Booleanish", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "fillOpacity": { + "defaultValue": null, + "description": "", + "name": "fillOpacity", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "fillRule": { + "defaultValue": null, + "description": "", + "name": "fillRule", + "required": false, + "type": { + "name": "enum", + "raw": "\"inherit\" | \"evenodd\" | \"nonzero\"", + "value": [ + { + "value": "\"inherit\"" + }, + { + "value": "\"evenodd\"" + }, + { + "value": "\"nonzero\"" + } + ] + } + }, + "filter": { + "defaultValue": null, + "description": "", + "name": "filter", + "required": false, + "type": { + "name": "string" + } + }, + "filterRes": { + "defaultValue": null, + "description": "", + "name": "filterRes", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "filterUnits": { + "defaultValue": null, + "description": "", + "name": "filterUnits", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "floodColor": { + "defaultValue": null, + "description": "", + "name": "floodColor", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "floodOpacity": { + "defaultValue": null, + "description": "", + "name": "floodOpacity", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "focusable": { + "defaultValue": null, + "description": "", + "name": "focusable", + "required": false, + "type": { + "name": "enum", + "raw": "\"auto\" | Booleanish", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"auto\"" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "fontSizeAdjust": { + "defaultValue": null, + "description": "", + "name": "fontSizeAdjust", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "fontStretch": { + "defaultValue": null, + "description": "", + "name": "fontStretch", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "format": { + "defaultValue": null, + "description": "", + "name": "format", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "fr": { + "defaultValue": null, + "description": "", + "name": "fr", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "from": { + "defaultValue": null, + "description": "", + "name": "from", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "fx": { + "defaultValue": null, + "description": "", + "name": "fx", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "fy": { + "defaultValue": null, + "description": "", + "name": "fy", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "g1": { + "defaultValue": null, + "description": "", + "name": "g1", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "g2": { + "defaultValue": null, + "description": "", + "name": "g2", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "glyphName": { + "defaultValue": null, + "description": "", + "name": "glyphName", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "glyphOrientationHorizontal": { + "defaultValue": null, + "description": "", + "name": "glyphOrientationHorizontal", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "glyphOrientationVertical": { + "defaultValue": null, + "description": "", + "name": "glyphOrientationVertical", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "glyphRef": { + "defaultValue": null, + "description": "", + "name": "glyphRef", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "gradientTransform": { + "defaultValue": null, + "description": "", + "name": "gradientTransform", + "required": false, + "type": { + "name": "string" + } + }, + "gradientUnits": { + "defaultValue": null, + "description": "", + "name": "gradientUnits", + "required": false, + "type": { + "name": "string" + } + }, + "hanging": { + "defaultValue": null, + "description": "", + "name": "hanging", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "height": { + "defaultValue": null, + "description": "", + "name": "height", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "horizAdvX": { + "defaultValue": null, + "description": "", + "name": "horizAdvX", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "horizOriginX": { + "defaultValue": null, + "description": "", + "name": "horizOriginX", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "href": { + "defaultValue": null, + "description": "", + "name": "href", + "required": false, + "type": { + "name": "string" + } + }, + "id": { + "defaultValue": null, + "description": "", + "name": "id", + "required": false, + "type": { + "name": "string" + } + }, + "ideographic": { + "defaultValue": null, + "description": "", + "name": "ideographic", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "imageRendering": { + "defaultValue": null, + "description": "", + "name": "imageRendering", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "in": { + "defaultValue": null, + "description": "", + "name": "in", + "required": false, + "type": { + "name": "string" + } + }, + "in2": { + "defaultValue": null, + "description": "", + "name": "in2", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "intercept": { + "defaultValue": null, + "description": "", + "name": "intercept", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "k": { + "defaultValue": null, + "description": "", + "name": "k", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "k1": { + "defaultValue": null, + "description": "", + "name": "k1", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "k2": { + "defaultValue": null, + "description": "", + "name": "k2", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "k3": { + "defaultValue": null, + "description": "", + "name": "k3", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "k4": { + "defaultValue": null, + "description": "", + "name": "k4", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "kernelMatrix": { + "defaultValue": null, + "description": "", + "name": "kernelMatrix", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "kernelUnitLength": { + "defaultValue": null, + "description": "", + "name": "kernelUnitLength", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "kerning": { + "defaultValue": null, + "description": "", + "name": "kerning", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "key": { + "defaultValue": null, + "description": "", + "name": "key", + "required": false, + "type": { + "name": "enum", + "raw": "Key", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "keyPoints": { + "defaultValue": null, + "description": "", + "name": "keyPoints", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "keySplines": { + "defaultValue": null, + "description": "", + "name": "keySplines", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "keyTimes": { + "defaultValue": null, + "description": "", + "name": "keyTimes", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "lang": { + "defaultValue": null, + "description": "", + "name": "lang", + "required": false, + "type": { + "name": "string" + } + }, + "lengthAdjust": { + "defaultValue": null, + "description": "", + "name": "lengthAdjust", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "lightingColor": { + "defaultValue": null, + "description": "", + "name": "lightingColor", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "limitingConeAngle": { + "defaultValue": null, + "description": "", + "name": "limitingConeAngle", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "local": { + "defaultValue": null, + "description": "", + "name": "local", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "markerEnd": { + "defaultValue": null, + "description": "", + "name": "markerEnd", + "required": false, + "type": { + "name": "string" + } + }, + "markerHeight": { + "defaultValue": null, + "description": "", + "name": "markerHeight", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "markerMid": { + "defaultValue": null, + "description": "", + "name": "markerMid", + "required": false, + "type": { + "name": "string" + } + }, + "markerStart": { + "defaultValue": null, + "description": "", + "name": "markerStart", + "required": false, + "type": { + "name": "string" + } + }, + "markerUnits": { + "defaultValue": null, + "description": "", + "name": "markerUnits", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "markerWidth": { + "defaultValue": null, + "description": "", + "name": "markerWidth", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "mask": { + "defaultValue": null, + "description": "", + "name": "mask", + "required": false, + "type": { + "name": "string" + } + }, + "maskContentUnits": { + "defaultValue": null, + "description": "", + "name": "maskContentUnits", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "maskUnits": { + "defaultValue": null, + "description": "", + "name": "maskUnits", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "mathematical": { + "defaultValue": null, + "description": "", + "name": "mathematical", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "max": { + "defaultValue": null, + "description": "", + "name": "max", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "media": { + "defaultValue": null, + "description": "", + "name": "media", + "required": false, + "type": { + "name": "string" + } + }, + "method": { + "defaultValue": null, + "description": "", + "name": "method", + "required": false, + "type": { + "name": "string" + } + }, + "min": { + "defaultValue": null, + "description": "", + "name": "min", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "mode": { + "defaultValue": null, + "description": "", + "name": "mode", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "name": { + "defaultValue": null, + "description": "", + "name": "name", + "parent": { + "fileName": "Icon/src/index.tsx", + "name": "IconOptions" + }, + "declarations": [ + { + "fileName": "Icon/src/index.tsx", + "name": "IconOptions" + } + ], + "required": false, + "type": { + "name": "string" + } + }, + "numOctaves": { + "defaultValue": null, + "description": "", + "name": "numOctaves", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "offset": { + "defaultValue": null, + "description": "", + "name": "offset", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "onAbort": { + "defaultValue": null, + "description": "", + "name": "onAbort", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onAbortCapture": { + "defaultValue": null, + "description": "", + "name": "onAbortCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onAnimationEnd": { + "defaultValue": null, + "description": "", + "name": "onAnimationEnd", + "required": false, + "type": { + "name": "AnimationEventHandler" + } + }, + "onAnimationEndCapture": { + "defaultValue": null, + "description": "", + "name": "onAnimationEndCapture", + "required": false, + "type": { + "name": "AnimationEventHandler" + } + }, + "onAnimationIteration": { + "defaultValue": null, + "description": "", + "name": "onAnimationIteration", + "required": false, + "type": { + "name": "AnimationEventHandler" + } + }, + "onAnimationIterationCapture": { + "defaultValue": null, + "description": "", + "name": "onAnimationIterationCapture", + "required": false, + "type": { + "name": "AnimationEventHandler" + } + }, + "onAnimationStart": { + "defaultValue": null, + "description": "", + "name": "onAnimationStart", + "required": false, + "type": { + "name": "AnimationEventHandler" + } + }, + "onAnimationStartCapture": { + "defaultValue": null, + "description": "", + "name": "onAnimationStartCapture", + "required": false, + "type": { + "name": "AnimationEventHandler" + } + }, + "onAuxClick": { + "defaultValue": null, + "description": "", + "name": "onAuxClick", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onAuxClickCapture": { + "defaultValue": null, + "description": "", + "name": "onAuxClickCapture", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onBeforeInput": { + "defaultValue": null, + "description": "", + "name": "onBeforeInput", + "required": false, + "type": { + "name": "FormEventHandler" + } + }, + "onBeforeInputCapture": { + "defaultValue": null, + "description": "", + "name": "onBeforeInputCapture", + "required": false, + "type": { + "name": "FormEventHandler" + } + }, + "onBlur": { + "defaultValue": null, + "description": "", + "name": "onBlur", + "required": false, + "type": { + "name": "FocusEventHandler" + } + }, + "onBlurCapture": { + "defaultValue": null, + "description": "", + "name": "onBlurCapture", + "required": false, + "type": { + "name": "FocusEventHandler" + } + }, + "onCanPlay": { + "defaultValue": null, + "description": "", + "name": "onCanPlay", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onCanPlayCapture": { + "defaultValue": null, + "description": "", + "name": "onCanPlayCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onCanPlayThrough": { + "defaultValue": null, + "description": "", + "name": "onCanPlayThrough", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onCanPlayThroughCapture": { + "defaultValue": null, + "description": "", + "name": "onCanPlayThroughCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onChange": { + "defaultValue": null, + "description": "", + "name": "onChange", + "required": false, + "type": { + "name": "FormEventHandler" + } + }, + "onChangeCapture": { + "defaultValue": null, + "description": "", + "name": "onChangeCapture", + "required": false, + "type": { + "name": "FormEventHandler" + } + }, + "onClick": { + "defaultValue": null, + "description": "", + "name": "onClick", + "parent": { + "fileName": "Icon/src/index.tsx", + "name": "IconOptions" + }, + "declarations": [ + { + "fileName": "Icon/src/index.tsx", + "name": "IconOptions" + } + ], + "required": false, + "type": { + "name": "(event: MouseEvent) => void" + } + }, + "onClickCapture": { + "defaultValue": null, + "description": "", + "name": "onClickCapture", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onCompositionEnd": { + "defaultValue": null, + "description": "", + "name": "onCompositionEnd", + "required": false, + "type": { + "name": "CompositionEventHandler" + } + }, + "onCompositionEndCapture": { + "defaultValue": null, + "description": "", + "name": "onCompositionEndCapture", + "required": false, + "type": { + "name": "CompositionEventHandler" + } + }, + "onCompositionStart": { + "defaultValue": null, + "description": "", + "name": "onCompositionStart", + "required": false, + "type": { + "name": "CompositionEventHandler" + } + }, + "onCompositionStartCapture": { + "defaultValue": null, + "description": "", + "name": "onCompositionStartCapture", + "required": false, + "type": { + "name": "CompositionEventHandler" + } + }, + "onCompositionUpdate": { + "defaultValue": null, + "description": "", + "name": "onCompositionUpdate", + "required": false, + "type": { + "name": "CompositionEventHandler" + } + }, + "onCompositionUpdateCapture": { + "defaultValue": null, + "description": "", + "name": "onCompositionUpdateCapture", + "required": false, + "type": { + "name": "CompositionEventHandler" + } + }, + "onContextMenu": { + "defaultValue": null, + "description": "", + "name": "onContextMenu", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onContextMenuCapture": { + "defaultValue": null, + "description": "", + "name": "onContextMenuCapture", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onCopy": { + "defaultValue": null, + "description": "", + "name": "onCopy", + "required": false, + "type": { + "name": "ClipboardEventHandler" + } + }, + "onCopyCapture": { + "defaultValue": null, + "description": "", + "name": "onCopyCapture", + "required": false, + "type": { + "name": "ClipboardEventHandler" + } + }, + "onCut": { + "defaultValue": null, + "description": "", + "name": "onCut", + "required": false, + "type": { + "name": "ClipboardEventHandler" + } + }, + "onCutCapture": { + "defaultValue": null, + "description": "", + "name": "onCutCapture", + "required": false, + "type": { + "name": "ClipboardEventHandler" + } + }, + "onDoubleClick": { + "defaultValue": null, + "description": "", + "name": "onDoubleClick", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onDoubleClickCapture": { + "defaultValue": null, + "description": "", + "name": "onDoubleClickCapture", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onDrag": { + "defaultValue": null, + "description": "", + "name": "onDrag", + "required": false, + "type": { + "name": "DragEventHandler" + } + }, + "onDragCapture": { + "defaultValue": null, + "description": "", + "name": "onDragCapture", + "required": false, + "type": { + "name": "DragEventHandler" + } + }, + "onDragEnd": { + "defaultValue": null, + "description": "", + "name": "onDragEnd", + "required": false, + "type": { + "name": "DragEventHandler" + } + }, + "onDragEndCapture": { + "defaultValue": null, + "description": "", + "name": "onDragEndCapture", + "required": false, + "type": { + "name": "DragEventHandler" + } + }, + "onDragEnter": { + "defaultValue": null, + "description": "", + "name": "onDragEnter", + "required": false, + "type": { + "name": "DragEventHandler" + } + }, + "onDragEnterCapture": { + "defaultValue": null, + "description": "", + "name": "onDragEnterCapture", + "required": false, + "type": { + "name": "DragEventHandler" + } + }, + "onDragExit": { + "defaultValue": null, + "description": "", + "name": "onDragExit", + "required": false, + "type": { + "name": "DragEventHandler" + } + }, + "onDragExitCapture": { + "defaultValue": null, + "description": "", + "name": "onDragExitCapture", + "required": false, + "type": { + "name": "DragEventHandler" + } + }, + "onDragLeave": { + "defaultValue": null, + "description": "", + "name": "onDragLeave", + "required": false, + "type": { + "name": "DragEventHandler" + } + }, + "onDragLeaveCapture": { + "defaultValue": null, + "description": "", + "name": "onDragLeaveCapture", + "required": false, + "type": { + "name": "DragEventHandler" + } + }, + "onDragOver": { + "defaultValue": null, + "description": "", + "name": "onDragOver", + "required": false, + "type": { + "name": "DragEventHandler" + } + }, + "onDragOverCapture": { + "defaultValue": null, + "description": "", + "name": "onDragOverCapture", + "required": false, + "type": { + "name": "DragEventHandler" + } + }, + "onDragStart": { + "defaultValue": null, + "description": "", + "name": "onDragStart", + "required": false, + "type": { + "name": "DragEventHandler" + } + }, + "onDragStartCapture": { + "defaultValue": null, + "description": "", + "name": "onDragStartCapture", + "required": false, + "type": { + "name": "DragEventHandler" + } + }, + "onDrop": { + "defaultValue": null, + "description": "", + "name": "onDrop", + "required": false, + "type": { + "name": "DragEventHandler" + } + }, + "onDropCapture": { + "defaultValue": null, + "description": "", + "name": "onDropCapture", + "required": false, + "type": { + "name": "DragEventHandler" + } + }, + "onDurationChange": { + "defaultValue": null, + "description": "", + "name": "onDurationChange", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onDurationChangeCapture": { + "defaultValue": null, + "description": "", + "name": "onDurationChangeCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onEmptied": { + "defaultValue": null, + "description": "", + "name": "onEmptied", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onEmptiedCapture": { + "defaultValue": null, + "description": "", + "name": "onEmptiedCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onEncrypted": { + "defaultValue": null, + "description": "", + "name": "onEncrypted", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onEncryptedCapture": { + "defaultValue": null, + "description": "", + "name": "onEncryptedCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onEnded": { + "defaultValue": null, + "description": "", + "name": "onEnded", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onEndedCapture": { + "defaultValue": null, + "description": "", + "name": "onEndedCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onError": { + "defaultValue": null, + "description": "", + "name": "onError", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onErrorCapture": { + "defaultValue": null, + "description": "", + "name": "onErrorCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onFocus": { + "defaultValue": null, + "description": "", + "name": "onFocus", + "required": false, + "type": { + "name": "FocusEventHandler" + } + }, + "onFocusCapture": { + "defaultValue": null, + "description": "", + "name": "onFocusCapture", + "required": false, + "type": { + "name": "FocusEventHandler" + } + }, + "onGotPointerCapture": { + "defaultValue": null, + "description": "", + "name": "onGotPointerCapture", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onGotPointerCaptureCapture": { + "defaultValue": null, + "description": "", + "name": "onGotPointerCaptureCapture", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onInput": { + "defaultValue": null, + "description": "", + "name": "onInput", + "required": false, + "type": { + "name": "FormEventHandler" + } + }, + "onInputCapture": { + "defaultValue": null, + "description": "", + "name": "onInputCapture", + "required": false, + "type": { + "name": "FormEventHandler" + } + }, + "onInvalid": { + "defaultValue": null, + "description": "", + "name": "onInvalid", + "required": false, + "type": { + "name": "FormEventHandler" + } + }, + "onInvalidCapture": { + "defaultValue": null, + "description": "", + "name": "onInvalidCapture", + "required": false, + "type": { + "name": "FormEventHandler" + } + }, + "onKeyDown": { + "defaultValue": null, + "description": "", + "name": "onKeyDown", + "required": false, + "type": { + "name": "KeyboardEventHandler" + } + }, + "onKeyDownCapture": { + "defaultValue": null, + "description": "", + "name": "onKeyDownCapture", + "required": false, + "type": { + "name": "KeyboardEventHandler" + } + }, + "onKeyPress": { + "defaultValue": null, + "description": "@deprecated", + "name": "onKeyPress", + "required": false, + "type": { + "name": "KeyboardEventHandler" + } + }, + "onKeyPressCapture": { + "defaultValue": null, + "description": "@deprecated", + "name": "onKeyPressCapture", + "required": false, + "type": { + "name": "KeyboardEventHandler" + } + }, + "onKeyUp": { + "defaultValue": null, + "description": "", + "name": "onKeyUp", + "required": false, + "type": { + "name": "KeyboardEventHandler" + } + }, + "onKeyUpCapture": { + "defaultValue": null, + "description": "", + "name": "onKeyUpCapture", + "required": false, + "type": { + "name": "KeyboardEventHandler" + } + }, + "onLoad": { + "defaultValue": null, + "description": "", + "name": "onLoad", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onLoadCapture": { + "defaultValue": null, + "description": "", + "name": "onLoadCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onLoadStart": { + "defaultValue": null, + "description": "", + "name": "onLoadStart", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onLoadStartCapture": { + "defaultValue": null, + "description": "", + "name": "onLoadStartCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onLoadedData": { + "defaultValue": null, + "description": "", + "name": "onLoadedData", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onLoadedDataCapture": { + "defaultValue": null, + "description": "", + "name": "onLoadedDataCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onLoadedMetadata": { + "defaultValue": null, + "description": "", + "name": "onLoadedMetadata", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onLoadedMetadataCapture": { + "defaultValue": null, + "description": "", + "name": "onLoadedMetadataCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onLostPointerCapture": { + "defaultValue": null, + "description": "", + "name": "onLostPointerCapture", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onLostPointerCaptureCapture": { + "defaultValue": null, + "description": "", + "name": "onLostPointerCaptureCapture", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onMouseDown": { + "defaultValue": null, + "description": "", + "name": "onMouseDown", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onMouseDownCapture": { + "defaultValue": null, + "description": "", + "name": "onMouseDownCapture", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onMouseEnter": { + "defaultValue": null, + "description": "", + "name": "onMouseEnter", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onMouseLeave": { + "defaultValue": null, + "description": "", + "name": "onMouseLeave", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onMouseMove": { + "defaultValue": null, + "description": "", + "name": "onMouseMove", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onMouseMoveCapture": { + "defaultValue": null, + "description": "", + "name": "onMouseMoveCapture", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onMouseOut": { + "defaultValue": null, + "description": "", + "name": "onMouseOut", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onMouseOutCapture": { + "defaultValue": null, + "description": "", + "name": "onMouseOutCapture", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onMouseOver": { + "defaultValue": null, + "description": "", + "name": "onMouseOver", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onMouseOverCapture": { + "defaultValue": null, + "description": "", + "name": "onMouseOverCapture", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onMouseUp": { + "defaultValue": null, + "description": "", + "name": "onMouseUp", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onMouseUpCapture": { + "defaultValue": null, + "description": "", + "name": "onMouseUpCapture", + "required": false, + "type": { + "name": "MouseEventHandler" + } + }, + "onPaste": { + "defaultValue": null, + "description": "", + "name": "onPaste", + "required": false, + "type": { + "name": "ClipboardEventHandler" + } + }, + "onPasteCapture": { + "defaultValue": null, + "description": "", + "name": "onPasteCapture", + "required": false, + "type": { + "name": "ClipboardEventHandler" + } + }, + "onPause": { + "defaultValue": null, + "description": "", + "name": "onPause", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onPauseCapture": { + "defaultValue": null, + "description": "", + "name": "onPauseCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onPlay": { + "defaultValue": null, + "description": "", + "name": "onPlay", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onPlayCapture": { + "defaultValue": null, + "description": "", + "name": "onPlayCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onPlaying": { + "defaultValue": null, + "description": "", + "name": "onPlaying", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onPlayingCapture": { + "defaultValue": null, + "description": "", + "name": "onPlayingCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onPointerCancel": { + "defaultValue": null, + "description": "", + "name": "onPointerCancel", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onPointerCancelCapture": { + "defaultValue": null, + "description": "", + "name": "onPointerCancelCapture", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onPointerDown": { + "defaultValue": null, + "description": "", + "name": "onPointerDown", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onPointerDownCapture": { + "defaultValue": null, + "description": "", + "name": "onPointerDownCapture", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onPointerEnter": { + "defaultValue": null, + "description": "", + "name": "onPointerEnter", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onPointerEnterCapture": { + "defaultValue": null, + "description": "", + "name": "onPointerEnterCapture", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onPointerLeave": { + "defaultValue": null, + "description": "", + "name": "onPointerLeave", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onPointerLeaveCapture": { + "defaultValue": null, + "description": "", + "name": "onPointerLeaveCapture", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onPointerMove": { + "defaultValue": null, + "description": "", + "name": "onPointerMove", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onPointerMoveCapture": { + "defaultValue": null, + "description": "", + "name": "onPointerMoveCapture", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onPointerOut": { + "defaultValue": null, + "description": "", + "name": "onPointerOut", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onPointerOutCapture": { + "defaultValue": null, + "description": "", + "name": "onPointerOutCapture", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onPointerOver": { + "defaultValue": null, + "description": "", + "name": "onPointerOver", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onPointerOverCapture": { + "defaultValue": null, + "description": "", + "name": "onPointerOverCapture", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onPointerUp": { + "defaultValue": null, + "description": "", + "name": "onPointerUp", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onPointerUpCapture": { + "defaultValue": null, + "description": "", + "name": "onPointerUpCapture", + "required": false, + "type": { + "name": "PointerEventHandler" + } + }, + "onProgress": { + "defaultValue": null, + "description": "", + "name": "onProgress", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onProgressCapture": { + "defaultValue": null, + "description": "", + "name": "onProgressCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onRateChange": { + "defaultValue": null, + "description": "", + "name": "onRateChange", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onRateChangeCapture": { + "defaultValue": null, + "description": "", + "name": "onRateChangeCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onReset": { + "defaultValue": null, + "description": "", + "name": "onReset", + "required": false, + "type": { + "name": "FormEventHandler" + } + }, + "onResetCapture": { + "defaultValue": null, + "description": "", + "name": "onResetCapture", + "required": false, + "type": { + "name": "FormEventHandler" + } + }, + "onResize": { + "defaultValue": null, + "description": "", + "name": "onResize", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onResizeCapture": { + "defaultValue": null, + "description": "", + "name": "onResizeCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onScroll": { + "defaultValue": null, + "description": "", + "name": "onScroll", + "required": false, + "type": { + "name": "UIEventHandler" + } + }, + "onScrollCapture": { + "defaultValue": null, + "description": "", + "name": "onScrollCapture", + "required": false, + "type": { + "name": "UIEventHandler" + } + }, + "onSeeked": { + "defaultValue": null, + "description": "", + "name": "onSeeked", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onSeekedCapture": { + "defaultValue": null, + "description": "", + "name": "onSeekedCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onSeeking": { + "defaultValue": null, + "description": "", + "name": "onSeeking", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onSeekingCapture": { + "defaultValue": null, + "description": "", + "name": "onSeekingCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onSelect": { + "defaultValue": null, + "description": "", + "name": "onSelect", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onSelectCapture": { + "defaultValue": null, + "description": "", + "name": "onSelectCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onStalled": { + "defaultValue": null, + "description": "", + "name": "onStalled", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onStalledCapture": { + "defaultValue": null, + "description": "", + "name": "onStalledCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onSubmit": { + "defaultValue": null, + "description": "", + "name": "onSubmit", + "required": false, + "type": { + "name": "FormEventHandler" + } + }, + "onSubmitCapture": { + "defaultValue": null, + "description": "", + "name": "onSubmitCapture", + "required": false, + "type": { + "name": "FormEventHandler" + } + }, + "onSuspend": { + "defaultValue": null, + "description": "", + "name": "onSuspend", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onSuspendCapture": { + "defaultValue": null, + "description": "", + "name": "onSuspendCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onTimeUpdate": { + "defaultValue": null, + "description": "", + "name": "onTimeUpdate", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onTimeUpdateCapture": { + "defaultValue": null, + "description": "", + "name": "onTimeUpdateCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onTouchCancel": { + "defaultValue": null, + "description": "", + "name": "onTouchCancel", + "required": false, + "type": { + "name": "TouchEventHandler" + } + }, + "onTouchCancelCapture": { + "defaultValue": null, + "description": "", + "name": "onTouchCancelCapture", + "required": false, + "type": { + "name": "TouchEventHandler" + } + }, + "onTouchEnd": { + "defaultValue": null, + "description": "", + "name": "onTouchEnd", + "required": false, + "type": { + "name": "TouchEventHandler" + } + }, + "onTouchEndCapture": { + "defaultValue": null, + "description": "", + "name": "onTouchEndCapture", + "required": false, + "type": { + "name": "TouchEventHandler" + } + }, + "onTouchMove": { + "defaultValue": null, + "description": "", + "name": "onTouchMove", + "required": false, + "type": { + "name": "TouchEventHandler" + } + }, + "onTouchMoveCapture": { + "defaultValue": null, + "description": "", + "name": "onTouchMoveCapture", + "required": false, + "type": { + "name": "TouchEventHandler" + } + }, + "onTouchStart": { + "defaultValue": null, + "description": "", + "name": "onTouchStart", + "required": false, + "type": { + "name": "TouchEventHandler" + } + }, + "onTouchStartCapture": { + "defaultValue": null, + "description": "", + "name": "onTouchStartCapture", + "required": false, + "type": { + "name": "TouchEventHandler" + } + }, + "onTransitionEnd": { + "defaultValue": null, + "description": "", + "name": "onTransitionEnd", + "required": false, + "type": { + "name": "TransitionEventHandler" + } + }, + "onTransitionEndCapture": { + "defaultValue": null, + "description": "", + "name": "onTransitionEndCapture", + "required": false, + "type": { + "name": "TransitionEventHandler" + } + }, + "onVolumeChange": { + "defaultValue": null, + "description": "", + "name": "onVolumeChange", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onVolumeChangeCapture": { + "defaultValue": null, + "description": "", + "name": "onVolumeChangeCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onWaiting": { + "defaultValue": null, + "description": "", + "name": "onWaiting", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onWaitingCapture": { + "defaultValue": null, + "description": "", + "name": "onWaitingCapture", + "required": false, + "type": { + "name": "ReactEventHandler" + } + }, + "onWheel": { + "defaultValue": null, + "description": "", + "name": "onWheel", + "required": false, + "type": { + "name": "WheelEventHandler" + } + }, + "onWheelCapture": { + "defaultValue": null, + "description": "", + "name": "onWheelCapture", + "required": false, + "type": { + "name": "WheelEventHandler" + } + }, + "operator": { + "defaultValue": null, + "description": "", + "name": "operator", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "orient": { + "defaultValue": null, + "description": "", + "name": "orient", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "orientation": { + "defaultValue": null, + "description": "", + "name": "orientation", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "origin": { + "defaultValue": null, + "description": "", + "name": "origin", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "overlinePosition": { + "defaultValue": null, + "description": "", + "name": "overlinePosition", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "overlineThickness": { + "defaultValue": null, + "description": "", + "name": "overlineThickness", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "paintOrder": { + "defaultValue": null, + "description": "", + "name": "paintOrder", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "panose1": { + "defaultValue": null, + "description": "", + "name": "panose1", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "path": { + "defaultValue": null, + "description": "", + "name": "path", + "required": false, + "type": { + "name": "string" + } + }, + "pathLength": { + "defaultValue": null, + "description": "", + "name": "pathLength", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "patternContentUnits": { + "defaultValue": null, + "description": "", + "name": "patternContentUnits", + "required": false, + "type": { + "name": "string" + } + }, + "patternTransform": { + "defaultValue": null, + "description": "", + "name": "patternTransform", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "patternUnits": { + "defaultValue": null, + "description": "", + "name": "patternUnits", + "required": false, + "type": { + "name": "string" + } + }, + "points": { + "defaultValue": null, + "description": "", + "name": "points", + "required": false, + "type": { + "name": "string" + } + }, + "pointsAtX": { + "defaultValue": null, + "description": "", + "name": "pointsAtX", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "pointsAtY": { + "defaultValue": null, + "description": "", + "name": "pointsAtY", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "pointsAtZ": { + "defaultValue": null, + "description": "", + "name": "pointsAtZ", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "preserveAlpha": { + "defaultValue": null, + "description": "", + "name": "preserveAlpha", + "required": false, + "type": { + "name": "enum", + "raw": "Booleanish", + "value": [ + { + "value": "false" + }, + { + "value": "true" + }, + { + "value": "\"false\"" + }, + { + "value": "\"true\"" + } + ] + } + }, + "preserveAspectRatio": { + "defaultValue": null, + "description": "", + "name": "preserveAspectRatio", + "required": false, + "type": { + "name": "string" + } + }, + "primitiveUnits": { + "defaultValue": null, + "description": "", + "name": "primitiveUnits", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "r": { + "defaultValue": null, + "description": "", + "name": "r", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "radius": { + "defaultValue": null, + "description": "", + "name": "radius", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "ref": { + "defaultValue": null, + "description": "", + "name": "ref", + "required": false, + "type": { + "name": "enum", + "raw": "LegacyRef", + "value": [ + { + "value": "string" + }, + { + "value": "(instance: SVGSVGElement) => void", + "description": "", + "fullComment": "", + "tags": {} + }, + { + "value": "RefObject", + "description": "", + "fullComment": "", + "tags": {} + } + ] + } + }, + "refX": { + "defaultValue": null, + "description": "", + "name": "refX", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "refY": { + "defaultValue": null, + "description": "", + "name": "refY", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "renderingIntent": { + "defaultValue": null, + "description": "", + "name": "renderingIntent", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "repeatCount": { + "defaultValue": null, + "description": "", + "name": "repeatCount", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "repeatDur": { + "defaultValue": null, + "description": "", + "name": "repeatDur", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "requiredExtensions": { + "defaultValue": null, + "description": "", + "name": "requiredExtensions", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "requiredFeatures": { + "defaultValue": null, + "description": "", + "name": "requiredFeatures", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "restart": { + "defaultValue": null, + "description": "", + "name": "restart", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "result": { + "defaultValue": null, + "description": "", + "name": "result", + "required": false, + "type": { + "name": "string" + } + }, + "role": { + "defaultValue": null, + "description": "", + "name": "role", + "required": false, + "type": { + "name": "enum", + "raw": "AriaRole", + "value": [ + { + "value": "\"row\"" + }, + { + "value": "string & {}" + }, + { + "value": "\"none\"" + }, + { + "value": "\"button\"" + }, + { + "value": "\"checkbox\"" + }, + { + "value": "\"listbox\"" + }, + { + "value": "\"radio\"" + }, + { + "value": "\"region\"" + }, + { + "value": "\"cell\"" + }, + { + "value": "\"grid\"" + }, + { + "value": "\"table\"" + }, + { + "value": "\"menu\"" + }, + { + "value": "\"listitem\"" + }, + { + "value": "\"menubar\"" + }, + { + "value": "\"menuitem\"" + }, + { + "value": "\"progressbar\"" + }, + { + "value": "\"separator\"" + }, + { + "value": "\"tab\"" + }, + { + "value": "\"tabpanel\"" + }, + { + "value": "\"toolbar\"" + }, + { + "value": "\"tooltip\"" + }, + { + "value": "\"treeitem\"" + }, + { + "value": "\"scrollbar\"" + }, + { + "value": "\"article\"" + }, + { + "value": "\"dialog\"" + }, + { + "value": "\"figure\"" + }, + { + "value": "\"form\"" + }, + { + "value": "\"img\"" + }, + { + "value": "\"link\"" + }, + { + "value": "\"main\"" + }, + { + "value": "\"option\"" + }, + { + "value": "\"search\"" + }, + { + "value": "\"switch\"" + }, + { + "value": "\"list\"" + }, + { + "value": "\"alert\"" + }, + { + "value": "\"alertdialog\"" + }, + { + "value": "\"application\"" + }, + { + "value": "\"banner\"" + }, + { + "value": "\"columnheader\"" + }, + { + "value": "\"combobox\"" + }, + { + "value": "\"complementary\"" + }, + { + "value": "\"contentinfo\"" + }, + { + "value": "\"definition\"" + }, + { + "value": "\"directory\"" + }, + { + "value": "\"document\"" + }, + { + "value": "\"feed\"" + }, + { + "value": "\"gridcell\"" + }, + { + "value": "\"group\"" + }, + { + "value": "\"heading\"" + }, + { + "value": "\"log\"" + }, + { + "value": "\"marquee\"" + }, + { + "value": "\"math\"" + }, + { + "value": "\"menuitemcheckbox\"" + }, + { + "value": "\"menuitemradio\"" + }, + { + "value": "\"navigation\"" + }, + { + "value": "\"note\"" + }, + { + "value": "\"presentation\"" + }, + { + "value": "\"radiogroup\"" + }, + { + "value": "\"rowgroup\"" + }, + { + "value": "\"rowheader\"" + }, + { + "value": "\"searchbox\"" + }, + { + "value": "\"slider\"" + }, + { + "value": "\"spinbutton\"" + }, + { + "value": "\"status\"" + }, + { + "value": "\"tablist\"" + }, + { + "value": "\"term\"" + }, + { + "value": "\"textbox\"" + }, + { + "value": "\"timer\"" + }, + { + "value": "\"tree\"" + }, + { + "value": "\"treegrid\"" + } + ] + } + }, + "rx": { + "defaultValue": null, + "description": "", + "name": "rx", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "ry": { + "defaultValue": null, + "description": "", + "name": "ry", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "seed": { + "defaultValue": null, + "description": "", + "name": "seed", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "shapeRendering": { + "defaultValue": null, + "description": "", + "name": "shapeRendering", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "size": { + "defaultValue": { + "value": "md" + }, + "description": "", + "name": "size", + "parent": { + "fileName": "Icon/src/index.tsx", + "name": "IconOptions" + }, + "declarations": [ + { + "fileName": "Icon/src/index.tsx", + "name": "IconOptions" + } + ], + "required": false, + "type": { + "name": "enum", + "raw": "Size", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "slope": { + "defaultValue": null, + "description": "", + "name": "slope", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "spacing": { + "defaultValue": null, + "description": "", + "name": "spacing", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "specularConstant": { + "defaultValue": null, + "description": "", + "name": "specularConstant", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "specularExponent": { + "defaultValue": null, + "description": "", + "name": "specularExponent", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "speed": { + "defaultValue": null, + "description": "", + "name": "speed", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "spreadMethod": { + "defaultValue": null, + "description": "", + "name": "spreadMethod", + "required": false, + "type": { + "name": "string" + } + }, + "startOffset": { + "defaultValue": null, + "description": "", + "name": "startOffset", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "stdDeviation": { + "defaultValue": null, + "description": "", + "name": "stdDeviation", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "stemh": { + "defaultValue": null, + "description": "", + "name": "stemh", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "stemv": { + "defaultValue": null, + "description": "", + "name": "stemv", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "stitchTiles": { + "defaultValue": null, + "description": "", + "name": "stitchTiles", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "stopColor": { + "defaultValue": null, + "description": "", + "name": "stopColor", + "required": false, + "type": { + "name": "string" + } + }, + "stopOpacity": { + "defaultValue": null, + "description": "", + "name": "stopOpacity", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "strikethroughPosition": { + "defaultValue": null, + "description": "", + "name": "strikethroughPosition", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "strikethroughThickness": { + "defaultValue": null, + "description": "", + "name": "strikethroughThickness", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "string": { + "defaultValue": null, + "description": "", + "name": "string", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "strokeDasharray": { + "defaultValue": null, + "description": "", + "name": "strokeDasharray", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "strokeDashoffset": { + "defaultValue": null, + "description": "", + "name": "strokeDashoffset", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "strokeLinecap": { + "defaultValue": null, + "description": "", + "name": "strokeLinecap", + "required": false, + "type": { + "name": "enum", + "raw": "\"inherit\" | \"round\" | \"butt\" | \"square\"", + "value": [ + { + "value": "\"inherit\"" + }, + { + "value": "\"round\"" + }, + { + "value": "\"butt\"" + }, + { + "value": "\"square\"" + } + ] + } + }, + "strokeLinejoin": { + "defaultValue": null, + "description": "", + "name": "strokeLinejoin", + "required": false, + "type": { + "name": "enum", + "raw": "\"inherit\" | \"round\" | \"bevel\" | \"miter\"", + "value": [ + { + "value": "\"inherit\"" + }, + { + "value": "\"round\"" + }, + { + "value": "\"bevel\"" + }, + { + "value": "\"miter\"" + } + ] + } + }, + "strokeMiterlimit": { + "defaultValue": null, + "description": "", + "name": "strokeMiterlimit", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "strokeOpacity": { + "defaultValue": null, + "description": "", + "name": "strokeOpacity", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "strokeWidth": { + "defaultValue": null, + "description": "", + "name": "strokeWidth", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "style": { + "defaultValue": null, + "description": "", + "name": "style", + "required": false, + "type": { + "name": "CSSProperties" + } + }, + "surfaceScale": { + "defaultValue": null, + "description": "", + "name": "surfaceScale", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "systemLanguage": { + "defaultValue": null, + "description": "", + "name": "systemLanguage", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "tabIndex": { + "defaultValue": null, + "description": "", + "name": "tabIndex", + "required": false, + "type": { + "name": "number" + } + }, + "tableValues": { + "defaultValue": null, + "description": "", + "name": "tableValues", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "target": { + "defaultValue": null, + "description": "", + "name": "target", + "required": false, + "type": { + "name": "string" + } + }, + "targetX": { + "defaultValue": null, + "description": "", + "name": "targetX", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "targetY": { + "defaultValue": null, + "description": "", + "name": "targetY", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "textAnchor": { + "defaultValue": null, + "description": "", + "name": "textAnchor", + "required": false, + "type": { + "name": "string" + } + }, + "textLength": { + "defaultValue": null, + "description": "", + "name": "textLength", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "textRendering": { + "defaultValue": null, + "description": "", + "name": "textRendering", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "title": { + "defaultValue": null, + "description": "", + "name": "title", + "parent": { + "fileName": "Icon/src/index.tsx", + "name": "IconOptions" + }, + "declarations": [ + { + "fileName": "Icon/src/index.tsx", + "name": "IconOptions" + } + ], + "required": false, + "type": { + "name": "string" + } + }, + "to": { + "defaultValue": null, + "description": "", + "name": "to", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "type": { + "defaultValue": null, + "description": "", + "name": "type", + "required": false, + "type": { + "name": "string" + } + }, + "u1": { + "defaultValue": null, + "description": "", + "name": "u1", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "u2": { + "defaultValue": null, + "description": "", + "name": "u2", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "underlinePosition": { + "defaultValue": null, + "description": "", + "name": "underlinePosition", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "underlineThickness": { + "defaultValue": null, + "description": "", + "name": "underlineThickness", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "unicode": { + "defaultValue": null, + "description": "", + "name": "unicode", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "unicodeBidi": { + "defaultValue": null, + "description": "", + "name": "unicodeBidi", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "unicodeRange": { + "defaultValue": null, + "description": "", + "name": "unicodeRange", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "unitsPerEm": { + "defaultValue": null, + "description": "", + "name": "unitsPerEm", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "vAlphabetic": { + "defaultValue": null, + "description": "", + "name": "vAlphabetic", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "vHanging": { + "defaultValue": null, + "description": "", + "name": "vHanging", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "vIdeographic": { + "defaultValue": null, + "description": "", + "name": "vIdeographic", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "vMathematical": { + "defaultValue": null, + "description": "", + "name": "vMathematical", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "values": { + "defaultValue": null, + "description": "", + "name": "values", + "required": false, + "type": { + "name": "string" + } + }, + "vectorEffect": { + "defaultValue": null, + "description": "", + "name": "vectorEffect", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "version": { + "defaultValue": null, + "description": "", + "name": "version", + "required": false, + "type": { + "name": "string" + } + }, + "vertAdvY": { + "defaultValue": null, + "description": "", + "name": "vertAdvY", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "vertOriginX": { + "defaultValue": null, + "description": "", + "name": "vertOriginX", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "vertOriginY": { + "defaultValue": null, + "description": "", + "name": "vertOriginY", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "viewBox": { + "defaultValue": null, + "description": "", + "name": "viewBox", + "required": false, + "type": { + "name": "string" + } + }, + "viewTarget": { + "defaultValue": null, + "description": "", + "name": "viewTarget", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "width": { + "defaultValue": null, + "description": "", + "name": "width", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "widths": { + "defaultValue": null, + "description": "", + "name": "widths", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "wordSpacing": { + "defaultValue": null, + "description": "", + "name": "wordSpacing", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "writingMode": { + "defaultValue": null, + "description": "", + "name": "writingMode", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "x": { + "defaultValue": null, + "description": "", + "name": "x", "required": false, "type": { - "name": "IconContent" + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] } }, - "name": { + "x1": { "defaultValue": null, "description": "", - "name": "name", - "parent": { - "fileName": "Icon/src/index.tsx", - "name": "IconOptions" - }, - "declarations": [ - { - "fileName": "Icon/src/index.tsx", - "name": "IconOptions" - } - ], + "name": "x1", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "x2": { + "defaultValue": null, + "description": "", + "name": "x2", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "xChannelSelector": { + "defaultValue": null, + "description": "", + "name": "xChannelSelector", "required": false, "type": { "name": "string" } }, - "onClick": { + "xHeight": { "defaultValue": null, "description": "", - "name": "onClick", - "parent": { - "fileName": "Icon/src/index.tsx", - "name": "IconOptions" - }, - "declarations": [ - { - "fileName": "Icon/src/index.tsx", - "name": "IconOptions" - } - ], + "name": "xHeight", "required": false, "type": { - "name": "(event: MouseEvent) => void" + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] } }, - "size": { - "defaultValue": { - "value": "md" - }, + "xlinkActuate": { + "defaultValue": null, "description": "", - "name": "size", - "parent": { - "fileName": "Icon/src/index.tsx", - "name": "IconOptions" - }, - "declarations": [ - { - "fileName": "Icon/src/index.tsx", - "name": "IconOptions" - } - ], + "name": "xlinkActuate", + "required": false, + "type": { + "name": "string" + } + }, + "xlinkArcrole": { + "defaultValue": null, + "description": "", + "name": "xlinkArcrole", + "required": false, + "type": { + "name": "string" + } + }, + "xlinkHref": { + "defaultValue": null, + "description": "", + "name": "xlinkHref", + "required": false, + "type": { + "name": "string" + } + }, + "xlinkRole": { + "defaultValue": null, + "description": "", + "name": "xlinkRole", + "required": false, + "type": { + "name": "string" + } + }, + "xlinkShow": { + "defaultValue": null, + "description": "", + "name": "xlinkShow", + "required": false, + "type": { + "name": "string" + } + }, + "xlinkTitle": { + "defaultValue": null, + "description": "", + "name": "xlinkTitle", + "required": false, + "type": { + "name": "string" + } + }, + "xlinkType": { + "defaultValue": null, + "description": "", + "name": "xlinkType", + "required": false, + "type": { + "name": "string" + } + }, + "xmlBase": { + "defaultValue": null, + "description": "", + "name": "xmlBase", + "required": false, + "type": { + "name": "string" + } + }, + "xmlLang": { + "defaultValue": null, + "description": "", + "name": "xmlLang", + "required": false, + "type": { + "name": "string" + } + }, + "xmlSpace": { + "defaultValue": null, + "description": "", + "name": "xmlSpace", + "required": false, + "type": { + "name": "string" + } + }, + "xmlns": { + "defaultValue": null, + "description": "", + "name": "xmlns", + "required": false, + "type": { + "name": "string" + } + }, + "xmlnsXlink": { + "defaultValue": null, + "description": "", + "name": "xmlnsXlink", + "required": false, + "type": { + "name": "string" + } + }, + "y": { + "defaultValue": null, + "description": "", + "name": "y", "required": false, "type": { "name": "enum", - "raw": "Size", + "raw": "string | number", "value": [ { "value": "string" @@ -88,20 +6509,73 @@ ] } }, - "title": { + "y1": { "defaultValue": null, "description": "", - "name": "title", - "parent": { - "fileName": "Icon/src/index.tsx", - "name": "IconOptions" - }, - "declarations": [ - { - "fileName": "Icon/src/index.tsx", - "name": "IconOptions" - } - ], + "name": "y1", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "y2": { + "defaultValue": null, + "description": "", + "name": "y2", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "yChannelSelector": { + "defaultValue": null, + "description": "", + "name": "yChannelSelector", + "required": false, + "type": { + "name": "string" + } + }, + "z": { + "defaultValue": null, + "description": "", + "name": "z", + "required": false, + "type": { + "name": "enum", + "raw": "string | number", + "value": [ + { + "value": "string" + }, + { + "value": "number" + } + ] + } + }, + "zoomAndPan": { + "defaultValue": null, + "description": "", + "name": "zoomAndPan", "required": false, "type": { "name": "string" diff --git a/packages/Link/src/styles.ts b/packages/Link/src/styles.ts index 4b6d588564..15ea2b7955 100644 --- a/packages/Link/src/styles.ts +++ b/packages/Link/src/styles.ts @@ -1,9 +1,10 @@ -import styled, { css, th, typography } from '@xstyled/styled-components' +import styled, { css, system, th, typography } from '@xstyled/styled-components' import { UniversalLink } from '@welcome-ui/universal-link' +import { shouldForwardProp } from '@welcome-ui/system' import { Variant } from './index' -export const Link = styled.box.attrs({ as: UniversalLink })<{ +export const Link = styled(UniversalLink).withConfig({ shouldForwardProp })<{ variant: Variant isExternal?: boolean }>( @@ -44,6 +45,8 @@ export const Link = styled.box.attrs({ as: UniversalLink })<{ pointer-events: none; } + ${system} + & > *:not(:only-child):not(:last-child) { margin-right: xs; } diff --git a/packages/Loader/docs/properties.json b/packages/Loader/docs/properties.json index 22c80c5498..453c6e05fe 100644 --- a/packages/Loader/docs/properties.json +++ b/packages/Loader/docs/properties.json @@ -1,25 +1,6 @@ { "Loader": { "props": { - "color": { - "defaultValue": null, - "description": "", - "name": "color", - "parent": { - "fileName": "Loader/src/index.tsx", - "name": "LoaderOptions" - }, - "declarations": [ - { - "fileName": "Loader/src/index.tsx", - "name": "LoaderOptions" - } - ], - "required": false, - "type": { - "name": "string" - } - }, "size": { "defaultValue": { "value": "sm" diff --git a/packages/Loader/src/styles.ts b/packages/Loader/src/styles.ts index 17606099b5..f468577e87 100644 --- a/packages/Loader/src/styles.ts +++ b/packages/Loader/src/styles.ts @@ -1,4 +1,4 @@ -import styled, { css, keyframes } from '@xstyled/styled-components' +import styled, { css, keyframes, system } from '@xstyled/styled-components' import { Shape } from '@welcome-ui/shape' import { Size } from '.' @@ -22,13 +22,14 @@ export interface LoadingDotOptions { size: Size } -export const LoadingDot = styled.box.attrs({ as: Shape })(({ size, theme }) => { +export const LoadingDot = styled(Shape)(({ size, theme }) => { const sizeValue = theme.loaders?.[size as keyof typeof theme.loaders] || size const formattedSize = typeof sizeValue === 'number' ? theme.toRem(sizeValue) : sizeValue return css` width: ${formattedSize}; height: ${formattedSize}; background-color: currentColor; + ${system} ${animationRule}; &:not(:first-child) { margin-left: calc(${formattedSize} / 2); diff --git a/packages/Modal/src/Assets/Backdrop.tsx b/packages/Modal/src/Assets/Backdrop.tsx index 1562ca9248..e3d4dbb5a9 100644 --- a/packages/Modal/src/Assets/Backdrop.tsx +++ b/packages/Modal/src/Assets/Backdrop.tsx @@ -2,12 +2,12 @@ import React from 'react' import * as Ariakit from '@ariakit/react' import { Button } from '@welcome-ui/button' import { Icons } from '@welcome-ui/icons.font' -import styled from '@xstyled/styled-components' +import styled, { system } from '@xstyled/styled-components' import { forwardRef } from '@welcome-ui/system' import * as S from '../styles' -export const CloseButton = styled.box.attrs({ as: Button })` +export const CloseButton = styled(Button)` position: absolute; right: xl; top: xl; @@ -20,6 +20,8 @@ export const CloseButton = styled.box.attrs({ as: Button })` &:hover { background-color: light-700; } + + ${system} ` export type BackdropProps = Pick diff --git a/packages/Picker/src/styles.ts b/packages/Picker/src/styles.ts index 00a89867c5..08428f43d1 100644 --- a/packages/Picker/src/styles.ts +++ b/packages/Picker/src/styles.ts @@ -1,9 +1,11 @@ -import styled from '@xstyled/styled-components' +import styled, { system } from '@xstyled/styled-components' import * as Ariakit from '@ariakit/react' +import { shouldForwardProp } from '@welcome-ui/system' -export const Radio = styled.box.attrs({ as: Ariakit.Radio })` +export const Radio = styled(Ariakit.Radio).withConfig({ shouldForwardProp })` position: absolute; top: 0; left: 0; opacity: 0; + ${system} ` diff --git a/packages/Popover/src/styles.ts b/packages/Popover/src/styles.ts index 53216c936a..e9c4c9e3ac 100644 --- a/packages/Popover/src/styles.ts +++ b/packages/Popover/src/styles.ts @@ -1,4 +1,4 @@ -import styled, { css, th } from '@xstyled/styled-components' +import styled, { css, system, th } from '@xstyled/styled-components' import * as Ariakit from '@ariakit/react' export const Arrow = styled(Ariakit.PopoverArrow)` @@ -20,12 +20,13 @@ export const Title = styled.h6` ${th('popovers.title')}; ` -export const Popover = styled.box.attrs({ as: Ariakit.Popover })<{ $withCloseButton: boolean }>( +export const Popover = styled(Ariakit.Popover)<{ $withCloseButton: boolean }>( ({ $withCloseButton }) => css` ${th('popovers.default')}; outline: none; opacity: 0; transition: opacity 150ms ease-in-out; + ${system} /* on open popover for animation */ &[data-enter] { @@ -41,6 +42,10 @@ export const Popover = styled.box.attrs({ as: Ariakit.Popover })<{ $withCloseBut ` ) -export const PopoverTrigger = styled.box.attrs({ as: Ariakit.PopoverDisclosure })`` +export const PopoverTrigger = styled(Ariakit.PopoverDisclosure)` + ${system} +` -export const PopoverHoverTrigger = styled.box.attrs({ as: Ariakit.HovercardAnchor })`` +export const PopoverHoverTrigger = styled(Ariakit.HovercardAnchor)` + ${system} +` diff --git a/packages/Radio/src/styles.ts b/packages/Radio/src/styles.ts index 1ac624d9ee..dd5a496b83 100644 --- a/packages/Radio/src/styles.ts +++ b/packages/Radio/src/styles.ts @@ -1,14 +1,15 @@ -import styled, { css, th } from '@xstyled/styled-components' +import styled, { css, system, th } from '@xstyled/styled-components' import { Box } from '@welcome-ui/box' import { defaultFieldStyles } from '@welcome-ui/utils' import { Label as WUILabel } from '@welcome-ui/label' +import { shouldForwardProp } from '@welcome-ui/system' import * as Ariakit from '@ariakit/react' import { RadioProps } from './index' /* /!\ WARNING /!\ Don't add style after pseudo selector, it won't apply because of the dynamic color injected in the fill of the content */ -export const Radio = styled.box.attrs({ as: Ariakit.Radio })( +export const Radio = styled(Ariakit.Radio).withConfig({ shouldForwardProp })( ({ order = '-1', size, variant }) => css` ${defaultFieldStyles({ size, variant })}; ${th('radios.default')} @@ -18,6 +19,7 @@ export const Radio = styled.box.attrs({ as: Ariakit.Radio })( cursor: pointer; border-radius: 50%; transition: medium; + ${system}; &::after { content: ''; @@ -50,10 +52,11 @@ export const Radio = styled.box.attrs({ as: Ariakit.Radio })( ) // force label to max width to 100% here, because if we add a styled system prop maxWidth {{ md: '30%' }} we need to have a max-width on mobile by default -export const Label = styled.box.attrs({ as: WUILabel })` +export const Label = styled(WUILabel)` max-width: 100%; /** we need to reset margin-bottom from Label component */ margin-bottom: 0 !important; + ${system} ` export const Input = styled.div` diff --git a/packages/RadioGroup/src/styles.ts b/packages/RadioGroup/src/styles.ts index dc367beab6..94573e65b7 100644 --- a/packages/RadioGroup/src/styles.ts +++ b/packages/RadioGroup/src/styles.ts @@ -1,10 +1,7 @@ -import styled, { css } from '@xstyled/styled-components' +import styled from '@xstyled/styled-components' -export const Radios = styled.divBox( - ({ flexDirection }) => css` - display: flex; - flex-direction: ${flexDirection}; - flex-wrap: wrap; - gap: md; - ` -) +export const Radios = styled.divBox` + display: flex; + flex-wrap: wrap; + gap: md; +` diff --git a/packages/RadioTab/src/styles.ts b/packages/RadioTab/src/styles.ts index ed75f93250..93d746eea3 100644 --- a/packages/RadioTab/src/styles.ts +++ b/packages/RadioTab/src/styles.ts @@ -1,9 +1,9 @@ import styled, { css, th } from '@xstyled/styled-components' import * as Ariakit from '@ariakit/react' import { defaultFieldStyles, DefaultFieldStylesProps, overflowEllipsis } from '@welcome-ui/utils' -import { WuiProps } from '@welcome-ui/system' +import { shouldForwardProp, type WuiProps } from '@welcome-ui/system' -export const Radio = styled.box.attrs({ as: Ariakit.Radio })` +export const Radio = styled(Ariakit.Radio).withConfig({ shouldForwardProp })` position: absolute; top: 0; left: 0; diff --git a/packages/Select/docs/properties.json b/packages/Select/docs/properties.json index 4343de5e75..9e558164b0 100644 --- a/packages/Select/docs/properties.json +++ b/packages/Select/docs/properties.json @@ -739,6 +739,16 @@ } }, "StyledSelect": { - "props": {} + "props": { + "theme": { + "defaultValue": null, + "description": "", + "name": "theme", + "required": false, + "type": { + "name": "DefaultTheme" + } + } + } } } \ No newline at end of file diff --git a/packages/Shape/src/styles.ts b/packages/Shape/src/styles.ts index 508da544eb..78280d0879 100644 --- a/packages/Shape/src/styles.ts +++ b/packages/Shape/src/styles.ts @@ -1,4 +1,4 @@ -import styled, { css } from '@xstyled/styled-components' +import styled, { css, system } from '@xstyled/styled-components' import { getMax } from '@welcome-ui/utils' import { Box } from '@welcome-ui/box' @@ -25,6 +25,8 @@ export const Shape = styled(Box)( height: 100%; } + ${system}; + /* we must override shapeStyles (let this line under ${system}) */ ${shape && shapeStyles(w as string, h as string, shape)} ` ) diff --git a/packages/Tabs/src/styles.ts b/packages/Tabs/src/styles.ts index e0b56fe6aa..b668042ba4 100644 --- a/packages/Tabs/src/styles.ts +++ b/packages/Tabs/src/styles.ts @@ -1,4 +1,4 @@ -import styled, { css, th } from '@xstyled/styled-components' +import styled, { css, system, th } from '@xstyled/styled-components' import * as Ariakit from '@ariakit/react' import { ActiveBarReturn } from './ActiveBar' @@ -6,7 +6,7 @@ import { SizeOptions } from './TabList' import { UseTabState } from '.' -export const TabList = styled.box.attrs({ as: Ariakit.TabList })<{ size: SizeOptions }>( +export const TabList = styled(Ariakit.TabList)<{ size: SizeOptions }>( ({ size }) => css` position: relative; width: 100%; @@ -24,6 +24,8 @@ export const TabList = styled.box.attrs({ as: Ariakit.TabList })<{ size: SizeOpt & > :not(:last-child) { ${th(`tabs.size.${size}`)} } + + ${system}; ` ) diff --git a/packages/Toast/docs/properties.json b/packages/Toast/docs/properties.json index c013867870..c82ad03030 100644 --- a/packages/Toast/docs/properties.json +++ b/packages/Toast/docs/properties.json @@ -50,7 +50,19 @@ ], "required": false, "type": { - "name": "Element" + "name": "enum", + "raw": "string | Element", + "value": [ + { + "value": "string" + }, + { + "value": "Element", + "description": "", + "fullComment": "", + "tags": {} + } + ] } }, "onClose": { @@ -161,7 +173,19 @@ ], "required": false, "type": { - "name": "Element" + "name": "enum", + "raw": "string | Element", + "value": [ + { + "value": "string" + }, + { + "value": "Element", + "description": "", + "fullComment": "", + "tags": {} + } + ] } }, "onClose": { @@ -178,7 +202,7 @@ "name": "SnackbarOptions" } ], - "required": true, + "required": false, "type": { "name": "() => void" } diff --git a/packages/Toast/tests/index.test.tsx b/packages/Toast/tests/index.test.tsx index 14b7a90101..98ab2cf254 100644 --- a/packages/Toast/tests/index.test.tsx +++ b/packages/Toast/tests/index.test.tsx @@ -11,7 +11,7 @@ describe('', () => { const title = getByTestId('growl-title') expect(title).toHaveTextContent(content) - expect(title).toHaveStyleRule('color', 'rgba(0,0,0,1)') + expect(title).toHaveStyleRule('color', 'rgba(0, 0, 0, 1)') }) it('should render correctly with a state', () => { @@ -19,6 +19,6 @@ describe('<Title>', () => { const title = getByTestId('growl-title') expect(title).toHaveTextContent(content) - expect(title).toHaveStyleRule('color', 'rgba(0,0,0,1)') + expect(title).toHaveStyleRule('color', 'rgba(0, 0, 0, 1)') }) }) diff --git a/packages/Toggle/src/styles.ts b/packages/Toggle/src/styles.ts index 6ca1efebc4..44261e8c1e 100644 --- a/packages/Toggle/src/styles.ts +++ b/packages/Toggle/src/styles.ts @@ -1,11 +1,12 @@ -import styled, { css, th } from '@xstyled/styled-components' +import styled, { css, system, th } from '@xstyled/styled-components' import * as Ariakit from '@ariakit/react' +import { shouldForwardProp } from '@welcome-ui/system' import { ToggleOptions } from './index' type Size = 'xs' | 'sm' | 'md' -export const Toggle = styled.box.attrs({ as: Ariakit.Checkbox })<ToggleOptions>( +export const Toggle = styled(Ariakit.Checkbox).withConfig({ shouldForwardProp })<ToggleOptions>( ({ order = '-1', size }) => css` ${th('toggles.item.default')}; ${th(`toggles.item.sizes.${size}`)}; @@ -53,6 +54,8 @@ export const Toggle = styled.box.attrs({ as: Ariakit.Checkbox })<ToggleOptions>( } } } + + ${system} ` ) diff --git a/website/build-app/components/TableOfContent/styles.ts b/website/build-app/components/TableOfContent/styles.ts index 065b970afc..996b6b1e14 100644 --- a/website/build-app/components/TableOfContent/styles.ts +++ b/website/build-app/components/TableOfContent/styles.ts @@ -17,7 +17,7 @@ export const Nav = styled.nav<{ isSubPage?: boolean }>( ` ) -export const Link = styled.box.attrs({ as: NextLink })` +export const Link = styled.aBox.attrs({ as: NextLink })` display: block; color: dark-700; position: relative;