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

package/tokens/express/custom-vars.css

@@ -1,15 +1,14 @@
-/*!
- * Copyright 2023 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.
- */
+/*
+Copyright 2023 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.
+*/
 
 :host,
 :root {

package/tokens/express/global-vars.css

@@ -1,3 +1,15 @@
+/*
+Copyright 2023 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.
+*/
+
 :host,
 :root {
     --spectrum-neutral-background-color-selected-default: var(
@@ -10,22 +22,11 @@
     --spectrum-neutral-background-color-selected-key-focus: var(
         --spectrum-gray-900
     );
-    --spectrum-color-handle-inner-border-opacity: 0.15;
     --spectrum-color-handle-drop-shadow-color: var(
         --spectrum-drop-shadow-color
     );
     --spectrum-slider-track-thickness: 4px;
     --spectrum-slider-handle-gap: 0px;
-    --spectrum-color-loupe-bottom-to-color-handle: 6px;
-    --spectrum-color-loupe-inner-border-width: 3px;
-    --spectrum-color-handle-outer-border-width: 0px;
-    --spectrum-color-handle-drop-shadow-x: var(--spectrum-drop-shadow-x);
-    --spectrum-color-handle-drop-shadow-y: var(
-        --spectrum-color-loupe-drop-shadow-y
-    );
-    --spectrum-color-handle-drop-shadow-blur: var(
-        --spectrum-color-loupe-drop-shadow-blur
-    );
     --spectrum-border-width-100: 2px;
     --spectrum-accent-color-100: var(--spectrum-indigo-100);
     --spectrum-accent-color-200: var(--spectrum-indigo-200);
@@ -53,17 +54,6 @@
         --spectrum-black-font-weight
     );
 }
-/*!
-Copyright 2023 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.
-*/
 
 :host,
 :root {
@@ -305,27 +295,6 @@ governing permissions and limitations under the License.
     );
     --system-spectrum-actionbutton-staticwhite-selected-border-color-disabled: transparent;
 }
-/*!
-Copyright 2023 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.
-*/
-/*!
-Copyright 2023 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.
-*/
 
 :host,
 :root {
@@ -343,17 +312,6 @@ governing permissions and limitations under the License.
         --spectrum-gray-900
     );
 }
-/*!
-Copyright 2023 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.
-*/
 
 :host,
 :root {
@@ -1099,16 +1057,6 @@ governing permissions and limitations under the License.
         --spectrum-disabled-static-black-content-color
     );
 }
-/*!
-Copyright 2023 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.
-*/
 
 :host,
 :root {
@@ -1123,17 +1071,7 @@ governing permissions and limitations under the License.
         --spectrum-gray-300
     );
 }
-/*!
-Copyright 2023 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.
-*/
 :host,
 :root {
     --system-spectrum-radio-button-border-color-default: var(
@@ -1167,17 +1105,6 @@ governing permissions and limitations under the License.
         --spectrum-accent-color-1000
     );
 }
-/*!
-Copyright 2023 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.
-*/
 
 :host,
 :root {
@@ -1216,33 +1143,13 @@ governing permissions and limitations under the License.
         --spectrum-gray-900
     );
 }
-/*!
-Copyright 2023 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.
-*/
+
 :host,
 :root {
     --system-spectrum-toast-background-color-default: var(
         --spectrum-neutral-background-color-default
     );
 }
-/*!
-Copyright 2023 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.
-*/
 
 :host,
 :root {
@@ -1254,102 +1161,6 @@ governing permissions and limitations under the License.
         -1px * var(--spectrum-spacing-50)
     );
 }
