|
| 1 | +--- |
| 2 | +"@spectrum-css/tabs": major |
| 3 | +--- |
| 4 | + |
| 5 | +Tab has now been migrated to Spectrum 2. This migration brings with it several major changes: |
| 6 | + |
| 7 | +- Emphasized variant has been removed |
| 8 | +- The divider line has been removed and all variants now resemble what was formerly the quiet variant |
| 9 | +- Removal of t-shirt sizes (only one size is available) |
| 10 | +- Updated high contrast styles |
| 11 | +- The focus indicator's size has changed to accommodate the selection indicator inside of the focus outline |
| 12 | + |
| 13 | +Overflow and vertical variants, aside from what applies from the notes above, remain mostly unchanged and are not fully supported in Spectrum 2. One exception: a bug fix was made to allow density variants to be visible in the overflow variant (previously, the overflow variant was identical for both densities). |
| 14 | + |
| 15 | +A full list of added and removed mods can be found below. However, please note the following mod name changes: |
| 16 | + |
| 17 | +- --mod-tabs-divider-size is now --mod-tabs-selection-indicator-thickness |
| 18 | +- --mod-tabs-divider-border-radius is now --mod-tabs-selection-indicator-border-radius |
| 19 | + |
| 20 | +Removed mods |
| 21 | + |
| 22 | +- "--mod-tabs-color-hover-emphasized" |
| 23 | +- "--mod-tabs-color-key-focus-emphasized" |
| 24 | +- "--mod-tabs-color-selected-emphasized" |
| 25 | +- "--mod-tabs-divider-background-color" |
| 26 | +- "--mod-tabs-divider-border-radius"\* |
| 27 | +- "--mod-tabs-divider-size"\* |
| 28 | +- "--mod-tabs-item-vertical-spacing" |
| 29 | +- "--mod-tabs-list-background-direction" |
| 30 | +- "--mod-tabs-list-background-direction-vertical" |
| 31 | +- "--mod-tabs-list-background-direction-vertical-right" |
| 32 | +- "--mod-tabs-selection-indicator-color-emphasized" |
| 33 | +- "--mod-tabs-start-to-item-quiet" |
| 34 | + |
| 35 | +Added mods |
| 36 | + |
| 37 | +- "--mod-tabs-item-border-radius" |
| 38 | +- "--mod-tabs-item-horizontal-spacing-compact" |
| 39 | +- "--mod-tabs-label-to-selection-indicator" |
| 40 | +- "--mod-tabs-label-to-selection-indicator-compact" |
| 41 | +- "--mod-tabs-selection-indicator-border-radius"\* |
| 42 | +- "--mod-tabs-selection-indicator-color-disabled" |
| 43 | +- "--mod-tabs-selection-indicator-thickness"\* |
| 44 | +- "--mod-tabs-side-to-icon" |
| 45 | +- "--mod-tabs-side-to-icon-compact" |
| 46 | + |
| 47 | +- Not added/removed but changed |
0 commit comments