@spectrum-web-components/styles 0.11.0 → 0.11.3-express.0

package/express/theme-dark.css

@@ -0,0 +1,302 @@
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+/* stylelint-disable */
+:host,
+:root {
+    --spectrum-global-color-status: Verified;
+    --spectrum-global-color-version: 5.1.0;
+    --spectrum-global-color-gray-50: #000;
+    --spectrum-global-color-gray-75: #0f0f0f;
+    --spectrum-global-color-gray-100: #1d1d1d;
+    --spectrum-global-color-gray-200: #2e2e2e;
+    --spectrum-global-color-gray-300: #444;
+    --spectrum-global-color-gray-400: #616161;
+    --spectrum-global-color-gray-500: #878787;
+    --spectrum-global-color-gray-600: #afafaf;
+    --spectrum-global-color-gray-700: #d2d2d2;
+    --spectrum-global-color-gray-800: #ebebeb;
+    --spectrum-global-color-gray-900: #fff;
+    --spectrum-global-color-green-400: #008d5d;
+    --spectrum-global-color-green-500: #0a9d6a;
+    --spectrum-global-color-green-600: #27ae79;
+    --spectrum-global-color-blue-400: #1277f3;
+    --spectrum-global-color-blue-500: #2d8af5;
+    --spectrum-global-color-blue-600: #4a9cf5;
+    --spectrum-global-color-red-400: #e83326;
+    --spectrum-global-color-red-500: #f44f3c;
+    --spectrum-global-color-red-600: #fd6a54;
+    --spectrum-global-color-seafoam-400: #0099a1;
+    --spectrum-global-color-seafoam-500: #00aab0;
+    --spectrum-global-color-seafoam-600: #2abbbf;
+    --spectrum-global-color-seafoam-700: #4bccce;
+    --spectrum-global-color-indigo-400: #777cfa;
+    --spectrum-global-color-indigo-500: #8a8eff;
+    --spectrum-global-color-indigo-600: #9da0ff;
+    --spectrum-global-color-indigo-700: #b1b4ff;
+    --spectrum-global-color-purple-400: #a968f9;
+    --spectrum-global-color-purple-500: #b67efc;
+    --spectrum-global-color-purple-600: #c393fd;
+    --spectrum-global-color-purple-700: #d0a9fe;
+    --spectrum-global-color-fuchsia-400: #db4add;
+    --spectrum-global-color-fuchsia-500: #e862e9;
+    --spectrum-global-color-fuchsia-600: #f17df0;
+    --spectrum-global-color-fuchsia-700: #f898f5;
+    --spectrum-global-color-magenta-400: #ea4f91;
+    --spectrum-global-color-magenta-500: #f567a1;
+    --spectrum-global-color-magenta-600: #fe80b1;
+    --spectrum-global-color-magenta-700: #ff9cc1;
+    --spectrum-global-color-orange-400: #ee7903;
+    --spectrum-global-color-orange-500: #fc8c1c;
+    --spectrum-global-color-orange-600: #ffa640;
+    --spectrum-global-color-orange-700: #ffc06c;
+    --spectrum-global-color-yellow-400: #caa500;
+    --spectrum-global-color-yellow-500: #dbb700;
+    --spectrum-global-color-yellow-600: #ecca00;
+    --spectrum-global-color-yellow-700: #fbdf17;
+    --spectrum-global-color-chartreuse-400: #76bb26;
+    --spectrum-global-color-chartreuse-500: #8acc39;
+    --spectrum-global-color-chartreuse-600: #a1dd53;
+    --spectrum-global-color-chartreuse-700: #beed78;
+    --spectrum-global-color-celery-400: #15b12b;
+    --spectrum-global-color-celery-500: #32c23e;
+    --spectrum-global-color-celery-600: #55d356;
+    --spectrum-global-color-celery-700: #79e36f;
+    --spectrum-global-color-opacity-100: 1;
+    --spectrum-global-color-opacity-90: 0.9;
+    --spectrum-global-color-opacity-80: 0.8;
+    --spectrum-global-color-opacity-70: 0.7;
+    --spectrum-global-color-opacity-60: 0.6;
+    --spectrum-global-color-opacity-55: 0.55;
+    --spectrum-global-color-opacity-50: 0.5;
+    --spectrum-global-color-opacity-42: 0.42;
+    --spectrum-global-color-opacity-40: 0.4;
+    --spectrum-global-color-opacity-30: 0.3;
+    --spectrum-global-color-opacity-25: 0.25;
+    --spectrum-global-color-opacity-20: 0.2;
+    --spectrum-global-color-opacity-15: 0.15;
+    --spectrum-global-color-opacity-10: 0.1;
+    --spectrum-global-color-opacity-8: 0.08;
+    --spectrum-global-color-opacity-7: 0.07;
+    --spectrum-global-color-opacity-6: 0.06;
+    --spectrum-global-color-opacity-5: 0.05;
+    --spectrum-global-color-opacity-4: 0.04;
+    --spectrum-global-color-opacity-0: 0;
+    --spectrum-global-color-red-700: #ff7b82;
+    --spectrum-global-color-green-700: #3fc89c;
+    --spectrum-global-color-blue-700: #5aa9fa;
+    --spectrum-alias-avatar-border-color-default: hsla(0, 0%, 100%, 0.1);
+    --spectrum-alias-avatar-border-color-hover: hsla(0, 0%, 100%, 0.25);
+    --spectrum-alias-avatar-border-color-down: hsla(0, 0%, 100%, 0.4);
+    --spectrum-alias-avatar-border-color-key-focus: hsla(0, 0%, 100%, 0.25);
+    --spectrum-alias-avatar-border-color-selected-disabled: hsla(
+        0,
+        0%,
+        100%,
+        0.1
+    );
+    --spectrum-alias-border-color-selected: hsla(0, 0%, 100%, 0.9);
+    --spectrum-alias-background-color-primary: var(
+        --spectrum-global-color-gray-100
+    );
+    --spectrum-alias-background-color-secondary: var(
+        --spectrum-global-color-gray-75
+    );
+    --spectrum-alias-background-color-tertiary: var(
+        --spectrum-global-color-gray-50
+    );
+    --spectrum-alias-background-color-modal-overlay: rgba(0, 0, 0, 0.5);
+    --spectrum-alias-dropshadow-color: rgba(0, 0, 0, 0.5);
+    --spectrum-alias-background-color-hover-overlay: hsla(0, 0%, 100%, 0.06);
+    --spectrum-alias-highlight-hover: hsla(0, 0%, 100%, 0.07);
+    --spectrum-alias-highlight-down: hsla(0, 0%, 100%, 0.1);
+    --spectrum-alias-highlight-selected: rgba(45, 138, 245, 0.15);
+    --spectrum-alias-highlight-selected-hover: rgba(45, 138, 245, 0.25);
+    --spectrum-alias-text-highlight-color: rgba(45, 138, 245, 0.25);
+    --spectrum-alias-background-color-quickactions: rgba(29, 29, 29, 0.9);
+    --spectrum-alias-border-color-translucent: hsla(0, 0%, 100%, 0.1);
+    --spectrum-alias-radial-reaction-color-default: hsla(0, 0%, 92%, 0.6);
+    --spectrum-alias-pasteboard-background-color: var(
+        --spectrum-global-color-gray-50
+    );
+    --spectrum-alias-appframe-border-color: var(
+        --spectrum-global-color-gray-50
+    );
+    --spectrum-alias-appframe-separator-color: var(
+        --spectrum-global-color-gray-50
+    );
+    --spectrum-scrollbar-mac-s-track-background-color: var(
+        --spectrum-global-color-gray-100
+    );
+    --spectrum-scrollbar-mac-m-track-background-color: var(
+        --spectrum-global-color-gray-100
+    );
+    --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);
+}
+/* stylelint-enable */

