@workday/canvas-kit-preview-react 6.9.0-next.0 → 6.9.0-next.4
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/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.tsx +52 -26
- package/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.tsx +5 -6
- package/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.tsx +1 -0
- package/breadcrumbs/lib/Breadcrumbs/List/ListItem.tsx +7 -9
- package/breadcrumbs/lib/Breadcrumbs/List/index.tsx +22 -20
- package/breadcrumbs/lib/Breadcrumbs/List/styles.ts +1 -1
- package/color-picker/lib/ColorPicker.tsx +3 -3
- package/dist/commonjs/breadcrumbs/index.js +13 -5
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts +3 -3
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.js +38 -9
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.js +14 -8
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.js +20 -7
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts +1 -2
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.js +5 -2
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.js +3 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.js +22 -8
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.js +4 -2
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.js +3 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts +0 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.js +10 -8
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.js +21 -5
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.d.ts +1 -2
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.js +13 -16
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.js +3 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.js +3 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/hooks.js +3 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.d.ts +1 -2
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.js +1 -0
- package/dist/commonjs/color-picker/index.js +6 -2
- package/dist/commonjs/color-picker/lib/ColorPicker.d.ts.map +1 -1
- package/dist/commonjs/color-picker/lib/ColorPicker.js +21 -9
- package/dist/commonjs/color-picker/lib/parts/ColorReset.d.ts.map +1 -1
- package/dist/commonjs/color-picker/lib/parts/ColorReset.js +17 -3
- package/dist/commonjs/color-picker/lib/parts/SwatchBook.d.ts.map +1 -1
- package/dist/commonjs/color-picker/lib/parts/SwatchBook.js +17 -3
- package/dist/commonjs/form-field/index.js +12 -5
- package/dist/commonjs/form-field/lib/FormField.d.ts +47 -13
- package/dist/commonjs/form-field/lib/FormField.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormField.js +8 -11
- package/dist/commonjs/form-field/lib/FormFieldHint.d.ts +8 -12
- package/dist/commonjs/form-field/lib/FormFieldHint.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormFieldHint.js +18 -16
- package/dist/commonjs/form-field/lib/FormFieldInput.d.ts +8 -7
- package/dist/commonjs/form-field/lib/FormFieldInput.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormFieldInput.js +7 -20
- package/dist/commonjs/form-field/lib/FormFieldLabel.d.ts +9 -4
- package/dist/commonjs/form-field/lib/FormFieldLabel.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormFieldLabel.js +21 -22
- package/dist/commonjs/form-field/lib/hooks/index.js +15 -8
- package/dist/commonjs/form-field/lib/hooks/useFormFieldHint.d.ts +8 -6
- package/dist/commonjs/form-field/lib/hooks/useFormFieldHint.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/hooks/useFormFieldHint.js +3 -1
- package/dist/commonjs/form-field/lib/hooks/useFormFieldInput.d.ts +8 -6
- package/dist/commonjs/form-field/lib/hooks/useFormFieldInput.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/hooks/useFormFieldInput.js +3 -1
- package/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.d.ts +8 -6
- package/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.js +3 -1
- package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.d.ts +77 -15
- package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.js +42 -14
- package/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.d.ts +5 -4
- package/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.js +3 -1
- package/dist/commonjs/index.d.ts +1 -0
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +19 -11
- package/dist/commonjs/menu/index.js +12 -4
- package/dist/commonjs/menu/lib/Menu.d.ts.map +1 -1
- package/dist/commonjs/menu/lib/Menu.js +21 -9
- package/dist/commonjs/menu/lib/MenuItem.d.ts.map +1 -1
- package/dist/commonjs/menu/lib/MenuItem.js +20 -8
- package/dist/commonjs/pill/index.d.ts +3 -0
- package/dist/commonjs/pill/index.d.ts.map +1 -0
- package/dist/commonjs/pill/index.js +14 -0
- package/dist/commonjs/pill/lib/Pill.d.ts +65 -0
- package/dist/commonjs/pill/lib/Pill.d.ts.map +1 -0
- package/dist/commonjs/pill/lib/Pill.js +171 -0
- package/dist/commonjs/pill/lib/PillAvatar.d.ts +12 -0
- package/dist/commonjs/pill/lib/PillAvatar.d.ts.map +1 -0
- package/dist/commonjs/pill/lib/PillAvatar.js +29 -0
- package/dist/commonjs/pill/lib/PillCount.d.ts +5 -0
- package/dist/commonjs/pill/lib/PillCount.d.ts.map +1 -0
- package/dist/commonjs/pill/lib/PillCount.js +45 -0
- package/dist/commonjs/pill/lib/PillIcon.d.ts +18 -0
- package/dist/commonjs/pill/lib/PillIcon.d.ts.map +1 -0
- package/dist/commonjs/pill/lib/PillIcon.js +40 -0
- package/dist/commonjs/pill/lib/PillIconButton.d.ts +23 -0
- package/dist/commonjs/pill/lib/PillIconButton.d.ts.map +1 -0
- package/dist/commonjs/pill/lib/PillIconButton.js +81 -0
- package/dist/commonjs/pill/lib/PillLabel.d.ts +14 -0
- package/dist/commonjs/pill/lib/PillLabel.d.ts.map +1 -0
- package/dist/commonjs/pill/lib/PillLabel.js +47 -0
- package/dist/commonjs/pill/lib/usePillModel.d.ts +71 -0
- package/dist/commonjs/pill/lib/usePillModel.d.ts.map +1 -0
- package/dist/commonjs/pill/lib/usePillModel.js +37 -0
- package/dist/commonjs/select/index.d.ts +1 -1
- package/dist/commonjs/select/index.d.ts.map +1 -1
- package/dist/commonjs/select/index.js +12 -4
- package/dist/commonjs/select/lib/Select.d.ts.map +1 -1
- package/dist/commonjs/select/lib/Select.js +22 -8
- package/dist/commonjs/select/lib/SelectBase.d.ts.map +1 -1
- package/dist/commonjs/select/lib/SelectBase.js +20 -7
- package/dist/commonjs/select/lib/SelectMenu.d.ts.map +1 -1
- package/dist/commonjs/select/lib/SelectMenu.js +20 -7
- package/dist/commonjs/select/lib/SelectOption.d.ts.map +1 -1
- package/dist/commonjs/select/lib/SelectOption.js +19 -7
- package/dist/commonjs/select/lib/scrolling.d.ts.map +1 -1
- package/dist/commonjs/select/lib/scrolling.js +3 -1
- package/dist/commonjs/select/lib/utils.d.ts.map +1 -1
- package/dist/commonjs/select/lib/utils.js +5 -2
- package/dist/commonjs/side-panel/index.js +13 -5
- package/dist/commonjs/side-panel/lib/SidePanel.d.ts +18 -5
- package/dist/commonjs/side-panel/lib/SidePanel.d.ts.map +1 -1
- package/dist/commonjs/side-panel/lib/SidePanel.js +32 -16
- package/dist/commonjs/side-panel/lib/hooks.d.ts.map +1 -1
- package/dist/commonjs/side-panel/lib/hooks.js +17 -3
- package/dist/commonjs/text-area/index.js +11 -4
- package/dist/commonjs/text-area/lib/TextArea.d.ts +52 -11
- package/dist/commonjs/text-area/lib/TextArea.d.ts.map +1 -1
- package/dist/commonjs/text-area/lib/TextArea.js +10 -15
- package/dist/commonjs/text-area/lib/TextAreaField.d.ts +15 -7
- package/dist/commonjs/text-area/lib/TextAreaField.d.ts.map +1 -1
- package/dist/commonjs/text-area/lib/TextAreaField.js +19 -18
- package/dist/commonjs/text-area/lib/hooks/index.js +11 -4
- package/dist/commonjs/text-area/lib/hooks/useTextAreaModel.d.ts +27 -7
- package/dist/commonjs/text-area/lib/hooks/useTextAreaModel.d.ts.map +1 -1
- package/dist/commonjs/text-area/lib/hooks/useTextAreaModel.js +1 -0
- package/dist/commonjs/text-input/index.js +12 -5
- package/dist/commonjs/text-input/lib/TextInput.d.ts +59 -11
- package/dist/commonjs/text-input/lib/TextInput.d.ts.map +1 -1
- package/dist/commonjs/text-input/lib/TextInput.js +10 -15
- package/dist/commonjs/text-input/lib/TextInputField.d.ts +15 -7
- package/dist/commonjs/text-input/lib/TextInputField.d.ts.map +1 -1
- package/dist/commonjs/text-input/lib/TextInputField.js +18 -30
- package/dist/commonjs/text-input/lib/hooks/index.js +12 -5
- package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +8 -2
- package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts.map +1 -1
- package/dist/commonjs/text-input/lib/hooks/useTextInputField.js +3 -1
- package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +27 -7
- package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts.map +1 -1
- package/dist/commonjs/text-input/lib/hooks/useTextInputModel.js +1 -0
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts +3 -3
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.js +36 -11
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.js +8 -7
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts +1 -2
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.js +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts +0 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.js +4 -7
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.d.ts +1 -2
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.js +9 -16
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/Nav.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/index.d.ts +1 -2
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs/types.js +1 -0
- package/dist/es6/color-picker/lib/ColorPicker.d.ts.map +1 -1
- package/dist/es6/color-picker/lib/ColorPicker.js +3 -3
- package/dist/es6/color-picker/lib/parts/ColorReset.d.ts.map +1 -1
- package/dist/es6/color-picker/lib/parts/SwatchBook.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormField.d.ts +47 -13
- package/dist/es6/form-field/lib/FormField.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormField.js +9 -13
- package/dist/es6/form-field/lib/FormFieldHint.d.ts +8 -12
- package/dist/es6/form-field/lib/FormFieldHint.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormFieldHint.js +17 -19
- package/dist/es6/form-field/lib/FormFieldInput.d.ts +8 -7
- package/dist/es6/form-field/lib/FormFieldInput.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormFieldInput.js +8 -22
- package/dist/es6/form-field/lib/FormFieldLabel.d.ts +9 -4
- package/dist/es6/form-field/lib/FormFieldLabel.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormFieldLabel.js +19 -24
- package/dist/es6/form-field/lib/hooks/useFormFieldHint.d.ts +8 -6
- package/dist/es6/form-field/lib/hooks/useFormFieldHint.d.ts.map +1 -1
- package/dist/es6/form-field/lib/hooks/useFormFieldHint.js +3 -2
- package/dist/es6/form-field/lib/hooks/useFormFieldInput.d.ts +8 -6
- package/dist/es6/form-field/lib/hooks/useFormFieldInput.d.ts.map +1 -1
- package/dist/es6/form-field/lib/hooks/useFormFieldInput.js +3 -2
- package/dist/es6/form-field/lib/hooks/useFormFieldLabel.d.ts +8 -6
- package/dist/es6/form-field/lib/hooks/useFormFieldLabel.d.ts.map +1 -1
- package/dist/es6/form-field/lib/hooks/useFormFieldLabel.js +3 -2
- package/dist/es6/form-field/lib/hooks/useFormFieldModel.d.ts +77 -15
- package/dist/es6/form-field/lib/hooks/useFormFieldModel.d.ts.map +1 -1
- package/dist/es6/form-field/lib/hooks/useFormFieldModel.js +42 -15
- package/dist/es6/form-field/lib/hooks/useFormFieldOrientation.d.ts +5 -4
- package/dist/es6/form-field/lib/hooks/useFormFieldOrientation.d.ts.map +1 -1
- package/dist/es6/index.d.ts +1 -0
- package/dist/es6/index.d.ts.map +1 -1
- package/dist/es6/index.js +1 -0
- package/dist/es6/menu/lib/Menu.d.ts.map +1 -1
- package/dist/es6/menu/lib/Menu.js +2 -2
- package/dist/es6/menu/lib/MenuItem.d.ts.map +1 -1
- package/dist/es6/menu/lib/MenuItem.js +1 -1
- package/dist/es6/pill/index.d.ts +3 -0
- package/dist/es6/pill/index.d.ts.map +1 -0
- package/dist/es6/pill/index.js +2 -0
- package/dist/es6/pill/lib/Pill.d.ts +65 -0
- package/dist/es6/pill/lib/Pill.d.ts.map +1 -0
- package/dist/es6/pill/lib/Pill.js +165 -0
- package/dist/es6/pill/lib/PillAvatar.d.ts +13 -0
- package/dist/es6/pill/lib/PillAvatar.d.ts.map +1 -0
- package/dist/es6/pill/lib/PillAvatar.js +23 -0
- package/dist/es6/pill/lib/PillCount.d.ts +5 -0
- package/dist/es6/pill/lib/PillCount.d.ts.map +1 -0
- package/dist/es6/pill/lib/PillCount.js +39 -0
- package/dist/es6/pill/lib/PillIcon.d.ts +19 -0
- package/dist/es6/pill/lib/PillIcon.d.ts.map +1 -0
- package/dist/es6/pill/lib/PillIcon.js +34 -0
- package/dist/es6/pill/lib/PillIconButton.d.ts +24 -0
- package/dist/es6/pill/lib/PillIconButton.d.ts.map +1 -0
- package/dist/es6/pill/lib/PillIconButton.js +75 -0
- package/dist/es6/pill/lib/PillLabel.d.ts +15 -0
- package/dist/es6/pill/lib/PillLabel.d.ts.map +1 -0
- package/dist/es6/pill/lib/PillLabel.js +41 -0
- package/dist/es6/pill/lib/usePillModel.d.ts +71 -0
- package/dist/es6/pill/lib/usePillModel.d.ts.map +1 -0
- package/dist/es6/pill/lib/usePillModel.js +34 -0
- package/dist/es6/select/index.d.ts +1 -1
- package/dist/es6/select/index.d.ts.map +1 -1
- package/dist/es6/select/lib/Select.d.ts.map +1 -1
- package/dist/es6/select/lib/Select.js +2 -1
- package/dist/es6/select/lib/SelectBase.d.ts.map +1 -1
- package/dist/es6/select/lib/SelectMenu.d.ts.map +1 -1
- package/dist/es6/select/lib/SelectOption.d.ts.map +1 -1
- package/dist/es6/select/lib/scrolling.d.ts.map +1 -1
- package/dist/es6/select/lib/types.js +1 -0
- package/dist/es6/select/lib/utils.d.ts.map +1 -1
- package/dist/es6/side-panel/lib/SidePanel.d.ts +18 -5
- package/dist/es6/side-panel/lib/SidePanel.d.ts.map +1 -1
- package/dist/es6/side-panel/lib/SidePanel.js +9 -6
- package/dist/es6/side-panel/lib/hooks.d.ts.map +1 -1
- package/dist/es6/text-area/lib/TextArea.d.ts +52 -11
- package/dist/es6/text-area/lib/TextArea.d.ts.map +1 -1
- package/dist/es6/text-area/lib/TextArea.js +11 -17
- package/dist/es6/text-area/lib/TextAreaField.d.ts +15 -7
- package/dist/es6/text-area/lib/TextAreaField.d.ts.map +1 -1
- package/dist/es6/text-area/lib/TextAreaField.js +19 -19
- package/dist/es6/text-area/lib/hooks/useTextAreaModel.d.ts +27 -7
- package/dist/es6/text-area/lib/hooks/useTextAreaModel.d.ts.map +1 -1
- package/dist/es6/text-input/lib/TextInput.d.ts +59 -11
- package/dist/es6/text-input/lib/TextInput.d.ts.map +1 -1
- package/dist/es6/text-input/lib/TextInput.js +11 -17
- package/dist/es6/text-input/lib/TextInputField.d.ts +15 -7
- package/dist/es6/text-input/lib/TextInputField.d.ts.map +1 -1
- package/dist/es6/text-input/lib/TextInputField.js +19 -32
- package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +8 -2
- package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts.map +1 -1
- package/dist/es6/text-input/lib/hooks/useTextInputField.js +3 -2
- package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +27 -7
- package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts.map +1 -1
- package/form-field/lib/FormField.tsx +14 -29
- package/form-field/lib/FormFieldHint.tsx +28 -38
- package/form-field/lib/FormFieldInput.tsx +8 -15
- package/form-field/lib/FormFieldLabel.tsx +30 -39
- package/form-field/lib/hooks/useFormFieldHint.tsx +3 -3
- package/form-field/lib/hooks/useFormFieldInput.tsx +3 -3
- package/form-field/lib/hooks/useFormFieldLabel.tsx +3 -3
- package/form-field/lib/hooks/useFormFieldModel.tsx +32 -53
- package/form-field/lib/hooks/useFormFieldOrientation.tsx +1 -1
- package/index.ts +1 -0
- package/menu/lib/Menu.tsx +1 -1
- package/package.json +14 -22
- package/pill/LICENSE +52 -0
- package/pill/README.md +5 -0
- package/pill/index.ts +2 -0
- package/pill/lib/Pill.tsx +226 -0
- package/pill/lib/PillAvatar.tsx +27 -0
- package/pill/lib/PillCount.tsx +39 -0
- package/pill/lib/PillIcon.tsx +34 -0
- package/pill/lib/PillIconButton.tsx +100 -0
- package/pill/lib/PillLabel.tsx +36 -0
- package/pill/lib/usePillModel.tsx +28 -0
- package/pill/package.json +5 -0
- package/select/index.ts +6 -1
- package/select/lib/Select.tsx +1 -0
- package/select/lib/SelectMenu.tsx +1 -1
- package/select/lib/SelectOption.tsx +1 -1
- package/side-panel/lib/SidePanel.tsx +28 -9
- package/text-area/lib/TextArea.tsx +16 -30
- package/text-area/lib/TextAreaField.tsx +32 -45
- package/text-area/lib/hooks/useTextAreaModel.ts +1 -3
- package/text-input/lib/TextInput.tsx +16 -30
- package/text-input/lib/TextInputField.tsx +33 -44
- package/text-input/lib/hooks/useTextInputField.tsx +3 -2
- package/text-input/lib/hooks/useTextInputModel.ts +1 -3
- package/dist/commonjs/text-area/lib/TextAreaHint.d.ts +0 -5
- package/dist/commonjs/text-area/lib/TextAreaHint.d.ts.map +0 -1
- package/dist/commonjs/text-area/lib/TextAreaHint.js +0 -4
- package/dist/commonjs/text-area/lib/TextAreaLabel.d.ts +0 -5
- package/dist/commonjs/text-area/lib/TextAreaLabel.d.ts.map +0 -1
- package/dist/commonjs/text-area/lib/TextAreaLabel.js +0 -4
- package/dist/commonjs/text-input/lib/TextInputHint.d.ts +0 -5
- package/dist/commonjs/text-input/lib/TextInputHint.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/TextInputHint.js +0 -4
- package/dist/commonjs/text-input/lib/TextInputLabel.d.ts +0 -5
- package/dist/commonjs/text-input/lib/TextInputLabel.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/TextInputLabel.js +0 -4
- package/dist/es6/text-area/lib/TextAreaHint.d.ts +0 -5
- package/dist/es6/text-area/lib/TextAreaHint.d.ts.map +0 -1
- package/dist/es6/text-area/lib/TextAreaHint.js +0 -2
- package/dist/es6/text-area/lib/TextAreaLabel.d.ts +0 -5
- package/dist/es6/text-area/lib/TextAreaLabel.d.ts.map +0 -1
- package/dist/es6/text-area/lib/TextAreaLabel.js +0 -2
- package/dist/es6/text-input/lib/TextInputHint.d.ts +0 -5
- package/dist/es6/text-input/lib/TextInputHint.d.ts.map +0 -1
- package/dist/es6/text-input/lib/TextInputHint.js +0 -2
- package/dist/es6/text-input/lib/TextInputLabel.d.ts +0 -5
- package/dist/es6/text-input/lib/TextInputLabel.d.ts.map +0 -1
- package/dist/es6/text-input/lib/TextInputLabel.js +0 -2
- package/text-area/lib/TextAreaHint.tsx +0 -6
- package/text-area/lib/TextAreaLabel.tsx +0 -6
- package/text-input/lib/TextInputHint.tsx +0 -6
- package/text-input/lib/TextInputLabel.tsx +0 -6
- package/ts3.5/dist/commonjs/breadcrumbs/index.d.ts +0 -5
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts +0 -20
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts +0 -39
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts +0 -14
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts +0 -14
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts +0 -8
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts +0 -16
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts +0 -11
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts +0 -19
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts +0 -5
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts +0 -19
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/index.d.ts +0 -5
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts +0 -3
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/Nav.d.ts +0 -11
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/hooks.d.ts +0 -5
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/index.d.ts +0 -10
- package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/types.d.ts +0 -8
- package/ts3.5/dist/commonjs/color-picker/index.d.ts +0 -2
- package/ts3.5/dist/commonjs/color-picker/lib/ColorPicker.d.ts +0 -55
- package/ts3.5/dist/commonjs/color-picker/lib/parts/ColorReset.d.ts +0 -7
- package/ts3.5/dist/commonjs/color-picker/lib/parts/SwatchBook.d.ts +0 -7
- package/ts3.5/dist/commonjs/form-field/index.d.ts +0 -3
- package/ts3.5/dist/commonjs/form-field/lib/FormField.d.ts +0 -31
- package/ts3.5/dist/commonjs/form-field/lib/FormFieldHint.d.ts +0 -13
- package/ts3.5/dist/commonjs/form-field/lib/FormFieldInput.d.ts +0 -8
- package/ts3.5/dist/commonjs/form-field/lib/FormFieldLabel.d.ts +0 -18
- package/ts3.5/dist/commonjs/form-field/lib/hooks/index.d.ts +0 -6
- package/ts3.5/dist/commonjs/form-field/lib/hooks/useFormFieldHint.d.ts +0 -15
- package/ts3.5/dist/commonjs/form-field/lib/hooks/useFormFieldInput.d.ts +0 -18
- package/ts3.5/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.d.ts +0 -15
- package/ts3.5/dist/commonjs/form-field/lib/hooks/useFormFieldModel.d.ts +0 -36
- package/ts3.5/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.d.ts +0 -9
- package/ts3.5/dist/commonjs/index.d.ts +0 -9
- package/ts3.5/dist/commonjs/menu/index.d.ts +0 -6
- package/ts3.5/dist/commonjs/menu/lib/Menu.d.ts +0 -61
- package/ts3.5/dist/commonjs/menu/lib/MenuItem.d.ts +0 -53
- package/ts3.5/dist/commonjs/select/index.d.ts +0 -6
- package/ts3.5/dist/commonjs/select/lib/Select.d.ts +0 -25
- package/ts3.5/dist/commonjs/select/lib/SelectBase.d.ts +0 -142
- package/ts3.5/dist/commonjs/select/lib/SelectMenu.d.ts +0 -42
- package/ts3.5/dist/commonjs/select/lib/SelectOption.d.ts +0 -33
- package/ts3.5/dist/commonjs/select/lib/scrolling.d.ts +0 -2
- package/ts3.5/dist/commonjs/select/lib/types.d.ts +0 -33
- package/ts3.5/dist/commonjs/select/lib/utils.d.ts +0 -4
- package/ts3.5/dist/commonjs/side-panel/index.d.ts +0 -6
- package/ts3.5/dist/commonjs/side-panel/lib/SidePanel.d.ts +0 -73
- package/ts3.5/dist/commonjs/side-panel/lib/hooks.d.ts +0 -80
- package/ts3.5/dist/commonjs/text-area/index.d.ts +0 -2
- package/ts3.5/dist/commonjs/text-area/lib/TextArea.d.ts +0 -22
- package/ts3.5/dist/commonjs/text-area/lib/TextAreaField.d.ts +0 -8
- package/ts3.5/dist/commonjs/text-area/lib/TextAreaHint.d.ts +0 -5
- package/ts3.5/dist/commonjs/text-area/lib/TextAreaLabel.d.ts +0 -5
- package/ts3.5/dist/commonjs/text-area/lib/hooks/index.d.ts +0 -2
- package/ts3.5/dist/commonjs/text-area/lib/hooks/useTextAreaModel.d.ts +0 -8
- package/ts3.5/dist/commonjs/text-input/index.d.ts +0 -3
- package/ts3.5/dist/commonjs/text-input/lib/TextInput.d.ts +0 -22
- package/ts3.5/dist/commonjs/text-input/lib/TextInputField.d.ts +0 -8
- package/ts3.5/dist/commonjs/text-input/lib/TextInputHint.d.ts +0 -5
- package/ts3.5/dist/commonjs/text-input/lib/TextInputLabel.d.ts +0 -5
- package/ts3.5/dist/commonjs/text-input/lib/hooks/index.d.ts +0 -3
- package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +0 -10
- package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +0 -8
- package/ts3.5/dist/es6/breadcrumbs/index.d.ts +0 -5
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Button.d.ts +0 -20
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/Menu.d.ts +0 -39
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/MenuItemLink.d.ts +0 -14
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/hooks.d.ts +0 -14
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/Dropdown/index.d.ts +0 -8
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Collapsible.d.ts +0 -16
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/CurrentItem.d.ts +0 -11
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/Link.d.ts +0 -19
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/ListItem.d.ts +0 -5
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts +0 -19
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/index.d.ts +0 -5
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/styles.d.ts +0 -3
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/Nav.d.ts +0 -11
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/hooks.d.ts +0 -5
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/index.d.ts +0 -10
- package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/types.d.ts +0 -8
- package/ts3.5/dist/es6/color-picker/index.d.ts +0 -2
- package/ts3.5/dist/es6/color-picker/lib/ColorPicker.d.ts +0 -55
- package/ts3.5/dist/es6/color-picker/lib/parts/ColorReset.d.ts +0 -7
- package/ts3.5/dist/es6/color-picker/lib/parts/SwatchBook.d.ts +0 -7
- package/ts3.5/dist/es6/form-field/index.d.ts +0 -3
- package/ts3.5/dist/es6/form-field/lib/FormField.d.ts +0 -31
- package/ts3.5/dist/es6/form-field/lib/FormFieldHint.d.ts +0 -13
- package/ts3.5/dist/es6/form-field/lib/FormFieldInput.d.ts +0 -8
- package/ts3.5/dist/es6/form-field/lib/FormFieldLabel.d.ts +0 -18
- package/ts3.5/dist/es6/form-field/lib/hooks/index.d.ts +0 -6
- package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldHint.d.ts +0 -15
- package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldInput.d.ts +0 -18
- package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldLabel.d.ts +0 -15
- package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldModel.d.ts +0 -36
- package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldOrientation.d.ts +0 -9
- package/ts3.5/dist/es6/index.d.ts +0 -9
- package/ts3.5/dist/es6/menu/index.d.ts +0 -6
- package/ts3.5/dist/es6/menu/lib/Menu.d.ts +0 -61
- package/ts3.5/dist/es6/menu/lib/MenuItem.d.ts +0 -53
- package/ts3.5/dist/es6/select/index.d.ts +0 -6
- package/ts3.5/dist/es6/select/lib/Select.d.ts +0 -25
- package/ts3.5/dist/es6/select/lib/SelectBase.d.ts +0 -142
- package/ts3.5/dist/es6/select/lib/SelectMenu.d.ts +0 -42
- package/ts3.5/dist/es6/select/lib/SelectOption.d.ts +0 -33
- package/ts3.5/dist/es6/select/lib/scrolling.d.ts +0 -2
- package/ts3.5/dist/es6/select/lib/types.d.ts +0 -33
- package/ts3.5/dist/es6/select/lib/utils.d.ts +0 -4
- package/ts3.5/dist/es6/side-panel/index.d.ts +0 -6
- package/ts3.5/dist/es6/side-panel/lib/SidePanel.d.ts +0 -73
- package/ts3.5/dist/es6/side-panel/lib/hooks.d.ts +0 -80
- package/ts3.5/dist/es6/text-area/index.d.ts +0 -2
- package/ts3.5/dist/es6/text-area/lib/TextArea.d.ts +0 -22
- package/ts3.5/dist/es6/text-area/lib/TextAreaField.d.ts +0 -8
- package/ts3.5/dist/es6/text-area/lib/TextAreaHint.d.ts +0 -5
- package/ts3.5/dist/es6/text-area/lib/TextAreaLabel.d.ts +0 -5
- package/ts3.5/dist/es6/text-area/lib/hooks/index.d.ts +0 -2
- package/ts3.5/dist/es6/text-area/lib/hooks/useTextAreaModel.d.ts +0 -8
- package/ts3.5/dist/es6/text-input/index.d.ts +0 -3
- package/ts3.5/dist/es6/text-input/lib/TextInput.d.ts +0 -22
- package/ts3.5/dist/es6/text-input/lib/TextInputField.d.ts +0 -8
- package/ts3.5/dist/es6/text-input/lib/TextInputHint.d.ts +0 -5
- package/ts3.5/dist/es6/text-input/lib/TextInputLabel.d.ts +0 -5
- package/ts3.5/dist/es6/text-input/lib/hooks/index.d.ts +0 -3
- package/ts3.5/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +0 -10
- package/ts3.5/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +0 -8
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
/** @jsx jsx */
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { IconButtonProps } from '@workday/canvas-kit-react/button';
|
|
4
|
-
export declare type SidePanelVariant = 'standard' | 'alternate';
|
|
5
|
-
export declare type SidePanelTransitionStates = 'collapsed' | 'collapsing' | 'expanded' | 'expanding';
|
|
6
|
-
export interface SidePanelProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
-
/**
|
|
8
|
-
* The element the side panel will render as (e.g. 'div').
|
|
9
|
-
*
|
|
10
|
-
* @default 'section'
|
|
11
|
-
*/
|
|
12
|
-
as?: React.ElementType;
|
|
13
|
-
/**
|
|
14
|
-
* The width of the component (in `px` if it's a `number`) when it is collapsed.
|
|
15
|
-
*
|
|
16
|
-
* @default 64
|
|
17
|
-
*/
|
|
18
|
-
collapsedWidth?: number | string;
|
|
19
|
-
/**
|
|
20
|
-
* If true, sets the expanded state of the side panel
|
|
21
|
-
* @default true
|
|
22
|
-
*/
|
|
23
|
-
expanded?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* The width of the component (in `px` if it's a `number`) when it is expanded.
|
|
26
|
-
*
|
|
27
|
-
* @default 320
|
|
28
|
-
*/
|
|
29
|
-
expandedWidth?: number | string;
|
|
30
|
-
/**
|
|
31
|
-
* Which side the side panel is meant to originate from.
|
|
32
|
-
*
|
|
33
|
-
* @default 'left'
|
|
34
|
-
*/
|
|
35
|
-
origin?: 'left' | 'right';
|
|
36
|
-
/**
|
|
37
|
-
* The function called when the side panel's `expanded` state changes. States like `'collapsing'` and `'expanding'` are tracked in another callback: `onStateTransition`
|
|
38
|
-
*
|
|
39
|
-
* @param boolean
|
|
40
|
-
*/
|
|
41
|
-
onExpandedChange?: (expanded?: boolean) => void;
|
|
42
|
-
/**
|
|
43
|
-
* The function called when the side panel is transitioning between states.
|
|
44
|
-
* Use this to track when the side panel is animating between `'collapsed'`, `'collapsing'`, `'expanded'`, and `'expanding'` states.
|
|
45
|
-
* This can be particularly helpful if child components need to react specifically to these states.
|
|
46
|
-
*
|
|
47
|
-
* @param SidePanelTransitionStates
|
|
48
|
-
*/
|
|
49
|
-
onStateTransition?: (state?: SidePanelTransitionStates) => void;
|
|
50
|
-
/**
|
|
51
|
-
* The style variant of the side panel. 'standard' is with a `soap100` background, no depth. 'alternate' is a `frenchVanilla100` background with a level 3 depth.
|
|
52
|
-
*
|
|
53
|
-
* @default 'standard'
|
|
54
|
-
*/
|
|
55
|
-
variant?: SidePanelVariant;
|
|
56
|
-
/**
|
|
57
|
-
* This is set by the useSidePanel hook and prevents unintended keyframe animations
|
|
58
|
-
*
|
|
59
|
-
* @param boolean
|
|
60
|
-
*/
|
|
61
|
-
touched: boolean;
|
|
62
|
-
}
|
|
63
|
-
export declare const SidePanelContext: React.Context<{
|
|
64
|
-
state: string;
|
|
65
|
-
origin: string;
|
|
66
|
-
}>;
|
|
67
|
-
declare const SidePanel: {
|
|
68
|
-
({ as, children, collapsedWidth, expanded, expandedWidth, onAnimationEnd, onAnimationStart, onExpandedChange, onStateTransition, origin, variant, touched, ...elemProps }: SidePanelProps): JSX.Element;
|
|
69
|
-
ToggleButton: ({ variant, icon, ...rest }: Pick<IconButtonProps, "value" | "children" | "theme" | "size" | "icon" | "shouldMirrorIcon" | "variant" | "onToggleChange" | "toggled"> & React.ButtonHTMLAttributes<HTMLButtonElement>) => JSX.Element;
|
|
70
|
-
};
|
|
71
|
-
export declare type ToggleButtonProps = Pick<IconButtonProps, Exclude<keyof IconButtonProps, 'aria-label'>>;
|
|
72
|
-
export default SidePanel;
|
|
73
|
-
//# sourceMappingURL=SidePanel.d.ts.map
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* The optional config options for the `useSidePanel` hook
|
|
3
|
-
*/
|
|
4
|
-
export interface UseSidePanelProps {
|
|
5
|
-
/**
|
|
6
|
-
* sets the initial expanded state for the side panel
|
|
7
|
-
* @default true
|
|
8
|
-
*/
|
|
9
|
-
initialExpanded?: boolean;
|
|
10
|
-
/**
|
|
11
|
-
* sets the `id` for the panel
|
|
12
|
-
* @default unique identifier
|
|
13
|
-
*/
|
|
14
|
-
panelId?: string;
|
|
15
|
-
/**
|
|
16
|
-
* sets the `id` for the label
|
|
17
|
-
* @default unique identifier
|
|
18
|
-
*/
|
|
19
|
-
labelId?: string;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* The `panelProps` provided by the `useSidePanel` hook
|
|
23
|
-
*/
|
|
24
|
-
export interface PanelProps {
|
|
25
|
-
/**
|
|
26
|
-
* the expand / collasped state
|
|
27
|
-
*/
|
|
28
|
-
expanded: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* the accessible `id`
|
|
31
|
-
* - this will either be a unique identifier value or the `panelId` provided in the config
|
|
32
|
-
*/
|
|
33
|
-
id: string;
|
|
34
|
-
/**
|
|
35
|
-
* the accessible label `id`
|
|
36
|
-
* - this will either be a unique identifier value or the `labelId` provided in the config
|
|
37
|
-
*/
|
|
38
|
-
'aria-labelledby': string;
|
|
39
|
-
/**
|
|
40
|
-
* an internally-set boolean
|
|
41
|
-
* - this prevents unintentional keyframe animations on the initial render
|
|
42
|
-
*/
|
|
43
|
-
touched: boolean;
|
|
44
|
-
}
|
|
45
|
-
export interface LabelProps {
|
|
46
|
-
/**
|
|
47
|
-
* the accessible `id`
|
|
48
|
-
* - this will either be a unique identifier value or the `labelId` provided in the config
|
|
49
|
-
*/
|
|
50
|
-
id: string;
|
|
51
|
-
}
|
|
52
|
-
export interface ControlProps {
|
|
53
|
-
/**
|
|
54
|
-
* the accessible `id` that connects the panel to this control
|
|
55
|
-
* - this will either be a unique identifier value or the `panelId` provided in the config
|
|
56
|
-
*/
|
|
57
|
-
'aria-controls': string;
|
|
58
|
-
/**
|
|
59
|
-
* the accessible attribute that describes the expanded state of the panel
|
|
60
|
-
* - this is set by the `expanded` state in the `useSidePanel` hook
|
|
61
|
-
*/
|
|
62
|
-
'aria-expanded': boolean;
|
|
63
|
-
/**
|
|
64
|
-
* the accessible label `id`
|
|
65
|
-
* - this will either be a unique identifier value or the `labelId` provided in the config
|
|
66
|
-
*/
|
|
67
|
-
'aria-labelledby': string;
|
|
68
|
-
/**
|
|
69
|
-
* the handler function for toggling the expanded / collapsed state
|
|
70
|
-
*/
|
|
71
|
-
onClick: () => void;
|
|
72
|
-
}
|
|
73
|
-
export declare const useSidePanel: (config?: UseSidePanelProps | undefined) => {
|
|
74
|
-
expanded: boolean;
|
|
75
|
-
setExpanded: (newExpandedState: boolean) => void;
|
|
76
|
-
panelProps: PanelProps;
|
|
77
|
-
labelProps: LabelProps;
|
|
78
|
-
controlProps: ControlProps;
|
|
79
|
-
};
|
|
80
|
-
//# sourceMappingURL=hooks.d.ts.map
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
4
|
-
import { TextAreaModel } from './hooks';
|
|
5
|
-
export declare const TextAreaModelContext: React.Context<import("@workday/canvas-kit-react/common").Model<{
|
|
6
|
-
hasError?: boolean | undefined;
|
|
7
|
-
id?: string | undefined;
|
|
8
|
-
isRequired?: boolean | undefined;
|
|
9
|
-
}, {}>>;
|
|
10
|
-
export interface TextAreaProps extends ExtractProps<typeof FormField, never> {
|
|
11
|
-
model?: TextAreaModel;
|
|
12
|
-
/**
|
|
13
|
-
* Children of the Text Input. Should contain a `<TextArea.Field>`, a `<TextArea.Label>` and an optional `<TextArea.Hint>`
|
|
14
|
-
*/
|
|
15
|
-
children: React.ReactNode;
|
|
16
|
-
}
|
|
17
|
-
export declare const TextArea: import("@workday/canvas-kit-react/common").Component<TextAreaProps> & {
|
|
18
|
-
Field: import("@workday/canvas-kit-react/common").ElementComponent<"textarea", import("./TextAreaField").TextAreaFieldProps>;
|
|
19
|
-
Label: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
|
|
20
|
-
Hint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
|
|
21
|
-
};
|
|
22
|
-
//# sourceMappingURL=TextArea.d.ts.map
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
-
import { TextAreaModel } from './hooks';
|
|
4
|
-
export interface TextAreaFieldProps extends ExtractProps<typeof FormField.Input, never> {
|
|
5
|
-
model?: TextAreaModel;
|
|
6
|
-
}
|
|
7
|
-
export declare const TextAreaField: import("@workday/canvas-kit-react/common").ElementComponent<"textarea", TextAreaFieldProps>;
|
|
8
|
-
//# sourceMappingURL=TextAreaField.d.ts.map
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
-
export declare type TextAreaHintProps = ExtractProps<typeof FormField.Hint, never>;
|
|
4
|
-
export declare const TextAreaHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
|
|
5
|
-
//# sourceMappingURL=TextAreaHint.d.ts.map
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
-
export declare type TextAreaLabelProps = ExtractProps<typeof FormField.Label, never>;
|
|
4
|
-
export declare const TextAreaLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
|
|
5
|
-
//# sourceMappingURL=TextAreaLabel.d.ts.map
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { FormFieldModel } from '@workday/canvas-kit-preview-react/form-field';
|
|
2
|
-
export declare const useTextAreaModel: (config?: import("../../../form-field").FormFieldModelConfig) => import("@workday/canvas-kit-react/common").Model<{
|
|
3
|
-
hasError?: boolean | undefined;
|
|
4
|
-
id?: string | undefined;
|
|
5
|
-
isRequired?: boolean | undefined;
|
|
6
|
-
}, {}>;
|
|
7
|
-
export declare type TextAreaModel = FormFieldModel;
|
|
8
|
-
//# sourceMappingURL=useTextAreaModel.d.ts.map
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
4
|
-
import { TextInputModel } from './hooks';
|
|
5
|
-
export declare const TextInputModelContext: React.Context<import("@workday/canvas-kit-react/common").Model<{
|
|
6
|
-
hasError?: boolean | undefined;
|
|
7
|
-
id?: string | undefined;
|
|
8
|
-
isRequired?: boolean | undefined;
|
|
9
|
-
}, {}>>;
|
|
10
|
-
export interface TextInputProps extends ExtractProps<typeof FormField, never> {
|
|
11
|
-
model?: TextInputModel;
|
|
12
|
-
/**
|
|
13
|
-
* Children of the Text Input. Should contain a `<TextInput.Field>`, a `<TextInput.Label>` and an optional `<TextInput.Hint>`
|
|
14
|
-
*/
|
|
15
|
-
children: React.ReactNode;
|
|
16
|
-
}
|
|
17
|
-
export declare const TextInput: import("@workday/canvas-kit-react/common").Component<TextInputProps> & {
|
|
18
|
-
Field: import("@workday/canvas-kit-react/common").ElementComponent<"input", import("./TextInputField").TextInputFieldProps>;
|
|
19
|
-
Label: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
|
|
20
|
-
Hint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
|
|
21
|
-
};
|
|
22
|
-
//# sourceMappingURL=TextInput.d.ts.map
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
-
import { TextInputModel } from './hooks';
|
|
4
|
-
export interface TextInputFieldProps extends ExtractProps<typeof FormField.Input, never> {
|
|
5
|
-
model?: TextInputModel;
|
|
6
|
-
}
|
|
7
|
-
export declare const TextInputField: import("@workday/canvas-kit-react/common").ElementComponent<"input", TextInputFieldProps>;
|
|
8
|
-
//# sourceMappingURL=TextInputField.d.ts.map
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
-
export declare type TextInputHintProps = ExtractProps<typeof FormField.Hint, never>;
|
|
4
|
-
export declare const TextInputHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
|
|
5
|
-
//# sourceMappingURL=TextInputHint.d.ts.map
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { FormField } from '@workday/canvas-kit-preview-react/form-field';
|
|
3
|
-
export declare type TextInputLabelProps = ExtractProps<typeof FormField.Label, never>;
|
|
4
|
-
export declare const TextInputLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
|
|
5
|
-
//# sourceMappingURL=TextInputLabel.d.ts.map
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="@emotion/core" />
|
|
2
|
-
/**
|
|
3
|
-
* Adds the necessary props to a `Field` component. Used by the TextInput.Field subcomponent.
|
|
4
|
-
*/
|
|
5
|
-
export declare const useTextInputField: <P extends {}, R>(model: import("@workday/canvas-kit-react/common").Model<any, any>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
|
|
6
|
-
type: string;
|
|
7
|
-
} & P & (R extends HTMLOrSVGElement ? {
|
|
8
|
-
ref: import("react").Ref<R>;
|
|
9
|
-
} : {});
|
|
10
|
-
//# sourceMappingURL=useTextInputField.d.ts.map
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { FormFieldModel } from '@workday/canvas-kit-preview-react/form-field';
|
|
2
|
-
export declare const useTextInputModel: (config?: import("../../../form-field").FormFieldModelConfig) => import("@workday/canvas-kit-react/common").Model<{
|
|
3
|
-
hasError?: boolean | undefined;
|
|
4
|
-
id?: string | undefined;
|
|
5
|
-
isRequired?: boolean | undefined;
|
|
6
|
-
}, {}>;
|
|
7
|
-
export declare type TextInputModel = FormFieldModel;
|
|
8
|
-
//# sourceMappingURL=useTextInputModel.d.ts.map
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { IconButtonProps } from '@workday/canvas-kit-react/button';
|
|
2
|
-
import { CanvasSystemIcon } from '@workday/design-assets-types';
|
|
3
|
-
export interface DropdownButtonProps extends IconButtonProps {
|
|
4
|
-
/**
|
|
5
|
-
* The accessibility label for the button
|
|
6
|
-
*/
|
|
7
|
-
'aria-label': string;
|
|
8
|
-
/**
|
|
9
|
-
* The Canvas System Icon for the button
|
|
10
|
-
*
|
|
11
|
-
* @default relatedActionsIcon
|
|
12
|
-
*/
|
|
13
|
-
buttonIcon?: CanvasSystemIcon;
|
|
14
|
-
/**
|
|
15
|
-
* The boolean to determine whether the button should be in a 'toggled' state
|
|
16
|
-
*/
|
|
17
|
-
toggled: boolean;
|
|
18
|
-
}
|
|
19
|
-
export declare const DropdownButton: import("@workday/canvas-kit-react/common").ElementComponent<import("@workday/canvas-kit-react/common").ElementComponent<"button", IconButtonProps>, DropdownButtonProps>;
|
|
20
|
-
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
/** @jsx jsx */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { Breadcrumb } from '../types';
|
|
4
|
-
export interface DropdownMenuProps {
|
|
5
|
-
/**
|
|
6
|
-
* The active dropdown item in the menu
|
|
7
|
-
*/
|
|
8
|
-
activeDropdownItem: Breadcrumb;
|
|
9
|
-
/**
|
|
10
|
-
* The HTML `id` of the element that labels the Menu. It should match the id of the menu button.
|
|
11
|
-
*/
|
|
12
|
-
'aria-labelledby': string;
|
|
13
|
-
/**
|
|
14
|
-
* An array of Breadcrumb items to render in the dropdown menu
|
|
15
|
-
*/
|
|
16
|
-
dropdownItems: Breadcrumb[];
|
|
17
|
-
/**
|
|
18
|
-
* A function to set the active dropdown item
|
|
19
|
-
*/
|
|
20
|
-
setActiveDropdownItem: React.Dispatch<React.SetStateAction<Breadcrumb>>;
|
|
21
|
-
/**
|
|
22
|
-
* The ref of the rendered HTMLAnchorElement
|
|
23
|
-
*/
|
|
24
|
-
activeDropdownItemRef: React.RefObject<HTMLAnchorElement>;
|
|
25
|
-
/**
|
|
26
|
-
* A function to return the focus to the dropdown button
|
|
27
|
-
*/
|
|
28
|
-
resetFocus: () => void;
|
|
29
|
-
/**
|
|
30
|
-
* A function to toggle the focus to the previous list item
|
|
31
|
-
*/
|
|
32
|
-
toggleActiveItemUp: () => void;
|
|
33
|
-
/**
|
|
34
|
-
* A function to toggle the focus to the next list item
|
|
35
|
-
*/
|
|
36
|
-
toggleActiveItemDown: () => void;
|
|
37
|
-
}
|
|
38
|
-
export declare const DropdownMenu: ({ activeDropdownItemRef, activeDropdownItem, dropdownItems, resetFocus, setActiveDropdownItem, toggleActiveItemDown, toggleActiveItemUp, ...elemProps }: DropdownMenuProps) => JSX.Element;
|
|
39
|
-
//# sourceMappingURL=Menu.d.ts.map
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface DropdownMenuItemLinkProps extends React.HTMLAttributes<HTMLAnchorElement> {
|
|
3
|
-
/**
|
|
4
|
-
* The href url of the anchor tag
|
|
5
|
-
*/
|
|
6
|
-
href: string;
|
|
7
|
-
/**
|
|
8
|
-
* A handler function for overriding hard-redirects with links
|
|
9
|
-
*/
|
|
10
|
-
onAction?: (href: string) => void;
|
|
11
|
-
}
|
|
12
|
-
export declare const DropdownMenuItemLink: React.ForwardRefExoticComponent<DropdownMenuItemLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
13
|
-
export {};
|
|
14
|
-
//# sourceMappingURL=MenuItemLink.d.ts.map
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="@emotion/core" />
|
|
2
|
-
import { usePopupPopper } from '@workday/canvas-kit-react/popup';
|
|
3
|
-
import { DropdownButtonProps } from './Button';
|
|
4
|
-
import { DropdownMenuProps } from './Menu';
|
|
5
|
-
import { Breadcrumb } from '../types';
|
|
6
|
-
export declare const useFocusActiveItemElement: <E extends HTMLElement>(activeDropdownItemRef: import("react").RefObject<E>) => void;
|
|
7
|
-
interface UseDropdown {
|
|
8
|
-
dropdownButtonProps: Pick<DropdownButtonProps, Exclude<keyof DropdownButtonProps, 'aria-label'>>;
|
|
9
|
-
dropdownMenuProps: DropdownMenuProps;
|
|
10
|
-
popperProps: ReturnType<typeof usePopupPopper>;
|
|
11
|
-
}
|
|
12
|
-
export declare const useDropdown: (activeDropdownItemRef: import("react").RefObject<HTMLAnchorElement>, items: Breadcrumb[], buttonId?: string | undefined) => UseDropdown;
|
|
13
|
-
export {};
|
|
14
|
-
//# sourceMappingURL=hooks.d.ts.map
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Breadcrumb } from '../types';
|
|
2
|
-
import { DropdownButtonProps } from './Button';
|
|
3
|
-
export interface DropdownProps extends Pick<DropdownButtonProps, 'buttonIcon'> {
|
|
4
|
-
buttonAriaLabel: string;
|
|
5
|
-
items?: Breadcrumb[];
|
|
6
|
-
}
|
|
7
|
-
export declare const Dropdown: ({ buttonAriaLabel, buttonIcon, items }: DropdownProps) => JSX.Element;
|
|
8
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { DropdownButtonProps } from '../Dropdown/Button';
|
|
3
|
-
export interface CollapsibleListProps extends React.HTMLAttributes<HTMLUListElement>, Pick<DropdownButtonProps, 'buttonIcon'> {
|
|
4
|
-
/**
|
|
5
|
-
* The accessibility label for the dropdown menu button.
|
|
6
|
-
*
|
|
7
|
-
* Suggested value: "more links"
|
|
8
|
-
*/
|
|
9
|
-
buttonAriaLabel: string;
|
|
10
|
-
/**
|
|
11
|
-
* The max-width before the list should collapse and render a dropdown menu
|
|
12
|
-
*/
|
|
13
|
-
maxWidth: number;
|
|
14
|
-
}
|
|
15
|
-
export declare const CollapsibleList: ({ children, buttonIcon, buttonAriaLabel, maxWidth, ...props }: CollapsibleListProps) => JSX.Element;
|
|
16
|
-
//# sourceMappingURL=Collapsible.d.ts.map
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface CurrentItemProps extends React.HTMLAttributes<HTMLLIElement> {
|
|
3
|
-
/**
|
|
4
|
-
* The max-width of the text
|
|
5
|
-
*
|
|
6
|
-
* @default 350px
|
|
7
|
-
*/
|
|
8
|
-
maxWidth?: number;
|
|
9
|
-
}
|
|
10
|
-
export declare const CurrentItem: ({ children, maxWidth, ...elemProps }: CurrentItemProps) => JSX.Element;
|
|
11
|
-
//# sourceMappingURL=CurrentItem.d.ts.map
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
3
|
-
/**
|
|
4
|
-
* The href url of the anchor tag
|
|
5
|
-
*/
|
|
6
|
-
href: string;
|
|
7
|
-
/**
|
|
8
|
-
* The max-width of the link text
|
|
9
|
-
*
|
|
10
|
-
* @default 350px
|
|
11
|
-
*/
|
|
12
|
-
maxWidth?: number;
|
|
13
|
-
/**
|
|
14
|
-
* A handler function for overriding hard-redirects with links
|
|
15
|
-
*/
|
|
16
|
-
onAction?: (href: string) => void;
|
|
17
|
-
}
|
|
18
|
-
export declare const BreadcrumbLink: ({ maxWidth, onAction, onClick, href, children, ...props }: BreadcrumbLinkProps) => JSX.Element;
|
|
19
|
-
//# sourceMappingURL=Link.d.ts.map
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Breadcrumb } from '../types';
|
|
3
|
-
export declare const useCollapse: <E extends HTMLElement>(listEl: React.RefObject<E>, maxWidth?: number) => {
|
|
4
|
-
shouldCollapseList: boolean;
|
|
5
|
-
};
|
|
6
|
-
export declare const useBuildCollapsedList: <E extends HTMLElement>(listEl: React.RefObject<E>, children: React.ReactNode, maxWidth: number) => {
|
|
7
|
-
collapsedItems: Breadcrumb[];
|
|
8
|
-
collapsedItemIndices: number[];
|
|
9
|
-
};
|
|
10
|
-
export declare const useTruncateTooltip: (ref?: React.RefObject<HTMLSpanElement> | undefined) => {
|
|
11
|
-
isTooltipOpen: boolean;
|
|
12
|
-
openTooltip: (event: React.MouseEvent<Element, MouseEvent> | React.FocusEvent<Element, Element>) => void;
|
|
13
|
-
closeTooltip: () => void;
|
|
14
|
-
shouldShowTooltip: boolean;
|
|
15
|
-
tooltipProps: {
|
|
16
|
-
role: string;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=hooks.d.ts.map
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/** @jsx jsx */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export declare type BreadcrumbsListProps = React.HTMLAttributes<HTMLUListElement>;
|
|
4
|
-
export declare const BreadcrumbsList: React.ForwardRefExoticComponent<BreadcrumbsListProps & React.RefAttributes<HTMLUListElement>>;
|
|
5
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface BreadcrumbsNavProps extends React.HTMLAttributes<HTMLElement> {
|
|
3
|
-
/**
|
|
4
|
-
* The accessibility label to indicate the type of navigation.
|
|
5
|
-
*
|
|
6
|
-
* Suggested value: "breadcrumb"
|
|
7
|
-
*/
|
|
8
|
-
'aria-label': string;
|
|
9
|
-
}
|
|
10
|
-
export declare const BreadcrumbsNav: ({ "aria-label": ariaLabel, ...elemProps }: BreadcrumbsNavProps) => JSX.Element;
|
|
11
|
-
//# sourceMappingURL=Nav.d.ts.map
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="@emotion/core" />
|
|
2
|
-
export declare const Breadcrumbs: {
|
|
3
|
-
Nav: ({ "aria-label": ariaLabel, ...elemProps }: import("./Nav").BreadcrumbsNavProps) => JSX.Element;
|
|
4
|
-
CollapsibleList: ({ children, buttonIcon, buttonAriaLabel, maxWidth, ...props }: import("./List/Collapsible").CollapsibleListProps) => JSX.Element;
|
|
5
|
-
List: import("react").ForwardRefExoticComponent<import("./List").BreadcrumbsListProps & import("react").RefAttributes<HTMLUListElement>>;
|
|
6
|
-
ListItem: ({ children, ...props }: import("./List/ListItem").ListItemProps) => JSX.Element;
|
|
7
|
-
Link: ({ maxWidth, onAction, onClick, href, children, ...props }: import("./List/Link").BreadcrumbLinkProps) => JSX.Element;
|
|
8
|
-
CurrentItem: ({ children, maxWidth, ...elemProps }: import("./List/CurrentItem").CurrentItemProps) => JSX.Element;
|
|
9
|
-
};
|
|
10
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface ColorPickerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
/**
|
|
4
|
-
* The function called when the ColorPicker state changes.
|
|
5
|
-
*/
|
|
6
|
-
onColorChange: (color: string) => void;
|
|
7
|
-
/**
|
|
8
|
-
* The value of the ColorPicker.
|
|
9
|
-
*/
|
|
10
|
-
value?: string;
|
|
11
|
-
/**
|
|
12
|
-
* The array of colors to be rendered in the swatchbook.
|
|
13
|
-
*/
|
|
14
|
-
colorSet?: string[];
|
|
15
|
-
/**
|
|
16
|
-
* If true, render an input for entering a custom hex color.
|
|
17
|
-
* @default false
|
|
18
|
-
*/
|
|
19
|
-
showCustomHexInput?: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* The label text of the custom hex input.
|
|
22
|
-
* @default 'Custom Hex Color'
|
|
23
|
-
*/
|
|
24
|
-
customHexInputLabel?: string;
|
|
25
|
-
/**
|
|
26
|
-
* The label of the custom hex color submit icon button.
|
|
27
|
-
* @default 'Submit'
|
|
28
|
-
*/
|
|
29
|
-
submitLabel?: string;
|
|
30
|
-
/**
|
|
31
|
-
* The function called when the submit icon is clicked.
|
|
32
|
-
*/
|
|
33
|
-
onSubmitClick?: (event: React.FormEvent) => void;
|
|
34
|
-
/**
|
|
35
|
-
* The function called when the color rest button is selected.
|
|
36
|
-
* It is required to be set for the reset button to render.
|
|
37
|
-
*/
|
|
38
|
-
onColorReset?: (color: string) => void;
|
|
39
|
-
/**
|
|
40
|
-
* The color that the reset button resets to.
|
|
41
|
-
* It is required to be set for the reset button to render.
|
|
42
|
-
*/
|
|
43
|
-
resetColor?: string;
|
|
44
|
-
/**
|
|
45
|
-
* The label text of the reset button.
|
|
46
|
-
* @default 'Reset'
|
|
47
|
-
*/
|
|
48
|
-
resetLabel?: string;
|
|
49
|
-
}
|
|
50
|
-
declare const ColorPicker: {
|
|
51
|
-
({ colorSet, customHexInputLabel, submitLabel, onColorChange, onColorReset, onSubmitClick, resetLabel, resetColor, value, showCustomHexInput, ...elemProps }: ColorPickerProps): JSX.Element;
|
|
52
|
-
defaultColorSet: string[];
|
|
53
|
-
};
|
|
54
|
-
export default ColorPicker;
|
|
55
|
-
//# sourceMappingURL=ColorPicker.d.ts.map
|