@itwin/core-react 4.0.0-dev.7 → 4.0.0-dev.9
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/CHANGELOG.md +1 -93
- package/lib/cjs/core-react/UiCore.d.ts +1 -1
- package/lib/cjs/core-react/UiCore.js +1 -1
- package/lib/cjs/core-react/UiCore.js.map +1 -1
- package/lib/cjs/core-react/_typography.scss +7 -8
- package/lib/cjs/core-react/autosuggest/AutoSuggest.scss +2 -3
- package/lib/cjs/core-react/badge/BetaBadge.d.ts +0 -1
- package/lib/cjs/core-react/badge/BetaBadge.d.ts.map +1 -1
- package/lib/cjs/core-react/badge/BetaBadge.js +0 -1
- package/lib/cjs/core-react/badge/BetaBadge.js.map +1 -1
- package/lib/cjs/core-react/button/button.scss +31 -42
- package/lib/cjs/core-react/button/variables.scss +10 -7
- package/lib/cjs/core-react/checkbox/checkbox.scss +11 -16
- package/lib/cjs/core-react/checklistbox/CheckListBox.d.ts +4 -1
- package/lib/cjs/core-react/checklistbox/CheckListBox.d.ts.map +1 -1
- package/lib/cjs/core-react/checklistbox/CheckListBox.js.map +1 -1
- package/lib/cjs/core-react/classes.scss +0 -4
- package/lib/cjs/core-react/colorthemes.scss +42 -10
- package/lib/cjs/core-react/colorvariables.scss +53 -15
- package/lib/cjs/core-react/contextmenu/ContextMenu.d.ts +2 -0
- package/lib/cjs/core-react/contextmenu/ContextMenu.d.ts.map +1 -1
- package/lib/cjs/core-react/contextmenu/ContextMenu.js.map +1 -1
- package/lib/cjs/core-react/contextmenu/ContextMenu.scss +7 -8
- package/lib/cjs/core-react/contextmenu/ContextSubMenu.js +1 -1
- package/lib/cjs/core-react/contextmenu/ContextSubMenu.js.map +1 -1
- package/lib/cjs/core-react/dialog/Dialog.scss +4 -5
- package/lib/cjs/core-react/expandable/ExpandableList.d.ts +2 -0
- package/lib/cjs/core-react/expandable/ExpandableList.d.ts.map +1 -1
- package/lib/cjs/core-react/expandable/ExpandableList.js.map +1 -1
- package/lib/cjs/core-react/expandable/list.scss +7 -17
- package/lib/cjs/core-react/hocs/withTimeout.js.map +1 -1
- package/lib/cjs/core-react/icons/IconComponent.d.ts +1 -1
- package/lib/cjs/core-react/icons/IconComponent.d.ts.map +1 -1
- package/lib/cjs/core-react/icons/IconComponent.js +1 -7
- package/lib/cjs/core-react/icons/IconComponent.js.map +1 -1
- package/lib/cjs/core-react/icons/SvgPath.d.ts +1 -1
- package/lib/cjs/core-react/icons/SvgPath.d.ts.map +1 -1
- package/lib/cjs/core-react/icons/SvgPath.js +2 -2
- package/lib/cjs/core-react/icons/SvgPath.js.map +1 -1
- package/lib/{esm/core-react/icons/SvgSprite.scss → cjs/core-react/icons/SvgPath.scss} +1 -1
- package/lib/cjs/core-react/imagecheckbox/ImageCheckBox.scss +4 -5
- package/lib/cjs/core-react/index.scss +0 -4
- package/lib/cjs/core-react/inputs/Input.d.ts +2 -4
- package/lib/cjs/core-react/inputs/Input.d.ts.map +1 -1
- package/lib/cjs/core-react/inputs/Input.js +1 -2
- package/lib/cjs/core-react/inputs/Input.js.map +1 -1
- package/lib/cjs/core-react/inputs/InputLabel.d.ts +2 -0
- package/lib/cjs/core-react/inputs/InputLabel.d.ts.map +1 -1
- package/lib/cjs/core-react/inputs/InputLabel.js.map +1 -1
- package/lib/cjs/core-react/inputs/classes.scss +0 -2
- package/lib/cjs/core-react/inputs/index.scss +1 -3
- package/lib/cjs/core-react/inputs/input-label.scss +90 -0
- package/lib/cjs/core-react/inputs/input.scss +36 -38
- package/lib/cjs/core-react/inputs/variables.scss +20 -15
- package/lib/cjs/core-react/listbox/Listbox.scss +3 -3
- package/lib/cjs/core-react/loading/LoadingSpinner.d.ts +1 -2
- package/lib/cjs/core-react/loading/LoadingSpinner.d.ts.map +1 -1
- package/lib/cjs/core-react/loading/LoadingSpinner.js +1 -16
- package/lib/cjs/core-react/loading/LoadingSpinner.js.map +1 -1
- package/lib/cjs/core-react/loading/LoadingSpinner.scss +4 -5
- package/lib/cjs/core-react/messagebox/MessageBox.d.ts +4 -0
- package/lib/cjs/core-react/messagebox/MessageBox.d.ts.map +1 -1
- package/lib/cjs/core-react/messagebox/MessageBox.js.map +1 -1
- package/lib/cjs/core-react/popup/Popup.d.ts +2 -0
- package/lib/cjs/core-react/popup/Popup.d.ts.map +1 -1
- package/lib/cjs/core-react/popup/Popup.js.map +1 -1
- package/lib/cjs/core-react/popup/Popup.scss +123 -123
- package/lib/cjs/core-react/radialmenu/RadialMenu.d.ts +4 -0
- package/lib/cjs/core-react/radialmenu/RadialMenu.d.ts.map +1 -1
- package/lib/cjs/core-react/radialmenu/RadialMenu.js.map +1 -1
- package/lib/cjs/core-react/radialmenu/RadialMenu.scss +1 -2
- package/lib/cjs/core-react/searchbox/SearchBox.scss +2 -4
- package/lib/cjs/core-react/settings/SettingsContainer.js +1 -1
- package/lib/cjs/core-react/settings/SettingsContainer.js.map +1 -1
- package/lib/cjs/core-react/settings/SettingsContainer.scss +8 -7
- package/lib/cjs/core-react/style/baseline.scss +6 -8
- package/lib/cjs/core-react/style/data-viz.scss +11 -14
- package/lib/cjs/core-react/style/itwinui-overrides.scss +0 -1
- package/lib/cjs/core-react/style/mixins.scss +0 -1
- package/lib/cjs/core-react/style/opacity.scss +9 -10
- package/lib/cjs/core-react/style/space.scss +9 -13
- package/lib/cjs/core-react/style/speed.scss +3 -4
- package/lib/cjs/core-react/style/typography.scss +26 -25
- package/lib/cjs/core-react/style/variables.scss +4 -5
- package/lib/cjs/core-react/tabs/Tabs.d.ts +1 -1
- package/lib/cjs/core-react/tabs/Tabs.js.map +1 -1
- package/lib/cjs/core-react/tabs/classes.scss +0 -1
- package/lib/cjs/core-react/tabs/index.scss +0 -1
- package/lib/cjs/core-react/tabs/tabs.scss +38 -49
- package/lib/cjs/core-react/tabs/vertical.scss +17 -23
- package/lib/cjs/core-react/text/classes.scss +0 -8
- package/lib/cjs/core-react/text/index.scss +0 -8
- package/lib/cjs/core-react/text/mixins.scss +8 -46
- package/lib/cjs/core-react/tree/Node.scss +5 -5
- package/lib/cjs/core-react.d.ts +1 -41
- package/lib/cjs/core-react.d.ts.map +1 -1
- package/lib/cjs/core-react.js +1 -41
- package/lib/cjs/core-react.js.map +1 -1
- package/lib/esm/core-react/UiCore.d.ts +1 -1
- package/lib/esm/core-react/UiCore.js +1 -1
- package/lib/esm/core-react/UiCore.js.map +1 -1
- package/lib/esm/core-react/_typography.scss +7 -8
- package/lib/esm/core-react/autosuggest/AutoSuggest.scss +2 -3
- package/lib/esm/core-react/badge/BetaBadge.d.ts +0 -1
- package/lib/esm/core-react/badge/BetaBadge.d.ts.map +1 -1
- package/lib/esm/core-react/badge/BetaBadge.js +0 -1
- package/lib/esm/core-react/badge/BetaBadge.js.map +1 -1
- package/lib/esm/core-react/button/button.scss +31 -42
- package/lib/esm/core-react/button/variables.scss +10 -7
- package/lib/esm/core-react/checkbox/checkbox.scss +11 -16
- package/lib/esm/core-react/checklistbox/CheckListBox.d.ts +4 -1
- package/lib/esm/core-react/checklistbox/CheckListBox.d.ts.map +1 -1
- package/lib/esm/core-react/checklistbox/CheckListBox.js.map +1 -1
- package/lib/esm/core-react/classes.scss +0 -4
- package/lib/esm/core-react/colorthemes.scss +42 -10
- package/lib/esm/core-react/colorvariables.scss +53 -15
- package/lib/esm/core-react/contextmenu/ContextMenu.d.ts +2 -0
- package/lib/esm/core-react/contextmenu/ContextMenu.d.ts.map +1 -1
- package/lib/esm/core-react/contextmenu/ContextMenu.js.map +1 -1
- package/lib/esm/core-react/contextmenu/ContextMenu.scss +7 -8
- package/lib/esm/core-react/contextmenu/ContextSubMenu.js +2 -2
- package/lib/esm/core-react/contextmenu/ContextSubMenu.js.map +1 -1
- package/lib/esm/core-react/dialog/Dialog.scss +4 -5
- package/lib/esm/core-react/expandable/ExpandableList.d.ts +2 -0
- package/lib/esm/core-react/expandable/ExpandableList.d.ts.map +1 -1
- package/lib/esm/core-react/expandable/ExpandableList.js.map +1 -1
- package/lib/esm/core-react/expandable/list.scss +7 -17
- package/lib/esm/core-react/hocs/withTimeout.js.map +1 -1
- package/lib/esm/core-react/icons/IconComponent.d.ts +1 -1
- package/lib/esm/core-react/icons/IconComponent.d.ts.map +1 -1
- package/lib/esm/core-react/icons/IconComponent.js +1 -7
- package/lib/esm/core-react/icons/IconComponent.js.map +1 -1
- package/lib/esm/core-react/icons/SvgPath.d.ts +1 -1
- package/lib/esm/core-react/icons/SvgPath.d.ts.map +1 -1
- package/lib/esm/core-react/icons/SvgPath.js +2 -2
- package/lib/esm/core-react/icons/SvgPath.js.map +1 -1
- package/lib/{cjs/core-react/icons/SvgSprite.scss → esm/core-react/icons/SvgPath.scss} +1 -1
- package/lib/esm/core-react/imagecheckbox/ImageCheckBox.scss +4 -5
- package/lib/esm/core-react/index.scss +0 -4
- package/lib/esm/core-react/inputs/Input.d.ts +2 -4
- package/lib/esm/core-react/inputs/Input.d.ts.map +1 -1
- package/lib/esm/core-react/inputs/Input.js +1 -2
- package/lib/esm/core-react/inputs/Input.js.map +1 -1
- package/lib/esm/core-react/inputs/InputLabel.d.ts +2 -0
- package/lib/esm/core-react/inputs/InputLabel.d.ts.map +1 -1
- package/lib/esm/core-react/inputs/InputLabel.js.map +1 -1
- package/lib/esm/core-react/inputs/classes.scss +0 -2
- package/lib/esm/core-react/inputs/index.scss +1 -3
- package/lib/esm/core-react/inputs/input-label.scss +90 -0
- package/lib/esm/core-react/inputs/input.scss +36 -38
- package/lib/esm/core-react/inputs/variables.scss +20 -15
- package/lib/esm/core-react/listbox/Listbox.scss +3 -3
- package/lib/esm/core-react/loading/LoadingSpinner.d.ts +1 -2
- package/lib/esm/core-react/loading/LoadingSpinner.d.ts.map +1 -1
- package/lib/esm/core-react/loading/LoadingSpinner.js +1 -16
- package/lib/esm/core-react/loading/LoadingSpinner.js.map +1 -1
- package/lib/esm/core-react/loading/LoadingSpinner.scss +4 -5
- package/lib/esm/core-react/messagebox/MessageBox.d.ts +4 -0
- package/lib/esm/core-react/messagebox/MessageBox.d.ts.map +1 -1
- package/lib/esm/core-react/messagebox/MessageBox.js.map +1 -1
- package/lib/esm/core-react/popup/Popup.d.ts +2 -0
- package/lib/esm/core-react/popup/Popup.d.ts.map +1 -1
- package/lib/esm/core-react/popup/Popup.js.map +1 -1
- package/lib/esm/core-react/popup/Popup.scss +123 -123
- package/lib/esm/core-react/radialmenu/RadialMenu.d.ts +4 -0
- package/lib/esm/core-react/radialmenu/RadialMenu.d.ts.map +1 -1
- package/lib/esm/core-react/radialmenu/RadialMenu.js.map +1 -1
- package/lib/esm/core-react/radialmenu/RadialMenu.scss +1 -2
- package/lib/esm/core-react/searchbox/SearchBox.scss +2 -4
- package/lib/esm/core-react/settings/SettingsContainer.js +1 -1
- package/lib/esm/core-react/settings/SettingsContainer.js.map +1 -1
- package/lib/esm/core-react/settings/SettingsContainer.scss +8 -7
- package/lib/esm/core-react/style/baseline.scss +6 -8
- package/lib/esm/core-react/style/data-viz.scss +11 -14
- package/lib/esm/core-react/style/itwinui-overrides.scss +0 -1
- package/lib/esm/core-react/style/mixins.scss +0 -1
- package/lib/esm/core-react/style/opacity.scss +9 -10
- package/lib/esm/core-react/style/space.scss +9 -13
- package/lib/esm/core-react/style/speed.scss +3 -4
- package/lib/esm/core-react/style/typography.scss +26 -25
- package/lib/esm/core-react/style/variables.scss +4 -5
- package/lib/esm/core-react/tabs/Tabs.d.ts +1 -1
- package/lib/esm/core-react/tabs/Tabs.js.map +1 -1
- package/lib/esm/core-react/tabs/classes.scss +0 -1
- package/lib/esm/core-react/tabs/index.scss +0 -1
- package/lib/esm/core-react/tabs/tabs.scss +38 -49
- package/lib/esm/core-react/tabs/vertical.scss +17 -23
- package/lib/esm/core-react/text/classes.scss +0 -8
- package/lib/esm/core-react/text/index.scss +0 -8
- package/lib/esm/core-react/text/mixins.scss +8 -46
- package/lib/esm/core-react/tree/Node.scss +5 -5
- package/lib/esm/core-react.d.ts +1 -41
- package/lib/esm/core-react.d.ts.map +1 -1
- package/lib/esm/core-react.js +1 -41
- package/lib/esm/core-react.js.map +1 -1
- package/package.json +23 -21
- package/lib/cjs/core-react/badge/BetaBadge.scss +0 -9
- package/lib/cjs/core-react/button/Button.d.ts +0 -48
- package/lib/cjs/core-react/button/Button.d.ts.map +0 -1
- package/lib/cjs/core-react/button/Button.js +0 -86
- package/lib/cjs/core-react/button/Button.js.map +0 -1
- package/lib/cjs/core-react/checkbox/Checkbox.d.ts +0 -57
- package/lib/cjs/core-react/checkbox/Checkbox.d.ts.map +0 -1
- package/lib/cjs/core-react/checkbox/Checkbox.js +0 -65
- package/lib/cjs/core-react/checkbox/Checkbox.js.map +0 -1
- package/lib/cjs/core-react/dialog/DialogButtonDef.d.ts +0 -47
- package/lib/cjs/core-react/dialog/DialogButtonDef.d.ts.map +0 -1
- package/lib/cjs/core-react/dialog/DialogButtonDef.js +0 -38
- package/lib/cjs/core-react/dialog/DialogButtonDef.js.map +0 -1
- package/lib/cjs/core-react/expandable/ExpandableBlock.d.ts +0 -34
- package/lib/cjs/core-react/expandable/ExpandableBlock.d.ts.map +0 -1
- package/lib/cjs/core-react/expandable/ExpandableBlock.js +0 -36
- package/lib/cjs/core-react/expandable/ExpandableBlock.js.map +0 -1
- package/lib/cjs/core-react/expandable/ExpandableBlock.scss +0 -145
- package/lib/cjs/core-react/form/Field.d.ts +0 -20
- package/lib/cjs/core-react/form/Field.d.ts.map +0 -1
- package/lib/cjs/core-react/form/Field.js +0 -45
- package/lib/cjs/core-react/form/Field.js.map +0 -1
- package/lib/cjs/core-react/form/Form.d.ts +0 -132
- package/lib/cjs/core-react/form/Form.d.ts.map +0 -1
- package/lib/cjs/core-react/form/Form.js +0 -132
- package/lib/cjs/core-react/form/Form.js.map +0 -1
- package/lib/cjs/core-react/form/Form.scss +0 -78
- package/lib/cjs/core-react/icons/SvgSprite.d.ts +0 -21
- package/lib/cjs/core-react/icons/SvgSprite.d.ts.map +0 -1
- package/lib/cjs/core-react/icons/SvgSprite.js +0 -27
- package/lib/cjs/core-react/icons/SvgSprite.js.map +0 -1
- package/lib/cjs/core-react/inputs/LabeledInput.d.ts +0 -18
- package/lib/cjs/core-react/inputs/LabeledInput.d.ts.map +0 -1
- package/lib/cjs/core-react/inputs/LabeledInput.js +0 -34
- package/lib/cjs/core-react/inputs/LabeledInput.js.map +0 -1
- package/lib/cjs/core-react/inputs/LabeledTextarea.d.ts +0 -18
- package/lib/cjs/core-react/inputs/LabeledTextarea.d.ts.map +0 -1
- package/lib/cjs/core-react/inputs/LabeledTextarea.js +0 -32
- package/lib/cjs/core-react/inputs/LabeledTextarea.js.map +0 -1
- package/lib/cjs/core-react/inputs/Textarea.d.ts +0 -23
- package/lib/cjs/core-react/inputs/Textarea.d.ts.map +0 -1
- package/lib/cjs/core-react/inputs/Textarea.js +0 -36
- package/lib/cjs/core-react/inputs/Textarea.js.map +0 -1
- package/lib/cjs/core-react/inputs/labeled-input.scss +0 -103
- package/lib/cjs/core-react/inputs/labeled-textarea.scss +0 -77
- package/lib/cjs/core-react/inputs/textarea.scss +0 -55
- package/lib/cjs/core-react/loading/Spinner.d.ts +0 -38
- package/lib/cjs/core-react/loading/Spinner.d.ts.map +0 -1
- package/lib/cjs/core-react/loading/Spinner.js +0 -61
- package/lib/cjs/core-react/loading/Spinner.js.map +0 -1
- package/lib/cjs/core-react/loading/Spinner.scss +0 -26
- package/lib/cjs/core-react/messagebox/MessageSeverity.d.ts +0 -16
- package/lib/cjs/core-react/messagebox/MessageSeverity.d.ts.map +0 -1
- package/lib/cjs/core-react/messagebox/MessageSeverity.js +0 -24
- package/lib/cjs/core-react/messagebox/MessageSeverity.js.map +0 -1
- package/lib/cjs/core-react/progress-indicators/ProgressBar.d.ts +0 -29
- package/lib/cjs/core-react/progress-indicators/ProgressBar.d.ts.map +0 -1
- package/lib/cjs/core-react/progress-indicators/ProgressBar.js +0 -48
- package/lib/cjs/core-react/progress-indicators/ProgressBar.js.map +0 -1
- package/lib/cjs/core-react/progress-indicators/ProgressSpinner.d.ts +0 -49
- package/lib/cjs/core-react/progress-indicators/ProgressSpinner.d.ts.map +0 -1
- package/lib/cjs/core-react/progress-indicators/ProgressSpinner.js +0 -74
- package/lib/cjs/core-react/progress-indicators/ProgressSpinner.js.map +0 -1
- package/lib/cjs/core-react/progress-indicators/classes.scss +0 -33
- package/lib/cjs/core-react/progress-indicators/index.scss +0 -6
- package/lib/cjs/core-react/progress-indicators/progress-bar.scss +0 -91
- package/lib/cjs/core-react/progress-indicators/progress-spinner.scss +0 -132
- package/lib/cjs/core-react/radio/Radio.d.ts +0 -20
- package/lib/cjs/core-react/radio/Radio.d.ts.map +0 -1
- package/lib/cjs/core-react/radio/Radio.js +0 -28
- package/lib/cjs/core-react/radio/Radio.js.map +0 -1
- package/lib/cjs/core-react/radio/classes.scss +0 -7
- package/lib/cjs/core-react/radio/index.scss +0 -8
- package/lib/cjs/core-react/radio/radio.scss +0 -89
- package/lib/cjs/core-react/select/LabeledSelect.d.ts +0 -20
- package/lib/cjs/core-react/select/LabeledSelect.d.ts.map +0 -1
- package/lib/cjs/core-react/select/LabeledSelect.js +0 -34
- package/lib/cjs/core-react/select/LabeledSelect.js.map +0 -1
- package/lib/cjs/core-react/select/LabeledThemedSelect.d.ts +0 -16
- package/lib/cjs/core-react/select/LabeledThemedSelect.d.ts.map +0 -1
- package/lib/cjs/core-react/select/LabeledThemedSelect.js +0 -31
- package/lib/cjs/core-react/select/LabeledThemedSelect.js.map +0 -1
- package/lib/cjs/core-react/select/Select.d.ts +0 -53
- package/lib/cjs/core-react/select/Select.d.ts.map +0 -1
- package/lib/cjs/core-react/select/Select.js +0 -60
- package/lib/cjs/core-react/select/Select.js.map +0 -1
- package/lib/cjs/core-react/select/ThemedSelect.d.ts +0 -104
- package/lib/cjs/core-react/select/ThemedSelect.d.ts.map +0 -1
- package/lib/cjs/core-react/select/ThemedSelect.js +0 -57
- package/lib/cjs/core-react/select/ThemedSelect.js.map +0 -1
- package/lib/cjs/core-react/select/classes.scss +0 -9
- package/lib/cjs/core-react/select/index.scss +0 -10
- package/lib/cjs/core-react/select/labeled-select.scss +0 -72
- package/lib/cjs/core-react/select/labeled-themed-select.scss +0 -77
- package/lib/cjs/core-react/select/modalHelper.d.ts +0 -5
- package/lib/cjs/core-react/select/modalHelper.d.ts.map +0 -1
- package/lib/cjs/core-react/select/modalHelper.js +0 -21
- package/lib/cjs/core-react/select/modalHelper.js.map +0 -1
- package/lib/cjs/core-react/select/select.scss +0 -74
- package/lib/cjs/core-react/select/themed-select.scss +0 -159
- package/lib/cjs/core-react/slider/Slider.d.ts +0 -80
- package/lib/cjs/core-react/slider/Slider.d.ts.map +0 -1
- package/lib/cjs/core-react/slider/Slider.js +0 -91
- package/lib/cjs/core-react/slider/Slider.js.map +0 -1
- package/lib/cjs/core-react/slider/Slider.scss +0 -96
- package/lib/cjs/core-react/splitbutton/SplitButton.d.ts +0 -62
- package/lib/cjs/core-react/splitbutton/SplitButton.d.ts.map +0 -1
- package/lib/cjs/core-react/splitbutton/SplitButton.js +0 -104
- package/lib/cjs/core-react/splitbutton/SplitButton.js.map +0 -1
- package/lib/cjs/core-react/splitbutton/SplitButton.scss +0 -137
- package/lib/cjs/core-react/tabs/HorizontalTabs.d.ts +0 -11
- package/lib/cjs/core-react/tabs/HorizontalTabs.d.ts.map +0 -1
- package/lib/cjs/core-react/tabs/HorizontalTabs.js +0 -22
- package/lib/cjs/core-react/tabs/HorizontalTabs.js.map +0 -1
- package/lib/cjs/core-react/tabs/horizontal.scss +0 -77
- package/lib/cjs/core-react/text/Headline.d.ts +0 -11
- package/lib/cjs/core-react/text/Headline.d.ts.map +0 -1
- package/lib/cjs/core-react/text/Headline.js +0 -21
- package/lib/cjs/core-react/text/Headline.js.map +0 -1
- package/lib/cjs/core-react/text/LeadingText.d.ts +0 -11
- package/lib/cjs/core-react/text/LeadingText.d.ts.map +0 -1
- package/lib/cjs/core-react/text/LeadingText.js +0 -21
- package/lib/cjs/core-react/text/LeadingText.js.map +0 -1
- package/lib/cjs/core-react/text/LeadingText2.d.ts +0 -11
- package/lib/cjs/core-react/text/LeadingText2.d.ts.map +0 -1
- package/lib/cjs/core-react/text/LeadingText2.js +0 -21
- package/lib/cjs/core-react/text/LeadingText2.js.map +0 -1
- package/lib/cjs/core-react/text/SmallText.d.ts +0 -11
- package/lib/cjs/core-react/text/SmallText.d.ts.map +0 -1
- package/lib/cjs/core-react/text/SmallText.js +0 -21
- package/lib/cjs/core-react/text/SmallText.js.map +0 -1
- package/lib/cjs/core-react/text/Subheading.d.ts +0 -11
- package/lib/cjs/core-react/text/Subheading.d.ts.map +0 -1
- package/lib/cjs/core-react/text/Subheading.js +0 -21
- package/lib/cjs/core-react/text/Subheading.js.map +0 -1
- package/lib/cjs/core-react/text/Subheading2.d.ts +0 -11
- package/lib/cjs/core-react/text/Subheading2.d.ts.map +0 -1
- package/lib/cjs/core-react/text/Subheading2.js +0 -21
- package/lib/cjs/core-react/text/Subheading2.js.map +0 -1
- package/lib/cjs/core-react/text/Title.d.ts +0 -11
- package/lib/cjs/core-react/text/Title.d.ts.map +0 -1
- package/lib/cjs/core-react/text/Title.js +0 -21
- package/lib/cjs/core-react/text/Title.js.map +0 -1
- package/lib/cjs/core-react/text/Title2.d.ts +0 -11
- package/lib/cjs/core-react/text/Title2.d.ts.map +0 -1
- package/lib/cjs/core-react/text/Title2.js +0 -21
- package/lib/cjs/core-react/text/Title2.js.map +0 -1
- package/lib/cjs/core-react/text/headline.scss +0 -10
- package/lib/cjs/core-react/text/leading-2.scss +0 -11
- package/lib/cjs/core-react/text/leading.scss +0 -10
- package/lib/cjs/core-react/text/small.scss +0 -10
- package/lib/cjs/core-react/text/subheading-2.scss +0 -11
- package/lib/cjs/core-react/text/subheading.scss +0 -11
- package/lib/cjs/core-react/text/title-2.scss +0 -11
- package/lib/cjs/core-react/text/title.scss +0 -10
- package/lib/cjs/core-react/tiles/FeaturedTile.d.ts +0 -11
- package/lib/cjs/core-react/tiles/FeaturedTile.d.ts.map +0 -1
- package/lib/cjs/core-react/tiles/FeaturedTile.js +0 -21
- package/lib/cjs/core-react/tiles/FeaturedTile.js.map +0 -1
- package/lib/cjs/core-react/tiles/MinimalFeaturedTile.d.ts +0 -11
- package/lib/cjs/core-react/tiles/MinimalFeaturedTile.d.ts.map +0 -1
- package/lib/cjs/core-react/tiles/MinimalFeaturedTile.js +0 -21
- package/lib/cjs/core-react/tiles/MinimalFeaturedTile.js.map +0 -1
- package/lib/cjs/core-react/tiles/MinimalTile.d.ts +0 -11
- package/lib/cjs/core-react/tiles/MinimalTile.d.ts.map +0 -1
- package/lib/cjs/core-react/tiles/MinimalTile.js +0 -21
- package/lib/cjs/core-react/tiles/MinimalTile.js.map +0 -1
- package/lib/cjs/core-react/tiles/Tile.d.ts +0 -32
- package/lib/cjs/core-react/tiles/Tile.d.ts.map +0 -1
- package/lib/cjs/core-react/tiles/Tile.js +0 -40
- package/lib/cjs/core-react/tiles/Tile.js.map +0 -1
- package/lib/cjs/core-react/tiles/classes.scss +0 -7
- package/lib/cjs/core-react/tiles/index.scss +0 -5
- package/lib/cjs/core-react/tiles/tile.scss +0 -134
- package/lib/cjs/core-react/toggle/LabeledToggle.d.ts +0 -26
- package/lib/cjs/core-react/toggle/LabeledToggle.d.ts.map +0 -1
- package/lib/cjs/core-react/toggle/LabeledToggle.js +0 -29
- package/lib/cjs/core-react/toggle/LabeledToggle.js.map +0 -1
- package/lib/cjs/core-react/toggle/LabeledToggle.scss +0 -21
- package/lib/cjs/core-react/toggle/Toggle.d.ts +0 -52
- package/lib/cjs/core-react/toggle/Toggle.d.ts.map +0 -1
- package/lib/cjs/core-react/toggle/Toggle.js +0 -105
- package/lib/cjs/core-react/toggle/Toggle.js.map +0 -1
- package/lib/cjs/core-react/toggle/Toggle.scss +0 -135
- package/lib/cjs/core-react/tooltip/Tooltip.d.ts +0 -34
- package/lib/cjs/core-react/tooltip/Tooltip.d.ts.map +0 -1
- package/lib/cjs/core-react/tooltip/Tooltip.js +0 -57
- package/lib/cjs/core-react/tooltip/Tooltip.js.map +0 -1
- package/lib/cjs/core-react/tooltip/Tooltip.scss +0 -18
- package/lib/cjs/core-react/utils/PointProps.d.ts +0 -12
- package/lib/cjs/core-react/utils/PointProps.d.ts.map +0 -1
- package/lib/cjs/core-react/utils/PointProps.js +0 -10
- package/lib/cjs/core-react/utils/PointProps.js.map +0 -1
- package/lib/cjs/core-react/utils/UiEvent.d.ts +0 -10
- package/lib/cjs/core-react/utils/UiEvent.d.ts.map +0 -1
- package/lib/cjs/core-react/utils/UiEvent.js +0 -18
- package/lib/cjs/core-react/utils/UiEvent.js.map +0 -1
- package/lib/esm/core-react/badge/BetaBadge.scss +0 -9
- package/lib/esm/core-react/button/Button.d.ts +0 -48
- package/lib/esm/core-react/button/Button.d.ts.map +0 -1
- package/lib/esm/core-react/button/Button.js +0 -81
- package/lib/esm/core-react/button/Button.js.map +0 -1
- package/lib/esm/core-react/checkbox/Checkbox.d.ts +0 -57
- package/lib/esm/core-react/checkbox/Checkbox.d.ts.map +0 -1
- package/lib/esm/core-react/checkbox/Checkbox.js +0 -61
- package/lib/esm/core-react/checkbox/Checkbox.js.map +0 -1
- package/lib/esm/core-react/dialog/DialogButtonDef.d.ts +0 -47
- package/lib/esm/core-react/dialog/DialogButtonDef.d.ts.map +0 -1
- package/lib/esm/core-react/dialog/DialogButtonDef.js +0 -35
- package/lib/esm/core-react/dialog/DialogButtonDef.js.map +0 -1
- package/lib/esm/core-react/expandable/ExpandableBlock.d.ts +0 -34
- package/lib/esm/core-react/expandable/ExpandableBlock.d.ts.map +0 -1
- package/lib/esm/core-react/expandable/ExpandableBlock.js +0 -32
- package/lib/esm/core-react/expandable/ExpandableBlock.js.map +0 -1
- package/lib/esm/core-react/expandable/ExpandableBlock.scss +0 -145
- package/lib/esm/core-react/form/Field.d.ts +0 -20
- package/lib/esm/core-react/form/Field.d.ts.map +0 -1
- package/lib/esm/core-react/form/Field.js +0 -41
- package/lib/esm/core-react/form/Field.js.map +0 -1
- package/lib/esm/core-react/form/Form.d.ts +0 -132
- package/lib/esm/core-react/form/Form.d.ts.map +0 -1
- package/lib/esm/core-react/form/Form.js +0 -128
- package/lib/esm/core-react/form/Form.js.map +0 -1
- package/lib/esm/core-react/form/Form.scss +0 -78
- package/lib/esm/core-react/icons/SvgSprite.d.ts +0 -21
- package/lib/esm/core-react/icons/SvgSprite.d.ts.map +0 -1
- package/lib/esm/core-react/icons/SvgSprite.js +0 -23
- package/lib/esm/core-react/icons/SvgSprite.js.map +0 -1
- package/lib/esm/core-react/inputs/LabeledInput.d.ts +0 -18
- package/lib/esm/core-react/inputs/LabeledInput.d.ts.map +0 -1
- package/lib/esm/core-react/inputs/LabeledInput.js +0 -30
- package/lib/esm/core-react/inputs/LabeledInput.js.map +0 -1
- package/lib/esm/core-react/inputs/LabeledTextarea.d.ts +0 -18
- package/lib/esm/core-react/inputs/LabeledTextarea.d.ts.map +0 -1
- package/lib/esm/core-react/inputs/LabeledTextarea.js +0 -28
- package/lib/esm/core-react/inputs/LabeledTextarea.js.map +0 -1
- package/lib/esm/core-react/inputs/Textarea.d.ts +0 -23
- package/lib/esm/core-react/inputs/Textarea.d.ts.map +0 -1
- package/lib/esm/core-react/inputs/Textarea.js +0 -33
- package/lib/esm/core-react/inputs/Textarea.js.map +0 -1
- package/lib/esm/core-react/inputs/labeled-input.scss +0 -103
- package/lib/esm/core-react/inputs/labeled-textarea.scss +0 -77
- package/lib/esm/core-react/inputs/textarea.scss +0 -55
- package/lib/esm/core-react/loading/Spinner.d.ts +0 -38
- package/lib/esm/core-react/loading/Spinner.d.ts.map +0 -1
- package/lib/esm/core-react/loading/Spinner.js +0 -57
- package/lib/esm/core-react/loading/Spinner.js.map +0 -1
- package/lib/esm/core-react/loading/Spinner.scss +0 -26
- package/lib/esm/core-react/messagebox/MessageSeverity.d.ts +0 -16
- package/lib/esm/core-react/messagebox/MessageSeverity.d.ts.map +0 -1
- package/lib/esm/core-react/messagebox/MessageSeverity.js +0 -21
- package/lib/esm/core-react/messagebox/MessageSeverity.js.map +0 -1
- package/lib/esm/core-react/progress-indicators/ProgressBar.d.ts +0 -29
- package/lib/esm/core-react/progress-indicators/ProgressBar.d.ts.map +0 -1
- package/lib/esm/core-react/progress-indicators/ProgressBar.js +0 -44
- package/lib/esm/core-react/progress-indicators/ProgressBar.js.map +0 -1
- package/lib/esm/core-react/progress-indicators/ProgressSpinner.d.ts +0 -49
- package/lib/esm/core-react/progress-indicators/ProgressSpinner.d.ts.map +0 -1
- package/lib/esm/core-react/progress-indicators/ProgressSpinner.js +0 -70
- package/lib/esm/core-react/progress-indicators/ProgressSpinner.js.map +0 -1
- package/lib/esm/core-react/progress-indicators/classes.scss +0 -33
- package/lib/esm/core-react/progress-indicators/index.scss +0 -6
- package/lib/esm/core-react/progress-indicators/progress-bar.scss +0 -91
- package/lib/esm/core-react/progress-indicators/progress-spinner.scss +0 -132
- package/lib/esm/core-react/radio/Radio.d.ts +0 -20
- package/lib/esm/core-react/radio/Radio.d.ts.map +0 -1
- package/lib/esm/core-react/radio/Radio.js +0 -24
- package/lib/esm/core-react/radio/Radio.js.map +0 -1
- package/lib/esm/core-react/radio/classes.scss +0 -7
- package/lib/esm/core-react/radio/index.scss +0 -8
- package/lib/esm/core-react/radio/radio.scss +0 -89
- package/lib/esm/core-react/select/LabeledSelect.d.ts +0 -20
- package/lib/esm/core-react/select/LabeledSelect.d.ts.map +0 -1
- package/lib/esm/core-react/select/LabeledSelect.js +0 -30
- package/lib/esm/core-react/select/LabeledSelect.js.map +0 -1
- package/lib/esm/core-react/select/LabeledThemedSelect.d.ts +0 -16
- package/lib/esm/core-react/select/LabeledThemedSelect.d.ts.map +0 -1
- package/lib/esm/core-react/select/LabeledThemedSelect.js +0 -27
- package/lib/esm/core-react/select/LabeledThemedSelect.js.map +0 -1
- package/lib/esm/core-react/select/Select.d.ts +0 -53
- package/lib/esm/core-react/select/Select.d.ts.map +0 -1
- package/lib/esm/core-react/select/Select.js +0 -57
- package/lib/esm/core-react/select/Select.js.map +0 -1
- package/lib/esm/core-react/select/ThemedSelect.d.ts +0 -104
- package/lib/esm/core-react/select/ThemedSelect.d.ts.map +0 -1
- package/lib/esm/core-react/select/ThemedSelect.js +0 -53
- package/lib/esm/core-react/select/ThemedSelect.js.map +0 -1
- package/lib/esm/core-react/select/classes.scss +0 -9
- package/lib/esm/core-react/select/index.scss +0 -10
- package/lib/esm/core-react/select/labeled-select.scss +0 -72
- package/lib/esm/core-react/select/labeled-themed-select.scss +0 -77
- package/lib/esm/core-react/select/modalHelper.d.ts +0 -5
- package/lib/esm/core-react/select/modalHelper.d.ts.map +0 -1
- package/lib/esm/core-react/select/modalHelper.js +0 -17
- package/lib/esm/core-react/select/modalHelper.js.map +0 -1
- package/lib/esm/core-react/select/select.scss +0 -74
- package/lib/esm/core-react/select/themed-select.scss +0 -159
- package/lib/esm/core-react/slider/Slider.d.ts +0 -80
- package/lib/esm/core-react/slider/Slider.d.ts.map +0 -1
- package/lib/esm/core-react/slider/Slider.js +0 -87
- package/lib/esm/core-react/slider/Slider.js.map +0 -1
- package/lib/esm/core-react/slider/Slider.scss +0 -96
- package/lib/esm/core-react/splitbutton/SplitButton.d.ts +0 -62
- package/lib/esm/core-react/splitbutton/SplitButton.d.ts.map +0 -1
- package/lib/esm/core-react/splitbutton/SplitButton.js +0 -100
- package/lib/esm/core-react/splitbutton/SplitButton.js.map +0 -1
- package/lib/esm/core-react/splitbutton/SplitButton.scss +0 -137
- package/lib/esm/core-react/tabs/HorizontalTabs.d.ts +0 -11
- package/lib/esm/core-react/tabs/HorizontalTabs.d.ts.map +0 -1
- package/lib/esm/core-react/tabs/HorizontalTabs.js +0 -18
- package/lib/esm/core-react/tabs/HorizontalTabs.js.map +0 -1
- package/lib/esm/core-react/tabs/horizontal.scss +0 -77
- package/lib/esm/core-react/text/Headline.d.ts +0 -11
- package/lib/esm/core-react/text/Headline.d.ts.map +0 -1
- package/lib/esm/core-react/text/Headline.js +0 -17
- package/lib/esm/core-react/text/Headline.js.map +0 -1
- package/lib/esm/core-react/text/LeadingText.d.ts +0 -11
- package/lib/esm/core-react/text/LeadingText.d.ts.map +0 -1
- package/lib/esm/core-react/text/LeadingText.js +0 -17
- package/lib/esm/core-react/text/LeadingText.js.map +0 -1
- package/lib/esm/core-react/text/LeadingText2.d.ts +0 -11
- package/lib/esm/core-react/text/LeadingText2.d.ts.map +0 -1
- package/lib/esm/core-react/text/LeadingText2.js +0 -17
- package/lib/esm/core-react/text/LeadingText2.js.map +0 -1
- package/lib/esm/core-react/text/SmallText.d.ts +0 -11
- package/lib/esm/core-react/text/SmallText.d.ts.map +0 -1
- package/lib/esm/core-react/text/SmallText.js +0 -17
- package/lib/esm/core-react/text/SmallText.js.map +0 -1
- package/lib/esm/core-react/text/Subheading.d.ts +0 -11
- package/lib/esm/core-react/text/Subheading.d.ts.map +0 -1
- package/lib/esm/core-react/text/Subheading.js +0 -17
- package/lib/esm/core-react/text/Subheading.js.map +0 -1
- package/lib/esm/core-react/text/Subheading2.d.ts +0 -11
- package/lib/esm/core-react/text/Subheading2.d.ts.map +0 -1
- package/lib/esm/core-react/text/Subheading2.js +0 -17
- package/lib/esm/core-react/text/Subheading2.js.map +0 -1
- package/lib/esm/core-react/text/Title.d.ts +0 -11
- package/lib/esm/core-react/text/Title.d.ts.map +0 -1
- package/lib/esm/core-react/text/Title.js +0 -17
- package/lib/esm/core-react/text/Title.js.map +0 -1
- package/lib/esm/core-react/text/Title2.d.ts +0 -11
- package/lib/esm/core-react/text/Title2.d.ts.map +0 -1
- package/lib/esm/core-react/text/Title2.js +0 -17
- package/lib/esm/core-react/text/Title2.js.map +0 -1
- package/lib/esm/core-react/text/headline.scss +0 -10
- package/lib/esm/core-react/text/leading-2.scss +0 -11
- package/lib/esm/core-react/text/leading.scss +0 -10
- package/lib/esm/core-react/text/small.scss +0 -10
- package/lib/esm/core-react/text/subheading-2.scss +0 -11
- package/lib/esm/core-react/text/subheading.scss +0 -11
- package/lib/esm/core-react/text/title-2.scss +0 -11
- package/lib/esm/core-react/text/title.scss +0 -10
- package/lib/esm/core-react/tiles/FeaturedTile.d.ts +0 -11
- package/lib/esm/core-react/tiles/FeaturedTile.d.ts.map +0 -1
- package/lib/esm/core-react/tiles/FeaturedTile.js +0 -17
- package/lib/esm/core-react/tiles/FeaturedTile.js.map +0 -1
- package/lib/esm/core-react/tiles/MinimalFeaturedTile.d.ts +0 -11
- package/lib/esm/core-react/tiles/MinimalFeaturedTile.d.ts.map +0 -1
- package/lib/esm/core-react/tiles/MinimalFeaturedTile.js +0 -17
- package/lib/esm/core-react/tiles/MinimalFeaturedTile.js.map +0 -1
- package/lib/esm/core-react/tiles/MinimalTile.d.ts +0 -11
- package/lib/esm/core-react/tiles/MinimalTile.d.ts.map +0 -1
- package/lib/esm/core-react/tiles/MinimalTile.js +0 -17
- package/lib/esm/core-react/tiles/MinimalTile.js.map +0 -1
- package/lib/esm/core-react/tiles/Tile.d.ts +0 -32
- package/lib/esm/core-react/tiles/Tile.d.ts.map +0 -1
- package/lib/esm/core-react/tiles/Tile.js +0 -36
- package/lib/esm/core-react/tiles/Tile.js.map +0 -1
- package/lib/esm/core-react/tiles/classes.scss +0 -7
- package/lib/esm/core-react/tiles/index.scss +0 -5
- package/lib/esm/core-react/tiles/tile.scss +0 -134
- package/lib/esm/core-react/toggle/LabeledToggle.d.ts +0 -26
- package/lib/esm/core-react/toggle/LabeledToggle.d.ts.map +0 -1
- package/lib/esm/core-react/toggle/LabeledToggle.js +0 -25
- package/lib/esm/core-react/toggle/LabeledToggle.js.map +0 -1
- package/lib/esm/core-react/toggle/LabeledToggle.scss +0 -21
- package/lib/esm/core-react/toggle/Toggle.d.ts +0 -52
- package/lib/esm/core-react/toggle/Toggle.d.ts.map +0 -1
- package/lib/esm/core-react/toggle/Toggle.js +0 -102
- package/lib/esm/core-react/toggle/Toggle.js.map +0 -1
- package/lib/esm/core-react/toggle/Toggle.scss +0 -135
- package/lib/esm/core-react/tooltip/Tooltip.d.ts +0 -34
- package/lib/esm/core-react/tooltip/Tooltip.d.ts.map +0 -1
- package/lib/esm/core-react/tooltip/Tooltip.js +0 -52
- package/lib/esm/core-react/tooltip/Tooltip.js.map +0 -1
- package/lib/esm/core-react/tooltip/Tooltip.scss +0 -18
- package/lib/esm/core-react/utils/PointProps.d.ts +0 -12
- package/lib/esm/core-react/utils/PointProps.d.ts.map +0 -1
- package/lib/esm/core-react/utils/PointProps.js +0 -9
- package/lib/esm/core-react/utils/PointProps.js.map +0 -1
- package/lib/esm/core-react/utils/UiEvent.d.ts +0 -10
- package/lib/esm/core-react/utils/UiEvent.d.ts.map +0 -1
- package/lib/esm/core-react/utils/UiEvent.js +0 -14
- package/lib/esm/core-react/utils/UiEvent.js.map +0 -1
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/*---------------------------------------------------------------------------------------------
|
|
3
|
-
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
4
|
-
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
5
|
-
*--------------------------------------------------------------------------------------------*/
|
|
6
|
-
/** @packageDocumentation
|
|
7
|
-
* @module Loading
|
|
8
|
-
*/
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.Spinner = exports.SpinnerSize = void 0;
|
|
11
|
-
require("./Spinner.scss");
|
|
12
|
-
const React = require("react");
|
|
13
|
-
/* eslint-disable deprecation/deprecation */
|
|
14
|
-
// cspell:ignore xlarge
|
|
15
|
-
/** Size for [[Spinner]] component
|
|
16
|
-
* @public
|
|
17
|
-
* @deprecated in 3.0. Use `size` in ProgressRadialProps in itwinui-react instead.
|
|
18
|
-
*/
|
|
19
|
-
var SpinnerSize;
|
|
20
|
-
(function (SpinnerSize) {
|
|
21
|
-
/** width/height of 16px */
|
|
22
|
-
SpinnerSize[SpinnerSize["Small"] = 0] = "Small";
|
|
23
|
-
/** width/height of 32px */
|
|
24
|
-
SpinnerSize[SpinnerSize["Medium"] = 1] = "Medium";
|
|
25
|
-
/** width/height of 64px */
|
|
26
|
-
SpinnerSize[SpinnerSize["Large"] = 2] = "Large";
|
|
27
|
-
/** width/height of 96px */
|
|
28
|
-
SpinnerSize[SpinnerSize["XLarge"] = 3] = "XLarge";
|
|
29
|
-
})(SpinnerSize = exports.SpinnerSize || (exports.SpinnerSize = {}));
|
|
30
|
-
/**
|
|
31
|
-
* An indeterminate spinner component.
|
|
32
|
-
* @public
|
|
33
|
-
* @deprecated in 3.0. Use ProgressRadial in itwinui-react with `indeterminate` prop instead.
|
|
34
|
-
*/
|
|
35
|
-
class Spinner extends React.PureComponent {
|
|
36
|
-
render() {
|
|
37
|
-
let sizeClass;
|
|
38
|
-
if (this.props.sizeClass)
|
|
39
|
-
sizeClass = this.props.sizeClass;
|
|
40
|
-
else {
|
|
41
|
-
switch (this.props.size) {
|
|
42
|
-
case SpinnerSize.Small:
|
|
43
|
-
sizeClass = "core-spinner-small";
|
|
44
|
-
break;
|
|
45
|
-
case SpinnerSize.Large:
|
|
46
|
-
sizeClass = "core-spinner-large";
|
|
47
|
-
break;
|
|
48
|
-
case SpinnerSize.XLarge:
|
|
49
|
-
sizeClass = "core-spinner-xlarge";
|
|
50
|
-
break;
|
|
51
|
-
case SpinnerSize.Medium:
|
|
52
|
-
default:
|
|
53
|
-
sizeClass = "core-spinner-medium";
|
|
54
|
-
break;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
return (React.createElement("div", { className: sizeClass }));
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
exports.Spinner = Spinner;
|
|
61
|
-
//# sourceMappingURL=Spinner.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/core-react/loading/Spinner.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,0BAAwB;AACxB,+BAA+B;AAE/B,4CAA4C;AAC5C,uBAAuB;AAEvB;;;GAGG;AACH,IAAY,WASX;AATD,WAAY,WAAW;IACrB,2BAA2B;IAC3B,+CAAK,CAAA;IACL,2BAA2B;IAC3B,iDAAM,CAAA;IACN,2BAA2B;IAC3B,+CAAK,CAAA;IACL,2BAA2B;IAC3B,iDAAM,CAAA;AACR,CAAC,EATW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAStB;AAaD;;;;GAIG;AACH,MAAa,OAAQ,SAAQ,KAAK,CAAC,aAA2B;IAE5C,MAAM;QACpB,IAAI,SAAiB,CAAC;QAEtB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACtB,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;aAC9B;YACH,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;gBACvB,KAAK,WAAW,CAAC,KAAK;oBACpB,SAAS,GAAG,oBAAoB,CAAC;oBACjC,MAAM;gBACR,KAAK,WAAW,CAAC,KAAK;oBACpB,SAAS,GAAG,oBAAoB,CAAC;oBACjC,MAAM;gBACR,KAAK,WAAW,CAAC,MAAM;oBACrB,SAAS,GAAG,qBAAqB,CAAC;oBAClC,MAAM;gBACR,KAAK,WAAW,CAAC,MAAM,CAAC;gBACxB;oBACE,SAAS,GAAG,qBAAqB,CAAC;oBAClC,MAAM;aACT;SACF;QAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,GAAI,CAC9B,CAAC;IACJ,CAAC;CACF;AA7BD,0BA6BC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Loading\r\n */\r\n\r\nimport \"./Spinner.scss\";\r\nimport * as React from \"react\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n// cspell:ignore xlarge\r\n\r\n/** Size for [[Spinner]] component\r\n * @public\r\n * @deprecated in 3.0. Use `size` in ProgressRadialProps in itwinui-react instead.\r\n */\r\nexport enum SpinnerSize {\r\n /** width/height of 16px */\r\n Small,\r\n /** width/height of 32px */\r\n Medium,\r\n /** width/height of 64px */\r\n Large,\r\n /** width/height of 96px */\r\n XLarge,\r\n}\r\n\r\n/** Properties for [[Spinner]] component\r\n * @public\r\n * @deprecated in 3.0. Use ProgressRadialProps in itwinui-react instead.\r\n */\r\nexport interface SpinnerProps {\r\n /** Size of spinner */\r\n size?: SpinnerSize;\r\n /** CSS class for size of spinner */\r\n sizeClass?: string;\r\n}\r\n\r\n/**\r\n * An indeterminate spinner component.\r\n * @public\r\n * @deprecated in 3.0. Use ProgressRadial in itwinui-react with `indeterminate` prop instead.\r\n */\r\nexport class Spinner extends React.PureComponent<SpinnerProps> {\r\n\r\n public override render() {\r\n let sizeClass: string;\r\n\r\n if (this.props.sizeClass)\r\n sizeClass = this.props.sizeClass;\r\n else {\r\n switch (this.props.size) {\r\n case SpinnerSize.Small:\r\n sizeClass = \"core-spinner-small\";\r\n break;\r\n case SpinnerSize.Large:\r\n sizeClass = \"core-spinner-large\";\r\n break;\r\n case SpinnerSize.XLarge:\r\n sizeClass = \"core-spinner-xlarge\";\r\n break;\r\n case SpinnerSize.Medium:\r\n default:\r\n sizeClass = \"core-spinner-medium\";\r\n break;\r\n }\r\n }\r\n\r\n return (\r\n <div className={sizeClass} />\r\n );\r\n }\r\n}\r\n"]}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/*---------------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
|
-
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
|
-
*--------------------------------------------------------------------------------------------*/
|
|
5
|
-
@import "./mixins";
|
|
6
|
-
|
|
7
|
-
$spinner-size-xlarge: 96px;
|
|
8
|
-
$spinner-size-large: 64px;
|
|
9
|
-
$spinner-size-medium: 32px;
|
|
10
|
-
$spinner-size-small: 16px;
|
|
11
|
-
|
|
12
|
-
.core-spinner-xlarge {
|
|
13
|
-
@include uicore-spinner($spinner-size-xlarge);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.core-spinner-large {
|
|
17
|
-
@include uicore-spinner($spinner-size-large);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.core-spinner-medium {
|
|
21
|
-
@include uicore-spinner($spinner-size-medium);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.core-spinner-small {
|
|
25
|
-
@include uicore-spinner($spinner-size-small);
|
|
26
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/** @packageDocumentation
|
|
2
|
-
* @module Dialog
|
|
3
|
-
*/
|
|
4
|
-
/** Message Severity enum.
|
|
5
|
-
* @public
|
|
6
|
-
* @deprecated in 3.0. Use [MessageSeverity]($appui-abstract) instead
|
|
7
|
-
*/
|
|
8
|
-
export declare enum MessageSeverity {
|
|
9
|
-
None = 0,
|
|
10
|
-
Information = 1,
|
|
11
|
-
Question = 2,
|
|
12
|
-
Warning = 3,
|
|
13
|
-
Error = 4,
|
|
14
|
-
Fatal = 5
|
|
15
|
-
}
|
|
16
|
-
//# sourceMappingURL=MessageSeverity.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MessageSeverity.d.ts","sourceRoot":"","sources":["../../../../src/core-react/messagebox/MessageSeverity.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;IAGI;AACJ,oBAAY,eAAe;IACzB,IAAI,IAAI;IACR,WAAW,IAAI;IACf,QAAQ,IAAI;IACZ,OAAO,IAAI;IACX,KAAK,IAAI;IACT,KAAK,IAAI;CACV"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/*---------------------------------------------------------------------------------------------
|
|
3
|
-
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
4
|
-
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
5
|
-
*--------------------------------------------------------------------------------------------*/
|
|
6
|
-
/** @packageDocumentation
|
|
7
|
-
* @module Dialog
|
|
8
|
-
*/
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.MessageSeverity = void 0;
|
|
11
|
-
/** Message Severity enum.
|
|
12
|
-
* @public
|
|
13
|
-
* @deprecated in 3.0. Use [MessageSeverity]($appui-abstract) instead
|
|
14
|
-
*/
|
|
15
|
-
var MessageSeverity;
|
|
16
|
-
(function (MessageSeverity) {
|
|
17
|
-
MessageSeverity[MessageSeverity["None"] = 0] = "None";
|
|
18
|
-
MessageSeverity[MessageSeverity["Information"] = 1] = "Information";
|
|
19
|
-
MessageSeverity[MessageSeverity["Question"] = 2] = "Question";
|
|
20
|
-
MessageSeverity[MessageSeverity["Warning"] = 3] = "Warning";
|
|
21
|
-
MessageSeverity[MessageSeverity["Error"] = 4] = "Error";
|
|
22
|
-
MessageSeverity[MessageSeverity["Fatal"] = 5] = "Fatal";
|
|
23
|
-
})(MessageSeverity = exports.MessageSeverity || (exports.MessageSeverity = {}));
|
|
24
|
-
//# sourceMappingURL=MessageSeverity.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MessageSeverity.js","sourceRoot":"","sources":["../../../../src/core-react/messagebox/MessageSeverity.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;;IAGI;AACJ,IAAY,eAOX;AAPD,WAAY,eAAe;IACzB,qDAAQ,CAAA;IACR,mEAAe,CAAA;IACf,6DAAY,CAAA;IACZ,2DAAW,CAAA;IACX,uDAAS,CAAA;IACT,uDAAS,CAAA;AACX,CAAC,EAPW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAO1B","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Dialog\r\n */\r\n\r\n/** Message Severity enum.\r\n * @public\r\n * @deprecated in 3.0. Use [MessageSeverity]($appui-abstract) instead\r\n */\r\nexport enum MessageSeverity {\r\n None = 0,\r\n Information = 1,\r\n Question = 2,\r\n Warning = 3,\r\n Error = 4,\r\n Fatal = 5,\r\n}\r\n"]}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/** @packageDocumentation
|
|
2
|
-
* @module Loading
|
|
3
|
-
*/
|
|
4
|
-
/// <reference types="react" />
|
|
5
|
-
import { CommonProps } from "../utils/Props";
|
|
6
|
-
/** Properties for [[ProgressBar]] component
|
|
7
|
-
* @beta
|
|
8
|
-
* @deprecated in 3.0. Use ProgressLinearProps in itwinui-react instead.
|
|
9
|
-
*/
|
|
10
|
-
export interface ProgressBarProps extends CommonProps {
|
|
11
|
-
/** Height (in pixels) of the progress bar. (defaults to 4px) */
|
|
12
|
-
barHeight?: number;
|
|
13
|
-
/** Indicates whether the progress bar is determinate showing a percentage or indeterminate continuously animating. (defaults to false) */
|
|
14
|
-
indeterminate?: boolean;
|
|
15
|
-
/** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the left. */
|
|
16
|
-
labelLeft?: string;
|
|
17
|
-
/** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the right. */
|
|
18
|
-
labelRight?: string;
|
|
19
|
-
/** Percent for determinate progress bar. */
|
|
20
|
-
percent?: number;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* ProgressBar React component shows a horizontal progress bar.
|
|
24
|
-
* The determinate bar reflects a percentage and the indeterminate bar continuously animates.
|
|
25
|
-
* @beta
|
|
26
|
-
* @deprecated in 3.0. Use ProgressLinear in itwinui-react instead.
|
|
27
|
-
*/
|
|
28
|
-
export declare function ProgressBar(props: ProgressBarProps): JSX.Element;
|
|
29
|
-
//# sourceMappingURL=ProgressBar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressBar.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0IAA0I;IAC1I,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8HAA8H;IAC9H,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+HAA+H;IAC/H,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,eA8BlD"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/*---------------------------------------------------------------------------------------------
|
|
3
|
-
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
4
|
-
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
5
|
-
*--------------------------------------------------------------------------------------------*/
|
|
6
|
-
/** @packageDocumentation
|
|
7
|
-
* @module Loading
|
|
8
|
-
*/
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.ProgressBar = void 0;
|
|
11
|
-
const classnames_1 = require("classnames");
|
|
12
|
-
const React = require("react");
|
|
13
|
-
const LoadingBar_1 = require("../loading/LoadingBar");
|
|
14
|
-
/**
|
|
15
|
-
* ProgressBar React component shows a horizontal progress bar.
|
|
16
|
-
* The determinate bar reflects a percentage and the indeterminate bar continuously animates.
|
|
17
|
-
* @beta
|
|
18
|
-
* @deprecated in 3.0. Use ProgressLinear in itwinui-react instead.
|
|
19
|
-
*/
|
|
20
|
-
function ProgressBar(props) {
|
|
21
|
-
const percent = props.percent !== undefined ? (0, LoadingBar_1.percentInRange)(props.percent) : 0;
|
|
22
|
-
const outerStyle = {
|
|
23
|
-
...props.style,
|
|
24
|
-
height: props.barHeight !== undefined ? `${props.barHeight}px` : undefined,
|
|
25
|
-
};
|
|
26
|
-
const innerStyle = {
|
|
27
|
-
width: !props.indeterminate ? `${percent}%` : undefined,
|
|
28
|
-
};
|
|
29
|
-
const innerClass = !props.indeterminate ? "uicore-progress-bar-determinate" : "uicore-progress-bar-indeterminate";
|
|
30
|
-
const hasLabel = props.labelLeft !== undefined || props.labelRight !== undefined;
|
|
31
|
-
const multipleLabels = props.labelLeft !== undefined && props.labelRight !== undefined;
|
|
32
|
-
const bar = (React.createElement("div", { className: (0, classnames_1.default)("uicore-progress-bar", props.className), style: outerStyle },
|
|
33
|
-
React.createElement("div", { className: innerClass, style: innerStyle })));
|
|
34
|
-
const content = !hasLabel ?
|
|
35
|
-
bar :
|
|
36
|
-
(React.createElement("div", { className: "uicore-progress-bar-labeled" },
|
|
37
|
-
bar,
|
|
38
|
-
React.createElement("div", { className: "uicore-label" },
|
|
39
|
-
multipleLabels && React.createElement(React.Fragment, null,
|
|
40
|
-
React.createElement("span", null, props.labelLeft),
|
|
41
|
-
React.createElement("span", null, props.labelRight)),
|
|
42
|
-
!multipleLabels && React.createElement(React.Fragment, null,
|
|
43
|
-
props.labelLeft,
|
|
44
|
-
props.labelRight))));
|
|
45
|
-
return content;
|
|
46
|
-
}
|
|
47
|
-
exports.ProgressBar = ProgressBar;
|
|
48
|
-
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressBar.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAE/B,sDAAuD;AAmBvD;;;;;GAKG;AACH,SAAgB,WAAW,CAAC,KAAuB;IACjD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAA,2BAAc,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChF,MAAM,UAAU,GAAwB;QACtC,GAAG,KAAK,CAAC,KAAK;QACd,MAAM,EAAE,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,SAAS;KAC3E,CAAC;IACF,MAAM,UAAU,GAAwB;QACtC,KAAK,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,SAAS;KACxD,CAAC;IACF,MAAM,UAAU,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,mCAAmC,CAAC;IAClH,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC;IACjF,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC;IACvF,MAAM,GAAG,GAAG,CACV,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,UAAU;QACnF,6BAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,GAAI,CAC7C,CACP,CAAC;IACF,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,CAAC;QACzB,GAAG,CAAC,CAAC;QACL,CACE,6BAAK,SAAS,EAAC,6BAA6B;YACzC,GAAG;YACJ,6BAAK,SAAS,EAAC,cAAc;gBAC1B,cAAc,IAAI;oBAAE,kCAAO,KAAK,CAAC,SAAS,CAAQ;oBAAA,kCAAO,KAAK,CAAC,UAAU,CAAQ,CAAG;gBACpF,CAAC,cAAc,IAAI;oBAAG,KAAK,CAAC,SAAS;oBAAE,KAAK,CAAC,UAAU,CAAI,CACxD,CACF,CACP,CAAC;IAEJ,OAAO,OAAO,CAAC;AACjB,CAAC;AA9BD,kCA8BC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Loading\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { percentInRange } from \"../loading/LoadingBar\";\r\n\r\n/** Properties for [[ProgressBar]] component\r\n * @beta\r\n * @deprecated in 3.0. Use ProgressLinearProps in itwinui-react instead.\r\n */\r\nexport interface ProgressBarProps extends CommonProps {\r\n /** Height (in pixels) of the progress bar. (defaults to 4px) */\r\n barHeight?: number;\r\n /** Indicates whether the progress bar is determinate showing a percentage or indeterminate continuously animating. (defaults to false) */\r\n indeterminate?: boolean;\r\n /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the left. */\r\n labelLeft?: string;\r\n /** One of two possible labels. If only one label is given it will be centered. Otherwise, this label is shown on the right. */\r\n labelRight?: string;\r\n /** Percent for determinate progress bar. */\r\n percent?: number;\r\n}\r\n\r\n/**\r\n * ProgressBar React component shows a horizontal progress bar.\r\n * The determinate bar reflects a percentage and the indeterminate bar continuously animates.\r\n * @beta\r\n * @deprecated in 3.0. Use ProgressLinear in itwinui-react instead.\r\n */\r\nexport function ProgressBar(props: ProgressBarProps) { // eslint-disable-line deprecation/deprecation\r\n const percent = props.percent !== undefined ? percentInRange(props.percent) : 0;\r\n const outerStyle: React.CSSProperties = {\r\n ...props.style,\r\n height: props.barHeight !== undefined ? `${props.barHeight}px` : undefined,\r\n };\r\n const innerStyle: React.CSSProperties = {\r\n width: !props.indeterminate ? `${percent}%` : undefined,\r\n };\r\n const innerClass = !props.indeterminate ? \"uicore-progress-bar-determinate\" : \"uicore-progress-bar-indeterminate\";\r\n const hasLabel = props.labelLeft !== undefined || props.labelRight !== undefined;\r\n const multipleLabels = props.labelLeft !== undefined && props.labelRight !== undefined;\r\n const bar = (\r\n <div className={classnames(\"uicore-progress-bar\", props.className)} style={outerStyle}>\r\n <div className={innerClass} style={innerStyle} />\r\n </div>\r\n );\r\n const content = !hasLabel ?\r\n bar :\r\n (\r\n <div className=\"uicore-progress-bar-labeled\">\r\n {bar}\r\n <div className=\"uicore-label\">\r\n {multipleLabels && <><span>{props.labelLeft}</span><span>{props.labelRight}</span></>}\r\n {!multipleLabels && <>{props.labelLeft}{props.labelRight}</>}\r\n </div>\r\n </div>\r\n );\r\n\r\n return content;\r\n}\r\n"]}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
/** @packageDocumentation
|
|
2
|
-
* @module Loading
|
|
3
|
-
*/
|
|
4
|
-
import * as React from "react";
|
|
5
|
-
import { CommonProps } from "../utils/Props";
|
|
6
|
-
import { SpinnerSize } from "../loading/Spinner";
|
|
7
|
-
/**
|
|
8
|
-
* Properties for [[ProgressSpinner]] component
|
|
9
|
-
* @beta
|
|
10
|
-
* @deprecated in 3.0. Use ProgressRadialProps in itwinui-react instead.
|
|
11
|
-
*/
|
|
12
|
-
export interface ProgressSpinnerProps extends CommonProps {
|
|
13
|
-
/**
|
|
14
|
-
* Spinner percentage. Should be a number between 0 and 100.
|
|
15
|
-
* @default 0
|
|
16
|
-
*/
|
|
17
|
-
value?: number;
|
|
18
|
-
/**
|
|
19
|
-
* Spinner variant. If true, value will be ignored.
|
|
20
|
-
* @default false
|
|
21
|
-
*/
|
|
22
|
-
indeterminate?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* If true, spinner will be full, green, and display a checkmark.
|
|
25
|
-
* @default false
|
|
26
|
-
*/
|
|
27
|
-
success?: boolean;
|
|
28
|
-
/**
|
|
29
|
-
* If true, spinner will be full, red, and display an X.
|
|
30
|
-
* @default false
|
|
31
|
-
*/
|
|
32
|
-
error?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Size of spinner
|
|
35
|
-
* @default width/height of 40px
|
|
36
|
-
*/
|
|
37
|
-
size?: SpinnerSize;
|
|
38
|
-
/**
|
|
39
|
-
* Child components
|
|
40
|
-
*/
|
|
41
|
-
children?: React.ReactNode;
|
|
42
|
-
}
|
|
43
|
-
/**
|
|
44
|
-
* Circular Progress Indicator that supports determinate and indeterminate modes.
|
|
45
|
-
* @beta
|
|
46
|
-
* @deprecated in 3.0. Use ProgressRadial in itwinui-react instead.
|
|
47
|
-
*/
|
|
48
|
-
export declare function ProgressSpinner(props: ProgressSpinnerProps): JSX.Element;
|
|
49
|
-
//# sourceMappingURL=ProgressSpinner.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressSpinner.d.ts","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressSpinner.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD;;;;GAIG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAoD1D"}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/*---------------------------------------------------------------------------------------------
|
|
3
|
-
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
4
|
-
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
5
|
-
*--------------------------------------------------------------------------------------------*/
|
|
6
|
-
/** @packageDocumentation
|
|
7
|
-
* @module Loading
|
|
8
|
-
*/
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.ProgressSpinner = void 0;
|
|
11
|
-
const classnames_1 = require("classnames");
|
|
12
|
-
const React = require("react");
|
|
13
|
-
const IconComponent_1 = require("../icons/IconComponent");
|
|
14
|
-
const Spinner_1 = require("../loading/Spinner");
|
|
15
|
-
/**
|
|
16
|
-
* Circular Progress Indicator that supports determinate and indeterminate modes.
|
|
17
|
-
* @beta
|
|
18
|
-
* @deprecated in 3.0. Use ProgressRadial in itwinui-react instead.
|
|
19
|
-
*/
|
|
20
|
-
function ProgressSpinner(props) {
|
|
21
|
-
const { value = 0, indeterminate = false, success = false, error = false, style = {}, size, children, } = props;
|
|
22
|
-
let outerClassName = (0, classnames_1.default)("uicore-progress-spinner");
|
|
23
|
-
const outerStyle = { ...style };
|
|
24
|
-
const fillStyle = {};
|
|
25
|
-
// Ensure value is bounded 0 - 100;
|
|
26
|
-
const dashOffset = 100 - Math.min(Math.max(value, 0), 100);
|
|
27
|
-
let content;
|
|
28
|
-
if (error) {
|
|
29
|
-
outerClassName = (0, classnames_1.default)(outerClassName, "error");
|
|
30
|
-
content = React.createElement(IconComponent_1.Icon, { iconSpec: "icon-close-2" });
|
|
31
|
-
}
|
|
32
|
-
else if (success) {
|
|
33
|
-
outerClassName = (0, classnames_1.default)(outerClassName, "success");
|
|
34
|
-
content = (React.createElement(IconComponent_1.Icon, { iconSpec: "icon-checkmark" }));
|
|
35
|
-
}
|
|
36
|
-
else if (indeterminate) {
|
|
37
|
-
outerClassName = (0, classnames_1.default)(outerClassName, "indeterminate");
|
|
38
|
-
content = children;
|
|
39
|
-
}
|
|
40
|
-
else {
|
|
41
|
-
outerClassName = (0, classnames_1.default)(outerClassName, "determinate");
|
|
42
|
-
fillStyle.strokeDashoffset = dashOffset;
|
|
43
|
-
content = children;
|
|
44
|
-
}
|
|
45
|
-
setDefaultDimensions(outerStyle, size);
|
|
46
|
-
return (React.createElement("div", { className: outerClassName, style: outerStyle },
|
|
47
|
-
React.createElement("svg", { className: "spinner", viewBox: "0 0 40 40" },
|
|
48
|
-
React.createElement("circle", { className: "shape", cx: "20", cy: "20", r: "15.91549" }),
|
|
49
|
-
React.createElement("circle", { className: "fill", cx: "20", cy: "20", r: "15.91549", style: fillStyle })),
|
|
50
|
-
content && React.createElement("span", { className: "uicore-progress-spinner-content" }, content)));
|
|
51
|
-
}
|
|
52
|
-
exports.ProgressSpinner = ProgressSpinner;
|
|
53
|
-
const setDefaultDimensions = (style, inSize) => {
|
|
54
|
-
let size = 40;
|
|
55
|
-
if (inSize !== undefined) {
|
|
56
|
-
switch (inSize) {
|
|
57
|
-
case Spinner_1.SpinnerSize.Small: // eslint-disable-line deprecation/deprecation
|
|
58
|
-
size = 16;
|
|
59
|
-
break;
|
|
60
|
-
case Spinner_1.SpinnerSize.Medium: // eslint-disable-line deprecation/deprecation
|
|
61
|
-
size = 32;
|
|
62
|
-
break;
|
|
63
|
-
case Spinner_1.SpinnerSize.Large: // eslint-disable-line deprecation/deprecation
|
|
64
|
-
size = 64;
|
|
65
|
-
break;
|
|
66
|
-
case Spinner_1.SpinnerSize.XLarge: // eslint-disable-line deprecation/deprecation
|
|
67
|
-
size = 96;
|
|
68
|
-
break;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
style.width = style.width ? style.width : size;
|
|
72
|
-
style.height = style.height ? style.height : size;
|
|
73
|
-
};
|
|
74
|
-
//# sourceMappingURL=ProgressSpinner.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressSpinner.js","sourceRoot":"","sources":["../../../../src/core-react/progress-indicators/ProgressSpinner.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,2CAAoC;AACpC,+BAA+B;AAE/B,0DAA8C;AAC9C,gDAAiD;AAuCjD;;;;GAIG;AACH,SAAgB,eAAe,CAAC,KAA2B;IACzD,MAAM,EACJ,KAAK,GAAG,CAAC,EACT,aAAa,GAAG,KAAK,EACrB,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,EAAE,EACV,IAAI,EACJ,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,IAAI,cAAc,GAAG,IAAA,oBAAU,EAAC,yBAAyB,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IAChC,MAAM,SAAS,GAAwB,EAAE,CAAC;IAC1C,mCAAmC;IACnC,MAAM,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC3D,IAAI,OAAwB,CAAC;IAE7B,IAAI,KAAK,EAAE;QACT,cAAc,GAAG,IAAA,oBAAU,EAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QACrD,OAAO,GAAG,oBAAC,oBAAI,IAAC,QAAQ,EAAC,cAAc,GAAG,CAAC;KAC5C;SAAM,IAAI,OAAO,EAAE;QAClB,cAAc,GAAG,IAAA,oBAAU,EAAC,cAAc,EAAE,SAAS,CAAC,CAAC;QACvD,OAAO,GAAG,CACR,oBAAC,oBAAI,IAAC,QAAQ,EAAC,gBAAgB,GAAG,CACnC,CAAC;KACH;SAAM,IAAI,aAAa,EAAE;QACxB,cAAc,GAAG,IAAA,oBAAU,EAAC,cAAc,EAAE,eAAe,CAAC,CAAC;QAC7D,OAAO,GAAG,QAAQ,CAAC;KACpB;SAAM;QACL,cAAc,GAAG,IAAA,oBAAU,EAAC,cAAc,EAAE,aAAa,CAAC,CAAC;QAC3D,SAAS,CAAC,gBAAgB,GAAG,UAAU,CAAC;QACxC,OAAO,GAAG,QAAQ,CAAC;KACpB;IAED,oBAAoB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IAEvC,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,UAAU;QAC/C,6BAAK,SAAS,EAAC,SAAS,EAAC,OAAO,EAAC,WAAW;YAC1C,gCAAQ,SAAS,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,UAAU,GAAG;YACzD,gCACE,SAAS,EAAC,MAAM,EAChB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,UAAU,EACZ,KAAK,EAAE,SAAS,GAChB,CACE;QACL,OAAO,IAAI,8BAAM,SAAS,EAAC,iCAAiC,IAAE,OAAO,CAAQ,CAC1E,CACP,CAAC;AACJ,CAAC;AApDD,0CAoDC;AAED,MAAM,oBAAoB,GAAG,CAAC,KAA0B,EAAE,MAAoB,EAAE,EAAE;IAChF,IAAI,IAAI,GAAG,EAAE,CAAC;IAEd,IAAI,MAAM,KAAK,SAAS,EAAE;QACxB,QAAQ,MAAM,EAAE;YACd,KAAK,qBAAW,CAAC,KAAK,EAAI,8CAA8C;gBACtE,IAAI,GAAG,EAAE,CAAC;gBACV,MAAM;YACR,KAAK,qBAAW,CAAC,MAAM,EAAG,8CAA8C;gBACtE,IAAI,GAAG,EAAE,CAAC;gBACV,MAAM;YACR,KAAK,qBAAW,CAAC,KAAK,EAAI,8CAA8C;gBACtE,IAAI,GAAG,EAAE,CAAC;gBACV,MAAM;YACR,KAAK,qBAAW,CAAC,MAAM,EAAG,8CAA8C;gBACtE,IAAI,GAAG,EAAE,CAAC;gBACV,MAAM;SACT;KACF;IACD,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/C,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACpD,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Loading\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { Icon } from \"../icons/IconComponent\";\r\nimport { SpinnerSize } from \"../loading/Spinner\";\r\n\r\n/**\r\n * Properties for [[ProgressSpinner]] component\r\n * @beta\r\n * @deprecated in 3.0. Use ProgressRadialProps in itwinui-react instead.\r\n */\r\nexport interface ProgressSpinnerProps extends CommonProps {\r\n /**\r\n * Spinner percentage. Should be a number between 0 and 100.\r\n * @default 0\r\n */\r\n value?: number;\r\n /**\r\n * Spinner variant. If true, value will be ignored.\r\n * @default false\r\n */\r\n indeterminate?: boolean;\r\n /**\r\n * If true, spinner will be full, green, and display a checkmark.\r\n * @default false\r\n */\r\n success?: boolean;\r\n /**\r\n * If true, spinner will be full, red, and display an X.\r\n * @default false\r\n */\r\n error?: boolean;\r\n /**\r\n * Size of spinner\r\n * @default width/height of 40px\r\n */\r\n size?: SpinnerSize; // eslint-disable-line deprecation/deprecation\r\n /**\r\n * Child components\r\n */\r\n children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Circular Progress Indicator that supports determinate and indeterminate modes.\r\n * @beta\r\n * @deprecated in 3.0. Use ProgressRadial in itwinui-react instead.\r\n */\r\nexport function ProgressSpinner(props: ProgressSpinnerProps) { // eslint-disable-line deprecation/deprecation\r\n const {\r\n value = 0,\r\n indeterminate = false,\r\n success = false,\r\n error = false,\r\n style = {},\r\n size,\r\n children,\r\n } = props;\r\n\r\n let outerClassName = classnames(\"uicore-progress-spinner\");\r\n const outerStyle = { ...style };\r\n const fillStyle: React.CSSProperties = {};\r\n // Ensure value is bounded 0 - 100;\r\n const dashOffset = 100 - Math.min(Math.max(value, 0), 100);\r\n let content: React.ReactNode;\r\n\r\n if (error) {\r\n outerClassName = classnames(outerClassName, \"error\");\r\n content = <Icon iconSpec=\"icon-close-2\" />;\r\n } else if (success) {\r\n outerClassName = classnames(outerClassName, \"success\");\r\n content = (\r\n <Icon iconSpec=\"icon-checkmark\" />\r\n );\r\n } else if (indeterminate) {\r\n outerClassName = classnames(outerClassName, \"indeterminate\");\r\n content = children;\r\n } else {\r\n outerClassName = classnames(outerClassName, \"determinate\");\r\n fillStyle.strokeDashoffset = dashOffset;\r\n content = children;\r\n }\r\n\r\n setDefaultDimensions(outerStyle, size);\r\n\r\n return (\r\n <div className={outerClassName} style={outerStyle}>\r\n <svg className=\"spinner\" viewBox=\"0 0 40 40\">\r\n <circle className=\"shape\" cx=\"20\" cy=\"20\" r=\"15.91549\" />\r\n <circle\r\n className=\"fill\"\r\n cx=\"20\"\r\n cy=\"20\"\r\n r=\"15.91549\"\r\n style={fillStyle}\r\n />\r\n </svg>\r\n {content && <span className=\"uicore-progress-spinner-content\">{content}</span>}\r\n </div>\r\n );\r\n}\r\n\r\nconst setDefaultDimensions = (style: React.CSSProperties, inSize?: SpinnerSize) => { // eslint-disable-line deprecation/deprecation\r\n let size = 40;\r\n\r\n if (inSize !== undefined) {\r\n switch (inSize) {\r\n case SpinnerSize.Small: // eslint-disable-line deprecation/deprecation\r\n size = 16;\r\n break;\r\n case SpinnerSize.Medium: // eslint-disable-line deprecation/deprecation\r\n size = 32;\r\n break;\r\n case SpinnerSize.Large: // eslint-disable-line deprecation/deprecation\r\n size = 64;\r\n break;\r\n case SpinnerSize.XLarge: // eslint-disable-line deprecation/deprecation\r\n size = 96;\r\n break;\r\n }\r\n }\r\n style.width = style.width ? style.width : size;\r\n style.height = style.height ? style.height : size;\r\n};\r\n"]}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/*---------------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
|
-
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
|
-
*--------------------------------------------------------------------------------------------*/
|
|
5
|
-
@import './index';
|
|
6
|
-
|
|
7
|
-
.uicore-progress-bar {
|
|
8
|
-
@include uicore-progress-bar;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.uicore-progress-bar-determinate {
|
|
12
|
-
@include uicore-progress-bar-determinate;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.uicore-progress-bar-indeterminate {
|
|
16
|
-
@include uicore-progress-bar-indeterminate;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.uicore-progress-bar-labeled {
|
|
20
|
-
@include uicore-progress-bar-labeled;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.uicore-progress-spinner {
|
|
24
|
-
@include uicore-progress-spinner;
|
|
25
|
-
|
|
26
|
-
&.determinate {
|
|
27
|
-
@include uicore-progress-spinner-determinate;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
&.indeterminate {
|
|
31
|
-
@include uicore-progress-spinner-indeterminate;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/*---------------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
|
-
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
|
-
*--------------------------------------------------------------------------------------------*/
|
|
5
|
-
@import './progress-bar';
|
|
6
|
-
@import './progress-spinner';
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
/*---------------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
|
-
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
|
-
*--------------------------------------------------------------------------------------------*/
|
|
5
|
-
@import '../style/index';
|
|
6
|
-
@import "~@itwin/itwinui-css/scss/style/space";
|
|
7
|
-
@import "~@itwin/itwinui-css/scss/style/typography";
|
|
8
|
-
|
|
9
|
-
@mixin uicore-progress-bar($height: 4px) {
|
|
10
|
-
text-align: left;
|
|
11
|
-
display: block;
|
|
12
|
-
height: $height;
|
|
13
|
-
width: 100%;
|
|
14
|
-
background: $buic-background-5;
|
|
15
|
-
overflow: hidden;
|
|
16
|
-
|
|
17
|
-
> * {
|
|
18
|
-
display: inline-block;
|
|
19
|
-
background: $buic-foreground-primary;
|
|
20
|
-
height: 100%;
|
|
21
|
-
vertical-align: top;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
&.success {
|
|
25
|
-
background: $buic-foreground-success;
|
|
26
|
-
|
|
27
|
-
> * {
|
|
28
|
-
background: $buic-foreground-success;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
&.warning {
|
|
33
|
-
background: $buic-foreground-warning;
|
|
34
|
-
|
|
35
|
-
> * {
|
|
36
|
-
background: $buic-foreground-warning;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
&.error {
|
|
41
|
-
background: $buic-foreground-alert;
|
|
42
|
-
|
|
43
|
-
> * {
|
|
44
|
-
background: $buic-foreground-alert;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
@mixin uicore-progress-bar-determinate($speed: 2s) {
|
|
50
|
-
transition: width $speed ease-in-out;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
@mixin uicore-progress-bar-indeterminate() {
|
|
54
|
-
@keyframes uicore-progress-bar-animate-indeterminate {
|
|
55
|
-
0% {
|
|
56
|
-
transform: translateX(-60%) scaleX(0);
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
40% {
|
|
60
|
-
transform: translateX(-40%) scaleX(0.4);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
100% {
|
|
64
|
-
transform: translateX(100%) scaleX(0.5);
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
width: 100%;
|
|
68
|
-
animation: uicore-progress-bar-animate-indeterminate 1.5s infinite linear;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
@mixin uicore-progress-bar-labeled() {
|
|
72
|
-
width: 100%;
|
|
73
|
-
|
|
74
|
-
> .uicore-label {
|
|
75
|
-
text-align: center;
|
|
76
|
-
width: 100%;
|
|
77
|
-
overflow: hidden;
|
|
78
|
-
margin-top: $iui-xs;
|
|
79
|
-
display: block;
|
|
80
|
-
font-size: $iui-font-size-small;
|
|
81
|
-
|
|
82
|
-
> :first-child {
|
|
83
|
-
float: left;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
> :last-child {
|
|
87
|
-
float: right;
|
|
88
|
-
user-select: none;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
}
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
/*---------------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
|
-
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
|
-
*--------------------------------------------------------------------------------------------*/
|
|
5
|
-
@import '../style/index';
|
|
6
|
-
@import "~@itwin/itwinui-css/scss/style/typography";
|
|
7
|
-
|
|
8
|
-
@mixin uicore-progress-spinner() {
|
|
9
|
-
position: relative;
|
|
10
|
-
|
|
11
|
-
svg.spinner {
|
|
12
|
-
height: 100%;
|
|
13
|
-
width: 100%;
|
|
14
|
-
|
|
15
|
-
circle.fill {
|
|
16
|
-
stroke: $buic-foreground-primary;
|
|
17
|
-
fill: none;
|
|
18
|
-
stroke-width: 3.2;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
circle.shape {
|
|
22
|
-
stroke: $buic-background-5;
|
|
23
|
-
fill: none;
|
|
24
|
-
stroke-width: 3.2;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
$spinner-icon-size: 20px;
|
|
29
|
-
|
|
30
|
-
&.success {
|
|
31
|
-
svg.spinner {
|
|
32
|
-
circle.fill,
|
|
33
|
-
circle.shape {
|
|
34
|
-
stroke: $buic-foreground-success;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.icon {
|
|
39
|
-
color: $buic-foreground-success;
|
|
40
|
-
font-size: $spinner-icon-size;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.uicore-progress-spinner-content svg {
|
|
44
|
-
fill: $buic-foreground-success;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
&.error {
|
|
49
|
-
svg.spinner {
|
|
50
|
-
circle.fill,
|
|
51
|
-
circle.shape {
|
|
52
|
-
stroke: $buic-foreground-alert;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.icon {
|
|
57
|
-
color: $buic-foreground-alert;
|
|
58
|
-
font-size: $spinner-icon-size;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.uicore-progress-spinner-content svg {
|
|
62
|
-
fill: $buic-foreground-alert;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.uicore-progress-spinner-content {
|
|
67
|
-
position: absolute;
|
|
68
|
-
display: flex;
|
|
69
|
-
width: 100%;
|
|
70
|
-
height: 100%;
|
|
71
|
-
left: 0;
|
|
72
|
-
top: 0;
|
|
73
|
-
align-items: center;
|
|
74
|
-
justify-content: center;
|
|
75
|
-
font-size: $iui-font-size-small;
|
|
76
|
-
user-select: none;
|
|
77
|
-
|
|
78
|
-
svg,
|
|
79
|
-
img {
|
|
80
|
-
width: $uicore-icons-small;
|
|
81
|
-
height: $uicore-icons-small;
|
|
82
|
-
fill: $buic-foreground-body;
|
|
83
|
-
|
|
84
|
-
&:hover {
|
|
85
|
-
fill: $buic-foreground-activehover;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
@mixin uicore-progress-spinner-determinate() {
|
|
92
|
-
svg.spinner {
|
|
93
|
-
transform: rotate(-90deg);
|
|
94
|
-
|
|
95
|
-
circle.fill {
|
|
96
|
-
stroke-dasharray: 100;
|
|
97
|
-
transition: stroke-dashoffset 0.5s ease-in-out;
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
@mixin uicore-progress-spinner-indeterminate() {
|
|
103
|
-
svg.spinner {
|
|
104
|
-
animation: rotate-indeterminate 2s linear infinite;
|
|
105
|
-
|
|
106
|
-
circle.fill {
|
|
107
|
-
animation: dash-indeterminate 1.5s ease-in-out infinite;
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
@keyframes rotate-indeterminate {
|
|
112
|
-
100% {
|
|
113
|
-
transform: rotate(360deg);
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
@keyframes dash-indeterminate {
|
|
118
|
-
0% {
|
|
119
|
-
stroke-dasharray: 1, 100;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
50% {
|
|
123
|
-
stroke-dasharray: 100, 100;
|
|
124
|
-
stroke-dashoffset: -25;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
100% {
|
|
128
|
-
stroke-dasharray: 100, 100;
|
|
129
|
-
stroke-dashoffset: -100;
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
}
|