chore: release (next)

[github-actions]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to spectrum-two, this PR will be updated.

⚠️⚠️⚠️⚠️⚠️⚠️

spectrum-two is currently in pre mode so this branch has prereleases rather than normal releases. If you want to exit prereleases, run changeset pre exit on spectrum-two.

⚠️⚠️⚠️⚠️⚠️⚠️

Releases

@spectrum-css/accordion@8.0.0-next.3

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

Minor Changes

📝 #4020 dc5f820 Thanks @rise-erpelding!

Accordion now supports direct actions. Direct actions, which may consist of a quiet action button or a switch, or both, may be added to each accordion item's heading. Direct action items are vertically centered within the heading's first line of text for all sizes and densities, and maintain their own individual key focus states.

To allow the same level of customizability found in other elements within this component, the following --mod custom properties have been added:

• "--mod-accordion-item-direct-actions-height",
• "--mod-accordion-item-direct-actions-spacing",
• "--mod-accordion-item-direct-actions-vertical-spacing"

@spectrum-css/actionbutton@8.0.0-next.3

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/assetlist@9.0.0-next.2

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/breadcrumb@12.0.0-next.2

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/calendar@8.0.0-next.2

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/colorarea@8.0.0-next.2

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/colorloupe@8.0.0-next.1

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/colorslider@9.0.0-next.2

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/colorwheel@7.0.0-next.3

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/combobox@5.0.0-next.3

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/menu@10.0.0-next.4

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/pagination@11.0.0-next.2

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/popover@9.0.0-next.4

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/progressbar@7.0.0-next.4

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/radio@11.0.0-next.3

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/slider@7.0.0-next.3

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/steplist@8.0.0-next.2

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/switch@7.0.0-next.2

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/table@9.0.0-next.4

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/tabs@7.0.0-next.2

Major Changes

📝 #4003 7f48b7c Thanks @rise-erpelding!

Tab has now been migrated to Spectrum 2. This migration brings with it several major changes:

• Emphasized variant has been removed
• The divider line has been removed and all variants now resemble what was formerly the quiet variant
• Removal of t-shirt sizes (only one size is available)
• Updated high contrast styles
• The focus indicator's size has changed to accommodate the selection indicator inside of the focus outline

Overflow and vertical variants, aside from what applies from the notes above, remain mostly unchanged and currently are not fully supported in S2. 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).

A full list of added and removed mods can be found below. However, please note the following mod name changes:

• --mod-tabs-divider-size is now --mod-tabs-selection-indicator-thickness
• --mod-tabs-divider-border-radius is now --mod-tabs-selection-indicator-border-radius

Removed mods

• "--mod-tabs-color-hover-emphasized"
• "--mod-tabs-color-key-focus-emphasized"
• "--mod-tabs-color-selected-emphasized"
• "--mod-tabs-divider-background-color"
• "--mod-tabs-divider-border-radius"
• "--mod-tabs-divider-size"
• "--mod-tabs-item-vertical-spacing"
• "--mod-tabs-list-background-direction"
• "--mod-tabs-list-background-direction-vertical"
• "--mod-tabs-list-background-direction-vertical-right"
• "--mod-tabs-selection-indicator-color-emphasized"
• "--mod-tabs-start-to-item-quiet"

Added mods

• "--mod-tabs-color-selected-hover"
• "--mod-tabs-color-selected-key-focus"
• "--mod-tabs-item-border-radius"
• "--mod-tabs-item-horizontal-spacing-compact"
• "--mod-tabs-label-to-selection-indicator"
• "--mod-tabs-label-to-selection-indicator-compact"
• "--mod-tabs-selection-indicator-border-radius"
• "--mod-tabs-selection-indicator-color-disabled"
• "--mod-tabs-selection-indicator-thickness"
• "--mod-tabs-side-to-icon"
• "--mod-tabs-side-to-icon-compact"

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/tooltip@8.0.0-next.4

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/treeview@13.0.0-next.2

Major Changes

📝 #4014 35c066b Thanks @castastrophe!

This update removes the dir attribute polyfill (served via a PostCSS transform to compiled assets) as the fallback is no longer necessary. Thedir attribute support is available in all supported browsers and has been tested to correctly inherit inside web component shadow DOMs. This is a breaking change only to those relying on the dir attribute being present for styling, however, the :dir pseudo will correctly inherit values from their containers. To correctly determine the dir value of a node using JavaScript, you can use getComputedStyle(node).direction.

@spectrum-css/tokens@16.1.0-next.7

Minor Changes

📝 #4003 7f48b7c Thanks @rise-erpelding!

Adds custom tokens for Tabs in Spectrum 2. This is intended to be a temporary change until the tokens have been added to the spectrum-tokens package.

@spectrum-css/preview@12.0.5-next.9

Patch Changes

Updated dependencies [7f48b7c]:

• @spectrum-css/tokens@16.1.0-next.7
• @spectrum-css/bundle@2.0.0-next.6

@spectrum-css/bundle@2.0.0-next.6

Patch Changes

Updated dependencies [7f48b7c, 7f48b7c, 35c066b, dc5f820]:

• @spectrum-css/tabs@7.0.0-next.2
• @spectrum-css/tokens@16.1.0-next.7
• @spectrum-css/actionbutton@8.0.0-next.3
• @spectrum-css/colorslider@9.0.0-next.2
• @spectrum-css/progressbar@7.0.0-next.4
• @spectrum-css/breadcrumb@12.0.0-next.2
• @spectrum-css/colorloupe@8.0.0-next.1
• @spectrum-css/colorwheel@7.0.0-next.3
• @spectrum-css/pagination@11.0.0-next.2
• @spectrum-css/accordion@8.0.0-next.3
• @spectrum-css/assetlist@9.0.0-next.2
• @spectrum-css/colorarea@8.0.0-next.2
• @spectrum-css/calendar@8.0.0-next.2
• @spectrum-css/combobox@5.0.0-next.3
• @spectrum-css/steplist@8.0.0-next.2
• @spectrum-css/treeview@13.0.0-next.2
• @spectrum-css/popover@9.0.0-next.4
• @spectrum-css/tooltip@8.0.0-next.4
• @spectrum-css/slider@7.0.0-next.3
• @spectrum-css/switch@7.0.0-next.2
• @spectrum-css/radio@11.0.0-next.3
• @spectrum-css/table@9.0.0-next.4
• @spectrum-css/menu@10.0.0-next.4

[github-actions]

📚 Branch preview

PR #4084 has been deployed to Azure Blob Storage: https://spectrumcss.z13.web.core.windows.net/pr-4084/index.html.

[github-actions]

File metrics

Summary

Total size: 1.43 MB^*

🎉 No changes detected in any packages

* Size is the sum of all main files for packages in the library.
* An ASCII character in UTF-8 is 8 bits or 1 byte.