-/*!
-Copyright 2023 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.
-*/
-
-/*!
-Copyright 2023 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.
-*/
-/*!
-Copyright 2023 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.
-*/
-/*!
-Copyright 2023 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.
-*/
-/*!
-Copyright 2023 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.
-*/
-/*!
-Copyright 2023 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.
-*/
-/*!
-Copyright 2023 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.
-*/
-/*!
-Copyright 2023 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.
-*/
-/*!
-Copyright 2023 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.
-*/
 
 :host,
 :root {
@@ -1445,26 +1256,6 @@ governing permissions and limitations under the License.
     );
 }
 
-/*!
-Copyright 2023 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.
-*/
-/*!
-Copyright 2023 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.
-*/
 :host,
 :root {
     --system-spectrum-picker-background-color-default: var(--spectrum-gray-200);
@@ -1486,34 +1277,93 @@ governing permissions and limitations under the License.
     --system-spectrum-picker-border-color-active: transparent;
     --system-spectrum-picker-border-color-key-focus: transparent;
 }
-/*!
-Copyright 2023 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.
-*/
-/*!
-Copyright 2023 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.
-*/
-/*!
-Copyright 2023 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.
-*/
+:host,
+:root {
+    --system-spectrum-slider-track-color: var(--spectrum-gray-200);
+    --system-spectrum-slider-track-fill-color: var(--spectrum-gray-600);
+    --system-spectrum-slider-ramp-track-color: var(--spectrum-gray-300);
+    --system-spectrum-slider-ramp-track-color-disabled: var(
+        --spectrum-gray-200
+    );
+    --system-spectrum-slider-handle-background-color: var(--spectrum-gray-50);
+    --system-spectrum-slider-handle-background-color-disabled: var(
+        --spectrum-gray-50
+    );
+    --system-spectrum-slider-ramp-handle-background-color: var(
+        --spectrum-gray-50
+    );
+    --system-spectrum-slider-ticks-handle-background-color: var(
+        --spectrum-gray-50
+    );
+    --system-spectrum-slider-handle-border-color: var(--spectrum-gray-800);
+    --system-spectrum-slider-handle-disabled-background-color: var(
+        --spectrum-gray-50
+    );
+    --system-spectrum-slider-tick-mark-color: var(--spectrum-gray-200);
+    --system-spectrum-slider-handle-border-color-hover: var(
+        --spectrum-gray-900
+    );
+    --system-spectrum-slider-handle-border-color-down: var(--spectrum-gray-900);
+    --system-spectrum-slider-handle-border-color-key-focus: var(
+        --spectrum-gray-900
+    );
+    --system-spectrum-slider-handle-focus-ring-color-key-focus: var(
+        --spectrum-focus-indicator-color
+    );
+}
+
+:host,
+:root {
+    --system-spectrum-popover-border-width: 0;
+}
+
+:host,
+:root {
+    --system-spectrum-stepper-border-width: var(--spectrum-border-width-200);
+    --system-spectrum-stepper-button-border-width-reset: 0;
+    --system-spectrum-stepper-button-icon-nudge: calc(
+        -1 * var(--spectrum-stepper-button-border-radius-reset)
+    );
+    --system-spectrum-stepper-button-gap-reset: var(
+        --spectrum-border-width-200
+    );
+    --system-spectrum-stepper-button-border-radius-reset: calc(
+        var(--spectrum-corner-radius-100) - var(--spectrum-border-width-200) * 2
+    );
+    --system-spectrum-stepper-border-color: var(--spectrum-gray-400);
+    --system-spectrum-stepper-border-color-hover: var(--spectrum-gray-500);
+    --system-spectrum-stepper-border-color-focus: var(--spectrum-gray-800);
+    --system-spectrum-stepper-border-color-focus-hover: var(
+        --spectrum-gray-900
+    );
+    --system-spectrum-stepper-border-color-keyboard-focus: var(
+        --spectrum-gray-900
+    );
+    --system-spectrum-stepper-button-background-color-default: var(
+        --spectrum-gray-200
+    );
+    --system-spectrum-stepper-button-background-color-hover: var(
+        --spectrum-gray-300
+    );
+    --system-spectrum-stepper-button-background-color-focus: var(
+        --spectrum-gray-400
+    );
+    --system-spectrum-stepper-button-background-color-keyboard-focus: var(
+        --spectrum-gray-300
+    );
+}
+
+:host,
+:root {
+    --system-spectrum-textfield-border-color: var(--spectrum-gray-400);
+    --system-spectrum-textfield-border-color-hover: var(--spectrum-gray-500);
+    --system-spectrum-textfield-border-color-focus: var(--spectrum-gray-800);
+    --system-spectrum-textfield-border-color-focus-hover: var(
+        --spectrum-gray-900
+    );
+    --system-spectrum-textfield-border-color-keyboard-focus: var(
+        --spectrum-gray-900
+    );
+    --system-spectrum-textfield-border-width: var(--spectrum-border-width-200);
+}

