@spectrum-web-components/styles 0.31.1-react.3 → 0.32.0

package/express/spectrum-core-global.css

@@ -1599,50 +1599,6 @@ governing permissions and limitations under the License.
     --spectrum-alias-infieldbutton-half-height-xl: var(
         --spectrum-global-dimension-size-185
     );
-    --spectrum-alias-stepperbutton-gap: var(
-        --spectrum-global-dimension-size-25
-    );
-    --spectrum-alias-stepperbutton-width-s: var(
-        --spectrum-global-dimension-size-225
-    );
-    --spectrum-alias-stepperbutton-width-m: var(
-        --spectrum-global-dimension-size-250
-    );
-    --spectrum-alias-stepperbutton-width-l: var(
-        --spectrum-global-dimension-size-275
-    );
-    --spectrum-alias-stepperbutton-width-xl: var(
-        --spectrum-global-dimension-size-325
-    );
-    --spectrum-alias-stepperbutton-icon-x-offset-s: var(
-        --spectrum-global-dimension-size-50
-    );
-    --spectrum-alias-stepperbutton-icon-x-offset-m: var(
-        --spectrum-global-dimension-size-65
-    );
-    --spectrum-alias-stepperbutton-icon-x-offset-l: var(
-        --spectrum-global-dimension-size-65
-    );
-    --spectrum-alias-stepperbutton-icon-x-offset-xl: var(
-        --spectrum-global-dimension-size-75
-    );
-    --spectrum-alias-stepperbutton-icon-y-offset-top-s: 0;
-    --spectrum-alias-stepperbutton-icon-y-offset-top-m: var(
-        --spectrum-global-dimension-size-10
-    );
-    --spectrum-alias-stepperbutton-icon-y-offset-top-l: var(
-        --spectrum-global-dimension-size-10
-    );
-    --spectrum-alias-stepperbutton-icon-y-offset-top-xl: var(
-        --spectrum-global-dimension-size-10
-    );
-    --spectrum-alias-stepperbutton-icon-y-offset-bottom-s: 0;
-    --spectrum-alias-stepperbutton-icon-y-offset-bottom-m: 0;
-    --spectrum-alias-stepperbutton-icon-y-offset-bottom-l: 0;
-    --spectrum-alias-stepperbutton-icon-y-offset-bottom-xl: 0;
-    --spectrum-alias-stepperbutton-radius-touching: var(
-        --spectrum-global-dimension-size-25
-    );
     --spectrum-alias-clearbutton-icon-margin-s: var(
         --spectrum-global-dimension-size-50
     );
@@ -1664,9 +1620,6 @@ governing permissions and limitations under the License.
     --spectrum-alias-combobox-quiet-button-offset-x: var(
         --spectrum-global-dimension-size-50
     );
-    --spectrum-alias-thumbnail-border-radius-small: var(
-        --spectrum-global-dimension-size-75
-    );
     --spectrum-alias-focus-ring-gap-small: var(
         --spectrum-global-dimension-static-size-25
     );
@@ -1845,6 +1798,10 @@ governing permissions and limitations under the License.
     --spectrum-alias-ui-icon-asterisk-size-100: var(
         --spectrum-global-dimension-size-100
     );
+}
+:host,
+:root {
+    /* spectrum-colorAliases.css */
     --spectrum-alias-component-text-color-selected-default: var(
         --spectrum-global-color-gray-50
     );
@@ -2050,12 +2007,6 @@ governing permissions and limitations under the License.
     );
     --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled: transparent;
     --spectrum-alias-track-color-default: var(--spectrum-global-color-gray-300);
-    --spectrum-alias-thumbnail-darksquare-background-color: var(
-        --spectrum-global-color-gray-200
-    );
-    --spectrum-alias-thumbnail-lightsquare-background-color: var(
-        --spectrum-global-color-static-white
-    );
     --spectrum-alias-tabs-divider-background-color-default: var(
         --spectrum-global-color-gray-200
     );
@@ -2695,35 +2646,4 @@ governing permissions and limitations under the License.
     --spectrum-slide-label-text-size: var(
         --spectrum-global-dimension-font-size-100
     );
