@spectrum-web-components/styles 0.11.2-express.0 → 0.11.4-express.12

package/express/core-global.css

@@ -127,6 +127,57 @@ governing permissions and limitations under the License.
     --spectrum-global-color-static-magenta-800: #970049;
     --spectrum-global-color-static-black: #000;
     --spectrum-global-color-static-white: #fff;
+    --spectrum-global-color-static-transparent-white-200: hsla(
+        0,
+        0%,
+        100%,
+        0.1
+    );
+    --spectrum-global-color-static-transparent-white-300: hsla(
+        0,
+        0%,
+        100%,
+        0.25
+    );
+    --spectrum-global-color-static-transparent-white-400: hsla(
+        0,
+        0%,
+        100%,
+        0.4
+    );
+    --spectrum-global-color-static-transparent-white-500: hsla(
+        0,
+        0%,
+        100%,
+        0.55
+    );
+    --spectrum-global-color-static-transparent-white-600: hsla(
+        0,
+        0%,
+        100%,
+        0.7
+    );
+    --spectrum-global-color-static-transparent-white-700: hsla(
+        0,
+        0%,
+        100%,
+        0.8
+    );
+    --spectrum-global-color-static-transparent-white-800: hsla(
+        0,
+        0%,
+        100%,
+        0.9
+    );
+    --spectrum-global-color-static-transparent-white-900: #fff;
+    --spectrum-global-color-static-transparent-black-200: rgba(0, 0, 0, 0.1);
+    --spectrum-global-color-static-transparent-black-300: rgba(0, 0, 0, 0.25);
+    --spectrum-global-color-static-transparent-black-400: rgba(0, 0, 0, 0.4);
+    --spectrum-global-color-static-transparent-black-500: rgba(0, 0, 0, 0.55);
+    --spectrum-global-color-static-transparent-black-600: rgba(0, 0, 0, 0.7);
+    --spectrum-global-color-static-transparent-black-700: rgba(0, 0, 0, 0.8);
+    --spectrum-global-color-static-transparent-black-800: rgba(0, 0, 0, 0.9);
+    --spectrum-global-color-static-transparent-black-900: #000;
     --spectrum-global-color-sequential-cerulean: #e9fff1, #c8f1e4, #a5e3d7,
         #82d5ca, #68c5c1, #54b4ba, #3fa2b2, #2991ac, #2280a2, #1f6d98, #1d5c8d,
         #1a4b83, #1a3979, #1a266f, #191264, #180057;
@@ -1366,6 +1417,80 @@ governing permissions and limitations under the License.
     --spectrum-alias-search-padding-left-xl: var(
         --spectrum-global-dimension-size-225
     );
