action-button-overrides.css

/*
    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.
    */

/* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
:host([size='xl']) {
    --spectrum-actionbutton-min-width: var(
        --system-action-button-size-xl-min-width
    );
    --spectrum-actionbutton-height: var(--system-action-button-size-xl-height);
    --spectrum-actionbutton-icon-size: var(
        --system-action-button-size-xl-icon-size
    );
    --spectrum-actionbutton-font-size: var(
        --system-action-button-size-xl-font-size
    );
    --spectrum-actionbutton-text-to-visual: var(
        --system-action-button-size-xl-text-to-visual
    );
    --spectrum-actionbutton-edge-to-hold-icon: var(
        --system-action-button-size-xl-edge-to-hold-icon
    );
    --spectrum-actionbutton-edge-to-visual-size: var(
        --system-action-button-size-xl-edge-to-visual-size
    );
    --spectrum-actionbutton-edge-to-visual-only-size: var(
        --system-action-button-size-xl-edge-to-visual-only-size
    );
    --spectrum-actionbutton-edge-to-text-size: var(
        --system-action-button-size-xl-edge-to-text-size
    );
}

:host([size='l']) {
    --spectrum-actionbutton-min-width: var(
        --system-action-button-size-l-min-width
    );
    --spectrum-actionbutton-height: var(--system-action-button-size-l-height);
    --spectrum-actionbutton-icon-size: var(
        --system-action-button-size-l-icon-size
    );
    --spectrum-actionbutton-font-size: var(
        --system-action-button-size-l-font-size
    );
    --spectrum-actionbutton-text-to-visual: var(
        --system-action-button-size-l-text-to-visual
    );
    --spectrum-actionbutton-edge-to-hold-icon: var(
        --system-action-button-size-l-edge-to-hold-icon
    );
    --spectrum-actionbutton-edge-to-visual-size: var(
        --system-action-button-size-l-edge-to-visual-size
    );
    --spectrum-actionbutton-edge-to-visual-only-size: var(
        --system-action-button-size-l-edge-to-visual-only-size
    );
    --spectrum-actionbutton-edge-to-text-size: var(
        --system-action-button-size-l-edge-to-text-size
    );
}

:host([size='s']) {
    --spectrum-actionbutton-min-width: var(
        --system-action-button-size-s-min-width
    );
    --spectrum-actionbutton-height: var(--system-action-button-size-s-height);
    --spectrum-actionbutton-icon-size: var(
        --system-action-button-size-s-icon-size
    );
    --spectrum-actionbutton-font-size: var(
        --system-action-button-size-s-font-size
    );
    --spectrum-actionbutton-text-to-visual: var(
        --system-action-button-size-s-text-to-visual
    );
    --spectrum-actionbutton-edge-to-hold-icon: var(
        --system-action-button-size-s-edge-to-hold-icon
    );
    --spectrum-actionbutton-edge-to-visual-size: var(
        --system-action-button-size-s-edge-to-visual-size
    );
    --spectrum-actionbutton-edge-to-visual-only-size: var(
        --system-action-button-size-s-edge-to-visual-only-size
    );
    --spectrum-actionbutton-edge-to-text-size: var(
        --system-action-button-size-s-edge-to-text-size
    );
}

:host([size='xs']) {
    --spectrum-actionbutton-min-width: var(
        --system-action-button-size-xs-min-width
    );
    --spectrum-actionbutton-height: var(--system-action-button-size-xs-height);
    --spectrum-actionbutton-icon-size: var(
        --system-action-button-size-xs-icon-size
    );
    --spectrum-actionbutton-font-size: var(
        --system-action-button-size-xs-font-size
    );
    --spectrum-actionbutton-text-to-visual: var(
        --system-action-button-size-xs-text-to-visual
    );
    --spectrum-actionbutton-edge-to-hold-icon: var(
        --system-action-button-size-xs-edge-to-hold-icon
    );
    --spectrum-actionbutton-edge-to-visual-size: var(
        --system-action-button-size-xs-edge-to-visual-size
    );
    --spectrum-actionbutton-edge-to-visual-only-size: var(
        --system-action-button-size-xs-edge-to-visual-only-size
    );
    --spectrum-actionbutton-edge-to-text-size: var(
        --system-action-button-size-xs-edge-to-text-size
    );
}

:host {
    --spectrum-actionbutton-min-width: var(
        --system-action-button-size-m-min-width
    );
    --spectrum-actionbutton-height: var(--system-action-button-size-m-height);
    --spectrum-actionbutton-icon-size: var(
        --system-action-button-size-m-icon-size
    );
    --spectrum-actionbutton-font-size: var(
        --system-action-button-size-m-font-size
    );
    --spectrum-actionbutton-text-to-visual: var(
        --system-action-button-size-m-text-to-visual
    );
    --spectrum-actionbutton-edge-to-hold-icon: var(
        --system-action-button-size-m-edge-to-hold-icon
    );
    --spectrum-actionbutton-edge-to-visual-size: var(
        --system-action-button-size-m-edge-to-visual-size
    );
    --spectrum-actionbutton-edge-to-visual-only-size: var(
        --system-action-button-size-m-edge-to-visual-only-size
    );
    --spectrum-actionbutton-edge-to-text-size: var(
        --system-action-button-size-m-edge-to-text-size
    );
}

:host([static-color='white'][selected][emphasized]) {
    --spectrum-actionbutton-background-color-default: var(
        --system-action-button-static-white-selected-emphasized-background-color-default
    );
    --spectrum-actionbutton-background-color-hover: var(
        --system-action-button-static-white-selected-emphasized-background-color-hover
    );
    --spectrum-actionbutton-background-color-down: var(
        --system-action-button-static-white-selected-emphasized-background-color-down
    );
    --spectrum-actionbutton-background-color-focus: var(
        --system-action-button-static-white-selected-emphasized-background-color-focus
    );
    --spectrum-actionbutton-content-color-default: var(
        --system-action-button-static-white-selected-emphasized-content-color-default
    );
}

:host([static-color='white'][selected]) {
    --spectrum-actionbutton-background-color-default: var(
        --system-action-button-static-white-selected-background-color-default
    );
    --spectrum-actionbutton-background-color-hover: var(
        --system-action-button-static-white-selected-background-color-hover
    );
    --spectrum-actionbutton-background-color-down: var(
        --system-action-button-static-white-selected-background-color-down
    );
    --spectrum-actionbutton-background-color-focus: var(
        --system-action-button-static-white-selected-background-color-focus
    );
    --spectrum-actionbutton-background-color-disabled: var(
        --system-action-button-static-white-selected-background-color-disabled
    );
    --spectrum-actionbutton-border-color-disabled: var(
        --system-action-button-static-white-selected-border-color-disabled
    );
    --spectrum-actionbutton-content-color-default: var(
        --system-action-button-static-white-selected-content-color-default
    );
    --spectrum-actionbutton-content-color-hover: var(
        --system-action-button-static-white-selected-content-color-hover
    );
    --spectrum-actionbutton-content-color-down: var(
        --system-action-button-static-white-selected-content-color-down
    );
    --spectrum-actionbutton-content-color-focus: var(
        --system-action-button-static-white-selected-content-color-focus
    );
}

:host([static-color='white']) {
    --spectrum-actionbutton-background-color-default: var(
        --system-action-button-static-white-background-color-default
    );
    --spectrum-actionbutton-background-color-hover: var(
        --system-action-button-static-white-background-color-hover
    );
    --spectrum-actionbutton-background-color-down: var(
        --system-action-button-static-white-background-color-down
    );
    --spectrum-actionbutton-background-color-focus: var(
        --system-action-button-static-white-background-color-focus
    );
    --spectrum-actionbutton-background-color-disabled: var(
        --system-action-button-static-white-background-color-disabled
    );
    --spectrum-actionbutton-border-color-default: var(
        --system-action-button-static-white-border-color-default
    );
    --spectrum-actionbutton-border-color-hover: var(
        --system-action-button-static-white-border-color-hover
    );
    --spectrum-actionbutton-border-color-down: var(
        --system-action-button-static-white-border-color-down
    );
    --spectrum-actionbutton-border-color-focus: var(
        --system-action-button-static-white-border-color-focus
    );
    --spectrum-actionbutton-border-color-disabled: var(
        --system-action-button-static-white-border-color-disabled
    );
    --spectrum-actionbutton-content-color-default: var(
        --system-action-button-static-white-content-color-default
    );
    --spectrum-actionbutton-content-color-hover: var(
        --system-action-button-static-white-content-color-hover
    );
    --spectrum-actionbutton-content-color-down: var(
        --system-action-button-static-white-content-color-down
    );
    --spectrum-actionbutton-content-color-focus: var(
        --system-action-button-static-white-content-color-focus
    );
    --spectrum-actionbutton-content-color-disabled: var(
        --system-action-button-static-white-content-color-disabled
    );
    --spectrum-actionbutton-focus-indicator-color: var(
        --system-action-button-static-white-focus-indicator-color
    );
}

:host([static-color='black'][selected][emphasized]) {
    --spectrum-actionbutton-background-color-default: var(
        --system-action-button-static-black-selected-emphasized-background-color-default
    );
    --spectrum-actionbutton-background-color-hover: var(
        --system-action-button-static-black-selected-emphasized-background-color-hover
    );
    --spectrum-actionbutton-background-color-down: var(
        --system-action-button-static-black-selected-emphasized-background-color-down
    );
    --spectrum-actionbutton-background-color-focus: var(
        --system-action-button-static-black-selected-emphasized-background-color-focus
    );
    --spectrum-actionbutton-content-color-default: var(
        --system-action-button-static-black-selected-emphasized-content-color-default
    );
    --spectrum-actionbutton-content-color-hover: var(
        --system-action-button-static-black-selected-emphasized-content-color-hover
    );
    --spectrum-actionbutton-content-color-down: var(
        --system-action-button-static-black-selected-emphasized-content-color-down
    );
    --spectrum-actionbutton-content-color-focus: var(
        --system-action-button-static-black-selected-emphasized-content-color-focus
    );
}

:host([static-color='black'][selected]) {
    --spectrum-actionbutton-background-color-default: var(
        --system-action-button-static-black-selected-background-color-default
    );
    --spectrum-actionbutton-background-color-hover: var(
        --system-action-button-static-black-selected-background-color-hover
    );
    --spectrum-actionbutton-background-color-down: var(
        --system-action-button-static-black-selected-background-color-down
    );
    --spectrum-actionbutton-background-color-focus: var(
        --system-action-button-static-black-selected-background-color-focus
    );
    --spectrum-actionbutton-background-color-disabled: var(
        --system-action-button-static-black-selected-background-color-disabled
    );
    --spectrum-actionbutton-border-color-disabled: var(
        --system-action-button-static-black-selected-border-color-disabled
    );
    --spectrum-actionbutton-content-color-default: var(
        --system-action-button-static-black-selected-content-color-default
    );
    --spectrum-actionbutton-content-color-hover: var(
        --system-action-button-static-black-selected-content-color-hover
    );
    --spectrum-actionbutton-content-color-down: var(
        --system-action-button-static-black-selected-content-color-down
    );
    --spectrum-actionbutton-content-color-focus: var(
        --system-action-button-static-black-selected-content-color-focus
    );
}

:host([static-color='black']) {
    --spectrum-actionbutton-background-color-default: var(
        --system-action-button-static-black-background-color-default
    );
    --spectrum-actionbutton-background-color-hover: var(
        --system-action-button-static-black-background-color-hover
    );
    --spectrum-actionbutton-background-color-down: var(
        --system-action-button-static-black-background-color-down
    );
    --spectrum-actionbutton-background-color-focus: var(
        --system-action-button-static-black-background-color-focus
    );
    --spectrum-actionbutton-background-color-disabled: var(
        --system-action-button-static-black-background-color-disabled
    );
    --spectrum-actionbutton-border-color-default: var(
        --system-action-button-static-black-border-color-default
    );
    --spectrum-actionbutton-border-color-hover: var(
        --system-action-button-static-black-border-color-hover
    );
    --spectrum-actionbutton-border-color-down: var(
        --system-action-button-static-black-border-color-down
    );
    --spectrum-actionbutton-border-color-focus: var(
        --system-action-button-static-black-border-color-focus
    );
    --spectrum-actionbutton-border-color-disabled: var(
        --system-action-button-static-black-border-color-disabled
    );
    --spectrum-actionbutton-content-color-default: var(
        --system-action-button-static-black-content-color-default
    );
    --spectrum-actionbutton-content-color-hover: var(
        --system-action-button-static-black-content-color-hover
    );
    --spectrum-actionbutton-content-color-down: var(
        --system-action-button-static-black-content-color-down
    );
    --spectrum-actionbutton-content-color-focus: var(
        --system-action-button-static-black-content-color-focus
    );
    --spectrum-actionbutton-content-color-disabled: var(
        --system-action-button-static-black-content-color-disabled
    );
    --spectrum-actionbutton-focus-indicator-color: var(
        --system-action-button-static-black-focus-indicator-color
    );
}

:host([static-color='white'][quiet]) {
    --spectrum-actionbutton-border-color-default: var(
        --system-action-button-static-white-quiet-border-color-default
    );
    --spectrum-actionbutton-border-color-hover: var(
        --system-action-button-static-white-quiet-border-color-hover
    );
    --spectrum-actionbutton-border-color-down: var(
        --system-action-button-static-white-quiet-border-color-down
    );
    --spectrum-actionbutton-border-color-focus: var(
        --system-action-button-static-white-quiet-border-color-focus
    );
    --spectrum-actionbutton-border-color-disabled: var(
        --system-action-button-static-white-quiet-border-color-disabled
    );
}

:host([static-color='black'][quiet]) {
    --spectrum-actionbutton-border-color-default: var(
        --system-action-button-static-black-quiet-border-color-default
    );
    --spectrum-actionbutton-border-color-hover: var(
        --system-action-button-static-black-quiet-border-color-hover
    );
    --spectrum-actionbutton-border-color-down: var(
        --system-action-button-static-black-quiet-border-color-down
    );
    --spectrum-actionbutton-border-color-focus: var(
        --system-action-button-static-black-quiet-border-color-focus
    );
    --spectrum-actionbutton-border-color-disabled: var(
        --system-action-button-static-black-quiet-border-color-disabled
    );
}

:host([selected][emphasized]) {
    --spectrum-actionbutton-background-color-default: var(
        --system-action-button-selected-emphasized-background-color-default
    );
    --spectrum-actionbutton-background-color-hover: var(
        --system-action-button-selected-emphasized-background-color-hover
    );
    --spectrum-actionbutton-background-color-down: var(
        --system-action-button-selected-emphasized-background-color-down
    );
    --spectrum-actionbutton-background-color-focus: var(
        --system-action-button-selected-emphasized-background-color-focus
    );
    --spectrum-actionbutton-content-color-default: var(
        --system-action-button-selected-emphasized-content-color-default
    );
    --spectrum-actionbutton-content-color-hover: var(
        --system-action-button-selected-emphasized-content-color-hover
    );
    --spectrum-actionbutton-content-color-down: var(
        --system-action-button-selected-emphasized-content-color-down
    );
    --spectrum-actionbutton-content-color-focus: var(
        --system-action-button-selected-emphasized-content-color-focus
    );
}

:host([selected]) {
    --spectrum-actionbutton-background-color-default: var(
        --system-action-button-selected-background-color-default
    );
    --spectrum-actionbutton-background-color-hover: var(
        --system-action-button-selected-background-color-hover
    );
    --spectrum-actionbutton-background-color-down: var(
        --system-action-button-selected-background-color-down
    );
    --spectrum-actionbutton-background-color-focus: var(
        --system-action-button-selected-background-color-focus
    );
    --spectrum-actionbutton-content-color-default: var(
        --system-action-button-selected-content-color-default
    );
    --spectrum-actionbutton-content-color-hover: var(
        --system-action-button-selected-content-color-hover
    );
    --spectrum-actionbutton-content-color-down: var(
        --system-action-button-selected-content-color-down
    );
    --spectrum-actionbutton-content-color-focus: var(
        --system-action-button-selected-content-color-focus
    );
    --spectrum-actionbutton-border-color-default: var(
        --system-action-button-selected-border-color-default
    );
    --spectrum-actionbutton-border-color-hover: var(
        --system-action-button-selected-border-color-hover
    );
    --spectrum-actionbutton-border-color-down: var(
        --system-action-button-selected-border-color-down
    );
    --spectrum-actionbutton-border-color-focus: var(
        --system-action-button-selected-border-color-focus
    );
    --spectrum-actionbutton-border-color-disabled: var(
        --system-action-button-selected-border-color-disabled
    );
    --spectrum-actionbutton-background-color-disabled: var(
        --system-action-button-selected-background-color-disabled
    );
}

:host([quiet]) {
    --spectrum-actionbutton-background-color-default: var(
        --system-action-button-quiet-background-color-default
    );
    --spectrum-actionbutton-background-color-hover: var(
        --system-action-button-quiet-background-color-hover
    );
    --spectrum-actionbutton-background-color-down: var(
        --system-action-button-quiet-background-color-down
    );
    --spectrum-actionbutton-background-color-focus: var(
        --system-action-button-quiet-background-color-focus
    );
    --spectrum-actionbutton-background-color-disabled: var(
        --system-action-button-quiet-background-color-disabled
    );
    --spectrum-actionbutton-border-color-default: var(
        --system-action-button-quiet-border-color-default
    );
    --spectrum-actionbutton-border-color-hover: var(
        --system-action-button-quiet-border-color-hover
    );
    --spectrum-actionbutton-border-color-down: var(
        --system-action-button-quiet-border-color-down
    );
    --spectrum-actionbutton-border-color-focus: var(
        --system-action-button-quiet-border-color-focus
    );
    --spectrum-actionbutton-border-color-disabled: var(
        --system-action-button-quiet-border-color-disabled
    );
}

:host {
    --spectrum-actionbutton-animation-duration: var(
        --system-action-button-animation-duration
    );
    --spectrum-actionbutton-border-radius: var(
        --system-action-button-border-radius
    );
    --spectrum-actionbutton-border-width: var(
        --system-action-button-border-width
    );
    --spectrum-actionbutton-content-color-default: var(
        --system-action-button-content-color-default
    );
    --spectrum-actionbutton-content-color-hover: var(
        --system-action-button-content-color-hover
    );
    --spectrum-actionbutton-content-color-down: var(
        --system-action-button-content-color-down
    );
    --spectrum-actionbutton-content-color-focus: var(
        --system-action-button-content-color-focus
    );
    --spectrum-actionbutton-focus-indicator-gap: var(
        --system-action-button-focus-indicator-gap
    );
    --spectrum-actionbutton-focus-indicator-thickness: var(
        --system-action-button-focus-indicator-thickness
    );
    --spectrum-actionbutton-focus-indicator-color: var(
        --system-action-button-focus-indicator-color
    );
    --spectrum-actionbutton-background-color-default: var(
        --system-action-button-background-color-default
    );
    --spectrum-actionbutton-background-color-hover: var(
        --system-action-button-background-color-hover
    );
    --spectrum-actionbutton-background-color-down: var(
        --system-action-button-background-color-down
    );
    --spectrum-actionbutton-background-color-focus: var(
        --system-action-button-background-color-focus
    );
    --spectrum-actionbutton-border-color-default: var(
        --system-action-button-border-color-default
    );
    --spectrum-actionbutton-border-color-hover: var(
        --system-action-button-border-color-hover
    );
    --spectrum-actionbutton-border-color-down: var(
        --system-action-button-border-color-down
    );
    --spectrum-actionbutton-border-color-focus: var(
        --system-action-button-border-color-focus
    );
    --spectrum-actionbutton-background-color-disabled: var(
        --system-action-button-background-color-disabled
    );
    --spectrum-actionbutton-border-color-disabled: var(
        --system-action-button-border-color-disabled
    );
    --spectrum-actionbutton-content-color-disabled: var(
        --system-action-button-content-color-disabled
    );
    --spectrum-actionbutton-min-width: var(--system-action-button-min-width);
    --spectrum-actionbutton-height: var(--system-action-button-height);
    --spectrum-actionbutton-icon-size: var(--system-action-button-icon-size);
    --spectrum-actionbutton-font-size: var(--system-action-button-font-size);
    --spectrum-actionbutton-text-to-visual: var(
        --system-action-button-text-to-visual
    );
    --spectrum-actionbutton-edge-to-hold-icon: var(
        --system-action-button-edge-to-hold-icon
    );
    --spectrum-actionbutton-edge-to-visual-size: var(
        --system-action-button-edge-to-visual-size
    );
    --spectrum-actionbutton-edge-to-visual-only-size: var(
        --system-action-button-edge-to-visual-only-size
    );
    --spectrum-actionbutton-edge-to-text-size: var(
        --system-action-button-edge-to-text-size
    );
}