@workday/canvas-kit-preview-react 13.0.0-alpha.996-next.0 → 13.0.0
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/color-picker/lib/parts/ColorReset.tsx +0 -1
- package/dist/commonjs/color-picker/lib/ColorPicker.d.ts +1 -1
- package/dist/commonjs/color-picker/lib/ColorPicker.js +2 -8
- package/dist/commonjs/color-picker/lib/parts/ColorReset.d.ts +1 -2
- package/dist/commonjs/color-picker/lib/parts/ColorReset.d.ts.map +1 -1
- package/dist/commonjs/color-picker/lib/parts/ColorReset.js +2 -27
- package/dist/commonjs/color-picker/lib/parts/SwatchBook.d.ts +1 -2
- package/dist/commonjs/color-picker/lib/parts/SwatchBook.d.ts.map +1 -1
- package/dist/commonjs/color-picker/lib/parts/SwatchBook.js +9 -33
- package/dist/commonjs/divider/lib/Divider.d.ts +2 -2
- package/dist/commonjs/divider/lib/Divider.d.ts.map +1 -1
- package/dist/commonjs/divider/lib/Divider.js +4 -27
- package/dist/commonjs/index.d.ts +1 -2
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +1 -2
- package/dist/commonjs/{InformationHighlight → information-highlight}/index.d.ts.map +1 -1
- package/dist/commonjs/{InformationHighlight → information-highlight}/lib/InformationHighlight.d.ts +2 -2
- package/dist/commonjs/information-highlight/lib/InformationHighlight.d.ts.map +1 -0
- package/dist/commonjs/information-highlight/lib/InformationHighlight.js +42 -0
- package/dist/commonjs/information-highlight/lib/hooks/useInformationHighlightModel.d.ts.map +1 -0
- package/dist/commonjs/information-highlight/lib/parts/Body.d.ts +2 -0
- package/dist/commonjs/information-highlight/lib/parts/Body.d.ts.map +1 -0
- package/dist/commonjs/information-highlight/lib/parts/Body.js +17 -0
- package/dist/commonjs/information-highlight/lib/parts/Heading.d.ts.map +1 -0
- package/dist/commonjs/information-highlight/lib/parts/Heading.js +17 -0
- package/dist/commonjs/information-highlight/lib/parts/Icon.d.ts.map +1 -0
- package/dist/commonjs/information-highlight/lib/parts/Icon.js +19 -0
- package/dist/commonjs/information-highlight/lib/parts/Link.d.ts.map +1 -0
- package/dist/commonjs/information-highlight/lib/parts/Link.js +17 -0
- package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.d.ts +1 -0
- package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.d.ts.map +1 -1
- package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.js +8 -45
- package/dist/commonjs/loading-sparkles/lib/sparkleIcon.js +1 -1
- package/dist/commonjs/menu/lib/Menu.d.ts +1 -1
- package/dist/commonjs/menu/lib/Menu.d.ts.map +1 -1
- package/dist/commonjs/menu/lib/Menu.js +17 -19
- package/dist/commonjs/menu/lib/MenuItem.d.ts +1 -1
- package/dist/commonjs/menu/lib/MenuItem.js +2 -6
- package/dist/commonjs/multi-select/lib/MultiSelect.d.ts +1548 -266
- package/dist/commonjs/multi-select/lib/MultiSelect.d.ts.map +1 -1
- package/dist/commonjs/multi-select/lib/MultiSelect.js +2 -5
- package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts +464 -59
- package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts.map +1 -1
- package/dist/commonjs/multi-select/lib/MultiSelectCard.js +2 -5
- package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts +646 -37
- package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts.map +1 -1
- package/dist/commonjs/multi-select/lib/MultiSelectInput.js +7 -25
- package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts +619 -81
- package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts.map +1 -1
- package/dist/commonjs/multi-select/lib/MultiSelectItem.js +2 -5
- package/dist/commonjs/multi-select/lib/MultiSelectedItem.d.ts +468 -65
- package/dist/commonjs/multi-select/lib/MultiSelectedItem.d.ts.map +1 -1
- package/dist/commonjs/multi-select/lib/MultiSelectedItem.js +2 -7
- package/dist/commonjs/multi-select/lib/MultiSelectedList.d.ts +215 -12
- package/dist/commonjs/multi-select/lib/MultiSelectedList.d.ts.map +1 -1
- package/dist/commonjs/multi-select/lib/MultiSelectedList.js +2 -7
- package/dist/commonjs/multi-select/lib/useMultiSelectItemRemove.d.ts +215 -12
- package/dist/commonjs/multi-select/lib/useMultiSelectItemRemove.d.ts.map +1 -1
- package/dist/commonjs/multi-select/lib/useMultiSelectModel.d.ts +718 -178
- package/dist/commonjs/multi-select/lib/useMultiSelectModel.d.ts.map +1 -1
- package/dist/commonjs/pill/index.d.ts +5 -0
- package/dist/commonjs/pill/index.d.ts.map +1 -1
- package/dist/commonjs/pill/index.js +13 -0
- package/dist/commonjs/pill/lib/Pill.d.ts +229 -18
- package/dist/commonjs/pill/lib/Pill.d.ts.map +1 -1
- package/dist/commonjs/pill/lib/Pill.js +42 -172
- package/dist/commonjs/pill/lib/PillAvatar.d.ts +222 -1
- package/dist/commonjs/pill/lib/PillAvatar.d.ts.map +1 -1
- package/dist/commonjs/pill/lib/PillAvatar.js +12 -10
- package/dist/commonjs/pill/lib/PillCount.d.ts +7 -0
- package/dist/commonjs/pill/lib/PillCount.d.ts.map +1 -1
- package/dist/commonjs/pill/lib/PillCount.js +13 -14
- package/dist/commonjs/pill/lib/PillIcon.d.ts +16 -8
- package/dist/commonjs/pill/lib/PillIcon.d.ts.map +1 -1
- package/dist/commonjs/pill/lib/PillIcon.js +11 -8
- package/dist/commonjs/pill/lib/PillIconButton.d.ts +69 -10
- package/dist/commonjs/pill/lib/PillIconButton.d.ts.map +1 -1
- package/dist/commonjs/pill/lib/PillIconButton.js +11 -50
- package/dist/commonjs/pill/lib/PillLabel.d.ts +1 -1
- package/dist/commonjs/pill/lib/PillLabel.d.ts.map +1 -1
- package/dist/commonjs/pill/lib/PillLabel.js +8 -15
- package/dist/commonjs/pill/lib/usePillModel.d.ts +5 -30
- package/dist/commonjs/pill/lib/usePillModel.d.ts.map +1 -1
- package/dist/commonjs/pill/lib/usePillModel.js +1 -6
- package/dist/commonjs/radio/lib/RadioButton.d.ts +2 -3
- package/dist/commonjs/radio/lib/RadioButton.d.ts.map +1 -1
- package/dist/commonjs/radio/lib/RadioButton.js +2 -7
- package/dist/commonjs/radio/lib/RadioGroup.d.ts +12 -13
- package/dist/commonjs/radio/lib/RadioGroup.d.ts.map +1 -1
- package/dist/commonjs/radio/lib/RadioGroup.js +6 -9
- package/dist/commonjs/radio/lib/RadioInput.js +2 -1
- package/dist/commonjs/radio/lib/RadioLabel.js +3 -3
- package/dist/commonjs/radio/lib/RadioText.js +6 -5
- package/dist/commonjs/radio/lib/StyledRadioButton.js +9 -10
- package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +410 -139
- package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControl.js +2 -5
- package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +81 -6
- package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControlItem.js +3 -5
- package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts +148 -12
- package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControlList.js +2 -25
- package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +74 -8
- package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +412 -142
- package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.js +1 -1
- package/dist/commonjs/select/lib/Select.js +3 -2
- package/dist/commonjs/select/lib/SelectBase.d.ts +1 -1
- package/dist/commonjs/select/lib/SelectBase.d.ts.map +1 -1
- package/dist/commonjs/select/lib/SelectBase.js +18 -21
- package/dist/commonjs/select/lib/SelectMenu.d.ts +1 -1
- package/dist/commonjs/select/lib/SelectMenu.d.ts.map +1 -1
- package/dist/commonjs/select/lib/SelectMenu.js +4 -28
- package/dist/commonjs/select/lib/SelectOption.d.ts +1 -1
- package/dist/commonjs/select/lib/SelectOption.d.ts.map +1 -1
- package/dist/commonjs/select/lib/SelectOption.js +2 -25
- package/dist/commonjs/side-panel/lib/SidePanel.d.ts +37 -4
- package/dist/commonjs/side-panel/lib/SidePanel.d.ts.map +1 -1
- package/dist/commonjs/side-panel/lib/SidePanel.js +46 -71
- package/dist/commonjs/side-panel/lib/SidePanelToggleButton.d.ts +38 -0
- package/dist/commonjs/side-panel/lib/SidePanelToggleButton.d.ts.map +1 -1
- package/dist/commonjs/side-panel/lib/SidePanelToggleButton.js +46 -29
- package/dist/commonjs/side-panel/lib/hooks.d.ts +2 -1
- package/dist/commonjs/side-panel/lib/hooks.d.ts.map +1 -1
- package/dist/commonjs/side-panel/lib/hooks.js +1 -0
- package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
- package/dist/commonjs/status-indicator/lib/StatusIndicator.js +15 -18
- package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -1
- package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.js +2 -5
- package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.d.ts.map +1 -1
- package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +4 -7
- package/dist/commonjs/text-area/lib/TextArea.d.ts +6 -6
- package/dist/commonjs/text-area/lib/TextArea.js +4 -7
- package/dist/commonjs/text-area/lib/TextAreaField.d.ts +2 -2
- package/dist/commonjs/text-area/lib/TextAreaField.d.ts.map +1 -1
- package/dist/commonjs/text-area/lib/TextAreaField.js +2 -4
- package/dist/commonjs/text-input/lib/TextInput.d.ts +7 -7
- package/dist/commonjs/text-input/lib/TextInput.js +4 -7
- package/dist/commonjs/text-input/lib/TextInputField.d.ts +2 -8
- package/dist/commonjs/text-input/lib/TextInputField.d.ts.map +1 -1
- package/dist/commonjs/text-input/lib/TextInputField.js +2 -4
- package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +1 -1
- package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +5 -5
- package/dist/es6/color-picker/lib/ColorPicker.d.ts +1 -1
- package/dist/es6/color-picker/lib/ColorPicker.js +2 -8
- package/dist/es6/color-picker/lib/parts/ColorReset.d.ts +1 -2
- package/dist/es6/color-picker/lib/parts/ColorReset.d.ts.map +1 -1
- package/dist/es6/color-picker/lib/parts/ColorReset.js +2 -4
- package/dist/es6/color-picker/lib/parts/SwatchBook.d.ts +1 -2
- package/dist/es6/color-picker/lib/parts/SwatchBook.d.ts.map +1 -1
- package/dist/es6/color-picker/lib/parts/SwatchBook.js +9 -10
- package/dist/es6/divider/lib/Divider.d.ts +2 -2
- package/dist/es6/divider/lib/Divider.d.ts.map +1 -1
- package/dist/es6/divider/lib/Divider.js +4 -4
- package/dist/es6/index.d.ts +1 -2
- package/dist/es6/index.d.ts.map +1 -1
- package/dist/es6/index.js +1 -2
- package/dist/es6/{InformationHighlight → information-highlight}/index.d.ts.map +1 -1
- package/dist/es6/{InformationHighlight → information-highlight}/lib/InformationHighlight.d.ts +2 -2
- package/dist/es6/information-highlight/lib/InformationHighlight.d.ts.map +1 -0
- package/dist/es6/{InformationHighlight → information-highlight}/lib/InformationHighlight.js +11 -11
- package/dist/es6/information-highlight/lib/hooks/useInformationHighlightModel.d.ts.map +1 -0
- package/dist/es6/information-highlight/lib/parts/Body.d.ts +2 -0
- package/dist/es6/information-highlight/lib/parts/Body.d.ts.map +1 -0
- package/dist/es6/information-highlight/lib/parts/Body.js +14 -0
- package/dist/es6/information-highlight/lib/parts/Heading.d.ts.map +1 -0
- package/dist/es6/information-highlight/lib/parts/Heading.js +14 -0
- package/dist/es6/information-highlight/lib/parts/Icon.d.ts.map +1 -0
- package/dist/es6/{InformationHighlight → information-highlight}/lib/parts/Icon.js +2 -2
- package/dist/es6/information-highlight/lib/parts/Link.d.ts.map +1 -0
- package/dist/es6/information-highlight/lib/parts/Link.js +14 -0
- package/dist/es6/loading-sparkles/lib/LoadingSparkles.d.ts +1 -0
- package/dist/es6/loading-sparkles/lib/LoadingSparkles.d.ts.map +1 -1
- package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +10 -24
- package/dist/es6/loading-sparkles/lib/sparkleIcon.js +1 -1
- package/dist/es6/menu/lib/Menu.d.ts +1 -1
- package/dist/es6/menu/lib/Menu.d.ts.map +1 -1
- package/dist/es6/menu/lib/Menu.js +18 -20
- package/dist/es6/menu/lib/MenuItem.d.ts +1 -1
- package/dist/es6/menu/lib/MenuItem.js +2 -6
- package/dist/es6/multi-select/lib/MultiSelect.d.ts +1548 -266
- package/dist/es6/multi-select/lib/MultiSelect.d.ts.map +1 -1
- package/dist/es6/multi-select/lib/MultiSelect.js +2 -2
- package/dist/es6/multi-select/lib/MultiSelectCard.d.ts +464 -59
- package/dist/es6/multi-select/lib/MultiSelectCard.d.ts.map +1 -1
- package/dist/es6/multi-select/lib/MultiSelectCard.js +2 -2
- package/dist/es6/multi-select/lib/MultiSelectInput.d.ts +646 -37
- package/dist/es6/multi-select/lib/MultiSelectInput.d.ts.map +1 -1
- package/dist/es6/multi-select/lib/MultiSelectInput.js +7 -22
- package/dist/es6/multi-select/lib/MultiSelectItem.d.ts +619 -81
- package/dist/es6/multi-select/lib/MultiSelectItem.d.ts.map +1 -1
- package/dist/es6/multi-select/lib/MultiSelectItem.js +2 -2
- package/dist/es6/multi-select/lib/MultiSelectedItem.d.ts +468 -65
- package/dist/es6/multi-select/lib/MultiSelectedItem.d.ts.map +1 -1
- package/dist/es6/multi-select/lib/MultiSelectedItem.js +2 -4
- package/dist/es6/multi-select/lib/MultiSelectedList.d.ts +215 -12
- package/dist/es6/multi-select/lib/MultiSelectedList.d.ts.map +1 -1
- package/dist/es6/multi-select/lib/MultiSelectedList.js +2 -4
- package/dist/es6/multi-select/lib/useMultiSelectItemRemove.d.ts +215 -12
- package/dist/es6/multi-select/lib/useMultiSelectItemRemove.d.ts.map +1 -1
- package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts +718 -178
- package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts.map +1 -1
- package/dist/es6/pill/index.d.ts +5 -0
- package/dist/es6/pill/index.d.ts.map +1 -1
- package/dist/es6/pill/index.js +5 -0
- package/dist/es6/pill/lib/Pill.d.ts +229 -18
- package/dist/es6/pill/lib/Pill.d.ts.map +1 -1
- package/dist/es6/pill/lib/Pill.js +46 -173
- package/dist/es6/pill/lib/PillAvatar.d.ts +222 -1
- package/dist/es6/pill/lib/PillAvatar.d.ts.map +1 -1
- package/dist/es6/pill/lib/PillAvatar.js +13 -8
- package/dist/es6/pill/lib/PillCount.d.ts +7 -0
- package/dist/es6/pill/lib/PillCount.d.ts.map +1 -1
- package/dist/es6/pill/lib/PillCount.js +14 -12
- package/dist/es6/pill/lib/PillIcon.d.ts +16 -8
- package/dist/es6/pill/lib/PillIcon.d.ts.map +1 -1
- package/dist/es6/pill/lib/PillIcon.js +11 -5
- package/dist/es6/pill/lib/PillIconButton.d.ts +69 -10
- package/dist/es6/pill/lib/PillIconButton.d.ts.map +1 -1
- package/dist/es6/pill/lib/PillIconButton.js +13 -49
- package/dist/es6/pill/lib/PillLabel.d.ts +1 -1
- package/dist/es6/pill/lib/PillLabel.d.ts.map +1 -1
- package/dist/es6/pill/lib/PillLabel.js +9 -13
- package/dist/es6/pill/lib/usePillModel.d.ts +5 -30
- package/dist/es6/pill/lib/usePillModel.d.ts.map +1 -1
- package/dist/es6/pill/lib/usePillModel.js +1 -6
- package/dist/es6/radio/lib/RadioButton.d.ts +2 -3
- package/dist/es6/radio/lib/RadioButton.d.ts.map +1 -1
- package/dist/es6/radio/lib/RadioButton.js +2 -4
- package/dist/es6/radio/lib/RadioGroup.d.ts +12 -13
- package/dist/es6/radio/lib/RadioGroup.d.ts.map +1 -1
- package/dist/es6/radio/lib/RadioGroup.js +6 -6
- package/dist/es6/radio/lib/RadioInput.js +2 -1
- package/dist/es6/radio/lib/RadioLabel.js +3 -3
- package/dist/es6/radio/lib/RadioText.js +6 -5
- package/dist/es6/radio/lib/StyledRadioButton.js +9 -10
- package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +410 -139
- package/dist/es6/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/SegmentedControl.js +2 -2
- package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +81 -6
- package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/SegmentedControlItem.js +3 -5
- package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts +148 -12
- package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/SegmentedControlList.js +2 -2
- package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +74 -8
- package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +412 -142
- package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.js +1 -1
- package/dist/es6/select/lib/Select.js +3 -2
- package/dist/es6/select/lib/SelectBase.d.ts +1 -1
- package/dist/es6/select/lib/SelectBase.d.ts.map +1 -1
- package/dist/es6/select/lib/SelectBase.js +18 -21
- package/dist/es6/select/lib/SelectMenu.d.ts +1 -1
- package/dist/es6/select/lib/SelectMenu.d.ts.map +1 -1
- package/dist/es6/select/lib/SelectMenu.js +4 -5
- package/dist/es6/select/lib/SelectOption.d.ts +1 -1
- package/dist/es6/select/lib/SelectOption.d.ts.map +1 -1
- package/dist/es6/select/lib/SelectOption.js +2 -2
- package/dist/es6/side-panel/lib/SidePanel.d.ts +37 -4
- package/dist/es6/side-panel/lib/SidePanel.d.ts.map +1 -1
- package/dist/es6/side-panel/lib/SidePanel.js +46 -71
- package/dist/es6/side-panel/lib/SidePanelToggleButton.d.ts +38 -0
- package/dist/es6/side-panel/lib/SidePanelToggleButton.d.ts.map +1 -1
- package/dist/es6/side-panel/lib/SidePanelToggleButton.js +46 -29
- package/dist/es6/side-panel/lib/hooks.d.ts +2 -1
- package/dist/es6/side-panel/lib/hooks.d.ts.map +1 -1
- package/dist/es6/side-panel/lib/hooks.js +1 -0
- package/dist/es6/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
- package/dist/es6/status-indicator/lib/StatusIndicator.js +15 -15
- package/dist/es6/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -1
- package/dist/es6/status-indicator/lib/StatusIndicatorIcon.js +2 -2
- package/dist/es6/status-indicator/lib/StatusIndicatorLabel.d.ts.map +1 -1
- package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +4 -4
- package/dist/es6/text-area/lib/TextArea.d.ts +6 -6
- package/dist/es6/text-area/lib/TextArea.js +4 -4
- package/dist/es6/text-area/lib/TextAreaField.d.ts +2 -2
- package/dist/es6/text-area/lib/TextAreaField.d.ts.map +1 -1
- package/dist/es6/text-area/lib/TextAreaField.js +2 -4
- package/dist/es6/text-input/lib/TextInput.d.ts +7 -7
- package/dist/es6/text-input/lib/TextInput.js +4 -4
- package/dist/es6/text-input/lib/TextInputField.d.ts +2 -8
- package/dist/es6/text-input/lib/TextInputField.d.ts.map +1 -1
- package/dist/es6/text-input/lib/TextInputField.js +2 -4
- package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +1 -1
- package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +5 -5
- package/divider/lib/Divider.tsx +0 -1
- package/index.ts +1 -2
- package/information-highlight/index.ts +5 -0
- package/{InformationHighlight → information-highlight}/lib/InformationHighlight.tsx +2 -2
- package/{InformationHighlight → information-highlight}/lib/parts/Body.tsx +3 -4
- package/{InformationHighlight → information-highlight}/lib/parts/Heading.tsx +0 -1
- package/{InformationHighlight → information-highlight}/lib/parts/Icon.tsx +0 -1
- package/{InformationHighlight → information-highlight}/lib/parts/Link.tsx +0 -1
- package/information-highlight/package.json +6 -0
- package/loading-sparkles/lib/LoadingSparkles.tsx +27 -55
- package/loading-sparkles/lib/sparkleIcon.ts +1 -1
- package/menu/lib/Menu.tsx +2 -3
- package/multi-select/lib/MultiSelectCard.tsx +0 -2
- package/multi-select/lib/MultiSelectInput.tsx +2 -1
- package/multi-select/lib/MultiSelectItem.tsx +0 -2
- package/multi-select/lib/MultiSelectedItem.tsx +1 -3
- package/package.json +6 -6
- package/pill/index.ts +5 -0
- package/pill/lib/Pill.tsx +146 -174
- package/pill/lib/PillAvatar.tsx +19 -13
- package/pill/lib/PillCount.tsx +32 -27
- package/pill/lib/PillIcon.tsx +16 -18
- package/pill/lib/PillIconButton.tsx +50 -74
- package/pill/lib/PillLabel.tsx +16 -20
- package/pill/lib/usePillModel.tsx +1 -6
- package/radio/lib/RadioButton.tsx +0 -1
- package/radio/lib/RadioGroup.tsx +0 -1
- package/segmented-control/lib/hooks/useSegmentedControlModel.tsx +1 -1
- package/side-panel/lib/SidePanel.tsx +66 -86
- package/side-panel/lib/SidePanelToggleButton.tsx +93 -33
- package/side-panel/lib/hooks.ts +2 -1
- package/status-indicator/lib/StatusIndicator.tsx +1 -0
- package/status-indicator/lib/StatusIndicatorIcon.tsx +0 -2
- package/status-indicator/lib/StatusIndicatorLabel.tsx +0 -2
- package/text-area/lib/TextArea.tsx +1 -1
- package/text-area/lib/TextAreaField.tsx +1 -5
- package/text-input/lib/TextInput.tsx +1 -1
- package/text-input/lib/TextInputField.tsx +1 -5
- package/common/index.ts +0 -1
- package/common/lib/parts/_brand-assets.ts +0 -19
- package/common/lib/parts/index.ts +0 -1
- package/common/package.json +0 -6
- package/dist/commonjs/InformationHighlight/lib/InformationHighlight.d.ts.map +0 -1
- package/dist/commonjs/InformationHighlight/lib/InformationHighlight.js +0 -65
- package/dist/commonjs/InformationHighlight/lib/hooks/useInformationHighlightModel.d.ts.map +0 -1
- package/dist/commonjs/InformationHighlight/lib/parts/Body.d.ts +0 -2
- package/dist/commonjs/InformationHighlight/lib/parts/Body.d.ts.map +0 -1
- package/dist/commonjs/InformationHighlight/lib/parts/Body.js +0 -40
- package/dist/commonjs/InformationHighlight/lib/parts/Heading.d.ts.map +0 -1
- package/dist/commonjs/InformationHighlight/lib/parts/Heading.js +0 -40
- package/dist/commonjs/InformationHighlight/lib/parts/Icon.d.ts.map +0 -1
- package/dist/commonjs/InformationHighlight/lib/parts/Icon.js +0 -42
- package/dist/commonjs/InformationHighlight/lib/parts/Link.d.ts.map +0 -1
- package/dist/commonjs/InformationHighlight/lib/parts/Link.js +0 -40
- package/dist/commonjs/common/index.d.ts +0 -2
- package/dist/commonjs/common/index.d.ts.map +0 -1
- package/dist/commonjs/common/index.js +0 -17
- package/dist/commonjs/common/lib/parts/_brand-assets.d.ts +0 -10
- package/dist/commonjs/common/lib/parts/_brand-assets.d.ts.map +0 -1
- package/dist/commonjs/common/lib/parts/_brand-assets.js +0 -13
- package/dist/commonjs/common/lib/parts/index.d.ts +0 -2
- package/dist/commonjs/common/lib/parts/index.d.ts.map +0 -1
- package/dist/commonjs/common/lib/parts/index.js +0 -17
- package/dist/es6/InformationHighlight/lib/InformationHighlight.d.ts.map +0 -1
- package/dist/es6/InformationHighlight/lib/hooks/useInformationHighlightModel.d.ts.map +0 -1
- package/dist/es6/InformationHighlight/lib/parts/Body.d.ts +0 -2
- package/dist/es6/InformationHighlight/lib/parts/Body.d.ts.map +0 -1
- package/dist/es6/InformationHighlight/lib/parts/Body.js +0 -14
- package/dist/es6/InformationHighlight/lib/parts/Heading.d.ts.map +0 -1
- package/dist/es6/InformationHighlight/lib/parts/Heading.js +0 -14
- package/dist/es6/InformationHighlight/lib/parts/Icon.d.ts.map +0 -1
- package/dist/es6/InformationHighlight/lib/parts/Link.d.ts.map +0 -1
- package/dist/es6/InformationHighlight/lib/parts/Link.js +0 -14
- package/dist/es6/common/index.d.ts +0 -2
- package/dist/es6/common/index.d.ts.map +0 -1
- package/dist/es6/common/index.js +0 -1
- package/dist/es6/common/lib/parts/_brand-assets.d.ts +0 -10
- package/dist/es6/common/lib/parts/_brand-assets.d.ts.map +0 -1
- package/dist/es6/common/lib/parts/_brand-assets.js +0 -10
- package/dist/es6/common/lib/parts/index.d.ts +0 -2
- package/dist/es6/common/lib/parts/index.d.ts.map +0 -1
- package/dist/es6/common/lib/parts/index.js +0 -1
- /package/dist/commonjs/{InformationHighlight → information-highlight}/index.d.ts +0 -0
- /package/dist/commonjs/{InformationHighlight → information-highlight}/index.js +0 -0
- /package/dist/commonjs/{InformationHighlight → information-highlight}/lib/hooks/useInformationHighlightModel.d.ts +0 -0
- /package/dist/commonjs/{InformationHighlight → information-highlight}/lib/hooks/useInformationHighlightModel.js +0 -0
- /package/dist/commonjs/{InformationHighlight → information-highlight}/lib/parts/Heading.d.ts +0 -0
- /package/dist/commonjs/{InformationHighlight → information-highlight}/lib/parts/Icon.d.ts +0 -0
- /package/dist/commonjs/{InformationHighlight → information-highlight}/lib/parts/Link.d.ts +0 -0
- /package/dist/es6/{InformationHighlight → information-highlight}/index.d.ts +0 -0
- /package/dist/es6/{InformationHighlight → information-highlight}/index.js +0 -0
- /package/dist/es6/{InformationHighlight → information-highlight}/lib/hooks/useInformationHighlightModel.d.ts +0 -0
- /package/dist/es6/{InformationHighlight → information-highlight}/lib/hooks/useInformationHighlightModel.js +0 -0
- /package/dist/es6/{InformationHighlight → information-highlight}/lib/parts/Heading.d.ts +0 -0
- /package/dist/es6/{InformationHighlight → information-highlight}/lib/parts/Icon.d.ts +0 -0
- /package/dist/es6/{InformationHighlight → information-highlight}/lib/parts/Link.d.ts +0 -0
- /package/{InformationHighlight → information-highlight}/lib/hooks/useInformationHighlightModel.ts +0 -0
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export declare const SidePanelContext: React.Context<{
|
|
3
3
|
state: string;
|
|
4
|
-
origin:
|
|
4
|
+
origin: "left" | "right";
|
|
5
|
+
handleAnimationStart: () => undefined;
|
|
5
6
|
}>;
|
|
6
7
|
/**
|
|
7
8
|
* The optional config options for the `useSidePanel` hook
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,gBAAgB
|
|
1
|
+
{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,gBAAgB;;;;EAI3B,CAAC;AAGH;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY,YAAa,iBAAiB;;oCA2BR,OAAO;;;;CA8BrD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAG/E,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAKnE,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,aAAa,CAAC;AAElG,MAAM,WAAW,oBAAqB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IAC5E;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;
|
|
1
|
+
{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAG/E,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAKnE,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,aAAa,CAAC;AAElG,MAAM,WAAW,oBAAqB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IAC5E;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAyFD;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe;IAGxB;;;;;;;OAOG;;IAEH;;;;;;;OAOG;;CAcL,CAAC"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.StatusIndicator = void 0;
|
|
7
|
-
const
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
5
|
const common_1 = require("@workday/canvas-kit-react/common");
|
|
9
6
|
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
10
7
|
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
@@ -13,31 +10,31 @@ const icon_1 = require("@workday/canvas-kit-react/icon");
|
|
|
13
10
|
const StatusIndicatorIcon_1 = require("./StatusIndicatorIcon");
|
|
14
11
|
const StatusIndicatorLabel_1 = require("./StatusIndicatorLabel");
|
|
15
12
|
const statusIndicatorStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
16
|
-
base: { name: "
|
|
13
|
+
base: { name: "htmr3z", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x1);max-width:12.5rem;align-items:center;border-radius:var(--cnvs-sys-shape-half);height:1.25rem;padding:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x1);outline:0.0625rem solid transparent;" },
|
|
17
14
|
modifiers: {
|
|
18
15
|
gray: {
|
|
19
|
-
high: { name: "
|
|
20
|
-
low: { name: "
|
|
16
|
+
high: { name: "htmr40", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-gray-default);" },
|
|
17
|
+
low: { name: "htmr41", styles: "color:var(--cnvs-sys-color-static-gray-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-gray-strong);background:var(--cnvs-sys-color-static-gray-soft);" }
|
|
21
18
|
},
|
|
22
19
|
orange: {
|
|
23
|
-
high: { name: "
|
|
24
|
-
low: { name: "
|
|
20
|
+
high: { name: "htmr42", styles: "color:var(--cnvs-sys-color-static-gray-stronger);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-gray-stronger);background:var(--cnvs-sys-color-static-orange-default);" },
|
|
21
|
+
low: { name: "htmr43", styles: "color:var(--cnvs-sys-color-static-gold-stronger);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-gold-stronger);background:var(--cnvs-sys-color-static-orange-soft);" }
|
|
25
22
|
},
|
|
26
23
|
blue: {
|
|
27
|
-
high: { name: "
|
|
28
|
-
low: { name: "
|
|
24
|
+
high: { name: "htmr44", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-blue-default);" },
|
|
25
|
+
low: { name: "htmr45", styles: "color:var(--cnvs-sys-color-static-blue-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-blue-strong);background:var(--cnvs-sys-color-static-blue-soft);" }
|
|
29
26
|
},
|
|
30
27
|
green: {
|
|
31
|
-
high: { name: "
|
|
32
|
-
low: { name: "
|
|
28
|
+
high: { name: "htmr46", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-green-strong);" },
|
|
29
|
+
low: { name: "htmr47", styles: "color:var(--cnvs-sys-color-static-green-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-green-strong);background:var(--cnvs-sys-color-static-green-soft);" }
|
|
33
30
|
},
|
|
34
31
|
red: {
|
|
35
|
-
high: { name: "
|
|
36
|
-
low: { name: "
|
|
32
|
+
high: { name: "htmr48", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-static-red-default);" },
|
|
33
|
+
low: { name: "htmr49", styles: "color:var(--cnvs-sys-color-static-red-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-red-strong);background:var(--cnvs-sys-color-static-red-soft);" }
|
|
37
34
|
},
|
|
38
35
|
transparent: {
|
|
39
|
-
high: { name: "
|
|
40
|
-
low: { name: "
|
|
36
|
+
high: { name: "htmr4a", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" },
|
|
37
|
+
low: { name: "htmr4b", styles: "color:var(--cnvs-sys-color-static-white);--color-system-icon-99ce3e:var(--cnvs-sys-color-static-white);background:var(--cnvs-sys-color-bg-translucent);" }
|
|
41
38
|
}
|
|
42
39
|
}
|
|
43
40
|
}, "status-indicator-1a565e");
|
|
@@ -74,6 +71,6 @@ exports.StatusIndicator = (0, common_1.createComponent)('div')({
|
|
|
74
71
|
Icon: StatusIndicatorIcon_1.StatusIndicatorIcon,
|
|
75
72
|
},
|
|
76
73
|
Component: ({ emphasis = 'low', variant = 'gray', children, ...elemProps }, ref, Element) => {
|
|
77
|
-
return (
|
|
74
|
+
return ((0, jsx_runtime_1.jsx)(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, statusIndicatorStencil({ [variant]: emphasis })), children: children }));
|
|
78
75
|
},
|
|
79
76
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusIndicatorIcon.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicatorIcon.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StatusIndicatorIcon.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicatorIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAE3E,MAAM,WAAW,wBAAyB,SAAQ,eAAe;CAAG;AAEpE,eAAO,MAAM,mBAAmB,sFAK9B,CAAC"}
|
|
@@ -1,15 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.StatusIndicatorIcon = void 0;
|
|
7
|
-
const
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
5
|
const common_1 = require("@workday/canvas-kit-react/common");
|
|
9
6
|
const icon_1 = require("@workday/canvas-kit-react/icon");
|
|
10
7
|
exports.StatusIndicatorIcon = (0, common_1.createComponent)('span')({
|
|
11
8
|
displayName: 'StatusIndicatorIcon',
|
|
12
9
|
Component: (elemProps, ref, Element) => {
|
|
13
|
-
return
|
|
10
|
+
return (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { as: Element, ref: ref, size: 20, role: "img", ...elemProps });
|
|
14
11
|
},
|
|
15
12
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusIndicatorLabel.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicatorLabel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StatusIndicatorLabel.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicatorLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAc,MAAM,gCAAgC,CAAC;AAKtE,MAAM,WAAW,yBAA0B,SAAQ,SAAS;CAAG;AAe/D,eAAO,MAAM,oBAAoB,gGAS/B,CAAC"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.StatusIndicatorLabel = void 0;
|
|
7
|
-
const
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
5
|
const common_1 = require("@workday/canvas-kit-react/common");
|
|
9
6
|
const text_1 = require("@workday/canvas-kit-react/text");
|
|
10
7
|
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
@@ -12,12 +9,12 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
|
|
|
12
9
|
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
13
10
|
const statusIndicatorLabelStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
14
11
|
extends: text_1.textStencil,
|
|
15
|
-
base: { name: "
|
|
12
|
+
base: { name: "htmr3y", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;color:inherit;" },
|
|
16
13
|
defaultModifiers: { typeLevel: 'subtext.large' }
|
|
17
|
-
}, "status-indicator-label-
|
|
14
|
+
}, "status-indicator-label-63258e");
|
|
18
15
|
exports.StatusIndicatorLabel = (0, common_1.createComponent)('span')({
|
|
19
16
|
displayName: 'StatusIndicator.Label',
|
|
20
17
|
Component: ({ children, typeLevel, ...elemProps }, ref, Element) => {
|
|
21
|
-
return (
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, statusIndicatorLabelStencil({ typeLevel })), children: children }));
|
|
22
19
|
},
|
|
23
20
|
});
|
|
@@ -18,13 +18,13 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
|
|
|
18
18
|
error: "error" | "alert" | undefined;
|
|
19
19
|
id: string;
|
|
20
20
|
isRequired: boolean;
|
|
21
|
-
orientation: "
|
|
21
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
22
22
|
}> & {} & {}, {
|
|
23
23
|
state: {
|
|
24
24
|
id: string;
|
|
25
25
|
error: "error" | "alert" | undefined;
|
|
26
26
|
isRequired: boolean;
|
|
27
|
-
orientation: "
|
|
27
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
28
28
|
};
|
|
29
29
|
events: {};
|
|
30
30
|
}> & {
|
|
@@ -33,7 +33,7 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
|
|
|
33
33
|
id: string;
|
|
34
34
|
error: "error" | "alert" | undefined;
|
|
35
35
|
isRequired: boolean;
|
|
36
|
-
orientation: "
|
|
36
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
37
37
|
};
|
|
38
38
|
events: {};
|
|
39
39
|
}, {}>, {
|
|
@@ -41,7 +41,7 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
|
|
|
41
41
|
id: string;
|
|
42
42
|
error: "error" | "alert" | undefined;
|
|
43
43
|
isRequired: boolean;
|
|
44
|
-
orientation: "
|
|
44
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
45
45
|
};
|
|
46
46
|
events: {};
|
|
47
47
|
}>;
|
|
@@ -50,7 +50,7 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
|
|
|
50
50
|
id: string;
|
|
51
51
|
error: "error" | "alert" | undefined;
|
|
52
52
|
isRequired: boolean;
|
|
53
|
-
orientation: "
|
|
53
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
54
54
|
};
|
|
55
55
|
events: {};
|
|
56
56
|
}>;
|
|
@@ -59,7 +59,7 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
|
|
|
59
59
|
id: string;
|
|
60
60
|
error: "error" | "alert" | undefined;
|
|
61
61
|
isRequired: boolean;
|
|
62
|
-
orientation: "
|
|
62
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
63
63
|
};
|
|
64
64
|
events: {};
|
|
65
65
|
}>;
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.TextArea = void 0;
|
|
7
|
-
const
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
5
|
const common_1 = require("@workday/canvas-kit-react/common");
|
|
9
6
|
const form_field_1 = require("@workday/canvas-kit-react/form-field");
|
|
10
7
|
const layout_1 = require("@workday/canvas-kit-react/layout");
|
|
@@ -23,10 +20,10 @@ exports.TextArea = (0, common_1.createContainer)('div')({
|
|
|
23
20
|
Hint: form_field_1.FormField.Hint,
|
|
24
21
|
},
|
|
25
22
|
})(({ children, grow, orientation, ...elemProps }, Element, model) => {
|
|
26
|
-
return (
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(Element, { ...(0, layout_1.mergeStyles)(elemProps, (0, form_field_1.formFieldStencil)({
|
|
27
24
|
grow,
|
|
28
|
-
orientation: orientation
|
|
25
|
+
orientation: orientation,
|
|
29
26
|
error: model.state.error,
|
|
30
27
|
required: model.state.isRequired,
|
|
31
|
-
}))
|
|
28
|
+
})), children: children }));
|
|
32
29
|
});
|
|
@@ -6,7 +6,7 @@ export declare const TextAreaField: import("@workday/canvas-kit-react/common").E
|
|
|
6
6
|
id: string;
|
|
7
7
|
error: "error" | "alert" | undefined;
|
|
8
8
|
isRequired: boolean;
|
|
9
|
-
orientation: "
|
|
9
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
10
10
|
};
|
|
11
11
|
events: {};
|
|
12
12
|
}, {}>, {
|
|
@@ -14,7 +14,7 @@ export declare const TextAreaField: import("@workday/canvas-kit-react/common").E
|
|
|
14
14
|
id: string;
|
|
15
15
|
error: "error" | "alert" | undefined;
|
|
16
16
|
isRequired: boolean;
|
|
17
|
-
orientation: "
|
|
17
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
18
18
|
};
|
|
19
19
|
events: {};
|
|
20
20
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaField.tsx"],"names":[],"mappings":"AA0CA;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;EAiCxB,CAAC"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.TextAreaField = void 0;
|
|
4
|
-
|
|
5
|
-
/** @jsx jsx */
|
|
6
|
-
const react_1 = require("@emotion/react");
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
5
|
const tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
8
6
|
const common_1 = require("@workday/canvas-kit-react/common");
|
|
9
7
|
const form_field_1 = require("@workday/canvas-kit-react/form-field");
|
|
@@ -49,5 +47,5 @@ exports.TextAreaField = (0, common_1.createSubcomponent)('textarea')({
|
|
|
49
47
|
boxShadow: `inset 0 0 0 1px ${theme.canvas.palette.common.focusOutline}`,
|
|
50
48
|
},
|
|
51
49
|
};
|
|
52
|
-
return ((0,
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)(form_field_1.FormField.Input, { as: Element, ...tokens_1.type.levels.subtext.large, cs: [baseStyles, focusStyles], ...elemProps, border: `1px solid ${tokens_1.inputColors.border}`, display: "block", backgroundColor: tokens_1.inputColors.background, borderRadius: tokens_1.borderRadius.m, minHeight: 64, minWidth: 280, padding: tokens_1.space.xxs, margin: 0 }));
|
|
53
51
|
});
|
|
@@ -18,13 +18,13 @@ export declare const TextInput: import("@workday/canvas-kit-react/common").Eleme
|
|
|
18
18
|
error: "error" | "alert" | undefined;
|
|
19
19
|
id: string;
|
|
20
20
|
isRequired: boolean;
|
|
21
|
-
orientation: "
|
|
21
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
22
22
|
}> & {} & {} & import("@workday/canvas-kit-react/common").PropsWithModel<{
|
|
23
23
|
state: {
|
|
24
24
|
id: string;
|
|
25
25
|
error: "error" | "alert" | undefined;
|
|
26
26
|
isRequired: boolean;
|
|
27
|
-
orientation: "
|
|
27
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
28
28
|
};
|
|
29
29
|
events: {};
|
|
30
30
|
}, {}>, {
|
|
@@ -32,7 +32,7 @@ export declare const TextInput: import("@workday/canvas-kit-react/common").Eleme
|
|
|
32
32
|
id: string;
|
|
33
33
|
error: "error" | "alert" | undefined;
|
|
34
34
|
isRequired: boolean;
|
|
35
|
-
orientation: "
|
|
35
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
36
36
|
};
|
|
37
37
|
events: {};
|
|
38
38
|
}> & {
|
|
@@ -41,7 +41,7 @@ export declare const TextInput: import("@workday/canvas-kit-react/common").Eleme
|
|
|
41
41
|
id: string;
|
|
42
42
|
error: "error" | "alert" | undefined;
|
|
43
43
|
isRequired: boolean;
|
|
44
|
-
orientation: "
|
|
44
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
45
45
|
};
|
|
46
46
|
events: {};
|
|
47
47
|
}, {}>, {
|
|
@@ -49,7 +49,7 @@ export declare const TextInput: import("@workday/canvas-kit-react/common").Eleme
|
|
|
49
49
|
id: string;
|
|
50
50
|
error: "error" | "alert" | undefined;
|
|
51
51
|
isRequired: boolean;
|
|
52
|
-
orientation: "
|
|
52
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
53
53
|
};
|
|
54
54
|
events: {};
|
|
55
55
|
}>;
|
|
@@ -58,7 +58,7 @@ export declare const TextInput: import("@workday/canvas-kit-react/common").Eleme
|
|
|
58
58
|
id: string;
|
|
59
59
|
error: "error" | "alert" | undefined;
|
|
60
60
|
isRequired: boolean;
|
|
61
|
-
orientation: "
|
|
61
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
62
62
|
};
|
|
63
63
|
events: {};
|
|
64
64
|
}>;
|
|
@@ -67,7 +67,7 @@ export declare const TextInput: import("@workday/canvas-kit-react/common").Eleme
|
|
|
67
67
|
id: string;
|
|
68
68
|
error: "error" | "alert" | undefined;
|
|
69
69
|
isRequired: boolean;
|
|
70
|
-
orientation: "
|
|
70
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
71
71
|
};
|
|
72
72
|
events: {};
|
|
73
73
|
}>;
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.TextInput = void 0;
|
|
7
|
-
const
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
5
|
const common_1 = require("@workday/canvas-kit-react/common");
|
|
9
6
|
const form_field_1 = require("@workday/canvas-kit-react/form-field");
|
|
10
7
|
const layout_1 = require("@workday/canvas-kit-react/layout");
|
|
@@ -22,10 +19,10 @@ exports.TextInput = (0, common_1.createContainer)('div')({
|
|
|
22
19
|
Hint: form_field_1.FormField.Hint,
|
|
23
20
|
},
|
|
24
21
|
})(({ children, orientation, grow, ...elemProps }, Element, model) => {
|
|
25
|
-
return (
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(Element, { ...(0, layout_1.mergeStyles)(elemProps, (0, form_field_1.formFieldStencil)({
|
|
26
23
|
grow,
|
|
27
|
-
orientation: orientation
|
|
24
|
+
orientation: orientation,
|
|
28
25
|
error: model.state.error,
|
|
29
26
|
required: model.state.isRequired,
|
|
30
|
-
}))
|
|
27
|
+
})), children: children }));
|
|
31
28
|
});
|
|
@@ -5,22 +5,16 @@ export declare const TextInputField: import("@workday/canvas-kit-react/common").
|
|
|
5
5
|
state: {
|
|
6
6
|
id: string;
|
|
7
7
|
error: "error" | "alert" | undefined;
|
|
8
|
-
/**
|
|
9
|
-
* @deprecated ⚠️ `TextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
|
|
10
|
-
*/
|
|
11
8
|
isRequired: boolean;
|
|
12
|
-
orientation: "
|
|
9
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
13
10
|
};
|
|
14
11
|
events: {};
|
|
15
12
|
}, {}>, {
|
|
16
13
|
state: {
|
|
17
14
|
id: string;
|
|
18
15
|
error: "error" | "alert" | undefined;
|
|
19
|
-
/**
|
|
20
|
-
* @deprecated ⚠️ `TextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead.
|
|
21
|
-
*/
|
|
22
16
|
isRequired: boolean;
|
|
23
|
-
orientation: "
|
|
17
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
24
18
|
};
|
|
25
19
|
events: {};
|
|
26
20
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputField.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextInputField.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputField.tsx"],"names":[],"mappings":"AA0CA;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;EAkCzB,CAAC"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.TextInputField = void 0;
|
|
4
|
-
|
|
5
|
-
/** @jsx jsx */
|
|
6
|
-
const react_1 = require("@emotion/react");
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
5
|
const tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
8
6
|
const common_1 = require("@workday/canvas-kit-react/common");
|
|
9
7
|
const form_field_1 = require("@workday/canvas-kit-react/form-field");
|
|
@@ -49,5 +47,5 @@ exports.TextInputField = (0, common_1.createSubcomponent)('input')({
|
|
|
49
47
|
boxShadow: `inset 0 0 0 1px ${theme.canvas.palette.common.focusOutline}`,
|
|
50
48
|
},
|
|
51
49
|
};
|
|
52
|
-
return ((0,
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)(form_field_1.FormField.Input, { as: "input", ...tokens_1.type.levels.subtext.large, cs: [baseStyles, focusStyles], padding: tokens_1.space.xxs, margin: 0, display: "block", height: "40px", minWidth: "280px", border: `1px solid ${tokens_1.inputColors.border}`, backgroundColor: tokens_1.inputColors.background, borderRadius: tokens_1.borderRadius.m, ...elemProps }));
|
|
53
51
|
});
|
|
@@ -8,7 +8,7 @@ export declare const useTextInputField: import("@workday/canvas-kit-react/common
|
|
|
8
8
|
id: string;
|
|
9
9
|
error: "error" | "alert" | undefined;
|
|
10
10
|
isRequired: boolean;
|
|
11
|
-
orientation: "
|
|
11
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
12
12
|
};
|
|
13
13
|
events: {};
|
|
14
14
|
}, {
|
|
@@ -5,31 +5,31 @@ export declare const useTextInputModel: (<TT_Special_Generic>(config?: (Partial<
|
|
|
5
5
|
error: "error" | "alert" | undefined;
|
|
6
6
|
id: string;
|
|
7
7
|
isRequired: boolean;
|
|
8
|
-
orientation: "
|
|
8
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
9
9
|
}> & {} & {}) | undefined) => {
|
|
10
10
|
state: {
|
|
11
11
|
id: string;
|
|
12
12
|
error: "error" | "alert" | undefined;
|
|
13
13
|
isRequired: boolean;
|
|
14
|
-
orientation: "
|
|
14
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
15
15
|
};
|
|
16
16
|
events: {};
|
|
17
17
|
}) & import("@workday/canvas-kit-react/common").ModelExtras<{
|
|
18
18
|
error: "error" | "alert" | undefined;
|
|
19
19
|
id: string;
|
|
20
20
|
isRequired: boolean;
|
|
21
|
-
orientation: "
|
|
21
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
22
22
|
}, {}, {
|
|
23
23
|
id: string;
|
|
24
24
|
error: "error" | "alert" | undefined;
|
|
25
25
|
isRequired: boolean;
|
|
26
|
-
orientation: "
|
|
26
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
27
27
|
}, {}, {
|
|
28
28
|
state: {
|
|
29
29
|
id: string;
|
|
30
30
|
error: "error" | "alert" | undefined;
|
|
31
31
|
isRequired: boolean;
|
|
32
|
-
orientation: "
|
|
32
|
+
orientation: "vertical" | "horizontalEnd" | "horizontalStart";
|
|
33
33
|
};
|
|
34
34
|
events: {};
|
|
35
35
|
}>;
|
|
@@ -49,7 +49,7 @@ export interface ColorPickerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
49
49
|
resetLabel?: string;
|
|
50
50
|
}
|
|
51
51
|
export declare const ColorPicker: {
|
|
52
|
-
({ colorSet, customHexInputLabel, submitLabel, onColorChange, onColorReset, onSubmitClick, resetLabel, resetColor, value, showCustomHexInput, ...elemProps }: ColorPickerProps):
|
|
52
|
+
({ colorSet, customHexInputLabel, submitLabel, onColorChange, onColorReset, onSubmitClick, resetLabel, resetColor, value, showCustomHexInput, ...elemProps }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
|
|
53
53
|
defaultColorSet: string[];
|
|
54
54
|
};
|
|
55
55
|
//# sourceMappingURL=ColorPicker.d.ts.map
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
2
|
import { colors, space } from '@workday/canvas-kit-react/tokens';
|
|
2
3
|
import { checkIcon } from '@workday/canvas-system-icons-web';
|
|
3
4
|
import { ColorInput } from '@workday/canvas-kit-react/color-picker';
|
|
@@ -120,13 +121,6 @@ export const ColorPicker = ({ colorSet = defaultColorSet, customHexInputLabel =
|
|
|
120
121
|
onColorChange(validHexValue);
|
|
121
122
|
event.preventDefault(); // don't submit the form - default action is to reload the page
|
|
122
123
|
};
|
|
123
|
-
return (
|
|
124
|
-
onColorReset && resetColor && (React.createElement(ResetButton, { onClick: onColorReset, resetColor: resetColor, label: resetLabel })),
|
|
125
|
-
React.createElement(SwatchBook, { colors: colorSet, onSelect: onColorChange, value: value }),
|
|
126
|
-
showCustomHexInput && (React.createElement(ColorInputWrapper, { onSubmit: onSubmit },
|
|
127
|
-
React.createElement(ColorInputAndLabel, null,
|
|
128
|
-
React.createElement(FormField.Label, null, customHexInputLabel),
|
|
129
|
-
React.createElement(FormField.Input, { as: HexColorInput, onChange: onCustomHexChange, onValidColorChange: onValidCustomHexChange, value: customHexValue, showCheck: value === validHexValue || value === customHexValue })),
|
|
130
|
-
React.createElement(CheckButton, { "aria-label": submitLabel, icon: checkIcon, type: "submit", disabled: disabled })))));
|
|
124
|
+
return (_jsxs(ColorPickerContainer, { ...elemProps, children: [onColorReset && resetColor && (_jsx(ResetButton, { onClick: onColorReset, resetColor: resetColor, label: resetLabel })), _jsx(SwatchBook, { colors: colorSet, onSelect: onColorChange, value: value }), showCustomHexInput && (_jsxs(ColorInputWrapper, { onSubmit: onSubmit, children: [_jsxs(ColorInputAndLabel, { children: [_jsx(FormField.Label, { children: customHexInputLabel }), _jsx(FormField.Input, { as: HexColorInput, onChange: onCustomHexChange, onValidColorChange: onValidCustomHexChange, value: customHexValue, showCheck: value === validHexValue || value === customHexValue })] }), _jsx(CheckButton, { "aria-label": submitLabel, icon: checkIcon, type: "submit", disabled: disabled })] }))] }));
|
|
131
125
|
};
|
|
132
126
|
ColorPicker.defaultColorSet = defaultColorSet;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
export interface ResetButtonProps {
|
|
3
2
|
label: string;
|
|
4
3
|
resetColor: string;
|
|
5
4
|
onClick: (color: string) => void;
|
|
6
5
|
}
|
|
7
|
-
export declare const ResetButton: ({ onClick, resetColor, label }: ResetButtonProps) =>
|
|
6
|
+
export declare const ResetButton: ({ onClick, resetColor, label }: ResetButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
7
|
//# sourceMappingURL=ColorReset.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorReset.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/ColorReset.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ColorReset.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/ColorReset.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAoCD,eAAO,MAAM,WAAW,mCAAkC,gBAAgB,4CASzE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import styled from '@emotion/styled';
|
|
3
3
|
import { colors, space, type } from '@workday/canvas-kit-react/tokens';
|
|
4
4
|
import { focusRing, hideMouseFocus } from '@workday/canvas-kit-react/common';
|
|
@@ -34,7 +34,5 @@ const Container = styled('button')({
|
|
|
34
34
|
});
|
|
35
35
|
export const ResetButton = ({ onClick, resetColor, label }) => {
|
|
36
36
|
const handleResetColor = () => onClick(resetColor);
|
|
37
|
-
return (
|
|
38
|
-
React.createElement(ColorSwatch, { color: resetColor }),
|
|
39
|
-
React.createElement(Label, null, label)));
|
|
37
|
+
return (_jsxs(Container, { onClick: handleResetColor, children: [_jsx(ColorSwatch, { color: resetColor }), _jsx(Label, { children: label })] }));
|
|
40
38
|
};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
export interface SwatchBookColorObject {
|
|
3
2
|
value: string;
|
|
4
3
|
label: string;
|
|
@@ -8,5 +7,5 @@ export interface SwatchBookProps {
|
|
|
8
7
|
value?: string;
|
|
9
8
|
onSelect: (color: string) => void;
|
|
10
9
|
}
|
|
11
|
-
export declare const SwatchBook: ({ colors, value, onSelect }: SwatchBookProps) =>
|
|
10
|
+
export declare const SwatchBook: ({ colors, value, onSelect }: SwatchBookProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
11
|
//# sourceMappingURL=SwatchBook.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwatchBook.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/SwatchBook.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SwatchBook.d.ts","sourceRoot":"","sources":["../../../../../color-picker/lib/parts/SwatchBook.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,CAAC,MAAM,GAAG,qBAAqB,CAAC,EAAE,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAkDD,eAAO,MAAM,UAAU,gCAA+B,eAAe,4CA6BpE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import styled from '@emotion/styled';
|
|
3
3
|
import { borderRadius, colors, space } from '@workday/canvas-kit-react/tokens';
|
|
4
4
|
import { focusRing, mouseFocusBehavior } from '@workday/canvas-kit-react/common';
|
|
@@ -40,13 +40,12 @@ const Container = styled('div')({
|
|
|
40
40
|
margin: `0px -${space.xxs} -${space.xxs} 0px`,
|
|
41
41
|
});
|
|
42
42
|
export const SwatchBook = ({ colors, value, onSelect }) => {
|
|
43
|
-
return (
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
})));
|
|
43
|
+
return (_jsx(Container, { children: colors.map((color, index) => {
|
|
44
|
+
const hexCode = typeof color === 'object' ? color.value : color;
|
|
45
|
+
const label = typeof color === 'object' ? color.label : color;
|
|
46
|
+
const isSelected = value ? hexCode.toLowerCase() === value.toLowerCase() : false;
|
|
47
|
+
const handleClick = () => onSelect(hexCode);
|
|
48
|
+
const handleKeyDown = (event) => (event.key === 'Enter' || event.key === ' ') && onSelect(hexCode);
|
|
49
|
+
return (_jsx(SwatchContainer, { onClick: handleClick, onKeyDown: handleKeyDown, tabIndex: 0, isSelected: isSelected, role: "button", "aria-label": label, "aria-selected": isSelected, children: _jsx(ColorSwatch, { color: hexCode, showCheck: isSelected }) }, index + '-' + color));
|
|
50
|
+
}) }));
|
|
52
51
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CSProps } from '@workday/canvas-kit-styling';
|
|
2
|
-
export declare const dividerStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{
|
|
2
|
+
export declare const dividerStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
|
|
3
3
|
space: string;
|
|
4
|
-
}, never>, {
|
|
4
|
+
}, never>, {}, {
|
|
5
5
|
space: string;
|
|
6
6
|
}, never, never>;
|
|
7
7
|
export interface DividerProps extends CSProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../divider/lib/Divider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../divider/lib/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,OAAO,EAIR,MAAM,6BAA6B,CAAC;AAGrC,eAAO,MAAM,cAAc;;;;gBAazB,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,OAAO;IAC3C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,OAAO,iFAKlB,CAAC"}
|