@proyecto-viviana/solidaria 0.2.4 → 0.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/dist/actiongroup/createActionGroup.d.ts +29 -0
- package/dist/actiongroup/createActionGroup.d.ts.map +1 -0
- package/dist/actiongroup/index.d.ts +2 -0
- package/dist/actiongroup/index.d.ts.map +1 -0
- package/dist/autocomplete/createAutocomplete.d.ts +6 -2
- package/dist/autocomplete/createAutocomplete.d.ts.map +1 -1
- package/dist/breadcrumbs/createBreadcrumbs.d.ts +2 -0
- package/dist/breadcrumbs/createBreadcrumbs.d.ts.map +1 -1
- package/dist/button/createToggleButtonGroup.d.ts +32 -0
- package/dist/button/createToggleButtonGroup.d.ts.map +1 -0
- package/dist/button/index.d.ts +2 -0
- package/dist/button/index.d.ts.map +1 -1
- package/dist/calendar/createCalendarCell.d.ts +2 -0
- package/dist/calendar/createCalendarCell.d.ts.map +1 -1
- package/dist/calendar/createCalendarGrid.d.ts.map +1 -1
- package/dist/calendar/createRangeCalendarCell.d.ts +3 -1
- package/dist/calendar/createRangeCalendarCell.d.ts.map +1 -1
- package/dist/checkbox/createCheckboxGroup.d.ts +5 -1
- package/dist/checkbox/createCheckboxGroup.d.ts.map +1 -1
- package/dist/collections/index.d.ts +56 -0
- package/dist/collections/index.d.ts.map +1 -0
- package/dist/color/createColorArea.d.ts.map +1 -1
- package/dist/color/createColorSlider.d.ts.map +1 -1
- package/dist/color/createColorWheel.d.ts.map +1 -1
- package/dist/combobox/createComboBox.d.ts +6 -0
- package/dist/combobox/createComboBox.d.ts.map +1 -1
- package/dist/datepicker/createDatePicker.d.ts +6 -0
- package/dist/datepicker/createDatePicker.d.ts.map +1 -1
- package/dist/datepicker/createDateRangePicker.d.ts +40 -0
- package/dist/datepicker/createDateRangePicker.d.ts.map +1 -0
- package/dist/datepicker/createDateSegment.d.ts +1 -1
- package/dist/datepicker/createDateSegment.d.ts.map +1 -1
- package/dist/datepicker/createTimeSegment.d.ts +29 -0
- package/dist/datepicker/createTimeSegment.d.ts.map +1 -0
- package/dist/datepicker/index.d.ts +2 -0
- package/dist/datepicker/index.d.ts.map +1 -1
- package/dist/disclosure/createDisclosureGroup.d.ts +2 -1
- package/dist/disclosure/createDisclosureGroup.d.ts.map +1 -1
- package/dist/dnd/createDrag.d.ts.map +1 -1
- package/dist/dnd/createDraggableCollection.d.ts +4 -0
- package/dist/dnd/createDraggableCollection.d.ts.map +1 -1
- package/dist/dnd/createDraggableItem.d.ts.map +1 -1
- package/dist/dnd/createDrop.d.ts.map +1 -1
- package/dist/dnd/createDroppableCollection.d.ts +32 -1
- package/dist/dnd/createDroppableCollection.d.ts.map +1 -1
- package/dist/dnd/createDroppableItem.d.ts.map +1 -1
- package/dist/dnd/index.d.ts +1 -1
- package/dist/dnd/index.d.ts.map +1 -1
- package/dist/grid/createGrid.d.ts.map +1 -1
- package/dist/gridlist/createGridList.d.ts.map +1 -1
- package/dist/index.d.ts +6 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4659 -3452
- package/dist/index.js.map +1 -7
- package/dist/index.ssr.js +4659 -3452
- package/dist/index.ssr.js.map +1 -7
- package/dist/interactions/createFocus.d.ts.map +1 -1
- package/dist/interactions/createFocusWithin.d.ts.map +1 -1
- package/dist/link/createLink.d.ts +10 -0
- package/dist/link/createLink.d.ts.map +1 -1
- package/dist/listbox/createListBox.d.ts +1 -0
- package/dist/listbox/createListBox.d.ts.map +1 -1
- package/dist/listbox/createOption.d.ts.map +1 -1
- package/dist/menu/createMenu.d.ts +1 -0
- package/dist/menu/createMenu.d.ts.map +1 -1
- package/dist/meter/createMeter.d.ts.map +1 -1
- package/dist/numberfield/createNumberField.d.ts +18 -0
- package/dist/numberfield/createNumberField.d.ts.map +1 -1
- package/dist/overlays/createModal.d.ts +16 -0
- package/dist/overlays/createModal.d.ts.map +1 -1
- package/dist/overlays/createOverlay.d.ts.map +1 -1
- package/dist/overlays/index.d.ts +1 -1
- package/dist/overlays/index.d.ts.map +1 -1
- package/dist/popover/createOverlayPosition.d.ts.map +1 -1
- package/dist/popover/createPopover.d.ts.map +1 -1
- package/dist/progress/createProgressBar.d.ts.map +1 -1
- package/dist/radio/createRadioGroup.d.ts +2 -2
- package/dist/radio/createRadioGroup.d.ts.map +1 -1
- package/dist/searchfield/createSearchField.d.ts.map +1 -1
- package/dist/select/createHiddenSelect.d.ts.map +1 -1
- package/dist/select/createSelect.d.ts.map +1 -1
- package/dist/slider/createSlider.d.ts.map +1 -1
- package/dist/table/createTable.d.ts.map +1 -1
- package/dist/tabs/createTabs.d.ts +1 -1
- package/dist/tabs/createTabs.d.ts.map +1 -1
- package/dist/tag/createTag.d.ts.map +1 -1
- package/dist/tag/createTagGroup.d.ts.map +1 -1
- package/dist/toast/createToast.d.ts +4 -0
- package/dist/toast/createToast.d.ts.map +1 -1
- package/dist/toast/createToastRegion.d.ts.map +1 -1
- package/dist/toolbar/createToolbar.d.ts.map +1 -1
- package/dist/tooltip/createTooltipTrigger.d.ts.map +1 -1
- package/dist/tree/createTree.d.ts.map +1 -1
- package/dist/tree/createTreeItem.d.ts.map +1 -1
- package/dist/tree/types.d.ts +4 -0
- package/dist/tree/types.d.ts.map +1 -1
- package/dist/utils/env.d.ts +1 -1
- package/dist/utils/env.d.ts.map +1 -1
- package/dist/utils/platform.d.ts.map +1 -1
- package/dist/visually-hidden/createVisuallyHidden.d.ts.map +1 -1
- package/package.json +8 -6
- package/src/actiongroup/createActionGroup.ts +324 -0
- package/src/actiongroup/index.ts +8 -0
- package/src/autocomplete/createAutocomplete.ts +32 -9
- package/src/breadcrumbs/createBreadcrumbs.ts +10 -15
- package/src/button/createButton.ts +1 -1
- package/src/button/createToggleButtonGroup.ts +128 -0
- package/src/button/index.ts +9 -0
- package/src/calendar/createCalendarCell.ts +6 -4
- package/src/calendar/createCalendarGrid.ts +27 -18
- package/src/calendar/createRangeCalendarCell.ts +26 -9
- package/src/checkbox/createCheckboxGroup.ts +21 -4
- package/src/collections/index.ts +242 -0
- package/src/color/createColorArea.ts +380 -314
- package/src/color/createColorField.ts +137 -137
- package/src/color/createColorSlider.ts +286 -197
- package/src/color/createColorSwatch.ts +40 -40
- package/src/color/createColorWheel.ts +218 -208
- package/src/color/index.ts +24 -24
- package/src/color/types.ts +116 -116
- package/src/combobox/createComboBox.ts +670 -647
- package/src/combobox/index.ts +6 -6
- package/src/datepicker/createDatePicker.ts +54 -16
- package/src/datepicker/createDateRangePicker.ts +246 -0
- package/src/datepicker/createDateSegment.ts +185 -31
- package/src/datepicker/createTimeSegment.ts +370 -0
- package/src/datepicker/index.ts +14 -0
- package/src/dialog/createDialog.ts +120 -120
- package/src/dialog/index.ts +2 -2
- package/src/dialog/types.ts +19 -19
- package/src/disclosure/createDisclosureGroup.ts +5 -2
- package/src/dnd/createDrag.ts +224 -209
- package/src/dnd/createDraggableCollection.ts +96 -63
- package/src/dnd/createDraggableItem.ts +259 -243
- package/src/dnd/createDrop.ts +322 -321
- package/src/dnd/createDroppableCollection.ts +682 -293
- package/src/dnd/createDroppableItem.ts +215 -213
- package/src/dnd/index.ts +55 -47
- package/src/dnd/types.ts +89 -89
- package/src/dnd/utils.ts +294 -294
- package/src/focus/createAutoFocus.ts +321 -321
- package/src/focus/createFocusRestore.ts +313 -313
- package/src/focus/createVirtualFocus.ts +396 -396
- package/src/form/createFormValidation.ts +224 -224
- package/src/form/index.ts +11 -11
- package/src/grid/createGrid.ts +3 -1
- package/src/gridlist/createGridList.ts +16 -0
- package/src/gridlist/createGridListItem.ts +1 -1
- package/src/i18n/NumberFormatter.ts +266 -266
- package/src/i18n/createCollator.ts +79 -79
- package/src/i18n/createDateFormatter.ts +83 -83
- package/src/i18n/createFilter.ts +131 -131
- package/src/i18n/createNumberFormatter.ts +52 -52
- package/src/i18n/index.ts +40 -40
- package/src/i18n/locale.tsx +188 -188
- package/src/i18n/utils.ts +99 -99
- package/src/index.ts +51 -0
- package/src/interactions/createFocus.ts +6 -5
- package/src/interactions/createFocusWithin.ts +6 -5
- package/src/interactions/createLongPress.ts +174 -174
- package/src/interactions/createMove.ts +289 -289
- package/src/interactions/createPress.ts +5 -5
- package/src/landmark/createLandmark.ts +377 -377
- package/src/landmark/index.ts +8 -8
- package/src/link/createLink.ts +23 -8
- package/src/listbox/createListBox.ts +308 -269
- package/src/listbox/createOption.ts +162 -151
- package/src/listbox/index.ts +12 -12
- package/src/live-announcer/announce.ts +322 -322
- package/src/live-announcer/index.ts +9 -9
- package/src/menu/createMenu.ts +405 -396
- package/src/menu/createMenuItem.ts +149 -149
- package/src/menu/createMenuTrigger.ts +88 -88
- package/src/menu/index.ts +18 -18
- package/src/meter/createMeter.ts +1 -6
- package/src/numberfield/createNumberField.ts +311 -268
- package/src/numberfield/index.ts +5 -5
- package/src/overlays/ariaHideOutside.ts +219 -219
- package/src/overlays/createInteractOutside.ts +149 -149
- package/src/overlays/createModal.tsx +238 -202
- package/src/overlays/createOverlay.ts +165 -155
- package/src/overlays/createOverlayTrigger.ts +85 -85
- package/src/overlays/createPreventScroll.ts +266 -266
- package/src/overlays/index.ts +48 -44
- package/src/popover/calculatePosition.ts +6 -6
- package/src/popover/createOverlayPosition.ts +7 -4
- package/src/popover/createPopover.ts +21 -7
- package/src/progress/createProgressBar.ts +6 -1
- package/src/radio/createRadioGroup.ts +88 -14
- package/src/searchfield/createSearchField.ts +241 -186
- package/src/searchfield/index.ts +2 -2
- package/src/select/createHiddenSelect.tsx +263 -236
- package/src/select/createSelect.ts +373 -395
- package/src/select/index.ts +14 -14
- package/src/slider/createSlider.ts +364 -349
- package/src/slider/index.ts +2 -2
- package/src/ssr/index.tsx +370 -370
- package/src/table/createTable.ts +3 -1
- package/src/table/createTableColumnHeader.ts +1 -1
- package/src/table/createTableRow.ts +1 -1
- package/src/tabs/createTabs.ts +80 -51
- package/src/tag/createTag.ts +135 -6
- package/src/tag/createTagGroup.ts +7 -2
- package/src/toast/createToast.ts +8 -2
- package/src/toast/createToastRegion.ts +0 -1
- package/src/toolbar/createToolbar.ts +75 -1
- package/src/tooltip/createTooltip.ts +79 -79
- package/src/tooltip/createTooltipTrigger.ts +226 -222
- package/src/tooltip/index.ts +6 -6
- package/src/tree/createTree.ts +261 -246
- package/src/tree/createTreeItem.ts +282 -233
- package/src/tree/createTreeSelectionCheckbox.ts +68 -68
- package/src/tree/index.ts +16 -16
- package/src/tree/types.ts +91 -87
- package/src/utils/env.ts +55 -54
- package/src/utils/platform.ts +16 -6
- package/src/visually-hidden/createVisuallyHidden.ts +139 -124
- package/src/visually-hidden/index.ts +6 -6
package/src/color/types.ts
CHANGED
|
@@ -1,116 +1,116 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Color ARIA types.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
import type { JSX } from 'solid-js';
|
|
6
|
-
import type { ColorChannel, Color } from '@proyecto-viviana/solid-stately';
|
|
7
|
-
|
|
8
|
-
export interface AriaColorSliderOptions {
|
|
9
|
-
/** The channel this slider controls. */
|
|
10
|
-
channel: ColorChannel;
|
|
11
|
-
/** Accessible label for the slider. */
|
|
12
|
-
'aria-label'?: string;
|
|
13
|
-
/** ID of element that labels the slider. */
|
|
14
|
-
'aria-labelledby'?: string;
|
|
15
|
-
/** ID of element that describes the slider. */
|
|
16
|
-
'aria-describedby'?: string;
|
|
17
|
-
/** Whether the slider is disabled. */
|
|
18
|
-
isDisabled?: boolean;
|
|
19
|
-
/** Localized channel name. */
|
|
20
|
-
channelName?: string;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export interface ColorSliderAria {
|
|
24
|
-
/** Props for the slider track element. */
|
|
25
|
-
trackProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
26
|
-
/** Props for the thumb/handle element. */
|
|
27
|
-
thumbProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
28
|
-
/** Props for the hidden input element. */
|
|
29
|
-
inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
|
|
30
|
-
/** Props for the output element showing the value. */
|
|
31
|
-
outputProps: JSX.HTMLAttributes<HTMLOutputElement>;
|
|
32
|
-
/** Props for the label element. */
|
|
33
|
-
labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
export interface AriaColorAreaOptions {
|
|
37
|
-
/** The X channel. */
|
|
38
|
-
xChannel?: ColorChannel;
|
|
39
|
-
/** The Y channel. */
|
|
40
|
-
yChannel?: ColorChannel;
|
|
41
|
-
/** Accessible label for the area. */
|
|
42
|
-
'aria-label'?: string;
|
|
43
|
-
/** ID of element that labels the area. */
|
|
44
|
-
'aria-labelledby'?: string;
|
|
45
|
-
/** ID of element that describes the area. */
|
|
46
|
-
'aria-describedby'?: string;
|
|
47
|
-
/** Whether the area is disabled. */
|
|
48
|
-
isDisabled?: boolean;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
export interface ColorAreaAria {
|
|
52
|
-
/** Props for the color area container. */
|
|
53
|
-
colorAreaProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
54
|
-
/** Props for the gradient element. */
|
|
55
|
-
gradientProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
56
|
-
/** Props for the thumb element. */
|
|
57
|
-
thumbProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
58
|
-
/** Props for the hidden X input element. */
|
|
59
|
-
xInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
|
|
60
|
-
/** Props for the hidden Y input element. */
|
|
61
|
-
yInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
export interface AriaColorWheelOptions {
|
|
65
|
-
/** Accessible label for the wheel. */
|
|
66
|
-
'aria-label'?: string;
|
|
67
|
-
/** ID of element that labels the wheel. */
|
|
68
|
-
'aria-labelledby'?: string;
|
|
69
|
-
/** ID of element that describes the wheel. */
|
|
70
|
-
'aria-describedby'?: string;
|
|
71
|
-
/** Whether the wheel is disabled. */
|
|
72
|
-
isDisabled?: boolean;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
export interface ColorWheelAria {
|
|
76
|
-
/** Props for the wheel track element. */
|
|
77
|
-
trackProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
78
|
-
/** Props for the thumb element. */
|
|
79
|
-
thumbProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
80
|
-
/** Props for the hidden input element. */
|
|
81
|
-
inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
export interface AriaColorFieldOptions {
|
|
85
|
-
/** Accessible label for the field. */
|
|
86
|
-
'aria-label'?: string;
|
|
87
|
-
/** ID of element that labels the field. */
|
|
88
|
-
'aria-labelledby'?: string;
|
|
89
|
-
/** ID of element that describes the field. */
|
|
90
|
-
'aria-describedby'?: string;
|
|
91
|
-
/** Whether the field is disabled. */
|
|
92
|
-
isDisabled?: boolean;
|
|
93
|
-
/** Whether the field is read-only. */
|
|
94
|
-
isReadOnly?: boolean;
|
|
95
|
-
/** The color channel being edited (for single channel mode). */
|
|
96
|
-
channel?: ColorChannel;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
export interface ColorFieldAria {
|
|
100
|
-
/** Props for the label element. */
|
|
101
|
-
labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
|
|
102
|
-
/** Props for the input element. */
|
|
103
|
-
inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
export interface AriaColorSwatchOptions {
|
|
107
|
-
/** The color to display. */
|
|
108
|
-
color: Color | string;
|
|
109
|
-
/** Accessible label for the swatch. */
|
|
110
|
-
'aria-label'?: string;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
export interface ColorSwatchAria {
|
|
114
|
-
/** Props for the swatch element. */
|
|
115
|
-
swatchProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
116
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
* Color ARIA types.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
import type { JSX } from 'solid-js';
|
|
6
|
+
import type { ColorChannel, Color } from '@proyecto-viviana/solid-stately';
|
|
7
|
+
|
|
8
|
+
export interface AriaColorSliderOptions {
|
|
9
|
+
/** The channel this slider controls. */
|
|
10
|
+
channel: ColorChannel;
|
|
11
|
+
/** Accessible label for the slider. */
|
|
12
|
+
'aria-label'?: string;
|
|
13
|
+
/** ID of element that labels the slider. */
|
|
14
|
+
'aria-labelledby'?: string;
|
|
15
|
+
/** ID of element that describes the slider. */
|
|
16
|
+
'aria-describedby'?: string;
|
|
17
|
+
/** Whether the slider is disabled. */
|
|
18
|
+
isDisabled?: boolean;
|
|
19
|
+
/** Localized channel name. */
|
|
20
|
+
channelName?: string;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export interface ColorSliderAria {
|
|
24
|
+
/** Props for the slider track element. */
|
|
25
|
+
trackProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
26
|
+
/** Props for the thumb/handle element. */
|
|
27
|
+
thumbProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
28
|
+
/** Props for the hidden input element. */
|
|
29
|
+
inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
|
|
30
|
+
/** Props for the output element showing the value. */
|
|
31
|
+
outputProps: JSX.HTMLAttributes<HTMLOutputElement>;
|
|
32
|
+
/** Props for the label element. */
|
|
33
|
+
labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
export interface AriaColorAreaOptions {
|
|
37
|
+
/** The X channel. */
|
|
38
|
+
xChannel?: ColorChannel;
|
|
39
|
+
/** The Y channel. */
|
|
40
|
+
yChannel?: ColorChannel;
|
|
41
|
+
/** Accessible label for the area. */
|
|
42
|
+
'aria-label'?: string;
|
|
43
|
+
/** ID of element that labels the area. */
|
|
44
|
+
'aria-labelledby'?: string;
|
|
45
|
+
/** ID of element that describes the area. */
|
|
46
|
+
'aria-describedby'?: string;
|
|
47
|
+
/** Whether the area is disabled. */
|
|
48
|
+
isDisabled?: boolean;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
export interface ColorAreaAria {
|
|
52
|
+
/** Props for the color area container. */
|
|
53
|
+
colorAreaProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
54
|
+
/** Props for the gradient element. */
|
|
55
|
+
gradientProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
56
|
+
/** Props for the thumb element. */
|
|
57
|
+
thumbProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
58
|
+
/** Props for the hidden X input element. */
|
|
59
|
+
xInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
|
|
60
|
+
/** Props for the hidden Y input element. */
|
|
61
|
+
yInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
export interface AriaColorWheelOptions {
|
|
65
|
+
/** Accessible label for the wheel. */
|
|
66
|
+
'aria-label'?: string;
|
|
67
|
+
/** ID of element that labels the wheel. */
|
|
68
|
+
'aria-labelledby'?: string;
|
|
69
|
+
/** ID of element that describes the wheel. */
|
|
70
|
+
'aria-describedby'?: string;
|
|
71
|
+
/** Whether the wheel is disabled. */
|
|
72
|
+
isDisabled?: boolean;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
export interface ColorWheelAria {
|
|
76
|
+
/** Props for the wheel track element. */
|
|
77
|
+
trackProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
78
|
+
/** Props for the thumb element. */
|
|
79
|
+
thumbProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
80
|
+
/** Props for the hidden input element. */
|
|
81
|
+
inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
export interface AriaColorFieldOptions {
|
|
85
|
+
/** Accessible label for the field. */
|
|
86
|
+
'aria-label'?: string;
|
|
87
|
+
/** ID of element that labels the field. */
|
|
88
|
+
'aria-labelledby'?: string;
|
|
89
|
+
/** ID of element that describes the field. */
|
|
90
|
+
'aria-describedby'?: string;
|
|
91
|
+
/** Whether the field is disabled. */
|
|
92
|
+
isDisabled?: boolean;
|
|
93
|
+
/** Whether the field is read-only. */
|
|
94
|
+
isReadOnly?: boolean;
|
|
95
|
+
/** The color channel being edited (for single channel mode). */
|
|
96
|
+
channel?: ColorChannel;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
export interface ColorFieldAria {
|
|
100
|
+
/** Props for the label element. */
|
|
101
|
+
labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
|
|
102
|
+
/** Props for the input element. */
|
|
103
|
+
inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
export interface AriaColorSwatchOptions {
|
|
107
|
+
/** The color to display. */
|
|
108
|
+
color: Color | string;
|
|
109
|
+
/** Accessible label for the swatch. */
|
|
110
|
+
'aria-label'?: string;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
export interface ColorSwatchAria {
|
|
114
|
+
/** Props for the swatch element. */
|
|
115
|
+
swatchProps: JSX.HTMLAttributes<HTMLDivElement>;
|
|
116
|
+
}
|