+    --spectrum-alias-tag-border-radius: var(
+        --spectrum-global-dimension-size-300
+    );
+    --spectrum-alias-tag-border-size-default: var(
+        --spectrum-global-dimension-static-size-25
+    );
+    --spectrum-alias-tag-border-size-disabled: var(
+        --spectrum-global-dimension-static-size-25
+    );
+    --spectrum-alias-tag-border-size-key-focus: var(
+        --spectrum-global-dimension-static-size-25
+    );
+    --spectrum-alias-tag-padding-right-s: var(
+        --spectrum-global-dimension-size-125
+    );
+    --spectrum-alias-tag-padding-right-m: var(
+        --spectrum-global-dimension-size-130
+    );
+    --spectrum-alias-tag-padding-right-l: var(
+        --spectrum-global-dimension-size-175
+    );
+    --spectrum-alias-tag-height-s: var(--spectrum-global-dimension-size-250);
+    --spectrum-alias-tag-height-m: var(--spectrum-global-dimension-size-300);
+    --spectrum-alias-tag-height-l: var(--spectrum-global-dimension-size-400);
+    --spectrum-alias-tag-font-size-s: var(
+        --spectrum-global-dimension-font-size-50
+    );
+    --spectrum-alias-tag-font-size-m: var(
+        --spectrum-global-dimension-font-size-75
+    );
+    --spectrum-alias-tag-font-size-l: var(
+        --spectrum-global-dimension-font-size-100
+    );
+    --spectrum-alias-tag-text-padding-top-m: var(
+        --spectrum-global-dimension-size-50
+    );
+    --spectrum-alias-tag-text-padding-top-l: var(
+        --spectrum-global-dimension-size-85
+    );
+    --spectrum-alias-tag-icon-size-s: var(--spectrum-global-dimension-size-175);
+    --spectrum-alias-tag-icon-size-m: var(--spectrum-global-dimension-size-200);
+    --spectrum-alias-tag-icon-margin-top-s: var(
+        --spectrum-global-dimension-size-40
+    );
+    --spectrum-alias-tag-icon-margin-top-m: var(
+        --spectrum-global-dimension-size-50
+    );
+    --spectrum-alias-tag-icon-margin-top-l: var(
+        --spectrum-global-dimension-size-85
+    );
+    --spectrum-alias-tag-clearbutton-width-s: var(
+        --spectrum-global-dimension-size-175
+    );
+    --spectrum-alias-tag-clearbutton-width-m: var(
+        --spectrum-global-dimension-size-225
+    );
+    --spectrum-alias-tag-clearbutton-width-l: var(
+        --spectrum-global-dimension-size-350
+    );
+    --spectrum-alias-tag-clearbutton-icon-margin-s: var(
+        --spectrum-global-dimension-size-30
+    );
+    --spectrum-alias-tag-clearbutton-icon-margin-m: var(
+        --spectrum-global-dimension-size-50
+    );
+    --spectrum-alias-tag-clearbutton-icon-margin-l: var(
+        --spectrum-global-dimension-size-100
+    );
+    --spectrum-alias-tag-focusring-border-radius: var(
+        --spectrum-global-dimension-size-300
+    );
+    --spectrum-alias-tag-focusring-gap: var(
+        --spectrum-global-dimension-size-25
+    );
     --spectrum-alias-search-border-radius-quiet: 0;
     --spectrum-alias-percent-50: 50%;
     --spectrum-alias-percent-70: 70%;
@@ -1529,6 +1654,24 @@ governing permissions and limitations under the License.
     --spectrum-alias-avatar-size-300: var(--spectrum-global-dimension-size-325);
     --spectrum-alias-avatar-size-500: var(--spectrum-global-dimension-size-400);
     --spectrum-alias-avatar-size-700: var(--spectrum-global-dimension-size-500);
