|
3 | 3 | All notable changes to this project will be documented in this file. |
4 | 4 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. |
5 | 5 |
|
| 6 | +<a name="6.0.0"></a> |
| 7 | +#6.0.0 |
| 8 | +🗓 |
| 9 | +2024-02-05 • 📝 [Commits ](https://github.com/adobe/spectrum-css/compare/@spectrum-css/[email protected]...@spectrum-css/[email protected]) |
| 10 | + |
| 11 | +\*refactor(icon)!: tokens migration (#2347)([b63631a](https://github.com/adobe/spectrum-css/commit/b63631a)), closes[#2347](https://github.com/adobe/spectrum-css/issues/2347) |
| 12 | + |
| 13 | + ### |
| 14 | + 🛑 BREAKING CHANGES |
| 15 | + |
| 16 | + * |
| 17 | + migrate Icon from DNA tokens to Spectrum tokens. |
| 18 | + |
| 19 | +Additionally: |
| 20 | + |
| 21 | +- refactor(icon): migrate css to spectrum tokens |
| 22 | + |
| 23 | +Migrates Icon CSS from using DNA/vars tokens to Spectrum tokens. |
| 24 | +Refactors UI Icons to be a little cleaner and not need placeholders. |
| 25 | + |
| 26 | +Icons now change the value of the property "--spectrum-icon-size" to |
| 27 | +set their width and height. They also have three additional mods |
| 28 | +available for setting the size (both width and height) or the individual |
| 29 | +width and height. |
| 30 | + |
| 31 | +- refactor(icon): remove legacy xvar css and plugin for combined icons |
| 32 | + |
| 33 | +* Remove 'xvar' and 'x--' code within UI icon CSS, along with the build |
| 34 | + plugins that were used only for this. This was only only needed |
| 35 | + previously when the build did not allow 'var()' and '--property' here. |
| 36 | + |
| 37 | +* Simplify and better document code used for combined UI icons and the |
| 38 | + medium/large platform scale. Remove old browser support here that is |
| 39 | + no longer needed with the browsers and features that are currently |
| 40 | + supported by the library. The old fallback to set display inline was |
| 41 | + pre Firefox version 56 [2017]. |
| 42 | + |
| 43 | +- refactor(icon): remove gripper icon classes |
| 44 | + |
| 45 | +Removing the gripper icon classes as they were incorrect and not used, |
| 46 | +and there are no tokens defined yet to set the actual classes to. |
| 47 | + |
| 48 | +The gripper icon classes used previously were wrong in several ways. |
| 49 | +For one, they were using '100' size naming in the classes which are not |
| 50 | +currently used or displayed. These icons are without the number size. |
| 51 | +The old alias values being applied to them also looked incorrect when |
| 52 | +looking at the widths, and the CSS was swapping width for height. |
| 53 | + |
| 54 | +That there is no size applied to these icons was obfuscated by the fact |
| 55 | +that the attribute width="10" is being applied to icons in Storybook. |
| 56 | + |
| 57 | +Note: SWC is currently showing these icons with workflow sizing. |
| 58 | +These gripper icons do not have size tokens defined yet, but they may be |
| 59 | +added in the future "as they are needed"; when these icons start being |
| 60 | +used. |
| 61 | + |
| 62 | +- docs(icon): storybook - add kitchen sink style story for chromatic |
| 63 | + |
| 64 | +Cover the various types of icons in a Chromatic only story. |
| 65 | +Covers different icon sets, sizes, and color in the VRTs. |
| 66 | + |
| 67 | +- feat(icon): adjust icon sizing custom properties |
| 68 | + |
| 69 | +Make sure we always have custom properties that contains the width and |
| 70 | +height, that we can rely upon for CSS calculations. Regardless of |
| 71 | +whether the individual dimensions are specified or just the size is |
| 72 | +specified (that applies to both dimensions). |
| 73 | + |
| 74 | +- fix(icon): storybook - remove inline width attribute |
| 75 | + |
| 76 | +The icons in Storybook were adding an inline "width" attribute set to |
| 77 | +10, which was previously obfuscating issues with sizing. Removes this |
| 78 | +attribute and leaves sizing up to CSS. |
| 79 | + |
| 80 | +- feat(icon): support for xs workflow icon size |
| 81 | + |
| 82 | +Added extra small workflow icon size. This has a token, is defined on |
| 83 | +some of the design redlines (Action Button), and is currently used in |
| 84 | +the Contextual Help component, as seen in the VRT run. |
| 85 | + |
| 86 | +- feat(icon): remove theme files without content |
| 87 | + |
| 88 | +Recent updates to main make it no longer necessary to include empty |
| 89 | +theme files for the build to work. |
| 90 | + |
| 91 | +- feat(icon): storybook - use ui icon size numbers |
| 92 | + |
| 93 | +Disables the size control for UI icons and adds each size number to the |
| 94 | +list of available UI icon names in Storybook. |
| 95 | + |
| 96 | +UI icons have specific sizing and don't use the t-shirt sizing that |
| 97 | +Workflow icons do. They have more size numbers than there are t-shirt |
| 98 | +sizes, so they can't be directly mapped to each other. The different |
| 99 | +UI icons have different size numbers, so the size numbers can't use a |
| 100 | +single control. |
| 101 | + |
| 102 | +- feat(icon): storybook - show all ui icons in chromatic template |
| 103 | + |
| 104 | +Show all UI icons, including number sizing, in the Chromatic template. |
| 105 | +Condenses and improves some of the template logic. |
| 106 | + |
| 107 | +- fix(icon): wrong workflow icons appearing for arrow and chevron |
| 108 | + |
| 109 | +Fix bug where the wrong icon was being rendered for workflow arrow and |
| 110 | +chevron. These are both icons with names that exist in both icon sets. |
| 111 | +There was logic being applied to the workflow icons that should have |
| 112 | +only have been applied to the UI icon. |
| 113 | + |
| 114 | +- chore(icon): manual version bump for beta release |
| 115 | + |
| 116 | +- feat(icon): add xxs size for migration and use renamed xxl property |
| 117 | + |
| 118 | +Add XXS size to support existing SWC size. Uses the values from |
| 119 | +--spectrum-global-dimension-size-150, as used in SWC's custom icon CSS. |
| 120 | + |
| 121 | +Included comments to note that xxs and xxl are planned to be deprecated |
| 122 | +in Spectrum 2, as they are not a part of the design spec. |
| 123 | + |
| 124 | +- chore(icon): set current beta versions already released |
| 125 | + |
| 126 | +- build(icon): minimum tokens version with xxl and xxs sizing |
| 127 | + |
| 128 | +Update required tokens version with a minimum of the latest release that |
| 129 | +includes the new custom-vars for the xxl and xxs workflow icon sizes. |
| 130 | + |
6 | 131 | <a name="5.1.0"></a> |
7 | 132 | #5.1.0 |
8 | 133 | 🗓 |
|
0 commit comments