package/express/theme-light.css

@@ -0,0 +1,297 @@
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+/* stylelint-disable */
+:host,
+:root {
+    --spectrum-global-color-status: Verified;
+    --spectrum-global-color-version: 5.1.0;
+    --spectrum-global-color-gray-50: #fff;
+    --spectrum-global-color-gray-75: #fbfbfb;
+    --spectrum-global-color-gray-100: #f8f8f8;
+    --spectrum-global-color-gray-200: #e6e6e6;
+    --spectrum-global-color-gray-300: #d5d5d5;
+    --spectrum-global-color-gray-400: #b0b0b0;
+    --spectrum-global-color-gray-500: #909090;
+    --spectrum-global-color-gray-600: #6c6c6c;
+    --spectrum-global-color-gray-700: #464646;
+    --spectrum-global-color-gray-800: #212121;
+    --spectrum-global-color-gray-900: #000;
+    --spectrum-global-color-green-400: #009260;
+    --spectrum-global-color-green-500: #008254;
+    --spectrum-global-color-green-600: #007248;
+    --spectrum-global-color-blue-400: #187df5;
+    --spectrum-global-color-blue-500: #076ce9;
+    --spectrum-global-color-blue-600: #015ece;
+    --spectrum-global-color-red-400: #ed3d2e;
+    --spectrum-global-color-red-500: #de2219;
+    --spectrum-global-color-red-600: #c80a08;
+    --spectrum-global-color-seafoam-400: #007e8a;
+    --spectrum-global-color-seafoam-500: #006d79;
+    --spectrum-global-color-seafoam-600: #005e6a;
+    --spectrum-global-color-seafoam-700: #044f5a;
+    --spectrum-global-color-indigo-400: #5c60ed;
+    --spectrum-global-color-indigo-500: #4c50dc;
+    --spectrum-global-color-indigo-600: #3f43c5;
+    --spectrum-global-color-indigo-700: #3337aa;
+    --spectrum-global-color-purple-400: #9247ee;
+    --spectrum-global-color-purple-500: #8133e1;
+    --spectrum-global-color-purple-600: #7022cf;
+    --spectrum-global-color-purple-700: #5e14b8;
+    --spectrum-global-color-fuchsia-400: #c02bc0;
+    --spectrum-global-color-fuchsia-500: #ad16ae;
+    --spectrum-global-color-fuchsia-600: #99009a;
+    --spectrum-global-color-fuchsia-700: #820082;
+    --spectrum-global-color-magenta-400: #d22c74;
+    --spectrum-global-color-magenta-500: #be1961;
+    --spectrum-global-color-magenta-600: #a80353;
+    --spectrum-global-color-magenta-700: #8f0046;
+    --spectrum-global-color-orange-400: #f6830f;
+    --spectrum-global-color-orange-500: #e26e00;
+    --spectrum-global-color-orange-600: #cf5f00;
+    --spectrum-global-color-orange-700: #bb5300;
+    --spectrum-global-color-yellow-400: #e9c600;
+    --spectrum-global-color-yellow-500: #d6b100;
+    --spectrum-global-color-yellow-600: #c39d00;
+    --spectrum-global-color-yellow-700: #af8a00;
+    --spectrum-global-color-chartreuse-400: #82c631;
+    --spectrum-global-color-chartreuse-500: #6eb31f;
+    --spectrum-global-color-chartreuse-600: #5f9f14;
+    --spectrum-global-color-chartreuse-700: #538f0f;
+    --spectrum-global-color-celery-400: #23ba34;
+    --spectrum-global-color-celery-500: #04a51e;
+    --spectrum-global-color-celery-600: #009413;
+    --spectrum-global-color-celery-700: #008410;
+    --spectrum-global-color-opacity-100: 1;
+    --spectrum-global-color-opacity-90: 0.9;
+    --spectrum-global-color-opacity-80: 0.8;
+    --spectrum-global-color-opacity-70: 0.7;
+    --spectrum-global-color-opacity-60: 0.6;
+    --spectrum-global-color-opacity-55: 0.55;
+    --spectrum-global-color-opacity-50: 0.5;
+    --spectrum-global-color-opacity-42: 0.42;
+    --spectrum-global-color-opacity-40: 0.4;
+    --spectrum-global-color-opacity-30: 0.3;
+    --spectrum-global-color-opacity-25: 0.25;
+    --spectrum-global-color-opacity-20: 0.2;
+    --spectrum-global-color-opacity-15: 0.15;
+    --spectrum-global-color-opacity-10: 0.1;
+    --spectrum-global-color-opacity-8: 0.08;
+    --spectrum-global-color-opacity-7: 0.07;
+    --spectrum-global-color-opacity-6: 0.06;
+    --spectrum-global-color-opacity-5: 0.05;
+    --spectrum-global-color-opacity-4: 0.04;
+    --spectrum-global-color-opacity-0: 0;
+    --spectrum-global-color-red-700: #bb121a;
+    --spectrum-global-color-green-700: #107154;
+    --spectrum-global-color-blue-700: #095aba;
+    --spectrum-alias-avatar-border-color-default: rgba(0, 0, 0, 0.1);
+    --spectrum-alias-avatar-border-color-hover: rgba(0, 0, 0, 0.25);
+    --spectrum-alias-avatar-border-color-down: rgba(0, 0, 0, 0.4);
+    --spectrum-alias-avatar-border-color-key-focus: rgba(0, 0, 0, 0.25);
+    --spectrum-alias-avatar-border-color-selected-disabled: rgba(0, 0, 0, 0.1);
+    --spectrum-alias-border-color-selected: rgba(0, 0, 0, 0.9);
+    --spectrum-alias-background-color-primary: var(
+        --spectrum-global-color-gray-50
+    );
+    --spectrum-alias-background-color-secondary: var(
+        --spectrum-global-color-gray-100
+    );
+    --spectrum-alias-background-color-tertiary: var(
+        --spectrum-global-color-gray-300
+    );
+    --spectrum-alias-background-color-modal-overlay: rgba(0, 0, 0, 0.4);
+    --spectrum-alias-dropshadow-color: rgba(0, 0, 0, 0.15);
+    --spectrum-alias-background-color-hover-overlay: rgba(0, 0, 0, 0.04);
+    --spectrum-alias-highlight-hover: rgba(0, 0, 0, 0.06);
+    --spectrum-alias-highlight-down: rgba(0, 0, 0, 0.1);
+    --spectrum-alias-highlight-selected: rgba(7, 108, 233, 0.1);
+    --spectrum-alias-highlight-selected-hover: rgba(7, 108, 233, 0.2);
+    --spectrum-alias-text-highlight-color: rgba(7, 108, 233, 0.2);
+    --spectrum-alias-background-color-quickactions: hsla(0, 0%, 97%, 0.9);
+    --spectrum-alias-border-color-translucent: rgba(0, 0, 0, 0.1);
+    --spectrum-alias-radial-reaction-color-default: rgba(33, 33, 33, 0.6);
+    --spectrum-alias-pasteboard-background-color: var(
+        --spectrum-global-color-gray-300
+    );
+    --spectrum-alias-appframe-border-color: var(
+        --spectrum-global-color-gray-300
+    );
+    --spectrum-alias-appframe-separator-color: var(
+        --spectrum-global-color-gray-300
+    );
+    --spectrum-scrollbar-mac-s-track-background-color: var(
+        --spectrum-global-color-gray-75
+    );
+    --spectrum-scrollbar-mac-m-track-background-color: var(
+        --spectrum-global-color-gray-75
+    );
+    --spectrum-scrollbar-mac-l-track-background-color: var(
+        --spectrum-global-color-gray-75
+    );
+    --spectrum-slider-s-tick-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-s-ramp-tick-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-s-range-tick-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-s-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-s-ramp-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-s-range-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-s-editable-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-s-ramp-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-s-range-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-s-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-s-ramp-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-s-range-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-m-tick-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-m-ramp-tick-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-m-range-tick-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-m-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-m-ramp-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-m-range-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-m-editable-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-m-ramp-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-m-range-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-m-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-m-ramp-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-m-range-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-l-tick-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-l-ramp-tick-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-l-range-tick-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-l-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-l-ramp-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-l-range-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-l-editable-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-l-ramp-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-l-range-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-l-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-l-ramp-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-l-range-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-xl-tick-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-xl-ramp-tick-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-xl-range-tick-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-xl-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-xl-ramp-tick-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-xl-range-tick-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-xl-editable-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-xl-ramp-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-xl-range-editable-radial-reaction-color: rgba(
+        33,
+        33,
+        33,
+        0.6
+    );
+    --spectrum-slider-xl-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-xl-ramp-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-slider-xl-range-radial-reaction-color: rgba(33, 33, 33, 0.6);
+    --spectrum-well-background-color: rgba(33, 33, 33, 0.02);
+    --spectrum-well-border-color: rgba(0, 0, 0, 0.05);
+}
+/* stylelint-enable */

