- #3369
9c49505Thanks @castastrophe! - Remove the storybook assets from the shipped output for components
-
#3107
83d5a17Thanks @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
5d6e03fThanks @castastrophe! - Improve changeset suggestions by using exports instead of files in component packages
- #2974
fd00178Thanks @jawinn! - Removes legacy normalization CSS for Icon SVGs that changed the overflow property. This is to fix a reported issue with clipping in iOS mobile for Express and Safari for MacOS. The original CSS declaration was for Internet Explorer 9/10/11 and could be removed because IE 11 is not supported.
- #2677
d83200cThanks @castastrophe! - Leveral local workspace versioning to prevent misalignment
- #2616
7f45ea9Thanks @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
All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
🗓 2024-04-18 • 📝 Commits
*feat!: postcss config build and script; remove gulp (#2466)(b0f337b), closes#2466
###
🛑 BREAKING CHANGES
*
- 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/icon
🗓 2024-02-26 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2024-02-15 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2024-02-12 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2024-02-06
Note: Version bump only for package @spectrum-css/icon
🗓 2024-02-05 • 📝 Commits
*refactor(icon)!: tokens migration (#2347)(b63631a), closes#2347
###
🛑 BREAKING CHANGES
*
migrate Icon from DNA tokens to Spectrum tokens.
Additionally:
- refactor(icon): migrate css to spectrum tokens
Migrates Icon CSS from using DNA/vars tokens to Spectrum tokens. Refactors UI Icons to be a little cleaner and not need placeholders.
Icons now change the value of the property "--spectrum-icon-size" to set their width and height. They also have three additional mods available for setting the size (both width and height) or the individual width and height.
- refactor(icon): remove legacy xvar css and plugin for combined icons
-
Remove 'xvar' and 'x--' code within UI icon CSS, along with the build plugins that were used only for this. This was only only needed previously when the build did not allow 'var()' and '--property' here.
-
Simplify and better document code used for combined UI icons and the medium/large platform scale. Remove old browser support here that is no longer needed with the browsers and features that are currently supported by the library. The old fallback to set display inline was pre Firefox version 56 [2017].
- refactor(icon): remove gripper icon classes
Removing the gripper icon classes as they were incorrect and not used, and there are no tokens defined yet to set the actual classes to.
The gripper icon classes used previously were wrong in several ways. For one, they were using '100' size naming in the classes which are not currently used or displayed. These icons are without the number size. The old alias values being applied to them also looked incorrect when looking at the widths, and the CSS was swapping width for height.
That there is no size applied to these icons was obfuscated by the fact that the attribute width="10" is being applied to icons in Storybook.
Note: SWC is currently showing these icons with workflow sizing. These gripper icons do not have size tokens defined yet, but they may be added in the future "as they are needed"; when these icons start being used.
- docs(icon): storybook - add kitchen sink style story for chromatic
Cover the various types of icons in a Chromatic only story. Covers different icon sets, sizes, and color in the VRTs.
- feat(icon): adjust icon sizing custom properties
Make sure we always have custom properties that contains the width and height, that we can rely upon for CSS calculations. Regardless of whether the individual dimensions are specified or just the size is specified (that applies to both dimensions).
- fix(icon): storybook - remove inline width attribute
The icons in Storybook were adding an inline "width" attribute set to 10, which was previously obfuscating issues with sizing. Removes this attribute and leaves sizing up to CSS.
- feat(icon): support for xs workflow icon size
Added extra small workflow icon size. This has a token, is defined on some of the design redlines (Action Button), and is currently used in the Contextual Help component, as seen in the VRT run.
- feat(icon): remove theme files without content
Recent updates to main make it no longer necessary to include empty theme files for the build to work.
- feat(icon): storybook - use ui icon size numbers
Disables the size control for UI icons and adds each size number to the list of available UI icon names in Storybook.
UI icons have specific sizing and don't use the t-shirt sizing that Workflow icons do. They have more size numbers than there are t-shirt sizes, so they can't be directly mapped to each other. The different UI icons have different size numbers, so the size numbers can't use a single control.
- feat(icon): storybook - show all ui icons in chromatic template
Show all UI icons, including number sizing, in the Chromatic template. Condenses and improves some of the template logic.
- fix(icon): wrong workflow icons appearing for arrow and chevron
Fix bug where the wrong icon was being rendered for workflow arrow and chevron. These are both icons with names that exist in both icon sets. There was logic being applied to the workflow icons that should have only have been applied to the UI icon.
-
chore(icon): manual version bump for beta release
-
feat(icon): add xxs size for migration and use renamed xxl property
Add XXS size to support existing SWC size. Uses the values from --spectrum-global-dimension-size-150, as used in SWC's custom icon CSS.
Included comments to note that xxs and xxl are planned to be deprecated in Spectrum 2, as they are not a part of the design spec.
-
chore(icon): set current beta versions already released
-
build(icon): minimum tokens version with xxl and xxs sizing
Update required tokens version with a minimum of the latest release that includes the new custom-vars for the xxl and xxs workflow icon sizes.
🗓 2024-01-29 • 📝 Commits
🗓 2024-01-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-12-12 • 📝 Commits
*feat(icon,ui-icons)!: migrate the icon compiler to a distinct package (#2343)(d73d594), closes#2343
###
🛑 BREAKING CHANGES
*
- @spectrum-css/icon will no longer contain SVG assets; it will be a purely CSS package with all SVG assets migrated to the new @spectrum-css/ui-icons package.
- NEW: @spectrum-css/ui-icons package for all SVG icons in the UI set.
🗓 2023-11-15 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-11-13 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-09-18 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-09-13 • 📝 Commits
*gulp and build updates (#2121)(03a37f5), closes#2099
🗓 2023-08-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-08-07 • 📝 Commits
*feat(sidenav)!: use spectrum-tokens (#1901)(8851dd9), closes#1901
###
🛑 BREAKING CHANGES
*
Migrates Side Nav to use `@adobe/spectrum-tokens`
Additionally:
-
chore(sidenav): initial build changes
-
chore(sidenav)!: wip add new tokens
-
chore(sidenav)!: wip migrate tokens
-
chore(sidenav)!: wip migrate tokens
-
chore(sidenav): migrates tokens part 3
-
fix(sidenav): typo
-
chore(sidenav): add description and migration guide
-
chore(sidenav): add highcontrast custom properties
-
chore(sidenav): properties rename and organize
-
chore(sidenav): wip adjust stories
-
chore(sidenav): add mods
-
chore(sidenav): rename and docs
-
feat(sidenav): adds all variants to storybook
-
fix(sidenav): icon and category story bugs
-
feat(sidenav): icon pass through custom properties
-
fix(sidenav): custom properties for icon
-
fix(sidenav): correct gap usage
-
fix(sidenav): dont't use pass through properties for icon
-
chore(sidenav): add span to doc site side nav
-
feat(sidenav): add icon styling
-
chore(sidenav): whcm
-
chore(sidenav): use new header tokens
-
chore(sidenav): mods auto updates
-
fix(sidenav): whcm icon hover
-
fix(sidenav): addresses nesting icons in storybook
-
feat(sidenav): use new tokens for heading layout
-
fix(sidenav): spectrum link
-
fix(sidenav): address design feedback
-
fix(sidenav): whcm
-
feat(sidenav): adds in icon variant to storybook
-
chore(sidenav): remove stylelint disables
-
chore(sidenav): address PR feedback
-
chore(sidebav): address PR feedback part 2
-
feat(sidenav): hard code line height
-
fix(sidenav): hover on dark
-
chore(sidenav): manual version increase for beta release
-
chore(sidenav): new value for text bottom margin
-
chore(sidenav): remove custom tokens
-
Revert "chore(sidenav): remove custom tokens"
This reverts commit a404f9505d8125277ed5eda0312289a0468a527f.
-
chore(sidenav): tokens version
-
feat(sidenav): width set to 100%
-
chore(sidenav): manual version increase for beta release
-
fix(sidenav): line height properties
-
fix(sidenav): adds padding for focus ring
-
chore(sidenav): add comment
-
chore(sidenav): remove added padding
-
chore(sidenav): manual version increase for beta release
🗓 2023-07-24 • 📝 Commits
*icon sizing in Storybook story templates (#2037)(c90c8a3)
🗓 2023-06-21 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-06-15 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-06-12 • 📝 Commits
*restore files to pre-formatted state(491dbcb)
🗓 2023-06-02 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-06-01 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-05-23 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-05-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-05-02 • 📝 Commits
- icon: correct storybook icon sizing substitution (3da3f41)
🗓 2023-04-26 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-04-25 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-04-25 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-04-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-04-14 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-04-03 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-03-13 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-03-09 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-02-21 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-02-06 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-02-01 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-02-01 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-01-27 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-01-25 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-01-18 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2023-01-13 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2022-12-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2022-11-11 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2022-06-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2022-06-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2022-04-28 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2022-04-08 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2022-03-22 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2022-03-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2022-03-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2022-03-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2022-02-23 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2022-02-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2022-01-26 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2022-01-05 • 📝 Commits
- update peer dependencies (97810cf)
🗓 2022-01-05 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2021-12-14 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2021-12-06 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2021-11-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2021-11-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2021-11-09 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2021-11-08 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2021-10-25 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2021-09-29 • 📝 Commits
🗓 2021-08-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2021-06-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2021-05-12 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2021-04-27 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2021-04-15 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2021-03-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2021-02-02 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2020-12-04 • 📝 Commits
- remove deprecated icon sizes (0ea3a53)
- .spectrum-Icon--sizeL is now .spectrum-Icon--sizeXXL and will likely be removed later
- XXS, XS, and XXL icon sizes are no longer supported and have been removed
🗓 2020-10-20 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2020-09-23 • 📝 Commits
- change icon sizes to match Spectrum (ceff437)
- updating tokens beta with breaking changes (9043417)
- icon sizes have changed, all instances of spectrum-Icon--sizeS should be replaced with spectrum-Icon--sizeM, check other sizes as well
🗓 2020-05-14 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2020-03-12 • 📝 Commits
- make Icon support RTL (1e3ce00)
🗓 2020-03-06 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2020-02-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2019-12-14 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2019-11-08 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2019-11-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/icon
🗓 2019-10-08