@workday/canvas-kit-preview-react 17.0.0-alpha.0631-next.0 → 17.0.0-alpha.0635-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commonjs/preview-react/color-picker/index.d.ts.map +1 -0
- package/dist/commonjs/preview-react/color-picker/lib/ColorPicker.d.ts.map +1 -0
- package/dist/commonjs/{color-picker → preview-react/color-picker}/lib/ColorPicker.js +1 -1
- package/dist/commonjs/preview-react/color-picker/lib/defaultColorSet.d.ts.map +1 -0
- package/dist/commonjs/preview-react/color-picker/lib/parts/ColorReset.d.ts.map +1 -0
- package/dist/commonjs/{color-picker → preview-react/color-picker}/lib/parts/ColorReset.js +1 -1
- package/dist/commonjs/preview-react/color-picker/lib/parts/SwatchBook.d.ts.map +1 -0
- package/dist/commonjs/{color-picker → preview-react/color-picker}/lib/parts/SwatchBook.js +1 -1
- package/dist/commonjs/preview-react/divider/index.d.ts.map +1 -0
- package/dist/commonjs/preview-react/divider/lib/Divider.d.ts.map +1 -0
- package/dist/commonjs/{divider → preview-react/divider}/lib/Divider.js +3 -3
- package/dist/commonjs/preview-react/index.d.ts.map +1 -0
- package/dist/commonjs/preview-react/loading-sparkles/index.d.ts.map +1 -0
- package/dist/commonjs/preview-react/loading-sparkles/lib/LoadingSparkles.d.ts.map +1 -0
- package/dist/commonjs/{loading-sparkles → preview-react/loading-sparkles}/lib/LoadingSparkles.js +2 -2
- package/dist/commonjs/preview-react/loading-sparkles/lib/sparkleIcon.d.ts.map +1 -0
- package/dist/commonjs/preview-react/multi-select/index.d.ts.map +1 -0
- package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelect.d.ts.map +1 -1
- package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectCard.d.ts.map +1 -1
- package/dist/commonjs/preview-react/multi-select/lib/MultiSelectInput.d.ts.map +1 -0
- package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectInput.js +3 -3
- package/dist/{es6 → commonjs/preview-react}/multi-select/lib/MultiSelectItem.d.ts.map +1 -1
- package/dist/{es6 → commonjs/preview-react}/multi-select/lib/MultiSelectedItem.d.ts.map +1 -1
- package/dist/commonjs/preview-react/multi-select/lib/MultiSelectedList.d.ts.map +1 -0
- package/dist/{es6 → commonjs/preview-react}/multi-select/lib/useMultiSelectItemRemove.d.ts.map +1 -1
- package/dist/{es6 → commonjs/preview-react}/multi-select/lib/useMultiSelectModel.d.ts.map +1 -1
- package/dist/commonjs/preview-react/radio/index.d.ts.map +1 -0
- package/dist/commonjs/preview-react/radio/lib/RadioButton.d.ts.map +1 -0
- package/dist/commonjs/preview-react/radio/lib/RadioGroup.d.ts.map +1 -0
- package/dist/commonjs/{radio → preview-react/radio}/lib/RadioGroup.js +3 -3
- package/dist/commonjs/preview-react/radio/lib/RadioInput.d.ts.map +1 -0
- package/dist/commonjs/preview-react/radio/lib/RadioLabel.d.ts.map +1 -0
- package/dist/commonjs/{radio → preview-react/radio}/lib/RadioLabel.js +1 -1
- package/dist/commonjs/preview-react/radio/lib/RadioText.d.ts.map +1 -0
- package/dist/commonjs/{radio → preview-react/radio}/lib/RadioText.js +3 -3
- package/dist/commonjs/preview-react/radio/lib/StyledRadioButton.d.ts.map +1 -0
- package/dist/commonjs/{radio → preview-react/radio}/lib/StyledRadioButton.js +5 -5
- package/dist/commonjs/preview-react/radio/lib/hooks/useRadioModel.d.ts.map +1 -0
- package/dist/commonjs/preview-react/side-panel/index.d.ts.map +1 -0
- package/dist/commonjs/preview-react/side-panel/lib/SidePanel.d.ts.map +1 -0
- package/dist/commonjs/{side-panel → preview-react/side-panel}/lib/SidePanel.js +7 -7
- package/dist/commonjs/preview-react/side-panel/lib/SidePanelToggleButton.d.ts.map +1 -0
- package/dist/commonjs/{side-panel → preview-react/side-panel}/lib/SidePanelToggleButton.js +11 -11
- package/dist/commonjs/preview-react/side-panel/lib/hooks.d.ts.map +1 -0
- package/dist/commonjs/preview-react/status-indicator/index.d.ts.map +1 -0
- package/dist/commonjs/preview-react/status-indicator/lib/StatusIndicator.d.ts.map +1 -0
- package/dist/commonjs/{status-indicator → preview-react/status-indicator}/lib/StatusIndicator.js +14 -14
- package/dist/commonjs/preview-react/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -0
- package/dist/commonjs/preview-react/status-indicator/lib/StatusIndicatorLabel.d.ts.map +1 -0
- package/dist/commonjs/{status-indicator → preview-react/status-indicator}/lib/StatusIndicatorLabel.js +1 -1
- package/dist/commonjs/preview-react/switch/index.d.ts.map +1 -0
- package/dist/commonjs/preview-react/switch/lib/Switch.d.ts.map +1 -0
- package/dist/commonjs/preview-react/switch/lib/SwitchBackground.d.ts.map +1 -0
- package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchBackground.js +1 -1
- package/dist/commonjs/preview-react/switch/lib/SwitchCircle.d.ts.map +1 -0
- package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchCircle.js +2 -2
- package/dist/commonjs/preview-react/switch/lib/SwitchContainer.d.ts.map +1 -0
- package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchContainer.js +1 -1
- package/dist/commonjs/preview-react/switch/lib/SwitchIcon.d.ts.map +1 -0
- package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchIcon.js +2 -2
- package/dist/commonjs/preview-react/switch/lib/SwitchInput.d.ts.map +1 -0
- package/dist/commonjs/preview-react/switch/lib/SwitchInput.js +22 -0
- package/dist/commonjs/preview-react/tabs/index.d.ts.map +1 -0
- package/dist/commonjs/{tabs → preview-react/tabs}/lib/Tabs.d.ts.map +1 -1
- package/dist/commonjs/{tabs → preview-react/tabs}/lib/TabsItem.d.ts +3 -1
- package/dist/commonjs/preview-react/tabs/lib/TabsItem.d.ts.map +1 -0
- package/dist/commonjs/preview-react/tabs/lib/TabsItem.js +105 -0
- package/dist/{es6 → commonjs/preview-react}/tabs/lib/TabsList.d.ts +330 -2
- package/dist/commonjs/preview-react/tabs/lib/TabsList.d.ts.map +1 -0
- package/dist/commonjs/{tabs → preview-react/tabs}/lib/TabsList.js +66 -12
- package/dist/{es6 → commonjs/preview-react}/tabs/lib/TabsOverflowButton.d.ts +24 -215
- package/dist/commonjs/preview-react/tabs/lib/TabsOverflowButton.d.ts.map +1 -0
- package/dist/commonjs/preview-react/tabs/lib/TabsOverflowButton.js +93 -0
- package/dist/commonjs/{tabs → preview-react/tabs}/lib/TabsPanel.d.ts.map +1 -1
- package/dist/commonjs/preview-react/tabs/lib/TabsPanels.d.ts.map +1 -0
- package/dist/commonjs/{tabs → preview-react/tabs}/lib/TabsPanels.js +2 -2
- package/dist/commonjs/{tabs → preview-react/tabs}/lib/useTabsModel.d.ts +17 -12
- package/dist/commonjs/preview-react/tabs/lib/useTabsModel.d.ts.map +1 -0
- package/dist/commonjs/preview-react/tabs/lib/useTabsModel.js +267 -0
- package/dist/commonjs/preview-react/version/index.d.ts.map +1 -0
- package/dist/commonjs/preview-react/version/lib/version.d.ts.map +1 -0
- package/dist/commonjs/{version → preview-react/version}/lib/version.js +1 -1
- package/dist/commonjs/react/collection/lib/keyUtils.d.ts +26 -0
- package/dist/commonjs/react/collection/lib/keyUtils.d.ts.map +1 -0
- package/dist/commonjs/react/collection/lib/keyUtils.js +84 -0
- package/dist/commonjs/react/collection/lib/useBaseListModel.d.ts +308 -0
- package/dist/commonjs/react/collection/lib/useBaseListModel.d.ts.map +1 -0
- package/dist/commonjs/react/collection/lib/useBaseListModel.js +195 -0
- package/dist/commonjs/react/collection/lib/useCursorListModel.d.ts +1424 -0
- package/dist/commonjs/react/collection/lib/useCursorListModel.d.ts.map +1 -0
- package/dist/commonjs/react/collection/lib/useCursorListModel.js +396 -0
- package/dist/es6/preview-react/color-picker/index.d.ts.map +1 -0
- package/dist/es6/preview-react/color-picker/lib/ColorPicker.d.ts.map +1 -0
- package/dist/es6/{color-picker → preview-react/color-picker}/lib/ColorPicker.js +1 -1
- package/dist/es6/preview-react/color-picker/lib/defaultColorSet.d.ts.map +1 -0
- package/dist/es6/preview-react/color-picker/lib/parts/ColorReset.d.ts.map +1 -0
- package/dist/es6/preview-react/color-picker/lib/parts/ColorReset.js +16 -0
- package/dist/es6/preview-react/color-picker/lib/parts/SwatchBook.d.ts.map +1 -0
- package/dist/es6/{color-picker → preview-react/color-picker}/lib/parts/SwatchBook.js +1 -1
- package/dist/es6/preview-react/divider/index.d.ts.map +1 -0
- package/dist/es6/preview-react/divider/lib/Divider.d.ts.map +1 -0
- package/dist/es6/{divider → preview-react/divider}/lib/Divider.js +3 -3
- package/dist/es6/preview-react/index.d.ts.map +1 -0
- package/dist/es6/preview-react/loading-sparkles/index.d.ts.map +1 -0
- package/dist/es6/preview-react/loading-sparkles/lib/LoadingSparkles.d.ts.map +1 -0
- package/dist/es6/{loading-sparkles → preview-react/loading-sparkles}/lib/LoadingSparkles.js +2 -2
- package/dist/es6/preview-react/loading-sparkles/lib/sparkleIcon.d.ts.map +1 -0
- package/dist/es6/preview-react/multi-select/index.d.ts.map +1 -0
- package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelect.d.ts.map +1 -1
- package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectCard.d.ts.map +1 -1
- package/dist/es6/preview-react/multi-select/lib/MultiSelectInput.d.ts.map +1 -0
- package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectInput.js +3 -3
- package/dist/{commonjs → es6/preview-react}/multi-select/lib/MultiSelectItem.d.ts.map +1 -1
- package/dist/{commonjs → es6/preview-react}/multi-select/lib/MultiSelectedItem.d.ts.map +1 -1
- package/dist/es6/preview-react/multi-select/lib/MultiSelectedList.d.ts.map +1 -0
- package/dist/{commonjs → es6/preview-react}/multi-select/lib/useMultiSelectItemRemove.d.ts.map +1 -1
- package/dist/{commonjs → es6/preview-react}/multi-select/lib/useMultiSelectModel.d.ts.map +1 -1
- package/dist/es6/preview-react/radio/index.d.ts.map +1 -0
- package/dist/es6/preview-react/radio/lib/RadioButton.d.ts.map +1 -0
- package/dist/es6/preview-react/radio/lib/RadioGroup.d.ts.map +1 -0
- package/dist/es6/{radio → preview-react/radio}/lib/RadioGroup.js +3 -3
- package/dist/es6/preview-react/radio/lib/RadioInput.d.ts.map +1 -0
- package/dist/es6/preview-react/radio/lib/RadioLabel.d.ts.map +1 -0
- package/dist/es6/{radio → preview-react/radio}/lib/RadioLabel.js +1 -1
- package/dist/es6/preview-react/radio/lib/RadioText.d.ts.map +1 -0
- package/dist/es6/{radio → preview-react/radio}/lib/RadioText.js +3 -3
- package/dist/es6/preview-react/radio/lib/StyledRadioButton.d.ts.map +1 -0
- package/dist/es6/{radio → preview-react/radio}/lib/StyledRadioButton.js +5 -5
- package/dist/es6/preview-react/radio/lib/hooks/useRadioModel.d.ts.map +1 -0
- package/dist/es6/preview-react/side-panel/index.d.ts.map +1 -0
- package/dist/es6/preview-react/side-panel/lib/SidePanel.d.ts.map +1 -0
- package/dist/es6/{side-panel → preview-react/side-panel}/lib/SidePanel.js +7 -7
- package/dist/es6/preview-react/side-panel/lib/SidePanelToggleButton.d.ts.map +1 -0
- package/dist/es6/{side-panel → preview-react/side-panel}/lib/SidePanelToggleButton.js +11 -11
- package/dist/es6/preview-react/side-panel/lib/hooks.d.ts.map +1 -0
- package/dist/es6/preview-react/status-indicator/index.d.ts.map +1 -0
- package/dist/es6/preview-react/status-indicator/lib/StatusIndicator.d.ts.map +1 -0
- package/dist/es6/{status-indicator → preview-react/status-indicator}/lib/StatusIndicator.js +14 -14
- package/dist/es6/preview-react/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -0
- package/dist/es6/preview-react/status-indicator/lib/StatusIndicatorLabel.d.ts.map +1 -0
- package/dist/es6/{status-indicator → preview-react/status-indicator}/lib/StatusIndicatorLabel.js +1 -1
- package/dist/es6/preview-react/switch/index.d.ts.map +1 -0
- package/dist/es6/preview-react/switch/lib/Switch.d.ts.map +1 -0
- package/dist/es6/preview-react/switch/lib/SwitchBackground.d.ts.map +1 -0
- package/dist/es6/{switch → preview-react/switch}/lib/SwitchBackground.js +1 -1
- package/dist/es6/preview-react/switch/lib/SwitchCircle.d.ts.map +1 -0
- package/dist/es6/{switch → preview-react/switch}/lib/SwitchCircle.js +2 -2
- package/dist/es6/preview-react/switch/lib/SwitchContainer.d.ts.map +1 -0
- package/dist/es6/{switch → preview-react/switch}/lib/SwitchContainer.js +1 -1
- package/dist/es6/preview-react/switch/lib/SwitchIcon.d.ts.map +1 -0
- package/dist/es6/{switch → preview-react/switch}/lib/SwitchIcon.js +2 -2
- package/dist/es6/preview-react/switch/lib/SwitchInput.d.ts.map +1 -0
- package/dist/es6/preview-react/switch/lib/SwitchInput.js +19 -0
- package/dist/es6/preview-react/tabs/index.d.ts.map +1 -0
- package/dist/es6/{tabs → preview-react/tabs}/lib/Tabs.d.ts.map +1 -1
- package/dist/es6/{tabs → preview-react/tabs}/lib/TabsItem.d.ts +3 -1
- package/dist/es6/preview-react/tabs/lib/TabsItem.d.ts.map +1 -0
- package/dist/es6/preview-react/tabs/lib/TabsItem.js +79 -0
- package/dist/{commonjs → es6/preview-react}/tabs/lib/TabsList.d.ts +330 -2
- package/dist/es6/preview-react/tabs/lib/TabsList.d.ts.map +1 -0
- package/dist/es6/preview-react/tabs/lib/TabsList.js +148 -0
- package/dist/{commonjs → es6/preview-react}/tabs/lib/TabsOverflowButton.d.ts +24 -215
- package/dist/es6/preview-react/tabs/lib/TabsOverflowButton.d.ts.map +1 -0
- package/dist/es6/preview-react/tabs/lib/TabsOverflowButton.js +89 -0
- package/dist/es6/{tabs → preview-react/tabs}/lib/TabsPanel.d.ts.map +1 -1
- package/dist/es6/preview-react/tabs/lib/TabsPanels.d.ts.map +1 -0
- package/dist/es6/{tabs → preview-react/tabs}/lib/TabsPanels.js +2 -2
- package/dist/es6/{tabs → preview-react/tabs}/lib/useTabsModel.d.ts +17 -12
- package/dist/es6/preview-react/tabs/lib/useTabsModel.d.ts.map +1 -0
- package/dist/es6/preview-react/tabs/lib/useTabsModel.js +261 -0
- package/dist/es6/preview-react/version/index.d.ts.map +1 -0
- package/dist/es6/preview-react/version/lib/version.d.ts.map +1 -0
- package/dist/es6/preview-react/version/lib/version.js +1 -0
- package/dist/es6/react/collection/lib/keyUtils.d.ts +26 -0
- package/dist/es6/react/collection/lib/keyUtils.d.ts.map +1 -0
- package/dist/es6/react/collection/lib/keyUtils.js +80 -0
- package/dist/es6/react/collection/lib/useBaseListModel.d.ts +308 -0
- package/dist/es6/react/collection/lib/useBaseListModel.d.ts.map +1 -0
- package/dist/es6/react/collection/lib/useBaseListModel.js +187 -0
- package/dist/es6/react/collection/lib/useCursorListModel.d.ts +1424 -0
- package/dist/es6/react/collection/lib/useCursorListModel.d.ts.map +1 -0
- package/dist/es6/react/collection/lib/useCursorListModel.js +379 -0
- package/package.json +4 -4
- package/tabs/lib/TabsItem.tsx +39 -0
- package/tabs/lib/TabsList.tsx +83 -5
- package/tabs/lib/TabsOverflowButton.tsx +77 -5
- package/tabs/lib/TabsPanels.tsx +2 -2
- package/tabs/lib/useTabsModel.tsx +161 -3
- package/dist/commonjs/color-picker/index.d.ts.map +0 -1
- package/dist/commonjs/color-picker/lib/ColorPicker.d.ts.map +0 -1
- package/dist/commonjs/color-picker/lib/defaultColorSet.d.ts.map +0 -1
- package/dist/commonjs/color-picker/lib/parts/ColorReset.d.ts.map +0 -1
- package/dist/commonjs/color-picker/lib/parts/SwatchBook.d.ts.map +0 -1
- package/dist/commonjs/divider/index.d.ts.map +0 -1
- package/dist/commonjs/divider/lib/Divider.d.ts.map +0 -1
- package/dist/commonjs/index.d.ts.map +0 -1
- package/dist/commonjs/loading-sparkles/index.d.ts.map +0 -1
- package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.d.ts.map +0 -1
- package/dist/commonjs/loading-sparkles/lib/sparkleIcon.d.ts.map +0 -1
- package/dist/commonjs/multi-select/index.d.ts.map +0 -1
- package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts.map +0 -1
- package/dist/commonjs/multi-select/lib/MultiSelectedList.d.ts.map +0 -1
- package/dist/commonjs/radio/index.d.ts.map +0 -1
- package/dist/commonjs/radio/lib/RadioButton.d.ts.map +0 -1
- package/dist/commonjs/radio/lib/RadioGroup.d.ts.map +0 -1
- package/dist/commonjs/radio/lib/RadioInput.d.ts.map +0 -1
- package/dist/commonjs/radio/lib/RadioLabel.d.ts.map +0 -1
- package/dist/commonjs/radio/lib/RadioText.d.ts.map +0 -1
- package/dist/commonjs/radio/lib/StyledRadioButton.d.ts.map +0 -1
- package/dist/commonjs/radio/lib/hooks/useRadioModel.d.ts.map +0 -1
- package/dist/commonjs/side-panel/index.d.ts.map +0 -1
- package/dist/commonjs/side-panel/lib/SidePanel.d.ts.map +0 -1
- package/dist/commonjs/side-panel/lib/SidePanelToggleButton.d.ts.map +0 -1
- package/dist/commonjs/side-panel/lib/hooks.d.ts.map +0 -1
- package/dist/commonjs/status-indicator/index.d.ts.map +0 -1
- package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts.map +0 -1
- package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.d.ts.map +0 -1
- package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.d.ts.map +0 -1
- package/dist/commonjs/switch/index.d.ts.map +0 -1
- package/dist/commonjs/switch/lib/Switch.d.ts.map +0 -1
- package/dist/commonjs/switch/lib/SwitchBackground.d.ts.map +0 -1
- package/dist/commonjs/switch/lib/SwitchCircle.d.ts.map +0 -1
- package/dist/commonjs/switch/lib/SwitchContainer.d.ts.map +0 -1
- package/dist/commonjs/switch/lib/SwitchIcon.d.ts.map +0 -1
- package/dist/commonjs/switch/lib/SwitchInput.d.ts.map +0 -1
- package/dist/commonjs/switch/lib/SwitchInput.js +0 -22
- package/dist/commonjs/tabs/index.d.ts.map +0 -1
- package/dist/commonjs/tabs/lib/TabsItem.d.ts.map +0 -1
- package/dist/commonjs/tabs/lib/TabsItem.js +0 -50
- package/dist/commonjs/tabs/lib/TabsList.d.ts.map +0 -1
- package/dist/commonjs/tabs/lib/TabsOverflowButton.d.ts.map +0 -1
- package/dist/commonjs/tabs/lib/TabsOverflowButton.js +0 -28
- package/dist/commonjs/tabs/lib/TabsPanels.d.ts.map +0 -1
- package/dist/commonjs/tabs/lib/useTabsModel.d.ts.map +0 -1
- package/dist/commonjs/tabs/lib/useTabsModel.js +0 -128
- package/dist/commonjs/version/index.d.ts.map +0 -1
- package/dist/commonjs/version/lib/version.d.ts.map +0 -1
- package/dist/es6/color-picker/index.d.ts.map +0 -1
- package/dist/es6/color-picker/lib/ColorPicker.d.ts.map +0 -1
- package/dist/es6/color-picker/lib/defaultColorSet.d.ts.map +0 -1
- package/dist/es6/color-picker/lib/parts/ColorReset.d.ts.map +0 -1
- package/dist/es6/color-picker/lib/parts/ColorReset.js +0 -16
- package/dist/es6/color-picker/lib/parts/SwatchBook.d.ts.map +0 -1
- package/dist/es6/divider/index.d.ts.map +0 -1
- package/dist/es6/divider/lib/Divider.d.ts.map +0 -1
- package/dist/es6/index.d.ts.map +0 -1
- package/dist/es6/loading-sparkles/index.d.ts.map +0 -1
- package/dist/es6/loading-sparkles/lib/LoadingSparkles.d.ts.map +0 -1
- package/dist/es6/loading-sparkles/lib/sparkleIcon.d.ts.map +0 -1
- package/dist/es6/multi-select/index.d.ts.map +0 -1
- package/dist/es6/multi-select/lib/MultiSelectInput.d.ts.map +0 -1
- package/dist/es6/multi-select/lib/MultiSelectedList.d.ts.map +0 -1
- package/dist/es6/radio/index.d.ts.map +0 -1
- package/dist/es6/radio/lib/RadioButton.d.ts.map +0 -1
- package/dist/es6/radio/lib/RadioGroup.d.ts.map +0 -1
- package/dist/es6/radio/lib/RadioInput.d.ts.map +0 -1
- package/dist/es6/radio/lib/RadioLabel.d.ts.map +0 -1
- package/dist/es6/radio/lib/RadioText.d.ts.map +0 -1
- package/dist/es6/radio/lib/StyledRadioButton.d.ts.map +0 -1
- package/dist/es6/radio/lib/hooks/useRadioModel.d.ts.map +0 -1
- package/dist/es6/side-panel/index.d.ts.map +0 -1
- package/dist/es6/side-panel/lib/SidePanel.d.ts.map +0 -1
- package/dist/es6/side-panel/lib/SidePanelToggleButton.d.ts.map +0 -1
- package/dist/es6/side-panel/lib/hooks.d.ts.map +0 -1
- package/dist/es6/status-indicator/index.d.ts.map +0 -1
- package/dist/es6/status-indicator/lib/StatusIndicator.d.ts.map +0 -1
- package/dist/es6/status-indicator/lib/StatusIndicatorIcon.d.ts.map +0 -1
- package/dist/es6/status-indicator/lib/StatusIndicatorLabel.d.ts.map +0 -1
- package/dist/es6/switch/index.d.ts.map +0 -1
- package/dist/es6/switch/lib/Switch.d.ts.map +0 -1
- package/dist/es6/switch/lib/SwitchBackground.d.ts.map +0 -1
- package/dist/es6/switch/lib/SwitchCircle.d.ts.map +0 -1
- package/dist/es6/switch/lib/SwitchContainer.d.ts.map +0 -1
- package/dist/es6/switch/lib/SwitchIcon.d.ts.map +0 -1
- package/dist/es6/switch/lib/SwitchInput.d.ts.map +0 -1
- package/dist/es6/switch/lib/SwitchInput.js +0 -19
- package/dist/es6/tabs/index.d.ts.map +0 -1
- package/dist/es6/tabs/lib/TabsItem.d.ts.map +0 -1
- package/dist/es6/tabs/lib/TabsItem.js +0 -47
- package/dist/es6/tabs/lib/TabsList.d.ts.map +0 -1
- package/dist/es6/tabs/lib/TabsList.js +0 -95
- package/dist/es6/tabs/lib/TabsOverflowButton.d.ts.map +0 -1
- package/dist/es6/tabs/lib/TabsOverflowButton.js +0 -25
- package/dist/es6/tabs/lib/TabsPanels.d.ts.map +0 -1
- package/dist/es6/tabs/lib/useTabsModel.d.ts.map +0 -1
- package/dist/es6/tabs/lib/useTabsModel.js +0 -122
- package/dist/es6/version/index.d.ts.map +0 -1
- package/dist/es6/version/lib/version.d.ts.map +0 -1
- package/dist/es6/version/lib/version.js +0 -1
- /package/dist/commonjs/{color-picker → preview-react/color-picker}/index.d.ts +0 -0
- /package/dist/commonjs/{color-picker → preview-react/color-picker}/index.js +0 -0
- /package/dist/commonjs/{color-picker → preview-react/color-picker}/lib/ColorPicker.d.ts +0 -0
- /package/dist/commonjs/{color-picker → preview-react/color-picker}/lib/defaultColorSet.d.ts +0 -0
- /package/dist/commonjs/{color-picker → preview-react/color-picker}/lib/defaultColorSet.js +0 -0
- /package/dist/commonjs/{color-picker → preview-react/color-picker}/lib/parts/ColorReset.d.ts +0 -0
- /package/dist/commonjs/{color-picker → preview-react/color-picker}/lib/parts/SwatchBook.d.ts +0 -0
- /package/dist/commonjs/{divider → preview-react/divider}/index.d.ts +0 -0
- /package/dist/commonjs/{divider → preview-react/divider}/index.js +0 -0
- /package/dist/commonjs/{divider → preview-react/divider}/lib/Divider.d.ts +0 -0
- /package/dist/commonjs/{index.d.ts → preview-react/index.d.ts} +0 -0
- /package/dist/commonjs/{index.js → preview-react/index.js} +0 -0
- /package/dist/commonjs/{loading-sparkles → preview-react/loading-sparkles}/index.d.ts +0 -0
- /package/dist/commonjs/{loading-sparkles → preview-react/loading-sparkles}/index.js +0 -0
- /package/dist/commonjs/{loading-sparkles → preview-react/loading-sparkles}/lib/LoadingSparkles.d.ts +0 -0
- /package/dist/commonjs/{loading-sparkles → preview-react/loading-sparkles}/lib/sparkleIcon.d.ts +0 -0
- /package/dist/commonjs/{loading-sparkles → preview-react/loading-sparkles}/lib/sparkleIcon.js +0 -0
- /package/dist/commonjs/{multi-select → preview-react/multi-select}/index.d.ts +0 -0
- /package/dist/commonjs/{multi-select → preview-react/multi-select}/index.js +0 -0
- /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelect.d.ts +0 -0
- /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelect.js +0 -0
- /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectCard.d.ts +0 -0
- /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectCard.js +0 -0
- /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectInput.d.ts +0 -0
- /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectItem.d.ts +0 -0
- /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectItem.js +0 -0
- /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectedItem.d.ts +0 -0
- /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectedItem.js +0 -0
- /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectedList.d.ts +0 -0
- /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/MultiSelectedList.js +0 -0
- /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/useMultiSelectItemRemove.d.ts +0 -0
- /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/useMultiSelectItemRemove.js +0 -0
- /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/useMultiSelectModel.d.ts +0 -0
- /package/dist/commonjs/{multi-select → preview-react/multi-select}/lib/useMultiSelectModel.js +0 -0
- /package/dist/commonjs/{radio → preview-react/radio}/index.d.ts +0 -0
- /package/dist/commonjs/{radio → preview-react/radio}/index.js +0 -0
- /package/dist/commonjs/{radio → preview-react/radio}/lib/RadioButton.d.ts +0 -0
- /package/dist/commonjs/{radio → preview-react/radio}/lib/RadioButton.js +0 -0
- /package/dist/commonjs/{radio → preview-react/radio}/lib/RadioGroup.d.ts +0 -0
- /package/dist/commonjs/{radio → preview-react/radio}/lib/RadioInput.d.ts +0 -0
- /package/dist/commonjs/{radio → preview-react/radio}/lib/RadioInput.js +0 -0
- /package/dist/commonjs/{radio → preview-react/radio}/lib/RadioLabel.d.ts +0 -0
- /package/dist/commonjs/{radio → preview-react/radio}/lib/RadioText.d.ts +0 -0
- /package/dist/commonjs/{radio → preview-react/radio}/lib/StyledRadioButton.d.ts +0 -0
- /package/dist/commonjs/{radio → preview-react/radio}/lib/hooks/useRadioModel.d.ts +0 -0
- /package/dist/commonjs/{radio → preview-react/radio}/lib/hooks/useRadioModel.js +0 -0
- /package/dist/commonjs/{side-panel → preview-react/side-panel}/index.d.ts +0 -0
- /package/dist/commonjs/{side-panel → preview-react/side-panel}/index.js +0 -0
- /package/dist/commonjs/{side-panel → preview-react/side-panel}/lib/SidePanel.d.ts +0 -0
- /package/dist/commonjs/{side-panel → preview-react/side-panel}/lib/SidePanelToggleButton.d.ts +0 -0
- /package/dist/commonjs/{side-panel → preview-react/side-panel}/lib/hooks.d.ts +0 -0
- /package/dist/commonjs/{side-panel → preview-react/side-panel}/lib/hooks.js +0 -0
- /package/dist/commonjs/{status-indicator → preview-react/status-indicator}/index.d.ts +0 -0
- /package/dist/commonjs/{status-indicator → preview-react/status-indicator}/index.js +0 -0
- /package/dist/commonjs/{status-indicator → preview-react/status-indicator}/lib/StatusIndicator.d.ts +0 -0
- /package/dist/commonjs/{status-indicator → preview-react/status-indicator}/lib/StatusIndicatorIcon.d.ts +0 -0
- /package/dist/commonjs/{status-indicator → preview-react/status-indicator}/lib/StatusIndicatorIcon.js +0 -0
- /package/dist/commonjs/{status-indicator → preview-react/status-indicator}/lib/StatusIndicatorLabel.d.ts +0 -0
- /package/dist/commonjs/{switch → preview-react/switch}/index.d.ts +0 -0
- /package/dist/commonjs/{switch → preview-react/switch}/index.js +0 -0
- /package/dist/commonjs/{switch → preview-react/switch}/lib/Switch.d.ts +0 -0
- /package/dist/commonjs/{switch → preview-react/switch}/lib/Switch.js +0 -0
- /package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchBackground.d.ts +0 -0
- /package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchCircle.d.ts +0 -0
- /package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchContainer.d.ts +0 -0
- /package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchIcon.d.ts +0 -0
- /package/dist/commonjs/{switch → preview-react/switch}/lib/SwitchInput.d.ts +0 -0
- /package/dist/commonjs/{tabs → preview-react/tabs}/index.d.ts +0 -0
- /package/dist/commonjs/{tabs → preview-react/tabs}/index.js +0 -0
- /package/dist/commonjs/{tabs → preview-react/tabs}/lib/Tabs.d.ts +0 -0
- /package/dist/commonjs/{tabs → preview-react/tabs}/lib/Tabs.js +0 -0
- /package/dist/commonjs/{tabs → preview-react/tabs}/lib/TabsPanel.d.ts +0 -0
- /package/dist/commonjs/{tabs → preview-react/tabs}/lib/TabsPanel.js +0 -0
- /package/dist/commonjs/{tabs → preview-react/tabs}/lib/TabsPanels.d.ts +0 -0
- /package/dist/commonjs/{version → preview-react/version}/index.d.ts +0 -0
- /package/dist/commonjs/{version → preview-react/version}/index.js +0 -0
- /package/dist/commonjs/{version → preview-react/version}/lib/version.d.ts +0 -0
- /package/dist/es6/{color-picker → preview-react/color-picker}/index.d.ts +0 -0
- /package/dist/es6/{color-picker → preview-react/color-picker}/index.js +0 -0
- /package/dist/es6/{color-picker → preview-react/color-picker}/lib/ColorPicker.d.ts +0 -0
- /package/dist/es6/{color-picker → preview-react/color-picker}/lib/defaultColorSet.d.ts +0 -0
- /package/dist/es6/{color-picker → preview-react/color-picker}/lib/defaultColorSet.js +0 -0
- /package/dist/es6/{color-picker → preview-react/color-picker}/lib/parts/ColorReset.d.ts +0 -0
- /package/dist/es6/{color-picker → preview-react/color-picker}/lib/parts/SwatchBook.d.ts +0 -0
- /package/dist/es6/{divider → preview-react/divider}/index.d.ts +0 -0
- /package/dist/es6/{divider → preview-react/divider}/index.js +0 -0
- /package/dist/es6/{divider → preview-react/divider}/lib/Divider.d.ts +0 -0
- /package/dist/es6/{index.d.ts → preview-react/index.d.ts} +0 -0
- /package/dist/es6/{index.js → preview-react/index.js} +0 -0
- /package/dist/es6/{loading-sparkles → preview-react/loading-sparkles}/index.d.ts +0 -0
- /package/dist/es6/{loading-sparkles → preview-react/loading-sparkles}/index.js +0 -0
- /package/dist/es6/{loading-sparkles → preview-react/loading-sparkles}/lib/LoadingSparkles.d.ts +0 -0
- /package/dist/es6/{loading-sparkles → preview-react/loading-sparkles}/lib/sparkleIcon.d.ts +0 -0
- /package/dist/es6/{loading-sparkles → preview-react/loading-sparkles}/lib/sparkleIcon.js +0 -0
- /package/dist/es6/{multi-select → preview-react/multi-select}/index.d.ts +0 -0
- /package/dist/es6/{multi-select → preview-react/multi-select}/index.js +0 -0
- /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelect.d.ts +0 -0
- /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelect.js +0 -0
- /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectCard.d.ts +0 -0
- /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectCard.js +0 -0
- /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectInput.d.ts +0 -0
- /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectItem.d.ts +0 -0
- /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectItem.js +0 -0
- /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectedItem.d.ts +0 -0
- /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectedItem.js +0 -0
- /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectedList.d.ts +0 -0
- /package/dist/es6/{multi-select → preview-react/multi-select}/lib/MultiSelectedList.js +0 -0
- /package/dist/es6/{multi-select → preview-react/multi-select}/lib/useMultiSelectItemRemove.d.ts +0 -0
- /package/dist/es6/{multi-select → preview-react/multi-select}/lib/useMultiSelectItemRemove.js +0 -0
- /package/dist/es6/{multi-select → preview-react/multi-select}/lib/useMultiSelectModel.d.ts +0 -0
- /package/dist/es6/{multi-select → preview-react/multi-select}/lib/useMultiSelectModel.js +0 -0
- /package/dist/es6/{radio → preview-react/radio}/index.d.ts +0 -0
- /package/dist/es6/{radio → preview-react/radio}/index.js +0 -0
- /package/dist/es6/{radio → preview-react/radio}/lib/RadioButton.d.ts +0 -0
- /package/dist/es6/{radio → preview-react/radio}/lib/RadioButton.js +0 -0
- /package/dist/es6/{radio → preview-react/radio}/lib/RadioGroup.d.ts +0 -0
- /package/dist/es6/{radio → preview-react/radio}/lib/RadioInput.d.ts +0 -0
- /package/dist/es6/{radio → preview-react/radio}/lib/RadioInput.js +0 -0
- /package/dist/es6/{radio → preview-react/radio}/lib/RadioLabel.d.ts +0 -0
- /package/dist/es6/{radio → preview-react/radio}/lib/RadioText.d.ts +0 -0
- /package/dist/es6/{radio → preview-react/radio}/lib/StyledRadioButton.d.ts +0 -0
- /package/dist/es6/{radio → preview-react/radio}/lib/hooks/useRadioModel.d.ts +0 -0
- /package/dist/es6/{radio → preview-react/radio}/lib/hooks/useRadioModel.js +0 -0
- /package/dist/es6/{side-panel → preview-react/side-panel}/index.d.ts +0 -0
- /package/dist/es6/{side-panel → preview-react/side-panel}/index.js +0 -0
- /package/dist/es6/{side-panel → preview-react/side-panel}/lib/SidePanel.d.ts +0 -0
- /package/dist/es6/{side-panel → preview-react/side-panel}/lib/SidePanelToggleButton.d.ts +0 -0
- /package/dist/es6/{side-panel → preview-react/side-panel}/lib/hooks.d.ts +0 -0
- /package/dist/es6/{side-panel → preview-react/side-panel}/lib/hooks.js +0 -0
- /package/dist/es6/{status-indicator → preview-react/status-indicator}/index.d.ts +0 -0
- /package/dist/es6/{status-indicator → preview-react/status-indicator}/index.js +0 -0
- /package/dist/es6/{status-indicator → preview-react/status-indicator}/lib/StatusIndicator.d.ts +0 -0
- /package/dist/es6/{status-indicator → preview-react/status-indicator}/lib/StatusIndicatorIcon.d.ts +0 -0
- /package/dist/es6/{status-indicator → preview-react/status-indicator}/lib/StatusIndicatorIcon.js +0 -0
- /package/dist/es6/{status-indicator → preview-react/status-indicator}/lib/StatusIndicatorLabel.d.ts +0 -0
- /package/dist/es6/{switch → preview-react/switch}/index.d.ts +0 -0
- /package/dist/es6/{switch → preview-react/switch}/index.js +0 -0
- /package/dist/es6/{switch → preview-react/switch}/lib/Switch.d.ts +0 -0
- /package/dist/es6/{switch → preview-react/switch}/lib/Switch.js +0 -0
- /package/dist/es6/{switch → preview-react/switch}/lib/SwitchBackground.d.ts +0 -0
- /package/dist/es6/{switch → preview-react/switch}/lib/SwitchCircle.d.ts +0 -0
- /package/dist/es6/{switch → preview-react/switch}/lib/SwitchContainer.d.ts +0 -0
- /package/dist/es6/{switch → preview-react/switch}/lib/SwitchIcon.d.ts +0 -0
- /package/dist/es6/{switch → preview-react/switch}/lib/SwitchInput.d.ts +0 -0
- /package/dist/es6/{tabs → preview-react/tabs}/index.d.ts +0 -0
- /package/dist/es6/{tabs → preview-react/tabs}/index.js +0 -0
- /package/dist/es6/{tabs → preview-react/tabs}/lib/Tabs.d.ts +0 -0
- /package/dist/es6/{tabs → preview-react/tabs}/lib/Tabs.js +0 -0
- /package/dist/es6/{tabs → preview-react/tabs}/lib/TabsPanel.d.ts +0 -0
- /package/dist/es6/{tabs → preview-react/tabs}/lib/TabsPanel.js +0 -0
- /package/dist/es6/{tabs → preview-react/tabs}/lib/TabsPanels.d.ts +0 -0
- /package/dist/es6/{version → preview-react/version}/index.d.ts +0 -0
- /package/dist/es6/{version → preview-react/version}/index.js +0 -0
- /package/dist/es6/{version → preview-react/version}/lib/version.d.ts +0 -0
package/dist/commonjs/{status-indicator → preview-react/status-indicator}/lib/StatusIndicator.js
RENAMED
|
@@ -19,7 +19,7 @@ const deprecatedVariantsMap = {
|
|
|
19
19
|
};
|
|
20
20
|
const statusIndicatorStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
21
21
|
extends: common_1.cornerShapeStencil,
|
|
22
|
-
base: { name: "
|
|
22
|
+
base: { name: "12nifr", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));max-width:12.5rem;align-items:center;--shape-corner-shape-ccab68:var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x2, 0.5rem));height:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem));padding:var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem)) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));outline:0.0625rem solid transparent;--color-system-icon-c9acc3:currentColor;" },
|
|
23
23
|
modifiers: {
|
|
24
24
|
/**
|
|
25
25
|
* Defines the color of the `StatusIndicator`.
|
|
@@ -34,12 +34,12 @@ const statusIndicatorStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
34
34
|
* @default 'neutral'
|
|
35
35
|
*/
|
|
36
36
|
variant: {
|
|
37
|
-
info: { name: "
|
|
38
|
-
positive: { name: "
|
|
39
|
-
caution: { name: "
|
|
40
|
-
critical: { name: "
|
|
41
|
-
neutral: { name: "
|
|
42
|
-
transparent: { name: "
|
|
37
|
+
info: { name: "liiqa", styles: "color:var(--cnvs-sys-color-fg-info-strong, var(--cnvs-sys-color-fg-primary-strong, oklch(0.4658 0.1562 255.5 / 1)));background-color:var(--cnvs-sys-color-surface-info-strong, var(--cnvs-sys-color-bg-info-softer, oklch(0.6152 0.2108 256.1 / 0.11)));" },
|
|
38
|
+
positive: { name: "vi796", styles: "color:var(--cnvs-sys-color-fg-success-strong, oklch(0.4463 0.1422 144.58 / 1));background-color:var(--cnvs-sys-color-surface-success-strong, oklch(0.8685 0.2814 143.77 / 0.15));" },
|
|
39
|
+
caution: { name: "1e2mb", styles: "color:var(--cnvs-sys-color-fg-warning-strong, oklch(0.4824 0.1353 46.11 / 1));background-color:var(--cnvs-sys-color-surface-warning-strong, var(--cnvs-sys-color-static-amber-stronger, oklch(0.8864 0.1845 100.28 / 0.22)));" },
|
|
40
|
+
critical: { name: "2w3t85", styles: "color:var(--cnvs-sys-color-fg-danger-strong, var(--cnvs-sys-color-fg-critical-strong, oklch(0.4517 0.1847 28.2 / 1)));background-color:var(--cnvs-sys-color-surface-danger-strong, oklch(0.6434 0.2428 30.17 / 0.1));" },
|
|
41
|
+
neutral: { name: "6k65b", styles: "color:var(--cnvs-sys-color-fg-muted-strong);background-color:var(--cnvs-sys-color-surface-alt-strong, var(--cnvs-sys-color-bg-alt-default, oklch(0.3337 0.0688 250.79 / 0.09)));" },
|
|
42
|
+
transparent: { name: "omkn5", styles: "color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-surface-contrast-default, var(--cnvs-sys-color-bg-contrast-default, oklch(0.0969 0 0 / 0.84)));" }
|
|
43
43
|
},
|
|
44
44
|
/**
|
|
45
45
|
* Defines the emphasis of the `StatusIndicator`. `low` should be used in almost all cases.
|
|
@@ -52,8 +52,8 @@ const statusIndicatorStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
52
52
|
*
|
|
53
53
|
*/
|
|
54
54
|
emphasis: {
|
|
55
|
-
low: { name: "
|
|
56
|
-
high: { name: "
|
|
55
|
+
low: { name: "gyr84", styles: "" },
|
|
56
|
+
high: { name: "lm1il", styles: "" }
|
|
57
57
|
}
|
|
58
58
|
},
|
|
59
59
|
compound: [
|
|
@@ -62,35 +62,35 @@ const statusIndicatorStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
62
62
|
variant: 'info',
|
|
63
63
|
emphasis: 'high',
|
|
64
64
|
},
|
|
65
|
-
styles: { name: "
|
|
65
|
+
styles: { name: "1pcg3u", styles: "background-color:var(--cnvs-sys-color-accent-info, var(--cnvs-sys-color-bg-info-default, oklch(0.5198 0.1782 256.11 / 1)));color:var(--cnvs-sys-color-fg-inverse);" }
|
|
66
66
|
},
|
|
67
67
|
{
|
|
68
68
|
modifiers: {
|
|
69
69
|
variant: 'positive',
|
|
70
70
|
emphasis: 'high',
|
|
71
71
|
},
|
|
72
|
-
styles: { name: "
|
|
72
|
+
styles: { name: "3b3125", styles: "background-color:var(--cnvs-sys-color-accent-success, var(--cnvs-sys-color-bg-positive-default, oklch(0.5069 0.1569 145.56 / 1)));color:var(--cnvs-sys-color-fg-inverse);" }
|
|
73
73
|
},
|
|
74
74
|
{
|
|
75
75
|
modifiers: {
|
|
76
76
|
variant: 'caution',
|
|
77
77
|
emphasis: 'high',
|
|
78
78
|
},
|
|
79
|
-
styles: { name: "
|
|
79
|
+
styles: { name: "v3in5", styles: "background-color:var(--cnvs-sys-color-accent-warning, oklch(0.7909 0.1711 70.15 / 1));color:var(--cnvs-sys-color-fg-contrast-default);" }
|
|
80
80
|
},
|
|
81
81
|
{
|
|
82
82
|
modifiers: {
|
|
83
83
|
variant: 'critical',
|
|
84
84
|
emphasis: 'high',
|
|
85
85
|
},
|
|
86
|
-
styles: { name: "
|
|
86
|
+
styles: { name: "3qf042", styles: "background-color:var(--cnvs-sys-color-accent-danger, var(--cnvs-sys-color-bg-critical-default, oklch(0.5342 0.2172 29.53 / 1)));color:var(--cnvs-sys-color-fg-inverse);" }
|
|
87
87
|
},
|
|
88
88
|
{
|
|
89
89
|
modifiers: {
|
|
90
90
|
variant: 'neutral',
|
|
91
91
|
emphasis: 'high',
|
|
92
92
|
},
|
|
93
|
-
styles: { name: "
|
|
93
|
+
styles: { name: "3c3aki", styles: "background-color:var(--cnvs-sys-color-accent-muted-default, var(--cnvs-sys-color-bg-muted-default, oklch(0.5103 0.0255 256.8 / 1)));color:var(--cnvs-sys-color-fg-inverse);" }
|
|
94
94
|
}
|
|
95
95
|
],
|
|
96
96
|
defaultModifiers: {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusIndicatorIcon.d.ts","sourceRoot":"","sources":["../../../../../status-indicator/lib/StatusIndicatorIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAE3E,MAAM,WAAW,wBAAyB,SAAQ,eAAe;CAAG;AAEpE,eAAO,MAAM,mBAAmB,sFAS9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusIndicatorLabel.d.ts","sourceRoot":"","sources":["../../../../../status-indicator/lib/StatusIndicatorLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAc,MAAM,gCAAgC,CAAC;AAItE,MAAM,WAAW,yBAA0B,SAAQ,SAAS;CAAG;AAE/D,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAWtC,CAAC;AAEH,eAAO,MAAM,oBAAoB,gGAS/B,CAAC"}
|
|
@@ -9,7 +9,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
|
9
9
|
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
10
10
|
exports.statusIndicatorLabelStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
11
11
|
extends: text_1.textStencil,
|
|
12
|
-
base: { name: "
|
|
12
|
+
base: { name: "46bonm", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;color:inherit;" },
|
|
13
13
|
defaultModifiers: { typeLevel: 'subtext.medium' }
|
|
14
14
|
}, "status-indicator-label-528f53");
|
|
15
15
|
exports.StatusIndicatorLabel = (0, common_1.createComponent)('span')({
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../switch/lib/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAA+B,MAAM,kCAAkC,CAAC;AACzF,OAAO,EAAC,OAAO,EAAC,MAAM,6BAA6B,CAAC;AAQpD,MAAM,WAAW,WAAY,SAAQ,OAAO;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;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;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,MAAM;;CAgCjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchBackground.d.ts","sourceRoot":"","sources":["../../../../../switch/lib/SwitchBackground.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,uBAAuB,iJAiBlC,CAAC;AAEH,eAAO,MAAM,gBAAgB,6EAS3B,CAAC"}
|
|
@@ -6,7 +6,7 @@ const common_1 = require("@workday/canvas-kit-react/common");
|
|
|
6
6
|
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
7
7
|
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
8
8
|
exports.switchBackgroundStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
9
|
-
base: { name: "
|
|
9
|
+
base: { name: "3zz6ne", styles: "box-sizing:border-box;position:absolute;display:flex;align-items:center;pointer-events:none;border:0.0625rem solid transparent;height:var(--cnvs-sys-size-xxs, var(--cnvs-sys-space-x5, 1.25rem));width:2.125rem;border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));padding:0 0.0625rem;transition:background-color 200ms ease;background-color:var(--cnvs-sys-color-accent-muted-default, var(--cnvs-sys-color-bg-muted-default, oklch(0.5103 0.0255 256.8 / 1)));" }
|
|
10
10
|
}, "switch-background-fbb710");
|
|
11
11
|
exports.SwitchBackground = (0, common_1.createComponent)('div')({
|
|
12
12
|
displayName: 'SwitchBackground',
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchCircle.d.ts","sourceRoot":"","sources":["../../../../../switch/lib/SwitchCircle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAErC,eAAO,MAAM,mBAAmB;;;;;;;;;wBAuB9B,CAAC;AAEH,eAAO,MAAM,YAAY,iFAKvB,CAAC"}
|
|
@@ -6,10 +6,10 @@ const common_1 = require("@workday/canvas-kit-react/common");
|
|
|
6
6
|
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
7
7
|
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
8
8
|
exports.switchCircleStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
9
|
-
base: { name: "
|
|
9
|
+
base: { name: "26d18q", styles: "box-sizing:border-box;width:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));height:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));border:0.0625rem solid transparent;box-shadow:var(--cnvs-sys-depth-1);transition:transform 150ms ease;pointer-events:none;background-color:var(--cnvs-sys-color-fg-inverse);transform:translateX(0);" },
|
|
10
10
|
modifiers: {
|
|
11
11
|
checked: {
|
|
12
|
-
true: { name: "
|
|
12
|
+
true: { name: "3cootb", styles: "transform:translateX(0.875rem);:dir(rtl){transform:translateX(-0.875rem);}" }
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
}, "switch-circle-f808e0");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchContainer.d.ts","sourceRoot":"","sources":["../../../../../switch/lib/SwitchContainer.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,iJASjC,CAAC;AAEH,eAAO,MAAM,eAAe,6EAS1B,CAAC"}
|
|
@@ -6,7 +6,7 @@ const common_1 = require("@workday/canvas-kit-react/common");
|
|
|
6
6
|
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
7
7
|
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
8
8
|
exports.switchContainerStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
9
|
-
base: { name: "
|
|
9
|
+
base: { name: "cyisf", styles: "box-sizing:border-box;position:relative;margin-block-start:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));height:var(--cnvs-sys-size-xxs, var(--cnvs-sys-space-x5, 1.25rem));width:2.125rem;" }
|
|
10
10
|
}, "switch-container-f03251");
|
|
11
11
|
exports.SwitchContainer = (0, common_1.createComponent)('div')({
|
|
12
12
|
displayName: 'SwitchContainer',
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchIcon.d.ts","sourceRoot":"","sources":["../../../../../switch/lib/SwitchIcon.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAErC,eAAO,MAAM,iBAAiB;;;;;;;;;wBAsB5B,CAAC;AAEH,eAAO,MAAM,UAAU,iFAWrB,CAAC"}
|
|
@@ -8,10 +8,10 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
|
8
8
|
const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
|
|
9
9
|
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
10
10
|
exports.switchIconStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
11
|
-
base: { name: "
|
|
11
|
+
base: { name: "2n4bh5", styles: "box-sizing:border-box;--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-inverse);--size-svg-bca693:var(--cnvs-component-system-icon-size-sm, 1.125rem);position:absolute;transition:transform 0ms;pointer-events:none;transform:translateX(0.875rem);:dir(rtl){transform:translateX(-0.875rem);}" },
|
|
12
12
|
modifiers: {
|
|
13
13
|
checked: {
|
|
14
|
-
true: { name: "
|
|
14
|
+
true: { name: "y7isj", styles: "transform:translateX(-0.125rem);:dir(rtl){transform:translateX(0.125rem);}" }
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
}, "switch-icon-8fcbbf");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchInput.d.ts","sourceRoot":"","sources":["../../../../../switch/lib/SwitchInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAErC,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;wBA8D7B,CAAC;AAEH,eAAO,MAAM,WAAW,mFAKtB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SwitchInput = exports.switchInputStencil = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const common_1 = require("@workday/canvas-kit-react/common");
|
|
6
|
+
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
7
|
+
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
8
|
+
exports.switchInputStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
9
|
+
base: { name: "4ar7p0", styles: "box-sizing:border-box;display:flex;position:absolute;margin:0;height:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem));width:2.125rem;border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));opacity:0;cursor:pointer;& ~ div:first-of-type{outline-offset:0.125rem;}&:checked, &.checked{& ~ div:first-of-type{background-color:var(--cnvs-sys-color-brand-accent-positive, var(--cnvs-brand-success-base, oklch(0.5069 0.1569 145.56 / 1)));}&:disabled, &.disabled{& ~ div:first-of-type{opacity:var(--cnvs-sys-opacity-disabled);}}}&:disabled, &.disabled{cursor:not-allowed;& ~ div:first-of-type{opacity:var(--cnvs-sys-opacity-disabled);}}&:focus-visible, &:focus, &.focus{outline:none;& ~ div:first-of-type{outline:0.0625rem solid transparent;box-shadow:0 0 0 2px var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0)), 0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}}" },
|
|
10
|
+
modifiers: {
|
|
11
|
+
error: {
|
|
12
|
+
error: { name: "8pegx", styles: "& ~ div:first-of-type{box-shadow:\n 0 0 0 var(--cnvs-base-size-25, 0.125rem) var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-input-inverse, oklch(1 0 0 / 1))),\n 0 0 0 var(--cnvs-base-size-50, 0.25rem) var(--cnvs-sys-color-brand-focus-critical, var(--cnvs-brand-common-error-inner, oklch(0.6495 0.2369 30.04 / 1))),\n 0 0 0 0.3125rem transparent;}" },
|
|
13
|
+
caution: { name: "1ptbsq", styles: "& ~ div:first-of-type{box-shadow:\n 0 0 0 var(--cnvs-base-size-25, 0.125rem) var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-input-inverse, oklch(1 0 0 / 1))),\n 0 0 0 var(--cnvs-base-size-50, 0.25rem) var(--cnvs-sys-color-brand-focus-caution-inner, var(--cnvs-brand-common-alert-inner, oklch(0.7909 0.1711 70.15 / 1))),\n 0 0 0 0.3125rem var(--cnvs-sys-color-brand-border-caution, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1)));}" }
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}, "switch-input-cce660");
|
|
17
|
+
exports.SwitchInput = (0, common_1.createComponent)('input')({
|
|
18
|
+
displayName: 'SwitchInput',
|
|
19
|
+
Component: ({ error, ...elemProps }, ref, Element) => {
|
|
20
|
+
return (0, jsx_runtime_1.jsx)(Element, { ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.switchInputStencil)({ error })) });
|
|
21
|
+
},
|
|
22
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAoCb;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA7CH;;;;;;;OAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;OAQG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;OAWG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;OAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;OAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;;;;;;;OAeG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA7CH;;;;;;;;;;;;;WAaG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCL,CAAC"}
|
|
@@ -382,6 +382,8 @@ export declare const useTabsItem: import("@workday/canvas-kit-react/common").Beh
|
|
|
382
382
|
readonly 'aria-hidden': true | undefined;
|
|
383
383
|
readonly style: {};
|
|
384
384
|
readonly inert: boolean | "" | undefined;
|
|
385
|
+
}, import("@workday/canvas-kit-react/common").MergeProps<{
|
|
386
|
+
readonly onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => null | undefined;
|
|
385
387
|
}, import("@workday/canvas-kit-react/common").MergeProps<{
|
|
386
388
|
readonly onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
|
|
387
389
|
readonly onClick: () => void;
|
|
@@ -396,7 +398,7 @@ export declare const useTabsItem: import("@workday/canvas-kit-react/common").Beh
|
|
|
396
398
|
readonly 'data-index': number | undefined;
|
|
397
399
|
readonly style: React.CSSProperties;
|
|
398
400
|
readonly id: string;
|
|
399
|
-
},
|
|
401
|
+
}, {}>>>>>>>>;
|
|
400
402
|
export declare const TabsItem: import("@workday/canvas-kit-react/common").ElementComponentM<"button", TabsItemProps, {
|
|
401
403
|
state: {
|
|
402
404
|
getId: (item: any) => string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAEL,YAAY,EASb,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,GAAG,EAAE,SAAS,EAAc,MAAM,kCAAkC,CAAC;AAO7E,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC,EACrC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;;;;;;OAaG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACjC;AAqID,eAAO,MAAM,aAAa,sFASxB,CAAC;AAuCH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAhBH,mBAAmB,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;aAkCpD,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBnB,CAAC"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.TabsItem = exports.useTabsItem = exports.StyledTabItem = void 0;
|
|
27
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
+
const React = __importStar(require("react"));
|
|
29
|
+
const collection_1 = require("@workday/canvas-kit-react/collection");
|
|
30
|
+
const common_1 = require("@workday/canvas-kit-react/common");
|
|
31
|
+
const icon_1 = require("@workday/canvas-kit-react/icon");
|
|
32
|
+
const layout_1 = require("@workday/canvas-kit-react/layout");
|
|
33
|
+
const tooltip_1 = require("@workday/canvas-kit-react/tooltip");
|
|
34
|
+
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
35
|
+
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
36
|
+
const useTabsModel_1 = require("./useTabsModel");
|
|
37
|
+
const tabItemStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
38
|
+
extends: common_1.cornerShapeStencil,
|
|
39
|
+
base: { name: "z5d4z", styles: "box-sizing:border-box;--shape-corner-shape-ccab68:var(--cnvs-sys-shape-lg, 0.75rem);font-family:var(--cnvs-sys-font-family-default, \"Roboto\");font-weight:var(--cnvs-sys-font-weight-medium);line-height:var(--cnvs-sys-line-height-subtext-lg, 1.25rem);font-size:var(--cnvs-sys-font-size-subtext-lg, 0.875rem);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, 0.015rem);background-color:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));flex:0 0 auto;min-width:0;align-items:center;padding:0 var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));cursor:pointer;color:var(--cnvs-sys-color-fg-default);position:relative;transition:background 150ms ease, color 150ms ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;--color-system-icon-c9acc3:currentColor;--size-svg-bca693:var(--cnvs-component-system-icon-size-md, var(--cnvs-sys-space-x5, 1.25rem));&:has(span){display:flex;gap:var(--cnvs-base-size-75, 0.375rem);}&:hover, &.hover{color:var(--cnvs-sys-color-fg-strong);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-strong);}&:focus-visible, &.focus{outline:0.125rem solid transparent;background-color:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));color:var(--cnvs-sys-color-fg-strong);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-strong);}&:disabled, &.disabled, &[aria-disabled]{opacity:var(--cnvs-sys-opacity-disabled);&:hover{cursor:auto;background-color:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-default);}}&[aria-selected=true]{color:var(--cnvs-sys-color-fg-default);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-default);&:hover, &.hover, &:focus-visible, &.focus{color:var(--cnvs-sys-color-fg-default);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-default);}}" },
|
|
40
|
+
modifiers: {
|
|
41
|
+
variant: {
|
|
42
|
+
filled: { name: "2in5rq", styles: "border:0.0625rem solid transparent;&:hover, &.hover{background-color:var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0.3343 0.0951 253.3 / 0.05));}&:focus-visible, &.focus{box-shadow:0 0 0 2px var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-input-inverse, oklch(1 0 0 / 1))), 0 0 0 4px var(--cnvs-sys-color-brand-focus-primary, var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1)));}&[aria-selected=true]{background-color:var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0.3337 0.0688 250.79 / 0.09));border-color:var(--cnvs-sys-color-border-input-default);&:hover, &.hover, &:focus-visible, &.focus{background-color:var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0.3337 0.0688 250.79 / 0.09));}&:focus-visible, &.focus{border-width:0.125rem;margin-inline:-0.0625rem;}@media (forced-colors: active){outline:0.125rem solid ButtonBorder;}}" },
|
|
43
|
+
outlined: { name: "q5arc", styles: "border:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));margin-inline:0.0625rem;&:hover, &.hover{border-color:var(--cnvs-sys-color-border-strong, var(--cnvs-sys-color-border-container, oklch(0.2442 0.0693 257.66 / 0.21)));}&:focus-visible, &.focus{margin-inline:0rem;border:0.125rem solid var(--cnvs-sys-color-brand-focus-primary, var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1)));}&[aria-selected=true]{margin-inline:0rem;border:0.125rem solid var(--cnvs-sys-color-border-contrast-default);&:hover, &.hover, &:focus-visible, &.focus{border:0.125rem solid var(--cnvs-sys-color-border-contrast-default);}&:focus-visible, &.focus{box-shadow:0 0 0 2px var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-input-inverse, oklch(1 0 0 / 1))), 0 0 0 4px var(--cnvs-sys-color-brand-focus-primary, var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1)));}}" }
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}, "tab-item-a5f594");
|
|
47
|
+
exports.StyledTabItem = (0, common_1.createComponent)('button')({
|
|
48
|
+
displayName: 'StyledTabItem',
|
|
49
|
+
Component: ({ children, variant, ...elemProps }, ref, Element) => {
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, tabItemStencil({ variant })), children: children }));
|
|
51
|
+
},
|
|
52
|
+
});
|
|
53
|
+
/**
|
|
54
|
+
* When the selected tab receives ArrowDown, move focus to its tab panel.
|
|
55
|
+
* Returning `null` is the mergeCallback sentinel that stops later-merged
|
|
56
|
+
* `onKeyDown` handlers (including roving focus) from also handling this key.
|
|
57
|
+
* This hook must be composed before `useListItemRovingFocus` so it runs after
|
|
58
|
+
* that hook and its return value can skip the roving handler.
|
|
59
|
+
* Tabs.OverflowButton does not use this hook.
|
|
60
|
+
*
|
|
61
|
+
* ArrowDown is only intercepted in horizontal orientation. In a vertical tablist,
|
|
62
|
+
* ArrowDown is the roving-navigation key and must reach `useListItemRovingFocus`.
|
|
63
|
+
*/
|
|
64
|
+
const useTabsItemFocusPanelOnArrowDown = (0, common_1.createElemPropsHook)(useTabsModel_1.useTabsModel)(({ state }, _, elemProps = {}) => {
|
|
65
|
+
const { item } = React.useContext(collection_1.ListRenderItemContext);
|
|
66
|
+
const name = elemProps['data-id'] || (item === null || item === void 0 ? void 0 : item.id) || '';
|
|
67
|
+
const selected = !!name && (0, collection_1.isSelected)(name, state);
|
|
68
|
+
return {
|
|
69
|
+
onKeyDown(event) {
|
|
70
|
+
if (!selected || state.orientation !== 'horizontal' || event.key !== 'ArrowDown') {
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
event.preventDefault();
|
|
74
|
+
const panelId = (0, common_1.slugify)(`tabpanel-${state.id}-${name}`);
|
|
75
|
+
const panel = document.getElementById(panelId);
|
|
76
|
+
if (panel) {
|
|
77
|
+
panel.focus();
|
|
78
|
+
}
|
|
79
|
+
// mergeCallback: `null` prevents the roving-focus onKeyDown from running.
|
|
80
|
+
return null;
|
|
81
|
+
},
|
|
82
|
+
};
|
|
83
|
+
});
|
|
84
|
+
exports.useTabsItem = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useTabsModel_1.useTabsModel)(({ state }, _, elemProps = {}) => {
|
|
85
|
+
const name = elemProps['data-id'] || '';
|
|
86
|
+
const selected = !!elemProps['data-id'] && (0, collection_1.isSelected)(name, state);
|
|
87
|
+
return {
|
|
88
|
+
type: 'button',
|
|
89
|
+
role: 'tab',
|
|
90
|
+
'aria-selected': selected,
|
|
91
|
+
'aria-controls': (0, common_1.slugify)(`tabpanel-${state.id}-${name}`),
|
|
92
|
+
};
|
|
93
|
+
}), collection_1.useListItemSelect, collection_1.useOverflowListItemMeasure, useTabsItemFocusPanelOnArrowDown, collection_1.useListItemRovingFocus, collection_1.useListItemRegister);
|
|
94
|
+
exports.TabsItem = (0, common_1.createSubcomponent)('button')({
|
|
95
|
+
displayName: 'Tabs.Item',
|
|
96
|
+
modelHook: useTabsModel_1.useTabsModel,
|
|
97
|
+
elemPropsHook: exports.useTabsItem,
|
|
98
|
+
subComponents: {
|
|
99
|
+
Icon: icon_1.SystemIcon,
|
|
100
|
+
Text: common_1.EllipsisText,
|
|
101
|
+
},
|
|
102
|
+
})(({ children, ...elemProps }, Element, model) => {
|
|
103
|
+
const modality = (0, common_1.useModalityType)();
|
|
104
|
+
return ((0, jsx_runtime_1.jsx)(tooltip_1.OverflowTooltip, { children: (0, jsx_runtime_1.jsx)(exports.StyledTabItem, { as: Element, maxWidth: modality === 'touch' ? undefined : 280, ...elemProps, variant: model.state.variant, children: children }) }));
|
|
105
|
+
});
|