package/tokens/express/large-vars.css

@@ -64,10 +64,6 @@ governing permissions and limitations under the License.
     --spectrum-slider-bottom-to-handle-medium: 8px;
     --spectrum-slider-bottom-to-handle-large: 12px;
     --spectrum-slider-bottom-to-handle-extra-large: 15px;
-    --spectrum-color-loupe-height: 50px;
-    --spectrum-color-loupe-width: 40px;
-    --spectrum-color-handle-size: 24px;
-    --spectrum-color-handle-size-key-focus: 48px;
     --spectrum-corner-radius-75: 4px;
     --spectrum-corner-radius-100: 8px;
     --spectrum-corner-radius-200: 16px;

package/tokens/express/medium-vars.css

@@ -64,10 +64,6 @@ governing permissions and limitations under the License.
     --spectrum-slider-bottom-to-handle-medium: 6px;
     --spectrum-slider-bottom-to-handle-large: 9px;
     --spectrum-slider-bottom-to-handle-extra-large: 12px;
-    --spectrum-color-loupe-height: 40px;
-    --spectrum-color-loupe-width: 32px;
-    --spectrum-color-handle-size: 20px;
-    --spectrum-color-handle-size-key-focus: 40px;
     --spectrum-corner-radius-75: 3px;
     --spectrum-corner-radius-100: 6px;
     --spectrum-corner-radius-200: 12px;

package/tokens/global-vars.css

@@ -1,15 +1,14 @@
-/*!
- * Copyright 2023 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.
- */
+/*
+Copyright 2023 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.
+*/
 
 :host,
 :root {
@@ -114,6 +113,13 @@
     --spectrum-drop-zone-background-color-opacity-filled: 0.3;
     --spectrum-coach-mark-pagination-color: var(--spectrum-gray-600);
     --spectrum-color-handle-inner-border-color: var(--spectrum-black);
+    --spectrum-color-handle-inner-border-opacity: 0.42;
+    --spectrum-color-handle-outer-border-opacity: var(
+        --spectrum-color-handle-inner-border-opacity
+    );
+    --spectrum-floating-action-button-shadow-color: var(
+        --spectrum-transparent-black-300
+    );
     --spectrum-white-rgb: 255, 255, 255;
     --spectrum-white: rgba(var(--spectrum-white-rgb));
     --spectrum-transparent-white-100-rgb: 255, 255, 255;
@@ -272,9 +278,14 @@
     --spectrum-color-slider-border-width: 1px;
     --spectrum-color-slider-border-rounding: 4px;
     --spectrum-floating-action-button-drop-shadow-blur: 12px;
+    --spectrum-floating-action-button-drop-shadow-y: 4px;
     --spectrum-illustrated-message-maximum-width: 380px;
     --spectrum-search-field-minimum-width-multiplier: 3;
+    --spectrum-color-loupe-height: 64px;
+    --spectrum-color-loupe-width: 48px;
+    --spectrum-color-loupe-bottom-to-color-handle: 12px;
     --spectrum-color-loupe-outer-border-width: var(--spectrum-border-width-200);
+    --spectrum-color-loupe-inner-border-width: 1px;
     --spectrum-card-minimum-width: 100px;
     --spectrum-card-preview-minimum-height: 130px;
     --spectrum-card-selection-background-size: 40px;
@@ -295,6 +306,10 @@
     );
     --spectrum-color-handle-border-width: var(--spectrum-border-width-200);
     --spectrum-color-handle-inner-border-width: 1px;