package/fonts.css

@@ -28,32 +28,25 @@ governing permissions and limitations under the License.
     font-family: var(--spectrum-alias-body-text-font-family);
     font-size: var(--spectrum-alias-font-size-default);
 }
-:host:lang(ar),
-:root:lang(ar) {
+:is(:root, :host):lang(ar) {
     font-family: var(--spectrum-alias-font-family-ar);
 }
-:host:lang(he),
-:root:lang(he) {
+:is(:root, :host):lang(he) {
     font-family: var(--spectrum-alias-font-family-he);
 }
-:host:lang(zh-Hans),
-:root:lang(zh-Hans) {
+:is(:root, :host):lang(zh-Hans) {
     font-family: var(--spectrum-alias-font-family-zhhans);
 }
-:host:lang(zh-Hant),
-:root:lang(zh-Hant) {
+:is(:root, :host):lang(zh-Hant) {
     font-family: var(--spectrum-alias-font-family-zh);
 }
-:host:lang(zh),
-:root:lang(zh) {
+:is(:root, :host):lang(zh) {
     font-family: var(--spectrum-alias-font-family-zh);
 }
-:host:lang(ko),
-:root:lang(ko) {
+:is(:root, :host):lang(ko) {
     font-family: var(--spectrum-alias-font-family-ko);
 }
-:host:lang(ja),
-:root:lang(ja) {
+:is(:root, :host):lang(ja) {
     font-family: var(--spectrum-alias-font-family-ja);
 }
 /* stylelint-enable */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/styles",
-    "version": "0.11.0",
+    "version": "0.11.3-express.0+5d9e2a2ca",
     "publishConfig": {
         "access": "public"
     },
@@ -69,17 +69,18 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.5.0"
+        "@spectrum-web-components/base": "^0.5.2-express.41+5d9e2a2ca"
     },
     "devDependencies": {
-        "@spectrum-css/commons": "^3.0.3",
-        "@spectrum-css/typography": "^4.0.1",
-        "@spectrum-css/vars": "^4.0.2"
+        "@spectrum-css/commons": "latest",
+        "@spectrum-css/expressvars": "latest",
+        "@spectrum-css/typography": "latest",
+        "@spectrum-css/vars": "latest"
     },
     "customElements": "custom-elements.json",
     "sideEffects": [
         "./*.css"
     ],
     "style": "all-medium-lightest.css",
-    "gitHead": "7ce77352f6894043bceac9ef92b21e5f85420969"
+    "gitHead": "5d9e2a2ca93deff51e4b2c7b8354f1127009a4e3"
 }