Skip to content

Commit

Permalink
chore(picker): update css version to latest foundations (#5087)
Browse files Browse the repository at this point in the history 
* chore(picker): update css version to latest foundations

* chore: update golden images cache
  • Loading branch information
@rubencarvalho
rubencarvalho authored Feb 12, 2025
1 parent 0cd4a3b commit 7f3e0f9
Show file tree
Hide file tree
Showing 8 changed files with 264 additions and 944 deletions.
2 changes: 1 addition & 1 deletion .circleci/config.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ parameters:
# 3. Commit this change to the PR branch where the changes exist.
current_golden_images_hash:
type: string
default: 65776e325781bdcf3c97758d8faf300cf9b0b8b8
default: cd076bf68620f6a24a8591c63cbf6929df278555
wireit_cache_name:
type: string
default: wireit
Expand Down
2 changes: 1 addition & 1 deletion packages/picker/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -98,7 +98,7 @@
"@spectrum-web-components/tray": "^1.1.1"
},
"devDependencies": {
"@spectrum-css/picker": "9.0.0-s2-foundations.15"
"@spectrum-css/picker": "9.0.0-s2-foundations.17"
},
"types": "./src/index.d.ts",
"customElements": "custom-elements.json",
Expand Down
242 changes: 6 additions & 236 deletions packages/picker/src/picker-overrides.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,15 +18,15 @@ governing permissions and limitations under the License.
--spectrum-picker-background-color-default-open: var(
--system-picker-background-color-default-open
);
--spectrum-picker-background-color-active: var(
--system-picker-background-color-active
);
--spectrum-picker-background-color-hover: var(
--system-picker-background-color-hover
);
--spectrum-picker-background-color-hover-open: var(
--system-picker-background-color-hover-open
);
--spectrum-picker-background-color-active: var(
--system-picker-background-color-active
);
--spectrum-picker-background-color-key-focus: var(
--system-picker-background-color-key-focus
);
Expand All @@ -48,238 +48,8 @@ governing permissions and limitations under the License.
--spectrum-picker-border-color-key-focus: var(
--system-picker-border-color-key-focus
);
--spectrum-picker-border-width: var(--system-picker-border-width);
--spectrum-picker-font-size: var(--system-picker-font-size);
--spectrum-picker-font-weight: var(--system-picker-font-weight);
--spectrum-picker-placeholder-font-style: var(
--system-picker-placeholder-font-style
);
--spectrum-picker-line-height: var(--system-picker-line-height);
--spectrum-picker-block-size: var(--system-picker-block-size);
--spectrum-picker-inline-size: var(--system-picker-inline-size);
--spectrum-picker-border-radius: var(--system-picker-border-radius);
--spectrum-picker-spacing-top-to-text: var(
--system-picker-spacing-top-to-text
);
--spectrum-picker-spacing-bottom-to-text: var(
--system-picker-spacing-bottom-to-text
);
--spectrum-picker-spacing-edge-to-text: var(
--system-picker-spacing-edge-to-text
);
--spectrum-picker-spacing-edge-to-text-quiet: var(
--system-picker-spacing-edge-to-text-quiet
);
--spectrum-picker-spacing-label-to-picker: var(
--system-picker-spacing-label-to
);
--spectrum-picker-spacing-text-to-icon: var(
--system-picker-spacing-text-to-icon
);
--spectrum-picker-spacing-text-to-icon-inline-end: var(
--system-picker-spacing-text-to-icon-inline-end
);
--spectrum-picker-spacing-icon-to-disclosure-icon: var(
--system-picker-spacing-icon-to-disclosure-icon
);
--spectrum-picker-spacing-label-to-picker-quiet: var(
--system-picker-spacing-label-to-quiet
);
--spectrum-picker-spacing-top-to-alert-icon: var(
--system-picker-spacing-top-to-alert-icon
);
--spectrum-picker-spacing-top-to-progress-circle: var(
--system-picker-spacing-top-to-progress-circle
);
--spectrum-picker-spacing-top-to-disclosure-icon: var(
--system-picker-spacing-top-to-disclosure-icon
);
--spectrum-picker-spacing-edge-to-disclosure-icon: var(
--system-picker-spacing-edge-to-disclosure-icon
);
--spectrum-picker-spacing-edge-to-disclosure-icon-quiet: var(
--system-picker-spacing-edge-to-disclosure-icon-quiet
);
--spectrum-picker-animation-duration: var(
--system-picker-animation-duration
);
--spectrum-picker-font-color-default: var(
--system-picker-font-color-default
);
--spectrum-picker-font-color-default-open: var(
--system-picker-font-color-default-open
);
--spectrum-picker-font-color-hover: var(--system-picker-font-color-hover);
--spectrum-picker-font-color-hover-open: var(
--system-picker-font-color-hover-open
);
--spectrum-picker-font-color-active: var(--system-picker-font-color-active);
--spectrum-picker-font-color-key-focus: var(
--system-picker-font-color-key-focus
);
--spectrum-picker-icon-color-default: var(
--system-picker-icon-color-default
);
--spectrum-picker-icon-color-default-open: var(
--system-picker-icon-color-default-open
);
--spectrum-picker-icon-color-hover: var(--system-picker-icon-color-hover);
--spectrum-picker-icon-color-hover-open: var(
--system-picker-icon-color-hover-open
);
--spectrum-picker-icon-color-active: var(--system-picker-icon-color-active);
--spectrum-picker-icon-color-key-focus: var(
--system-picker-icon-color-key-focus
);
--spectrum-picker-border-color-error-default: var(
--system-picker-border-color-error-default
);
--spectrum-picker-border-color-error-default-open: var(
--system-picker-border-color-error-default-open
);
--spectrum-picker-border-color-error-hover: var(
--system-picker-border-color-error-hover
);
--spectrum-picker-border-color-error-hover-open: var(
--system-picker-border-color-error-hover-open
);
--spectrum-picker-border-color-error-active: var(
--system-picker-border-color-error-active
);
--spectrum-picker-border-color-error-key-focus: var(
--system-picker-border-color-error-key-focus
);
--spectrum-picker-icon-color-error: var(--system-picker-icon-color-error);
--spectrum-picker-background-color-disabled: var(
--system-picker-background-color-disabled
);
--spectrum-picker-font-color-disabled: var(
--system-picker-font-color-disabled
);
--spectrum-picker-icon-color-disabled: var(
--system-picker-icon-color-disabled
);
--spectrum-picker-focus-indicator-gap: var(
--system-picker-focus-indicator-gap
);
--spectrum-picker-focus-indicator-thickness: var(
--system-picker-focus-indicator-thickness
);
--spectrum-picker-focus-indicator-color: var(
--system-picker-focus-indicator-color
);
}