+    --spectrum-color-handle-outer-border-width: 1px;
+    --spectrum-color-handle-drop-shadow-x: 0;
+    --spectrum-color-handle-drop-shadow-y: 0;
+    --spectrum-color-handle-drop-shadow-blur: 0;
     --spectrum-android-elevation: 2dp;
     --spectrum-spacing-50: 2px;
     --spectrum-spacing-75: 4px;

package/tokens/large-vars.css

@@ -1,15 +1,14 @@
-/*!
- * Copyright 2023 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.
- */
+/*
+Copyright 2023 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.
+*/
 
 :host,
 :root {
@@ -92,6 +91,10 @@
     --spectrum-menu-item-top-to-selected-icon-medium: 13px;
     --spectrum-menu-item-top-to-selected-icon-large: 17px;
     --spectrum-menu-item-top-to-selected-icon-extra-large: 22px;
+    --spectrum-slider-control-to-field-label-small: 6px;
+    --spectrum-slider-control-to-field-label-medium: 10px;
+    --spectrum-slider-control-to-field-label-large: 14px;
+    --spectrum-slider-control-to-field-label-extra-large: 17px;
     --spectrum-picker-visual-to-disclosure-icon-small: 9px;
     --spectrum-picker-visual-to-disclosure-icon-medium: 10px;
     --spectrum-picker-visual-to-disclosure-icon-large: 11px;
@@ -117,6 +120,8 @@
     --spectrum-alert-dialog-title-size: var(--spectrum-heading-size-xs);
     --spectrum-alert-dialog-description-size: var(--spectrum-body-size-xs);
     --spectrum-opacity-checkerboard-square-size: 10px;
+    --spectrum-contextual-help-title-size: var(--spectrum-heading-size-xxs);
+    --spectrum-contextual-help-body-size: var(--spectrum-heading-size-xs);
     --spectrum-breadcrumbs-height-multiline: 84px;
     --spectrum-breadcrumbs-top-to-text: 17px;
     --spectrum-breadcrumbs-top-to-text-compact: 16px;
@@ -199,6 +204,18 @@
     --spectrum-accordion-focus-indicator-gap: 0px;
     --spectrum-accordion-content-area-top-to-content: 10px;
     --spectrum-accordion-content-area-bottom-to-content: 20px;
+    --spectrum-color-handle-size: 20px;
+    --spectrum-color-handle-size-key-focus: 40px;
+    --spectrum-side-navigation-width: 240px;
+    --spectrum-side-navigation-minimum-width: 200px;
+    --spectrum-side-navigation-maximum-width: 300px;
+    --spectrum-side-navigation-second-level-edge-to-text: 30px;
+    --spectrum-side-navigation-third-level-edge-to-text: 45px;
+    --spectrum-side-navigation-with-icon-second-level-edge-to-text: 62px;
+    --spectrum-side-navigation-with-icon-third-level-edge-to-text: 77px;
+    --spectrum-side-navigation-item-to-item: 5px;
+    --spectrum-side-navigation-item-to-header: 20px;
+    --spectrum-tray-top-to-content-area: 5px;
     --spectrum-workflow-icon-size-50: 18px;
     --spectrum-workflow-icon-size-75: 20px;
     --spectrum-workflow-icon-size-100: 22px;

package/tokens/light-vars.css

@@ -1,15 +1,14 @@
-/*!
- * Copyright 2023 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.
- */
+/*
+Copyright 2023 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.
+*/
 
 :host,
 :root {