-    --spectrum-slider-m-handle-gap: 0px;
-    --spectrum-slider-m-handle-border-radius: 100%;
-    --spectrum-slider-m-track-border-radius: var(
-        --spectrum-alias-border-radius-xsmall
-    );
-    --spectrum-slider-m-track-inside-border-radius: 0px;
-    --spectrum-slider-m-track-height: var(--spectrum-global-dimension-size-50);
-    --spectrum-slider-m-track-color: var(--spectrum-global-color-gray-200);
-    --spectrum-slider-m-track-fill-color: var(--spectrum-global-color-gray-600);
-    --spectrum-slider-m-tick-mark-color: var(--spectrum-global-color-gray-200);
-    --spectrum-slider-m-track-color-disabled: var(
-        --spectrum-global-color-gray-200
-    );
-    --spectrum-slider-m-handle-background-color: var(
-        --spectrum-global-color-gray-50
-    );
-    --spectrum-slider-m-handle-border-color: var(
-        --spectrum-global-color-gray-800
-    );
-    --spectrum-slider-m-handle-border-color-hover: var(
-        --spectrum-global-color-gray-900
-    );
-    --spectrum-slider-m-handle-border-color-disabled: var(
-        --spectrum-global-color-gray-300
-    );
-    --spectrum-slider-label-text-size: var(
-        --spectrum-global-dimension-font-size-100
-    );
-    --spectrum-fieldlabel-xl-text-size: var(
-        --spectrum-global-dimension-font-size-300
-    );
 }

package/express/spectrum-theme-dark.css

@@ -333,159 +333,6 @@ governing permissions and limitations under the License.
     --spectrum-scrollbar-mac-l-track-background-color: var(
         --spectrum-global-color-gray-100
     );
-    --spectrum-slider-s-tick-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-s-range-tick-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-s-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-s-ramp-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-s-range-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-s-editable-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-s-ramp-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-s-range-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-s-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-s-ramp-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-s-range-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-m-tick-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-m-range-tick-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-m-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-m-ramp-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-m-range-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-m-editable-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-m-ramp-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-m-range-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-m-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-m-ramp-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-m-range-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-l-tick-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-l-range-tick-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-l-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-l-ramp-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-l-range-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-l-editable-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-l-ramp-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-l-range-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-l-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-l-ramp-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-l-range-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-xl-tick-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-xl-range-tick-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-xl-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-xl-ramp-tick-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-xl-range-tick-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-xl-editable-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-xl-ramp-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-xl-range-editable-radial-reaction-color: hsla(
-        0,
-        0%,
-        92%,
-        0.6
-    );
-    --spectrum-slider-xl-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-xl-ramp-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
-    --spectrum-slider-xl-range-radial-reaction-color: hsla(0, 0%, 92%, 0.6);
     --spectrum-well-background-color: hsla(0, 0%, 92%, 0.02);
     --spectrum-well-border-color: hsla(0, 0%, 100%, 0.05);
 }

package/express/spectrum-theme-light.css

@@ -333,159 +333,6 @@ governing permissions and limitations under the License.
     --spectrum-scrollbar-mac-l-track-background-color: var(
         --spectrum-global-color-gray-75
     );
-    --spectrum-slider-s-tick-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-s-range-tick-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-s-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-s-ramp-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-s-range-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-s-editable-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-s-ramp-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-s-range-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-s-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-s-ramp-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-s-range-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-m-tick-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-m-range-tick-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-m-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-m-ramp-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-m-range-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-m-editable-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-m-ramp-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-m-range-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-m-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-m-ramp-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-m-range-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-l-tick-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-l-range-tick-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-l-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-l-ramp-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-l-range-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-l-editable-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-l-ramp-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-l-range-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-l-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-l-ramp-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-l-range-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-xl-tick-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-xl-range-tick-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-xl-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-xl-ramp-tick-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-xl-range-tick-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-xl-editable-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-xl-ramp-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-xl-range-editable-radial-reaction-color: rgba(
-        34,
-        34,
-        34,
-        0.6
-    );
-    --spectrum-slider-xl-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-xl-ramp-radial-reaction-color: rgba(34, 34, 34, 0.6);
-    --spectrum-slider-xl-range-radial-reaction-color: rgba(34, 34, 34, 0.6);
     --spectrum-well-background-color: rgba(34, 34, 34, 0.02);
     --spectrum-well-border-color: rgba(0, 0, 0, 0.05);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/styles",
-    "version": "0.31.1-react.3+886f51591",
+    "version": "0.32.0",
     "publishConfig": {
         "access": "public"
     },
@@ -104,19 +104,19 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.31.1-react.3+886f51591"
+        "@spectrum-web-components/base": "^0.32.0"
     },
     "devDependencies": {
-        "@spectrum-css/commons": "^4.0.2",
+        "@spectrum-css/commons": "^7.0.6",
         "@spectrum-css/expressvars": "^3.0.5",
-        "@spectrum-css/tokens": "^8.1.1",
-        "@spectrum-css/typography": "^5.0.9",
-        "@spectrum-css/vars": "^8.0.5"
+        "@spectrum-css/tokens": "^10.0.0",
+        "@spectrum-css/typography": "^5.0.17",
+        "@spectrum-css/vars": "^9.0.5"
     },
     "customElements": "custom-elements.json",
     "sideEffects": [
         "./**/*.css"
     ],
     "style": "all-medium-lightest.css",