:host([size='s']) {
--spectrum-picker-font-size: var(--system-picker-size-s-font-size);
--spectrum-picker-block-size: var(--system-picker-size-s-block-size);
--spectrum-picker-spacing-top-to-text: var(
--system-picker-size-s-spacing-top-to-text
);
--spectrum-picker-spacing-bottom-to-text: var(
--system-picker-size-s-spacing-bottom-to-text
);
--spectrum-picker-spacing-edge-to-text: var(
--system-picker-size-s-spacing-edge-to-text
);
--spectrum-picker-spacing-text-to-icon: var(
--system-picker-size-s-spacing-text-to-icon
);
--spectrum-picker-spacing-text-to-icon-inline-end: var(
--system-picker-size-s-spacing-text-to-icon-inline-end
);
--spectrum-picker-spacing-icon-to-disclosure-icon: var(
--system-picker-size-s-spacing-icon-to-disclosure-icon
);
--spectrum-picker-spacing-label-to-picker-quiet: var(
--system-picker-size-s-spacing-label-to-quiet
);
--spectrum-picker-spacing-top-to-alert-icon: var(
--system-picker-size-s-spacing-top-to-alert-icon
);
--spectrum-picker-spacing-top-to-progress-circle: var(
--system-picker-size-s-spacing-top-to-progress-circle
);
--spectrum-picker-spacing-top-to-disclosure-icon: var(
--system-picker-size-s-spacing-top-to-disclosure-icon
);
--spectrum-picker-spacing-edge-to-disclosure-icon: var(
--system-picker-size-s-spacing-edge-to-disclosure-icon
);
}

