- #3584
f286c68
Thanks @blunteshwar! - Previously, the --spectrum-picker-border-color-default-open was gray-500, but the spec shows it as gray-800. This change aligns the component with the spec by updating the --spectrum-picker-border-color-default-open to gray-800.
-
#3536
f77aa72
Thanks @marissahuysentruyt! - S2 Foundations fixes- Adjusts the background-color of the infield button components within stepper to use
gray-100
as opposed togray-25
.- This corresponds to the background-color updates picker has for S2.
- Corrects the border color for the default picker for S2 foundations, using
gray-500
(instead ofgray-800
) to align with other field/form components. - Refactors the
&.is-keyboardFocused&.is-placeholder
selector to&.is-keyboardFocused.spectrum-Picker-label.is-placeholder
to avoid unexpectedly targeting the nested placeholder class.
- Adjusts the background-color of the infield button components within stepper to use
All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.
- Updated dependencies [
0fe73e9
]:- @spectrum-css/[email protected]
205182b
Thanks @castastrophe!
Minified and gzipped outputs available for all compiled CSS assets.
- #3541
1a3245c
Thanks @castastrophe!
Dependency alignment across the project.
- Updated dependencies [
205182b
,1a3245c
]:- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
-
#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]
- @spectrum-css/[email protected]
- @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
,88bfc5b
,3d08cea
,6c19fcf
]:- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- @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]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- #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
,562396e
]:- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- @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]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- #3220
b28e1d4
Thanks @cdransf! - Applies flex-shrink to validation icons to prevent icon from resizing when label is long enough to be truncated.
-
#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]
- @spectrum-css/[email protected]
- @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]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- #2914
3c3e7da
Thanks @rise-erpelding! - Changes picker margin to padding in order to accommodate text with diacritics that may be cut off vertically.
- #2737
3278f88
Thanks @jawinn! - Fixes an issue where colors could change when hovering over the Picker in the disabled state and disabled + invalid state.
-
#2677
d83200c
Thanks @castastrophe! - Leveral local workspace versioning to prevent misalignment -
Updated dependencies [
d83200c
]:- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- @spectrum-css/[email protected]
- #2740
c0dd6a4
Thanks @jawinn! - Build change to remove thepostcss-preset-env
polyfill for the dist output of:not
selectors containing multiple selectors, to avoid an unintended increase in specificity, which caused some visual regressions.
- #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/helptext@>=5
- @spectrum-css/icon@>=7
- @spectrum-css/menu@>=7
- @spectrum-css/popover@>=7
- @spectrum-css/progresscircle@>=3
- @spectrum-css/tokens@>=14
🗓 2024-04-18 • 📝 Commits
- **logicbutton,picker:**add missing commons devDep (#2631)(49057ca)
- **picker:**spinner position in RTL direction (#2567)(770fd5a)
- feat!: postcss config build and script; remove gulp (#2466)(b0f337b), closes#2466
- 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/picker
🗓 2024-02-26 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2024-02-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2024-02-15 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2024-02-12 • 📝 Commits
🗓 2024-02-06
Note: Version bump only for package @spectrum-css/picker
🗓 2024-02-05 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2024-02-05 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2024-01-29 • 📝 Commits
- **commons:**rename and deprecate mods referencing global tokens (#2423)(3a49432)* **picker:**rename is-focused class to is-keyboardFocused (#2377)(60b44bb)
🗓 2024-01-16 • 📝 Commits
- **picker:**express border width values (#2367)(4932f12)* **picker:**high contrast and other color fixes (#2326)(c80bbd6)
🗓 2023-12-12 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-12-04 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-11-15 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-11-13 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-11-09 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-10-13 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-09-26 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-09-18 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-09-14 • 📝 Commits Note: Version bump only for package @spectrum-css/picker
🗓 2023-09-13 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-09-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-09-01 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-08-31 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓
Note: Version bump only for package @spectrum-css/picker
🗓 2023-08-29 • 📝 Commits
🗓 2023-08-22 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-08-22 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-08-18 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-08-16 • 📝 Commits
*refactor(picker)!: remove focus-ring(e37b430)
We've migrated away from the focus-ring
class in favor of the native :focus-visible
pseudo-class due to changes in browser support.
🗓 2023-08-10 • 📝 Commits
🗓 2023-08-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-08-04 • 📝 Commits
-
**picker:**add side label variant ([#1991](https://github.com/adobe/spectrum-css/issues/1991))([d812ac2](https://github.com/adobe/spectrum-css/commit/d812ac2))
*style(picker)!: add missing tokens (#2063)(c724c73), closes#2063
### 🛑 BREAKING CHANGES * removes `.spectrum-Picker--sizeM` and makes "medium" the default style.
Additionally:
- style(picker): add missing tokens
- Added inline-size for new field-width token
- Removed medium size vars as they were set by default
- Added spacing tokens for the label, validation icon, and progress circle
- Removed margin-inline for quiet picker popovers
- docs: update mods
🗓 2023-08-03 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-07-31 • 📝 Commits
*
migrates the Picker Button component to use `@adobe/spectrum-tokens`
-
feat(pickerbutton)!: update to use tokens
-
feat(pickerbutton): updating tokens
-
chore(pickerbutton): move css from generated to index
-
feat(pickerbutton): updating with tokens
-
docs(pickerbutton): update docs html to correct icon sizes
-
refactor(pickerbutton): fixing variable names and tokens
-
chore(pickerbutton): update story
-
chore(pickerbutton): update storybook controls and template
-
chore(pickerbutton): adding more storybook stories for express, quiet etc
-
fix(pickerbutton): fixing icon color
-
chore(pickerbutton): reset yarn file
-
chore: reset yarn file
-
refactor(pickerbutton): fix button fill padding calculations
-
chore(pickerbutton): remove invalid and isKeyboardFocused variants
-
chore(pickerbutton): prevent focused and open when disabled
-
fix(pickerbutton): fix disabled hover
update mods
-
fix(searchwithin): pass through mod for picker button border color
-
chore(pickerbutton): bumping up tokens release
-
chore(pickerbutton): update token peer dependency
-
fix(searchwithin): update searchwithin story to match docs site
use picker instead of pickerbutton remove extra border
-
chore(pickerbutton): manual version increase for beta release
-
chore(pickerbutton): remove pickerbutton-generated css
-
fix(pickerbutton): remove icononly class and remove padding from uiicononly
removes padding from uiicononly class to allow for larger icons in slots
-
fix(pickerbutton): explicitly add box-sizing border-box
-
fix(pickerbutton): fix icon size
-
chore(pickerbutton): manual version increase for beta release
🗓 2023-07-24 • 📝 Commits
🗓 2023-07-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-07-14 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-07-11 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-06-29 • 📝 Commits Note: Version bump only for package @spectrum-css/picker
🗓 2023-06-28 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-06-21 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-06-15 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-06-12 • 📝 Commits
- restore files to pre-formatted state(491dbcb)
🗓 2023-06-02 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-06-01 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-05-30 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-05-23 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-05-23 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-05-22 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-05-18 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-05-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-05-11 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-05-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-05-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-05-10 • 📝 Commits
🗓 2023-05-08 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-05-04 • 📝 Commits
- removes
--mod-picker-min-inline-size
Additionally:
- chore(picker,pickerbutton): update stories - update stories to include label
- chore(picker,pickerbutton): add loading state to stories
- chore(picker): update icon size in stories
- chore(picker): fixing label padding for story
- style(picker): update spacing tokens
- feat(picker): update spacing tokens
- chore(picker): update storybook to match docs
- fix(pickerbutton): undo changes to pickerbutton
- chore(picker): get defaults set for storybook
- chore(picker): updating stories to include express specific styling - adding express and spectrum specific styling to storybook - fixing loading spacing
- chore(picker): update storybook - add invalid story - add click functionality
- chore(picker): add focused story and fix icon focus color
- docs(picker): update mods file
🗓 2023-05-02 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-04-26 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-04-25 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-04-25 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-04-25 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-04-21 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-04-20 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-04-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-04-17 • 📝 Commits
🗓 2023-04-14 • 📝 Commits
🗓 2023-04-06 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-04-04 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-04-03 • 📝 Commits
- fix(tokens)!: rgb transform to split out rgb values from css attributes (#1590) (b714db4), closes #1590
- transforms color tokens to split out their
rgb
values
Co-authored-by: castastrophe [email protected]
🗓 2023-03-31 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-03-27 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-03-21 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-03-13 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-03-09 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-03-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-03-01 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-02-28 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-02-24 • 📝 Commits
🗓 2023-02-24 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-02-21 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-02-06 • 📝 Commits
- migrates Picker to new tokens system
🗓 2023-02-06 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-02-01 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-02-01 • 📝 Commits
🗓 2023-01-27 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-01-25 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-01-18 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2023-01-13 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-12-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-11-11 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-07-25 • 📝 Commits
- picker high contrast support (4d2f6fc)
🗓 2022-06-29 • 📝 Commits
- actionbutton, closebutton, picker: remove
!important
declarations (a26c212) - picker: use proper colors for express quiet variant (b54f299)
🗓 2022-06-16 • 📝 Commits
- removed unused actionbutton from picker (0812f91)
🗓 2022-06-08 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-06-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-05-09 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-04-28 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-04-11 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-04-08 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-03-30 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-03-22 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-03-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-03-11 • 📝 Commits
- put back selector I removed accidentally (6ded29e)
🗓 2022-03-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-03-07 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-02-23 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-02-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-02-02 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-02-01 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-01-26 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2022-01-05 • 📝 Commits
- update peer dependencies (97810cf)
🗓 2022-01-05 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2021-12-14 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2021-12-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2021-12-06 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2021-11-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2021-11-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2021-11-09 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2021-11-08 • 📝 Commits
🗓 2021-10-25 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2021-09-29 • 📝 Commits
- updating version number on vars (f535b49)
🗓 2021-08-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2021-08-16 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2021-07-29 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2021-06-17 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2021-05-12 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2021-04-27 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2021-04-15 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2021-03-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2021-02-02 • 📝 Commits
Dropdown is now known as Picker. Replace all .spectrum-Dropdown*
classnames with .spectrum-Picker*
.
The outer <div>
is now gone and .spectrum-FieldButton
is no longer used. Instead, the outer tag is now <button>
with the .spectrum-Picker
classname.
Additionally, .spectrum-Picker
should not contain the .spectrum-Popover
that it opens.
In order to use a side label with a Picker, add the spectrum-Picker--sideLabel
class to the Picker.
Each of the 3 possible icons now has its own specific classname:
Previous icon classname | Workflow icon classname |
---|---|
.spectrum-Picker-icon |
.spectrum-Picker-menuIcon |
.spectrum-Icon (workflow) |
.spectrum-Picker-icon |
.spectrum-Icon (validation) |
.spectrum-Picker-validationIcon |
In order to more accurately reflect what's going on, you should add .is-open
to .spectrum-Picker
when the menu is shown.
If you use a .spectrum-Picker-icon
in your markup, please replace .spectrum-Icon--sizeS
with .spectrum-Icon--sizeM
.
Picker now supports t-shirt sizing and requires that you specify the size by adding a .spectrum-Picker--size*
class.
Using the classes .spectrum-Picker .spectrum-Picker--sizeM
will get result in the previous default picker size.
Also, use the correct icon size for chevron icons:
T-shirt Size | Icon Size |
---|---|
spectrum-Picker--sizeS |
spectrum-css-icon-Chevron75 |
spectrum-Picker--sizeM |
spectrum-css-icon-Chevron100 |
spectrum-Picker--sizeL |
spectrum-css-icon-Chevron200 |
spectrum-Picker--sizeXL |
spectrum-css-icon-Chevron300 |
🗓 2020-12-04 • 📝 Commits
- change all instances of .is-selected to .is-open (e28af42)
- migrate Picker from FieldButton to Picker... button (6fbc452)
- replace all FieldButton with ActionButton (2fcbaaf)
- correct chevron icon size, closes #1045 (#1056) (12fb3cc)
- correct dependencies for FieldButton -> ActionButton change (29d69f8)
- correct margin between icons and text (0d7453b)
- correct Thumbnail indentation for Picker (93602c2)
- make Picker build again (dc541b9)
- make Picker work again (91f6e09)
- quiet width, alignment of menu icon when it's alone, margin bits (98d06e1)
- remove useless state (e442338)
- update main, resolved conflicts (d7880a2)
- Use .is-open to indicate the popover is shown, not .is-selected
- Picker markup changed completely
- markup now requires spectrum-ActionButton where all uses of spectrum-FieldButton were
🗓 2020-10-20 • 📝 Commits
Note: Version bump only for package @spectrum-css/picker
🗓 2020-09-23
🗓 2020-06-19 • 📝 Commits
Note: Version bump only for package @spectrum-css/dropdown
🗓 2020-05-14 • 📝 Commits
Note: Version bump only for package @spectrum-css/dropdown
🗓 2020-03-12 • 📝 Commits
Note: Version bump only for package @spectrum-css/dropdown
🗓 2020-03-09 • 📝 Commits
- make Dropdown support RTL (b580068)
🗓 2020-03-06 • 📝 Commits
Note: Version bump only for package @spectrum-css/dropdown
🗓 2020-02-10 • 📝 Commits
Note: Version bump only for package @spectrum-css/dropdown
🗓 2020-01-23 • 📝 Commits
- fix Quiet Dropdown width in large scale, fixes #477 (a36f3bf)
- make Menu items wrap correctly, fixes #451 (#482) (03208af)
🗓 2019-12-14 • 📝 Commits
Note: Version bump only for package @spectrum-css/dropdown
🗓 2019-11-08 • 📝 Commits
Note: Version bump only for package @spectrum-css/dropdown
🗓 2019-11-07 • 📝 Commits
🗓 2019-10-08