@spectrum-web-components/styles 0.12.3-express.0 → 0.13.1

package/express/spectrum-scale-large.css

@@ -1,5 +1,5 @@
 /*
-Copyright 2020 Adobe. All rights reserved.
+Copyright 2022 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
@@ -10,7 +10,6 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-/* stylelint-disable */
 :host,
 :root {
     --spectrum-global-dimension-scale-factor: 1.25;
@@ -125,6 +124,13 @@ governing permissions and limitations under the License.
     --spectrum-alias-item-mark-size-m: var(
         --spectrum-global-dimension-static-size-325
     );
+    --spectrum-alias-component-focusring-border-radius: var(
+        --spectrum-alias-focus-ring-border-radius-regular
+    );
+    --spectrum-alias-focus-ring-border-radius-small: var(
+        --spectrum-global-dimension-size-75
+    );
+    --spectrum-alias-focus-ring-border-radius-regular: 12px;
     --spectrum-alias-control-three-width-m: 34px;
     --spectrum-alias-control-three-width-l: 38px;
     --spectrum-alias-control-three-width-xl: var(
@@ -4750,9 +4756,6 @@ governing permissions and limitations under the License.
     --spectrum-picker-m-quiet-texticon-touch-hit-y: var(
         --spectrum-global-dimension-static-size-50
     );
-    --spectrum-picker-m-texticon-popover-offset-x: var(
-        --spectrum-global-dimension-static-size-150
-    );
     --spectrum-picker-m-texticon-padding-left: var(
         --spectrum-global-dimension-static-size-150
     );
@@ -4780,9 +4783,6 @@ governing permissions and limitations under the License.
     --spectrum-picker-m-quiet-textthumbnail-touch-hit-y: var(
         --spectrum-global-dimension-static-size-50
     );
-    --spectrum-picker-m-textthumbnail-popover-offset-x: var(
-        --spectrum-global-dimension-static-size-150
-    );
     --spectrum-picker-m-textthumbnail-padding-left: var(
         --spectrum-global-dimension-static-size-150
     );
@@ -6383,4 +6383,3 @@ governing permissions and limitations under the License.
         --spectrum-global-dimension-static-size-150
     );
 }
-/* stylelint-enable */

package/express/spectrum-scale-medium.css

@@ -1,5 +1,5 @@
 /*
-Copyright 2020 Adobe. All rights reserved.
+Copyright 2022 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
@@ -10,7 +10,6 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-/* stylelint-disable */
 :host,
 :root {
     --spectrum-global-dimension-scale-factor: 1;
@@ -125,6 +124,15 @@ governing permissions and limitations under the License.
     --spectrum-alias-item-mark-size-m: var(
         --spectrum-global-dimension-size-250
     );
+    --spectrum-alias-component-focusring-border-radius: var(
+        --spectrum-global-dimension-size-125
+    );
+    --spectrum-alias-focus-ring-border-radius-small: var(
+        --spectrum-global-dimension-size-85
+    );
+    --spectrum-alias-focus-ring-border-radius-regular: var(
+        --spectrum-global-dimension-size-125
+    );
     --spectrum-alias-control-three-width-m: 28px;
     --spectrum-alias-control-three-width-l: var(
         --spectrum-global-dimension-static-size-450
@@ -4796,9 +4804,6 @@ governing permissions and limitations under the License.
     --spectrum-picker-m-quiet-texticon-touch-hit-y: var(
         --spectrum-global-dimension-static-size-100
     );
-    --spectrum-picker-m-texticon-popover-offset-x: var(
-        --spectrum-global-dimension-size-125
-    );
     --spectrum-picker-m-texticon-padding-left: var(
         --spectrum-global-dimension-size-125
     );
@@ -4826,9 +4831,6 @@ governing permissions and limitations under the License.
     --spectrum-picker-m-quiet-textthumbnail-touch-hit-y: var(
         --spectrum-global-dimension-static-size-100
     );
-    --spectrum-picker-m-textthumbnail-popover-offset-x: var(
-        --spectrum-global-dimension-size-125
-    );
     --spectrum-picker-m-textthumbnail-padding-left: var(
         --spectrum-global-dimension-size-125
     );
@@ -6437,4 +6439,3 @@ governing permissions and limitations under the License.
         --spectrum-global-dimension-size-115
     );
 }
-/* stylelint-enable */

package/express/theme-dark.css

