@spectrum-web-components/styles 0.33.2 → 0.33.3-overlay.65

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/styles",
-    "version": "0.33.2",
+    "version": "0.33.3-overlay.65+e3bf25c5c",
     "publishConfig": {
         "access": "public"
     },
@@ -104,19 +104,19 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.33.2"
+        "@spectrum-web-components/base": "^0.33.3-overlay.65+e3bf25c5c"
     },
     "devDependencies": {
-        "@spectrum-css/commons": "^7.0.6",
-        "@spectrum-css/expressvars": "^3.0.5",
-        "@spectrum-css/tokens": "^10.0.0",
-        "@spectrum-css/typography": "^5.0.17",
-        "@spectrum-css/vars": "^9.0.5"
+        "@spectrum-css/commons": "^7.0.8",
+        "@spectrum-css/expressvars": "^3.0.8",
+        "@spectrum-css/tokens": "^10.2.0",
+        "@spectrum-css/typography": "^5.0.23",
+        "@spectrum-css/vars": "^9.0.8"
     },
     "customElements": "custom-elements.json",
     "sideEffects": [
         "./**/*.css"
     ],
     "style": "all-medium-lightest.css",
-    "gitHead": "6d5d6b3c31d92a058202a242a283125d25131f81"
+    "gitHead": "e3bf25c5c6676cb5ade2ca9ea633540cb08aee23"
 }

package/tokens/global-vars.css

@@ -17,6 +17,12 @@ governing permissions and limitations under the License.
     --spectrum-static-black-focus-indicator-color: var(--spectrum-black);
     --spectrum-overlay-color: var(--spectrum-black);
     --spectrum-opacity-disabled: 0.3;
