-
#3534
68e0057
Thanks @castastrophe! - Fixes a bug in the content of thedist/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);
-
Updated dependencies [
68e0057
]:- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
-
#2786
6c19fcf
Thanks @pfulton! - ## Breaking changeThis 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
atv16
or higher.For S1 or Express, load assets with the
@spectrum-css/tokens
atv14.x
orv15.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 themods.md
andmetadata.json
assets has been removed from source. To find information about the components including what selectors, modifiers, and passthroughs are used, please see thedist/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 theindex.css
orindex-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 desiredthemes/(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 theindex-theme.css
file and leverage the appropriate context classes (.spectrum--legacy
for S1 and.spectrum--express
for Express).
- Updated dependencies [
6c19fcf
,3d08cea
,6c19fcf
]:- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
-
#3522
7a47c22
Thanks @castastrophe! - Peer dependency for @spectrum-css/tokens updated to include v15 as well as v14. -
Updated dependencies [
7a47c22
,7a47c22
]:- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
-
#3359
c8194b0
Thanks @cdransf! - This resolves our remaining stylelint issues around undefined tokens, rule order, unused values and color syntax.- Updates invalid color syntax from
rgba(N, N, N, N)
torgba(N N N / N)
. - In cases of duplicate properties, preserves the property that would be applied given current code structure.
- Updates misnamed tokens to use valid tokens (
table/index.css
).
- Updates invalid color syntax from
-
#3502
562396e
Thanks @castastrophe! - Simplify how the--system
properties are mapped. By updating the logic in thepostcss-add-theming-layer
, we are now shipping cleaner, more readable--system
property names. These custom properties are documented as NOT a part of the component API so although these result in a change to the custom property names, it does not impact the properties that are in the API and so do not constitute a breaking change. Expect to see no change to how component theming works or any visual regressions as a result of this change.
- Updated dependencies [
c8194b0
,562396e
]:- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- #3369
9c49505
Thanks @castastrophe! - Remove the storybook assets from the shipped output for components
- Updated dependencies [
9c49505
]:- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- #3197
1eac198
Thanks @cdransf! - Replaces all of occurrences of --spectrum-component-pill-edge-to-text-_ (intended to be used as padding) in the button component with the appropriate corner-radius-_ tokens.
- #3086
d49ea11
Thanks @aramos-adobe! - Adds the ability to disable text wrapping within the button component's label by applying the class.spectrum-Button--noWrap
to.spectrum-Button
. If the text overflows the maximum allowed width of the button, an ellipsis...
indicator will show. Please note that this option is not a part of the design specification and should be used carefully, with consideration of this overflow behavior and the readability of the button's content.
- #3078
06491f3
Thanks @cdransf! - Includes fixes and updates to the colors used in forced-colors / high contrast mode. In Windows high contrast, a different background was showing behind the label text, as a result of extra text readability backplates being rendered.forced-color-adjust: none
is now applied to the child label element to fix this. The appropriateButtonFace
/ButtonText
system colors are also now defined instead of relying on the default. The existing use ofHighlight
is now paired withHighlightText
to ensure contrast by using a matching foreground/background pair.
-
#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.
-
Updated dependencies [
83d5a17
]:- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
-
#3045
5d6e03f
Thanks @castastrophe! - Improve changeset suggestions by using exports instead of files in component packages -
Updated dependencies [
5d6e03f
]:- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
-
#2677
d83200c
Thanks @castastrophe! - Leveral local workspace versioning to prevent misalignment -
Updated dependencies [
d83200c
]:- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- #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/icon@>=7
- @spectrum-css/progresscircle@>=3
- @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
*use storybook v8 (#2604)(166ab23)
-
**button:**pending state width, transition ([#2570](https://github.com/adobe/spectrum-css/issues/2570))([7b67bff](https://github.com/adobe/spectrum-css/commit/7b67bff))
*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/button
🗓 2024-02-26 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2024-02-20 • 📝 Commits
-
**button:**support for wrapping text (#2248)(3f14a86)
### 🛑 BREAKING CHANGES * **button:** changes vertical flex alignment to start.
Previously when the button had an icon and the text was wrapping, the icon was vertically aligned center and the text was aligned center.
This fixes this to match with the design spec: for the version of the button that uses a workflow icon, the icon should stay aligned to the top, and the text should be aligned left (start). This uses the defined token for the space between the top of the component and the workflow icon (--spectrum-component-top-to-workflow-icon-*).
- docs(button): rename storybook control to layout
Rename Storybook control for stacking buttons to "layout" with specified options, which is a more appropriate name. The control has also been made visible.
- fix(button): support any existing use of ui icons
Support any existing use of ui icons with the updated wrapping behavior. And add Chromatic only testing of them to the Wrapping story.
Workflow icons are intended, with the use of the spectrum-component-top-to-workflow-icon tokens, but UI icons have not yet been specifically excluded in guidelines and are currently in use within SplitButton in this library. This keeps UI icons that are smaller than the intended workflow icon, better vertically centered with the text within the button.
- feat(button): mod property for icon margin top
Add a mod property to make it easy to modify the margin-block-start of the icon, in case of alignment issues with icons that are not the intended workflow sizes.
🗓 2024-02-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2024-02-15 • 📝 Commits
- **button:**pending state(0b82dd9)
🗓 2024-02-06
Note: Version bump only for package @spectrum-css/button
🗓 2024-02-05 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2024-01-29 • 📝 Commits
🗓 2024-01-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-12-12 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-12-04 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-11-15 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-11-13 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-11-09 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-10-13 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-09-26 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-09-18 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-09-14 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-09-13 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-09-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-09-01 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-08-31 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-08-31 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-08-29 • 📝 Commits
*gulp and build updates (#2121)(03a37f5), closes#2099
🗓 2023-08-22 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-08-22 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-08-18 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-08-16 • 📝 Commits
*refactor(button)!: replace focus-ring with focus-visible(5ec4849)
###
🛑 BREAKING CHANGES
*
use native focus-visible pseudo class for focus styling on button and basebutton
🗓 2023-08-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-08-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-08-03 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-07-24 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-07-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-07-14 • 📝 Commits
🗓 2023-07-11 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-06-29 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-06-21 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-06-15 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-06-12 • 📝 Commits
*restore files to pre-formatted state(491dbcb)
🗓 2023-06-02 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-06-01 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-05-23 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-05-22 • 📝 Commits
🗓 2023-05-18 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-05-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-05-11 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-05-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-05-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-05-08 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-05-04 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-05-02 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-04-26 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-04-25 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-04-25 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-04-25 • 📝 Commits
- removes:
--mod-button-padding-label-top
&--mod-button-padding-label-bottom
. Use:--mod-button-top-to-text
&--mod-button-bottom-to-text
instead.
Additional changes:
- fix(button): update aria-labels for icon only variant
- fix(button): remove unneeded isOpen attribute
- fix(button): override icon size for icon only
- fix(button): update line height
- fix(button): update button padding with custom tokens
- fix(button): remove unneeded aria-labels
🗓 2023-04-21 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-04-20 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-04-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-04-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-04-14 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-04-11 • 📝 Commits
🗓 2023-04-10 • 📝 Commits
🗓 2023-04-06 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-04-04 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-04-03 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-03-31 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-03-27 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-03-21 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-03-13 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-03-09 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-03-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-03-01 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-02-28 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-02-24 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-02-21 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-02-06 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-02-01 • 📝 Commits
- uses latest
@adobe/spectrum-tokens
dependency which includes token renames
🗓 2023-02-01 • 📝 Commits
- migrates the Button to core tokens
🗓 2023-01-31 • 📝 Commits
- migrates the Button to core tokens
🗓 2023-01-26 • 📝 Commits
- button!: core token migration for button (28786ab)
- fix label padding (9f1517a)
- logical padding (bc7bb10)
- migrating to core tokens v5.0.0 (6e640ba)
🗓 2023-01-27 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-01-25 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-01-18 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2023-01-13 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2022-12-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2022-12-14 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2022-12-13 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2022-11-11 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2022-06-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2022-06-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2022-05-09 • 📝 Commits
- button WHCM (495c409)
- button WHCM disabled text (124f923)
- remove commented lines from button (3f857b9)
🗓 2022-04-28 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2022-04-08 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2022-03-22 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2022-03-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2022-03-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2022-03-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2022-02-23 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2022-02-16 • 📝 Commits
🗓 2022-02-01 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2022-01-26 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2022-01-05 • 📝 Commits
- add back component-level variables for Button, fix Accent color in Express (#1342) (36bf0c3)
- break out ClearButton and LogicButton into their own packages (3cc0a5f)
- new Button API (e0ee36c)
- don't override staticWhite/staticBlack with staticNone (741c0cf)
- focus-ring color for staticWhite/staticBlack (52958d9)
- unbreak the build (d595cad)
- update peer dependencies (97810cf)
- CTA was renamed to Accent, Quiet is gone in favor of outline, and Fill is added
🗓 2022-01-05 • 📝 Commits
🗓 2021-12-14 • 📝 Commits
- don't override staticWhite/staticBlack with staticNone (5c72803)
- focus-ring color for staticWhite/staticBlack (f7bdffe)
- unbreak the build (123add2)
- CTA was renamed to Accent, Quiet is gone in favor of outline, and Fill is added
🗓 2021-12-06 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2021-11-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2021-11-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2021-11-09 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2021-11-08 • 📝 Commits
- refine the focus indicator per spectrum (094e115)
- updating version number on vars (f535b49)
- windows HCM (48bc74e)
🗓 2021-10-25 • 📝 Commits
🗓 2021-09-29 • 📝 Commits
🗓 2021-08-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2021-06-17 • 📝 Commits
🗓 2021-05-12 • 📝 Commits
.spectrum-Button--warning
is now.spectrum-Button--negative
🗓 2021-04-27 • 📝 Commits
- updated focus ring tokens to assume keyboard focus state (2db4755)
🗓 2021-04-15 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2021-03-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2021-02-02 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2020-12-04 • 📝 Commits
- button t-shirt sizing (643c1bf)
- fixup padding (612dd0c)
- implement t-shirt sizing for Action Button, closes #936 (1a9ecf6)
- remove FieldButton, fix Button (44026f8)
- t-shirt sizing for Button, closes #938 (7d9b1d1)
- add back missing Button focus-ring (bfe3692)
- correct height of small Button (2221e0a)
- missing token used by SplitButton (0828cb1)
- override Button font-weight while we wait for it to be fixed in DNA (7ffd05a)
- remove Button font-weight hack (5261e40)
- unbreak the build for SplitButton (7c98dd5)
- update main, resolved conflicts (d7880a2)
- .spectrum-FieldButton has been removed, use .spectrum-ActionButton instead
- t-shirt size must be added for button to work (i.e. .spectrum-Button--sizeM)
- .spectrum-ActionButton is no longer part of the button component, use the actionbutton component
🗓 2020-10-20 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2020-09-23 • 📝 Commits
- actionButton focus-ring active state visual issue #755 (#777) (64af508)
- fix the issues caused by component rename (#778) (e1d180c)
- removed deprecated tokens in button (281027d)
- resolving conflicts with main (8cafffa)
- wip fix more components (b74dbb8)
- workflow icon size change to medium (#917) (a609ee6)
🗓 2020-06-19 • 📝 Commits
🗓 2020-05-14 • 📝 Commits
-
Tool button has been removed
-
fix: interaction on mobile, text select
-
feat: add Emphasized Action Button
-
docs: add exampes for Quiet Emphasized Action Button
fix: correct Quiet Emphasized Action Button
- feat: button group
- Button group no longer supports Action Button, just normal buttons
- Margins have been removed from adjacent buttons. Use ButtonGroup instead.
🗓 2020-03-12 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2020-03-09 • 📝 Commits
- make Button support RTL (0f5aa5c)
🗓 2020-03-06 • 📝 Commits
🗓 2020-02-10 • 📝 Commits
🗓 2019-12-14 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2019-11-08 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2019-11-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/button
🗓 2019-10-08