@@ -1,5 +1,5 @@
 /*
-Copyright 2020 Adobe. All rights reserved.
+Copyright 2022 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
@@ -10,67 +10,10 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 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;
@@ -91,9 +34,242 @@ governing permissions and limitations under the License.
     --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-global-color-celery-400-rgb: 34, 184, 51;
+    --spectrum-global-color-celery-400: rgb(
+        var(--spectrum-global-color-celery-400-rgb)
+    );
+    --spectrum-global-color-celery-500-rgb: 68, 202, 73;
+    --spectrum-global-color-celery-500: rgb(
+        var(--spectrum-global-color-celery-500-rgb)
+    );
+    --spectrum-global-color-celery-600-rgb: 105, 220, 99;
+    --spectrum-global-color-celery-600: rgb(
+        var(--spectrum-global-color-celery-600-rgb)
+    );
+    --spectrum-global-color-celery-700-rgb: 142, 235, 127;
+    --spectrum-global-color-celery-700: rgb(
+        var(--spectrum-global-color-celery-700-rgb)
+    );
+    --spectrum-global-color-chartreuse-400-rgb: 148, 192, 8;
+    --spectrum-global-color-chartreuse-400: rgb(
+        var(--spectrum-global-color-chartreuse-400-rgb)
+    );
+    --spectrum-global-color-chartreuse-500-rgb: 166, 211, 18;
+    --spectrum-global-color-chartreuse-500: rgb(
+        var(--spectrum-global-color-chartreuse-500-rgb)
+    );
+    --spectrum-global-color-chartreuse-600-rgb: 184, 229, 37;
+    --spectrum-global-color-chartreuse-600: rgb(
+        var(--spectrum-global-color-chartreuse-600-rgb)
+    );
+    --spectrum-global-color-chartreuse-700-rgb: 205, 245, 71;
+    --spectrum-global-color-chartreuse-700: rgb(
+        var(--spectrum-global-color-chartreuse-700-rgb)
+    );
+    --spectrum-global-color-yellow-400-rgb: 228, 194, 0;
+    --spectrum-global-color-yellow-400: rgb(
+        var(--spectrum-global-color-yellow-400-rgb)
+    );
+    --spectrum-global-color-yellow-500-rgb: 244, 213, 0;
+    --spectrum-global-color-yellow-500: rgb(
+        var(--spectrum-global-color-yellow-500-rgb)
+    );
+    --spectrum-global-color-yellow-600-rgb: 249, 232, 92;
+    --spectrum-global-color-yellow-600: rgb(
+        var(--spectrum-global-color-yellow-600-rgb)
+    );
+    --spectrum-global-color-yellow-700-rgb: 252, 246, 187;
+    --spectrum-global-color-yellow-700: rgb(
+        var(--spectrum-global-color-yellow-700-rgb)
+    );
+    --spectrum-global-color-magenta-400-rgb: 222, 61, 130;
+    --spectrum-global-color-magenta-400: rgb(
+        var(--spectrum-global-color-magenta-400-rgb)
+    );
+    --spectrum-global-color-magenta-500-rgb: 237, 87, 149;
+    --spectrum-global-color-magenta-500: rgb(
+        var(--spectrum-global-color-magenta-500-rgb)
+    );
+    --spectrum-global-color-magenta-600-rgb: 249, 114, 167;
+    --spectrum-global-color-magenta-600: rgb(
+        var(--spectrum-global-color-magenta-600-rgb)
+    );
+    --spectrum-global-color-magenta-700-rgb: 255, 143, 185;
+    --spectrum-global-color-magenta-700: rgb(
+        var(--spectrum-global-color-magenta-700-rgb)
+    );
+    --spectrum-global-color-fuchsia-400-rgb: 205, 57, 206;
+    --spectrum-global-color-fuchsia-400: rgb(
+        var(--spectrum-global-color-fuchsia-400-rgb)
+    );
+    --spectrum-global-color-fuchsia-500-rgb: 223, 81, 224;
+    --spectrum-global-color-fuchsia-500: rgb(
+        var(--spectrum-global-color-fuchsia-500-rgb)
+    );
+    --spectrum-global-color-fuchsia-600-rgb: 235, 110, 236;
+    --spectrum-global-color-fuchsia-600: rgb(
+        var(--spectrum-global-color-fuchsia-600-rgb)
+    );
+    --spectrum-global-color-fuchsia-700-rgb: 244, 140, 242;
+    --spectrum-global-color-fuchsia-700: rgb(
+        var(--spectrum-global-color-fuchsia-700-rgb)
+    );
+    --spectrum-global-color-purple-400-rgb: 157, 87, 243;
+    --spectrum-global-color-purple-400: rgb(
+        var(--spectrum-global-color-purple-400-rgb)
+    );
+    --spectrum-global-color-purple-500-rgb: 172, 111, 249;
+    --spectrum-global-color-purple-500: rgb(
+        var(--spectrum-global-color-purple-500-rgb)
+    );
+    --spectrum-global-color-purple-600-rgb: 187, 135, 251;
+    --spectrum-global-color-purple-600: rgb(
+        var(--spectrum-global-color-purple-600-rgb)
+    );
+    --spectrum-global-color-purple-700-rgb: 202, 159, 252;
+    --spectrum-global-color-purple-700: rgb(
+        var(--spectrum-global-color-purple-700-rgb)
+    );
+    --spectrum-global-color-indigo-400-rgb: 104, 109, 244;
+    --spectrum-global-color-indigo-400: rgb(
+        var(--spectrum-global-color-indigo-400-rgb)
+    );
+    --spectrum-global-color-indigo-500-rgb: 124, 129, 251;
+    --spectrum-global-color-indigo-500: rgb(
+        var(--spectrum-global-color-indigo-500-rgb)
+    );
+    --spectrum-global-color-indigo-600-rgb: 145, 149, 255;
+    --spectrum-global-color-indigo-600: rgb(
+        var(--spectrum-global-color-indigo-600-rgb)
+    );
+    --spectrum-global-color-indigo-700-rgb: 167, 170, 255;
+    --spectrum-global-color-indigo-700: rgb(
+        var(--spectrum-global-color-indigo-700-rgb)
+    );
+    --spectrum-global-color-seafoam-400-rgb: 0, 158, 152;
+    --spectrum-global-color-seafoam-400: rgb(
+        var(--spectrum-global-color-seafoam-400-rgb)
+    );
+    --spectrum-global-color-seafoam-500-rgb: 3, 178, 171;
+    --spectrum-global-color-seafoam-500: rgb(
+        var(--spectrum-global-color-seafoam-500-rgb)
+    );
+    --spectrum-global-color-seafoam-600-rgb: 54, 197, 189;
+    --spectrum-global-color-seafoam-600: rgb(
+        var(--spectrum-global-color-seafoam-600-rgb)
+    );
+    --spectrum-global-color-seafoam-700-rgb: 93, 214, 207;
+    --spectrum-global-color-seafoam-700: rgb(
+        var(--spectrum-global-color-seafoam-700-rgb)
+    );
+    --spectrum-global-color-red-400-rgb: 234, 56, 41;
+    --spectrum-global-color-red-400: rgb(
+        var(--spectrum-global-color-red-400-rgb)
+    );
+    --spectrum-global-color-red-500-rgb: 246, 88, 67;
+    --spectrum-global-color-red-500: rgb(
+        var(--spectrum-global-color-red-500-rgb)
+    );
+    --spectrum-global-color-red-600-rgb: 255, 117, 94;
+    --spectrum-global-color-red-600: rgb(
+        var(--spectrum-global-color-red-600-rgb)
+    );
+    --spectrum-global-color-red-700-rgb: 255, 149, 129;
+    --spectrum-global-color-red-700: rgb(
+        var(--spectrum-global-color-red-700-rgb)
+    );
+    --spectrum-global-color-orange-400-rgb: 244, 129, 12;
+    --spectrum-global-color-orange-400: rgb(
+        var(--spectrum-global-color-orange-400-rgb)
+    );
+    --spectrum-global-color-orange-500-rgb: 254, 154, 46;
+    --spectrum-global-color-orange-500: rgb(
+        var(--spectrum-global-color-orange-500-rgb)
+    );
+    --spectrum-global-color-orange-600-rgb: 255, 181, 88;
+    --spectrum-global-color-orange-600: rgb(
+        var(--spectrum-global-color-orange-600-rgb)
+    );
+    --spectrum-global-color-orange-700-rgb: 253, 206, 136;
+    --spectrum-global-color-orange-700: rgb(
+        var(--spectrum-global-color-orange-700-rgb)
+    );
+    --spectrum-global-color-green-400-rgb: 18, 162, 108;
+    --spectrum-global-color-green-400: rgb(
+        var(--spectrum-global-color-green-400-rgb)
+    );
+    --spectrum-global-color-green-500-rgb: 43, 180, 125;
+    --spectrum-global-color-green-500: rgb(
+        var(--spectrum-global-color-green-500-rgb)
+    );
+    --spectrum-global-color-green-600-rgb: 67, 199, 143;
+    --spectrum-global-color-green-600: rgb(
+        var(--spectrum-global-color-green-600-rgb)
+    );
+    --spectrum-global-color-green-700-rgb: 94, 217, 162;
+    --spectrum-global-color-green-700: rgb(
+        var(--spectrum-global-color-green-700-rgb)
+    );
+    --spectrum-global-color-blue-400-rgb: 52, 143, 244;
+    --spectrum-global-color-blue-400: rgb(
+        var(--spectrum-global-color-blue-400-rgb)
+    );
+    --spectrum-global-color-blue-500-rgb: 84, 163, 246;
+    --spectrum-global-color-blue-500: rgb(
+        var(--spectrum-global-color-blue-500-rgb)
+    );
+    --spectrum-global-color-blue-600-rgb: 114, 183, 249;
+    --spectrum-global-color-blue-600: rgb(
+        var(--spectrum-global-color-blue-600-rgb)
+    );
+    --spectrum-global-color-blue-700-rgb: 143, 202, 252;
+    --spectrum-global-color-blue-700: rgb(
+        var(--spectrum-global-color-blue-700-rgb)
+    );
+    --spectrum-global-color-gray-50-rgb: 29, 29, 29;
+    --spectrum-global-color-gray-50: rgb(
+        var(--spectrum-global-color-gray-50-rgb)
+    );
+    --spectrum-global-color-gray-75-rgb: 38, 38, 38;
+    --spectrum-global-color-gray-75: rgb(
+        var(--spectrum-global-color-gray-75-rgb)
+    );
+    --spectrum-global-color-gray-100-rgb: 50, 50, 50;
+    --spectrum-global-color-gray-100: rgb(
+        var(--spectrum-global-color-gray-100-rgb)
+    );
+    --spectrum-global-color-gray-200-rgb: 63, 63, 63;
+    --spectrum-global-color-gray-200: rgb(
+        var(--spectrum-global-color-gray-200-rgb)
+    );
+    --spectrum-global-color-gray-300-rgb: 84, 84, 84;
+    --spectrum-global-color-gray-300: rgb(
+        var(--spectrum-global-color-gray-300-rgb)
+    );
+    --spectrum-global-color-gray-400-rgb: 112, 112, 112;
+    --spectrum-global-color-gray-400: rgb(
+        var(--spectrum-global-color-gray-400-rgb)
+    );
+    --spectrum-global-color-gray-500-rgb: 144, 144, 144;
+    --spectrum-global-color-gray-500: rgb(
+        var(--spectrum-global-color-gray-500-rgb)
+    );
+    --spectrum-global-color-gray-600-rgb: 178, 178, 178;
+    --spectrum-global-color-gray-600: rgb(
+        var(--spectrum-global-color-gray-600-rgb)
+    );
+    --spectrum-global-color-gray-700-rgb: 209, 209, 209;
+    --spectrum-global-color-gray-700: rgb(
+        var(--spectrum-global-color-gray-700-rgb)
+    );
+    --spectrum-global-color-gray-800-rgb: 235, 235, 235;
+    --spectrum-global-color-gray-800: rgb(
+        var(--spectrum-global-color-gray-800-rgb)
+    );
+    --spectrum-global-color-gray-900-rgb: 255, 255, 255;
+    --spectrum-global-color-gray-900: rgb(
+        var(--spectrum-global-color-gray-900-rgb)
+    );
     --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);
@@ -104,6 +280,30 @@ governing permissions and limitations under the License.
         100%,
         0.1
     );
+    --spectrum-alias-transparent-blue-background-color-default: rgba(
+        124,
+        129,
+        251,
+        0.15
+    );
+    --spectrum-alias-transparent-blue-background-color-hover: rgba(
+        145,
+        149,
+        255,
+        0.15
+    );
+    --spectrum-alias-transparent-blue-background-color-down: rgba(
+        167,
+        170,
+        255,
+        0.15
+    );
+    --spectrum-alias-transparent-blue-background-color-key-focus: rgba(
+        145,
+        149,
+        255,
+        0.15
+    );
     --spectrum-alias-border-color-selected: hsla(0, 0%, 100%, 0.9);
     --spectrum-alias-background-color-primary: var(
         --spectrum-global-color-gray-100
@@ -119,10 +319,10 @@ governing permissions and limitations under the License.
     --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-highlight-selected: rgba(84, 163, 246, 0.15);
+    --spectrum-alias-highlight-selected-hover: rgba(84, 163, 246, 0.25);
+    --spectrum-alias-text-highlight-color: rgba(84, 163, 246, 0.25);
+    --spectrum-alias-background-color-quickactions: rgba(50, 50, 50, 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(
@@ -299,4 +499,3 @@ governing permissions and limitations under the License.
     --spectrum-well-background-color: hsla(0, 0%, 92%, 0.02);
     --spectrum-well-border-color: hsla(0, 0%, 100%, 0.05);
 }
-/* stylelint-enable */