+    --spectrum-alias-tag-border-size: var(
+        --spectrum-global-dimension-static-size-25
+    );
+    --spectrum-alias-tag-icon-margin-right-s: var(
+        --spectrum-global-dimension-size-85
+    );
+    --spectrum-alias-tag-icon-margin-right-m: var(
+        --spectrum-global-dimension-size-100
+    );
+    --spectrum-alias-tag-icon-margin-right-l: var(
+        --spectrum-global-dimension-size-115
+    );
+    --spectrum-alias-tag-focusring-size: var(
+        --spectrum-global-dimension-size-25
+    );
+    --spectrum-alias-tag-focusring-gap-selected: var(
+        --spectrum-global-dimension-size-25
+    );
 }
 :host,
 :root {
@@ -1654,6 +1797,54 @@ governing permissions and limitations under the License.
     --spectrum-alias-toggle-icon-color-selected: var(
         --spectrum-global-color-gray-50
     );
+    --spectrum-alias-tag-border-color-default: var(
+        --spectrum-global-color-gray-300
+    );
+    --spectrum-alias-tag-border-color-hover: var(
+        --spectrum-global-color-gray-400
+    );
+    --spectrum-alias-tag-border-color-down: var(
+        --spectrum-global-color-gray-500
+    );
+    --spectrum-alias-tag-border-color-key-focus: var(
+        --spectrum-global-color-gray-400
+    );
+    --spectrum-alias-tag-border-color-disabled-default: var(
+        --spectrum-global-color-gray-200
+    );
+    --spectrum-alias-tag-border-color-error-key-focus: var(
+        --spectrum-semantic-negative-color-default
+    );
+    --spectrum-alias-tag-focusring-border-color-key-focus: var(
+        --spectrum-alias-focus-ring-color
+    );
+    --spectrum-alias-tag-background-color-disabled: var(
+        --spectrum-global-color-gray-100
+    );
+    --spectrum-alias-tag-background-color-default: var(
+        --spectrum-global-color-gray-100
+    );
+    --spectrum-alias-tag-background-color-hover: var(
+        --spectrum-global-color-gray-300
+    );
+    --spectrum-alias-tag-background-color-down: var(
+        --spectrum-global-color-gray-400
+    );
+    --spectrum-alias-tag-background-color-key-focus: var(
+        --spectrum-global-color-gray-300
+    );
+    --spectrum-alias-tag-background-color-error-default: var(
+        --spectrum-alias-tag-background-color-default
+    );
+    --spectrum-alias-tag-background-color-error-hover: var(
+        --spectrum-alias-tag-background-color-hover
+    );
+    --spectrum-alias-tag-background-color-error-down: var(
+        --spectrum-alias-tag-background-color-down
+    );
+    --spectrum-alias-tag-background-color-error-key-focus: var(
+        --spectrum-alias-tag-background-color-key-focus
+    );
     --spectrum-alias-avatar-border-color-disabled: var(
         --spectrum-alias-background-color-transparent
     );
@@ -1669,6 +1860,30 @@ governing permissions and limitations under the License.
     --spectrum-alias-avatar-border-color-selected-key-focus: var(
         --spectrum-global-color-gray-900
     );
+    --spectrum-alias-link-primary-text-color-default: var(
+        --spectrum-global-color-indigo-600
+    );
+    --spectrum-alias-link-primary-text-color-hover: var(
+        --spectrum-global-color-indigo-600
+    );
+    --spectrum-alias-link-primary-text-color-down: var(
+        --spectrum-global-color-indigo-700
+    );
+    --spectrum-alias-link-primary-text-color-key-focus: var(
+        --spectrum-alias-text-color-key-focus
+    );
+    --spectrum-alias-link-secondary-text-color-default: var(
+        --spectrum-alias-text-color
+    );
+    --spectrum-alias-link-secondary-text-color-hover: var(
+        --spectrum-alias-link-primary-text-color-hover
+    );
+    --spectrum-alias-link-secondary-text-color-down: var(
+        --spectrum-alias-link-primary-text-color-down
+    );
+    --spectrum-alias-link-secondary-text-color-key-focus: var(
+        --spectrum-alias-link-primary-text-color-key-focus
+    );
     --spectrum-alias-button-primary-background-color-default: var(
         --spectrum-alias-button-primary-border-color-default
     );
@@ -1851,6 +2066,135 @@ governing permissions and limitations under the License.
     --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
+    );
+    --spectrum-alias-tabs-divider-background-color-quiet: var(
+        --spectrum-alias-background-color-transparent
+    );
+    --spectrum-alias-tabitem-text-color-default: var(
+        --spectrum-global-color-gray-700
+    );
+    --spectrum-alias-tabitem-text-color-hover: var(
+        --spectrum-alias-text-color-hover
+    );
+    --spectrum-alias-tabitem-text-color-down: var(
+        --spectrum-alias-text-color-down
+    );
+    --spectrum-alias-tabitem-text-color-key-focus: var(
+        --spectrum-alias-text-color-hover
+    );
+    --spectrum-alias-tabitem-text-color-mouse-focus: var(
+        --spectrum-alias-text-color-hover
+    );
+    --spectrum-alias-tabitem-text-color-selected-default: var(
+        --spectrum-global-color-gray-900
+    );
+    --spectrum-alias-tabitem-text-color-selected-hover: var(
+        --spectrum-alias-tabitem-text-color-selected-default
+    );
+    --spectrum-alias-tabitem-text-color-selected-down: var(
+        --spectrum-alias-tabitem-text-color-selected-default
+    );
+    --spectrum-alias-tabitem-text-color-selected-key-focus: var(
+        --spectrum-alias-tabitem-text-color-selected-default
+    );
+    --spectrum-alias-tabitem-text-color-selected-mouse-focus: var(
+        --spectrum-alias-tabitem-text-color-selected-default
+    );
+    --spectrum-alias-tabitem-text-color-emphasized: var(
+        --spectrum-alias-tabitem-text-color-default
+    );
+    --spectrum-alias-tabitem-text-color-emphasized-selected-default: var(
+        --spectrum-global-color-indigo-600
+    );
+    --spectrum-alias-tabitem-text-color-emphasized-selected-hover: var(
+        --spectrum-alias-tabitem-text-color-emphasized-selected-default
+    );
+    --spectrum-alias-tabitem-text-color-emphasized-selected-down: var(
+        --spectrum-alias-tabitem-text-color-emphasized-selected-default
+    );
+    --spectrum-alias-tabitem-text-color-emphasized-selected-key-focus: var(
+        --spectrum-alias-tabitem-text-color-emphasized-selected-default
+    );
+    --spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus: var(
+        --spectrum-alias-tabitem-text-color-emphasized-selected-default
+    );
+    --spectrum-alias-tabitem-selection-indicator-color-default: var(
+        --spectrum-alias-tabitem-text-color-default
+    );
+    --spectrum-alias-tabitem-selection-indicator-color-emphasized: var(
+        --spectrum-alias-tabitem-text-color-emphasized-selected-default
+    );
+    --spectrum-alias-tabitem-icon-color-disabled: var(
+        --spectrum-alias-text-color-disabled
+    );
+    --spectrum-alias-tabitem-icon-color-default: var(
+        --spectrum-alias-tabitem-text-color-default
+    );
+    --spectrum-alias-tabitem-icon-color-hover: var(
+        --spectrum-alias-tabitem-text-color-hover
+    );
+    --spectrum-alias-tabitem-icon-color-down: var(
+        --spectrum-alias-tabitem-text-color-down
+    );
+    --spectrum-alias-tabitem-icon-color-key-focus: var(
+        --spectrum-alias-tabitem-text-color-hover
+    );
+    --spectrum-alias-tabitem-icon-color-mouse-focus: var(
+        --spectrum-alias-tabitem-text-color-down
+    );
+    --spectrum-alias-tabitem-icon-color-selected: var(
+        --spectrum-alias-tabitem-text-color-selected-default
+    );
+    --spectrum-alias-tabitem-icon-color-emphasized: var(
+        --spectrum-alias-tabitem-text-color-default
+    );
+    --spectrum-alias-tabitem-icon-color-emphasized-selected: var(
+        --spectrum-alias-tabitem-text-color-emphasized-selected-default
+    );
+    --spectrum-alias-transparent-blue-background-color-hover: rgba(
+        2,
+        97,
+        214,
+        0.15
+    );
+    --spectrum-alias-transparent-blue-background-color-down: rgba(
+        0,
+        85,
+        185,
+        0.15
+    );
+    --spectrum-alias-transparent-blue-background-color-key-focus: var(
+        --spectrum-alias-transparent-blue-background-color-hover
+    );
+    --spectrum-alias-transparent-blue-background-color-mouse-focus: var(
+        --spectrum-alias-transparent-blue-background-color-hover
+    );
+    --spectrum-alias-transparent-blue-background-color: var(
+        --spectrum-alias-component-text-color-default
+    );
+    --spectrum-alias-transparent-red-background-color-hover: rgba(
+        206,
+        15,
+        11,
+        0.15
+    );
+    --spectrum-alias-transparent-red-background-color-down: rgba(
+        182,
+        0,
+        0,
+        0.15
+    );
+    --spectrum-alias-transparent-red-background-color-key-focus: var(
+        --spectrum-alias-transparent-red-background-color-hover
+    );
+    --spectrum-alias-transparent-red-background-color-mouse-focus: var(
+        --spectrum-alias-transparent-red-background-color-hover
+    );
+    --spectrum-alias-transparent-red-background-color: var(
+        --spectrum-alias-component-text-color-default
+    );
     --spectrum-alias-component-text-color-disabled: var(
         --spectrum-global-color-gray-500
     );