+    --spectrum-neutral-subdued-content-color-selected: var(
+        --spectrum-neutral-subdued-content-color-down
+    );
+    --spectrum-accent-content-color-selected: var(
+        --spectrum-accent-content-color-down
+    );
     --spectrum-disabled-background-color: var(--spectrum-gray-200);
     --spectrum-disabled-static-white-background-color: var(
         --spectrum-transparent-white-200
@@ -117,9 +123,12 @@ governing permissions and limitations under the License.
     --spectrum-color-handle-outer-border-opacity: var(
         --spectrum-color-handle-inner-border-opacity
     );
-    --spectrum-floating-action-button-shadow-color: var(
+    --spectrum-floating-action-button-drop-shadow-color: var(
         --spectrum-transparent-black-300
     );
+    --spectrum-floating-action-button-shadow-color: var(
+        --spectrum-floating-action-button-drop-shadow-color
+    );
     --spectrum-white-rgb: 255, 255, 255;
     --spectrum-white: rgba(var(--spectrum-white-rgb));
     --spectrum-transparent-white-100-rgb: 255, 255, 255;
@@ -249,7 +258,10 @@ governing permissions and limitations under the License.
     --spectrum-popover-tip-height: 8px;
     --spectrum-menu-item-label-to-description: 1px;
     --spectrum-picker-minimum-width-multiplier: 2;
-    --spectrum-picker-end-edge-to-disclousure-icon-quiet: 0px;
+    --spectrum-picker-end-edge-to-disclousure-icon-quiet: var(
+        --spectrum-picker-end-edge-to-disclosure-icon-quiet
+    );
+    --spectrum-picker-end-edge-to-disclosure-icon-quiet: 0px;
     --spectrum-text-field-minimum-width-multiplier: 1.5;
     --spectrum-combo-box-minimum-width-multiplier: 2.5;
     --spectrum-combo-box-quiet-minimum-width-multiplier: 2;
@@ -310,6 +322,25 @@ governing permissions and limitations under the License.
     --spectrum-color-handle-drop-shadow-x: 0;
     --spectrum-color-handle-drop-shadow-y: 0;
     --spectrum-color-handle-drop-shadow-blur: 0;
+    --spectrum-tab-item-height-small: var(--spectrum-component-height-200);
+    --spectrum-tab-item-height-medium: var(--spectrum-component-height-300);
+    --spectrum-tab-item-height-large: var(--spectrum-component-height-400);
+    --spectrum-tab-item-height-extra-large: var(
+        --spectrum-component-height-500
+    );
+    --spectrum-tab-item-compact-height-small: var(
+        --spectrum-component-height-75
+    );
+    --spectrum-tab-item-compact-height-medium: var(
+        --spectrum-component-height-100
+    );
+    --spectrum-tab-item-compact-height-large: var(
+        --spectrum-component-height-200
+    );
+    --spectrum-tab-item-compact-height-extra-large: var(
+        --spectrum-component-height-300
+    );
+    --spectrum-tab-item-start-to-edge-quiet: 0px;
     --spectrum-android-elevation: 2dp;
     --spectrum-spacing-50: 2px;
     --spectrum-spacing-75: 4px;

package/tokens/large-vars.css

@@ -206,6 +206,46 @@ governing permissions and limitations under the License.
     --spectrum-accordion-content-area-bottom-to-content: 20px;
     --spectrum-color-handle-size: 20px;
     --spectrum-color-handle-size-key-focus: 40px;
+    --spectrum-tab-item-to-tab-item-horizontal-small: 27px;
+    --spectrum-tab-item-to-tab-item-horizontal-medium: 30px;
+    --spectrum-tab-item-to-tab-item-horizontal-large: 33px;
+    --spectrum-tab-item-to-tab-item-horizontal-extra-large: 36px;
+    --spectrum-tab-item-to-tab-item-vertical-small: 5px;
+    --spectrum-tab-item-to-tab-item-vertical-medium: 5px;
+    --spectrum-tab-item-to-tab-item-vertical-large: 6px;
+    --spectrum-tab-item-to-tab-item-vertical-extra-large: 6px;
+    --spectrum-tab-item-start-to-edge-small: 13px;
+    --spectrum-tab-item-start-to-edge-medium: 15px;
+    --spectrum-tab-item-start-to-edge-large: 17px;
+    --spectrum-tab-item-start-to-edge-extra-large: 19px;
+    --spectrum-tab-item-top-to-text-small: 14px;
+    --spectrum-tab-item-bottom-to-text-small: 15px;
+    --spectrum-tab-item-top-to-text-medium: 18px;
+    --spectrum-tab-item-bottom-to-text-medium: 19px;
+    --spectrum-tab-item-top-to-text-large: 22px;
+    --spectrum-tab-item-bottom-to-text-large: 22px;
+    --spectrum-tab-item-top-to-text-extra-large: 25px;
+    --spectrum-tab-item-bottom-to-text-extra-large: 25px;
+    --spectrum-tab-item-top-to-text-compact-small: 5px;
+    --spectrum-tab-item-bottom-to-text-compact-small: 6px;
+    --spectrum-tab-item-top-to-text-compact-medium: 9px;
+    --spectrum-tab-item-bottom-to-text-compact-medium: 10px;
+    --spectrum-tab-item-top-to-text-compact-large: 12px;
+    --spectrum-tab-item-bottom-to-text-compact-large: 14px;
+    --spectrum-tab-item-top-to-text-compact-extra-large: 15px;
+    --spectrum-tab-item-bottom-to-text-compact-extra-large: 17px;
+    --spectrum-tab-item-top-to-workflow-icon-small: 15px;
+    --spectrum-tab-item-top-to-workflow-icon-medium: 19px;
+    --spectrum-tab-item-top-to-workflow-icon-large: 23px;
+    --spectrum-tab-item-top-to-workflow-icon-extra-large: 26px;
+    --spectrum-tab-item-top-to-workflow-icon-compact-small: 5px;
+    --spectrum-tab-item-top-to-workflow-icon-compact-medium: 9px;
+    --spectrum-tab-item-top-to-workflow-icon-compact-large: 13px;
+    --spectrum-tab-item-top-to-workflow-icon-compact-extra-large: 16px;
+    --spectrum-tab-item-focus-indicator-gap-small: 9px;
+    --spectrum-tab-item-focus-indicator-gap-medium: 10px;
+    --spectrum-tab-item-focus-indicator-gap-large: 11px;
+    --spectrum-tab-item-focus-indicator-gap-extra-large: 12px;
     --spectrum-side-navigation-width: 240px;
     --spectrum-side-navigation-minimum-width: 200px;
     --spectrum-side-navigation-maximum-width: 300px;

package/tokens/medium-vars.css

@@ -203,6 +203,46 @@ governing permissions and limitations under the License.
     --spectrum-accordion-content-area-bottom-to-content: 16px;
     --spectrum-color-handle-size: 16px;
     --spectrum-color-handle-size-key-focus: 32px;
+    --spectrum-tab-item-to-tab-item-horizontal-small: 21px;
+    --spectrum-tab-item-to-tab-item-horizontal-medium: 24px;
+    --spectrum-tab-item-to-tab-item-horizontal-large: 27px;
+    --spectrum-tab-item-to-tab-item-horizontal-extra-large: 30px;
+    --spectrum-tab-item-to-tab-item-vertical-small: 4px;
+    --spectrum-tab-item-to-tab-item-vertical-medium: 4px;
+    --spectrum-tab-item-to-tab-item-vertical-large: 5px;
+    --spectrum-tab-item-to-tab-item-vertical-extra-large: 5px;
+    --spectrum-tab-item-start-to-edge-small: 12px;
+    --spectrum-tab-item-start-to-edge-medium: 12px;
+    --spectrum-tab-item-start-to-edge-large: 13px;
+    --spectrum-tab-item-start-to-edge-extra-large: 13px;
+    --spectrum-tab-item-top-to-text-small: 11px;
+    --spectrum-tab-item-bottom-to-text-small: 12px;
+    --spectrum-tab-item-top-to-text-medium: 14px;
+    --spectrum-tab-item-bottom-to-text-medium: 14px;
+    --spectrum-tab-item-top-to-text-large: 16px;
+    --spectrum-tab-item-bottom-to-text-large: 18px;
+    --spectrum-tab-item-top-to-text-extra-large: 19px;
+    --spectrum-tab-item-bottom-to-text-extra-large: 20px;
+    --spectrum-tab-item-top-to-text-compact-small: 4px;
+    --spectrum-tab-item-bottom-to-text-compact-small: 5px;
+    --spectrum-tab-item-top-to-text-compact-medium: 6px;
+    --spectrum-tab-item-bottom-to-text-compact-medium: 8px;
+    --spectrum-tab-item-top-to-text-compact-large: 10px;
+    --spectrum-tab-item-bottom-to-text-compact-large: 12px;
+    --spectrum-tab-item-top-to-text-compact-extra-large: 12px;
+    --spectrum-tab-item-bottom-to-text-compact-extra-large: 13px;
+    --spectrum-tab-item-top-to-workflow-icon-small: 13px;
+    --spectrum-tab-item-top-to-workflow-icon-medium: 15px;
+    --spectrum-tab-item-top-to-workflow-icon-large: 17px;
+    --spectrum-tab-item-top-to-workflow-icon-extra-large: 19px;
+    --spectrum-tab-item-top-to-workflow-icon-compact-small: 3px;
+    --spectrum-tab-item-top-to-workflow-icon-compact-medium: 7px;
+    --spectrum-tab-item-top-to-workflow-icon-compact-large: 9px;
+    --spectrum-tab-item-top-to-workflow-icon-compact-extra-large: 11px;
+    --spectrum-tab-item-focus-indicator-gap-small: 7px;
+    --spectrum-tab-item-focus-indicator-gap-medium: 8px;
+    --spectrum-tab-item-focus-indicator-gap-large: 9px;
+    --spectrum-tab-item-focus-indicator-gap-extra-large: 10px;
     --spectrum-side-navigation-width: 192px;
     --spectrum-side-navigation-minimum-width: 160px;
     --spectrum-side-navigation-maximum-width: 240px;

package/tokens/spectrum/custom-large-vars.css

@@ -52,4 +52,11 @@ governing permissions and limitations under the License.
     --spectrum-button-bottom-to-text-large: 13px;
     --spectrum-button-top-to-text-extra-large: 16px;
     --spectrum-button-bottom-to-text-extra-large: 17px;
+
+    --spectrum-alert-banner-close-button-spacing: var(--spectrum-spacing-200);
+    --spectrum-alert-banner-edge-to-divider: var(--spectrum-spacing-200);
+    --spectrum-alert-banner-edge-to-button: var(--spectrum-spacing-200);
+    --spectrum-alert-banner-text-to-button-vertical: var(
+        --spectrum-spacing-200
+    );
 }

package/tokens/spectrum/custom-medium-vars.css

@@ -52,4 +52,11 @@ governing permissions and limitations under the License.
     --spectrum-button-bottom-to-text-large: 10px;
     --spectrum-button-top-to-text-extra-large: 13px;
     --spectrum-button-bottom-to-text-extra-large: 13px;
+
+    --spectrum-alert-banner-close-button-spacing: var(--spectrum-spacing-100);
+    --spectrum-alert-banner-edge-to-divider: var(--spectrum-spacing-100);
+    --spectrum-alert-banner-edge-to-button: var(--spectrum-spacing-100);
+    --spectrum-alert-banner-text-to-button-vertical: var(
+        --spectrum-spacing-100
+    );
 }