:host([size='l']) {
--spectrum-picker-font-size: var(--system-picker-size-l-font-size);
--spectrum-picker-block-size: var(--system-picker-size-l-block-size);
--spectrum-picker-spacing-top-to-text: var(
--system-picker-size-l-spacing-top-to-text
);
--spectrum-picker-spacing-bottom-to-text: var(
--system-picker-size-l-spacing-bottom-to-text
);
--spectrum-picker-spacing-edge-to-text: var(
--system-picker-size-l-spacing-edge-to-text
);
--spectrum-picker-spacing-text-to-icon: var(
--system-picker-size-l-spacing-text-to-icon
);
--spectrum-picker-spacing-text-to-icon-inline-end: var(
--system-picker-size-l-spacing-text-to-icon-inline-end
);
--spectrum-picker-spacing-icon-to-disclosure-icon: var(
--system-picker-size-l-spacing-icon-to-disclosure-icon
);
--spectrum-picker-spacing-label-to-picker-quiet: var(
--system-picker-size-l-spacing-label-to-quiet
);
--spectrum-picker-spacing-top-to-alert-icon: var(
--system-picker-size-l-spacing-top-to-alert-icon
);
--spectrum-picker-spacing-top-to-progress-circle: var(
--system-picker-size-l-spacing-top-to-progress-circle
);
--spectrum-picker-spacing-top-to-disclosure-icon: var(
--system-picker-size-l-spacing-top-to-disclosure-icon
);
--spectrum-picker-spacing-edge-to-disclosure-icon: var(
--system-picker-size-l-spacing-edge-to-disclosure-icon
);
}

:host([size='xl']) {
--spectrum-picker-font-size: var(--system-picker-size-xl-font-size);
--spectrum-picker-block-size: var(--system-picker-size-xl-block-size);
--spectrum-picker-spacing-top-to-text: var(
--system-picker-size-xl-spacing-top-to-text
);
--spectrum-picker-spacing-bottom-to-text: var(
--system-picker-size-xl-spacing-bottom-to-text
);
--spectrum-picker-spacing-edge-to-text: var(
--system-picker-size-xl-spacing-edge-to-text
);
--spectrum-picker-spacing-text-to-icon: var(
--system-picker-size-xl-spacing-text-to-icon
);
--spectrum-picker-spacing-text-to-icon-inline-end: var(
--system-picker-size-xl-spacing-text-to-icon-inline-end
);
--spectrum-picker-spacing-icon-to-disclosure-icon: var(
--system-picker-size-xl-spacing-icon-to-disclosure-icon
);
--spectrum-picker-spacing-label-to-picker-quiet: var(
--system-picker-size-xl-spacing-label-to-quiet
);
--spectrum-picker-spacing-top-to-alert-icon: var(
--system-picker-size-xl-spacing-top-to-alert-icon
);
--spectrum-picker-spacing-top-to-progress-circle: var(
--system-picker-size-xl-spacing-top-to-progress-circle
);
--spectrum-picker-spacing-top-to-disclosure-icon: var(
--system-picker-size-xl-spacing-top-to-disclosure-icon
);
--spectrum-picker-spacing-edge-to-disclosure-icon: var(
--system-picker-size-xl-spacing-edge-to-disclosure-icon
--spectrum-picker-border-color-disabled: var(
--system-picker-border-color-disabled
);
--spectrum-picker-border-width: var(--system-picker-border-width);
}
Loading

0 comments on commit 7f3e0f9

Please sign in to comment.