@workday/canvas-kit-react 8.0.0-alpha.121-next.2 → 8.0.0-alpha.136-next.5
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/action-bar/lib/ActionBarList.tsx +2 -9
- package/action-bar/package.json +2 -1
- package/avatar/index.ts +0 -4
- package/avatar/lib/Avatar.tsx +1 -3
- package/avatar/package.json +2 -1
- package/badge/index.ts +1 -1
- package/badge/lib/CountBadge.tsx +1 -3
- package/badge/package.json +2 -1
- package/banner/package.json +2 -1
- package/button/lib/deprecated_Button.tsx +1 -1
- package/button/package.json +2 -1
- package/card/package.json +2 -1
- package/checkbox/index.ts +0 -3
- package/checkbox/lib/Checkbox.tsx +2 -3
- package/checkbox/package.json +2 -1
- package/collection/index.ts +2 -0
- package/collection/lib/useBaseListModel.tsx +1 -1
- package/collection/lib/useCursorListModel.tsx +88 -20
- package/collection/lib/useGridModel.ts +34 -0
- package/collection/lib/useListItemRovingFocus.tsx +6 -4
- package/collection/package.json +2 -1
- package/color-picker/index.ts +0 -3
- package/color-picker/lib/ColorInput.tsx +0 -2
- package/color-picker/lib/ColorPreview.tsx +1 -3
- package/color-picker/package.json +2 -1
- package/common/lib/styles/focusRing.ts +1 -1
- package/common/package.json +2 -1
- package/dialog/package.json +2 -1
- package/disclosure/package.json +2 -1
- package/dist/commonjs/action-bar/lib/ActionBarList.d.ts +0 -58
- package/dist/commonjs/action-bar/lib/ActionBarList.d.ts.map +1 -1
- package/dist/commonjs/action-bar/lib/ActionBarList.js +2 -3
- package/dist/commonjs/avatar/index.d.ts +0 -3
- package/dist/commonjs/avatar/index.d.ts.map +1 -1
- package/dist/commonjs/avatar/index.js +0 -7
- package/dist/commonjs/avatar/lib/Avatar.d.ts +2 -2
- package/dist/commonjs/avatar/lib/Avatar.d.ts.map +1 -1
- package/dist/commonjs/avatar/lib/Avatar.js +4 -5
- package/dist/commonjs/badge/index.d.ts +1 -1
- package/dist/commonjs/badge/index.d.ts.map +1 -1
- package/dist/commonjs/badge/index.js +1 -4
- package/dist/commonjs/badge/lib/CountBadge.d.ts +1 -2
- package/dist/commonjs/badge/lib/CountBadge.d.ts.map +1 -1
- package/dist/commonjs/badge/lib/CountBadge.js +2 -1
- package/dist/commonjs/button/lib/deprecated_Button.js +7 -7
- package/dist/commonjs/checkbox/index.d.ts +0 -3
- package/dist/commonjs/checkbox/index.d.ts.map +1 -1
- package/dist/commonjs/checkbox/index.js +0 -7
- package/dist/commonjs/checkbox/lib/Checkbox.d.ts +0 -1
- package/dist/commonjs/checkbox/lib/Checkbox.d.ts.map +1 -1
- package/dist/commonjs/checkbox/lib/Checkbox.js +2 -3
- package/dist/commonjs/collection/index.d.ts +2 -0
- package/dist/commonjs/collection/index.d.ts.map +1 -1
- package/dist/commonjs/collection/index.js +5 -1
- package/dist/commonjs/collection/lib/useBaseListModel.js +1 -1
- package/dist/commonjs/collection/lib/useCursorListModel.d.ts +64 -101
- package/dist/commonjs/collection/lib/useCursorListModel.d.ts.map +1 -1
- package/dist/commonjs/collection/lib/useCursorListModel.js +64 -23
- package/dist/commonjs/collection/lib/useGridModel.d.ts +955 -0
- package/dist/commonjs/collection/lib/useGridModel.d.ts.map +1 -0
- package/dist/commonjs/collection/lib/useGridModel.js +52 -0
- package/dist/commonjs/collection/lib/useListItemRovingFocus.d.ts.map +1 -1
- package/dist/commonjs/collection/lib/useListItemRovingFocus.js +6 -4
- package/dist/commonjs/color-picker/index.d.ts +0 -3
- package/dist/commonjs/color-picker/index.d.ts.map +1 -1
- package/dist/commonjs/color-picker/index.js +0 -8
- package/dist/commonjs/color-picker/lib/ColorInput.d.ts +0 -1
- package/dist/commonjs/color-picker/lib/ColorInput.d.ts.map +1 -1
- package/dist/commonjs/color-picker/lib/ColorInput.js +0 -1
- package/dist/commonjs/color-picker/lib/ColorPreview.d.ts +0 -1
- package/dist/commonjs/color-picker/lib/ColorPreview.d.ts.map +1 -1
- package/dist/commonjs/color-picker/lib/ColorPreview.js +2 -3
- package/dist/commonjs/common/lib/styles/focusRing.js +2 -2
- package/dist/commonjs/form-field/index.d.ts +0 -5
- package/dist/commonjs/form-field/index.d.ts.map +1 -1
- package/dist/commonjs/form-field/index.js +0 -11
- package/dist/commonjs/form-field/lib/FormField.d.ts +1 -1
- package/dist/commonjs/form-field/lib/FormField.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/FormField.js +6 -8
- package/dist/commonjs/form-field/lib/Hint.d.ts +1 -1
- package/dist/commonjs/form-field/lib/Hint.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/Hint.js +2 -1
- package/dist/commonjs/form-field/lib/Label.d.ts +1 -1
- package/dist/commonjs/form-field/lib/Label.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/Label.js +2 -1
- package/dist/commonjs/icon/index.d.ts +0 -7
- package/dist/commonjs/icon/index.d.ts.map +1 -1
- package/dist/commonjs/icon/index.js +0 -16
- package/dist/commonjs/icon/lib/AccentIcon.d.ts +1 -2
- package/dist/commonjs/icon/lib/AccentIcon.d.ts.map +1 -1
- package/dist/commonjs/icon/lib/AccentIcon.js +4 -8
- package/dist/commonjs/icon/lib/AppletIcon.d.ts +0 -1
- package/dist/commonjs/icon/lib/AppletIcon.d.ts.map +1 -1
- package/dist/commonjs/icon/lib/AppletIcon.js +2 -6
- package/dist/commonjs/icon/lib/Graphic.d.ts +1 -2
- package/dist/commonjs/icon/lib/Graphic.d.ts.map +1 -1
- package/dist/commonjs/icon/lib/Graphic.js +4 -8
- package/dist/commonjs/icon/lib/Icon.d.ts +0 -1
- package/dist/commonjs/icon/lib/Icon.d.ts.map +1 -1
- package/dist/commonjs/icon/lib/Icon.js +2 -6
- package/dist/commonjs/icon/lib/Svg.d.ts +0 -1
- package/dist/commonjs/icon/lib/Svg.d.ts.map +1 -1
- package/dist/commonjs/icon/lib/Svg.js +0 -1
- package/dist/commonjs/icon/lib/SystemIcon.d.ts +1 -2
- package/dist/commonjs/icon/lib/SystemIcon.d.ts.map +1 -1
- package/dist/commonjs/icon/lib/SystemIcon.js +4 -8
- package/dist/commonjs/icon/lib/SystemIconCircle.d.ts +1 -2
- package/dist/commonjs/icon/lib/SystemIconCircle.d.ts.map +1 -1
- package/dist/commonjs/icon/lib/SystemIconCircle.js +4 -5
- package/dist/commonjs/layout/index.d.ts +2 -2
- package/dist/commonjs/layout/index.d.ts.map +1 -1
- package/dist/commonjs/layout/index.js +4 -7
- package/dist/commonjs/layout/lib/Column.d.ts +1 -1
- package/dist/commonjs/layout/lib/Column.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/Column.js +2 -1
- package/dist/commonjs/layout/lib/Layout.d.ts +2 -3
- package/dist/commonjs/layout/lib/Layout.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/Layout.js +8 -7
- package/dist/commonjs/layout/lib/utils/border.d.ts +8 -8
- package/dist/commonjs/layout/lib/utils/border.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/flex.d.ts +7 -7
- package/dist/commonjs/layout/lib/utils/flex.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/flexItem.d.ts +4 -4
- package/dist/commonjs/layout/lib/utils/flexItem.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/layout.d.ts +7 -7
- package/dist/commonjs/layout/lib/utils/layout.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/position.d.ts +3 -3
- package/dist/commonjs/layout/lib/utils/position.d.ts.map +1 -1
- package/dist/commonjs/loading-animation/index.d.ts +2 -4
- package/dist/commonjs/loading-animation/index.d.ts.map +1 -1
- package/dist/commonjs/loading-animation/index.js +3 -19
- package/dist/commonjs/loading-animation/lib/LoadingDots.d.ts +1 -1
- package/dist/commonjs/loading-animation/lib/LoadingDots.d.ts.map +1 -1
- package/dist/commonjs/loading-animation/lib/LoadingDots.js +7 -6
- package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.d.ts +0 -1
- package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.js +1 -1
- package/dist/commonjs/radio/index.d.ts +0 -4
- package/dist/commonjs/radio/index.d.ts.map +1 -1
- package/dist/commonjs/radio/index.js +0 -9
- package/dist/commonjs/radio/lib/Radio.d.ts +0 -1
- package/dist/commonjs/radio/lib/Radio.d.ts.map +1 -1
- package/dist/commonjs/radio/lib/Radio.js +2 -3
- package/dist/commonjs/radio/lib/RadioGroup.d.ts +1 -1
- package/dist/commonjs/radio/lib/RadioGroup.d.ts.map +1 -1
- package/dist/commonjs/radio/lib/RadioGroup.js +9 -7
- package/dist/commonjs/segmented-control/index.d.ts +0 -3
- package/dist/commonjs/segmented-control/index.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/index.js +0 -7
- package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +0 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControl.js +0 -1
- package/dist/commonjs/select/index.d.ts +0 -4
- package/dist/commonjs/select/index.d.ts.map +1 -1
- package/dist/commonjs/select/index.js +0 -9
- package/dist/commonjs/select/lib/Select.d.ts +1 -2
- package/dist/commonjs/select/lib/Select.d.ts.map +1 -1
- package/dist/commonjs/select/lib/Select.js +0 -1
- 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 -1
- package/dist/commonjs/side-panel/index.d.ts +0 -3
- package/dist/commonjs/side-panel/index.d.ts.map +1 -1
- package/dist/commonjs/side-panel/index.js +0 -7
- package/dist/commonjs/side-panel/lib/SidePanel.d.ts +1 -1
- package/dist/commonjs/side-panel/lib/SidePanel.d.ts.map +1 -1
- package/dist/commonjs/side-panel/lib/SidePanel.js +2 -2
- package/dist/commonjs/status-indicator/index.d.ts +0 -3
- package/dist/commonjs/status-indicator/index.d.ts.map +1 -1
- package/dist/commonjs/status-indicator/index.js +0 -7
- package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts +1 -1
- package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
- package/dist/commonjs/status-indicator/lib/StatusIndicator.js +2 -2
- package/dist/commonjs/switch/index.d.ts +0 -3
- package/dist/commonjs/switch/index.d.ts.map +1 -1
- package/dist/commonjs/switch/index.js +0 -7
- package/dist/commonjs/switch/lib/Switch.d.ts +0 -1
- package/dist/commonjs/switch/lib/Switch.d.ts.map +1 -1
- package/dist/commonjs/switch/lib/Switch.js +0 -1
- package/dist/commonjs/table/index.d.ts +0 -4
- package/dist/commonjs/table/index.d.ts.map +1 -1
- package/dist/commonjs/table/index.js +0 -9
- package/dist/commonjs/table/lib/Table.d.ts +1 -1
- package/dist/commonjs/table/lib/Table.d.ts.map +1 -1
- package/dist/commonjs/table/lib/Table.js +2 -2
- package/dist/commonjs/table/lib/TableRow.d.ts +1 -2
- package/dist/commonjs/table/lib/TableRow.d.ts.map +1 -1
- package/dist/commonjs/table/lib/TableRow.js +2 -3
- package/dist/commonjs/text-area/index.d.ts +0 -3
- package/dist/commonjs/text-area/index.d.ts.map +1 -1
- package/dist/commonjs/text-area/index.js +0 -7
- package/dist/commonjs/text-area/lib/TextArea.d.ts +0 -1
- package/dist/commonjs/text-area/lib/TextArea.d.ts.map +1 -1
- package/dist/commonjs/text-area/lib/TextArea.js +0 -1
- package/dist/commonjs/text-input/index.d.ts +0 -4
- package/dist/commonjs/text-input/index.d.ts.map +1 -1
- package/dist/commonjs/text-input/index.js +0 -9
- package/dist/commonjs/text-input/lib/InputIconContainer.d.ts +1 -2
- package/dist/commonjs/text-input/lib/InputIconContainer.d.ts.map +1 -1
- package/dist/commonjs/text-input/lib/InputIconContainer.js +2 -1
- package/dist/commonjs/text-input/lib/TextInput.d.ts +0 -1
- package/dist/commonjs/text-input/lib/TextInput.d.ts.map +1 -1
- package/dist/commonjs/text-input/lib/TextInput.js +0 -1
- package/dist/commonjs/toast/index.d.ts +0 -3
- package/dist/commonjs/toast/index.d.ts.map +1 -1
- package/dist/commonjs/toast/index.js +0 -4
- package/dist/commonjs/tokens/index.d.ts +1 -2
- package/dist/commonjs/tokens/index.d.ts.map +1 -1
- package/dist/commonjs/tokens/index.js +2 -3
- package/dist/commonjs/tokens/lib/radius.d.ts +1 -1
- package/dist/commonjs/tokens/lib/radius.d.ts.map +1 -1
- package/dist/commonjs/tokens/lib/radius.js +0 -1
- package/dist/commonjs/tooltip/index.d.ts +0 -2
- package/dist/commonjs/tooltip/index.d.ts.map +1 -1
- package/dist/commonjs/tooltip/index.js +0 -2
- package/dist/es6/action-bar/lib/ActionBarList.d.ts +0 -58
- package/dist/es6/action-bar/lib/ActionBarList.d.ts.map +1 -1
- package/dist/es6/action-bar/lib/ActionBarList.js +3 -4
- package/dist/es6/avatar/index.d.ts +0 -3
- package/dist/es6/avatar/index.d.ts.map +1 -1
- package/dist/es6/avatar/index.js +0 -3
- package/dist/es6/avatar/lib/Avatar.d.ts +2 -2
- package/dist/es6/avatar/lib/Avatar.d.ts.map +1 -1
- package/dist/es6/avatar/lib/Avatar.js +1 -2
- package/dist/es6/badge/index.d.ts +1 -1
- package/dist/es6/badge/index.d.ts.map +1 -1
- package/dist/es6/badge/index.js +1 -1
- package/dist/es6/badge/lib/CountBadge.d.ts +1 -2
- package/dist/es6/badge/lib/CountBadge.d.ts.map +1 -1
- package/dist/es6/badge/lib/CountBadge.js +1 -2
- package/dist/es6/button/lib/deprecated_Button.js +1 -1
- package/dist/es6/checkbox/index.d.ts +0 -3
- package/dist/es6/checkbox/index.d.ts.map +1 -1
- package/dist/es6/checkbox/index.js +0 -3
- package/dist/es6/checkbox/lib/Checkbox.d.ts +0 -1
- package/dist/es6/checkbox/lib/Checkbox.d.ts.map +1 -1
- package/dist/es6/checkbox/lib/Checkbox.js +1 -2
- package/dist/es6/collection/index.d.ts +2 -0
- package/dist/es6/collection/index.d.ts.map +1 -1
- package/dist/es6/collection/index.js +2 -0
- package/dist/es6/collection/lib/useBaseListModel.js +1 -1
- package/dist/es6/collection/lib/useCursorListModel.d.ts +64 -101
- package/dist/es6/collection/lib/useCursorListModel.d.ts.map +1 -1
- package/dist/es6/collection/lib/useCursorListModel.js +64 -23
- package/dist/es6/collection/lib/useGridModel.d.ts +955 -0
- package/dist/es6/collection/lib/useGridModel.d.ts.map +1 -0
- package/dist/es6/collection/lib/useGridModel.js +49 -0
- package/dist/es6/collection/lib/useListItemRovingFocus.d.ts.map +1 -1
- package/dist/es6/collection/lib/useListItemRovingFocus.js +6 -4
- package/dist/es6/color-picker/index.d.ts +0 -3
- package/dist/es6/color-picker/index.d.ts.map +1 -1
- package/dist/es6/color-picker/index.js +0 -3
- package/dist/es6/color-picker/lib/ColorInput.d.ts +0 -1
- package/dist/es6/color-picker/lib/ColorInput.d.ts.map +1 -1
- package/dist/es6/color-picker/lib/ColorInput.js +0 -1
- package/dist/es6/color-picker/lib/ColorPreview.d.ts +0 -1
- package/dist/es6/color-picker/lib/ColorPreview.d.ts.map +1 -1
- package/dist/es6/color-picker/lib/ColorPreview.js +1 -2
- package/dist/es6/common/lib/styles/focusRing.js +1 -1
- package/dist/es6/form-field/index.d.ts +0 -5
- package/dist/es6/form-field/index.d.ts.map +1 -1
- package/dist/es6/form-field/index.js +0 -5
- package/dist/es6/form-field/lib/FormField.d.ts +1 -1
- package/dist/es6/form-field/lib/FormField.d.ts.map +1 -1
- package/dist/es6/form-field/lib/FormField.js +3 -3
- package/dist/es6/form-field/lib/Hint.d.ts +1 -1
- package/dist/es6/form-field/lib/Hint.d.ts.map +1 -1
- package/dist/es6/form-field/lib/Hint.js +1 -1
- package/dist/es6/form-field/lib/Label.d.ts +1 -1
- package/dist/es6/form-field/lib/Label.d.ts.map +1 -1
- package/dist/es6/form-field/lib/Label.js +1 -1
- package/dist/es6/icon/index.d.ts +0 -7
- package/dist/es6/icon/index.d.ts.map +1 -1
- package/dist/es6/icon/index.js +0 -7
- package/dist/es6/icon/lib/AccentIcon.d.ts +1 -2
- package/dist/es6/icon/lib/AccentIcon.d.ts.map +1 -1
- package/dist/es6/icon/lib/AccentIcon.js +2 -3
- package/dist/es6/icon/lib/AppletIcon.d.ts +0 -1
- package/dist/es6/icon/lib/AppletIcon.d.ts.map +1 -1
- package/dist/es6/icon/lib/AppletIcon.js +1 -2
- package/dist/es6/icon/lib/Graphic.d.ts +1 -2
- package/dist/es6/icon/lib/Graphic.d.ts.map +1 -1
- package/dist/es6/icon/lib/Graphic.js +2 -3
- package/dist/es6/icon/lib/Icon.d.ts +0 -1
- package/dist/es6/icon/lib/Icon.d.ts.map +1 -1
- package/dist/es6/icon/lib/Icon.js +1 -2
- package/dist/es6/icon/lib/Svg.d.ts +0 -1
- package/dist/es6/icon/lib/Svg.d.ts.map +1 -1
- package/dist/es6/icon/lib/Svg.js +0 -1
- package/dist/es6/icon/lib/SystemIcon.d.ts +1 -2
- package/dist/es6/icon/lib/SystemIcon.d.ts.map +1 -1
- package/dist/es6/icon/lib/SystemIcon.js +2 -3
- package/dist/es6/icon/lib/SystemIconCircle.d.ts +1 -2
- package/dist/es6/icon/lib/SystemIconCircle.d.ts.map +1 -1
- package/dist/es6/icon/lib/SystemIconCircle.js +2 -3
- package/dist/es6/layout/index.d.ts +2 -2
- package/dist/es6/layout/index.d.ts.map +1 -1
- package/dist/es6/layout/index.js +2 -2
- package/dist/es6/layout/lib/Column.d.ts +1 -1
- package/dist/es6/layout/lib/Column.d.ts.map +1 -1
- package/dist/es6/layout/lib/Column.js +1 -1
- package/dist/es6/layout/lib/Layout.d.ts +2 -3
- package/dist/es6/layout/lib/Layout.d.ts.map +1 -1
- package/dist/es6/layout/lib/Layout.js +3 -3
- package/dist/es6/layout/lib/utils/border.d.ts +8 -8
- package/dist/es6/layout/lib/utils/border.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/flex.d.ts +7 -7
- package/dist/es6/layout/lib/utils/flex.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/flexItem.d.ts +4 -4
- package/dist/es6/layout/lib/utils/flexItem.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/layout.d.ts +7 -7
- package/dist/es6/layout/lib/utils/layout.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/position.d.ts +3 -3
- package/dist/es6/layout/lib/utils/position.d.ts.map +1 -1
- package/dist/es6/loading-animation/index.d.ts +2 -4
- package/dist/es6/loading-animation/index.d.ts.map +1 -1
- package/dist/es6/loading-animation/index.js +2 -4
- package/dist/es6/loading-animation/lib/LoadingDots.d.ts +1 -1
- package/dist/es6/loading-animation/lib/LoadingDots.d.ts.map +1 -1
- package/dist/es6/loading-animation/lib/LoadingDots.js +2 -2
- package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.d.ts +0 -1
- package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.js +1 -1
- package/dist/es6/radio/index.d.ts +0 -4
- package/dist/es6/radio/index.d.ts.map +1 -1
- package/dist/es6/radio/index.js +0 -4
- package/dist/es6/radio/lib/Radio.d.ts +0 -1
- package/dist/es6/radio/lib/Radio.d.ts.map +1 -1
- package/dist/es6/radio/lib/Radio.js +1 -2
- package/dist/es6/radio/lib/RadioGroup.d.ts +1 -1
- package/dist/es6/radio/lib/RadioGroup.d.ts.map +1 -1
- package/dist/es6/radio/lib/RadioGroup.js +7 -3
- package/dist/es6/segmented-control/index.d.ts +0 -3
- package/dist/es6/segmented-control/index.d.ts.map +1 -1
- package/dist/es6/segmented-control/index.js +0 -3
- package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +0 -1
- package/dist/es6/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/SegmentedControl.js +0 -1
- package/dist/es6/select/index.d.ts +0 -4
- package/dist/es6/select/index.d.ts.map +1 -1
- package/dist/es6/select/index.js +0 -4
- package/dist/es6/select/lib/Select.d.ts +1 -2
- package/dist/es6/select/lib/Select.d.ts.map +1 -1
- package/dist/es6/select/lib/Select.js +0 -1
- 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 +1 -1
- package/dist/es6/side-panel/index.d.ts +0 -3
- package/dist/es6/side-panel/index.d.ts.map +1 -1
- package/dist/es6/side-panel/index.js +0 -3
- package/dist/es6/side-panel/lib/SidePanel.d.ts +1 -1
- package/dist/es6/side-panel/lib/SidePanel.d.ts.map +1 -1
- package/dist/es6/side-panel/lib/SidePanel.js +1 -1
- package/dist/es6/status-indicator/index.d.ts +0 -3
- package/dist/es6/status-indicator/index.d.ts.map +1 -1
- package/dist/es6/status-indicator/index.js +0 -3
- package/dist/es6/status-indicator/lib/StatusIndicator.d.ts +1 -1
- package/dist/es6/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
- package/dist/es6/status-indicator/lib/StatusIndicator.js +1 -1
- package/dist/es6/switch/index.d.ts +0 -3
- package/dist/es6/switch/index.d.ts.map +1 -1
- package/dist/es6/switch/index.js +0 -3
- package/dist/es6/switch/lib/Switch.d.ts +0 -1
- package/dist/es6/switch/lib/Switch.d.ts.map +1 -1
- package/dist/es6/switch/lib/Switch.js +0 -1
- package/dist/es6/table/index.d.ts +0 -4
- package/dist/es6/table/index.d.ts.map +1 -1
- package/dist/es6/table/index.js +0 -4
- package/dist/es6/table/lib/Table.d.ts +1 -1
- package/dist/es6/table/lib/Table.d.ts.map +1 -1
- package/dist/es6/table/lib/Table.js +1 -1
- package/dist/es6/table/lib/TableRow.d.ts +1 -2
- package/dist/es6/table/lib/TableRow.d.ts.map +1 -1
- package/dist/es6/table/lib/TableRow.js +1 -2
- package/dist/es6/text-area/index.d.ts +0 -3
- package/dist/es6/text-area/index.d.ts.map +1 -1
- package/dist/es6/text-area/index.js +0 -3
- package/dist/es6/text-area/lib/TextArea.d.ts +0 -1
- package/dist/es6/text-area/lib/TextArea.d.ts.map +1 -1
- package/dist/es6/text-area/lib/TextArea.js +0 -1
- package/dist/es6/text-input/index.d.ts +0 -4
- package/dist/es6/text-input/index.d.ts.map +1 -1
- package/dist/es6/text-input/index.js +0 -4
- package/dist/es6/text-input/lib/InputIconContainer.d.ts +1 -2
- package/dist/es6/text-input/lib/InputIconContainer.d.ts.map +1 -1
- package/dist/es6/text-input/lib/InputIconContainer.js +1 -2
- package/dist/es6/text-input/lib/TextInput.d.ts +0 -1
- package/dist/es6/text-input/lib/TextInput.d.ts.map +1 -1
- package/dist/es6/text-input/lib/TextInput.js +0 -1
- package/dist/es6/toast/index.d.ts +0 -3
- package/dist/es6/toast/index.d.ts.map +1 -1
- package/dist/es6/toast/index.js +0 -3
- package/dist/es6/tokens/index.d.ts +1 -2
- package/dist/es6/tokens/index.d.ts.map +1 -1
- package/dist/es6/tokens/index.js +1 -2
- package/dist/es6/tokens/lib/radius.d.ts +1 -1
- package/dist/es6/tokens/lib/radius.d.ts.map +1 -1
- package/dist/es6/tokens/lib/radius.js +0 -1
- package/dist/es6/tooltip/index.d.ts +0 -2
- package/dist/es6/tooltip/index.d.ts.map +1 -1
- package/dist/es6/tooltip/index.js +0 -2
- package/form-field/index.ts +0 -5
- package/form-field/lib/FormField.tsx +3 -3
- package/form-field/lib/Hint.tsx +1 -1
- package/form-field/lib/Label.tsx +1 -1
- package/form-field/package.json +2 -1
- package/icon/index.ts +0 -9
- package/icon/lib/AccentIcon.tsx +2 -4
- package/icon/lib/AppletIcon.tsx +1 -3
- package/icon/lib/Graphic.tsx +2 -4
- package/icon/lib/Icon.tsx +1 -3
- package/icon/lib/Svg.tsx +0 -2
- package/icon/lib/SystemIcon.tsx +2 -4
- package/icon/lib/SystemIconCircle.tsx +2 -4
- package/icon/package.json +2 -1
- package/layout/index.ts +2 -2
- package/layout/lib/Column.tsx +1 -1
- package/layout/lib/Layout.tsx +3 -5
- package/layout/lib/utils/border.ts +8 -8
- package/layout/lib/utils/flex.ts +7 -14
- package/layout/lib/utils/flexItem.ts +4 -4
- package/layout/lib/utils/layout.ts +7 -14
- package/layout/lib/utils/position.ts +3 -3
- package/layout/package.json +2 -1
- package/loading-animation/index.ts +2 -4
- package/loading-animation/lib/LoadingDots.tsx +2 -2
- package/loading-animation/package.json +2 -1
- package/menu/package.json +2 -1
- package/modal/package.json +2 -1
- package/package.json +6 -5
- package/pagination/lib/Pagination/common/useLiveRegion.tsx +0 -2
- package/pagination/package.json +2 -1
- package/popup/package.json +2 -1
- package/radio/index.ts +0 -5
- package/radio/lib/Radio.tsx +2 -3
- package/radio/lib/RadioGroup.tsx +7 -3
- package/radio/package.json +2 -1
- package/segmented-control/index.ts +0 -4
- package/segmented-control/lib/SegmentedControl.tsx +0 -2
- package/segmented-control/package.json +2 -1
- package/select/index.ts +0 -5
- package/select/lib/Select.tsx +1 -3
- package/select/lib/SelectOption.tsx +1 -1
- package/select/package.json +2 -1
- package/side-panel/README.md +1 -1
- package/side-panel/index.ts +0 -4
- package/side-panel/lib/SidePanel.tsx +1 -1
- package/side-panel/package.json +2 -1
- package/skeleton/package.json +2 -1
- package/status-indicator/index.ts +0 -4
- package/status-indicator/lib/StatusIndicator.tsx +1 -1
- package/status-indicator/package.json +2 -1
- package/switch/index.ts +0 -4
- package/switch/lib/Switch.tsx +0 -2
- package/switch/package.json +2 -1
- package/table/index.ts +0 -5
- package/table/lib/Table.tsx +1 -1
- package/table/lib/TableRow.tsx +1 -3
- package/table/package.json +2 -1
- package/tabs/package.json +2 -1
- package/text-area/index.ts +0 -4
- package/text-area/lib/TextArea.tsx +0 -2
- package/text-area/package.json +2 -1
- package/text-input/index.ts +0 -4
- package/text-input/lib/InputIconContainer.tsx +1 -3
- package/text-input/lib/TextInput.tsx +0 -2
- package/text-input/package.json +2 -1
- package/toast/index.ts +0 -4
- package/toast/package.json +2 -1
- package/tokens/index.ts +1 -2
- package/tokens/lib/radius.ts +0 -2
- package/tokens/package.json +2 -1
- package/tooltip/index.ts +0 -3
- package/tooltip/package.json +2 -1
- package/dist/commonjs/layout/lib/utils/types.d.ts +0 -30
- package/dist/commonjs/layout/lib/utils/types.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/utils/types.js +0 -4
- package/dist/es6/layout/lib/utils/types.d.ts +0 -30
- package/dist/es6/layout/lib/utils/types.d.ts.map +0 -1
- package/dist/es6/layout/lib/utils/types.js +0 -3
- package/layout/lib/utils/types.ts +0 -199
|
@@ -40,15 +40,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
40
40
|
}
|
|
41
41
|
return t;
|
|
42
42
|
};
|
|
43
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
44
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
45
|
-
};
|
|
46
43
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
-
exports.systemIconStyles = void 0;
|
|
44
|
+
exports.SystemIcon = exports.systemIconStyles = void 0;
|
|
48
45
|
var React = __importStar(require("react"));
|
|
49
46
|
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
50
47
|
var design_assets_types_1 = require("@workday/design-assets-types");
|
|
51
|
-
var Icon_1 =
|
|
48
|
+
var Icon_1 = require("./Icon");
|
|
52
49
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
53
50
|
var systemIconStyles = function (_a) {
|
|
54
51
|
var accent = _a.accent, accentHover = _a.accentHover, _b = _a.background, background = _b === void 0 ? 'transparent' : _b, _c = _a.backgroundHover, backgroundHover = _c === void 0 ? 'transparent' : _c, _d = _a.color, color = _d === void 0 ? tokens_1.iconColors.standard : _d, _e = _a.colorHover, colorHover = _e === void 0 ? tokens_1.iconColors.hover : _e, fill = _a.fill, fillHover = _a.fillHover;
|
|
@@ -74,7 +71,7 @@ var systemIconStyles = function (_a) {
|
|
|
74
71
|
});
|
|
75
72
|
};
|
|
76
73
|
exports.systemIconStyles = systemIconStyles;
|
|
77
|
-
|
|
74
|
+
exports.SystemIcon = common_1.createComponent('span')({
|
|
78
75
|
displayName: 'SystemIcon',
|
|
79
76
|
Component: function (_a, ref, Element) {
|
|
80
77
|
var _b = _a.background, background = _b === void 0 ? 'transparent' : _b, _c = _a.backgroundHover, backgroundHover = _c === void 0 ? 'transparent' : _c, _d = _a.color, color = _d === void 0 ? tokens_1.iconColors.standard : _d, _e = _a.colorHover, colorHover = _e === void 0 ? tokens_1.iconColors.hover : _e, icon = _a.icon, accent = _a.accent, accentHover = _a.accentHover, fill = _a.fill, fillHover = _a.fillHover, size = _a.size, shouldMirror = _a.shouldMirror, elemProps = __rest(_a, ["background", "backgroundHover", "color", "colorHover", "icon", "accent", "accentHover", "fill", "fillHover", "size", "shouldMirror"]);
|
|
@@ -88,7 +85,6 @@ var SystemIcon = common_1.createComponent('span')({
|
|
|
88
85
|
fill: fill,
|
|
89
86
|
fillHover: fillHover,
|
|
90
87
|
});
|
|
91
|
-
return (React.createElement(Icon_1.
|
|
88
|
+
return (React.createElement(Icon_1.Icon, __assign({ src: icon, type: design_assets_types_1.CanvasIconTypes.System, size: size, as: Element, shouldMirror: shouldMirror, ref: ref, styles: style }, elemProps)));
|
|
92
89
|
},
|
|
93
90
|
});
|
|
94
|
-
exports.default = SystemIcon;
|
|
@@ -24,6 +24,5 @@ export interface SystemIconCircleProps extends Pick<SystemIconProps, 'shouldMirr
|
|
|
24
24
|
*/
|
|
25
25
|
size?: SystemIconCircleSize | number;
|
|
26
26
|
}
|
|
27
|
-
declare const SystemIconCircle: import("../../common").ElementComponent<"span", SystemIconCircleProps>;
|
|
28
|
-
export default SystemIconCircle;
|
|
27
|
+
export declare const SystemIconCircle: import("../../common").ElementComponent<"span", SystemIconCircleProps>;
|
|
29
28
|
//# sourceMappingURL=SystemIconCircle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemIconCircle.d.ts","sourceRoot":"","sources":["../../../../icon/lib/SystemIconCircle.tsx"],"names":[],"mappings":"AAIA,
|
|
1
|
+
{"version":3,"file":"SystemIconCircle.d.ts","sourceRoot":"","sources":["../../../../icon/lib/SystemIconCircle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,eAAe,EAAC,MAAM,cAAc,CAAC;AACzD,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAG9D,oBAAY,oBAAoB;IAC9B,EAAE,KAAK;IACP,CAAC,KAAK;IACN,CAAC,KAAK;IACN,CAAC,KAAK;IACN,EAAE,KAAK;IACP,GAAG,MAAM;CACV;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,cAAc,CAAC;IAClF;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;CACtC;AA4BD,eAAO,MAAM,gBAAgB,wEA8B3B,CAAC"}
|
|
@@ -44,12 +44,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
44
44
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
45
45
|
};
|
|
46
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
-
exports.SystemIconCircleSize = void 0;
|
|
47
|
+
exports.SystemIconCircle = exports.SystemIconCircleSize = void 0;
|
|
48
48
|
var React = __importStar(require("react"));
|
|
49
49
|
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
50
50
|
var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
|
|
51
51
|
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
52
|
-
var SystemIcon_1 =
|
|
52
|
+
var SystemIcon_1 = require("./SystemIcon");
|
|
53
53
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
54
54
|
var SystemIconCircleSize;
|
|
55
55
|
(function (SystemIconCircleSize) {
|
|
@@ -87,14 +87,13 @@ var Container = styled_1.default('div', {
|
|
|
87
87
|
height: size,
|
|
88
88
|
});
|
|
89
89
|
});
|
|
90
|
-
|
|
90
|
+
exports.SystemIconCircle = common_1.createComponent('span')({
|
|
91
91
|
displayName: 'SystemIconCircle',
|
|
92
92
|
Component: function (_a, ref, Element) {
|
|
93
93
|
var _b = _a.background, background = _b === void 0 ? tokens_1.colors.soap200 : _b, _c = _a.size, size = _c === void 0 ? SystemIconCircleSize.l : _c, icon = _a.icon, shouldMirror = _a.shouldMirror, elemProps = __rest(_a, ["background", "size", "icon", "shouldMirror"]);
|
|
94
94
|
var iconColor = common_1.pickForegroundColor(background, 'rgba(0,0,0,0.65)', tokens_1.colors.frenchVanilla100);
|
|
95
95
|
var iconSize = size * 0.625;
|
|
96
96
|
return (React.createElement(Container, __assign({ background: background, size: size }, elemProps),
|
|
97
|
-
React.createElement(SystemIcon_1.
|
|
97
|
+
React.createElement(SystemIcon_1.SystemIcon, { icon: icon, color: iconColor, colorHover: iconColor, as: Element, size: iconSize, ref: ref, shouldMirror: shouldMirror })));
|
|
98
98
|
},
|
|
99
99
|
});
|
|
100
|
-
exports.default = SystemIconCircle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AACpC,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAC,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -9,15 +9,12 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
|
|
|
9
9
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
10
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
11
|
};
|
|
12
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
13
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
14
|
-
};
|
|
15
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
13
|
exports.Column = exports.Layout = void 0;
|
|
17
|
-
var Layout_1 =
|
|
18
|
-
exports
|
|
19
|
-
var Column_1 =
|
|
20
|
-
exports
|
|
14
|
+
var Layout_1 = require("./lib/Layout");
|
|
15
|
+
Object.defineProperty(exports, "Layout", { enumerable: true, get: function () { return Layout_1.Layout; } });
|
|
16
|
+
var Column_1 = require("./lib/Column");
|
|
17
|
+
Object.defineProperty(exports, "Column", { enumerable: true, get: function () { return Column_1.Column; } });
|
|
21
18
|
__exportStar(require("./lib/Box"), exports);
|
|
22
19
|
__exportStar(require("./lib/utils/border"), exports);
|
|
23
20
|
__exportStar(require("./lib/utils/color"), exports);
|
|
@@ -18,7 +18,7 @@ export interface ColumnProps {
|
|
|
18
18
|
*/
|
|
19
19
|
width?: number | string;
|
|
20
20
|
}
|
|
21
|
-
export
|
|
21
|
+
export declare class Column extends React.Component<ColumnProps> {
|
|
22
22
|
render(): JSX.Element;
|
|
23
23
|
}
|
|
24
24
|
//# sourceMappingURL=Column.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Column.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAsCD,
|
|
1
|
+
{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Column.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC3D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAsCD,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAC/C,MAAM;CASd"}
|
|
@@ -57,6 +57,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
57
57
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
58
58
|
};
|
|
59
59
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
60
|
+
exports.Column = void 0;
|
|
60
61
|
var React = __importStar(require("react"));
|
|
61
62
|
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
62
63
|
var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
|
|
@@ -102,4 +103,4 @@ var Column = /** @class */ (function (_super) {
|
|
|
102
103
|
};
|
|
103
104
|
return Column;
|
|
104
105
|
}(React.Component));
|
|
105
|
-
exports.
|
|
106
|
+
exports.Column = Column;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import Column,
|
|
2
|
+
import { Column, ColumnProps } from './Column';
|
|
3
3
|
export interface LayoutProps {
|
|
4
4
|
/**
|
|
5
5
|
* The children of the Layout (cannot be empty).
|
|
@@ -20,10 +20,9 @@ export interface LayoutProps {
|
|
|
20
20
|
*/
|
|
21
21
|
capWidth?: boolean;
|
|
22
22
|
}
|
|
23
|
-
declare class Layout extends React.Component<LayoutProps> {
|
|
23
|
+
export declare class Layout extends React.Component<LayoutProps> {
|
|
24
24
|
static Column: typeof Column;
|
|
25
25
|
private renderChild;
|
|
26
26
|
render(): JSX.Element;
|
|
27
27
|
}
|
|
28
|
-
export default Layout;
|
|
29
28
|
//# sourceMappingURL=Layout.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAI7C,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IAC9D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkCD,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACtD,OAAc,MAAM,gBAAU;IAE9B,OAAO,CAAC,WAAW,CAgBjB;IAEK,MAAM;CAed"}
|
|
@@ -57,10 +57,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
57
57
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
58
58
|
};
|
|
59
59
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
60
|
+
exports.Layout = void 0;
|
|
60
61
|
var React = __importStar(require("react"));
|
|
61
62
|
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
62
|
-
var Column_1 =
|
|
63
|
-
var tokens_1 =
|
|
63
|
+
var Column_1 = require("./Column");
|
|
64
|
+
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
64
65
|
var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
|
|
65
66
|
var LayoutStyles = {
|
|
66
67
|
classname: 'layout',
|
|
@@ -96,7 +97,7 @@ var Layout = /** @class */ (function (_super) {
|
|
|
96
97
|
if (!React.isValidElement(child)) {
|
|
97
98
|
return;
|
|
98
99
|
}
|
|
99
|
-
if (child.type === Column_1.
|
|
100
|
+
if (child.type === Column_1.Column) {
|
|
100
101
|
var childProps = child.props;
|
|
101
102
|
if (childProps.spacing || childProps.spacing === 0) {
|
|
102
103
|
return child;
|
|
@@ -109,11 +110,11 @@ var Layout = /** @class */ (function (_super) {
|
|
|
109
110
|
}
|
|
110
111
|
Layout.prototype.render = function () {
|
|
111
112
|
var _this = this;
|
|
112
|
-
var _a = this.props, _b = _a.gutter, gutter = _b === void 0 ? tokens_1.
|
|
113
|
+
var _a = this.props, _b = _a.gutter, gutter = _b === void 0 ? tokens_1.canvas.space.xs : _b, _c = _a.spacing, spacing = _c === void 0 ? tokens_1.spaceNumbers.xs : _c, children = _a.children, capWidth = _a.capWidth, elemProps = __rest(_a, ["gutter", "spacing", "children", "capWidth"]);
|
|
113
114
|
return (React.createElement(LayoutContainer, __assign({ spacing: spacing, gutter: gutter, capWidth: capWidth }, elemProps), React.Children.map(children, function (child) { return _this.renderChild(child, spacing); })));
|
|
114
115
|
};
|
|
115
|
-
Layout.Column = Column_1.
|
|
116
|
+
Layout.Column = Column_1.Column;
|
|
116
117
|
return Layout;
|
|
117
118
|
}(React.Component));
|
|
118
|
-
Layout
|
|
119
|
-
|
|
119
|
+
exports.Layout = Layout;
|
|
120
|
+
Layout.Column = Column_1.Column;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CanvasBorderRadiusKeys, CanvasColor } from '@workday/canvas-kit-react/tokens';
|
|
2
2
|
import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import {
|
|
3
|
+
import { Property } from 'csstype';
|
|
4
4
|
/** style props to set the border properties */
|
|
5
5
|
export declare type BorderShorthandStyleProps = {
|
|
6
6
|
/** sets `border` property */
|
|
@@ -43,15 +43,15 @@ export declare type BorderRadiusStyleProps = {
|
|
|
43
43
|
/** style props to set the border style properties */
|
|
44
44
|
export declare type BorderLineStyleProps = {
|
|
45
45
|
/** sets `border-style` property */
|
|
46
|
-
borderStyle?:
|
|
46
|
+
borderStyle?: Property.Border;
|
|
47
47
|
/** sets `border-top-style` property */
|
|
48
|
-
borderTopStyle?:
|
|
48
|
+
borderTopStyle?: Property.Border;
|
|
49
49
|
/** sets `border-right-style` property (no bidirectional support) */
|
|
50
|
-
borderRightStyle?:
|
|
50
|
+
borderRightStyle?: Property.Border;
|
|
51
51
|
/** sets `border-bottom-style` property */
|
|
52
|
-
borderBottomStyle?:
|
|
52
|
+
borderBottomStyle?: Property.Border;
|
|
53
53
|
/** sets `border-left-style` property (no bidirectional support) */
|
|
54
|
-
borderLeftStyle?:
|
|
54
|
+
borderLeftStyle?: Property.Border;
|
|
55
55
|
};
|
|
56
56
|
/** style props to set the border width properties */
|
|
57
57
|
export declare type BorderWidthStyleProps = {
|
|
@@ -72,7 +72,7 @@ export declare type BorderLogicalStyleProps = {
|
|
|
72
72
|
/** sets `border-left-color` property (bidirectional support) */
|
|
73
73
|
borderInlineStartColor?: CanvasColor | (string & {});
|
|
74
74
|
/** sets `border-left-style` property (bidirectional support) */
|
|
75
|
-
borderInlineStartStyle?:
|
|
75
|
+
borderInlineStartStyle?: Property.Border;
|
|
76
76
|
/** sets `border-left-width` property (bidirectional support) */
|
|
77
77
|
borderInlineStartWidth?: string | number;
|
|
78
78
|
/** sets `border-right` property (bidirectional support) */
|
|
@@ -80,7 +80,7 @@ export declare type BorderLogicalStyleProps = {
|
|
|
80
80
|
/** sets `border-right-color` property (bidirectional support) */
|
|
81
81
|
borderInlineEndColor?: CanvasColor | (string & {});
|
|
82
82
|
/** sets `border-right-style` property (bidirectional support) */
|
|
83
|
-
borderInlineEndStyle?:
|
|
83
|
+
borderInlineEndStyle?: Property.Border;
|
|
84
84
|
/** sets `border-right-width` property (bidirectional support) */
|
|
85
85
|
borderInlineEndWidth?: string | number;
|
|
86
86
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/border.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EAEtB,WAAW,EACZ,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/border.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
2
|
/** style props to for flexbox container properties */
|
|
3
3
|
export declare type FlexStyleProps = {
|
|
4
4
|
/** sets `align-items` property */
|
|
5
|
-
alignItems?:
|
|
5
|
+
alignItems?: Property.AlignItems;
|
|
6
6
|
/** sets `align-content` property */
|
|
7
|
-
alignContent?:
|
|
7
|
+
alignContent?: Property.AlignContent;
|
|
8
8
|
/**
|
|
9
9
|
* sets `display` property
|
|
10
10
|
* @default 'flex'
|
|
11
11
|
* */
|
|
12
12
|
display?: 'flex' | 'inline-flex';
|
|
13
13
|
/** sets `justify-items` property */
|
|
14
|
-
justifyItems?:
|
|
14
|
+
justifyItems?: Property.JustifyItems;
|
|
15
15
|
/** sets `justify-content` property */
|
|
16
|
-
justifyContent?:
|
|
16
|
+
justifyContent?: Property.JustifyContent;
|
|
17
17
|
/** sets `flex-wrap` property */
|
|
18
|
-
flexWrap?:
|
|
18
|
+
flexWrap?: Property.FlexWrap;
|
|
19
19
|
/** sets `flex-direction` property */
|
|
20
|
-
flexDirection?:
|
|
20
|
+
flexDirection?: Property.FlexDirection;
|
|
21
21
|
};
|
|
22
22
|
/**
|
|
23
23
|
* A style prop function that takes component props and returns flexbox styles.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flex.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,sDAAsD;AACtD,oBAAY,cAAc,GAAG;IAC3B,kCAAkC;IAClC,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,oCAAoC;IACpC,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;;SAGK;IACL,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACjC,oCAAoC;IACpC,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,sCAAsC;IACtC,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,qCAAqC;IACrC,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;CACxC,CAAC;AAYF;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,cAAc,EAAE,KAAK,EAAE,CAAC,MAWtD"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
2
|
/** style props to for flexbox item properties */
|
|
3
3
|
export declare type FlexItemStyleProps = {
|
|
4
4
|
/** sets `flex` property */
|
|
@@ -10,11 +10,11 @@ export declare type FlexItemStyleProps = {
|
|
|
10
10
|
/** sets `flex-basis` property */
|
|
11
11
|
flexBasis?: number | string;
|
|
12
12
|
/** sets `justify-self` property */
|
|
13
|
-
justifySelf?:
|
|
13
|
+
justifySelf?: Property.JustifySelf;
|
|
14
14
|
/** sets `align-self` property */
|
|
15
|
-
alignSelf?:
|
|
15
|
+
alignSelf?: Property.AlignSelf;
|
|
16
16
|
/** sets `order` property */
|
|
17
|
-
order?:
|
|
17
|
+
order?: Property.Order;
|
|
18
18
|
};
|
|
19
19
|
/**
|
|
20
20
|
* A style prop function that takes component props and returns flexbox item styles.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flexItem.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flexItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"flexItem.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flexItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,iDAAiD;AACjD,oBAAY,kBAAkB,GAAG;IAC/B,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,mCAAmC;IACnC,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC,iCAAiC;IACjC,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,4BAA4B;IAC5B,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;CACxB,CAAC;AAaF;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,kBAAkB,EAAE,KAAK,EAAE,CAAC,MAW9D"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
2
|
/** style props to for layout properties */
|
|
3
3
|
export declare type LayoutStyleProps = {
|
|
4
4
|
/** sets `display` property */
|
|
5
|
-
display?:
|
|
5
|
+
display?: Property.Display;
|
|
6
6
|
/** sets `height` property */
|
|
7
7
|
height?: number | string;
|
|
8
8
|
/** sets `list-style property */
|
|
9
|
-
listStyle?:
|
|
9
|
+
listStyle?: Property.ListStyle;
|
|
10
10
|
/** sets `max-height` property */
|
|
11
11
|
maxHeight?: number | string;
|
|
12
12
|
/** sets `max-width` property */
|
|
@@ -16,13 +16,13 @@ export declare type LayoutStyleProps = {
|
|
|
16
16
|
/** sets `min-width` property */
|
|
17
17
|
minWidth?: number | string;
|
|
18
18
|
/** sets `overflow` property */
|
|
19
|
-
overflow?:
|
|
19
|
+
overflow?: Property.Overflow;
|
|
20
20
|
/** sets `overflow-x` property */
|
|
21
|
-
overflowX?:
|
|
21
|
+
overflowX?: Property.OverflowX;
|
|
22
22
|
/** sets `overflow-y` property */
|
|
23
|
-
overflowY?:
|
|
23
|
+
overflowY?: Property.OverflowY;
|
|
24
24
|
/** sets `vertical-align` property */
|
|
25
|
-
verticalAlign?:
|
|
25
|
+
verticalAlign?: Property.VerticalAlign;
|
|
26
26
|
/** sets `width` property */
|
|
27
27
|
width?: number | string;
|
|
28
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/layout.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,2CAA2C;AAC3C,oBAAY,gBAAgB,GAAG;IAC7B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,gCAAgC;IAChC,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,iCAAiC;IACjC,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,iCAAiC;IACjC,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,qCAAqC;IACrC,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAiBF;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,gBAAgB,EAAE,KAAK,EAAE,CAAC,MAW1D"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import {
|
|
2
|
+
import { Property } from 'csstype';
|
|
3
3
|
/** style props to for standard position properties */
|
|
4
4
|
export declare type PositionStandardProps = {
|
|
5
5
|
/** sets `position` property */
|
|
6
|
-
position?:
|
|
6
|
+
position?: Property.Position;
|
|
7
7
|
/** sets `zIndex` property */
|
|
8
|
-
zIndex?:
|
|
8
|
+
zIndex?: Property.ZIndex;
|
|
9
9
|
/** sets `top` property */
|
|
10
10
|
top?: number | string;
|
|
11
11
|
/** sets `right` property (no bidirectional support) */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/position.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/position.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,sDAAsD;AACtD,oBAAY,qBAAqB,GAAG;IAClC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB,2BAA2B;IAC3B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AA0BF,oBAAY,kBAAkB,GAAG,qBAAqB,GAAG,oBAAoB,CAAC;AAE9E;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,kBAAkB,GAAG;IAAC,KAAK,CAAC,EAAE,yBAAyB,CAAA;CAAC,EACzF,KAAK,EAAE,CAAC,MAyBT"}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import LoadingDots from './lib/LoadingDots';
|
|
2
|
-
export { LoadingDots as LoadingAnimation
|
|
3
|
-
export default LoadingDots;
|
|
4
|
-
export * from './lib/LoadingDots';
|
|
1
|
+
import { LoadingDots } from './lib/LoadingDots';
|
|
2
|
+
export { LoadingDots as LoadingAnimation };
|
|
5
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../loading-animation/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../loading-animation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAC,WAAW,IAAI,gBAAgB,EAAC,CAAC"}
|
|
@@ -1,21 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
-
};
|
|
12
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
13
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
14
|
-
};
|
|
15
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
|
-
exports.
|
|
17
|
-
var LoadingDots_1 =
|
|
18
|
-
exports
|
|
19
|
-
exports.LoadingDots = LoadingDots_1.default;
|
|
20
|
-
exports.default = LoadingDots_1.default;
|
|
21
|
-
__exportStar(require("./lib/LoadingDots"), exports);
|
|
3
|
+
exports.LoadingAnimation = void 0;
|
|
4
|
+
var LoadingDots_1 = require("./lib/LoadingDots");
|
|
5
|
+
Object.defineProperty(exports, "LoadingAnimation", { enumerable: true, get: function () { return LoadingDots_1.LoadingDots; } });
|
|
@@ -2,5 +2,5 @@ import * as React from 'react';
|
|
|
2
2
|
/**
|
|
3
3
|
* A simple component that displays three horizontal dots, to be used when some data is loading.
|
|
4
4
|
*/
|
|
5
|
-
export
|
|
5
|
+
export declare function LoadingDots(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
6
6
|
//# sourceMappingURL=LoadingDots.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingDots.d.ts","sourceRoot":"","sources":["../../../../loading-animation/lib/LoadingDots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2D/B;;GAEG;AACH,
|
|
1
|
+
{"version":3,"file":"LoadingDots.d.ts","sourceRoot":"","sources":["../../../../loading-animation/lib/LoadingDots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2D/B;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,eAUtE"}
|
|
@@ -45,9 +45,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
45
45
|
return t;
|
|
46
46
|
};
|
|
47
47
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
+
exports.LoadingDots = void 0;
|
|
48
49
|
var React = __importStar(require("react"));
|
|
49
50
|
var react_1 = require("@emotion/react");
|
|
50
|
-
var tokens_1 =
|
|
51
|
+
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
51
52
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
52
53
|
/**
|
|
53
54
|
* Keyframe for the dots loading animation.
|
|
@@ -57,14 +58,14 @@ var keyframesLoading = react_1.keyframes(templateObject_1 || (templateObject_1 =
|
|
|
57
58
|
* The actual loading dot div.
|
|
58
59
|
*/
|
|
59
60
|
var LoadingAnimationDot = common_1.styled('div')({
|
|
60
|
-
backgroundColor: tokens_1.
|
|
61
|
-
width: tokens_1.
|
|
62
|
-
height: tokens_1.
|
|
61
|
+
backgroundColor: tokens_1.canvas.colors.soap400,
|
|
62
|
+
width: tokens_1.canvas.space.s,
|
|
63
|
+
height: tokens_1.canvas.space.s,
|
|
63
64
|
fontSize: '0px',
|
|
64
65
|
borderRadius: tokens_1.borderRadius.circle,
|
|
65
66
|
transform: 'scale(0)',
|
|
66
67
|
display: 'inline-block',
|
|
67
|
-
marginRight: tokens_1.
|
|
68
|
+
marginRight: tokens_1.canvas.space.xxs,
|
|
68
69
|
animationName: keyframesLoading,
|
|
69
70
|
animationDuration: '1400ms',
|
|
70
71
|
animationIterationCount: 'infinite',
|
|
@@ -95,5 +96,5 @@ function LoadingDots(props) {
|
|
|
95
96
|
React.createElement(LoadingAnimationDot, { animationDelay: 160 }),
|
|
96
97
|
React.createElement(LoadingAnimationDot, { animationDelay: 320 })));
|
|
97
98
|
}
|
|
98
|
-
exports.
|
|
99
|
+
exports.LoadingDots = LoadingDots;
|
|
99
100
|
var templateObject_1;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
declare type UseLiveRegionConfig = {
|
|
2
2
|
'aria-atomic'?: React.AriaAttributes['aria-atomic'];
|
|
3
3
|
'aria-live'?: 'polite' | 'assertive';
|
|
4
|
-
'aria-relevant'?: React.AriaAttributes['aria-relevant'];
|
|
5
4
|
role?: 'status' | 'alert' | 'log';
|
|
6
5
|
shouldAnnounceToScreenReader?: boolean;
|
|
7
6
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLiveRegion.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/common/useLiveRegion.tsx"],"names":[],"mappings":"AAAA,aAAK,mBAAmB,GAAG;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrC,
|
|
1
|
+
{"version":3,"file":"useLiveRegion.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/common/useLiveRegion.tsx"],"names":[],"mappings":"AAAA,aAAK,mBAAmB,GAAG;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAClC,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,sBAA4B,uBAW/D"}
|
|
@@ -27,7 +27,7 @@ function useLiveRegion(config) {
|
|
|
27
27
|
if (config === void 0) { config = {}; }
|
|
28
28
|
var _a = config.shouldAnnounceToScreenReader, shouldAnnounceToScreenReader = _a === void 0 ? true : _a, restConfig = __rest(config, ["shouldAnnounceToScreenReader"]);
|
|
29
29
|
if (shouldAnnounceToScreenReader) {
|
|
30
|
-
return __assign({ 'aria-atomic': true, 'aria-live': 'polite',
|
|
30
|
+
return __assign({ 'aria-atomic': true, 'aria-live': 'polite', role: 'status' }, restConfig);
|
|
31
31
|
}
|
|
32
32
|
return {};
|
|
33
33
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../radio/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}
|
|
@@ -9,15 +9,6 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
|
|
|
9
9
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
10
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
11
|
};
|
|
12
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
13
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
14
|
-
};
|
|
15
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
|
-
exports.RadioGroup = exports.Radio = void 0;
|
|
17
|
-
var Radio_1 = __importDefault(require("./lib/Radio"));
|
|
18
|
-
exports.Radio = Radio_1.default;
|
|
19
|
-
exports.default = Radio_1.default;
|
|
20
|
-
var RadioGroup_1 = require("./lib/RadioGroup");
|
|
21
|
-
Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return __importDefault(RadioGroup_1).default; } });
|
|
22
13
|
__exportStar(require("./lib/Radio"), exports);
|
|
23
14
|
__exportStar(require("./lib/RadioGroup"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../radio/lib/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,SAAS,EAEV,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../radio/lib/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,SAAS,EAEV,MAAM,kCAAkC,CAAC;AAS1C,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AAkPD,eAAO,MAAM,KAAK,8DAgDhB,CAAC"}
|
|
@@ -44,7 +44,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
44
44
|
exports.Radio = void 0;
|
|
45
45
|
var React = __importStar(require("react"));
|
|
46
46
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
47
|
-
var tokens_1 =
|
|
47
|
+
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
48
48
|
var radioBorderRadius = 9;
|
|
49
49
|
var radioDot = 8;
|
|
50
50
|
var radioHeight = 18;
|
|
@@ -223,7 +223,7 @@ var RadioCheck = common_1.styled('div')({
|
|
|
223
223
|
transform: checked ? 'scale(1)' : 'scale(0.5)',
|
|
224
224
|
});
|
|
225
225
|
});
|
|
226
|
-
var RadioLabel = common_1.styled('label')(__assign(__assign({}, tokens_1.
|
|
226
|
+
var RadioLabel = common_1.styled('label')(__assign(__assign({}, tokens_1.canvas.type.levels.subtext.large), { paddingLeft: radioLabelDistance }), function (_a) {
|
|
227
227
|
var variant = _a.variant;
|
|
228
228
|
return (variant === 'inverse' ? { color: tokens_1.colors.frenchVanilla100 } : undefined);
|
|
229
229
|
}, function (_a) {
|
|
@@ -249,4 +249,3 @@ exports.Radio = common_1.createComponent('input')({
|
|
|
249
249
|
label && (React.createElement(RadioLabel, { htmlFor: inputId, disabled: disabled, variant: variant }, label))));
|
|
250
250
|
},
|
|
251
251
|
});
|
|
252
|
-
exports.default = exports.Radio;
|