@@ -2037,6 +2381,126 @@ governing permissions and limitations under the License.
     --spectrum-alias-component-border-color-emphasized-selected: var(
         --spectrum-alias-component-border-color-emphasized-selected-default
     );
+    --spectrum-alias-tag-border-color-error-default: var(
+        --spectrum-semantic-negative-color-default
+    );
+    --spectrum-alias-tag-border-color-error-hover: var(
+        --spectrum-semantic-negative-color-hover
+    );
+    --spectrum-alias-tag-border-color-error-down: var(
+        --spectrum-semantic-negative-color-hover
+    );
+    --spectrum-alias-tag-border-color-error-selected: var(
+        --spectrum-semantic-negative-color-default
+    );
+    --spectrum-alias-tag-border-color-selected: var(
+        --spectrum-alias-tag-background-color-selected-default
+    );
+    --spectrum-alias-tag-border-color: var(
+        --spectrum-alias-tag-border-color-default
+    );
+    --spectrum-alias-tag-border-color-disabled: var(
+        --spectrum-alias-border-color-disabled
+    );
+    --spectrum-alias-tag-border-color-error: var(
+        --spectrum-alias-tag-border-color-error-default
+    );
+    --spectrum-alias-tag-text-color-default: var(
+        --spectrum-alias-label-text-color
+    );
+    --spectrum-alias-tag-text-color-hover: var(
+        --spectrum-alias-text-color-hover
+    );
+    --spectrum-alias-tag-text-color-down: var(--spectrum-alias-text-color-down);
+    --spectrum-alias-tag-text-color-key-focus: var(
+        --spectrum-alias-text-color-hover
+    );
+    --spectrum-alias-tag-text-color-disabled: var(
+        --spectrum-global-color-gray-500
+    );
+    --spectrum-alias-tag-text-color: var(
+        --spectrum-alias-tag-text-color-default
+    );
+    --spectrum-alias-tag-text-color-error-default: var(
+        --spectrum-global-color-red-600
+    );
+    --spectrum-alias-tag-text-color-error-hover: var(
+        --spectrum-global-color-red-700
+    );
+    --spectrum-alias-tag-text-color-error-down: var(
+        --spectrum-global-color-red-700
+    );
+    --spectrum-alias-tag-text-color-error-key-focus: var(
+        --spectrum-global-color-red-700
+    );
+    --spectrum-alias-tag-text-color-error: var(
+        --spectrum-alias-tag-text-color-error-default
+    );
+    --spectrum-alias-tag-text-color-selected: var(
+        --spectrum-global-color-gray-50
+    );
+    --spectrum-alias-tag-icon-color-default: var(--spectrum-alias-icon-color);
+    --spectrum-alias-tag-icon-color-hover: var(
+        --spectrum-alias-icon-color-hover
+    );
+    --spectrum-alias-tag-icon-color-down: var(--spectrum-alias-icon-color-down);
+    --spectrum-alias-tag-icon-color-key-focus: var(
+        --spectrum-alias-icon-color-hover
+    );
+    --spectrum-alias-tag-icon-color-disabled: var(
+        --spectrum-alias-icon-color-disabled
+    );
+    --spectrum-alias-tag-icon-color: var(
+        --spectrum-alias-tag-icon-color-default
+    );
+    --spectrum-alias-tag-icon-color-error: var(--spectrum-global-color-red-600);
+    --spectrum-alias-tag-icon-color-selected: var(
+        --spectrum-global-color-gray-50
+    );
+    --spectrum-alias-tag-background-color: var(
+        --spectrum-alias-tag-background-color-default
+    );
+    --spectrum-alias-tag-background-color-error: var(
+        --spectrum-alias-tag-background-color-error-default
+    );
+    --spectrum-alias-tag-background-color-error-selected-default: var(
+        --spectrum-semantic-negative-color-default
+    );
+    --spectrum-alias-tag-background-color-error-selected-hover: var(
+        --spectrum-semantic-negative-color-hover
+    );
+    --spectrum-alias-tag-background-color-error-selected-down: var(
+        --spectrum-semantic-negative-color-hover
+    );
+    --spectrum-alias-tag-background-color-error-selected-key-focus: var(
+        --spectrum-global-color-red-600
+    );
+    --spectrum-alias-tag-background-color-error-selected: var(
+        --spectrum-alias-tag-background-color-error-selected-default
+    );
+    --spectrum-alias-tag-background-color-selected-default: var(
+        --spectrum-global-color-gray-700
+    );
+    --spectrum-alias-tag-background-color-selected-hover: var(
+        --spectrum-global-color-gray-800
+    );
+    --spectrum-alias-tag-background-color-selected-down: var(
+        --spectrum-global-color-gray-900
+    );
+    --spectrum-alias-tag-background-color-selected-key-focus: var(
+        --spectrum-global-color-gray-900
+    );
+    --spectrum-alias-tag-background-color-selected: var(
+        --spectrum-alias-tag-background-color-selected-default
+    );
+    --spectrum-alias-tag-focusring-border-color-default: transparent;
+    --spectrum-alias-tag-focusring-border-color-disabled: transparent;
+    --spectrum-alias-tag-focusring-border-color-selected-key-focus: var(
+        --spectrum-alias-focus-ring-color
+    );
+    --spectrum-alias-tag-focusring-border-color: var(
+        --spectrum-alias-tag-focusring-border-color-default
+    );
     --spectrum-alias-avatar-border-color: var(
         --spectrum-alias-avatar-border-color-default
     );