-    "gitHead": "886f515919ca0e8a1cec52a00babb1d4a195ae01"
+    "gitHead": "c5f67662ac54d0e37debaf7cbd7c2df60e8b294e"
 }

package/spectrum-core-global.css

@@ -1553,56 +1553,6 @@ governing permissions and limitations under the License.
     --spectrum-alias-infieldbutton-half-height-xl: var(
         --spectrum-global-dimension-size-300
     );
-    --spectrum-alias-stepperbutton-gap: 0;
-    --spectrum-alias-stepperbutton-width-s: var(
-        --spectrum-global-dimension-size-225
-    );
-    --spectrum-alias-stepperbutton-width-m: var(
-        --spectrum-global-dimension-size-300
-    );
-    --spectrum-alias-stepperbutton-width-l: var(
-        --spectrum-global-dimension-size-400
-    );
-    --spectrum-alias-stepperbutton-width-xl: var(
-        --spectrum-global-dimension-size-450
-    );
-    --spectrum-alias-stepperbutton-icon-x-offset-s: var(
-        --spectrum-global-dimension-size-50
-    );
-    --spectrum-alias-stepperbutton-icon-x-offset-m: var(
-        --spectrum-global-dimension-size-85
-    );
-    --spectrum-alias-stepperbutton-icon-x-offset-l: var(
-        --spectrum-global-dimension-size-125
-    );
-    --spectrum-alias-stepperbutton-icon-x-offset-xl: var(
-        --spectrum-global-dimension-size-130
-    );
-    --spectrum-alias-stepperbutton-icon-y-offset-top-s: var(
-        --spectrum-global-dimension-size-25
-    );
-    --spectrum-alias-stepperbutton-icon-y-offset-top-m: var(
-        --spectrum-global-dimension-size-50
-    );
-    --spectrum-alias-stepperbutton-icon-y-offset-top-l: var(
-        --spectrum-global-dimension-size-65
-    );
-    --spectrum-alias-stepperbutton-icon-y-offset-top-xl: var(
-        --spectrum-global-dimension-size-75
-    );
-    --spectrum-alias-stepperbutton-icon-y-offset-bottom-s: var(
-        --spectrum-global-dimension-size-10
-    );
-    --spectrum-alias-stepperbutton-icon-y-offset-bottom-m: var(
-        --spectrum-global-dimension-size-25
-    );
-    --spectrum-alias-stepperbutton-icon-y-offset-bottom-l: var(
-        --spectrum-global-dimension-size-40
-    );
-    --spectrum-alias-stepperbutton-icon-y-offset-bottom-xl: var(
-        --spectrum-global-dimension-size-50
-    );
-    --spectrum-alias-stepperbutton-radius-touching: 0;
     --spectrum-alias-clearbutton-icon-margin-s: var(
         --spectrum-global-dimension-size-100
     );
@@ -1625,9 +1575,6 @@ governing permissions and limitations under the License.
     --spectrum-alias-combobox-quiet-button-offset-x: var(
         --spectrum-global-dimension-size-100
     );
-    --spectrum-alias-thumbnail-border-radius-small: var(
-        --spectrum-global-dimension-size-25
-    );
     --spectrum-alias-search-padding-left-s: var(
         --spectrum-global-dimension-size-85
     );
@@ -1832,6 +1779,16 @@ governing permissions and limitations under the License.
     --spectrum-alias-ui-icon-asterisk-size-100: var(
         --spectrum-global-dimension-size-100
     );
+}
+:host,
+:root {
+    /* spectrum-colorAliases.css */
+    --spectrum-alias-transparent-blue-background-color-hover: rgba(
+        0,
+        87,
+        190,
+        0.15
+    );
     --spectrum-alias-transparent-blue-background-color-down: rgba(
         0,
         72,
@@ -2538,12 +2495,6 @@ governing permissions and limitations under the License.
     --spectrum-alias-track-color-disabled: var(
         --spectrum-global-color-gray-300
     );
-    --spectrum-alias-thumbnail-darksquare-background-color: var(
-        --spectrum-global-color-gray-300
-    );
-    --spectrum-alias-thumbnail-lightsquare-background-color: var(
-        --spectrum-global-color-static-white
-    );
     --spectrum-alias-track-color-overbackground: hsla(0, 0%, 100%, 0.2);
     --spectrum-alias-icon-color: var(--spectrum-global-color-gray-700);
     --spectrum-alias-icon-color-overbackground: var(
@@ -2677,10 +2628,4 @@ governing permissions and limitations under the License.
     --spectrum-colorcontrol-checkerboard-dark-color: var(
         --spectrum-global-color-static-gray-300
     );
-    --spectrum-slider-m-track-inside-border-radius: var(
-        --spectrum-slider-m-track-border-radius
-    );
-    --spectrum-slider-label-text-size: var(
-        --spectrum-global-dimension-font-size-75
-    );
 }