ultraviolet
ultraviolet copied to clipboard
feat: new tabs components
Summary
Type
- Feature
Summarise concisely:
What is expected?
New tabs component
Relevant logs and/or screenshots
size-limit report 📦
| Path | Size |
|---|---|
| dist/src/index.js, dist/react-datepicker/dist/react-datepicker.min.css.js, dist/react-toastify/dist/ReactToastify.min.css.js, dist/src/helpers/isJSON.js, dist/src/helpers/keycode.js, dist/src/helpers/legend.js, dist/src/helpers/numbers.js, dist/src/helpers/recursivelyGetChildrenString.js, dist/src/theme/index.js, dist/src/utils/animations.js, dist/src/utils/capitalize.js, dist/src/utils/ids.js, dist/src/utils/normalize.js, dist/src/utils/orderBy.js, dist/src/components/ActionBar/index.js, dist/src/components/Alert/index.js, dist/src/components/Avatar/index.js, dist/src/components/Badge/index.js, dist/src/components/BarChart/Tooltip.js, dist/src/components/BarChart/index.js, dist/src/components/BarStack/index.js, dist/src/components/BorderedBox/index.js, dist/src/components/Box/index.js, dist/src/components/Breadcrumbs/index.js, dist/src/components/Bullet/index.js, dist/src/components/Button/index.js, dist/src/components/Checkbox/index.js, dist/src/components/Container/index.js, dist/src/components/DateInput/index.js, dist/src/components/Description/index.js, dist/src/components/DotSteps/index.js, dist/src/components/Expandable/index.js, dist/src/components/FlexBox/index.js, dist/src/components/Grid/Col.js, dist/src/components/Grid/Grid.js, dist/src/components/Grid/Row.js, dist/src/components/Icon/index.js, dist/src/components/Image/index.js, dist/src/components/Label/index.js, dist/src/components/LineChart/CustomLegend.js, dist/src/components/LineChart/Tooltip.js, dist/src/components/LineChart/helpers.js, dist/src/components/LineChart/index.js, dist/src/components/Link/index.js, dist/src/components/List/Cell.js, dist/src/components/List/SelectBar.js, dist/src/components/List/SortIcon.js, dist/src/components/List/context.js, dist/src/components/List/index.js, dist/src/components/List/variantExplorer.js, dist/src/components/List/variantProduct.js, dist/src/components/List/variantTable.js, dist/src/components/Loader/index.js, dist/src/components/MarkDown/index.js, dist/src/components/Menu/Item.js, dist/src/components/Menu/index.js, dist/src/components/Modal/index.js, dist/src/components/NavigationStepper/index.js, dist/src/components/Notice/index.js, dist/src/components/Pagination/getPageNumbers.js, dist/src/components/Pagination/index.js, dist/src/components/Pagination/usePagination.js, dist/src/components/PasswordCheck/index.js, dist/src/components/PasswordStrengthMeter/index.js, dist/src/components/Pentagon/index.js, dist/src/components/PieChart/Legends.js, dist/src/components/PieChart/Tooltip.js, dist/src/components/PieChart/index.js, dist/src/components/PieChart/patterns.js, dist/src/components/Placeholder/Block.js, dist/src/components/Placeholder/Blocks.js, dist/src/components/Placeholder/BoxWithIcon.js, dist/src/components/Placeholder/Donut.js, dist/src/components/Placeholder/IconPlaceholder.js, dist/src/components/Placeholder/Line.js, dist/src/components/Placeholder/List.js, dist/src/components/Placeholder/Slider.js, dist/src/components/Placeholder/index.js, dist/src/components/ProgressBar/index.js, dist/src/components/ProgressionButton/index.js, dist/src/components/Radio/index.js, dist/src/components/RadioBorderedBox/index.js, dist/src/components/Range/index.js, dist/src/components/RichSelect/index.js, dist/src/components/ScrollView/index.js, dist/src/components/SelectNumber/index.js, dist/src/components/SelectableCard/index.js, dist/src/components/Separator/index.js, dist/src/components/Slider/index.js, dist/src/components/Sphere/index.js, dist/src/components/StateBar/index.js, dist/src/components/Status/index.js, dist/src/components/StealthCopiable/index.js, dist/src/components/StepList/index.js, dist/src/components/Stepper/index.js, dist/src/components/SwitchButton/index.js, dist/src/components/TabGroup/Tab.js, dist/src/components/TabGroup/index.js, dist/src/components/Table/index.js, dist/src/components/Tabs/Tab.js, dist/src/components/Tabs/TabMenu.js, dist/src/components/Tabs/TabMenuItem.js, dist/src/components/Tabs/TabsContext.js, dist/src/components/Tabs/index.js, dist/src/components/Tag/index.js, dist/src/components/Tags/index.js, dist/src/components/TagsPoplist/index.js, dist/src/components/Text/index.js, dist/src/components/TextBox/index.js, dist/src/components/TimeInput/index.js, dist/src/components/Toaster/index.js, dist/src/components/Toggle/index.js, dist/src/components/Tooltip/index.js, dist/src/components/TooltipIcon/index.js, dist/src/components/Touchable/index.js, dist/src/components/Typography/index.js, dist/src/components/UnitInput/index.js, dist/src/components/VerificationCode/index.js, dist/src/components/VolumeSize/index.js, dist/src/theme/tokens/dark.js, dist/src/theme/tokens/light.js, dist/src/utils/responsive/Breakpoint.js, dist/src/utils/responsive/utilities.js | 0 B (-100% 🔽) |
| dist/src/index.js, dist/react-datepicker/dist/react-datepicker.min.css.js, dist/react-toastify/dist/ReactToastify.min.css.js, dist/src/helpers/isJSON.js, dist/src/helpers/keycode.js, dist/src/helpers/legend.js, dist/src/helpers/numbers.js, dist/src/helpers/recursivelyGetChildrenString.js, dist/src/theme/index.js, dist/src/utils/animations.js, dist/src/utils/capitalize.js, dist/src/utils/ids.js, dist/src/utils/normalize.js, dist/src/utils/orderBy.js, dist/src/components/ActionBar/index.js, dist/src/components/Alert/index.js, dist/src/components/Avatar/index.js, dist/src/components/Badge/index.js, dist/src/components/BarChart/Tooltip.js, dist/src/components/BarChart/index.js, dist/src/components/BarStack/index.js, dist/src/components/BorderedBox/index.js, dist/src/components/Box/index.js, dist/src/components/Breadcrumbs/index.js, dist/src/components/Bullet/index.js, dist/src/components/Button/index.js, dist/src/components/Checkbox/index.js, dist/src/components/Container/index.js, dist/src/components/DateInput/index.js, dist/src/components/Description/index.js, dist/src/components/DotSteps/index.js, dist/src/components/Expandable/index.js, dist/src/components/FlexBox/index.js, dist/src/components/Grid/Col.js, dist/src/components/Grid/Grid.js, dist/src/components/Grid/Row.js, dist/src/components/Icon/index.js, dist/src/components/Image/index.js, dist/src/components/Label/index.js, dist/src/components/LineChart/CustomLegend.js, dist/src/components/LineChart/Tooltip.js, dist/src/components/LineChart/helpers.js, dist/src/components/LineChart/index.js, dist/src/components/Link/index.js, dist/src/components/List/Cell.js, dist/src/components/List/SelectBar.js, dist/src/components/List/SortIcon.js, dist/src/components/List/context.js, dist/src/components/List/index.js, dist/src/components/List/variantExplorer.js, dist/src/components/List/variantProduct.js, dist/src/components/List/variantTable.js, dist/src/components/Loader/index.js, dist/src/components/MarkDown/index.js, dist/src/components/Menu/Item.js, dist/src/components/Menu/index.js, dist/src/components/Modal/index.js, dist/src/components/NavigationStepper/index.js, dist/src/components/Notice/index.js, dist/src/components/Pagination/getPageNumbers.js, dist/src/components/Pagination/index.js, dist/src/components/Pagination/usePagination.js, dist/src/components/PasswordCheck/index.js, dist/src/components/PasswordStrengthMeter/index.js, dist/src/components/Pentagon/index.js, dist/src/components/PieChart/Legends.js, dist/src/components/PieChart/Tooltip.js, dist/src/components/PieChart/index.js, dist/src/components/PieChart/patterns.js, dist/src/components/Placeholder/Block.js, dist/src/components/Placeholder/Blocks.js, dist/src/components/Placeholder/BoxWithIcon.js, dist/src/components/Placeholder/Donut.js, dist/src/components/Placeholder/IconPlaceholder.js, dist/src/components/Placeholder/Line.js, dist/src/components/Placeholder/List.js, dist/src/components/Placeholder/Slider.js, dist/src/components/Placeholder/index.js, dist/src/components/ProgressBar/index.js, dist/src/components/ProgressionButton/index.js, dist/src/components/Radio/index.js, dist/src/components/RadioBorderedBox/index.js, dist/src/components/Range/index.js, dist/src/components/RichSelect/index.js, dist/src/components/ScrollView/index.js, dist/src/components/SelectNumber/index.js, dist/src/components/SelectableCard/index.js, dist/src/components/Separator/index.js, dist/src/components/Slider/index.js, dist/src/components/Sphere/index.js, dist/src/components/StateBar/index.js, dist/src/components/Status/index.js, dist/src/components/StealthCopiable/index.js, dist/src/components/StepList/index.js, dist/src/components/Stepper/index.js, dist/src/components/SwitchButton/index.js, dist/src/components/Table/index.js, dist/src/components/Tabs/Tab.js, dist/src/components/Tabs/TabMenu.js, dist/src/components/Tabs/TabMenuItem.js, dist/src/components/Tabs/TabsContext.js, dist/src/components/Tabs/index.js, dist/src/components/Tag/index.js, dist/src/components/Tags/index.js, dist/src/components/TagsPoplist/index.js, dist/src/components/Text/index.js, dist/src/components/TextBox/index.js, dist/src/components/TimeInput/index.js, dist/src/components/Toaster/index.js, dist/src/components/Toggle/index.js, dist/src/components/Tooltip/index.js, dist/src/components/TooltipIcon/index.js, dist/src/components/Touchable/index.js, dist/src/components/Typography/index.js, dist/src/components/UnitInput/index.js, dist/src/components/VerificationCode/index.js, dist/src/components/VolumeSize/index.js, dist/src/theme/tokens/dark.js, dist/src/theme/tokens/light.js, dist/src/utils/responsive/Breakpoint.js, dist/src/utils/responsive/utilities.js | 132.17 KB (+100% 🔺) |
Codecov Report
Merging #1807 (75c505c) into main (f1ea827) will increase coverage by
0.07%. The diff coverage is100.00%.
@@ Coverage Diff @@
## main #1807 +/- ##
==========================================
+ Coverage 94.22% 94.29% +0.07%
==========================================
Files 116 119 +3
Lines 3254 3279 +25
Branches 477 470 -7
==========================================
+ Hits 3066 3092 +26
+ Misses 137 136 -1
Partials 51 51
| Impacted Files | Coverage Δ | |
|---|---|---|
| src/components/Menu/Item.tsx | 100.00% <ø> (ø) |
|
| src/components/Menu/index.tsx | 100.00% <100.00%> (ø) |
|
| src/components/Tabs/Tab.tsx | 100.00% <100.00%> (ø) |
|
| src/components/Tabs/TabMenu.tsx | 100.00% <100.00%> (ø) |
|
| src/components/Tabs/TabMenuItem.tsx | 100.00% <100.00%> (ø) |
|
| src/components/Tabs/TabsContext.ts | 100.00% <100.00%> (ø) |
|
| src/components/Tabs/index.tsx | 100.00% <100.00%> (ø) |
|
| src/components/Tooltip/index.tsx | 94.44% <100.00%> (+0.07%) |
:arrow_up: |
Continue to review full report at Codecov.
Legend - Click here to learn more
Δ = absolute <relative> (impact),ø = not affected,? = missing dataPowered by Codecov. Last update 94a6fd8...75c505c. Read the comment docs.
- More tabs shouldn't take the width left
- Do we have the behavior when we select a choice inside the more option?
:tada: This PR is included in version 0.186.0 :tada:
The release is available on:
Your semantic-release bot :package::rocket: