📝 #2352 20807a5 Thanks @pfulton!
This update removes --mod-* custom property hooks per SWC-1264, see also the RFC for extensible styling. In addition, this update cleans up any component-level custom properties that did not rely on the CSS cascade to define the styles; this was done to reduce the number of custom properties that are defined at the component level and trim down the size of the CSS we are shipping to consumers.
- Remove all
--mod-*custom property hooks. - Keep existing class selectors and variants unchanged.
- Update stories to reflect the removal of the
--mod-*override layer. - Remove any component-level custom properties that did not rely on the CSS cascade to define the styles.
- Remove any high contrast mode styles being used where the default styles are sufficient.
Breaking change: the --mod-* override layer is removed. Consumers should set --spectrum-* variables directly where customization is needed.
- Updated dependencies [
60a156d]:- @spectrum-css/tokens@16.1.0-next.0
📝 #4218 2df53f8 Thanks @castastrophe!
Ensure accurate exports are present for each component. Specifically, adding themes/* assets where present and removingindex-*.css exports where those assets do not exist.
📝 205182b Thanks @castastrophe!
Minified and gzipped outputs available for all compiled CSS assets.
📝 #3541 1a3245c Thanks @castastrophe!
Dependency alignment across the project.
- Updated dependencies [
1a3245c]:- @spectrum-css/tokens@16.0.1
📝 #3534 68e0057 Thanks @castastrophe!
Fixes a bug in the content of the dist/index-theme.css file.
Expected index-theme.css to include the component selectors with component-level custom properties mapped to the --system prefixed ones in order to allow a component to support various contexts.
Expected output example for the index-theme.css:
.spectrum-ActionButton {
--spectrum-actionbutton-background-color-default: var(--system-action-button-background-color-default);
--spectrum-actionbutton-background-color-hover: var(--system-action-button-background-color-hover);📝 #2786 6c19fcf Thanks @pfulton!
This major update creates a bridge between the Spectrum 1 (S1) and Spectrum 2 (S2) designs, dubbed "Spectrum 2 Foundations". These do NOT reflect a fully migrated S2 component. This approach allows consumers to swap the appearance of their components between S1, Express, and S2 by leveraging a "system" layer that remaps the necessary component-level tokens to the appropriate token dataset.
For these components to appear S2, you must load the assets with the @spectrum-css/tokens at v16 or higher.
For S1 or Express, load assets with the @spectrum-css/tokens at v14.x or v15.x.
If you are looking to implement a fully S2 design, please explore the next tag releases instead of using this foundations release. This release is used in Spectrum Web Components 1.x.
The metadata folder containing the mods.md and metadata.json assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see the dist/metadata.json asset shipped with every component containing CSS.
The index-vars.css asset has been removed in this release as it was previously deprecated and is no longer maintained. Please use the index.css or index-base.css
If you are rendering components and need only the S2 Foundations styles, you can make use of the index.css asset which contains all the base styles plus the system mappings for S2 Foundations.
If you are using this version to publish only an S1 or Express component, you can use the index-base.css plus the desired themes/(spectrum|express).css file.
To render a component that can be easily swapped between the S2 Foundations, S1, or Express contexts, load index-base.css with the index-theme.css file and leverage the appropriate context classes (.spectrum--legacy for S1 and .spectrum--express for Express).
📝 #3522 7a47c22 Thanks @castastrophe!
-
Peer dependency for @spectrum-css/tokens updated to include v15 as well as v14.
-
Updated dependencies [
7a47c22]:- @spectrum-css/tokens@15.2.0
📝 #3502 562396e Thanks @castastrophe!
- Remove empty theme references to reduce complexity for components that don't need to define any mappings. This involves removing the source
themesdirectories with the emptyspectrum.cssandexpress.comfiles as well as removing the following empty or unnecessary exports:index-base.cssindex-theme.cssthemes/spectrum.cssthemes/express.css
- Updated dependencies [
c8194b0]:- @spectrum-css/tokens@15.1.0
📝 #3369 9c49505 Thanks @castastrophe!
- Remove the storybook assets from the shipped output for components
📝 #3105 00747d0 Thanks @cdransf!
- Updates the avatar link styles to reduce redundancy and properly remove the border that was displayed in high contrast mode.
📝 #3107 83d5a17 Thanks @castastrophe!
-
Incorporate glob export for the dist directory in all component packages as well as glob markdown exports (to include both CHANGELOG and READMEs).
Sort keys in the package.json assets.
📝 #3045 5d6e03f Thanks @castastrophe!
- Improve changeset suggestions by using exports instead of files in component packages
📝 #2677 d83200c Thanks @castastrophe!
- Leverage local workspace versioning to prevent misalignment
📝 #2616 7f45ea9 Thanks @castastrophe!
Output for all component CSS files is now being run through a lightweight optimizer (cssnano) which significantly reduces unnecessary whitespace. These changes reduce file size but should not have any impact on the rendering of the component. By removing unnecessary whitespace from var functions, we are making it easier to effectively minify our provided CSS assets.
- Updated peerDependencies [
7f45ea9]:- @spectrum-css/tokens@>=14
🗓 2024-04-18 • 📝 Commits
- Removes component-builder & component-builder-simple for script leveraging postcss
- Imports added to index.css and themes/express.css
🗓 2024-03-07 • 📝 Commits Note: Version bump only for package @spectrum-css/avatar
🗓 2024-02-26 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2024-02-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2024-02-15 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2024-02-06
Note: Version bump only for package @spectrum-css/avatar
🗓 2024-01-16 • 📝 Commits
- remove theme files without content(1eadd4f)
🗓 2023-12-12 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-12-04 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-11-15 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-11-13 • 📝 Commits Note: Version bump only for package @spectrum-css/avatar
🗓 2023-11-09 • 📝 Commits
🗓 2023-10-13 • 📝 Commits Note: Version bump only for package @spectrum-css/avatar
🗓 2023-09-26 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-09-18 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-09-14 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-09-13 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-09-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-08-31 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-08-31 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-08-29 • 📝 Commits
🗓 2023-08-22 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-08-22 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-08-18 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-08-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-08-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-08-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-08-03 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-07-24 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-07-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-07-14 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-07-11 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-06-29 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-06-21 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-06-15 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-06-12 • 📝 Commits
- restore files to pre-formatted state(491dbcb)
🗓 2023-06-02 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-06-01 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-05-23 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-05-22 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-05-18 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-05-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-05-11 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-05-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-05-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-05-08 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-05-04 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-05-02 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-04-26 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-04-25 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-04-25 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-04-25 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-04-21 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-04-20 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-04-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-04-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-04-14 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-04-06 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-04-04 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-04-03 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-03-31 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-03-27 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-03-21 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-03-13 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-03-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-03-01 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-02-28 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-02-24 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-02-21 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-02-06 • 📝 Commits
- migrates Avatar to new tokens system
Co-authored-by: Patrick Fulton pfulton@adobe.com Co-authored-by: Bernhard Schmidt bschmidt@adobe.com
🗓 2023-02-06 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-02-01 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-02-01 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-01-27 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-01-25 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-01-18 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2023-01-13 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2022-11-11 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2022-06-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2022-06-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2022-05-09 • 📝 Commits
- avatar WHCM (478225a)
🗓 2022-04-28 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2022-04-08 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2022-03-22 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2022-03-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2022-03-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2022-03-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2022-02-23 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2022-02-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2022-01-26 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2022-01-05 • 📝 Commits
- update peer dependencies (97810cf)
🗓 2022-01-05 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2021-12-06 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2021-11-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2021-11-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2021-11-09 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2021-11-08 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2021-10-25 • 📝 Commits
- add support for border values for avatar (58a76ed)
-
updating version number on vars (f535b49)
-
wip adding avatar express css properties (1e06175)
-
fix!: avatar needs a div wrapper for to support express border overlay (f54b645)
- for express to support the transparent border overlay, the avatar needs to be wrapped in a div to support pseudo elements.
🗓 2021-09-29 • 📝 Commits
- updating version number on vars (f535b49)
🗓 2021-04-15 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2021-03-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2021-02-02 • 📝 Commits
- make Avatar support RTL (87882c2)
🗓 2020-03-06 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2020-02-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2019-12-14 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2019-11-08 • 📝 Commits
Note: Version bump only for package @spectrum-css/avatar
🗓 2019-11-07 • 📝 Commits
🗓 2019-10-08