@@ -2264,6 +2728,18 @@ governing permissions and limitations under the License.
     --spectrum-alias-infieldbutton-fill-loudnessHigh-border-color-disabled: var(
         --spectrum-alias-component-background-color-disabled
     );
+    --spectrum-alias-tabitem-text-color: var(
+        --spectrum-alias-tabitem-text-color-default
+    );
+    --spectrum-alias-tabitem-text-color-selected: var(
+        --spectrum-alias-tabitem-text-color-selected-default
+    );
+    --spectrum-alias-tabitem-text-color-emphasized-selected: var(
+        --spectrum-alias-tabitem-text-color-emphasized-selected-default
+    );
+    --spectrum-alias-tabitem-icon-color: var(
+        --spectrum-alias-tabitem-text-color-default
+    );
     --spectrum-alias-background-color-default: var(
         --spectrum-global-color-gray-100
     );
@@ -2335,6 +2811,12 @@ governing permissions and limitations under the License.
         0.2
     );
     --spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900);
+    --spectrum-alias-link-primary-text-color: var(
+        --spectrum-alias-link-primary-text-color-default
+    );
+    --spectrum-alias-link-secondary-text-color: var(
+        --spectrum-alias-link-secondary-text-color-default
+    );
     --spectrum-alias-border-color: var(--spectrum-global-color-gray-400);
     --spectrum-alias-border-color-hover: var(--spectrum-global-color-gray-500);
     --spectrum-alias-border-color-down: var(--spectrum-global-color-gray-500);