Skip to content

Commit

Permalink
chore: bump slider css version (#5101)
Browse files Browse the repository at this point in the history
  • Loading branch information
rubencarvalho authored Feb 20, 2025
1 parent 672e73f commit 7dda4e6
Show file tree
Hide file tree
Showing 7 changed files with 322 additions and 717 deletions.
2 changes: 1 addition & 1 deletion packages/slider/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@
"@spectrum-web-components/theme": "^1.1.2"
},
"devDependencies": {
"@spectrum-css/slider": "6.0.0-s2-foundations.17"
"@spectrum-css/slider": "6.0.1"
},
"types": "./src/index.d.ts",
"customElements": "custom-elements.json",
Expand Down
133 changes: 0 additions & 133 deletions packages/slider/src/slider-overrides.css
Original file line number Diff line number Diff line change
Expand Up @@ -49,167 +49,34 @@ governing permissions and limitations under the License.
--spectrum-slider-handle-focus-ring-color-key-focus: var(
--system-slider-handle-focus-ring-color-key-focus
);
--spectrum-slider-value-inline-size: var(--system-slider-value-inline-size);
--spectrum-slider-ramp-track-block-size: var(
--system-slider-ramp-track-block-size
);
--spectrum-slider-cjk-line-height: var(--system-slider-cjk-line-height);
--spectrum-slider-min-size: var(--system-slider-min-size);
--spectrum-slider-track-corner-radius: var(
--system-slider-track-corner-radius
);
--spectrum-slider-label-margin-start: var(
--system-slider-label-margin-start
);
--spectrum-slider-handle-border-width: var(
--system-slider-handle-border-width
);
--spectrum-slider-track-fill-thickness: var(
--system-slider-track-fill-thickness
);
--spectrum-slider-tick-mark-width: var(--system-slider-tick-mark-width);
--spectrum-slider-tick-mark-border-radius: var(
--system-slider-tick-mark-border-radius
);
--spectrum-slider-tick-handle-background-color: var(
--system-slider-tick-handle-background-color
);
--spectrum-slider-track-color-disabled: var(
--system-slider-track-color-disabled
);
--spectrum-slider-track-fill-color-disabled: var(
--system-slider-track-fill-color-disabled
);
--spectrum-slider-handle-border-color-disabled: var(
--system-slider-handle-border-color-disabled
);
--spectrum-slider-label-text-color: var(--system-slider-label-text-color);
--spectrum-slider-tick-label-color: var(--system-slider-tick-label-color);
--spectrum-slider-label-text-color-disabled: var(
--system-slider-label-text-color-disabled
);
--spectrum-slider-tick-mark-color-disabled: var(
--system-slider-tick-mark-color-disabled
);
--spectrum-slider-ramp-handle-border-color-active: var(
--system-slider-ramp-handle-border-color-active
);
--spectrum-slider-track-handleoffset: var(
--system-slider-track-handleoffset
);
--spectrum-slider-range-track-reset: var(--system-slider-range-track-reset);
--spectrum-slider-font-size: var(--system-slider-font-size);
--spectrum-slider-handle-size: var(--system-slider-handle-size);
--spectrum-slider-control-height: var(--system-slider-control-height);
--spectrum-slider-handle-border-radius: var(
--system-slider-handle-border-radius
);
--spectrum-slider-handle-border-width-down: var(
--system-slider-handle-border-width-down
);
--spectrum-slider-label-top-to-text: var(--system-slider-label-top-to-text);
--spectrum-slider-control-to-field-label: var(
--system-slider-control-to-field-label
);
--spectrum-slider-value-side-padding-inline: var(
--system-slider-value-side-padding-inline
);
}

:host {
--spectrum-slider-font-size: var(--system-slider-size-m-font-size);
--spectrum-slider-handle-size: var(--system-slider-size-m-handle-size);
--spectrum-slider-control-height: var(
--system-slider-size-m-control-height
);
--spectrum-slider-handle-border-radius: var(
--system-slider-size-m-handle-border-radius
);
--spectrum-slider-handle-border-width-down: var(
--system-slider-size-m-handle-border-width-down
);
--spectrum-slider-label-top-to-text: var(
--system-slider-size-m-label-top-to-text
);
--spectrum-slider-control-to-field-label: var(
--system-slider-size-m-control-to-field-label
);
--spectrum-slider-value-side-padding-inline: var(
--system-slider-size-m-value-side-padding-inline
);
}

:host([size='s']) {
--spectrum-slider-font-size: var(--system-slider-size-s-font-size);
--spectrum-slider-handle-size: var(--system-slider-size-s-handle-size);
--spectrum-slider-control-height: var(
--system-slider-size-s-control-height
);
--spectrum-slider-handle-border-radius: var(
--system-slider-size-s-handle-border-radius
);
--spectrum-slider-handle-border-width-down: var(
--system-slider-size-s-handle-border-width-down
);
--spectrum-slider-label-top-to-text: var(
--system-slider-size-s-label-top-to-text
);
--spectrum-slider-control-to-field-label: var(
--system-slider-size-s-control-to-field-label
);
--spectrum-slider-value-side-padding-inline: var(
--system-slider-size-s-value-side-padding-inline
);
}

:host([size='l']) {
--spectrum-slider-font-size: var(--system-slider-size-l-font-size);
--spectrum-slider-handle-size: var(--system-slider-size-l-handle-size);
--spectrum-slider-control-height: var(
--system-slider-size-l-control-height
);
--spectrum-slider-handle-border-radius: var(
--system-slider-size-l-handle-border-radius
);
--spectrum-slider-handle-border-width-down: var(
--system-slider-size-l-handle-border-width-down
);
--spectrum-slider-label-top-to-text: var(
--system-slider-size-l-label-top-to-text
);
--spectrum-slider-control-to-field-label: var(
--system-slider-size-l-control-to-field-label
);
--spectrum-slider-value-side-padding-inline: var(
--system-slider-size-l-value-side-padding-inline
);
--spectrum-slider-value-inline-size: var(
--system-slider-size-l-value-inline-size
);
}

:host([size='xl']) {
--spectrum-slider-font-size: var(--system-slider-size-xl-font-size);
--spectrum-slider-handle-size: var(--system-slider-size-xl-handle-size);
--spectrum-slider-control-height: var(
--system-slider-size-xl-control-height
);
--spectrum-slider-handle-border-radius: var(
--system-slider-size-xl-handle-border-radius
);
--spectrum-slider-handle-border-width-down: var(
--system-slider-size-xl-handle-border-width-down
);
--spectrum-slider-label-top-to-text: var(
--system-slider-size-xl-label-top-to-text
);
--spectrum-slider-control-to-field-label: var(
--system-slider-size-xl-control-to-field-label
);
--spectrum-slider-value-side-padding-inline: var(
--system-slider-size-xl-value-side-padding-inline
);
--spectrum-slider-value-inline-size: var(
--system-slider-size-xl-value-inline-size
);
}
Loading

0 comments on commit 7dda4e6

Please # to comment.