From 1f5e60c887082c3eb65127e71c1856b04d608519 Mon Sep 17 00:00:00 2001 From: "[ Cassondra ]" Date: Tue, 5 Nov 2024 09:08:03 -0500 Subject: [PATCH] chore(tokens): remove committed component assets (#3366) --- .../css/components/bridge/actionbutton.css | 120 --- .../css/components/bridge/actiongroup.css | 18 - .../css/components/bridge/alertbanner.css | 16 - .../dist/css/components/bridge/assetcard.css | 16 - tokens/dist/css/components/bridge/button.css | 370 --------- .../dist/css/components/bridge/checkbox.css | 19 - .../css/components/bridge/clearbutton.css | 19 - .../css/components/bridge/closebutton.css | 19 - .../dist/css/components/bridge/combobox.css | 20 - .../dist/css/components/bridge/datepicker.css | 16 - tokens/dist/css/components/bridge/index.css | 763 ------------------ .../css/components/bridge/infieldbutton.css | 25 - tokens/dist/css/components/bridge/picker.css | 28 - .../css/components/bridge/pickerbutton.css | 24 - tokens/dist/css/components/bridge/popover.css | 16 - tokens/dist/css/components/bridge/radio.css | 25 - tokens/dist/css/components/bridge/rating.css | 19 - tokens/dist/css/components/bridge/search.css | 38 - tokens/dist/css/components/bridge/slider.css | 30 - tokens/dist/css/components/bridge/stepper.css | 40 - tokens/dist/css/components/bridge/switch.css | 23 - tokens/dist/css/components/bridge/tabs.css | 16 - tokens/dist/css/components/bridge/tag.css | 45 -- .../dist/css/components/bridge/textfield.css | 21 - tokens/dist/css/components/bridge/toast.css | 16 - tokens/dist/css/components/bridge/tooltip.css | 16 - .../css/components/express/actionbutton.css | 104 --- .../css/components/express/actiongroup.css | 18 - .../css/components/express/alertbanner.css | 16 - .../dist/css/components/express/assetcard.css | 16 - tokens/dist/css/components/express/button.css | 326 -------- .../dist/css/components/express/checkbox.css | 19 - .../css/components/express/clearbutton.css | 19 - .../css/components/express/closebutton.css | 19 - .../dist/css/components/express/combobox.css | 20 - .../css/components/express/datepicker.css | 16 - tokens/dist/css/components/express/index.css | 585 -------------- .../css/components/express/infieldbutton.css | 25 - tokens/dist/css/components/express/picker.css | 28 - .../css/components/express/pickerbutton.css | 24 - .../dist/css/components/express/popover.css | 16 - tokens/dist/css/components/express/radio.css | 23 - tokens/dist/css/components/express/rating.css | 19 - tokens/dist/css/components/express/search.css | 30 - tokens/dist/css/components/express/slider.css | 30 - .../dist/css/components/express/stepper.css | 38 - tokens/dist/css/components/express/switch.css | 23 - tokens/dist/css/components/express/tabs.css | 16 - tokens/dist/css/components/express/tag.css | 45 -- .../dist/css/components/express/textfield.css | 21 - tokens/dist/css/components/express/toast.css | 16 - .../dist/css/components/express/tooltip.css | 16 - .../css/components/spectrum/actionbutton.css | 104 --- .../css/components/spectrum/actiongroup.css | 18 - .../css/components/spectrum/alertbanner.css | 16 - .../css/components/spectrum/assetcard.css | 16 - .../dist/css/components/spectrum/button.css | 326 -------- .../dist/css/components/spectrum/checkbox.css | 19 - .../css/components/spectrum/clearbutton.css | 19 - .../css/components/spectrum/closebutton.css | 19 - .../dist/css/components/spectrum/combobox.css | 20 - .../css/components/spectrum/datepicker.css | 16 - tokens/dist/css/components/spectrum/index.css | 583 ------------- .../css/components/spectrum/infieldbutton.css | 25 - .../dist/css/components/spectrum/picker.css | 28 - .../css/components/spectrum/pickerbutton.css | 24 - .../dist/css/components/spectrum/popover.css | 16 - tokens/dist/css/components/spectrum/radio.css | 23 - .../dist/css/components/spectrum/rating.css | 19 - .../dist/css/components/spectrum/search.css | 30 - .../dist/css/components/spectrum/slider.css | 30 - .../dist/css/components/spectrum/stepper.css | 36 - .../dist/css/components/spectrum/switch.css | 23 - tokens/dist/css/components/spectrum/tabs.css | 16 - tokens/dist/css/components/spectrum/tag.css | 45 -- .../css/components/spectrum/textfield.css | 21 - tokens/dist/css/components/spectrum/toast.css | 16 - .../dist/css/components/spectrum/tooltip.css | 16 - 78 files changed, 4830 deletions(-) delete mode 100644 tokens/dist/css/components/bridge/actionbutton.css delete mode 100644 tokens/dist/css/components/bridge/actiongroup.css delete mode 100644 tokens/dist/css/components/bridge/alertbanner.css delete mode 100644 tokens/dist/css/components/bridge/assetcard.css delete mode 100644 tokens/dist/css/components/bridge/button.css delete mode 100644 tokens/dist/css/components/bridge/checkbox.css delete mode 100644 tokens/dist/css/components/bridge/clearbutton.css delete mode 100644 tokens/dist/css/components/bridge/closebutton.css delete mode 100644 tokens/dist/css/components/bridge/combobox.css delete mode 100644 tokens/dist/css/components/bridge/datepicker.css delete mode 100644 tokens/dist/css/components/bridge/index.css delete mode 100644 tokens/dist/css/components/bridge/infieldbutton.css delete mode 100644 tokens/dist/css/components/bridge/picker.css delete mode 100644 tokens/dist/css/components/bridge/pickerbutton.css delete mode 100644 tokens/dist/css/components/bridge/popover.css delete mode 100644 tokens/dist/css/components/bridge/radio.css delete mode 100644 tokens/dist/css/components/bridge/rating.css delete mode 100644 tokens/dist/css/components/bridge/search.css delete mode 100644 tokens/dist/css/components/bridge/slider.css delete mode 100644 tokens/dist/css/components/bridge/stepper.css delete mode 100644 tokens/dist/css/components/bridge/switch.css delete mode 100644 tokens/dist/css/components/bridge/tabs.css delete mode 100644 tokens/dist/css/components/bridge/tag.css delete mode 100644 tokens/dist/css/components/bridge/textfield.css delete mode 100644 tokens/dist/css/components/bridge/toast.css delete mode 100644 tokens/dist/css/components/bridge/tooltip.css delete mode 100644 tokens/dist/css/components/express/actionbutton.css delete mode 100644 tokens/dist/css/components/express/actiongroup.css delete mode 100644 tokens/dist/css/components/express/alertbanner.css delete mode 100644 tokens/dist/css/components/express/assetcard.css delete mode 100644 tokens/dist/css/components/express/button.css delete mode 100644 tokens/dist/css/components/express/checkbox.css delete mode 100644 tokens/dist/css/components/express/clearbutton.css delete mode 100644 tokens/dist/css/components/express/closebutton.css delete mode 100644 tokens/dist/css/components/express/combobox.css delete mode 100644 tokens/dist/css/components/express/datepicker.css delete mode 100644 tokens/dist/css/components/express/index.css delete mode 100644 tokens/dist/css/components/express/infieldbutton.css delete mode 100644 tokens/dist/css/components/express/picker.css delete mode 100644 tokens/dist/css/components/express/pickerbutton.css delete mode 100644 tokens/dist/css/components/express/popover.css delete mode 100644 tokens/dist/css/components/express/radio.css delete mode 100644 tokens/dist/css/components/express/rating.css delete mode 100644 tokens/dist/css/components/express/search.css delete mode 100644 tokens/dist/css/components/express/slider.css delete mode 100644 tokens/dist/css/components/express/stepper.css delete mode 100644 tokens/dist/css/components/express/switch.css delete mode 100644 tokens/dist/css/components/express/tabs.css delete mode 100644 tokens/dist/css/components/express/tag.css delete mode 100644 tokens/dist/css/components/express/textfield.css delete mode 100644 tokens/dist/css/components/express/toast.css delete mode 100644 tokens/dist/css/components/express/tooltip.css delete mode 100644 tokens/dist/css/components/spectrum/actionbutton.css delete mode 100644 tokens/dist/css/components/spectrum/actiongroup.css delete mode 100644 tokens/dist/css/components/spectrum/alertbanner.css delete mode 100644 tokens/dist/css/components/spectrum/assetcard.css delete mode 100644 tokens/dist/css/components/spectrum/button.css delete mode 100644 tokens/dist/css/components/spectrum/checkbox.css delete mode 100644 tokens/dist/css/components/spectrum/clearbutton.css delete mode 100644 tokens/dist/css/components/spectrum/closebutton.css delete mode 100644 tokens/dist/css/components/spectrum/combobox.css delete mode 100644 tokens/dist/css/components/spectrum/datepicker.css delete mode 100644 tokens/dist/css/components/spectrum/index.css delete mode 100644 tokens/dist/css/components/spectrum/infieldbutton.css delete mode 100644 tokens/dist/css/components/spectrum/picker.css delete mode 100644 tokens/dist/css/components/spectrum/pickerbutton.css delete mode 100644 tokens/dist/css/components/spectrum/popover.css delete mode 100644 tokens/dist/css/components/spectrum/radio.css delete mode 100644 tokens/dist/css/components/spectrum/rating.css delete mode 100644 tokens/dist/css/components/spectrum/search.css delete mode 100644 tokens/dist/css/components/spectrum/slider.css delete mode 100644 tokens/dist/css/components/spectrum/stepper.css delete mode 100644 tokens/dist/css/components/spectrum/switch.css delete mode 100644 tokens/dist/css/components/spectrum/tabs.css delete mode 100644 tokens/dist/css/components/spectrum/tag.css delete mode 100644 tokens/dist/css/components/spectrum/textfield.css delete mode 100644 tokens/dist/css/components/spectrum/toast.css delete mode 100644 tokens/dist/css/components/spectrum/tooltip.css diff --git a/tokens/dist/css/components/bridge/actionbutton.css b/tokens/dist/css/components/bridge/actionbutton.css deleted file mode 100644 index f2d9d05193c..00000000000 --- a/tokens/dist/css/components/bridge/actionbutton.css +++ /dev/null @@ -1,120 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-ActionButton { - --spectrum-actionbutton-background-color-default: var(--system-spectrum-actionbutton-background-color-default); - --spectrum-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-background-color-hover); - --spectrum-actionbutton-background-color-down: var(--system-spectrum-actionbutton-background-color-down); - --spectrum-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-background-color-focus); - --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-border-color-default); - --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-border-color-hover); - --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-border-color-down); - --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-border-color-focus); - --spectrum-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-background-color-disabled); - --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-border-color-disabled); - --spectrum-actionbutton-content-color-disabled: var(--system-spectrum-actionbutton-content-color-disabled); -} -.spectrum-ActionButton.spectrum-ActionButton--quiet { - --spectrum-actionbutton-background-color-default: var(--system-spectrum-actionbutton-quiet-background-color-default); - --spectrum-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-quiet-background-color-hover); - --spectrum-actionbutton-background-color-down: var(--system-spectrum-actionbutton-quiet-background-color-down); - --spectrum-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-quiet-background-color-focus); - --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-quiet-border-color-default); - --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-quiet-border-color-hover); - --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-quiet-border-color-down); - --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-quiet-border-color-focus); - --spectrum-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-quiet-background-color-disabled); - --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-quiet-border-color-disabled); -} -.spectrum-ActionButton.is-selected { - --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-selected-border-color-default); - --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-selected-border-color-hover); - --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-selected-border-color-down); - --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-selected-border-color-focus); - --spectrum-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-selected-background-color-disabled); - --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-selected-border-color-disabled); -} -.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet { - --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-staticblack-quiet-border-color-default); - --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-staticblack-quiet-border-color-hover); - --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-staticblack-quiet-border-color-down); - --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-staticblack-quiet-border-color-focus); - --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticblack-quiet-border-color-disabled); -} -.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet { - --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-staticwhite-quiet-border-color-default); - --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-staticwhite-quiet-border-color-hover); - --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-staticwhite-quiet-border-color-down); - --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-staticwhite-quiet-border-color-focus); - --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticwhite-quiet-border-color-disabled); -} -.spectrum-ActionButton.spectrum-ActionButton--staticBlack { - --spectrum-actionbutton-background-color-default: var(--system-spectrum-actionbutton-staticblack-background-color-default); - --spectrum-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-staticblack-background-color-hover); - --spectrum-actionbutton-background-color-down: var(--system-spectrum-actionbutton-staticblack-background-color-down); - --spectrum-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-staticblack-background-color-focus); - --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-staticblack-border-color-default); - --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-staticblack-border-color-hover); - --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-staticblack-border-color-down); - --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-staticblack-border-color-focus); - --spectrum-actionbutton-content-color-default: var(--system-spectrum-actionbutton-staticblack-content-color-default); - --spectrum-actionbutton-content-color-hover: var(--system-spectrum-actionbutton-staticblack-content-color-hover); - --spectrum-actionbutton-content-color-down: var(--system-spectrum-actionbutton-staticblack-content-color-down); - --spectrum-actionbutton-content-color-focus: var(--system-spectrum-actionbutton-staticblack-content-color-focus); - --spectrum-actionbutton-focus-indicator-color: var(--system-spectrum-actionbutton-staticblack-focus-indicator-color); - --spectrum-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-staticblack-background-color-disabled); - --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticblack-border-color-disabled); - --spectrum-actionbutton-content-color-disabled: var(--system-spectrum-actionbutton-staticblack-content-color-disabled); -} -.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected { - --mod-actionbutton-background-color-default: var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-default); - --mod-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-hover); - --mod-actionbutton-background-color-down: var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-down); - --mod-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-focus); - --mod-actionbutton-content-color-default: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-default)); - --mod-actionbutton-content-color-hover: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-hover)); - --mod-actionbutton-content-color-down: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-down)); - --mod-actionbutton-content-color-focus: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-focus)); - --mod-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-disabled); - --mod-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-border-color-disabled); -} -.spectrum-ActionButton.spectrum-ActionButton--staticWhite { - --spectrum-actionbutton-background-color-default: var(--system-spectrum-actionbutton-staticwhite-background-color-default); - --spectrum-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-staticwhite-background-color-hover); - --spectrum-actionbutton-background-color-down: var(--system-spectrum-actionbutton-staticwhite-background-color-down); - --spectrum-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-staticwhite-background-color-focus); - --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-staticwhite-border-color-default); - --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-staticwhite-border-color-hover); - --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-staticwhite-border-color-down); - --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-staticwhite-border-color-focus); - --spectrum-actionbutton-content-color-default: var(--system-spectrum-actionbutton-staticwhite-content-color-default); - --spectrum-actionbutton-content-color-hover: var(--system-spectrum-actionbutton-staticwhite-content-color-hover); - --spectrum-actionbutton-content-color-down: var(--system-spectrum-actionbutton-staticwhite-content-color-down); - --spectrum-actionbutton-content-color-focus: var(--system-spectrum-actionbutton-staticwhite-content-color-focus); - --spectrum-actionbutton-focus-indicator-color: var(--system-spectrum-actionbutton-staticwhite-focus-indicator-color); - --spectrum-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-staticwhite-background-color-disabled); - --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticwhite-border-color-disabled); - --spectrum-actionbutton-content-color-disabled: var(--system-spectrum-actionbutton-staticwhite-content-color-disabled); -} -.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected { - --mod-actionbutton-background-color-default: var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-default); - --mod-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-hover); - --mod-actionbutton-background-color-down: var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-down); - --mod-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-focus); - --mod-actionbutton-content-color-default: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-default)); - --mod-actionbutton-content-color-hover: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-hover)); - --mod-actionbutton-content-color-down: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-down)); - --mod-actionbutton-content-color-focus: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-focus)); - --mod-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-disabled); - --mod-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-border-color-disabled); -} diff --git a/tokens/dist/css/components/bridge/actiongroup.css b/tokens/dist/css/components/bridge/actiongroup.css deleted file mode 100644 index 79d96d08704..00000000000 --- a/tokens/dist/css/components/bridge/actiongroup.css +++ /dev/null @@ -1,18 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-ActionGroup { - --spectrum-actiongroup-gap-size-compact: var(--system-spectrum-actiongroup-gap-size-compact); - --spectrum-actiongroup-horizontal-spacing-compact: var(--system-spectrum-actiongroup-horizontal-spacing-compact); - --spectrum-actiongroup-vertical-spacing-compact: var(--system-spectrum-actiongroup-vertical-spacing-compact); -} diff --git a/tokens/dist/css/components/bridge/alertbanner.css b/tokens/dist/css/components/bridge/alertbanner.css deleted file mode 100644 index 030ea9fb330..00000000000 --- a/tokens/dist/css/components/bridge/alertbanner.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-AlertBanner { - --spectrum-alert-banner-netural-background: var(--system-spectrum-alertbanner-spectrum-alert-banner-netural-background); -} diff --git a/tokens/dist/css/components/bridge/assetcard.css b/tokens/dist/css/components/bridge/assetcard.css deleted file mode 100644 index a4319ead968..00000000000 --- a/tokens/dist/css/components/bridge/assetcard.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-AssetCard { - --spectrum-assetcard-overlay-background-color: var(--system-spectrum-assetcard-overlay-background-color); -} diff --git a/tokens/dist/css/components/bridge/button.css b/tokens/dist/css/components/bridge/button.css deleted file mode 100644 index 66b284f738a..00000000000 --- a/tokens/dist/css/components/bridge/button.css +++ /dev/null @@ -1,370 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-Button { - --spectrum-button-background-color-default: var(--system-spectrum-button-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-content-color-disabled); -} -.spectrum-Button.spectrum-Button--accent { - --spectrum-button-background-color-default: var(--system-spectrum-button-accent-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-accent-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-accent-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-accent-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-accent-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-accent-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-accent-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-accent-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-accent-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-accent-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-accent-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-accent-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-accent-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-accent-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-accent-content-color-disabled); -} -.spectrum-Button.spectrum-Button--accent.spectrum-Button--outline { - --spectrum-button-background-color-default: var(--system-spectrum-button-accent-outline-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-accent-outline-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-accent-outline-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-accent-outline-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-accent-outline-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-accent-outline-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-accent-outline-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-accent-outline-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-accent-outline-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-accent-outline-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-accent-outline-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-accent-outline-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-accent-outline-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-accent-outline-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-accent-outline-content-color-disabled); -} -.spectrum-Button.spectrum-Button--negative { - --spectrum-button-background-color-default: var(--system-spectrum-button-negative-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-negative-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-negative-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-negative-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-negative-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-negative-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-negative-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-negative-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-negative-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-negative-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-negative-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-negative-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-negative-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-negative-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-negative-content-color-disabled); -} -.spectrum-Button.spectrum-Button--negative.spectrum-Button--outline { - --spectrum-button-background-color-default: var(--system-spectrum-button-negative-outline-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-negative-outline-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-negative-outline-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-negative-outline-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-negative-outline-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-negative-outline-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-negative-outline-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-negative-outline-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-negative-outline-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-negative-outline-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-negative-outline-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-negative-outline-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-negative-outline-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-negative-outline-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-negative-outline-content-color-disabled); -} -.spectrum-Button.spectrum-Button--primary { - --spectrum-button-background-color-default: var(--system-spectrum-button-primary-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-primary-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-primary-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-primary-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-primary-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-primary-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-primary-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-primary-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-primary-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-primary-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-primary-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-primary-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-primary-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-primary-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-primary-content-color-disabled); -} -.spectrum-Button.spectrum-Button--primary.spectrum-Button--outline { - --spectrum-button-background-color-default: var(--system-spectrum-button-primary-outline-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-primary-outline-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-primary-outline-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-primary-outline-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-primary-outline-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-primary-outline-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-primary-outline-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-primary-outline-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-primary-outline-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-primary-outline-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-primary-outline-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-primary-outline-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-primary-outline-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-primary-outline-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-primary-outline-content-color-disabled); -} -.spectrum-Button.spectrum-Button--secondary { - --spectrum-button-background-color-default: var(--system-spectrum-button-secondary-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-secondary-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-secondary-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-secondary-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-secondary-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-secondary-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-secondary-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-secondary-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-secondary-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-secondary-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-secondary-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-secondary-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-secondary-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-secondary-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-secondary-content-color-disabled); -} -.spectrum-Button.spectrum-Button--secondary.spectrum-Button--outline { - --spectrum-button-background-color-default: var(--system-spectrum-button-secondary-outline-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-secondary-outline-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-secondary-outline-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-secondary-outline-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-secondary-outline-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-secondary-outline-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-secondary-outline-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-secondary-outline-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-secondary-outline-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-secondary-outline-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-secondary-outline-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-secondary-outline-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-secondary-outline-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-secondary-outline-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-secondary-outline-content-color-disabled); -} -.spectrum-Button.spectrum-Button--quiet { - --spectrum-button-background-color-default: var(--system-spectrum-button-quiet-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-quiet-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-quiet-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-quiet-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-quiet-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-quiet-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-quiet-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-quiet-border-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-quiet-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-quiet-border-color-disabled); -} -.spectrum-Button.is-selected { - --spectrum-button-background-color-default: var(--system-spectrum-button-selected-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-selected-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-selected-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-selected-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-selected-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-selected-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-selected-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-selected-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-selected-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-selected-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-selected-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-selected-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-selected-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-selected-border-color-disabled); -} -.spectrum-Button.is-selected.spectrum-Button--emphasized { - --spectrum-button-background-color-default: var(--system-spectrum-button-selected-emphasized-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-selected-emphasized-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-selected-emphasized-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-selected-emphasized-background-color-focus); -} -.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--quiet { - --spectrum-button-border-color-default: var(--system-spectrum-button-staticblack-quiet-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticblack-quiet-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticblack-quiet-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticblack-quiet-border-color-focus); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticblack-quiet-border-color-disabled); -} -.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--quiet { - --spectrum-button-border-color-default: var(--system-spectrum-button-staticwhite-quiet-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticwhite-quiet-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticwhite-quiet-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticwhite-quiet-border-color-focus); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-quiet-border-color-disabled); -} -.spectrum-Button.spectrum-Button--staticWhite { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticwhite-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticwhite-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticwhite-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticwhite-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-staticwhite-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticwhite-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticwhite-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticwhite-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-staticwhite-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-staticwhite-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-staticwhite-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-staticwhite-content-color-focus); - --spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticwhite-focus-indicator-color); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticwhite-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-staticwhite-content-color-disabled); -} -.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticwhite-outline-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticwhite-outline-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticwhite-outline-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticwhite-outline-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-staticwhite-outline-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticwhite-outline-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticwhite-outline-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticwhite-outline-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-staticwhite-outline-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-staticwhite-outline-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-staticwhite-outline-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-staticwhite-outline-content-color-focus); - --spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticwhite-outline-focus-indicator-color); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticwhite-outline-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-outline-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-staticwhite-outline-content-color-disabled); -} -.spectrum-Button.spectrum-Button--staticWhite.is-selected { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticwhite-selected-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticwhite-selected-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticwhite-selected-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticwhite-selected-background-color-focus); - --spectrum-button-content-color-default: var(--mod-button-static-content-color, var(--system-spectrum-button-staticwhite-selected-content-color-default)); - --spectrum-button-content-color-hover: var(--mod-button-static-content-color, var(--system-spectrum-button-staticwhite-selected-content-color-hover)); - --spectrum-button-content-color-down: var(--mod-button-static-content-color, var(--system-spectrum-button-staticwhite-selected-content-color-down)); - --spectrum-button-content-color-focus: var(--mod-button-static-content-color, var(--system-spectrum-button-staticwhite-selected-content-color-focus)); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticwhite-selected-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-selected-border-color-disabled); -} -.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--secondary { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticwhite-secondary-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticwhite-secondary-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticwhite-secondary-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticwhite-secondary-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-staticwhite-secondary-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticwhite-secondary-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticwhite-secondary-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticwhite-secondary-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-staticwhite-secondary-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-staticwhite-secondary-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-staticwhite-secondary-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-staticwhite-secondary-content-color-focus); - --spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticwhite-secondary-focus-indicator-color); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticwhite-secondary-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-secondary-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-staticwhite-secondary-content-color-disabled); -} -.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--secondary.spectrum-Button--outline { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticwhite-secondary-outline-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticwhite-secondary-outline-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticwhite-secondary-outline-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticwhite-secondary-outline-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-staticwhite-secondary-outline-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticwhite-secondary-outline-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticwhite-secondary-outline-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticwhite-secondary-outline-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-staticwhite-secondary-outline-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-staticwhite-secondary-outline-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-staticwhite-secondary-outline-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-staticwhite-secondary-outline-content-color-focus); - --spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticwhite-secondary-outline-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-secondary-outline-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-staticwhite-secondary-outline-content-color-disabled); -} -.spectrum-Button.spectrum-Button--staticBlack { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticblack-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticblack-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticblack-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticblack-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-staticblack-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticblack-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticblack-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticblack-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-staticblack-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-staticblack-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-staticblack-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-staticblack-content-color-focus); - --spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticblack-focus-indicator-color); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticblack-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticblack-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-staticblack-content-color-disabled); -} -.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticblack-outline-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticblack-outline-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticblack-outline-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticblack-outline-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-staticblack-outline-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticblack-outline-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticblack-outline-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticblack-outline-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-staticblack-outline-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-staticblack-outline-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-staticblack-outline-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-staticblack-outline-content-color-focus); - --spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticblack-outline-focus-indicator-color); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticblack-outline-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticblack-outline-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-staticblack-outline-content-color-disabled); -} -.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--secondary { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticblack-secondary-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticblack-secondary-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticblack-secondary-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticblack-secondary-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-staticblack-secondary-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticblack-secondary-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticblack-secondary-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticblack-secondary-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-staticblack-secondary-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-staticblack-secondary-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-staticblack-secondary-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-staticblack-secondary-content-color-focus); - --spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticblack-secondary-focus-indicator-color); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticblack-secondary-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticblack-secondary-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-staticblack-secondary-content-color-disabled); -} -.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--secondary.spectrum-Button--outline { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticblack-secondary-outline-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticblack-secondary-outline-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticblack-secondary-outline-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticblack-secondary-outline-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-staticblack-secondary-outline-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticblack-secondary-outline-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticblack-secondary-outline-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticblack-secondary-outline-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-staticblack-secondary-outline-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-staticblack-secondary-outline-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-staticblack-secondary-outline-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-staticblack-secondary-outline-content-color-focus); - --spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticblack-secondary-outline-focus-indicator-color); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticblack-secondary-outline-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticblack-secondary-outline-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-staticblack-secondary-outline-content-color-disabled); -} diff --git a/tokens/dist/css/components/bridge/checkbox.css b/tokens/dist/css/components/bridge/checkbox.css deleted file mode 100644 index 6cf4b556466..00000000000 --- a/tokens/dist/css/components/bridge/checkbox.css +++ /dev/null @@ -1,19 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-Checkbox { - --spectrum-checkbox-control-color-default: var(--system-spectrum-checkbox-control-color-default); - --spectrum-checkbox-control-color-hover: var(--system-spectrum-checkbox-control-color-hover); - --spectrum-checkbox-control-color-down: var(--system-spectrum-checkbox-control-color-down); - --spectrum-checkbox-control-color-focus: var(--system-spectrum-checkbox-control-color-focus); -} diff --git a/tokens/dist/css/components/bridge/clearbutton.css b/tokens/dist/css/components/bridge/clearbutton.css deleted file mode 100644 index 328ab865712..00000000000 --- a/tokens/dist/css/components/bridge/clearbutton.css +++ /dev/null @@ -1,19 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-ClearButton { - --spectrum-clear-button-background-color: var(--system-spectrum-clearbutton-spectrum-clear-button-background-color); - --spectrum-clear-button-background-color-hover: var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover); - --spectrum-clear-button-background-color-down: var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down); - --spectrum-clear-button-background-color-key-focus: var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus); -} diff --git a/tokens/dist/css/components/bridge/closebutton.css b/tokens/dist/css/components/bridge/closebutton.css deleted file mode 100644 index 48dc92e67ff..00000000000 --- a/tokens/dist/css/components/bridge/closebutton.css +++ /dev/null @@ -1,19 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-CloseButton { - --spectrum-closebutton-background-color-default: var(--system-spectrum-closebutton-background-color-default); - --spectrum-closebutton-background-color-hover: var(--system-spectrum-closebutton-background-color-hover); - --spectrum-closebutton-background-color-down: var(--system-spectrum-closebutton-background-color-down); - --spectrum-closebutton-background-color-focus: var(--system-spectrum-closebutton-background-color-focus); -} diff --git a/tokens/dist/css/components/bridge/combobox.css b/tokens/dist/css/components/bridge/combobox.css deleted file mode 100644 index 719a0cbaee6..00000000000 --- a/tokens/dist/css/components/bridge/combobox.css +++ /dev/null @@ -1,20 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-Combobox { - --spectrum-combobox-border-color-default: var(--system-spectrum-combobox-border-color-default); - --spectrum-combobox-border-color-hover: var(--system-spectrum-combobox-border-color-hover); - --spectrum-combobox-border-color-focus: var(--system-spectrum-combobox-border-color-focus); - --spectrum-combobox-border-color-focus-hover: var(--system-spectrum-combobox-border-color-focus-hover); - --spectrum-combobox-border-color-key-focus: var(--system-spectrum-combobox-border-color-key-focus); -} diff --git a/tokens/dist/css/components/bridge/datepicker.css b/tokens/dist/css/components/bridge/datepicker.css deleted file mode 100644 index 6cea6bf980b..00000000000 --- a/tokens/dist/css/components/bridge/datepicker.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-DatePicker { - --spectrum-datepicker-initial-height: var(--system-spectrum-datepicker-initial-height); -} diff --git a/tokens/dist/css/components/bridge/index.css b/tokens/dist/css/components/bridge/index.css deleted file mode 100644 index 06fd00e48e2..00000000000 --- a/tokens/dist/css/components/bridge/index.css +++ /dev/null @@ -1,763 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-ActionButton { - --spectrum-actionbutton-background-color-default: var(--system-spectrum-actionbutton-background-color-default); - --spectrum-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-background-color-hover); - --spectrum-actionbutton-background-color-down: var(--system-spectrum-actionbutton-background-color-down); - --spectrum-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-background-color-focus); - --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-border-color-default); - --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-border-color-hover); - --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-border-color-down); - --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-border-color-focus); - --spectrum-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-background-color-disabled); - --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-border-color-disabled); - --spectrum-actionbutton-content-color-disabled: var(--system-spectrum-actionbutton-content-color-disabled); -} - -.spectrum-ActionButton.spectrum-ActionButton--quiet { - --spectrum-actionbutton-background-color-default: var(--system-spectrum-actionbutton-quiet-background-color-default); - --spectrum-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-quiet-background-color-hover); - --spectrum-actionbutton-background-color-down: var(--system-spectrum-actionbutton-quiet-background-color-down); - --spectrum-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-quiet-background-color-focus); - --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-quiet-border-color-default); - --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-quiet-border-color-hover); - --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-quiet-border-color-down); - --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-quiet-border-color-focus); - --spectrum-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-quiet-background-color-disabled); - --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-quiet-border-color-disabled); -} - -.spectrum-ActionButton.is-selected { - --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-selected-border-color-default); - --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-selected-border-color-hover); - --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-selected-border-color-down); - --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-selected-border-color-focus); - --spectrum-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-selected-background-color-disabled); - --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-selected-border-color-disabled); -} - -.spectrum-ActionButton.spectrum-ActionButton--staticBlack.spectrum-ActionButton--quiet { - --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-staticblack-quiet-border-color-default); - --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-staticblack-quiet-border-color-hover); - --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-staticblack-quiet-border-color-down); - --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-staticblack-quiet-border-color-focus); - --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticblack-quiet-border-color-disabled); -} - -.spectrum-ActionButton.spectrum-ActionButton--staticWhite.spectrum-ActionButton--quiet { - --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-staticwhite-quiet-border-color-default); - --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-staticwhite-quiet-border-color-hover); - --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-staticwhite-quiet-border-color-down); - --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-staticwhite-quiet-border-color-focus); - --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticwhite-quiet-border-color-disabled); -} - -.spectrum-ActionButton.spectrum-ActionButton--staticBlack { - --spectrum-actionbutton-background-color-default: var(--system-spectrum-actionbutton-staticblack-background-color-default); - --spectrum-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-staticblack-background-color-hover); - --spectrum-actionbutton-background-color-down: var(--system-spectrum-actionbutton-staticblack-background-color-down); - --spectrum-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-staticblack-background-color-focus); - --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-staticblack-border-color-default); - --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-staticblack-border-color-hover); - --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-staticblack-border-color-down); - --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-staticblack-border-color-focus); - --spectrum-actionbutton-content-color-default: var(--system-spectrum-actionbutton-staticblack-content-color-default); - --spectrum-actionbutton-content-color-hover: var(--system-spectrum-actionbutton-staticblack-content-color-hover); - --spectrum-actionbutton-content-color-down: var(--system-spectrum-actionbutton-staticblack-content-color-down); - --spectrum-actionbutton-content-color-focus: var(--system-spectrum-actionbutton-staticblack-content-color-focus); - --spectrum-actionbutton-focus-indicator-color: var(--system-spectrum-actionbutton-staticblack-focus-indicator-color); - --spectrum-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-staticblack-background-color-disabled); - --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticblack-border-color-disabled); - --spectrum-actionbutton-content-color-disabled: var(--system-spectrum-actionbutton-staticblack-content-color-disabled); -} - -.spectrum-ActionButton.spectrum-ActionButton--staticBlack.is-selected { - --mod-actionbutton-background-color-default: var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-default); - --mod-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-hover); - --mod-actionbutton-background-color-down: var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-down); - --mod-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-focus); - --mod-actionbutton-content-color-default: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-default)); - --mod-actionbutton-content-color-hover: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-hover)); - --mod-actionbutton-content-color-down: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-down)); - --mod-actionbutton-content-color-focus: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-focus)); - --mod-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-disabled); - --mod-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-border-color-disabled); -} - -.spectrum-ActionButton.spectrum-ActionButton--staticWhite { - --spectrum-actionbutton-background-color-default: var(--system-spectrum-actionbutton-staticwhite-background-color-default); - --spectrum-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-staticwhite-background-color-hover); - --spectrum-actionbutton-background-color-down: var(--system-spectrum-actionbutton-staticwhite-background-color-down); - --spectrum-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-staticwhite-background-color-focus); - --spectrum-actionbutton-border-color-default: var(--system-spectrum-actionbutton-staticwhite-border-color-default); - --spectrum-actionbutton-border-color-hover: var(--system-spectrum-actionbutton-staticwhite-border-color-hover); - --spectrum-actionbutton-border-color-down: var(--system-spectrum-actionbutton-staticwhite-border-color-down); - --spectrum-actionbutton-border-color-focus: var(--system-spectrum-actionbutton-staticwhite-border-color-focus); - --spectrum-actionbutton-content-color-default: var(--system-spectrum-actionbutton-staticwhite-content-color-default); - --spectrum-actionbutton-content-color-hover: var(--system-spectrum-actionbutton-staticwhite-content-color-hover); - --spectrum-actionbutton-content-color-down: var(--system-spectrum-actionbutton-staticwhite-content-color-down); - --spectrum-actionbutton-content-color-focus: var(--system-spectrum-actionbutton-staticwhite-content-color-focus); - --spectrum-actionbutton-focus-indicator-color: var(--system-spectrum-actionbutton-staticwhite-focus-indicator-color); - --spectrum-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-staticwhite-background-color-disabled); - --spectrum-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticwhite-border-color-disabled); - --spectrum-actionbutton-content-color-disabled: var(--system-spectrum-actionbutton-staticwhite-content-color-disabled); -} - -.spectrum-ActionButton.spectrum-ActionButton--staticWhite.is-selected { - --mod-actionbutton-background-color-default: var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-default); - --mod-actionbutton-background-color-hover: var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-hover); - --mod-actionbutton-background-color-down: var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-down); - --mod-actionbutton-background-color-focus: var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-focus); - --mod-actionbutton-content-color-default: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-default)); - --mod-actionbutton-content-color-hover: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-hover)); - --mod-actionbutton-content-color-down: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-down)); - --mod-actionbutton-content-color-focus: var(--mod-actionbutton-static-content-color, var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-focus)); - --mod-actionbutton-background-color-disabled: var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-disabled); - --mod-actionbutton-border-color-disabled: var(--system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-border-color-disabled); -} - -.spectrum-ActionGroup { - --spectrum-actiongroup-gap-size-compact: var(--system-spectrum-actiongroup-gap-size-compact); - --spectrum-actiongroup-horizontal-spacing-compact: var(--system-spectrum-actiongroup-horizontal-spacing-compact); - --spectrum-actiongroup-vertical-spacing-compact: var(--system-spectrum-actiongroup-vertical-spacing-compact); -} - -.spectrum-AlertBanner { - --spectrum-alert-banner-netural-background: var(--system-spectrum-alertbanner-spectrum-alert-banner-netural-background); -} - -.spectrum-AssetCard { - --spectrum-assetcard-overlay-background-color: var(--system-spectrum-assetcard-overlay-background-color); -} - -.spectrum-Button { - --spectrum-button-background-color-default: var(--system-spectrum-button-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-content-color-disabled); -} - -.spectrum-Button.spectrum-Button--accent { - --spectrum-button-background-color-default: var(--system-spectrum-button-accent-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-accent-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-accent-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-accent-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-accent-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-accent-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-accent-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-accent-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-accent-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-accent-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-accent-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-accent-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-accent-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-accent-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-accent-content-color-disabled); -} - -.spectrum-Button.spectrum-Button--accent.spectrum-Button--outline { - --spectrum-button-background-color-default: var(--system-spectrum-button-accent-outline-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-accent-outline-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-accent-outline-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-accent-outline-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-accent-outline-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-accent-outline-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-accent-outline-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-accent-outline-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-accent-outline-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-accent-outline-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-accent-outline-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-accent-outline-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-accent-outline-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-accent-outline-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-accent-outline-content-color-disabled); -} - -.spectrum-Button.spectrum-Button--negative { - --spectrum-button-background-color-default: var(--system-spectrum-button-negative-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-negative-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-negative-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-negative-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-negative-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-negative-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-negative-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-negative-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-negative-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-negative-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-negative-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-negative-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-negative-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-negative-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-negative-content-color-disabled); -} - -.spectrum-Button.spectrum-Button--negative.spectrum-Button--outline { - --spectrum-button-background-color-default: var(--system-spectrum-button-negative-outline-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-negative-outline-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-negative-outline-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-negative-outline-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-negative-outline-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-negative-outline-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-negative-outline-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-negative-outline-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-negative-outline-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-negative-outline-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-negative-outline-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-negative-outline-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-negative-outline-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-negative-outline-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-negative-outline-content-color-disabled); -} - -.spectrum-Button.spectrum-Button--primary { - --spectrum-button-background-color-default: var(--system-spectrum-button-primary-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-primary-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-primary-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-primary-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-primary-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-primary-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-primary-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-primary-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-primary-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-primary-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-primary-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-primary-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-primary-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-primary-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-primary-content-color-disabled); -} - -.spectrum-Button.spectrum-Button--primary.spectrum-Button--outline { - --spectrum-button-background-color-default: var(--system-spectrum-button-primary-outline-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-primary-outline-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-primary-outline-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-primary-outline-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-primary-outline-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-primary-outline-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-primary-outline-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-primary-outline-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-primary-outline-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-primary-outline-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-primary-outline-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-primary-outline-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-primary-outline-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-primary-outline-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-primary-outline-content-color-disabled); -} - -.spectrum-Button.spectrum-Button--secondary { - --spectrum-button-background-color-default: var(--system-spectrum-button-secondary-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-secondary-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-secondary-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-secondary-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-secondary-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-secondary-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-secondary-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-secondary-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-secondary-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-secondary-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-secondary-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-secondary-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-secondary-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-secondary-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-secondary-content-color-disabled); -} - -.spectrum-Button.spectrum-Button--secondary.spectrum-Button--outline { - --spectrum-button-background-color-default: var(--system-spectrum-button-secondary-outline-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-secondary-outline-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-secondary-outline-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-secondary-outline-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-secondary-outline-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-secondary-outline-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-secondary-outline-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-secondary-outline-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-secondary-outline-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-secondary-outline-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-secondary-outline-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-secondary-outline-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-secondary-outline-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-secondary-outline-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-secondary-outline-content-color-disabled); -} - -.spectrum-Button.spectrum-Button--quiet { - --spectrum-button-background-color-default: var(--system-spectrum-button-quiet-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-quiet-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-quiet-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-quiet-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-quiet-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-quiet-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-quiet-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-quiet-border-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-quiet-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-quiet-border-color-disabled); -} - -.spectrum-Button.is-selected { - --spectrum-button-background-color-default: var(--system-spectrum-button-selected-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-selected-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-selected-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-selected-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-selected-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-selected-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-selected-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-selected-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-selected-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-selected-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-selected-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-selected-content-color-focus); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-selected-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-selected-border-color-disabled); -} - -.spectrum-Button.is-selected.spectrum-Button--emphasized { - --spectrum-button-background-color-default: var(--system-spectrum-button-selected-emphasized-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-selected-emphasized-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-selected-emphasized-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-selected-emphasized-background-color-focus); -} - -.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--quiet { - --spectrum-button-border-color-default: var(--system-spectrum-button-staticblack-quiet-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticblack-quiet-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticblack-quiet-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticblack-quiet-border-color-focus); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticblack-quiet-border-color-disabled); -} - -.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--quiet { - --spectrum-button-border-color-default: var(--system-spectrum-button-staticwhite-quiet-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticwhite-quiet-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticwhite-quiet-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticwhite-quiet-border-color-focus); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-quiet-border-color-disabled); -} - -.spectrum-Button.spectrum-Button--staticWhite { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticwhite-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticwhite-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticwhite-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticwhite-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-staticwhite-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticwhite-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticwhite-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticwhite-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-staticwhite-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-staticwhite-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-staticwhite-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-staticwhite-content-color-focus); - --spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticwhite-focus-indicator-color); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticwhite-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-staticwhite-content-color-disabled); -} - -.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--outline { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticwhite-outline-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticwhite-outline-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticwhite-outline-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticwhite-outline-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-staticwhite-outline-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticwhite-outline-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticwhite-outline-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticwhite-outline-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-staticwhite-outline-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-staticwhite-outline-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-staticwhite-outline-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-staticwhite-outline-content-color-focus); - --spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticwhite-outline-focus-indicator-color); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticwhite-outline-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-outline-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-staticwhite-outline-content-color-disabled); -} - -.spectrum-Button.spectrum-Button--staticWhite.is-selected { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticwhite-selected-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticwhite-selected-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticwhite-selected-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticwhite-selected-background-color-focus); - --spectrum-button-content-color-default: var(--mod-button-static-content-color, var(--system-spectrum-button-staticwhite-selected-content-color-default)); - --spectrum-button-content-color-hover: var(--mod-button-static-content-color, var(--system-spectrum-button-staticwhite-selected-content-color-hover)); - --spectrum-button-content-color-down: var(--mod-button-static-content-color, var(--system-spectrum-button-staticwhite-selected-content-color-down)); - --spectrum-button-content-color-focus: var(--mod-button-static-content-color, var(--system-spectrum-button-staticwhite-selected-content-color-focus)); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticwhite-selected-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-selected-border-color-disabled); -} - -.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--secondary { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticwhite-secondary-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticwhite-secondary-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticwhite-secondary-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticwhite-secondary-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-staticwhite-secondary-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticwhite-secondary-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticwhite-secondary-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticwhite-secondary-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-staticwhite-secondary-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-staticwhite-secondary-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-staticwhite-secondary-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-staticwhite-secondary-content-color-focus); - --spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticwhite-secondary-focus-indicator-color); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticwhite-secondary-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-secondary-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-staticwhite-secondary-content-color-disabled); -} - -.spectrum-Button.spectrum-Button--staticWhite.spectrum-Button--secondary.spectrum-Button--outline { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticwhite-secondary-outline-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticwhite-secondary-outline-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticwhite-secondary-outline-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticwhite-secondary-outline-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-staticwhite-secondary-outline-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticwhite-secondary-outline-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticwhite-secondary-outline-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticwhite-secondary-outline-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-staticwhite-secondary-outline-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-staticwhite-secondary-outline-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-staticwhite-secondary-outline-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-staticwhite-secondary-outline-content-color-focus); - --spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticwhite-secondary-outline-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticwhite-secondary-outline-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-staticwhite-secondary-outline-content-color-disabled); -} - -.spectrum-Button.spectrum-Button--staticBlack { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticblack-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticblack-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticblack-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticblack-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-staticblack-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticblack-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticblack-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticblack-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-staticblack-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-staticblack-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-staticblack-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-staticblack-content-color-focus); - --spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticblack-focus-indicator-color); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticblack-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticblack-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-staticblack-content-color-disabled); -} - -.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--outline { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticblack-outline-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticblack-outline-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticblack-outline-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticblack-outline-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-staticblack-outline-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticblack-outline-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticblack-outline-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticblack-outline-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-staticblack-outline-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-staticblack-outline-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-staticblack-outline-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-staticblack-outline-content-color-focus); - --spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticblack-outline-focus-indicator-color); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticblack-outline-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticblack-outline-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-staticblack-outline-content-color-disabled); -} - -.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--secondary { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticblack-secondary-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticblack-secondary-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticblack-secondary-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticblack-secondary-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-staticblack-secondary-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticblack-secondary-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticblack-secondary-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticblack-secondary-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-staticblack-secondary-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-staticblack-secondary-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-staticblack-secondary-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-staticblack-secondary-content-color-focus); - --spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticblack-secondary-focus-indicator-color); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticblack-secondary-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticblack-secondary-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-staticblack-secondary-content-color-disabled); -} - -.spectrum-Button.spectrum-Button--staticBlack.spectrum-Button--secondary.spectrum-Button--outline { - --spectrum-button-background-color-default: var(--system-spectrum-button-staticblack-secondary-outline-background-color-default); - --spectrum-button-background-color-hover: var(--system-spectrum-button-staticblack-secondary-outline-background-color-hover); - --spectrum-button-background-color-down: var(--system-spectrum-button-staticblack-secondary-outline-background-color-down); - --spectrum-button-background-color-focus: var(--system-spectrum-button-staticblack-secondary-outline-background-color-focus); - --spectrum-button-border-color-default: var(--system-spectrum-button-staticblack-secondary-outline-border-color-default); - --spectrum-button-border-color-hover: var(--system-spectrum-button-staticblack-secondary-outline-border-color-hover); - --spectrum-button-border-color-down: var(--system-spectrum-button-staticblack-secondary-outline-border-color-down); - --spectrum-button-border-color-focus: var(--system-spectrum-button-staticblack-secondary-outline-border-color-focus); - --spectrum-button-content-color-default: var(--system-spectrum-button-staticblack-secondary-outline-content-color-default); - --spectrum-button-content-color-hover: var(--system-spectrum-button-staticblack-secondary-outline-content-color-hover); - --spectrum-button-content-color-down: var(--system-spectrum-button-staticblack-secondary-outline-content-color-down); - --spectrum-button-content-color-focus: var(--system-spectrum-button-staticblack-secondary-outline-content-color-focus); - --spectrum-button-focus-indicator-color: var(--system-spectrum-button-staticblack-secondary-outline-focus-indicator-color); - --spectrum-button-background-color-disabled: var(--system-spectrum-button-staticblack-secondary-outline-background-color-disabled); - --spectrum-button-border-color-disabled: var(--system-spectrum-button-staticblack-secondary-outline-border-color-disabled); - --spectrum-button-content-color-disabled: var(--system-spectrum-button-staticblack-secondary-outline-content-color-disabled); -} - -.spectrum-Checkbox { - --spectrum-checkbox-control-color-default: var(--system-spectrum-checkbox-control-color-default); - --spectrum-checkbox-control-color-hover: var(--system-spectrum-checkbox-control-color-hover); - --spectrum-checkbox-control-color-down: var(--system-spectrum-checkbox-control-color-down); - --spectrum-checkbox-control-color-focus: var(--system-spectrum-checkbox-control-color-focus); -} - -.spectrum-ClearButton { - --spectrum-clear-button-background-color: var(--system-spectrum-clearbutton-spectrum-clear-button-background-color); - --spectrum-clear-button-background-color-hover: var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-hover); - --spectrum-clear-button-background-color-down: var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-down); - --spectrum-clear-button-background-color-key-focus: var(--system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus); -} - -.spectrum-CloseButton { - --spectrum-closebutton-background-color-default: var(--system-spectrum-closebutton-background-color-default); - --spectrum-closebutton-background-color-hover: var(--system-spectrum-closebutton-background-color-hover); - --spectrum-closebutton-background-color-down: var(--system-spectrum-closebutton-background-color-down); - --spectrum-closebutton-background-color-focus: var(--system-spectrum-closebutton-background-color-focus); -} - -.spectrum-Combobox { - --spectrum-combobox-border-color-default: var(--system-spectrum-combobox-border-color-default); - --spectrum-combobox-border-color-hover: var(--system-spectrum-combobox-border-color-hover); - --spectrum-combobox-border-color-focus: var(--system-spectrum-combobox-border-color-focus); - --spectrum-combobox-border-color-focus-hover: var(--system-spectrum-combobox-border-color-focus-hover); - --spectrum-combobox-border-color-key-focus: var(--system-spectrum-combobox-border-color-key-focus); -} - -.spectrum-DatePicker { - --spectrum-datepicker-initial-height: var(--system-spectrum-datepicker-initial-height); -} - -.spectrum-InfieldButton { - --spectrum-infield-button-border-width: var(--system-spectrum-infieldbutton-spectrum-infield-button-border-width); - --spectrum-infield-button-border-color: var(--system-spectrum-infieldbutton-spectrum-infield-button-border-color); - --spectrum-infield-button-border-radius: var(--system-spectrum-infieldbutton-spectrum-infield-button-border-radius); - --spectrum-infield-button-border-radius-reset: var(--system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset); - --spectrum-infield-button-stacked-top-border-radius-start-start: var(--system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start); - --spectrum-infield-button-stacked-bottom-border-radius-end-start: var(--system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start); - --spectrum-infield-button-background-color: var(--system-spectrum-infieldbutton-spectrum-infield-button-background-color); - --spectrum-infield-button-background-color-hover: var(--system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover); - --spectrum-infield-button-background-color-down: var(--system-spectrum-infieldbutton-spectrum-infield-button-background-color-down); - --spectrum-infield-button-background-color-key-focus: var(--system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus); -} - -.spectrum-Picker { - --spectrum-picker-background-color-default: var(--system-spectrum-picker-background-color-default); - --spectrum-picker-background-color-default-open: var(--system-spectrum-picker-background-color-default-open); - --spectrum-picker-background-color-active: var(--system-spectrum-picker-background-color-active); - --spectrum-picker-background-color-hover: var(--system-spectrum-picker-background-color-hover); - --spectrum-picker-background-color-hover-open: var(--system-spectrum-picker-background-color-hover-open); - --spectrum-picker-background-color-key-focus: var(--system-spectrum-picker-background-color-key-focus); - --spectrum-picker-border-color-default: var(--system-spectrum-picker-border-color-default); - --spectrum-picker-border-color-default-open: var(--system-spectrum-picker-border-color-default-open); - --spectrum-picker-border-color-hover: var(--system-spectrum-picker-border-color-hover); - --spectrum-picker-border-color-hover-open: var(--system-spectrum-picker-border-color-hover-open); - --spectrum-picker-border-color-active: var(--system-spectrum-picker-border-color-active); - --spectrum-picker-border-color-key-focus: var(--system-spectrum-picker-border-color-key-focus); - --spectrum-picker-border-width: var(--system-spectrum-picker-border-width); -} - -.spectrum-PickerButton { - --spectrum-picker-button-background-color: var(--system-spectrum-pickerbutton-spectrum-picker-button-background-color); - --spectrum-picker-button-background-color-hover: var(--system-spectrum-pickerbutton-spectrum-picker-button-background-color-hover); - --spectrum-picker-button-background-color-down: var(--system-spectrum-pickerbutton-spectrum-picker-button-background-color-down); - --spectrum-picker-button-background-color-key-focus: var(--system-spectrum-pickerbutton-spectrum-picker-button-background-color-key-focus); - --spectrum-picker-button-border-color: var(--system-spectrum-pickerbutton-spectrum-picker-button-border-color); - --spectrum-picker-button-border-radius: var(--system-spectrum-pickerbutton-spectrum-picker-button-border-radius); - --spectrum-picker-button-border-radius-rounded-sided: var(--system-spectrum-pickerbutton-spectrum-picker-button-border-radius-rounded-sided); - --spectrum-picker-button-border-radius-sided: var(--system-spectrum-pickerbutton-spectrum-picker-button-border-radius-sided); - --spectrum-picker-button-border-width: var(--system-spectrum-pickerbutton-spectrum-picker-button-border-width); -} - -.spectrum-Popover { - --spectrum-popover-border-width: var(--system-spectrum-popover-border-width); -} - -.spectrum-Radio { - --spectrum-radio-button-border-color-default: var(--system-spectrum-radio-button-border-color-default); - --spectrum-radio-button-border-color-hover: var(--system-spectrum-radio-button-border-color-hover); - --spectrum-radio-button-border-color-down: var(--system-spectrum-radio-button-border-color-down); - --spectrum-radio-button-border-color-focus: var(--system-spectrum-radio-button-border-color-focus); -} - -.spectrum-Radio--emphasized { - --spectrum-radio-button-checked-border-color-default: var(--system-spectrum-radio-emphasized-button-checked-border-color-default); - --spectrum-radio-button-checked-border-color-hover: var(--system-spectrum-radio-emphasized-button-checked-border-color-hover); - --spectrum-radio-button-checked-border-color-down: var(--system-spectrum-radio-emphasized-button-checked-border-color-down); - --spectrum-radio-button-checked-border-color-focus: var(--system-spectrum-radio-emphasized-button-checked-border-color-focus); -} - -.spectrum-Rating { - --spectrum-rating-icon-color-default: var(--system-spectrum-rating-icon-color-default); - --spectrum-rating-icon-color-hover: var(--system-spectrum-rating-icon-color-hover); - --spectrum-rating-icon-color-down: var(--system-spectrum-rating-icon-color-down); - --spectrum-rating-icon-color-key-focus: var(--system-spectrum-rating-icon-color-key-focus); -} - -.spectrum-Search { - --spectrum-search-border-radius: var(--system-spectrum-search-border-radius); - --spectrum-search-edge-to-visual: var(--system-spectrum-search-edge-to-visual); - --spectrum-search-border-color-default: var(--system-spectrum-search-border-color-default); - --spectrum-search-border-color-hover: var(--system-spectrum-search-border-color-hover); - --spectrum-search-border-color-focus: var(--system-spectrum-search-border-color-focus); - --spectrum-search-border-color-focus-hover: var(--system-spectrum-search-border-color-focus-hover); - --spectrum-search-border-color-key-focus: var(--system-spectrum-search-border-color-key-focus); -} - -.spectrum-Search--sizeS { - --spectrum-search-border-radius: var(--system-spectrum-search-sizes-border-radius); - --spectrum-search-edge-to-visual: var(--system-spectrum-search-sizes-edge-to-visual); -} - -.spectrum-Search--sizeM { - --spectrum-search-border-radius: var(--system-spectrum-search-sizem-border-radius); - --spectrum-search-edge-to-visual: var(--system-spectrum-search-sizem-edge-to-visual); -} - -.spectrum-Search--sizeL { - --spectrum-search-border-radius: var(--system-spectrum-search-sizel-border-radius); - --spectrum-search-edge-to-visual: var(--system-spectrum-search-sizel-edge-to-visual); -} - -.spectrum-Search--sizeXL { - --spectrum-search-border-radius: var(--system-spectrum-search-sizexl-border-radius); - --spectrum-search-edge-to-visual: var(--system-spectrum-search-sizexl-edge-to-visual); -} - -.spectrum-Slider { - --spectrum-slider-track-color: var(--system-spectrum-slider-track-color); - --spectrum-slider-track-fill-color: var(--system-spectrum-slider-track-fill-color); - --spectrum-slider-ramp-track-color: var(--system-spectrum-slider-ramp-track-color); - --spectrum-slider-ramp-track-color-disabled: var(--system-spectrum-slider-ramp-track-color-disabled); - --spectrum-slider-handle-background-color: var(--system-spectrum-slider-handle-background-color); - --spectrum-slider-handle-background-color-disabled: var(--system-spectrum-slider-handle-background-color-disabled); - --spectrum-slider-ramp-handle-background-color: var(--system-spectrum-slider-ramp-handle-background-color); - --spectrum-slider-ticks-handle-background-color: var(--system-spectrum-slider-ticks-handle-background-color); - --spectrum-slider-handle-border-color: var(--system-spectrum-slider-handle-border-color); - --spectrum-slider-handle-disabled-background-color: var(--system-spectrum-slider-handle-disabled-background-color); - --spectrum-slider-tick-mark-color: var(--system-spectrum-slider-tick-mark-color); - --spectrum-slider-handle-border-color-hover: var(--system-spectrum-slider-handle-border-color-hover); - --spectrum-slider-handle-border-color-down: var(--system-spectrum-slider-handle-border-color-down); - --spectrum-slider-handle-border-color-key-focus: var(--system-spectrum-slider-handle-border-color-key-focus); - --spectrum-slider-handle-focus-ring-color-key-focus: var(--system-spectrum-slider-handle-focus-ring-color-key-focus); -} - -.spectrum-Stepper { - --spectrum-stepper-border-width: var(--system-spectrum-stepper-border-width); - --spectrum-stepper-buttons-border-style: var(--system-spectrum-stepper-buttons-border-style); - --spectrum-stepper-buttons-border-width: var(--system-spectrum-stepper-buttons-border-width); - --spectrum-stepper-buttons-border-color: var(--system-spectrum-stepper-buttons-border-color); - --spectrum-stepper-buttons-background-color: var(--system-spectrum-stepper-buttons-background-color); - --spectrum-stepper-buttons-border-color-hover: var(--system-spectrum-stepper-buttons-border-color-hover); - --spectrum-stepper-buttons-border-color-focus: var(--system-spectrum-stepper-buttons-border-color-focus); - --spectrum-stepper-buttons-border-color-keyboard-focus: var(--system-spectrum-stepper-buttons-border-color-keyboard-focus); - --spectrum-stepper-button-border-radius-reset: var(--system-spectrum-stepper-button-border-radius-reset); - --spectrum-stepper-button-border-width: var(--system-spectrum-stepper-button-border-width); - --spectrum-stepper-border-color: var(--system-spectrum-stepper-border-color); - --spectrum-stepper-border-color-hover: var(--system-spectrum-stepper-border-color-hover); - --spectrum-stepper-border-color-focus: var(--system-spectrum-stepper-border-color-focus); - --spectrum-stepper-border-color-focus-hover: var(--system-spectrum-stepper-border-color-focus-hover); - --spectrum-stepper-border-color-keyboard-focus: var(--system-spectrum-stepper-border-color-keyboard-focus); - --spectrum-stepper-border-color-invalid: var(--system-spectrum-stepper-border-color-invalid); - --spectrum-stepper-border-color-focus-invalid: var(--system-spectrum-stepper-border-color-focus-invalid); - --spectrum-stepper-border-color-focus-hover-invalid: var(--system-spectrum-stepper-border-color-focus-hover-invalid); - --spectrum-stepper-border-color-keyboard-focus-invalid: var(--system-spectrum-stepper-border-color-keyboard-focus-invalid); - --spectrum-stepper-button-background-color-focus: var(--system-spectrum-stepper-button-background-color-focus); - --spectrum-stepper-button-background-color-keyboard-focus: var(--system-spectrum-stepper-button-background-color-keyboard-focus); -} - -.spectrum-Stepper.is-disabled { - --spectrum-stepper-buttons-background-color: var(--system-spectrum-stepper-disabled-buttons-background-color); - --spectrum-stepper-buttons-border-width: var(--system-spectrum-stepper-disabled-buttons-border-width); -} - -.spectrum-Switch { - --spectrum-switch-handle-border-color-default: var(--system-spectrum-switch-handle-border-color-default); - --spectrum-switch-handle-border-color-hover: var(--system-spectrum-switch-handle-border-color-hover); - --spectrum-switch-handle-border-color-down: var(--system-spectrum-switch-handle-border-color-down); - --spectrum-switch-handle-border-color-focus: var(--system-spectrum-switch-handle-border-color-focus); - --spectrum-switch-handle-border-color-selected-default: var(--system-spectrum-switch-handle-border-color-selected-default); - --spectrum-switch-handle-border-color-selected-hover: var(--system-spectrum-switch-handle-border-color-selected-hover); - --spectrum-switch-handle-border-color-selected-down: var(--system-spectrum-switch-handle-border-color-selected-down); - --spectrum-switch-handle-border-color-selected-focus: var(--system-spectrum-switch-handle-border-color-selected-focus); -} - -.spectrum-Tabs { - --spectrum-tabs-font-weight: var(--system-spectrum-tabs-font-weight); -} - -.spectrum-Tag { - --spectrum-tag-border-color: var(--system-spectrum-tag-border-color); - --spectrum-tag-border-color-hover: var(--system-spectrum-tag-border-color-hover); - --spectrum-tag-border-color-active: var(--system-spectrum-tag-border-color-active); - --spectrum-tag-border-color-focus: var(--system-spectrum-tag-border-color-focus); - --spectrum-tag-size-small-corner-radius: var(--system-spectrum-tag-size-small-corner-radius); - --spectrum-tag-size-medium-corner-radius: var(--system-spectrum-tag-size-medium-corner-radius); - --spectrum-tag-size-large-corner-radius: var(--system-spectrum-tag-size-large-corner-radius); - --spectrum-tag-background-color: var(--system-spectrum-tag-background-color); - --spectrum-tag-background-color-hover: var(--system-spectrum-tag-background-color-hover); - --spectrum-tag-background-color-active: var(--system-spectrum-tag-background-color-active); - --spectrum-tag-background-color-focus: var(--system-spectrum-tag-background-color-focus); - --spectrum-tag-content-color: var(--system-spectrum-tag-content-color); - --spectrum-tag-content-color-hover: var(--system-spectrum-tag-content-color-hover); - --spectrum-tag-content-color-active: var(--system-spectrum-tag-content-color-active); - --spectrum-tag-content-color-focus: var(--system-spectrum-tag-content-color-focus); - --spectrum-tag-border-color-selected: var(--system-spectrum-tag-border-color-selected); - --spectrum-tag-border-color-selected-hover: var(--system-spectrum-tag-border-color-selected-hover); - --spectrum-tag-border-color-selected-active: var(--system-spectrum-tag-border-color-selected-active); - --spectrum-tag-border-color-selected-focus: var(--system-spectrum-tag-border-color-selected-focus); - --spectrum-tag-border-color-disabled: var(--system-spectrum-tag-border-color-disabled); - --spectrum-tag-background-color-disabled: var(--system-spectrum-tag-background-color-disabled); - --spectrum-tag-size-small-spacing-inline-start: var(--system-spectrum-tag-size-small-spacing-inline-start); - --spectrum-tag-size-small-label-spacing-inline-end: var(--system-spectrum-tag-size-small-label-spacing-inline-end); - --spectrum-tag-size-small-clear-button-spacing-inline-end: var(--system-spectrum-tag-size-small-clear-button-spacing-inline-end); - --spectrum-tag-size-medium-spacing-inline-start: var(--system-spectrum-tag-size-medium-spacing-inline-start); - --spectrum-tag-size-medium-label-spacing-inline-end: var(--system-spectrum-tag-size-medium-label-spacing-inline-end); - --spectrum-tag-size-medium-clear-button-spacing-inline-end: var(--system-spectrum-tag-size-medium-clear-button-spacing-inline-end); - --spectrum-tag-size-large-spacing-inline-start: var(--system-spectrum-tag-size-large-spacing-inline-start); - --spectrum-tag-size-large-label-spacing-inline-end: var(--system-spectrum-tag-size-large-label-spacing-inline-end); - --spectrum-tag-size-large-clear-button-spacing-inline-end: var(--system-spectrum-tag-size-large-clear-button-spacing-inline-end); -} - -.spectrum-Textfield { - --spectrum-textfield-border-color: var(--system-spectrum-textfield-border-color); - --spectrum-textfield-border-color-hover: var(--system-spectrum-textfield-border-color-hover); - --spectrum-textfield-border-color-focus: var(--system-spectrum-textfield-border-color-focus); - --spectrum-textfield-border-color-focus-hover: var(--system-spectrum-textfield-border-color-focus-hover); - --spectrum-textfield-border-color-keyboard-focus: var(--system-spectrum-textfield-border-color-keyboard-focus); - --spectrum-textfield-border-width: var(--system-spectrum-textfield-border-width); -} - -.spectrum-Toast { - --spectrum-toast-background-color-default: var(--system-spectrum-toast-background-color-default); -} - -.spectrum-Tooltip { - --spectrum-tooltip-backgound-color-default-neutral: var(--system-spectrum-tooltip-backgound-color-default-neutral); -} diff --git a/tokens/dist/css/components/bridge/infieldbutton.css b/tokens/dist/css/components/bridge/infieldbutton.css deleted file mode 100644 index f490fc8f86a..00000000000 --- a/tokens/dist/css/components/bridge/infieldbutton.css +++ /dev/null @@ -1,25 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-InfieldButton { - --spectrum-infield-button-border-width: var(--system-spectrum-infieldbutton-spectrum-infield-button-border-width); - --spectrum-infield-button-border-color: var(--system-spectrum-infieldbutton-spectrum-infield-button-border-color); - --spectrum-infield-button-border-radius: var(--system-spectrum-infieldbutton-spectrum-infield-button-border-radius); - --spectrum-infield-button-border-radius-reset: var(--system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset); - --spectrum-infield-button-stacked-top-border-radius-start-start: var(--system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start); - --spectrum-infield-button-stacked-bottom-border-radius-end-start: var(--system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start); - --spectrum-infield-button-background-color: var(--system-spectrum-infieldbutton-spectrum-infield-button-background-color); - --spectrum-infield-button-background-color-hover: var(--system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover); - --spectrum-infield-button-background-color-down: var(--system-spectrum-infieldbutton-spectrum-infield-button-background-color-down); - --spectrum-infield-button-background-color-key-focus: var(--system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus); -} diff --git a/tokens/dist/css/components/bridge/picker.css b/tokens/dist/css/components/bridge/picker.css deleted file mode 100644 index 0ec728da2e7..00000000000 --- a/tokens/dist/css/components/bridge/picker.css +++ /dev/null @@ -1,28 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-Picker { - --spectrum-picker-background-color-default: var(--system-spectrum-picker-background-color-default); - --spectrum-picker-background-color-default-open: var(--system-spectrum-picker-background-color-default-open); - --spectrum-picker-background-color-active: var(--system-spectrum-picker-background-color-active); - --spectrum-picker-background-color-hover: var(--system-spectrum-picker-background-color-hover); - --spectrum-picker-background-color-hover-open: var(--system-spectrum-picker-background-color-hover-open); - --spectrum-picker-background-color-key-focus: var(--system-spectrum-picker-background-color-key-focus); - --spectrum-picker-border-color-default: var(--system-spectrum-picker-border-color-default); - --spectrum-picker-border-color-default-open: var(--system-spectrum-picker-border-color-default-open); - --spectrum-picker-border-color-hover: var(--system-spectrum-picker-border-color-hover); - --spectrum-picker-border-color-hover-open: var(--system-spectrum-picker-border-color-hover-open); - --spectrum-picker-border-color-active: var(--system-spectrum-picker-border-color-active); - --spectrum-picker-border-color-key-focus: var(--system-spectrum-picker-border-color-key-focus); - --spectrum-picker-border-width: var(--system-spectrum-picker-border-width); -} diff --git a/tokens/dist/css/components/bridge/pickerbutton.css b/tokens/dist/css/components/bridge/pickerbutton.css deleted file mode 100644 index a110492d7ca..00000000000 --- a/tokens/dist/css/components/bridge/pickerbutton.css +++ /dev/null @@ -1,24 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-PickerButton { - --spectrum-picker-button-background-color: var(--system-spectrum-pickerbutton-spectrum-picker-button-background-color); - --spectrum-picker-button-background-color-hover: var(--system-spectrum-pickerbutton-spectrum-picker-button-background-color-hover); - --spectrum-picker-button-background-color-down: var(--system-spectrum-pickerbutton-spectrum-picker-button-background-color-down); - --spectrum-picker-button-background-color-key-focus: var(--system-spectrum-pickerbutton-spectrum-picker-button-background-color-key-focus); - --spectrum-picker-button-border-color: var(--system-spectrum-pickerbutton-spectrum-picker-button-border-color); - --spectrum-picker-button-border-radius: var(--system-spectrum-pickerbutton-spectrum-picker-button-border-radius); - --spectrum-picker-button-border-radius-rounded-sided: var(--system-spectrum-pickerbutton-spectrum-picker-button-border-radius-rounded-sided); - --spectrum-picker-button-border-radius-sided: var(--system-spectrum-pickerbutton-spectrum-picker-button-border-radius-sided); - --spectrum-picker-button-border-width: var(--system-spectrum-pickerbutton-spectrum-picker-button-border-width); -} diff --git a/tokens/dist/css/components/bridge/popover.css b/tokens/dist/css/components/bridge/popover.css deleted file mode 100644 index 21dd5a8e453..00000000000 --- a/tokens/dist/css/components/bridge/popover.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-Popover { - --spectrum-popover-border-width: var(--system-spectrum-popover-border-width); -} diff --git a/tokens/dist/css/components/bridge/radio.css b/tokens/dist/css/components/bridge/radio.css deleted file mode 100644 index 08bfc273b20..00000000000 --- a/tokens/dist/css/components/bridge/radio.css +++ /dev/null @@ -1,25 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-Radio { - --spectrum-radio-button-border-color-default: var(--system-spectrum-radio-button-border-color-default); - --spectrum-radio-button-border-color-hover: var(--system-spectrum-radio-button-border-color-hover); - --spectrum-radio-button-border-color-down: var(--system-spectrum-radio-button-border-color-down); - --spectrum-radio-button-border-color-focus: var(--system-spectrum-radio-button-border-color-focus); -} -.spectrum-Radio--emphasized { - --spectrum-radio-button-checked-border-color-default: var(--system-spectrum-radio-emphasized-button-checked-border-color-default); - --spectrum-radio-button-checked-border-color-hover: var(--system-spectrum-radio-emphasized-button-checked-border-color-hover); - --spectrum-radio-button-checked-border-color-down: var(--system-spectrum-radio-emphasized-button-checked-border-color-down); - --spectrum-radio-button-checked-border-color-focus: var(--system-spectrum-radio-emphasized-button-checked-border-color-focus); -} diff --git a/tokens/dist/css/components/bridge/rating.css b/tokens/dist/css/components/bridge/rating.css deleted file mode 100644 index 5dbdc4d1de1..00000000000 --- a/tokens/dist/css/components/bridge/rating.css +++ /dev/null @@ -1,19 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-Rating { - --spectrum-rating-icon-color-default: var(--system-spectrum-rating-icon-color-default); - --spectrum-rating-icon-color-hover: var(--system-spectrum-rating-icon-color-hover); - --spectrum-rating-icon-color-down: var(--system-spectrum-rating-icon-color-down); - --spectrum-rating-icon-color-key-focus: var(--system-spectrum-rating-icon-color-key-focus); -} diff --git a/tokens/dist/css/components/bridge/search.css b/tokens/dist/css/components/bridge/search.css deleted file mode 100644 index 79f23c507d3..00000000000 --- a/tokens/dist/css/components/bridge/search.css +++ /dev/null @@ -1,38 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-Search { - --spectrum-search-border-radius: var(--system-spectrum-search-border-radius); - --spectrum-search-edge-to-visual: var(--system-spectrum-search-edge-to-visual); - --spectrum-search-border-color-default: var(--system-spectrum-search-border-color-default); - --spectrum-search-border-color-hover: var(--system-spectrum-search-border-color-hover); - --spectrum-search-border-color-focus: var(--system-spectrum-search-border-color-focus); - --spectrum-search-border-color-focus-hover: var(--system-spectrum-search-border-color-focus-hover); - --spectrum-search-border-color-key-focus: var(--system-spectrum-search-border-color-key-focus); -} -.spectrum-Search--sizeS { - --spectrum-search-border-radius: var(--system-spectrum-search-sizes-border-radius); - --spectrum-search-edge-to-visual: var(--system-spectrum-search-sizes-edge-to-visual); -} -.spectrum-Search--sizeM { - --spectrum-search-border-radius: var(--system-spectrum-search-sizem-border-radius); - --spectrum-search-edge-to-visual: var(--system-spectrum-search-sizem-edge-to-visual); -} -.spectrum-Search--sizeL { - --spectrum-search-border-radius: var(--system-spectrum-search-sizel-border-radius); - --spectrum-search-edge-to-visual: var(--system-spectrum-search-sizel-edge-to-visual); -} -.spectrum-Search--sizeXL { - --spectrum-search-border-radius: var(--system-spectrum-search-sizexl-border-radius); - --spectrum-search-edge-to-visual: var(--system-spectrum-search-sizexl-edge-to-visual); -} diff --git a/tokens/dist/css/components/bridge/slider.css b/tokens/dist/css/components/bridge/slider.css deleted file mode 100644 index bacc46bb52f..00000000000 --- a/tokens/dist/css/components/bridge/slider.css +++ /dev/null @@ -1,30 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-Slider { - --spectrum-slider-track-color: var(--system-spectrum-slider-track-color); - --spectrum-slider-track-fill-color: var(--system-spectrum-slider-track-fill-color); - --spectrum-slider-ramp-track-color: var(--system-spectrum-slider-ramp-track-color); - --spectrum-slider-ramp-track-color-disabled: var(--system-spectrum-slider-ramp-track-color-disabled); - --spectrum-slider-handle-background-color: var(--system-spectrum-slider-handle-background-color); - --spectrum-slider-handle-background-color-disabled: var(--system-spectrum-slider-handle-background-color-disabled); - --spectrum-slider-ramp-handle-background-color: var(--system-spectrum-slider-ramp-handle-background-color); - --spectrum-slider-ticks-handle-background-color: var(--system-spectrum-slider-ticks-handle-background-color); - --spectrum-slider-handle-border-color: var(--system-spectrum-slider-handle-border-color); - --spectrum-slider-handle-disabled-background-color: var(--system-spectrum-slider-handle-disabled-background-color); - --spectrum-slider-tick-mark-color: var(--system-spectrum-slider-tick-mark-color); - --spectrum-slider-handle-border-color-hover: var(--system-spectrum-slider-handle-border-color-hover); - --spectrum-slider-handle-border-color-down: var(--system-spectrum-slider-handle-border-color-down); - --spectrum-slider-handle-border-color-key-focus: var(--system-spectrum-slider-handle-border-color-key-focus); - --spectrum-slider-handle-focus-ring-color-key-focus: var(--system-spectrum-slider-handle-focus-ring-color-key-focus); -} diff --git a/tokens/dist/css/components/bridge/stepper.css b/tokens/dist/css/components/bridge/stepper.css deleted file mode 100644 index e3aaa302ed5..00000000000 --- a/tokens/dist/css/components/bridge/stepper.css +++ /dev/null @@ -1,40 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-Stepper { - --spectrum-stepper-border-width: var(--system-spectrum-stepper-border-width); - --spectrum-stepper-buttons-border-style: var(--system-spectrum-stepper-buttons-border-style); - --spectrum-stepper-buttons-border-width: var(--system-spectrum-stepper-buttons-border-width); - --spectrum-stepper-buttons-border-color: var(--system-spectrum-stepper-buttons-border-color); - --spectrum-stepper-buttons-background-color: var(--system-spectrum-stepper-buttons-background-color); - --spectrum-stepper-buttons-border-color-hover: var(--system-spectrum-stepper-buttons-border-color-hover); - --spectrum-stepper-buttons-border-color-focus: var(--system-spectrum-stepper-buttons-border-color-focus); - --spectrum-stepper-buttons-border-color-keyboard-focus: var(--system-spectrum-stepper-buttons-border-color-keyboard-focus); - --spectrum-stepper-button-border-radius-reset: var(--system-spectrum-stepper-button-border-radius-reset); - --spectrum-stepper-button-border-width: var(--system-spectrum-stepper-button-border-width); - --spectrum-stepper-border-color: var(--system-spectrum-stepper-border-color); - --spectrum-stepper-border-color-hover: var(--system-spectrum-stepper-border-color-hover); - --spectrum-stepper-border-color-focus: var(--system-spectrum-stepper-border-color-focus); - --spectrum-stepper-border-color-focus-hover: var(--system-spectrum-stepper-border-color-focus-hover); - --spectrum-stepper-border-color-keyboard-focus: var(--system-spectrum-stepper-border-color-keyboard-focus); - --spectrum-stepper-border-color-invalid: var(--system-spectrum-stepper-border-color-invalid); - --spectrum-stepper-border-color-focus-invalid: var(--system-spectrum-stepper-border-color-focus-invalid); - --spectrum-stepper-border-color-focus-hover-invalid: var(--system-spectrum-stepper-border-color-focus-hover-invalid); - --spectrum-stepper-border-color-keyboard-focus-invalid: var(--system-spectrum-stepper-border-color-keyboard-focus-invalid); - --spectrum-stepper-button-background-color-focus: var(--system-spectrum-stepper-button-background-color-focus); - --spectrum-stepper-button-background-color-keyboard-focus: var(--system-spectrum-stepper-button-background-color-keyboard-focus); -} -.spectrum-Stepper.is-disabled { - --spectrum-stepper-buttons-background-color: var(--system-spectrum-stepper-disabled-buttons-background-color); - --spectrum-stepper-buttons-border-width: var(--system-spectrum-stepper-disabled-buttons-border-width); -} diff --git a/tokens/dist/css/components/bridge/switch.css b/tokens/dist/css/components/bridge/switch.css deleted file mode 100644 index 5c85388b0ab..00000000000 --- a/tokens/dist/css/components/bridge/switch.css +++ /dev/null @@ -1,23 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-Switch { - --spectrum-switch-handle-border-color-default: var(--system-spectrum-switch-handle-border-color-default); - --spectrum-switch-handle-border-color-hover: var(--system-spectrum-switch-handle-border-color-hover); - --spectrum-switch-handle-border-color-down: var(--system-spectrum-switch-handle-border-color-down); - --spectrum-switch-handle-border-color-focus: var(--system-spectrum-switch-handle-border-color-focus); - --spectrum-switch-handle-border-color-selected-default: var(--system-spectrum-switch-handle-border-color-selected-default); - --spectrum-switch-handle-border-color-selected-hover: var(--system-spectrum-switch-handle-border-color-selected-hover); - --spectrum-switch-handle-border-color-selected-down: var(--system-spectrum-switch-handle-border-color-selected-down); - --spectrum-switch-handle-border-color-selected-focus: var(--system-spectrum-switch-handle-border-color-selected-focus); -} diff --git a/tokens/dist/css/components/bridge/tabs.css b/tokens/dist/css/components/bridge/tabs.css deleted file mode 100644 index eaea09ed394..00000000000 --- a/tokens/dist/css/components/bridge/tabs.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-Tabs { - --spectrum-tabs-font-weight: var(--system-spectrum-tabs-font-weight); -} diff --git a/tokens/dist/css/components/bridge/tag.css b/tokens/dist/css/components/bridge/tag.css deleted file mode 100644 index 576f43ca8a6..00000000000 --- a/tokens/dist/css/components/bridge/tag.css +++ /dev/null @@ -1,45 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-Tag { - --spectrum-tag-border-color: var(--system-spectrum-tag-border-color); - --spectrum-tag-border-color-hover: var(--system-spectrum-tag-border-color-hover); - --spectrum-tag-border-color-active: var(--system-spectrum-tag-border-color-active); - --spectrum-tag-border-color-focus: var(--system-spectrum-tag-border-color-focus); - --spectrum-tag-size-small-corner-radius: var(--system-spectrum-tag-size-small-corner-radius); - --spectrum-tag-size-medium-corner-radius: var(--system-spectrum-tag-size-medium-corner-radius); - --spectrum-tag-size-large-corner-radius: var(--system-spectrum-tag-size-large-corner-radius); - --spectrum-tag-background-color: var(--system-spectrum-tag-background-color); - --spectrum-tag-background-color-hover: var(--system-spectrum-tag-background-color-hover); - --spectrum-tag-background-color-active: var(--system-spectrum-tag-background-color-active); - --spectrum-tag-background-color-focus: var(--system-spectrum-tag-background-color-focus); - --spectrum-tag-content-color: var(--system-spectrum-tag-content-color); - --spectrum-tag-content-color-hover: var(--system-spectrum-tag-content-color-hover); - --spectrum-tag-content-color-active: var(--system-spectrum-tag-content-color-active); - --spectrum-tag-content-color-focus: var(--system-spectrum-tag-content-color-focus); - --spectrum-tag-border-color-selected: var(--system-spectrum-tag-border-color-selected); - --spectrum-tag-border-color-selected-hover: var(--system-spectrum-tag-border-color-selected-hover); - --spectrum-tag-border-color-selected-active: var(--system-spectrum-tag-border-color-selected-active); - --spectrum-tag-border-color-selected-focus: var(--system-spectrum-tag-border-color-selected-focus); - --spectrum-tag-border-color-disabled: var(--system-spectrum-tag-border-color-disabled); - --spectrum-tag-background-color-disabled: var(--system-spectrum-tag-background-color-disabled); - --spectrum-tag-size-small-spacing-inline-start: var(--system-spectrum-tag-size-small-spacing-inline-start); - --spectrum-tag-size-small-label-spacing-inline-end: var(--system-spectrum-tag-size-small-label-spacing-inline-end); - --spectrum-tag-size-small-clear-button-spacing-inline-end: var(--system-spectrum-tag-size-small-clear-button-spacing-inline-end); - --spectrum-tag-size-medium-spacing-inline-start: var(--system-spectrum-tag-size-medium-spacing-inline-start); - --spectrum-tag-size-medium-label-spacing-inline-end: var(--system-spectrum-tag-size-medium-label-spacing-inline-end); - --spectrum-tag-size-medium-clear-button-spacing-inline-end: var(--system-spectrum-tag-size-medium-clear-button-spacing-inline-end); - --spectrum-tag-size-large-spacing-inline-start: var(--system-spectrum-tag-size-large-spacing-inline-start); - --spectrum-tag-size-large-label-spacing-inline-end: var(--system-spectrum-tag-size-large-label-spacing-inline-end); - --spectrum-tag-size-large-clear-button-spacing-inline-end: var(--system-spectrum-tag-size-large-clear-button-spacing-inline-end); -} diff --git a/tokens/dist/css/components/bridge/textfield.css b/tokens/dist/css/components/bridge/textfield.css deleted file mode 100644 index 9f6f1616a17..00000000000 --- a/tokens/dist/css/components/bridge/textfield.css +++ /dev/null @@ -1,21 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-Textfield { - --spectrum-textfield-border-color: var(--system-spectrum-textfield-border-color); - --spectrum-textfield-border-color-hover: var(--system-spectrum-textfield-border-color-hover); - --spectrum-textfield-border-color-focus: var(--system-spectrum-textfield-border-color-focus); - --spectrum-textfield-border-color-focus-hover: var(--system-spectrum-textfield-border-color-focus-hover); - --spectrum-textfield-border-color-keyboard-focus: var(--system-spectrum-textfield-border-color-keyboard-focus); - --spectrum-textfield-border-width: var(--system-spectrum-textfield-border-width); -} diff --git a/tokens/dist/css/components/bridge/toast.css b/tokens/dist/css/components/bridge/toast.css deleted file mode 100644 index 3e078919966..00000000000 --- a/tokens/dist/css/components/bridge/toast.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-Toast { - --spectrum-toast-background-color-default: var(--system-spectrum-toast-background-color-default); -} diff --git a/tokens/dist/css/components/bridge/tooltip.css b/tokens/dist/css/components/bridge/tooltip.css deleted file mode 100644 index 715d093c82c..00000000000 --- a/tokens/dist/css/components/bridge/tooltip.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum-Tooltip { - --spectrum-tooltip-backgound-color-default-neutral: var(--system-spectrum-tooltip-backgound-color-default-neutral); -} diff --git a/tokens/dist/css/components/express/actionbutton.css b/tokens/dist/css/components/express/actionbutton.css deleted file mode 100644 index b9f413a1e77..00000000000 --- a/tokens/dist/css/components/express/actionbutton.css +++ /dev/null @@ -1,104 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-actionbutton-background-color-default: var(--spectrum-gray-200); - --system-spectrum-actionbutton-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-actionbutton-background-color-down: var(--spectrum-gray-400); - --system-spectrum-actionbutton-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-actionbutton-border-color-default: transparent; - --system-spectrum-actionbutton-border-color-hover: transparent; - --system-spectrum-actionbutton-border-color-down: transparent; - --system-spectrum-actionbutton-border-color-focus: transparent; - --system-spectrum-actionbutton-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-actionbutton-border-color-disabled: transparent; - --system-spectrum-actionbutton-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-actionbutton-quiet-background-color-default: transparent; - --system-spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-actionbutton-quiet-background-color-down: var(--spectrum-gray-400); - --system-spectrum-actionbutton-quiet-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-actionbutton-quiet-border-color-default: transparent; - --system-spectrum-actionbutton-quiet-border-color-hover: transparent; - --system-spectrum-actionbutton-quiet-border-color-down: transparent; - --system-spectrum-actionbutton-quiet-border-color-focus: transparent; - --system-spectrum-actionbutton-quiet-background-color-disabled: transparent; - --system-spectrum-actionbutton-quiet-border-color-disabled: transparent; - --system-spectrum-actionbutton-selected-border-color-default: transparent; - --system-spectrum-actionbutton-selected-border-color-hover: transparent; - --system-spectrum-actionbutton-selected-border-color-down: transparent; - --system-spectrum-actionbutton-selected-border-color-focus: transparent; - --system-spectrum-actionbutton-selected-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-actionbutton-selected-border-color-disabled: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-default: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-default: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-hover: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-hover: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-down: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-down: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-focus: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-focus: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-disabled: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-disabled: transparent; - --system-spectrum-actionbutton-staticblack-background-color-default: var(--spectrum-transparent-black-200); - --system-spectrum-actionbutton-staticblack-background-color-hover: var(--spectrum-transparent-black-300); - --system-spectrum-actionbutton-staticblack-background-color-down: var(--spectrum-transparent-black-400); - --system-spectrum-actionbutton-staticblack-background-color-focus: var(--spectrum-transparent-black-300); - --system-spectrum-actionbutton-staticblack-border-color-default: transparent; - --system-spectrum-actionbutton-staticblack-border-color-hover: transparent; - --system-spectrum-actionbutton-staticblack-border-color-down: transparent; - --system-spectrum-actionbutton-staticblack-border-color-focus: transparent; - --system-spectrum-actionbutton-staticblack-content-color-default: var(--spectrum-black); - --system-spectrum-actionbutton-staticblack-content-color-hover: var(--spectrum-black); - --system-spectrum-actionbutton-staticblack-content-color-down: var(--spectrum-black); - --system-spectrum-actionbutton-staticblack-content-color-focus: var(--spectrum-black); - --system-spectrum-actionbutton-staticblack-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-actionbutton-staticblack-background-color-disabled: transparent; - --system-spectrum-actionbutton-staticblack-border-color-disabled: var(--spectrum-disabled-static-black-border-color); - --system-spectrum-actionbutton-staticblack-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-default: var(--spectrum-transparent-black-800); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-hover: var(--spectrum-transparent-black-900); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-down: var(--spectrum-transparent-black-900); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-focus: var(--spectrum-transparent-black-900); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-default: var(--spectrum-white); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-hover: var(--spectrum-white); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-down: var(--spectrum-white); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-focus: var(--spectrum-white); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-disabled: var(--spectrum-disabled-static-black-background-color); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-border-color-disabled: transparent; - --system-spectrum-actionbutton-staticwhite-background-color-default: var(--spectrum-transparent-white-200); - --system-spectrum-actionbutton-staticwhite-background-color-hover: var(--spectrum-transparent-white-300); - --system-spectrum-actionbutton-staticwhite-background-color-down: var(--spectrum-transparent-white-400); - --system-spectrum-actionbutton-staticwhite-background-color-focus: var(--spectrum-transparent-white-300); - --system-spectrum-actionbutton-staticwhite-border-color-default: transparent; - --system-spectrum-actionbutton-staticwhite-border-color-hover: transparent; - --system-spectrum-actionbutton-staticwhite-border-color-down: transparent; - --system-spectrum-actionbutton-staticwhite-border-color-focus: transparent; - --system-spectrum-actionbutton-staticwhite-content-color-default: var(--spectrum-white); - --system-spectrum-actionbutton-staticwhite-content-color-hover: var(--spectrum-white); - --system-spectrum-actionbutton-staticwhite-content-color-down: var(--spectrum-white); - --system-spectrum-actionbutton-staticwhite-content-color-focus: var(--spectrum-white); - --system-spectrum-actionbutton-staticwhite-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-actionbutton-staticwhite-background-color-disabled: transparent; - --system-spectrum-actionbutton-staticwhite-border-color-disabled: var(--spectrum-disabled-static-white-border-color); - --system-spectrum-actionbutton-staticwhite-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-default: var(--spectrum-transparent-white-800); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-hover: var(--spectrum-transparent-white-900); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-down: var(--spectrum-transparent-white-900); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-focus: var(--spectrum-transparent-white-900); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-default: var(--spectrum-black); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-hover: var(--spectrum-black); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-down: var(--spectrum-black); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-focus: var(--spectrum-black); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-disabled: var(--spectrum-disabled-static-white-background-color); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-border-color-disabled: transparent; -} diff --git a/tokens/dist/css/components/express/actiongroup.css b/tokens/dist/css/components/express/actiongroup.css deleted file mode 100644 index 6d4df423308..00000000000 --- a/tokens/dist/css/components/express/actiongroup.css +++ /dev/null @@ -1,18 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-actiongroup-gap-size-compact: var(--spectrum-spacing-50); - --system-spectrum-actiongroup-horizontal-spacing-compact: calc(-1px * var(--spectrum-spacing-50)); - --system-spectrum-actiongroup-vertical-spacing-compact: calc(-1px * var(--spectrum-spacing-50)); -} diff --git a/tokens/dist/css/components/express/alertbanner.css b/tokens/dist/css/components/express/alertbanner.css deleted file mode 100644 index a4ce337efbc..00000000000 --- a/tokens/dist/css/components/express/alertbanner.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-alertbanner-spectrum-alert-banner-netural-background: var(--spectrum-neutral-background-color-default); -} diff --git a/tokens/dist/css/components/express/assetcard.css b/tokens/dist/css/components/express/assetcard.css deleted file mode 100644 index c09fe2e04be..00000000000 --- a/tokens/dist/css/components/express/assetcard.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-assetcard-overlay-background-color: rgba(109, 115, 246, 0.2); -} diff --git a/tokens/dist/css/components/express/button.css b/tokens/dist/css/components/express/button.css deleted file mode 100644 index f2a5caefa1e..00000000000 --- a/tokens/dist/css/components/express/button.css +++ /dev/null @@ -1,326 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-button-background-color-default: var(--spectrum-gray-200); - --system-spectrum-button-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-button-background-color-down: var(--spectrum-gray-400); - --system-spectrum-button-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-button-border-color-default: transparent; - --system-spectrum-button-border-color-hover: transparent; - --system-spectrum-button-border-color-down: transparent; - --system-spectrum-button-border-color-focus: transparent; - --system-spectrum-button-content-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-button-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-button-content-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-button-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-button-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-border-color-disabled: transparent; - --system-spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-accent-background-color-default: var(--spectrum-accent-background-color-default); - --system-spectrum-button-accent-background-color-hover: var(--spectrum-accent-background-color-hover); - --system-spectrum-button-accent-background-color-down: var(--spectrum-accent-background-color-down); - --system-spectrum-button-accent-background-color-focus: var(--spectrum-accent-background-color-key-focus); - --system-spectrum-button-accent-border-color-default: transparent; - --system-spectrum-button-accent-border-color-hover: transparent; - --system-spectrum-button-accent-border-color-down: transparent; - --system-spectrum-button-accent-border-color-focus: transparent; - --system-spectrum-button-accent-content-color-default: var(--spectrum-white); - --system-spectrum-button-accent-content-color-hover: var(--spectrum-white); - --system-spectrum-button-accent-content-color-down: var(--spectrum-white); - --system-spectrum-button-accent-content-color-focus: var(--spectrum-white); - --system-spectrum-button-accent-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-accent-border-color-disabled: transparent; - --system-spectrum-button-accent-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-accent-outline-background-color-default: transparent; - --system-spectrum-button-accent-outline-background-color-hover: var(--spectrum-accent-color-200); - --system-spectrum-button-accent-outline-background-color-down: var(--spectrum-accent-color-300); - --system-spectrum-button-accent-outline-background-color-focus: var(--spectrum-accent-color-200); - --system-spectrum-button-accent-outline-border-color-default: var(--spectrum-accent-color-900); - --system-spectrum-button-accent-outline-border-color-hover: var(--spectrum-accent-color-1000); - --system-spectrum-button-accent-outline-border-color-down: var(--spectrum-accent-color-1100); - --system-spectrum-button-accent-outline-border-color-focus: var(--spectrum-accent-color-1000); - --system-spectrum-button-accent-outline-content-color-default: var(--spectrum-accent-content-color-default); - --system-spectrum-button-accent-outline-content-color-hover: var(--spectrum-accent-content-color-hover); - --system-spectrum-button-accent-outline-content-color-down: var(--spectrum-accent-content-color-down); - --system-spectrum-button-accent-outline-content-color-focus: var(--spectrum-accent-content-color-key-focus); - --system-spectrum-button-accent-outline-background-color-disabled: transparent; - --system-spectrum-button-accent-outline-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-accent-outline-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-negative-background-color-default: var(--spectrum-negative-background-color-default); - --system-spectrum-button-negative-background-color-hover: var(--spectrum-negative-background-color-hover); - --system-spectrum-button-negative-background-color-down: var(--spectrum-negative-background-color-down); - --system-spectrum-button-negative-background-color-focus: var(--spectrum-negative-background-color-key-focus); - --system-spectrum-button-negative-border-color-default: transparent; - --system-spectrum-button-negative-border-color-hover: transparent; - --system-spectrum-button-negative-border-color-down: transparent; - --system-spectrum-button-negative-border-color-focus: transparent; - --system-spectrum-button-negative-content-color-default: var(--spectrum-white); - --system-spectrum-button-negative-content-color-hover: var(--spectrum-white); - --system-spectrum-button-negative-content-color-down: var(--spectrum-white); - --system-spectrum-button-negative-content-color-focus: var(--spectrum-white); - --system-spectrum-button-negative-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-negative-border-color-disabled: transparent; - --system-spectrum-button-negative-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-negative-outline-background-color-default: transparent; - --system-spectrum-button-negative-outline-background-color-hover: var(--spectrum-negative-color-200); - --system-spectrum-button-negative-outline-background-color-down: var(--spectrum-negative-color-300); - --system-spectrum-button-negative-outline-background-color-focus: var(--spectrum-negative-color-200); - --system-spectrum-button-negative-outline-border-color-default: var(--spectrum-negative-color-900); - --system-spectrum-button-negative-outline-border-color-hover: var(--spectrum-negative-color-1000); - --system-spectrum-button-negative-outline-border-color-down: var(--spectrum-negative-color-1100); - --system-spectrum-button-negative-outline-border-color-focus: var(--spectrum-negative-color-1000); - --system-spectrum-button-negative-outline-content-color-default: var(--spectrum-negative-content-color-default); - --system-spectrum-button-negative-outline-content-color-hover: var(--spectrum-negative-content-color-hover); - --system-spectrum-button-negative-outline-content-color-down: var(--spectrum-negative-content-color-down); - --system-spectrum-button-negative-outline-content-color-focus: var(--spectrum-negative-content-color-key-focus); - --system-spectrum-button-negative-outline-background-color-disabled: transparent; - --system-spectrum-button-negative-outline-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-negative-outline-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-primary-background-color-default: var(--spectrum-neutral-background-color-default); - --system-spectrum-button-primary-background-color-hover: var(--spectrum-neutral-background-color-hover); - --system-spectrum-button-primary-background-color-down: var(--spectrum-neutral-background-color-down); - --system-spectrum-button-primary-background-color-focus: var(--spectrum-neutral-background-color-key-focus); - --system-spectrum-button-primary-border-color-default: transparent; - --system-spectrum-button-primary-border-color-hover: transparent; - --system-spectrum-button-primary-border-color-down: transparent; - --system-spectrum-button-primary-border-color-focus: transparent; - --system-spectrum-button-primary-content-color-default: var(--spectrum-white); - --system-spectrum-button-primary-content-color-hover: var(--spectrum-white); - --system-spectrum-button-primary-content-color-down: var(--spectrum-white); - --system-spectrum-button-primary-content-color-focus: var(--spectrum-white); - --system-spectrum-button-primary-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-primary-border-color-disabled: transparent; - --system-spectrum-button-primary-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-primary-outline-background-color-default: transparent; - --system-spectrum-button-primary-outline-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-button-primary-outline-background-color-down: var(--spectrum-gray-400); - --system-spectrum-button-primary-outline-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-button-primary-outline-border-color-default: var(--spectrum-gray-800); - --system-spectrum-button-primary-outline-border-color-hover: var(--spectrum-gray-900); - --system-spectrum-button-primary-outline-border-color-down: var(--spectrum-gray-900); - --system-spectrum-button-primary-outline-border-color-focus: var(--spectrum-gray-900); - --system-spectrum-button-primary-outline-content-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-button-primary-outline-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-button-primary-outline-content-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-button-primary-outline-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-button-primary-outline-background-color-disabled: transparent; - --system-spectrum-button-primary-outline-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-primary-outline-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-secondary-background-color-default: var(--spectrum-gray-200); - --system-spectrum-button-secondary-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-button-secondary-background-color-down: var(--spectrum-gray-400); - --system-spectrum-button-secondary-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-button-secondary-border-color-default: transparent; - --system-spectrum-button-secondary-border-color-hover: transparent; - --system-spectrum-button-secondary-border-color-down: transparent; - --system-spectrum-button-secondary-border-color-focus: transparent; - --system-spectrum-button-secondary-content-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-button-secondary-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-button-secondary-content-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-button-secondary-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-button-secondary-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-secondary-border-color-disabled: transparent; - --system-spectrum-button-secondary-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-secondary-outline-background-color-default: transparent; - --system-spectrum-button-secondary-outline-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-button-secondary-outline-background-color-down: var(--spectrum-gray-400); - --system-spectrum-button-secondary-outline-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-button-secondary-outline-border-color-default: var(--spectrum-gray-300); - --system-spectrum-button-secondary-outline-border-color-hover: var(--spectrum-gray-400); - --system-spectrum-button-secondary-outline-border-color-down: var(--spectrum-gray-500); - --system-spectrum-button-secondary-outline-border-color-focus: var(--spectrum-gray-400); - --system-spectrum-button-secondary-outline-content-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-button-secondary-outline-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-button-secondary-outline-content-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-button-secondary-outline-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-button-secondary-outline-background-color-disabled: transparent; - --system-spectrum-button-secondary-outline-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-secondary-outline-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-quiet-background-color-default: transparent; - --system-spectrum-button-quiet-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-button-quiet-background-color-down: var(--spectrum-gray-300); - --system-spectrum-button-quiet-background-color-focus: var(--spectrum-gray-200); - --system-spectrum-button-quiet-border-color-default: transparent; - --system-spectrum-button-quiet-border-color-hover: transparent; - --system-spectrum-button-quiet-border-color-down: transparent; - --system-spectrum-button-quiet-border-color-focus: transparent; - --system-spectrum-button-quiet-background-color-disabled: transparent; - --system-spectrum-button-quiet-border-color-disabled: transparent; - --system-spectrum-button-selected-background-color-default: var(--spectrum-neutral-background-color-default); - --system-spectrum-button-selected-background-color-hover: var(--spectrum-neutral-background-color-hover); - --system-spectrum-button-selected-background-color-down: var(--spectrum-neutral-background-color-down); - --system-spectrum-button-selected-background-color-focus: var(--spectrum-neutral-background-color-key-focus); - --system-spectrum-button-selected-border-color-default: transparent; - --system-spectrum-button-selected-border-color-hover: transparent; - --system-spectrum-button-selected-border-color-down: transparent; - --system-spectrum-button-selected-border-color-focus: transparent; - --system-spectrum-button-selected-content-color-default: var(--spectrum-white); - --system-spectrum-button-selected-content-color-hover: var(--spectrum-white); - --system-spectrum-button-selected-content-color-down: var(--spectrum-white); - --system-spectrum-button-selected-content-color-focus: var(--spectrum-white); - --system-spectrum-button-selected-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-selected-border-color-disabled: transparent; - --system-spectrum-button-selected-emphasized-background-color-default: var(--spectrum-accent-background-color-default); - --system-spectrum-button-selected-emphasized-background-color-hover: var(--spectrum-accent-background-color-hover); - --system-spectrum-button-selected-emphasized-background-color-down: var(--spectrum-accent-background-color-down); - --system-spectrum-button-selected-emphasized-background-color-focus: var(--spectrum-accent-background-color-key-focus); - --system-spectrum-button-staticblack-quiet-border-color-default: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-default: transparent; - --system-spectrum-button-staticblack-quiet-border-color-hover: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-hover: transparent; - --system-spectrum-button-staticblack-quiet-border-color-down: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-down: transparent; - --system-spectrum-button-staticblack-quiet-border-color-focus: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-focus: transparent; - --system-spectrum-button-staticblack-quiet-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-background-color-default: var(--spectrum-transparent-white-800); - --system-spectrum-button-staticwhite-background-color-hover: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-background-color-down: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-background-color-focus: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-border-color-default: transparent; - --system-spectrum-button-staticwhite-border-color-hover: transparent; - --system-spectrum-button-staticwhite-border-color-down: transparent; - --system-spectrum-button-staticwhite-border-color-focus: transparent; - --system-spectrum-button-staticwhite-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticwhite-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticwhite-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticwhite-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticwhite-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-button-staticwhite-background-color-disabled: var(--spectrum-disabled-static-white-background-color); - --system-spectrum-button-staticwhite-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-button-staticwhite-outline-background-color-default: transparent; - --system-spectrum-button-staticwhite-outline-background-color-hover: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-outline-background-color-down: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-outline-background-color-focus: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-outline-border-color-default: var(--spectrum-transparent-white-800); - --system-spectrum-button-staticwhite-outline-border-color-hover: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-outline-border-color-down: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-outline-border-color-focus: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-outline-content-color-default: var(--spectrum-white); - --system-spectrum-button-staticwhite-outline-content-color-hover: var(--spectrum-white); - --system-spectrum-button-staticwhite-outline-content-color-down: var(--spectrum-white); - --system-spectrum-button-staticwhite-outline-content-color-focus: var(--spectrum-white); - --system-spectrum-button-staticwhite-outline-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-button-staticwhite-outline-background-color-disabled: transparent; - --system-spectrum-button-staticwhite-outline-border-color-disabled: var(--spectrum-disabled-static-white-border-color); - --system-spectrum-button-staticwhite-outline-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-button-staticwhite-selected-background-color-default: var(--spectrum-transparent-white-800); - --system-spectrum-button-staticwhite-selected-background-color-hover: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-selected-background-color-down: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-selected-background-color-focus: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-selected-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticwhite-selected-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticwhite-selected-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticwhite-selected-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticwhite-selected-background-color-disabled: var(--spectrum-disabled-static-white-background-color); - --system-spectrum-button-staticwhite-selected-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-secondary-background-color-default: var(--spectrum-transparent-white-200); - --system-spectrum-button-staticwhite-secondary-background-color-hover: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-background-color-down: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-secondary-background-color-focus: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-border-color-default: transparent; - --system-spectrum-button-staticwhite-secondary-border-color-hover: transparent; - --system-spectrum-button-staticwhite-secondary-border-color-down: transparent; - --system-spectrum-button-staticwhite-secondary-border-color-focus: transparent; - --system-spectrum-button-staticwhite-secondary-content-color-default: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-content-color-hover: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-content-color-down: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-content-color-focus: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-button-staticwhite-secondary-background-color-disabled: var(--spectrum-disabled-static-white-background-color); - --system-spectrum-button-staticwhite-secondary-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-secondary-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-button-staticwhite-secondary-outline-background-color-default: transparent; - --system-spectrum-button-staticwhite-secondary-outline-background-color-hover: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-outline-background-color-down: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-secondary-outline-background-color-focus: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-outline-border-color-default: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-outline-border-color-hover: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-secondary-outline-border-color-down: var(--spectrum-transparent-white-500); - --system-spectrum-button-staticwhite-secondary-outline-border-color-focus: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-secondary-outline-content-color-default: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-outline-content-color-hover: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-outline-content-color-down: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-outline-content-color-focus: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-button-staticwhite-secondary-outline-background-color-disabled: transparent; - --system-spectrum-button-staticwhite-secondary-outline-border-color-disabled: var(--spectrum-disabled-static-white-border-color); - --system-spectrum-button-staticwhite-secondary-outline-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-button-staticblack-background-color-default: var(--spectrum-transparent-black-800); - --system-spectrum-button-staticblack-background-color-hover: var(--spectrum-transparent-black-900); - --system-spectrum-button-staticblack-background-color-down: var(--spectrum-transparent-black-900); - --system-spectrum-button-staticblack-background-color-focus: var(--spectrum-transparent-black-900); - --system-spectrum-button-staticblack-border-color-default: transparent; - --system-spectrum-button-staticblack-border-color-hover: transparent; - --system-spectrum-button-staticblack-border-color-down: transparent; - --system-spectrum-button-staticblack-border-color-focus: transparent; - --system-spectrum-button-staticblack-content-color-default: var(--spectrum-white); - --system-spectrum-button-staticblack-content-color-hover: var(--spectrum-white); - --system-spectrum-button-staticblack-content-color-down: var(--spectrum-white); - --system-spectrum-button-staticblack-content-color-focus: var(--spectrum-white); - --system-spectrum-button-staticblack-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-button-staticblack-background-color-disabled: var(--spectrum-disabled-static-black-background-color); - --system-spectrum-button-staticblack-border-color-disabled: transparent; - --system-spectrum-button-staticblack-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-button-staticblack-outline-background-color-default: transparent; - --system-spectrum-button-staticblack-outline-background-color-hover: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-outline-background-color-down: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-outline-background-color-focus: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-outline-border-color-default: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-outline-border-color-hover: var(--spectrum-transparent-black-500); - --system-spectrum-button-staticblack-outline-border-color-down: var(--spectrum-transparent-black-600); - --system-spectrum-button-staticblack-outline-border-color-focus: var(--spectrum-transparent-black-500); - --system-spectrum-button-staticblack-outline-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticblack-outline-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticblack-outline-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticblack-outline-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticblack-outline-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-button-staticblack-outline-background-color-disabled: transparent; - --system-spectrum-button-staticblack-outline-border-color-disabled: var(--spectrum-disabled-static-black-border-color); - --system-spectrum-button-staticblack-outline-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-button-staticblack-secondary-background-color-default: var(--spectrum-transparent-black-200); - --system-spectrum-button-staticblack-secondary-background-color-hover: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-background-color-down: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-secondary-background-color-focus: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-border-color-default: transparent; - --system-spectrum-button-staticblack-secondary-border-color-hover: transparent; - --system-spectrum-button-staticblack-secondary-border-color-down: transparent; - --system-spectrum-button-staticblack-secondary-border-color-focus: transparent; - --system-spectrum-button-staticblack-secondary-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-button-staticblack-secondary-background-color-disabled: var(--spectrum-disabled-static-black-background-color); - --system-spectrum-button-staticblack-secondary-border-color-disabled: transparent; - --system-spectrum-button-staticblack-secondary-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-button-staticblack-secondary-outline-background-color-default: transparent; - --system-spectrum-button-staticblack-secondary-outline-background-color-hover: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-outline-background-color-down: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-secondary-outline-background-color-focus: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-outline-border-color-default: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-outline-border-color-hover: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-secondary-outline-border-color-down: var(--spectrum-transparent-black-500); - --system-spectrum-button-staticblack-secondary-outline-border-color-focus: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-secondary-outline-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-outline-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-outline-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-outline-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-outline-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-button-staticblack-secondary-outline-background-color-disabled: transparent; - --system-spectrum-button-staticblack-secondary-outline-border-color-disabled: var(--spectrum-disabled-static-black-border-color); - --system-spectrum-button-staticblack-secondary-outline-content-color-disabled: var(--spectrum-disabled-static-black-content-color); -} diff --git a/tokens/dist/css/components/express/checkbox.css b/tokens/dist/css/components/express/checkbox.css deleted file mode 100644 index d792c0b5a35..00000000000 --- a/tokens/dist/css/components/express/checkbox.css +++ /dev/null @@ -1,19 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-checkbox-control-color-default: var(--spectrum-gray-800); - --system-spectrum-checkbox-control-color-hover: var(--spectrum-gray-900); - --system-spectrum-checkbox-control-color-down: var(--spectrum-gray-900); - --system-spectrum-checkbox-control-color-focus: var(--spectrum-gray-900); -} diff --git a/tokens/dist/css/components/express/clearbutton.css b/tokens/dist/css/components/express/clearbutton.css deleted file mode 100644 index e0630c79a24..00000000000 --- a/tokens/dist/css/components/express/clearbutton.css +++ /dev/null @@ -1,19 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-clearbutton-spectrum-clear-button-background-color: var(--spectrum-gray-200); - --system-spectrum-clearbutton-spectrum-clear-button-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-clearbutton-spectrum-clear-button-background-color-down: var(--spectrum-gray-400); - --system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus: var(--spectrum-gray-300); -} diff --git a/tokens/dist/css/components/express/closebutton.css b/tokens/dist/css/components/express/closebutton.css deleted file mode 100644 index 0d6f78c91dd..00000000000 --- a/tokens/dist/css/components/express/closebutton.css +++ /dev/null @@ -1,19 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-closebutton-background-color-default: transparent; - --system-spectrum-closebutton-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-closebutton-background-color-down: var(--spectrum-gray-400); - --system-spectrum-closebutton-background-color-focus: var(--spectrum-gray-300); -} diff --git a/tokens/dist/css/components/express/combobox.css b/tokens/dist/css/components/express/combobox.css deleted file mode 100644 index 828a907f216..00000000000 --- a/tokens/dist/css/components/express/combobox.css +++ /dev/null @@ -1,20 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-combobox-border-color-default: var(--spectrum-gray-400); - --system-spectrum-combobox-border-color-hover: var(--spectrum-gray-500); - --system-spectrum-combobox-border-color-focus: var(--spectrum-gray-900); - --system-spectrum-combobox-border-color-focus-hover: var(--spectrum-gray-800); - --system-spectrum-combobox-border-color-key-focus: var(--spectrum-gray-900); -} diff --git a/tokens/dist/css/components/express/datepicker.css b/tokens/dist/css/components/express/datepicker.css deleted file mode 100644 index 4cbfea9b604..00000000000 --- a/tokens/dist/css/components/express/datepicker.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-datepicker-initial-height: var(--spectrum-component-height-75); -} diff --git a/tokens/dist/css/components/express/index.css b/tokens/dist/css/components/express/index.css deleted file mode 100644 index a4cfa742c68..00000000000 --- a/tokens/dist/css/components/express/index.css +++ /dev/null @@ -1,585 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-actionbutton-background-color-default: var(--spectrum-gray-200); - --system-spectrum-actionbutton-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-actionbutton-background-color-down: var(--spectrum-gray-400); - --system-spectrum-actionbutton-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-actionbutton-border-color-default: transparent; - --system-spectrum-actionbutton-border-color-hover: transparent; - --system-spectrum-actionbutton-border-color-down: transparent; - --system-spectrum-actionbutton-border-color-focus: transparent; - --system-spectrum-actionbutton-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-actionbutton-border-color-disabled: transparent; - --system-spectrum-actionbutton-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-actionbutton-quiet-background-color-default: transparent; - --system-spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-actionbutton-quiet-background-color-down: var(--spectrum-gray-400); - --system-spectrum-actionbutton-quiet-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-actionbutton-quiet-border-color-default: transparent; - --system-spectrum-actionbutton-quiet-border-color-hover: transparent; - --system-spectrum-actionbutton-quiet-border-color-down: transparent; - --system-spectrum-actionbutton-quiet-border-color-focus: transparent; - --system-spectrum-actionbutton-quiet-background-color-disabled: transparent; - --system-spectrum-actionbutton-quiet-border-color-disabled: transparent; - --system-spectrum-actionbutton-selected-border-color-default: transparent; - --system-spectrum-actionbutton-selected-border-color-hover: transparent; - --system-spectrum-actionbutton-selected-border-color-down: transparent; - --system-spectrum-actionbutton-selected-border-color-focus: transparent; - --system-spectrum-actionbutton-selected-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-actionbutton-selected-border-color-disabled: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-default: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-default: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-hover: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-hover: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-down: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-down: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-focus: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-focus: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-disabled: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-disabled: transparent; - --system-spectrum-actionbutton-staticblack-background-color-default: var(--spectrum-transparent-black-200); - --system-spectrum-actionbutton-staticblack-background-color-hover: var(--spectrum-transparent-black-300); - --system-spectrum-actionbutton-staticblack-background-color-down: var(--spectrum-transparent-black-400); - --system-spectrum-actionbutton-staticblack-background-color-focus: var(--spectrum-transparent-black-300); - --system-spectrum-actionbutton-staticblack-border-color-default: transparent; - --system-spectrum-actionbutton-staticblack-border-color-hover: transparent; - --system-spectrum-actionbutton-staticblack-border-color-down: transparent; - --system-spectrum-actionbutton-staticblack-border-color-focus: transparent; - --system-spectrum-actionbutton-staticblack-content-color-default: var(--spectrum-black); - --system-spectrum-actionbutton-staticblack-content-color-hover: var(--spectrum-black); - --system-spectrum-actionbutton-staticblack-content-color-down: var(--spectrum-black); - --system-spectrum-actionbutton-staticblack-content-color-focus: var(--spectrum-black); - --system-spectrum-actionbutton-staticblack-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-actionbutton-staticblack-background-color-disabled: transparent; - --system-spectrum-actionbutton-staticblack-border-color-disabled: var(--spectrum-disabled-static-black-border-color); - --system-spectrum-actionbutton-staticblack-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-default: var(--spectrum-transparent-black-800); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-hover: var(--spectrum-transparent-black-900); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-down: var(--spectrum-transparent-black-900); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-focus: var(--spectrum-transparent-black-900); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-default: var(--spectrum-white); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-hover: var(--spectrum-white); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-down: var(--spectrum-white); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-focus: var(--spectrum-white); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-disabled: var(--spectrum-disabled-static-black-background-color); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-border-color-disabled: transparent; - --system-spectrum-actionbutton-staticwhite-background-color-default: var(--spectrum-transparent-white-200); - --system-spectrum-actionbutton-staticwhite-background-color-hover: var(--spectrum-transparent-white-300); - --system-spectrum-actionbutton-staticwhite-background-color-down: var(--spectrum-transparent-white-400); - --system-spectrum-actionbutton-staticwhite-background-color-focus: var(--spectrum-transparent-white-300); - --system-spectrum-actionbutton-staticwhite-border-color-default: transparent; - --system-spectrum-actionbutton-staticwhite-border-color-hover: transparent; - --system-spectrum-actionbutton-staticwhite-border-color-down: transparent; - --system-spectrum-actionbutton-staticwhite-border-color-focus: transparent; - --system-spectrum-actionbutton-staticwhite-content-color-default: var(--spectrum-white); - --system-spectrum-actionbutton-staticwhite-content-color-hover: var(--spectrum-white); - --system-spectrum-actionbutton-staticwhite-content-color-down: var(--spectrum-white); - --system-spectrum-actionbutton-staticwhite-content-color-focus: var(--spectrum-white); - --system-spectrum-actionbutton-staticwhite-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-actionbutton-staticwhite-background-color-disabled: transparent; - --system-spectrum-actionbutton-staticwhite-border-color-disabled: var(--spectrum-disabled-static-white-border-color); - --system-spectrum-actionbutton-staticwhite-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-default: var(--spectrum-transparent-white-800); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-hover: var(--spectrum-transparent-white-900); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-down: var(--spectrum-transparent-white-900); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-focus: var(--spectrum-transparent-white-900); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-default: var(--spectrum-black); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-hover: var(--spectrum-black); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-down: var(--spectrum-black); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-focus: var(--spectrum-black); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-disabled: var(--spectrum-disabled-static-white-background-color); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-border-color-disabled: transparent; - --system-spectrum-actiongroup-gap-size-compact: var(--spectrum-spacing-50); - --system-spectrum-actiongroup-horizontal-spacing-compact: calc(-1px * var(--spectrum-spacing-50)); - --system-spectrum-actiongroup-vertical-spacing-compact: calc(-1px * var(--spectrum-spacing-50)); - --system-spectrum-alertbanner-spectrum-alert-banner-netural-background: var(--spectrum-neutral-background-color-default); - --system-spectrum-assetcard-overlay-background-color-rgb: 109, 115, 246; - --system-spectrum-assetcard-overlay-background-color-opacity: 0.2; - --system-spectrum-assetcard-overlay-background-color: rgba(var(--system-spectrum-assetcard-overlay-background-color-rgb), var(--system-spectrum-assetcard-overlay-background-color-opacity)); - --system-spectrum-button-background-color-default: var(--spectrum-gray-200); - --system-spectrum-button-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-button-background-color-down: var(--spectrum-gray-400); - --system-spectrum-button-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-button-border-color-default: transparent; - --system-spectrum-button-border-color-hover: transparent; - --system-spectrum-button-border-color-down: transparent; - --system-spectrum-button-border-color-focus: transparent; - --system-spectrum-button-content-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-button-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-button-content-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-button-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-button-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-border-color-disabled: transparent; - --system-spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-accent-background-color-default: var(--spectrum-accent-background-color-default); - --system-spectrum-button-accent-background-color-hover: var(--spectrum-accent-background-color-hover); - --system-spectrum-button-accent-background-color-down: var(--spectrum-accent-background-color-down); - --system-spectrum-button-accent-background-color-focus: var(--spectrum-accent-background-color-key-focus); - --system-spectrum-button-accent-border-color-default: transparent; - --system-spectrum-button-accent-border-color-hover: transparent; - --system-spectrum-button-accent-border-color-down: transparent; - --system-spectrum-button-accent-border-color-focus: transparent; - --system-spectrum-button-accent-content-color-default: var(--spectrum-white); - --system-spectrum-button-accent-content-color-hover: var(--spectrum-white); - --system-spectrum-button-accent-content-color-down: var(--spectrum-white); - --system-spectrum-button-accent-content-color-focus: var(--spectrum-white); - --system-spectrum-button-accent-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-accent-border-color-disabled: transparent; - --system-spectrum-button-accent-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-accent-outline-background-color-default: transparent; - --system-spectrum-button-accent-outline-background-color-hover: var(--spectrum-accent-color-200); - --system-spectrum-button-accent-outline-background-color-down: var(--spectrum-accent-color-300); - --system-spectrum-button-accent-outline-background-color-focus: var(--spectrum-accent-color-200); - --system-spectrum-button-accent-outline-border-color-default: var(--spectrum-accent-color-900); - --system-spectrum-button-accent-outline-border-color-hover: var(--spectrum-accent-color-1000); - --system-spectrum-button-accent-outline-border-color-down: var(--spectrum-accent-color-1100); - --system-spectrum-button-accent-outline-border-color-focus: var(--spectrum-accent-color-1000); - --system-spectrum-button-accent-outline-content-color-default: var(--spectrum-accent-content-color-default); - --system-spectrum-button-accent-outline-content-color-hover: var(--spectrum-accent-content-color-hover); - --system-spectrum-button-accent-outline-content-color-down: var(--spectrum-accent-content-color-down); - --system-spectrum-button-accent-outline-content-color-focus: var(--spectrum-accent-content-color-key-focus); - --system-spectrum-button-accent-outline-background-color-disabled: transparent; - --system-spectrum-button-accent-outline-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-accent-outline-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-negative-background-color-default: var(--spectrum-negative-background-color-default); - --system-spectrum-button-negative-background-color-hover: var(--spectrum-negative-background-color-hover); - --system-spectrum-button-negative-background-color-down: var(--spectrum-negative-background-color-down); - --system-spectrum-button-negative-background-color-focus: var(--spectrum-negative-background-color-key-focus); - --system-spectrum-button-negative-border-color-default: transparent; - --system-spectrum-button-negative-border-color-hover: transparent; - --system-spectrum-button-negative-border-color-down: transparent; - --system-spectrum-button-negative-border-color-focus: transparent; - --system-spectrum-button-negative-content-color-default: var(--spectrum-white); - --system-spectrum-button-negative-content-color-hover: var(--spectrum-white); - --system-spectrum-button-negative-content-color-down: var(--spectrum-white); - --system-spectrum-button-negative-content-color-focus: var(--spectrum-white); - --system-spectrum-button-negative-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-negative-border-color-disabled: transparent; - --system-spectrum-button-negative-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-negative-outline-background-color-default: transparent; - --system-spectrum-button-negative-outline-background-color-hover: var(--spectrum-negative-color-200); - --system-spectrum-button-negative-outline-background-color-down: var(--spectrum-negative-color-300); - --system-spectrum-button-negative-outline-background-color-focus: var(--spectrum-negative-color-200); - --system-spectrum-button-negative-outline-border-color-default: var(--spectrum-negative-color-900); - --system-spectrum-button-negative-outline-border-color-hover: var(--spectrum-negative-color-1000); - --system-spectrum-button-negative-outline-border-color-down: var(--spectrum-negative-color-1100); - --system-spectrum-button-negative-outline-border-color-focus: var(--spectrum-negative-color-1000); - --system-spectrum-button-negative-outline-content-color-default: var(--spectrum-negative-content-color-default); - --system-spectrum-button-negative-outline-content-color-hover: var(--spectrum-negative-content-color-hover); - --system-spectrum-button-negative-outline-content-color-down: var(--spectrum-negative-content-color-down); - --system-spectrum-button-negative-outline-content-color-focus: var(--spectrum-negative-content-color-key-focus); - --system-spectrum-button-negative-outline-background-color-disabled: transparent; - --system-spectrum-button-negative-outline-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-negative-outline-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-primary-background-color-default: var(--spectrum-neutral-background-color-default); - --system-spectrum-button-primary-background-color-hover: var(--spectrum-neutral-background-color-hover); - --system-spectrum-button-primary-background-color-down: var(--spectrum-neutral-background-color-down); - --system-spectrum-button-primary-background-color-focus: var(--spectrum-neutral-background-color-key-focus); - --system-spectrum-button-primary-border-color-default: transparent; - --system-spectrum-button-primary-border-color-hover: transparent; - --system-spectrum-button-primary-border-color-down: transparent; - --system-spectrum-button-primary-border-color-focus: transparent; - --system-spectrum-button-primary-content-color-default: var(--spectrum-white); - --system-spectrum-button-primary-content-color-hover: var(--spectrum-white); - --system-spectrum-button-primary-content-color-down: var(--spectrum-white); - --system-spectrum-button-primary-content-color-focus: var(--spectrum-white); - --system-spectrum-button-primary-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-primary-border-color-disabled: transparent; - --system-spectrum-button-primary-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-primary-outline-background-color-default: transparent; - --system-spectrum-button-primary-outline-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-button-primary-outline-background-color-down: var(--spectrum-gray-400); - --system-spectrum-button-primary-outline-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-button-primary-outline-border-color-default: var(--spectrum-gray-800); - --system-spectrum-button-primary-outline-border-color-hover: var(--spectrum-gray-900); - --system-spectrum-button-primary-outline-border-color-down: var(--spectrum-gray-900); - --system-spectrum-button-primary-outline-border-color-focus: var(--spectrum-gray-900); - --system-spectrum-button-primary-outline-content-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-button-primary-outline-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-button-primary-outline-content-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-button-primary-outline-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-button-primary-outline-background-color-disabled: transparent; - --system-spectrum-button-primary-outline-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-primary-outline-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-secondary-background-color-default: var(--spectrum-gray-200); - --system-spectrum-button-secondary-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-button-secondary-background-color-down: var(--spectrum-gray-400); - --system-spectrum-button-secondary-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-button-secondary-border-color-default: transparent; - --system-spectrum-button-secondary-border-color-hover: transparent; - --system-spectrum-button-secondary-border-color-down: transparent; - --system-spectrum-button-secondary-border-color-focus: transparent; - --system-spectrum-button-secondary-content-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-button-secondary-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-button-secondary-content-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-button-secondary-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-button-secondary-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-secondary-border-color-disabled: transparent; - --system-spectrum-button-secondary-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-secondary-outline-background-color-default: transparent; - --system-spectrum-button-secondary-outline-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-button-secondary-outline-background-color-down: var(--spectrum-gray-400); - --system-spectrum-button-secondary-outline-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-button-secondary-outline-border-color-default: var(--spectrum-gray-300); - --system-spectrum-button-secondary-outline-border-color-hover: var(--spectrum-gray-400); - --system-spectrum-button-secondary-outline-border-color-down: var(--spectrum-gray-500); - --system-spectrum-button-secondary-outline-border-color-focus: var(--spectrum-gray-400); - --system-spectrum-button-secondary-outline-content-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-button-secondary-outline-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-button-secondary-outline-content-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-button-secondary-outline-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-button-secondary-outline-background-color-disabled: transparent; - --system-spectrum-button-secondary-outline-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-secondary-outline-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-quiet-background-color-default: transparent; - --system-spectrum-button-quiet-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-button-quiet-background-color-down: var(--spectrum-gray-300); - --system-spectrum-button-quiet-background-color-focus: var(--spectrum-gray-200); - --system-spectrum-button-quiet-border-color-default: transparent; - --system-spectrum-button-quiet-border-color-hover: transparent; - --system-spectrum-button-quiet-border-color-down: transparent; - --system-spectrum-button-quiet-border-color-focus: transparent; - --system-spectrum-button-quiet-background-color-disabled: transparent; - --system-spectrum-button-quiet-border-color-disabled: transparent; - --system-spectrum-button-selected-background-color-default: var(--spectrum-neutral-background-color-default); - --system-spectrum-button-selected-background-color-hover: var(--spectrum-neutral-background-color-hover); - --system-spectrum-button-selected-background-color-down: var(--spectrum-neutral-background-color-down); - --system-spectrum-button-selected-background-color-focus: var(--spectrum-neutral-background-color-key-focus); - --system-spectrum-button-selected-border-color-default: transparent; - --system-spectrum-button-selected-border-color-hover: transparent; - --system-spectrum-button-selected-border-color-down: transparent; - --system-spectrum-button-selected-border-color-focus: transparent; - --system-spectrum-button-selected-content-color-default: var(--spectrum-white); - --system-spectrum-button-selected-content-color-hover: var(--spectrum-white); - --system-spectrum-button-selected-content-color-down: var(--spectrum-white); - --system-spectrum-button-selected-content-color-focus: var(--spectrum-white); - --system-spectrum-button-selected-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-selected-border-color-disabled: transparent; - --system-spectrum-button-selected-emphasized-background-color-default: var(--spectrum-accent-background-color-default); - --system-spectrum-button-selected-emphasized-background-color-hover: var(--spectrum-accent-background-color-hover); - --system-spectrum-button-selected-emphasized-background-color-down: var(--spectrum-accent-background-color-down); - --system-spectrum-button-selected-emphasized-background-color-focus: var(--spectrum-accent-background-color-key-focus); - --system-spectrum-button-staticblack-quiet-border-color-default: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-default: transparent; - --system-spectrum-button-staticblack-quiet-border-color-hover: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-hover: transparent; - --system-spectrum-button-staticblack-quiet-border-color-down: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-down: transparent; - --system-spectrum-button-staticblack-quiet-border-color-focus: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-focus: transparent; - --system-spectrum-button-staticblack-quiet-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-background-color-default: var(--spectrum-transparent-white-800); - --system-spectrum-button-staticwhite-background-color-hover: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-background-color-down: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-background-color-focus: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-border-color-default: transparent; - --system-spectrum-button-staticwhite-border-color-hover: transparent; - --system-spectrum-button-staticwhite-border-color-down: transparent; - --system-spectrum-button-staticwhite-border-color-focus: transparent; - --system-spectrum-button-staticwhite-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticwhite-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticwhite-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticwhite-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticwhite-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-button-staticwhite-background-color-disabled: var(--spectrum-disabled-static-white-background-color); - --system-spectrum-button-staticwhite-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-button-staticwhite-outline-background-color-default: transparent; - --system-spectrum-button-staticwhite-outline-background-color-hover: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-outline-background-color-down: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-outline-background-color-focus: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-outline-border-color-default: var(--spectrum-transparent-white-800); - --system-spectrum-button-staticwhite-outline-border-color-hover: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-outline-border-color-down: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-outline-border-color-focus: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-outline-content-color-default: var(--spectrum-white); - --system-spectrum-button-staticwhite-outline-content-color-hover: var(--spectrum-white); - --system-spectrum-button-staticwhite-outline-content-color-down: var(--spectrum-white); - --system-spectrum-button-staticwhite-outline-content-color-focus: var(--spectrum-white); - --system-spectrum-button-staticwhite-outline-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-button-staticwhite-outline-background-color-disabled: transparent; - --system-spectrum-button-staticwhite-outline-border-color-disabled: var(--spectrum-disabled-static-white-border-color); - --system-spectrum-button-staticwhite-outline-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-button-staticwhite-selected-background-color-default: var(--spectrum-transparent-white-800); - --system-spectrum-button-staticwhite-selected-background-color-hover: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-selected-background-color-down: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-selected-background-color-focus: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-selected-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticwhite-selected-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticwhite-selected-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticwhite-selected-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticwhite-selected-background-color-disabled: var(--spectrum-disabled-static-white-background-color); - --system-spectrum-button-staticwhite-selected-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-secondary-background-color-default: var(--spectrum-transparent-white-200); - --system-spectrum-button-staticwhite-secondary-background-color-hover: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-background-color-down: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-secondary-background-color-focus: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-border-color-default: transparent; - --system-spectrum-button-staticwhite-secondary-border-color-hover: transparent; - --system-spectrum-button-staticwhite-secondary-border-color-down: transparent; - --system-spectrum-button-staticwhite-secondary-border-color-focus: transparent; - --system-spectrum-button-staticwhite-secondary-content-color-default: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-content-color-hover: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-content-color-down: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-content-color-focus: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-button-staticwhite-secondary-background-color-disabled: var(--spectrum-disabled-static-white-background-color); - --system-spectrum-button-staticwhite-secondary-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-secondary-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-button-staticwhite-secondary-outline-background-color-default: transparent; - --system-spectrum-button-staticwhite-secondary-outline-background-color-hover: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-outline-background-color-down: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-secondary-outline-background-color-focus: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-outline-border-color-default: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-outline-border-color-hover: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-secondary-outline-border-color-down: var(--spectrum-transparent-white-500); - --system-spectrum-button-staticwhite-secondary-outline-border-color-focus: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-secondary-outline-content-color-default: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-outline-content-color-hover: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-outline-content-color-down: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-outline-content-color-focus: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-button-staticwhite-secondary-outline-background-color-disabled: transparent; - --system-spectrum-button-staticwhite-secondary-outline-border-color-disabled: var(--spectrum-disabled-static-white-border-color); - --system-spectrum-button-staticwhite-secondary-outline-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-button-staticblack-background-color-default: var(--spectrum-transparent-black-800); - --system-spectrum-button-staticblack-background-color-hover: var(--spectrum-transparent-black-900); - --system-spectrum-button-staticblack-background-color-down: var(--spectrum-transparent-black-900); - --system-spectrum-button-staticblack-background-color-focus: var(--spectrum-transparent-black-900); - --system-spectrum-button-staticblack-border-color-default: transparent; - --system-spectrum-button-staticblack-border-color-hover: transparent; - --system-spectrum-button-staticblack-border-color-down: transparent; - --system-spectrum-button-staticblack-border-color-focus: transparent; - --system-spectrum-button-staticblack-content-color-default: var(--spectrum-white); - --system-spectrum-button-staticblack-content-color-hover: var(--spectrum-white); - --system-spectrum-button-staticblack-content-color-down: var(--spectrum-white); - --system-spectrum-button-staticblack-content-color-focus: var(--spectrum-white); - --system-spectrum-button-staticblack-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-button-staticblack-background-color-disabled: var(--spectrum-disabled-static-black-background-color); - --system-spectrum-button-staticblack-border-color-disabled: transparent; - --system-spectrum-button-staticblack-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-button-staticblack-outline-background-color-default: transparent; - --system-spectrum-button-staticblack-outline-background-color-hover: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-outline-background-color-down: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-outline-background-color-focus: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-outline-border-color-default: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-outline-border-color-hover: var(--spectrum-transparent-black-500); - --system-spectrum-button-staticblack-outline-border-color-down: var(--spectrum-transparent-black-600); - --system-spectrum-button-staticblack-outline-border-color-focus: var(--spectrum-transparent-black-500); - --system-spectrum-button-staticblack-outline-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticblack-outline-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticblack-outline-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticblack-outline-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticblack-outline-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-button-staticblack-outline-background-color-disabled: transparent; - --system-spectrum-button-staticblack-outline-border-color-disabled: var(--spectrum-disabled-static-black-border-color); - --system-spectrum-button-staticblack-outline-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-button-staticblack-secondary-background-color-default: var(--spectrum-transparent-black-200); - --system-spectrum-button-staticblack-secondary-background-color-hover: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-background-color-down: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-secondary-background-color-focus: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-border-color-default: transparent; - --system-spectrum-button-staticblack-secondary-border-color-hover: transparent; - --system-spectrum-button-staticblack-secondary-border-color-down: transparent; - --system-spectrum-button-staticblack-secondary-border-color-focus: transparent; - --system-spectrum-button-staticblack-secondary-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-button-staticblack-secondary-background-color-disabled: var(--spectrum-disabled-static-black-background-color); - --system-spectrum-button-staticblack-secondary-border-color-disabled: transparent; - --system-spectrum-button-staticblack-secondary-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-button-staticblack-secondary-outline-background-color-default: transparent; - --system-spectrum-button-staticblack-secondary-outline-background-color-hover: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-outline-background-color-down: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-secondary-outline-background-color-focus: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-outline-border-color-default: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-outline-border-color-hover: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-secondary-outline-border-color-down: var(--spectrum-transparent-black-500); - --system-spectrum-button-staticblack-secondary-outline-border-color-focus: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-secondary-outline-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-outline-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-outline-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-outline-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-outline-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-button-staticblack-secondary-outline-background-color-disabled: transparent; - --system-spectrum-button-staticblack-secondary-outline-border-color-disabled: var(--spectrum-disabled-static-black-border-color); - --system-spectrum-button-staticblack-secondary-outline-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-checkbox-control-color-default: var(--spectrum-gray-800); - --system-spectrum-checkbox-control-color-hover: var(--spectrum-gray-900); - --system-spectrum-checkbox-control-color-down: var(--spectrum-gray-900); - --system-spectrum-checkbox-control-color-focus: var(--spectrum-gray-900); - --system-spectrum-clearbutton-spectrum-clear-button-background-color: var(--spectrum-gray-200); - --system-spectrum-clearbutton-spectrum-clear-button-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-clearbutton-spectrum-clear-button-background-color-down: var(--spectrum-gray-400); - --system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus: var(--spectrum-gray-300); - --system-spectrum-closebutton-background-color-default: transparent; - --system-spectrum-closebutton-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-closebutton-background-color-down: var(--spectrum-gray-400); - --system-spectrum-closebutton-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-combobox-border-color-default: var(--spectrum-gray-400); - --system-spectrum-combobox-border-color-hover: var(--spectrum-gray-500); - --system-spectrum-combobox-border-color-focus: var(--spectrum-gray-900); - --system-spectrum-combobox-border-color-focus-hover: var(--spectrum-gray-800); - --system-spectrum-combobox-border-color-key-focus: var(--spectrum-gray-900); - --system-spectrum-datepicker-initial-height: var(--spectrum-component-height-75); - --system-spectrum-infieldbutton-spectrum-infield-button-border-width: 0; - --system-spectrum-infieldbutton-spectrum-infield-button-border-color: transparent; - --system-spectrum-infieldbutton-spectrum-infield-button-border-radius: var(--spectrum-corner-radius-75); - --system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset: var(--spectrum-corner-radius-75); - --system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start: var(--spectrum-corner-radius-75); - --system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start: var(--spectrum-corner-radius-75); - --system-spectrum-infieldbutton-spectrum-infield-button-background-color: var(--spectrum-gray-200); - --system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-infieldbutton-spectrum-infield-button-background-color-down: var(--spectrum-gray-400); - --system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus: var(--spectrum-gray-300); - --system-spectrum-picker-background-color-default: var(--spectrum-gray-200); - --system-spectrum-picker-background-color-default-open: var(--spectrum-gray-300); - --system-spectrum-picker-background-color-active: var(--spectrum-gray-400); - --system-spectrum-picker-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-picker-background-color-hover-open: var(--spectrum-gray-300); - --system-spectrum-picker-background-color-key-focus: var(--spectrum-gray-300); - --system-spectrum-picker-border-color-default: transparent; - --system-spectrum-picker-border-color-default-open: transparent; - --system-spectrum-picker-border-color-hover: transparent; - --system-spectrum-picker-border-color-hover-open: transparent; - --system-spectrum-picker-border-color-active: transparent; - --system-spectrum-picker-border-color-key-focus: transparent; - --system-spectrum-picker-border-width: 0px; - --system-spectrum-pickerbutton-spectrum-picker-button-background-color: var(--spectrum-gray-200); - --system-spectrum-pickerbutton-spectrum-picker-button-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-pickerbutton-spectrum-picker-button-background-color-down: var(--spectrum-gray-400); - --system-spectrum-pickerbutton-spectrum-picker-button-background-color-key-focus: var(--spectrum-gray-300); - --system-spectrum-pickerbutton-spectrum-picker-button-border-color: none; - --system-spectrum-pickerbutton-spectrum-picker-button-border-radius: var(--spectrum-corner-radius-75); - --system-spectrum-pickerbutton-spectrum-picker-button-border-radius-rounded-sided: var(--spectrum-corner-radius-200); - --system-spectrum-pickerbutton-spectrum-picker-button-border-radius-sided: var(--spectrum-corner-radius-75); - --system-spectrum-pickerbutton-spectrum-picker-button-border-width: 0px; - --system-spectrum-popover-border-width: 0; - --system-spectrum-radio-button-border-color-default: var(--spectrum-gray-800); - --system-spectrum-radio-button-border-color-hover: var(--spectrum-gray-900); - --system-spectrum-radio-button-border-color-down: var(--spectrum-gray-900); - --system-spectrum-radio-button-border-color-focus: var(--spectrum-gray-900); - --system-spectrum-radio-emphasized-button-checked-border-color-default: var(--spectrum-accent-color-900); - --system-spectrum-radio-emphasized-button-checked-border-color-hover: var(--spectrum-accent-color-1000); - --system-spectrum-radio-emphasized-button-checked-border-color-down: var(--spectrum-accent-color-1100); - --system-spectrum-radio-emphasized-button-checked-border-color-focus: var(--spectrum-accent-color-1000); - --system-spectrum-rating-icon-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-rating-icon-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-rating-icon-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-rating-icon-color-key-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-search-border-radius: calc(var(--spectrum-component-height-100) / 2); - --system-spectrum-search-edge-to-visual: var(--spectrum-component-pill-edge-to-visual-100); - --system-spectrum-search-border-color-default: var(--spectrum-gray-400); - --system-spectrum-search-border-color-hover: var(--spectrum-gray-500); - --system-spectrum-search-border-color-focus: var(--spectrum-gray-800); - --system-spectrum-search-border-color-focus-hover: var(--spectrum-gray-900); - --system-spectrum-search-border-color-key-focus: var(--spectrum-gray-900); - --system-spectrum-search-sizes-border-radius: calc(var(--spectrum-component-height-75) / 2); - --system-spectrum-search-sizes-edge-to-visual: var(--spectrum-component-pill-edge-to-visual-75); - --system-spectrum-search-sizem-border-radius: calc(var(--spectrum-component-height-100) / 2); - --system-spectrum-search-sizem-edge-to-visual: var(--spectrum-component-pill-edge-to-visual-100); - --system-spectrum-search-sizel-border-radius: calc(var(--spectrum-component-height-200) / 2); - --system-spectrum-search-sizel-edge-to-visual: var(--spectrum-component-pill-edge-to-visual-200); - --system-spectrum-search-sizexl-border-radius: calc(var(--spectrum-component-height-300) / 2); - --system-spectrum-search-sizexl-edge-to-visual: var(--spectrum-component-pill-edge-to-visual-300); - --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); - --system-spectrum-stepper-border-width: var(--spectrum-border-width-200); - --system-spectrum-stepper-buttons-border-style: solid; - --system-spectrum-stepper-buttons-border-width: var(--spectrum-border-width-200); - --system-spectrum-stepper-buttons-border-color: transparent; - --system-spectrum-stepper-buttons-background-color: var(--spectrum-gray-50); - --system-spectrum-stepper-buttons-border-color-hover: transparent; - --system-spectrum-stepper-buttons-border-color-focus: transparent; - --system-spectrum-stepper-buttons-border-color-keyboard-focus: transparent; - --system-spectrum-stepper-button-border-radius-reset: var(--spectrum-in-field-button-fill-stacked-inner-border-rounding); - --system-spectrum-stepper-button-border-width: 0; - --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-border-color-invalid: transparent; - --system-spectrum-stepper-border-color-focus-invalid: transparent; - --system-spectrum-stepper-border-color-focus-hover-invalid: transparent; - --system-spectrum-stepper-border-color-keyboard-focus-invalid: transparent; - --system-spectrum-stepper-button-background-color-focus: var(--spectrum-gray-400); - --system-spectrum-stepper-button-background-color-keyboard-focus: var(--spectrum-gray-300); - --system-spectrum-stepper-disabled-buttons-background-color: var(--spectrum-disabled-background-color); - --system-spectrum-stepper-disabled-buttons-border-width: 0; - --system-spectrum-switch-handle-border-color-default: var(--spectrum-gray-800); - --system-spectrum-switch-handle-border-color-hover: var(--spectrum-gray-900); - --system-spectrum-switch-handle-border-color-down: var(--spectrum-gray-900); - --system-spectrum-switch-handle-border-color-focus: var(--spectrum-gray-900); - --system-spectrum-switch-handle-border-color-selected-default: var(--spectrum-gray-800); - --system-spectrum-switch-handle-border-color-selected-hover: var(--spectrum-gray-900); - --system-spectrum-switch-handle-border-color-selected-down: var(--spectrum-gray-900); - --system-spectrum-switch-handle-border-color-selected-focus: var(--spectrum-gray-900); - --system-spectrum-tabs-font-weight: var(--spectrum-bold-font-weight); - --system-spectrum-tag-border-color: var(--spectrum-gray-300); - --system-spectrum-tag-border-color-hover: var(--spectrum-gray-400); - --system-spectrum-tag-border-color-active: var(--spectrum-gray-500); - --system-spectrum-tag-border-color-focus: var(--spectrum-gray-400); - --system-spectrum-tag-size-small-corner-radius: var(--spectrum-component-height-75); - --system-spectrum-tag-size-medium-corner-radius: var(--spectrum-component-height-100); - --system-spectrum-tag-size-large-corner-radius: var(--spectrum-component-height-200); - --system-spectrum-tag-background-color: transparent; - --system-spectrum-tag-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-tag-background-color-active: var(--spectrum-gray-400); - --system-spectrum-tag-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-tag-content-color: var(--spectrum-neutral-content-color-default); - --system-spectrum-tag-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-tag-content-color-active: var(--spectrum-neutral-content-color-down); - --system-spectrum-tag-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-tag-border-color-selected: var(--spectrum-neutral-background-color-default); - --system-spectrum-tag-border-color-selected-hover: var(--spectrum-neutral-background-color-hover); - --system-spectrum-tag-border-color-selected-active: var(--spectrum-neutral-background-color-down); - --system-spectrum-tag-border-color-selected-focus: var(--spectrum-neutral-background-color-key-focus); - --system-spectrum-tag-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-tag-background-color-disabled: transparent; - --system-spectrum-tag-size-small-spacing-inline-start: var(--spectrum-component-pill-edge-to-visual-75); - --system-spectrum-tag-size-small-label-spacing-inline-end: var(--spectrum-component-pill-edge-to-text-75); - --system-spectrum-tag-size-small-clear-button-spacing-inline-end: var(--spectrum-component-pill-edge-to-visual-75); - --system-spectrum-tag-size-medium-spacing-inline-start: var(--spectrum-component-pill-edge-to-visual-100); - --system-spectrum-tag-size-medium-label-spacing-inline-end: var(--spectrum-component-pill-edge-to-text-100); - --system-spectrum-tag-size-medium-clear-button-spacing-inline-end: var(--spectrum-component-pill-edge-to-visual-100); - --system-spectrum-tag-size-large-spacing-inline-start: var(--spectrum-component-pill-edge-to-visual-200); - --system-spectrum-tag-size-large-label-spacing-inline-end: var(--spectrum-component-pill-edge-to-text-200); - --system-spectrum-tag-size-large-clear-button-spacing-inline-end: var(--spectrum-component-pill-edge-to-visual-200); - --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); - --system-spectrum-toast-background-color-default: var(--spectrum-neutral-background-color-default); - --system-spectrum-tooltip-backgound-color-default-neutral: var(--spectrum-neutral-background-color-default); -} diff --git a/tokens/dist/css/components/express/infieldbutton.css b/tokens/dist/css/components/express/infieldbutton.css deleted file mode 100644 index 479f5ef34a7..00000000000 --- a/tokens/dist/css/components/express/infieldbutton.css +++ /dev/null @@ -1,25 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-infieldbutton-spectrum-infield-button-border-width: 0; - --system-spectrum-infieldbutton-spectrum-infield-button-border-color: transparent; - --system-spectrum-infieldbutton-spectrum-infield-button-border-radius: var(--spectrum-corner-radius-75); - --system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset: var(--spectrum-corner-radius-75); - --system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start: var(--spectrum-corner-radius-75); - --system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start: var(--spectrum-corner-radius-75); - --system-spectrum-infieldbutton-spectrum-infield-button-background-color: var(--spectrum-gray-200); - --system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-infieldbutton-spectrum-infield-button-background-color-down: var(--spectrum-gray-400); - --system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus: var(--spectrum-gray-300); -} diff --git a/tokens/dist/css/components/express/picker.css b/tokens/dist/css/components/express/picker.css deleted file mode 100644 index 9768a42a8f2..00000000000 --- a/tokens/dist/css/components/express/picker.css +++ /dev/null @@ -1,28 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-picker-background-color-default: var(--spectrum-gray-200); - --system-spectrum-picker-background-color-default-open: var(--spectrum-gray-300); - --system-spectrum-picker-background-color-active: var(--spectrum-gray-400); - --system-spectrum-picker-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-picker-background-color-hover-open: var(--spectrum-gray-300); - --system-spectrum-picker-background-color-key-focus: var(--spectrum-gray-300); - --system-spectrum-picker-border-color-default: transparent; - --system-spectrum-picker-border-color-default-open: transparent; - --system-spectrum-picker-border-color-hover: transparent; - --system-spectrum-picker-border-color-hover-open: transparent; - --system-spectrum-picker-border-color-active: transparent; - --system-spectrum-picker-border-color-key-focus: transparent; - --system-spectrum-picker-border-width: 0px; -} diff --git a/tokens/dist/css/components/express/pickerbutton.css b/tokens/dist/css/components/express/pickerbutton.css deleted file mode 100644 index b6555351d48..00000000000 --- a/tokens/dist/css/components/express/pickerbutton.css +++ /dev/null @@ -1,24 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-pickerbutton-spectrum-picker-button-background-color: var(--spectrum-gray-200); - --system-spectrum-pickerbutton-spectrum-picker-button-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-pickerbutton-spectrum-picker-button-background-color-down: var(--spectrum-gray-400); - --system-spectrum-pickerbutton-spectrum-picker-button-background-color-key-focus: var(--spectrum-gray-300); - --system-spectrum-pickerbutton-spectrum-picker-button-border-color: none; - --system-spectrum-pickerbutton-spectrum-picker-button-border-radius: var(--spectrum-corner-radius-75); - --system-spectrum-pickerbutton-spectrum-picker-button-border-radius-rounded-sided: var(--spectrum-corner-radius-200); - --system-spectrum-pickerbutton-spectrum-picker-button-border-radius-sided: var(--spectrum-corner-radius-75); - --system-spectrum-pickerbutton-spectrum-picker-button-border-width: 0px; -} diff --git a/tokens/dist/css/components/express/popover.css b/tokens/dist/css/components/express/popover.css deleted file mode 100644 index 72268e24b57..00000000000 --- a/tokens/dist/css/components/express/popover.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-popover-border-width: 0; -} diff --git a/tokens/dist/css/components/express/radio.css b/tokens/dist/css/components/express/radio.css deleted file mode 100644 index 892173360e5..00000000000 --- a/tokens/dist/css/components/express/radio.css +++ /dev/null @@ -1,23 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-radio-button-border-color-default: var(--spectrum-gray-800); - --system-spectrum-radio-button-border-color-hover: var(--spectrum-gray-900); - --system-spectrum-radio-button-border-color-down: var(--spectrum-gray-900); - --system-spectrum-radio-button-border-color-focus: var(--spectrum-gray-900); - --system-spectrum-radio-emphasized-button-checked-border-color-default: var(--spectrum-accent-color-900); - --system-spectrum-radio-emphasized-button-checked-border-color-hover: var(--spectrum-accent-color-1000); - --system-spectrum-radio-emphasized-button-checked-border-color-down: var(--spectrum-accent-color-1100); - --system-spectrum-radio-emphasized-button-checked-border-color-focus: var(--spectrum-accent-color-1000); -} diff --git a/tokens/dist/css/components/express/rating.css b/tokens/dist/css/components/express/rating.css deleted file mode 100644 index 77cf8d3dd30..00000000000 --- a/tokens/dist/css/components/express/rating.css +++ /dev/null @@ -1,19 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-rating-icon-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-rating-icon-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-rating-icon-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-rating-icon-color-key-focus: var(--spectrum-neutral-content-color-key-focus); -} diff --git a/tokens/dist/css/components/express/search.css b/tokens/dist/css/components/express/search.css deleted file mode 100644 index 5668eaeae69..00000000000 --- a/tokens/dist/css/components/express/search.css +++ /dev/null @@ -1,30 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-search-border-radius: calc(var(--spectrum-component-height-100) / 2); - --system-spectrum-search-edge-to-visual: var(--spectrum-component-pill-edge-to-visual-100); - --system-spectrum-search-border-color-default: var(--spectrum-gray-400); - --system-spectrum-search-border-color-hover: var(--spectrum-gray-500); - --system-spectrum-search-border-color-focus: var(--spectrum-gray-800); - --system-spectrum-search-border-color-focus-hover: var(--spectrum-gray-900); - --system-spectrum-search-border-color-key-focus: var(--spectrum-gray-900); - --system-spectrum-search-sizes-border-radius: calc(var(--spectrum-component-height-75) / 2); - --system-spectrum-search-sizes-edge-to-visual: var(--spectrum-component-pill-edge-to-visual-75); - --system-spectrum-search-sizem-border-radius: calc(var(--spectrum-component-height-100) / 2); - --system-spectrum-search-sizem-edge-to-visual: var(--spectrum-component-pill-edge-to-visual-100); - --system-spectrum-search-sizel-border-radius: calc(var(--spectrum-component-height-200) / 2); - --system-spectrum-search-sizel-edge-to-visual: var(--spectrum-component-pill-edge-to-visual-200); - --system-spectrum-search-sizexl-border-radius: calc(var(--spectrum-component-height-300) / 2); - --system-spectrum-search-sizexl-edge-to-visual: var(--spectrum-component-pill-edge-to-visual-300); -} diff --git a/tokens/dist/css/components/express/slider.css b/tokens/dist/css/components/express/slider.css deleted file mode 100644 index 493ac3fce7b..00000000000 --- a/tokens/dist/css/components/express/slider.css +++ /dev/null @@ -1,30 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --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); -} diff --git a/tokens/dist/css/components/express/stepper.css b/tokens/dist/css/components/express/stepper.css deleted file mode 100644 index 6935f77b8f0..00000000000 --- a/tokens/dist/css/components/express/stepper.css +++ /dev/null @@ -1,38 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-stepper-border-width: var(--spectrum-border-width-200); - --system-spectrum-stepper-buttons-border-style: solid; - --system-spectrum-stepper-buttons-border-width: var(--spectrum-border-width-200); - --system-spectrum-stepper-buttons-border-color: transparent; - --system-spectrum-stepper-buttons-background-color: var(--spectrum-gray-50); - --system-spectrum-stepper-buttons-border-color-hover: transparent; - --system-spectrum-stepper-buttons-border-color-focus: transparent; - --system-spectrum-stepper-buttons-border-color-keyboard-focus: transparent; - --system-spectrum-stepper-button-border-radius-reset: var(--spectrum-in-field-button-fill-stacked-inner-border-rounding); - --system-spectrum-stepper-button-border-width: 0; - --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-border-color-invalid: transparent; - --system-spectrum-stepper-border-color-focus-invalid: transparent; - --system-spectrum-stepper-border-color-focus-hover-invalid: transparent; - --system-spectrum-stepper-border-color-keyboard-focus-invalid: transparent; - --system-spectrum-stepper-button-background-color-focus: var(--spectrum-gray-400); - --system-spectrum-stepper-button-background-color-keyboard-focus: var(--spectrum-gray-300); - --system-spectrum-stepper-disabled-buttons-background-color: var(--spectrum-disabled-background-color); - --system-spectrum-stepper-disabled-buttons-border-width: 0; -} diff --git a/tokens/dist/css/components/express/switch.css b/tokens/dist/css/components/express/switch.css deleted file mode 100644 index c716f5b9b1d..00000000000 --- a/tokens/dist/css/components/express/switch.css +++ /dev/null @@ -1,23 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-switch-handle-border-color-default: var(--spectrum-gray-800); - --system-spectrum-switch-handle-border-color-hover: var(--spectrum-gray-900); - --system-spectrum-switch-handle-border-color-down: var(--spectrum-gray-900); - --system-spectrum-switch-handle-border-color-focus: var(--spectrum-gray-900); - --system-spectrum-switch-handle-border-color-selected-default: var(--spectrum-gray-800); - --system-spectrum-switch-handle-border-color-selected-hover: var(--spectrum-gray-900); - --system-spectrum-switch-handle-border-color-selected-down: var(--spectrum-gray-900); - --system-spectrum-switch-handle-border-color-selected-focus: var(--spectrum-gray-900); -} diff --git a/tokens/dist/css/components/express/tabs.css b/tokens/dist/css/components/express/tabs.css deleted file mode 100644 index 29c75453742..00000000000 --- a/tokens/dist/css/components/express/tabs.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-tabs-font-weight: var(--spectrum-bold-font-weight); -} diff --git a/tokens/dist/css/components/express/tag.css b/tokens/dist/css/components/express/tag.css deleted file mode 100644 index c550e784ff6..00000000000 --- a/tokens/dist/css/components/express/tag.css +++ /dev/null @@ -1,45 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-tag-border-color: var(--spectrum-gray-300); - --system-spectrum-tag-border-color-hover: var(--spectrum-gray-400); - --system-spectrum-tag-border-color-active: var(--spectrum-gray-500); - --system-spectrum-tag-border-color-focus: var(--spectrum-gray-400); - --system-spectrum-tag-size-small-corner-radius: var(--spectrum-component-height-75); - --system-spectrum-tag-size-medium-corner-radius: var(--spectrum-component-height-100); - --system-spectrum-tag-size-large-corner-radius: var(--spectrum-component-height-200); - --system-spectrum-tag-background-color: transparent; - --system-spectrum-tag-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-tag-background-color-active: var(--spectrum-gray-400); - --system-spectrum-tag-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-tag-content-color: var(--spectrum-neutral-content-color-default); - --system-spectrum-tag-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-tag-content-color-active: var(--spectrum-neutral-content-color-down); - --system-spectrum-tag-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-tag-border-color-selected: var(--spectrum-neutral-background-color-default); - --system-spectrum-tag-border-color-selected-hover: var(--spectrum-neutral-background-color-hover); - --system-spectrum-tag-border-color-selected-active: var(--spectrum-neutral-background-color-down); - --system-spectrum-tag-border-color-selected-focus: var(--spectrum-neutral-background-color-key-focus); - --system-spectrum-tag-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-tag-background-color-disabled: transparent; - --system-spectrum-tag-size-small-spacing-inline-start: var(--spectrum-component-pill-edge-to-visual-75); - --system-spectrum-tag-size-small-label-spacing-inline-end: var(--spectrum-component-pill-edge-to-text-75); - --system-spectrum-tag-size-small-clear-button-spacing-inline-end: var(--spectrum-component-pill-edge-to-visual-75); - --system-spectrum-tag-size-medium-spacing-inline-start: var(--spectrum-component-pill-edge-to-visual-100); - --system-spectrum-tag-size-medium-label-spacing-inline-end: var(--spectrum-component-pill-edge-to-text-100); - --system-spectrum-tag-size-medium-clear-button-spacing-inline-end: var(--spectrum-component-pill-edge-to-visual-100); - --system-spectrum-tag-size-large-spacing-inline-start: var(--spectrum-component-pill-edge-to-visual-200); - --system-spectrum-tag-size-large-label-spacing-inline-end: var(--spectrum-component-pill-edge-to-text-200); - --system-spectrum-tag-size-large-clear-button-spacing-inline-end: var(--spectrum-component-pill-edge-to-visual-200); -} diff --git a/tokens/dist/css/components/express/textfield.css b/tokens/dist/css/components/express/textfield.css deleted file mode 100644 index eb9e9854a73..00000000000 --- a/tokens/dist/css/components/express/textfield.css +++ /dev/null @@ -1,21 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --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); -} diff --git a/tokens/dist/css/components/express/toast.css b/tokens/dist/css/components/express/toast.css deleted file mode 100644 index e7bb049aeb8..00000000000 --- a/tokens/dist/css/components/express/toast.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-toast-background-color-default: var(--spectrum-neutral-background-color-default); -} diff --git a/tokens/dist/css/components/express/tooltip.css b/tokens/dist/css/components/express/tooltip.css deleted file mode 100644 index f6e4a069dd1..00000000000 --- a/tokens/dist/css/components/express/tooltip.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum--express { - --system-spectrum-tooltip-backgound-color-default-neutral: var(--spectrum-neutral-background-color-default); -} diff --git a/tokens/dist/css/components/spectrum/actionbutton.css b/tokens/dist/css/components/spectrum/actionbutton.css deleted file mode 100644 index 0348931dc34..00000000000 --- a/tokens/dist/css/components/spectrum/actionbutton.css +++ /dev/null @@ -1,104 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-actionbutton-background-color-default: var(--spectrum-gray-75); - --system-spectrum-actionbutton-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-actionbutton-background-color-down: var(--spectrum-gray-300); - --system-spectrum-actionbutton-background-color-focus: var(--spectrum-gray-200); - --system-spectrum-actionbutton-border-color-default: var(--spectrum-gray-400); - --system-spectrum-actionbutton-border-color-hover: var(--spectrum-gray-500); - --system-spectrum-actionbutton-border-color-down: var(--spectrum-gray-600); - --system-spectrum-actionbutton-border-color-focus: var(--spectrum-gray-500); - --system-spectrum-actionbutton-background-color-disabled: transparent; - --system-spectrum-actionbutton-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-actionbutton-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-actionbutton-quiet-background-color-default: transparent; - --system-spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-actionbutton-quiet-background-color-down: var(--spectrum-gray-300); - --system-spectrum-actionbutton-quiet-background-color-focus: var(--spectrum-gray-200); - --system-spectrum-actionbutton-quiet-border-color-default: transparent; - --system-spectrum-actionbutton-quiet-border-color-hover: transparent; - --system-spectrum-actionbutton-quiet-border-color-down: transparent; - --system-spectrum-actionbutton-quiet-border-color-focus: transparent; - --system-spectrum-actionbutton-quiet-background-color-disabled: transparent; - --system-spectrum-actionbutton-quiet-border-color-disabled: transparent; - --system-spectrum-actionbutton-selected-border-color-default: transparent; - --system-spectrum-actionbutton-selected-border-color-hover: transparent; - --system-spectrum-actionbutton-selected-border-color-down: transparent; - --system-spectrum-actionbutton-selected-border-color-focus: transparent; - --system-spectrum-actionbutton-selected-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-actionbutton-selected-border-color-disabled: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-default: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-default: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-hover: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-hover: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-down: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-down: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-focus: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-focus: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-disabled: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-disabled: transparent; - --system-spectrum-actionbutton-staticblack-background-color-default: transparent; - --system-spectrum-actionbutton-staticblack-background-color-hover: var(--spectrum-transparent-black-300); - --system-spectrum-actionbutton-staticblack-background-color-down: var(--spectrum-transparent-black-400); - --system-spectrum-actionbutton-staticblack-background-color-focus: var(--spectrum-transparent-black-300); - --system-spectrum-actionbutton-staticblack-border-color-default: var(--spectrum-transparent-black-400); - --system-spectrum-actionbutton-staticblack-border-color-hover: var(--spectrum-transparent-black-500); - --system-spectrum-actionbutton-staticblack-border-color-down: var(--spectrum-transparent-black-600); - --system-spectrum-actionbutton-staticblack-border-color-focus: var(--spectrum-transparent-black-500); - --system-spectrum-actionbutton-staticblack-content-color-default: var(--spectrum-black); - --system-spectrum-actionbutton-staticblack-content-color-hover: var(--spectrum-black); - --system-spectrum-actionbutton-staticblack-content-color-down: var(--spectrum-black); - --system-spectrum-actionbutton-staticblack-content-color-focus: var(--spectrum-black); - --system-spectrum-actionbutton-staticblack-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-actionbutton-staticblack-background-color-disabled: transparent; - --system-spectrum-actionbutton-staticblack-border-color-disabled: var(--spectrum-disabled-static-black-border-color); - --system-spectrum-actionbutton-staticblack-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-default: var(--spectrum-transparent-black-800); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-hover: var(--spectrum-transparent-black-900); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-down: var(--spectrum-transparent-black-900); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-focus: var(--spectrum-transparent-black-900); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-default: var(--spectrum-white); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-hover: var(--spectrum-white); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-down: var(--spectrum-white); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-focus: var(--spectrum-white); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-disabled: var(--spectrum-disabled-static-black-background-color); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-border-color-disabled: transparent; - --system-spectrum-actionbutton-staticwhite-background-color-default: transparent; - --system-spectrum-actionbutton-staticwhite-background-color-hover: var(--spectrum-transparent-white-300); - --system-spectrum-actionbutton-staticwhite-background-color-down: var(--spectrum-transparent-white-400); - --system-spectrum-actionbutton-staticwhite-background-color-focus: var(--spectrum-transparent-white-300); - --system-spectrum-actionbutton-staticwhite-border-color-default: var(--spectrum-transparent-white-400); - --system-spectrum-actionbutton-staticwhite-border-color-hover: var(--spectrum-transparent-white-500); - --system-spectrum-actionbutton-staticwhite-border-color-down: var(--spectrum-transparent-white-600); - --system-spectrum-actionbutton-staticwhite-border-color-focus: var(--spectrum-transparent-white-500); - --system-spectrum-actionbutton-staticwhite-content-color-default: var(--spectrum-white); - --system-spectrum-actionbutton-staticwhite-content-color-hover: var(--spectrum-white); - --system-spectrum-actionbutton-staticwhite-content-color-down: var(--spectrum-white); - --system-spectrum-actionbutton-staticwhite-content-color-focus: var(--spectrum-white); - --system-spectrum-actionbutton-staticwhite-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-actionbutton-staticwhite-background-color-disabled: transparent; - --system-spectrum-actionbutton-staticwhite-border-color-disabled: var(--spectrum-disabled-static-white-border-color); - --system-spectrum-actionbutton-staticwhite-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-default: var(--spectrum-transparent-white-800); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-hover: var(--spectrum-transparent-white-900); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-down: var(--spectrum-transparent-white-900); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-focus: var(--spectrum-transparent-white-900); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-default: var(--spectrum-black); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-hover: var(--spectrum-black); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-down: var(--spectrum-black); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-focus: var(--spectrum-black); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-disabled: var(--spectrum-disabled-static-white-background-color); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-border-color-disabled: transparent; -} diff --git a/tokens/dist/css/components/spectrum/actiongroup.css b/tokens/dist/css/components/spectrum/actiongroup.css deleted file mode 100644 index bd7f9acb1ca..00000000000 --- a/tokens/dist/css/components/spectrum/actiongroup.css +++ /dev/null @@ -1,18 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-actiongroup-gap-size-compact: 0; - --system-spectrum-actiongroup-horizontal-spacing-compact: -1px; - --system-spectrum-actiongroup-vertical-spacing-compact: -1px; -} diff --git a/tokens/dist/css/components/spectrum/alertbanner.css b/tokens/dist/css/components/spectrum/alertbanner.css deleted file mode 100644 index c249affdb34..00000000000 --- a/tokens/dist/css/components/spectrum/alertbanner.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-alertbanner-spectrum-alert-banner-netural-background: var(--spectrum-neutral-subdued-background-color-default); -} diff --git a/tokens/dist/css/components/spectrum/assetcard.css b/tokens/dist/css/components/spectrum/assetcard.css deleted file mode 100644 index 27b98bbcfd3..00000000000 --- a/tokens/dist/css/components/spectrum/assetcard.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-assetcard-overlay-background-color: rgba(27, 127, 245, 0.1); -} diff --git a/tokens/dist/css/components/spectrum/button.css b/tokens/dist/css/components/spectrum/button.css deleted file mode 100644 index 4ea830ac9ed..00000000000 --- a/tokens/dist/css/components/spectrum/button.css +++ /dev/null @@ -1,326 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-button-background-color-default: var(--spectrum-gray-75); - --system-spectrum-button-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-button-background-color-down: var(--spectrum-gray-300); - --system-spectrum-button-background-color-focus: var(--spectrum-gray-200); - --system-spectrum-button-border-color-default: var(--spectrum-gray-400); - --system-spectrum-button-border-color-hover: var(--spectrum-gray-500); - --system-spectrum-button-border-color-down: var(--spectrum-gray-600); - --system-spectrum-button-border-color-focus: var(--spectrum-gray-500); - --system-spectrum-button-content-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-button-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-button-content-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-button-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-button-background-color-disabled: transparent; - --system-spectrum-button-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-accent-background-color-default: var(--spectrum-accent-background-color-default); - --system-spectrum-button-accent-background-color-hover: var(--spectrum-accent-background-color-hover); - --system-spectrum-button-accent-background-color-down: var(--spectrum-accent-background-color-down); - --system-spectrum-button-accent-background-color-focus: var(--spectrum-accent-background-color-key-focus); - --system-spectrum-button-accent-border-color-default: transparent; - --system-spectrum-button-accent-border-color-hover: transparent; - --system-spectrum-button-accent-border-color-down: transparent; - --system-spectrum-button-accent-border-color-focus: transparent; - --system-spectrum-button-accent-content-color-default: var(--spectrum-white); - --system-spectrum-button-accent-content-color-hover: var(--spectrum-white); - --system-spectrum-button-accent-content-color-down: var(--spectrum-white); - --system-spectrum-button-accent-content-color-focus: var(--spectrum-white); - --system-spectrum-button-accent-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-accent-border-color-disabled: transparent; - --system-spectrum-button-accent-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-accent-outline-background-color-default: transparent; - --system-spectrum-button-accent-outline-background-color-hover: var(--spectrum-accent-color-200); - --system-spectrum-button-accent-outline-background-color-down: var(--spectrum-accent-color-300); - --system-spectrum-button-accent-outline-background-color-focus: var(--spectrum-accent-color-200); - --system-spectrum-button-accent-outline-border-color-default: var(--spectrum-accent-color-900); - --system-spectrum-button-accent-outline-border-color-hover: var(--spectrum-accent-color-1000); - --system-spectrum-button-accent-outline-border-color-down: var(--spectrum-accent-color-1100); - --system-spectrum-button-accent-outline-border-color-focus: var(--spectrum-accent-color-1000); - --system-spectrum-button-accent-outline-content-color-default: var(--spectrum-accent-content-color-default); - --system-spectrum-button-accent-outline-content-color-hover: var(--spectrum-accent-content-color-hover); - --system-spectrum-button-accent-outline-content-color-down: var(--spectrum-accent-content-color-down); - --system-spectrum-button-accent-outline-content-color-focus: var(--spectrum-accent-content-color-key-focus); - --system-spectrum-button-accent-outline-background-color-disabled: transparent; - --system-spectrum-button-accent-outline-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-accent-outline-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-negative-background-color-default: var(--spectrum-negative-background-color-default); - --system-spectrum-button-negative-background-color-hover: var(--spectrum-negative-background-color-hover); - --system-spectrum-button-negative-background-color-down: var(--spectrum-negative-background-color-down); - --system-spectrum-button-negative-background-color-focus: var(--spectrum-negative-background-color-key-focus); - --system-spectrum-button-negative-border-color-default: transparent; - --system-spectrum-button-negative-border-color-hover: transparent; - --system-spectrum-button-negative-border-color-down: transparent; - --system-spectrum-button-negative-border-color-focus: transparent; - --system-spectrum-button-negative-content-color-default: var(--spectrum-white); - --system-spectrum-button-negative-content-color-hover: var(--spectrum-white); - --system-spectrum-button-negative-content-color-down: var(--spectrum-white); - --system-spectrum-button-negative-content-color-focus: var(--spectrum-white); - --system-spectrum-button-negative-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-negative-border-color-disabled: transparent; - --system-spectrum-button-negative-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-negative-outline-background-color-default: transparent; - --system-spectrum-button-negative-outline-background-color-hover: var(--spectrum-negative-color-200); - --system-spectrum-button-negative-outline-background-color-down: var(--spectrum-negative-color-300); - --system-spectrum-button-negative-outline-background-color-focus: var(--spectrum-negative-color-200); - --system-spectrum-button-negative-outline-border-color-default: var(--spectrum-negative-color-900); - --system-spectrum-button-negative-outline-border-color-hover: var(--spectrum-negative-color-1000); - --system-spectrum-button-negative-outline-border-color-down: var(--spectrum-negative-color-1100); - --system-spectrum-button-negative-outline-border-color-focus: var(--spectrum-negative-color-1000); - --system-spectrum-button-negative-outline-content-color-default: var(--spectrum-negative-content-color-default); - --system-spectrum-button-negative-outline-content-color-hover: var(--spectrum-negative-content-color-hover); - --system-spectrum-button-negative-outline-content-color-down: var(--spectrum-negative-content-color-down); - --system-spectrum-button-negative-outline-content-color-focus: var(--spectrum-negative-content-color-key-focus); - --system-spectrum-button-negative-outline-background-color-disabled: transparent; - --system-spectrum-button-negative-outline-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-negative-outline-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-primary-background-color-default: var(--spectrum-neutral-background-color-default); - --system-spectrum-button-primary-background-color-hover: var(--spectrum-neutral-background-color-hover); - --system-spectrum-button-primary-background-color-down: var(--spectrum-neutral-background-color-down); - --system-spectrum-button-primary-background-color-focus: var(--spectrum-neutral-background-color-key-focus); - --system-spectrum-button-primary-border-color-default: transparent; - --system-spectrum-button-primary-border-color-hover: transparent; - --system-spectrum-button-primary-border-color-down: transparent; - --system-spectrum-button-primary-border-color-focus: transparent; - --system-spectrum-button-primary-content-color-default: var(--spectrum-white); - --system-spectrum-button-primary-content-color-hover: var(--spectrum-white); - --system-spectrum-button-primary-content-color-down: var(--spectrum-white); - --system-spectrum-button-primary-content-color-focus: var(--spectrum-white); - --system-spectrum-button-primary-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-primary-border-color-disabled: transparent; - --system-spectrum-button-primary-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-primary-outline-background-color-default: transparent; - --system-spectrum-button-primary-outline-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-button-primary-outline-background-color-down: var(--spectrum-gray-400); - --system-spectrum-button-primary-outline-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-button-primary-outline-border-color-default: var(--spectrum-gray-800); - --system-spectrum-button-primary-outline-border-color-hover: var(--spectrum-gray-900); - --system-spectrum-button-primary-outline-border-color-down: var(--spectrum-gray-900); - --system-spectrum-button-primary-outline-border-color-focus: var(--spectrum-gray-900); - --system-spectrum-button-primary-outline-content-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-button-primary-outline-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-button-primary-outline-content-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-button-primary-outline-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-button-primary-outline-background-color-disabled: transparent; - --system-spectrum-button-primary-outline-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-primary-outline-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-secondary-background-color-default: var(--spectrum-gray-200); - --system-spectrum-button-secondary-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-button-secondary-background-color-down: var(--spectrum-gray-400); - --system-spectrum-button-secondary-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-button-secondary-border-color-default: transparent; - --system-spectrum-button-secondary-border-color-hover: transparent; - --system-spectrum-button-secondary-border-color-down: transparent; - --system-spectrum-button-secondary-border-color-focus: transparent; - --system-spectrum-button-secondary-content-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-button-secondary-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-button-secondary-content-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-button-secondary-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-button-secondary-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-secondary-border-color-disabled: transparent; - --system-spectrum-button-secondary-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-secondary-outline-background-color-default: transparent; - --system-spectrum-button-secondary-outline-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-button-secondary-outline-background-color-down: var(--spectrum-gray-400); - --system-spectrum-button-secondary-outline-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-button-secondary-outline-border-color-default: var(--spectrum-gray-300); - --system-spectrum-button-secondary-outline-border-color-hover: var(--spectrum-gray-400); - --system-spectrum-button-secondary-outline-border-color-down: var(--spectrum-gray-500); - --system-spectrum-button-secondary-outline-border-color-focus: var(--spectrum-gray-400); - --system-spectrum-button-secondary-outline-content-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-button-secondary-outline-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-button-secondary-outline-content-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-button-secondary-outline-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-button-secondary-outline-background-color-disabled: transparent; - --system-spectrum-button-secondary-outline-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-secondary-outline-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-quiet-background-color-default: transparent; - --system-spectrum-button-quiet-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-button-quiet-background-color-down: var(--spectrum-gray-300); - --system-spectrum-button-quiet-background-color-focus: var(--spectrum-gray-200); - --system-spectrum-button-quiet-border-color-default: transparent; - --system-spectrum-button-quiet-border-color-hover: transparent; - --system-spectrum-button-quiet-border-color-down: transparent; - --system-spectrum-button-quiet-border-color-focus: transparent; - --system-spectrum-button-quiet-background-color-disabled: transparent; - --system-spectrum-button-quiet-border-color-disabled: transparent; - --system-spectrum-button-selected-background-color-default: var(--spectrum-neutral-subdued-background-color-default); - --system-spectrum-button-selected-background-color-hover: var(--spectrum-neutral-subdued-background-color-hover); - --system-spectrum-button-selected-background-color-down: var(--spectrum-neutral-subdued-background-color-down); - --system-spectrum-button-selected-background-color-focus: var(--spectrum-neutral-subdued-background-color-key-focus); - --system-spectrum-button-selected-border-color-default: transparent; - --system-spectrum-button-selected-border-color-hover: transparent; - --system-spectrum-button-selected-border-color-down: transparent; - --system-spectrum-button-selected-border-color-focus: transparent; - --system-spectrum-button-selected-content-color-default: var(--spectrum-white); - --system-spectrum-button-selected-content-color-hover: var(--spectrum-white); - --system-spectrum-button-selected-content-color-down: var(--spectrum-white); - --system-spectrum-button-selected-content-color-focus: var(--spectrum-white); - --system-spectrum-button-selected-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-selected-border-color-disabled: transparent; - --system-spectrum-button-selected-emphasized-background-color-default: var(--spectrum-accent-background-color-default); - --system-spectrum-button-selected-emphasized-background-color-hover: var(--spectrum-accent-background-color-hover); - --system-spectrum-button-selected-emphasized-background-color-down: var(--spectrum-accent-background-color-down); - --system-spectrum-button-selected-emphasized-background-color-focus: var(--spectrum-accent-background-color-key-focus); - --system-spectrum-button-staticblack-quiet-border-color-default: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-default: transparent; - --system-spectrum-button-staticblack-quiet-border-color-hover: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-hover: transparent; - --system-spectrum-button-staticblack-quiet-border-color-down: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-down: transparent; - --system-spectrum-button-staticblack-quiet-border-color-focus: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-focus: transparent; - --system-spectrum-button-staticblack-quiet-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-background-color-default: var(--spectrum-transparent-white-800); - --system-spectrum-button-staticwhite-background-color-hover: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-background-color-down: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-background-color-focus: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-border-color-default: transparent; - --system-spectrum-button-staticwhite-border-color-hover: transparent; - --system-spectrum-button-staticwhite-border-color-down: transparent; - --system-spectrum-button-staticwhite-border-color-focus: transparent; - --system-spectrum-button-staticwhite-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticwhite-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticwhite-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticwhite-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticwhite-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-button-staticwhite-background-color-disabled: var(--spectrum-disabled-static-white-background-color); - --system-spectrum-button-staticwhite-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-button-staticwhite-outline-background-color-default: transparent; - --system-spectrum-button-staticwhite-outline-background-color-hover: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-outline-background-color-down: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-outline-background-color-focus: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-outline-border-color-default: var(--spectrum-transparent-white-800); - --system-spectrum-button-staticwhite-outline-border-color-hover: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-outline-border-color-down: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-outline-border-color-focus: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-outline-content-color-default: var(--spectrum-white); - --system-spectrum-button-staticwhite-outline-content-color-hover: var(--spectrum-white); - --system-spectrum-button-staticwhite-outline-content-color-down: var(--spectrum-white); - --system-spectrum-button-staticwhite-outline-content-color-focus: var(--spectrum-white); - --system-spectrum-button-staticwhite-outline-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-button-staticwhite-outline-background-color-disabled: transparent; - --system-spectrum-button-staticwhite-outline-border-color-disabled: var(--spectrum-disabled-static-white-border-color); - --system-spectrum-button-staticwhite-outline-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-button-staticwhite-selected-background-color-default: var(--spectrum-transparent-white-800); - --system-spectrum-button-staticwhite-selected-background-color-hover: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-selected-background-color-down: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-selected-background-color-focus: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-selected-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticwhite-selected-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticwhite-selected-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticwhite-selected-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticwhite-selected-background-color-disabled: var(--spectrum-disabled-static-white-background-color); - --system-spectrum-button-staticwhite-selected-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-secondary-background-color-default: var(--spectrum-transparent-white-200); - --system-spectrum-button-staticwhite-secondary-background-color-hover: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-background-color-down: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-secondary-background-color-focus: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-border-color-default: transparent; - --system-spectrum-button-staticwhite-secondary-border-color-hover: transparent; - --system-spectrum-button-staticwhite-secondary-border-color-down: transparent; - --system-spectrum-button-staticwhite-secondary-border-color-focus: transparent; - --system-spectrum-button-staticwhite-secondary-content-color-default: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-content-color-hover: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-content-color-down: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-content-color-focus: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-button-staticwhite-secondary-background-color-disabled: var(--spectrum-disabled-static-white-background-color); - --system-spectrum-button-staticwhite-secondary-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-secondary-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-button-staticwhite-secondary-outline-background-color-default: transparent; - --system-spectrum-button-staticwhite-secondary-outline-background-color-hover: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-outline-background-color-down: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-secondary-outline-background-color-focus: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-outline-border-color-default: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-outline-border-color-hover: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-secondary-outline-border-color-down: var(--spectrum-transparent-white-500); - --system-spectrum-button-staticwhite-secondary-outline-border-color-focus: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-secondary-outline-content-color-default: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-outline-content-color-hover: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-outline-content-color-down: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-outline-content-color-focus: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-button-staticwhite-secondary-outline-background-color-disabled: transparent; - --system-spectrum-button-staticwhite-secondary-outline-border-color-disabled: var(--spectrum-disabled-static-white-border-color); - --system-spectrum-button-staticwhite-secondary-outline-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-button-staticblack-background-color-default: var(--spectrum-transparent-black-800); - --system-spectrum-button-staticblack-background-color-hover: var(--spectrum-transparent-black-900); - --system-spectrum-button-staticblack-background-color-down: var(--spectrum-transparent-black-900); - --system-spectrum-button-staticblack-background-color-focus: var(--spectrum-transparent-black-900); - --system-spectrum-button-staticblack-border-color-default: transparent; - --system-spectrum-button-staticblack-border-color-hover: transparent; - --system-spectrum-button-staticblack-border-color-down: transparent; - --system-spectrum-button-staticblack-border-color-focus: transparent; - --system-spectrum-button-staticblack-content-color-default: var(--spectrum-white); - --system-spectrum-button-staticblack-content-color-hover: var(--spectrum-white); - --system-spectrum-button-staticblack-content-color-down: var(--spectrum-white); - --system-spectrum-button-staticblack-content-color-focus: var(--spectrum-white); - --system-spectrum-button-staticblack-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-button-staticblack-background-color-disabled: var(--spectrum-disabled-static-black-background-color); - --system-spectrum-button-staticblack-border-color-disabled: transparent; - --system-spectrum-button-staticblack-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-button-staticblack-outline-background-color-default: transparent; - --system-spectrum-button-staticblack-outline-background-color-hover: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-outline-background-color-down: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-outline-background-color-focus: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-outline-border-color-default: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-outline-border-color-hover: var(--spectrum-transparent-black-500); - --system-spectrum-button-staticblack-outline-border-color-down: var(--spectrum-transparent-black-600); - --system-spectrum-button-staticblack-outline-border-color-focus: var(--spectrum-transparent-black-500); - --system-spectrum-button-staticblack-outline-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticblack-outline-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticblack-outline-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticblack-outline-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticblack-outline-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-button-staticblack-outline-background-color-disabled: transparent; - --system-spectrum-button-staticblack-outline-border-color-disabled: var(--spectrum-disabled-static-black-border-color); - --system-spectrum-button-staticblack-outline-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-button-staticblack-secondary-background-color-default: var(--spectrum-transparent-black-200); - --system-spectrum-button-staticblack-secondary-background-color-hover: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-background-color-down: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-secondary-background-color-focus: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-border-color-default: transparent; - --system-spectrum-button-staticblack-secondary-border-color-hover: transparent; - --system-spectrum-button-staticblack-secondary-border-color-down: transparent; - --system-spectrum-button-staticblack-secondary-border-color-focus: transparent; - --system-spectrum-button-staticblack-secondary-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-button-staticblack-secondary-background-color-disabled: var(--spectrum-disabled-static-black-background-color); - --system-spectrum-button-staticblack-secondary-border-color-disabled: transparent; - --system-spectrum-button-staticblack-secondary-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-button-staticblack-secondary-outline-background-color-default: transparent; - --system-spectrum-button-staticblack-secondary-outline-background-color-hover: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-outline-background-color-down: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-secondary-outline-background-color-focus: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-outline-border-color-default: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-outline-border-color-hover: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-secondary-outline-border-color-down: var(--spectrum-transparent-black-500); - --system-spectrum-button-staticblack-secondary-outline-border-color-focus: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-secondary-outline-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-outline-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-outline-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-outline-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-outline-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-button-staticblack-secondary-outline-background-color-disabled: transparent; - --system-spectrum-button-staticblack-secondary-outline-border-color-disabled: var(--spectrum-disabled-static-black-border-color); - --system-spectrum-button-staticblack-secondary-outline-content-color-disabled: var(--spectrum-disabled-static-black-content-color); -} diff --git a/tokens/dist/css/components/spectrum/checkbox.css b/tokens/dist/css/components/spectrum/checkbox.css deleted file mode 100644 index fd2a6979295..00000000000 --- a/tokens/dist/css/components/spectrum/checkbox.css +++ /dev/null @@ -1,19 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-checkbox-control-color-default: var(--spectrum-gray-600); - --system-spectrum-checkbox-control-color-hover: var(--spectrum-gray-700); - --system-spectrum-checkbox-control-color-down: var(--spectrum-gray-800); - --system-spectrum-checkbox-control-color-focus: var(--spectrum-gray-700); -} diff --git a/tokens/dist/css/components/spectrum/clearbutton.css b/tokens/dist/css/components/spectrum/clearbutton.css deleted file mode 100644 index 094afb3edc2..00000000000 --- a/tokens/dist/css/components/spectrum/clearbutton.css +++ /dev/null @@ -1,19 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-clearbutton-spectrum-clear-button-background-color: transparent; - --system-spectrum-clearbutton-spectrum-clear-button-background-color-hover: transparent; - --system-spectrum-clearbutton-spectrum-clear-button-background-color-down: transparent; - --system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus: transparent; -} diff --git a/tokens/dist/css/components/spectrum/closebutton.css b/tokens/dist/css/components/spectrum/closebutton.css deleted file mode 100644 index feef7894ee4..00000000000 --- a/tokens/dist/css/components/spectrum/closebutton.css +++ /dev/null @@ -1,19 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-closebutton-background-color-default: transparent; - --system-spectrum-closebutton-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-closebutton-background-color-down: var(--spectrum-gray-300); - --system-spectrum-closebutton-background-color-focus: var(--spectrum-gray-200); -} diff --git a/tokens/dist/css/components/spectrum/combobox.css b/tokens/dist/css/components/spectrum/combobox.css deleted file mode 100644 index 8979eb00591..00000000000 --- a/tokens/dist/css/components/spectrum/combobox.css +++ /dev/null @@ -1,20 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-combobox-border-color-default: var(--spectrum-gray-500); - --system-spectrum-combobox-border-color-hover: var(--spectrum-gray-600); - --system-spectrum-combobox-border-color-focus: var(--spectrum-gray-500); - --system-spectrum-combobox-border-color-focus-hover: var(--spectrum-gray-600); - --system-spectrum-combobox-border-color-key-focus: var(--spectrum-gray-600); -} diff --git a/tokens/dist/css/components/spectrum/datepicker.css b/tokens/dist/css/components/spectrum/datepicker.css deleted file mode 100644 index 79b4709cce0..00000000000 --- a/tokens/dist/css/components/spectrum/datepicker.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-datepicker-initial-height: var(--spectrum-component-height-100); -} diff --git a/tokens/dist/css/components/spectrum/index.css b/tokens/dist/css/components/spectrum/index.css deleted file mode 100644 index 40657edf215..00000000000 --- a/tokens/dist/css/components/spectrum/index.css +++ /dev/null @@ -1,583 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-actionbutton-background-color-default: var(--spectrum-gray-75); - --system-spectrum-actionbutton-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-actionbutton-background-color-down: var(--spectrum-gray-300); - --system-spectrum-actionbutton-background-color-focus: var(--spectrum-gray-200); - --system-spectrum-actionbutton-border-color-default: var(--spectrum-gray-400); - --system-spectrum-actionbutton-border-color-hover: var(--spectrum-gray-500); - --system-spectrum-actionbutton-border-color-down: var(--spectrum-gray-600); - --system-spectrum-actionbutton-border-color-focus: var(--spectrum-gray-500); - --system-spectrum-actionbutton-background-color-disabled: transparent; - --system-spectrum-actionbutton-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-actionbutton-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-actionbutton-quiet-background-color-default: transparent; - --system-spectrum-actionbutton-quiet-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-actionbutton-quiet-background-color-down: var(--spectrum-gray-300); - --system-spectrum-actionbutton-quiet-background-color-focus: var(--spectrum-gray-200); - --system-spectrum-actionbutton-quiet-border-color-default: transparent; - --system-spectrum-actionbutton-quiet-border-color-hover: transparent; - --system-spectrum-actionbutton-quiet-border-color-down: transparent; - --system-spectrum-actionbutton-quiet-border-color-focus: transparent; - --system-spectrum-actionbutton-quiet-background-color-disabled: transparent; - --system-spectrum-actionbutton-quiet-border-color-disabled: transparent; - --system-spectrum-actionbutton-selected-border-color-default: transparent; - --system-spectrum-actionbutton-selected-border-color-hover: transparent; - --system-spectrum-actionbutton-selected-border-color-down: transparent; - --system-spectrum-actionbutton-selected-border-color-focus: transparent; - --system-spectrum-actionbutton-selected-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-actionbutton-selected-border-color-disabled: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-default: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-default: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-hover: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-hover: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-down: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-down: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-focus: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-focus: transparent; - --system-spectrum-actionbutton-staticblack-quiet-border-color-disabled: transparent; - --system-spectrum-actionbutton-staticwhite-quiet-border-color-disabled: transparent; - --system-spectrum-actionbutton-staticblack-background-color-default: transparent; - --system-spectrum-actionbutton-staticblack-background-color-hover: var(--spectrum-transparent-black-300); - --system-spectrum-actionbutton-staticblack-background-color-down: var(--spectrum-transparent-black-400); - --system-spectrum-actionbutton-staticblack-background-color-focus: var(--spectrum-transparent-black-300); - --system-spectrum-actionbutton-staticblack-border-color-default: var(--spectrum-transparent-black-400); - --system-spectrum-actionbutton-staticblack-border-color-hover: var(--spectrum-transparent-black-500); - --system-spectrum-actionbutton-staticblack-border-color-down: var(--spectrum-transparent-black-600); - --system-spectrum-actionbutton-staticblack-border-color-focus: var(--spectrum-transparent-black-500); - --system-spectrum-actionbutton-staticblack-content-color-default: var(--spectrum-black); - --system-spectrum-actionbutton-staticblack-content-color-hover: var(--spectrum-black); - --system-spectrum-actionbutton-staticblack-content-color-down: var(--spectrum-black); - --system-spectrum-actionbutton-staticblack-content-color-focus: var(--spectrum-black); - --system-spectrum-actionbutton-staticblack-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-actionbutton-staticblack-background-color-disabled: transparent; - --system-spectrum-actionbutton-staticblack-border-color-disabled: var(--spectrum-disabled-static-black-border-color); - --system-spectrum-actionbutton-staticblack-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-default: var(--spectrum-transparent-black-800); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-hover: var(--spectrum-transparent-black-900); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-down: var(--spectrum-transparent-black-900); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-focus: var(--spectrum-transparent-black-900); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-default: var(--spectrum-white); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-hover: var(--spectrum-white); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-down: var(--spectrum-white); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-focus: var(--spectrum-white); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-disabled: var(--spectrum-disabled-static-black-background-color); - --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-border-color-disabled: transparent; - --system-spectrum-actionbutton-staticwhite-background-color-default: transparent; - --system-spectrum-actionbutton-staticwhite-background-color-hover: var(--spectrum-transparent-white-300); - --system-spectrum-actionbutton-staticwhite-background-color-down: var(--spectrum-transparent-white-400); - --system-spectrum-actionbutton-staticwhite-background-color-focus: var(--spectrum-transparent-white-300); - --system-spectrum-actionbutton-staticwhite-border-color-default: var(--spectrum-transparent-white-400); - --system-spectrum-actionbutton-staticwhite-border-color-hover: var(--spectrum-transparent-white-500); - --system-spectrum-actionbutton-staticwhite-border-color-down: var(--spectrum-transparent-white-600); - --system-spectrum-actionbutton-staticwhite-border-color-focus: var(--spectrum-transparent-white-500); - --system-spectrum-actionbutton-staticwhite-content-color-default: var(--spectrum-white); - --system-spectrum-actionbutton-staticwhite-content-color-hover: var(--spectrum-white); - --system-spectrum-actionbutton-staticwhite-content-color-down: var(--spectrum-white); - --system-spectrum-actionbutton-staticwhite-content-color-focus: var(--spectrum-white); - --system-spectrum-actionbutton-staticwhite-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-actionbutton-staticwhite-background-color-disabled: transparent; - --system-spectrum-actionbutton-staticwhite-border-color-disabled: var(--spectrum-disabled-static-white-border-color); - --system-spectrum-actionbutton-staticwhite-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-default: var(--spectrum-transparent-white-800); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-hover: var(--spectrum-transparent-white-900); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-down: var(--spectrum-transparent-white-900); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-focus: var(--spectrum-transparent-white-900); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-default: var(--spectrum-black); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-hover: var(--spectrum-black); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-down: var(--spectrum-black); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-focus: var(--spectrum-black); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-disabled: var(--spectrum-disabled-static-white-background-color); - --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-border-color-disabled: transparent; - --system-spectrum-actiongroup-gap-size-compact: 0; - --system-spectrum-actiongroup-horizontal-spacing-compact: -1px; - --system-spectrum-actiongroup-vertical-spacing-compact: -1px; - --system-spectrum-alertbanner-spectrum-alert-banner-netural-background: var(--spectrum-neutral-subdued-background-color-default); - --system-spectrum-assetcard-overlay-background-color-rgb: 27, 127, 245; - --system-spectrum-assetcard-overlay-background-color-opacity: 0.1; - --system-spectrum-assetcard-overlay-background-color: rgba(var(--system-spectrum-assetcard-overlay-background-color-rgb), var(--system-spectrum-assetcard-overlay-background-color-opacity)); - --system-spectrum-button-background-color-default: var(--spectrum-gray-75); - --system-spectrum-button-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-button-background-color-down: var(--spectrum-gray-300); - --system-spectrum-button-background-color-focus: var(--spectrum-gray-200); - --system-spectrum-button-border-color-default: var(--spectrum-gray-400); - --system-spectrum-button-border-color-hover: var(--spectrum-gray-500); - --system-spectrum-button-border-color-down: var(--spectrum-gray-600); - --system-spectrum-button-border-color-focus: var(--spectrum-gray-500); - --system-spectrum-button-content-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-button-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-button-content-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-button-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-button-background-color-disabled: transparent; - --system-spectrum-button-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-accent-background-color-default: var(--spectrum-accent-background-color-default); - --system-spectrum-button-accent-background-color-hover: var(--spectrum-accent-background-color-hover); - --system-spectrum-button-accent-background-color-down: var(--spectrum-accent-background-color-down); - --system-spectrum-button-accent-background-color-focus: var(--spectrum-accent-background-color-key-focus); - --system-spectrum-button-accent-border-color-default: transparent; - --system-spectrum-button-accent-border-color-hover: transparent; - --system-spectrum-button-accent-border-color-down: transparent; - --system-spectrum-button-accent-border-color-focus: transparent; - --system-spectrum-button-accent-content-color-default: var(--spectrum-white); - --system-spectrum-button-accent-content-color-hover: var(--spectrum-white); - --system-spectrum-button-accent-content-color-down: var(--spectrum-white); - --system-spectrum-button-accent-content-color-focus: var(--spectrum-white); - --system-spectrum-button-accent-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-accent-border-color-disabled: transparent; - --system-spectrum-button-accent-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-accent-outline-background-color-default: transparent; - --system-spectrum-button-accent-outline-background-color-hover: var(--spectrum-accent-color-200); - --system-spectrum-button-accent-outline-background-color-down: var(--spectrum-accent-color-300); - --system-spectrum-button-accent-outline-background-color-focus: var(--spectrum-accent-color-200); - --system-spectrum-button-accent-outline-border-color-default: var(--spectrum-accent-color-900); - --system-spectrum-button-accent-outline-border-color-hover: var(--spectrum-accent-color-1000); - --system-spectrum-button-accent-outline-border-color-down: var(--spectrum-accent-color-1100); - --system-spectrum-button-accent-outline-border-color-focus: var(--spectrum-accent-color-1000); - --system-spectrum-button-accent-outline-content-color-default: var(--spectrum-accent-content-color-default); - --system-spectrum-button-accent-outline-content-color-hover: var(--spectrum-accent-content-color-hover); - --system-spectrum-button-accent-outline-content-color-down: var(--spectrum-accent-content-color-down); - --system-spectrum-button-accent-outline-content-color-focus: var(--spectrum-accent-content-color-key-focus); - --system-spectrum-button-accent-outline-background-color-disabled: transparent; - --system-spectrum-button-accent-outline-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-accent-outline-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-negative-background-color-default: var(--spectrum-negative-background-color-default); - --system-spectrum-button-negative-background-color-hover: var(--spectrum-negative-background-color-hover); - --system-spectrum-button-negative-background-color-down: var(--spectrum-negative-background-color-down); - --system-spectrum-button-negative-background-color-focus: var(--spectrum-negative-background-color-key-focus); - --system-spectrum-button-negative-border-color-default: transparent; - --system-spectrum-button-negative-border-color-hover: transparent; - --system-spectrum-button-negative-border-color-down: transparent; - --system-spectrum-button-negative-border-color-focus: transparent; - --system-spectrum-button-negative-content-color-default: var(--spectrum-white); - --system-spectrum-button-negative-content-color-hover: var(--spectrum-white); - --system-spectrum-button-negative-content-color-down: var(--spectrum-white); - --system-spectrum-button-negative-content-color-focus: var(--spectrum-white); - --system-spectrum-button-negative-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-negative-border-color-disabled: transparent; - --system-spectrum-button-negative-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-negative-outline-background-color-default: transparent; - --system-spectrum-button-negative-outline-background-color-hover: var(--spectrum-negative-color-200); - --system-spectrum-button-negative-outline-background-color-down: var(--spectrum-negative-color-300); - --system-spectrum-button-negative-outline-background-color-focus: var(--spectrum-negative-color-200); - --system-spectrum-button-negative-outline-border-color-default: var(--spectrum-negative-color-900); - --system-spectrum-button-negative-outline-border-color-hover: var(--spectrum-negative-color-1000); - --system-spectrum-button-negative-outline-border-color-down: var(--spectrum-negative-color-1100); - --system-spectrum-button-negative-outline-border-color-focus: var(--spectrum-negative-color-1000); - --system-spectrum-button-negative-outline-content-color-default: var(--spectrum-negative-content-color-default); - --system-spectrum-button-negative-outline-content-color-hover: var(--spectrum-negative-content-color-hover); - --system-spectrum-button-negative-outline-content-color-down: var(--spectrum-negative-content-color-down); - --system-spectrum-button-negative-outline-content-color-focus: var(--spectrum-negative-content-color-key-focus); - --system-spectrum-button-negative-outline-background-color-disabled: transparent; - --system-spectrum-button-negative-outline-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-negative-outline-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-primary-background-color-default: var(--spectrum-neutral-background-color-default); - --system-spectrum-button-primary-background-color-hover: var(--spectrum-neutral-background-color-hover); - --system-spectrum-button-primary-background-color-down: var(--spectrum-neutral-background-color-down); - --system-spectrum-button-primary-background-color-focus: var(--spectrum-neutral-background-color-key-focus); - --system-spectrum-button-primary-border-color-default: transparent; - --system-spectrum-button-primary-border-color-hover: transparent; - --system-spectrum-button-primary-border-color-down: transparent; - --system-spectrum-button-primary-border-color-focus: transparent; - --system-spectrum-button-primary-content-color-default: var(--spectrum-white); - --system-spectrum-button-primary-content-color-hover: var(--spectrum-white); - --system-spectrum-button-primary-content-color-down: var(--spectrum-white); - --system-spectrum-button-primary-content-color-focus: var(--spectrum-white); - --system-spectrum-button-primary-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-primary-border-color-disabled: transparent; - --system-spectrum-button-primary-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-primary-outline-background-color-default: transparent; - --system-spectrum-button-primary-outline-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-button-primary-outline-background-color-down: var(--spectrum-gray-400); - --system-spectrum-button-primary-outline-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-button-primary-outline-border-color-default: var(--spectrum-gray-800); - --system-spectrum-button-primary-outline-border-color-hover: var(--spectrum-gray-900); - --system-spectrum-button-primary-outline-border-color-down: var(--spectrum-gray-900); - --system-spectrum-button-primary-outline-border-color-focus: var(--spectrum-gray-900); - --system-spectrum-button-primary-outline-content-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-button-primary-outline-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-button-primary-outline-content-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-button-primary-outline-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-button-primary-outline-background-color-disabled: transparent; - --system-spectrum-button-primary-outline-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-primary-outline-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-secondary-background-color-default: var(--spectrum-gray-200); - --system-spectrum-button-secondary-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-button-secondary-background-color-down: var(--spectrum-gray-400); - --system-spectrum-button-secondary-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-button-secondary-border-color-default: transparent; - --system-spectrum-button-secondary-border-color-hover: transparent; - --system-spectrum-button-secondary-border-color-down: transparent; - --system-spectrum-button-secondary-border-color-focus: transparent; - --system-spectrum-button-secondary-content-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-button-secondary-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-button-secondary-content-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-button-secondary-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-button-secondary-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-secondary-border-color-disabled: transparent; - --system-spectrum-button-secondary-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-secondary-outline-background-color-default: transparent; - --system-spectrum-button-secondary-outline-background-color-hover: var(--spectrum-gray-300); - --system-spectrum-button-secondary-outline-background-color-down: var(--spectrum-gray-400); - --system-spectrum-button-secondary-outline-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-button-secondary-outline-border-color-default: var(--spectrum-gray-300); - --system-spectrum-button-secondary-outline-border-color-hover: var(--spectrum-gray-400); - --system-spectrum-button-secondary-outline-border-color-down: var(--spectrum-gray-500); - --system-spectrum-button-secondary-outline-border-color-focus: var(--spectrum-gray-400); - --system-spectrum-button-secondary-outline-content-color-default: var(--spectrum-neutral-content-color-default); - --system-spectrum-button-secondary-outline-content-color-hover: var(--spectrum-neutral-content-color-hover); - --system-spectrum-button-secondary-outline-content-color-down: var(--spectrum-neutral-content-color-down); - --system-spectrum-button-secondary-outline-content-color-focus: var(--spectrum-neutral-content-color-key-focus); - --system-spectrum-button-secondary-outline-background-color-disabled: transparent; - --system-spectrum-button-secondary-outline-border-color-disabled: var(--spectrum-disabled-border-color); - --system-spectrum-button-secondary-outline-content-color-disabled: var(--spectrum-disabled-content-color); - --system-spectrum-button-quiet-background-color-default: transparent; - --system-spectrum-button-quiet-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-button-quiet-background-color-down: var(--spectrum-gray-300); - --system-spectrum-button-quiet-background-color-focus: var(--spectrum-gray-200); - --system-spectrum-button-quiet-border-color-default: transparent; - --system-spectrum-button-quiet-border-color-hover: transparent; - --system-spectrum-button-quiet-border-color-down: transparent; - --system-spectrum-button-quiet-border-color-focus: transparent; - --system-spectrum-button-quiet-background-color-disabled: transparent; - --system-spectrum-button-quiet-border-color-disabled: transparent; - --system-spectrum-button-selected-background-color-default: var(--spectrum-neutral-subdued-background-color-default); - --system-spectrum-button-selected-background-color-hover: var(--spectrum-neutral-subdued-background-color-hover); - --system-spectrum-button-selected-background-color-down: var(--spectrum-neutral-subdued-background-color-down); - --system-spectrum-button-selected-background-color-focus: var(--spectrum-neutral-subdued-background-color-key-focus); - --system-spectrum-button-selected-border-color-default: transparent; - --system-spectrum-button-selected-border-color-hover: transparent; - --system-spectrum-button-selected-border-color-down: transparent; - --system-spectrum-button-selected-border-color-focus: transparent; - --system-spectrum-button-selected-content-color-default: var(--spectrum-white); - --system-spectrum-button-selected-content-color-hover: var(--spectrum-white); - --system-spectrum-button-selected-content-color-down: var(--spectrum-white); - --system-spectrum-button-selected-content-color-focus: var(--spectrum-white); - --system-spectrum-button-selected-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-button-selected-border-color-disabled: transparent; - --system-spectrum-button-selected-emphasized-background-color-default: var(--spectrum-accent-background-color-default); - --system-spectrum-button-selected-emphasized-background-color-hover: var(--spectrum-accent-background-color-hover); - --system-spectrum-button-selected-emphasized-background-color-down: var(--spectrum-accent-background-color-down); - --system-spectrum-button-selected-emphasized-background-color-focus: var(--spectrum-accent-background-color-key-focus); - --system-spectrum-button-staticblack-quiet-border-color-default: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-default: transparent; - --system-spectrum-button-staticblack-quiet-border-color-hover: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-hover: transparent; - --system-spectrum-button-staticblack-quiet-border-color-down: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-down: transparent; - --system-spectrum-button-staticblack-quiet-border-color-focus: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-focus: transparent; - --system-spectrum-button-staticblack-quiet-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-quiet-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-background-color-default: var(--spectrum-transparent-white-800); - --system-spectrum-button-staticwhite-background-color-hover: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-background-color-down: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-background-color-focus: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-border-color-default: transparent; - --system-spectrum-button-staticwhite-border-color-hover: transparent; - --system-spectrum-button-staticwhite-border-color-down: transparent; - --system-spectrum-button-staticwhite-border-color-focus: transparent; - --system-spectrum-button-staticwhite-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticwhite-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticwhite-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticwhite-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticwhite-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-button-staticwhite-background-color-disabled: var(--spectrum-disabled-static-white-background-color); - --system-spectrum-button-staticwhite-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-button-staticwhite-outline-background-color-default: transparent; - --system-spectrum-button-staticwhite-outline-background-color-hover: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-outline-background-color-down: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-outline-background-color-focus: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-outline-border-color-default: var(--spectrum-transparent-white-800); - --system-spectrum-button-staticwhite-outline-border-color-hover: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-outline-border-color-down: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-outline-border-color-focus: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-outline-content-color-default: var(--spectrum-white); - --system-spectrum-button-staticwhite-outline-content-color-hover: var(--spectrum-white); - --system-spectrum-button-staticwhite-outline-content-color-down: var(--spectrum-white); - --system-spectrum-button-staticwhite-outline-content-color-focus: var(--spectrum-white); - --system-spectrum-button-staticwhite-outline-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-button-staticwhite-outline-background-color-disabled: transparent; - --system-spectrum-button-staticwhite-outline-border-color-disabled: var(--spectrum-disabled-static-white-border-color); - --system-spectrum-button-staticwhite-outline-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-button-staticwhite-selected-background-color-default: var(--spectrum-transparent-white-800); - --system-spectrum-button-staticwhite-selected-background-color-hover: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-selected-background-color-down: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-selected-background-color-focus: var(--spectrum-transparent-white-900); - --system-spectrum-button-staticwhite-selected-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticwhite-selected-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticwhite-selected-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticwhite-selected-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticwhite-selected-background-color-disabled: var(--spectrum-disabled-static-white-background-color); - --system-spectrum-button-staticwhite-selected-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-secondary-background-color-default: var(--spectrum-transparent-white-200); - --system-spectrum-button-staticwhite-secondary-background-color-hover: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-background-color-down: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-secondary-background-color-focus: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-border-color-default: transparent; - --system-spectrum-button-staticwhite-secondary-border-color-hover: transparent; - --system-spectrum-button-staticwhite-secondary-border-color-down: transparent; - --system-spectrum-button-staticwhite-secondary-border-color-focus: transparent; - --system-spectrum-button-staticwhite-secondary-content-color-default: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-content-color-hover: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-content-color-down: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-content-color-focus: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-button-staticwhite-secondary-background-color-disabled: var(--spectrum-disabled-static-white-background-color); - --system-spectrum-button-staticwhite-secondary-border-color-disabled: transparent; - --system-spectrum-button-staticwhite-secondary-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-button-staticwhite-secondary-outline-background-color-default: transparent; - --system-spectrum-button-staticwhite-secondary-outline-background-color-hover: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-outline-background-color-down: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-secondary-outline-background-color-focus: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-outline-border-color-default: var(--spectrum-transparent-white-300); - --system-spectrum-button-staticwhite-secondary-outline-border-color-hover: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-secondary-outline-border-color-down: var(--spectrum-transparent-white-500); - --system-spectrum-button-staticwhite-secondary-outline-border-color-focus: var(--spectrum-transparent-white-400); - --system-spectrum-button-staticwhite-secondary-outline-content-color-default: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-outline-content-color-hover: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-outline-content-color-down: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-outline-content-color-focus: var(--spectrum-white); - --system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color: var(--spectrum-static-white-focus-indicator-color); - --system-spectrum-button-staticwhite-secondary-outline-background-color-disabled: transparent; - --system-spectrum-button-staticwhite-secondary-outline-border-color-disabled: var(--spectrum-disabled-static-white-border-color); - --system-spectrum-button-staticwhite-secondary-outline-content-color-disabled: var(--spectrum-disabled-static-white-content-color); - --system-spectrum-button-staticblack-background-color-default: var(--spectrum-transparent-black-800); - --system-spectrum-button-staticblack-background-color-hover: var(--spectrum-transparent-black-900); - --system-spectrum-button-staticblack-background-color-down: var(--spectrum-transparent-black-900); - --system-spectrum-button-staticblack-background-color-focus: var(--spectrum-transparent-black-900); - --system-spectrum-button-staticblack-border-color-default: transparent; - --system-spectrum-button-staticblack-border-color-hover: transparent; - --system-spectrum-button-staticblack-border-color-down: transparent; - --system-spectrum-button-staticblack-border-color-focus: transparent; - --system-spectrum-button-staticblack-content-color-default: var(--spectrum-white); - --system-spectrum-button-staticblack-content-color-hover: var(--spectrum-white); - --system-spectrum-button-staticblack-content-color-down: var(--spectrum-white); - --system-spectrum-button-staticblack-content-color-focus: var(--spectrum-white); - --system-spectrum-button-staticblack-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-button-staticblack-background-color-disabled: var(--spectrum-disabled-static-black-background-color); - --system-spectrum-button-staticblack-border-color-disabled: transparent; - --system-spectrum-button-staticblack-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-button-staticblack-outline-background-color-default: transparent; - --system-spectrum-button-staticblack-outline-background-color-hover: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-outline-background-color-down: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-outline-background-color-focus: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-outline-border-color-default: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-outline-border-color-hover: var(--spectrum-transparent-black-500); - --system-spectrum-button-staticblack-outline-border-color-down: var(--spectrum-transparent-black-600); - --system-spectrum-button-staticblack-outline-border-color-focus: var(--spectrum-transparent-black-500); - --system-spectrum-button-staticblack-outline-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticblack-outline-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticblack-outline-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticblack-outline-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticblack-outline-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-button-staticblack-outline-background-color-disabled: transparent; - --system-spectrum-button-staticblack-outline-border-color-disabled: var(--spectrum-disabled-static-black-border-color); - --system-spectrum-button-staticblack-outline-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-button-staticblack-secondary-background-color-default: var(--spectrum-transparent-black-200); - --system-spectrum-button-staticblack-secondary-background-color-hover: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-background-color-down: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-secondary-background-color-focus: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-border-color-default: transparent; - --system-spectrum-button-staticblack-secondary-border-color-hover: transparent; - --system-spectrum-button-staticblack-secondary-border-color-down: transparent; - --system-spectrum-button-staticblack-secondary-border-color-focus: transparent; - --system-spectrum-button-staticblack-secondary-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-button-staticblack-secondary-background-color-disabled: var(--spectrum-disabled-static-black-background-color); - --system-spectrum-button-staticblack-secondary-border-color-disabled: transparent; - --system-spectrum-button-staticblack-secondary-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-button-staticblack-secondary-outline-background-color-default: transparent; - --system-spectrum-button-staticblack-secondary-outline-background-color-hover: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-outline-background-color-down: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-secondary-outline-background-color-focus: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-outline-border-color-default: var(--spectrum-transparent-black-300); - --system-spectrum-button-staticblack-secondary-outline-border-color-hover: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-secondary-outline-border-color-down: var(--spectrum-transparent-black-500); - --system-spectrum-button-staticblack-secondary-outline-border-color-focus: var(--spectrum-transparent-black-400); - --system-spectrum-button-staticblack-secondary-outline-content-color-default: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-outline-content-color-hover: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-outline-content-color-down: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-outline-content-color-focus: var(--spectrum-black); - --system-spectrum-button-staticblack-secondary-outline-focus-indicator-color: var(--spectrum-static-black-focus-indicator-color); - --system-spectrum-button-staticblack-secondary-outline-background-color-disabled: transparent; - --system-spectrum-button-staticblack-secondary-outline-border-color-disabled: var(--spectrum-disabled-static-black-border-color); - --system-spectrum-button-staticblack-secondary-outline-content-color-disabled: var(--spectrum-disabled-static-black-content-color); - --system-spectrum-checkbox-control-color-default: var(--spectrum-gray-600); - --system-spectrum-checkbox-control-color-hover: var(--spectrum-gray-700); - --system-spectrum-checkbox-control-color-down: var(--spectrum-gray-800); - --system-spectrum-checkbox-control-color-focus: var(--spectrum-gray-700); - --system-spectrum-clearbutton-spectrum-clear-button-background-color: transparent; - --system-spectrum-clearbutton-spectrum-clear-button-background-color-hover: transparent; - --system-spectrum-clearbutton-spectrum-clear-button-background-color-down: transparent; - --system-spectrum-clearbutton-spectrum-clear-button-background-color-key-focus: transparent; - --system-spectrum-closebutton-background-color-default: transparent; - --system-spectrum-closebutton-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-closebutton-background-color-down: var(--spectrum-gray-300); - --system-spectrum-closebutton-background-color-focus: var(--spectrum-gray-200); - --system-spectrum-combobox-border-color-default: var(--spectrum-gray-500); - --system-spectrum-combobox-border-color-hover: var(--spectrum-gray-600); - --system-spectrum-combobox-border-color-focus: var(--spectrum-gray-500); - --system-spectrum-combobox-border-color-focus-hover: var(--spectrum-gray-600); - --system-spectrum-combobox-border-color-key-focus: var(--spectrum-gray-600); - --system-spectrum-datepicker-initial-height: var(--spectrum-component-height-100); - --system-spectrum-infieldbutton-spectrum-infield-button-border-width: var(--spectrum-border-width-100); - --system-spectrum-infieldbutton-spectrum-infield-button-border-color: inherit; - --system-spectrum-infieldbutton-spectrum-infield-button-border-radius: var(--spectrum-corner-radius-100); - --system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset: 0; - --system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start: var(--spectrum-infield-button-border-radius-reset); - --system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start: var(--spectrum-infield-button-border-radius-reset); - --system-spectrum-infieldbutton-spectrum-infield-button-background-color: var(--spectrum-gray-75); - --system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-infieldbutton-spectrum-infield-button-background-color-down: var(--spectrum-gray-300); - --system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus: var(--spectrum-gray-200); - --system-spectrum-picker-background-color-default: var(--spectrum-gray-75); - --system-spectrum-picker-background-color-default-open: var(--spectrum-gray-200); - --system-spectrum-picker-background-color-active: var(--spectrum-gray-300); - --system-spectrum-picker-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-picker-background-color-hover-open: var(--spectrum-gray-200); - --system-spectrum-picker-background-color-key-focus: var(--spectrum-gray-200); - --system-spectrum-picker-border-color-default: var(--spectrum-gray-500); - --system-spectrum-picker-border-color-default-open: var(--spectrum-gray-500); - --system-spectrum-picker-border-color-hover: var(--spectrum-gray-600); - --system-spectrum-picker-border-color-hover-open: var(--spectrum-gray-600); - --system-spectrum-picker-border-color-active: var(--spectrum-gray-700); - --system-spectrum-picker-border-color-key-focus: var(--spectrum-gray-600); - --system-spectrum-picker-border-width: var(--spectrum-border-width-100); - --system-spectrum-pickerbutton-spectrum-picker-button-background-color: var(--spectrum-gray-75); - --system-spectrum-pickerbutton-spectrum-picker-button-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-pickerbutton-spectrum-picker-button-background-color-down: var(--spectrum-gray-300); - --system-spectrum-pickerbutton-spectrum-picker-button-background-color-key-focus: var(--spectrum-gray-200); - --system-spectrum-pickerbutton-spectrum-picker-button-border-color: inherit; - --system-spectrum-pickerbutton-spectrum-picker-button-border-radius: var(--spectrum-corner-radius-100); - --system-spectrum-pickerbutton-spectrum-picker-button-border-radius-rounded-sided: 0; - --system-spectrum-pickerbutton-spectrum-picker-button-border-radius-sided: 0; - --system-spectrum-pickerbutton-spectrum-picker-button-border-width: var(--spectrum-border-width-100); - --system-spectrum-popover-border-width: var(--spectrum-border-width-100); - --system-spectrum-radio-button-border-color-default: var(--spectrum-gray-600); - --system-spectrum-radio-button-border-color-hover: var(--spectrum-gray-700); - --system-spectrum-radio-button-border-color-down: var(--spectrum-gray-800); - --system-spectrum-radio-button-border-color-focus: var(--spectrum-gray-700); - --system-spectrum-radio-emphasized-button-checked-border-color-default: var(--spectrum-accent-color-900); - --system-spectrum-radio-emphasized-button-checked-border-color-hover: var(--spectrum-accent-color-1000); - --system-spectrum-radio-emphasized-button-checked-border-color-down: var(--spectrum-accent-color-1100); - --system-spectrum-radio-emphasized-button-checked-border-color-focus: var(--spectrum-accent-color-1000); - --system-spectrum-rating-icon-color-default: var(--spectrum-neutral-subdued-content-color-default); - --system-spectrum-rating-icon-color-hover: var(--spectrum-neutral-subdued-content-color-hover); - --system-spectrum-rating-icon-color-down: var(--spectrum-neutral-subdued-content-color-down); - --system-spectrum-rating-icon-color-key-focus: var(--spectrum-neutral-subdued-content-color-key-focus); - --system-spectrum-search-border-radius: var(--spectrum-corner-radius-100); - --system-spectrum-search-edge-to-visual: var(--spectrum-component-edge-to-visual-100); - --system-spectrum-search-border-color-default: var(--spectrum-gray-500); - --system-spectrum-search-border-color-hover: var(--spectrum-gray-600); - --system-spectrum-search-border-color-focus: var(--spectrum-gray-800); - --system-spectrum-search-border-color-focus-hover: var(--spectrum-gray-900); - --system-spectrum-search-border-color-key-focus: var(--spectrum-gray-900); - --system-spectrum-search-sizes-border-radius: var(--spectrum-corner-radius-100); - --system-spectrum-search-sizes-edge-to-visual: var(--spectrum-component-edge-to-visual-75); - --system-spectrum-search-sizem-border-radius: var(--spectrum-corner-radius-100); - --system-spectrum-search-sizem-edge-to-visual: var(--spectrum-component-edge-to-visual-100); - --system-spectrum-search-sizel-border-radius: var(--spectrum-corner-radius-100); - --system-spectrum-search-sizel-edge-to-visual: var(--spectrum-component-edge-to-visual-200); - --system-spectrum-search-sizexl-border-radius: var(--spectrum-corner-radius-100); - --system-spectrum-search-sizexl-edge-to-visual: var(--spectrum-component-edge-to-visual-300); - --system-spectrum-slider-track-color: var(--spectrum-gray-300); - --system-spectrum-slider-track-fill-color: var(--spectrum-gray-700); - --system-spectrum-slider-ramp-track-color: var(--spectrum-gray-400); - --system-spectrum-slider-ramp-track-color-disabled: var(--spectrum-gray-200); - --system-spectrum-slider-handle-background-color: transparent; - --system-spectrum-slider-handle-background-color-disabled: transparent; - --system-spectrum-slider-ramp-handle-background-color: var(--spectrum-gray-100); - --system-spectrum-slider-ticks-handle-background-color: var(--spectrum-gray-100); - --system-spectrum-slider-handle-border-color: var(--spectrum-gray-700); - --system-spectrum-slider-handle-disabled-background-color: var(--spectrum-gray-100); - --system-spectrum-slider-tick-mark-color: var(--spectrum-gray-300); - --system-spectrum-slider-handle-border-color-hover: var(--spectrum-gray-800); - --system-spectrum-slider-handle-border-color-down: var(--spectrum-gray-800); - --system-spectrum-slider-handle-border-color-key-focus: var(--spectrum-gray-800); - --system-spectrum-slider-handle-focus-ring-color-key-focus: var(--spectrum-focus-indicator-color); - --system-spectrum-stepper-border-width: var(--spectrum-border-width-100); - --system-spectrum-stepper-buttons-border-style: none; - --system-spectrum-stepper-buttons-border-width: 0; - --system-spectrum-stepper-buttons-border-color: var(--spectrum-gray-500); - --system-spectrum-stepper-buttons-background-color: var(--spectrum-gray-50); - --system-spectrum-stepper-buttons-border-color-hover: var(--spectrum-gray-600); - --system-spectrum-stepper-buttons-border-color-focus: var(--spectrum-gray-800); - --system-spectrum-stepper-buttons-border-color-keyboard-focus: var(--spectrum-gray-900); - --system-spectrum-stepper-button-border-radius-reset: 0px; - --system-spectrum-stepper-button-border-width: var(--spectrum-border-width-100); - --system-spectrum-stepper-border-color: var(--spectrum-gray-500); - --system-spectrum-stepper-border-color-hover: var(--spectrum-gray-600); - --system-spectrum-stepper-border-color-focus: var(--spectrum-gray-800); - --system-spectrum-stepper-border-color-focus-hover: var(--spectrum-gray-800); - --system-spectrum-stepper-border-color-keyboard-focus: var(--spectrum-gray-900); - --system-spectrum-stepper-border-color-invalid: var(--spectrum-negative-border-color-default); - --system-spectrum-stepper-border-color-focus-invalid: var(--spectrum-negative-border-color-focus); - --system-spectrum-stepper-border-color-focus-hover-invalid: var(--spectrum-negative-border-color-focus-hover); - --system-spectrum-stepper-border-color-keyboard-focus-invalid: var(--spectrum-negative-border-color-key-focus); - --system-spectrum-stepper-button-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-stepper-button-background-color-keyboard-focus: var(--spectrum-gray-200); - --system-spectrum-switch-handle-border-color-default: var(--spectrum-gray-600); - --system-spectrum-switch-handle-border-color-hover: var(--spectrum-gray-700); - --system-spectrum-switch-handle-border-color-down: var(--spectrum-gray-800); - --system-spectrum-switch-handle-border-color-focus: var(--spectrum-gray-700); - --system-spectrum-switch-handle-border-color-selected-default: var(--spectrum-gray-700); - --system-spectrum-switch-handle-border-color-selected-hover: var(--spectrum-gray-800); - --system-spectrum-switch-handle-border-color-selected-down: var(--spectrum-gray-900); - --system-spectrum-switch-handle-border-color-selected-focus: var(--spectrum-gray-800); - --system-spectrum-tabs-font-weight: var(--spectrum-default-font-weight); - --system-spectrum-tag-border-color: var(--spectrum-gray-700); - --system-spectrum-tag-border-color-hover: var(--spectrum-gray-800); - --system-spectrum-tag-border-color-active: var(--spectrum-gray-900); - --system-spectrum-tag-border-color-focus: var(--spectrum-gray-800); - --system-spectrum-tag-size-small-corner-radius: var(--spectrum-corner-radius-100); - --system-spectrum-tag-size-medium-corner-radius: var(--spectrum-corner-radius-100); - --system-spectrum-tag-size-large-corner-radius: var(--spectrum-corner-radius-100); - --system-spectrum-tag-background-color: var(--spectrum-gray-75); - --system-spectrum-tag-background-color-hover: var(--spectrum-gray-75); - --system-spectrum-tag-background-color-active: var(--spectrum-gray-200); - --system-spectrum-tag-background-color-focus: var(--spectrum-gray-75); - --system-spectrum-tag-content-color: var(--spectrum-neutral-subdued-content-color-default); - --system-spectrum-tag-content-color-hover: var(--spectrum-neutral-subdued-content-color-hover); - --system-spectrum-tag-content-color-active: var(--spectrum-neutral-subdued-content-color-down); - --system-spectrum-tag-content-color-focus: var(--spectrum-neutral-subdued-content-color-key-focus); - --system-spectrum-tag-border-color-selected: var(--spectrum-neutral-subdued-background-color-default); - --system-spectrum-tag-border-color-selected-hover: var(--spectrum-neutral-subdued-background-color-hover); - --system-spectrum-tag-border-color-selected-active: var(--spectrum-neutral-subdued-background-color-down); - --system-spectrum-tag-border-color-selected-focus: var(--spectrum-neutral-subdued-background-color-key-focus); - --system-spectrum-tag-border-color-disabled: transparent; - --system-spectrum-tag-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-tag-size-small-spacing-inline-start: var(--spectrum-component-edge-to-visual-75); - --system-spectrum-tag-size-small-label-spacing-inline-end: var(--spectrum-component-edge-to-text-75); - --system-spectrum-tag-size-small-clear-button-spacing-inline-end: var(--spectrum-component-edge-to-visual-75); - --system-spectrum-tag-size-medium-spacing-inline-start: var(--spectrum-component-edge-to-visual-100); - --system-spectrum-tag-size-medium-label-spacing-inline-end: var(--spectrum-component-edge-to-text-100); - --system-spectrum-tag-size-medium-clear-button-spacing-inline-end: var(--spectrum-component-edge-to-visual-100); - --system-spectrum-tag-size-large-spacing-inline-start: var(--spectrum-component-edge-to-visual-200); - --system-spectrum-tag-size-large-label-spacing-inline-end: var(--spectrum-component-edge-to-text-200); - --system-spectrum-tag-size-large-clear-button-spacing-inline-end: var(--spectrum-component-edge-to-visual-200); - --system-spectrum-textfield-border-color: var(--spectrum-gray-500); - --system-spectrum-textfield-border-color-hover: var(--spectrum-gray-600); - --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-100); - --system-spectrum-toast-background-color-default: var(--spectrum-neutral-subdued-background-color-default); - --system-spectrum-tooltip-backgound-color-default-neutral: var(--spectrum-neutral-subdued-background-color-default); -} diff --git a/tokens/dist/css/components/spectrum/infieldbutton.css b/tokens/dist/css/components/spectrum/infieldbutton.css deleted file mode 100644 index 6d46ecd9cca..00000000000 --- a/tokens/dist/css/components/spectrum/infieldbutton.css +++ /dev/null @@ -1,25 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-infieldbutton-spectrum-infield-button-border-width: var(--spectrum-border-width-100); - --system-spectrum-infieldbutton-spectrum-infield-button-border-color: inherit; - --system-spectrum-infieldbutton-spectrum-infield-button-border-radius: var(--spectrum-corner-radius-100); - --system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset: 0; - --system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start: var(--spectrum-infield-button-border-radius-reset); - --system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start: var(--spectrum-infield-button-border-radius-reset); - --system-spectrum-infieldbutton-spectrum-infield-button-background-color: var(--spectrum-gray-75); - --system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-infieldbutton-spectrum-infield-button-background-color-down: var(--spectrum-gray-300); - --system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus: var(--spectrum-gray-200); -} diff --git a/tokens/dist/css/components/spectrum/picker.css b/tokens/dist/css/components/spectrum/picker.css deleted file mode 100644 index 4714ba73981..00000000000 --- a/tokens/dist/css/components/spectrum/picker.css +++ /dev/null @@ -1,28 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-picker-background-color-default: var(--spectrum-gray-75); - --system-spectrum-picker-background-color-default-open: var(--spectrum-gray-200); - --system-spectrum-picker-background-color-active: var(--spectrum-gray-300); - --system-spectrum-picker-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-picker-background-color-hover-open: var(--spectrum-gray-200); - --system-spectrum-picker-background-color-key-focus: var(--spectrum-gray-200); - --system-spectrum-picker-border-color-default: var(--spectrum-gray-500); - --system-spectrum-picker-border-color-default-open: var(--spectrum-gray-500); - --system-spectrum-picker-border-color-hover: var(--spectrum-gray-600); - --system-spectrum-picker-border-color-hover-open: var(--spectrum-gray-600); - --system-spectrum-picker-border-color-active: var(--spectrum-gray-700); - --system-spectrum-picker-border-color-key-focus: var(--spectrum-gray-600); - --system-spectrum-picker-border-width: var(--spectrum-border-width-100); -} diff --git a/tokens/dist/css/components/spectrum/pickerbutton.css b/tokens/dist/css/components/spectrum/pickerbutton.css deleted file mode 100644 index 4579d743f23..00000000000 --- a/tokens/dist/css/components/spectrum/pickerbutton.css +++ /dev/null @@ -1,24 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-pickerbutton-spectrum-picker-button-background-color: var(--spectrum-gray-75); - --system-spectrum-pickerbutton-spectrum-picker-button-background-color-hover: var(--spectrum-gray-200); - --system-spectrum-pickerbutton-spectrum-picker-button-background-color-down: var(--spectrum-gray-300); - --system-spectrum-pickerbutton-spectrum-picker-button-background-color-key-focus: var(--spectrum-gray-200); - --system-spectrum-pickerbutton-spectrum-picker-button-border-color: inherit; - --system-spectrum-pickerbutton-spectrum-picker-button-border-radius: var(--spectrum-corner-radius-100); - --system-spectrum-pickerbutton-spectrum-picker-button-border-radius-rounded-sided: 0; - --system-spectrum-pickerbutton-spectrum-picker-button-border-radius-sided: 0; - --system-spectrum-pickerbutton-spectrum-picker-button-border-width: var(--spectrum-border-width-100); -} diff --git a/tokens/dist/css/components/spectrum/popover.css b/tokens/dist/css/components/spectrum/popover.css deleted file mode 100644 index c8ad7b5b02a..00000000000 --- a/tokens/dist/css/components/spectrum/popover.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-popover-border-width: var(--spectrum-border-width-100); -} diff --git a/tokens/dist/css/components/spectrum/radio.css b/tokens/dist/css/components/spectrum/radio.css deleted file mode 100644 index b0f6aed5326..00000000000 --- a/tokens/dist/css/components/spectrum/radio.css +++ /dev/null @@ -1,23 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-radio-button-border-color-default: var(--spectrum-gray-600); - --system-spectrum-radio-button-border-color-hover: var(--spectrum-gray-700); - --system-spectrum-radio-button-border-color-down: var(--spectrum-gray-800); - --system-spectrum-radio-button-border-color-focus: var(--spectrum-gray-700); - --system-spectrum-radio-emphasized-button-checked-border-color-default: var(--spectrum-accent-color-900); - --system-spectrum-radio-emphasized-button-checked-border-color-hover: var(--spectrum-accent-color-1000); - --system-spectrum-radio-emphasized-button-checked-border-color-down: var(--spectrum-accent-color-1100); - --system-spectrum-radio-emphasized-button-checked-border-color-focus: var(--spectrum-accent-color-1000); -} diff --git a/tokens/dist/css/components/spectrum/rating.css b/tokens/dist/css/components/spectrum/rating.css deleted file mode 100644 index 76218100c07..00000000000 --- a/tokens/dist/css/components/spectrum/rating.css +++ /dev/null @@ -1,19 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-rating-icon-color-default: var(--spectrum-neutral-subdued-content-color-default); - --system-spectrum-rating-icon-color-hover: var(--spectrum-neutral-subdued-content-color-hover); - --system-spectrum-rating-icon-color-down: var(--spectrum-neutral-subdued-content-color-down); - --system-spectrum-rating-icon-color-key-focus: var(--spectrum-neutral-subdued-content-color-key-focus); -} diff --git a/tokens/dist/css/components/spectrum/search.css b/tokens/dist/css/components/spectrum/search.css deleted file mode 100644 index 380ca000fb3..00000000000 --- a/tokens/dist/css/components/spectrum/search.css +++ /dev/null @@ -1,30 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-search-border-radius: var(--spectrum-corner-radius-100); - --system-spectrum-search-edge-to-visual: var(--spectrum-component-edge-to-visual-100); - --system-spectrum-search-border-color-default: var(--spectrum-gray-500); - --system-spectrum-search-border-color-hover: var(--spectrum-gray-600); - --system-spectrum-search-border-color-focus: var(--spectrum-gray-800); - --system-spectrum-search-border-color-focus-hover: var(--spectrum-gray-900); - --system-spectrum-search-border-color-key-focus: var(--spectrum-gray-900); - --system-spectrum-search-sizes-border-radius: var(--spectrum-corner-radius-100); - --system-spectrum-search-sizes-edge-to-visual: var(--spectrum-component-edge-to-visual-75); - --system-spectrum-search-sizem-border-radius: var(--spectrum-corner-radius-100); - --system-spectrum-search-sizem-edge-to-visual: var(--spectrum-component-edge-to-visual-100); - --system-spectrum-search-sizel-border-radius: var(--spectrum-corner-radius-100); - --system-spectrum-search-sizel-edge-to-visual: var(--spectrum-component-edge-to-visual-200); - --system-spectrum-search-sizexl-border-radius: var(--spectrum-corner-radius-100); - --system-spectrum-search-sizexl-edge-to-visual: var(--spectrum-component-edge-to-visual-300); -} diff --git a/tokens/dist/css/components/spectrum/slider.css b/tokens/dist/css/components/spectrum/slider.css deleted file mode 100644 index 8e005edfaad..00000000000 --- a/tokens/dist/css/components/spectrum/slider.css +++ /dev/null @@ -1,30 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-slider-track-color: var(--spectrum-gray-300); - --system-spectrum-slider-track-fill-color: var(--spectrum-gray-700); - --system-spectrum-slider-ramp-track-color: var(--spectrum-gray-400); - --system-spectrum-slider-ramp-track-color-disabled: var(--spectrum-gray-200); - --system-spectrum-slider-handle-background-color: transparent; - --system-spectrum-slider-handle-background-color-disabled: transparent; - --system-spectrum-slider-ramp-handle-background-color: var(--spectrum-gray-100); - --system-spectrum-slider-ticks-handle-background-color: var(--spectrum-gray-100); - --system-spectrum-slider-handle-border-color: var(--spectrum-gray-700); - --system-spectrum-slider-handle-disabled-background-color: var(--spectrum-gray-100); - --system-spectrum-slider-tick-mark-color: var(--spectrum-gray-300); - --system-spectrum-slider-handle-border-color-hover: var(--spectrum-gray-800); - --system-spectrum-slider-handle-border-color-down: var(--spectrum-gray-800); - --system-spectrum-slider-handle-border-color-key-focus: var(--spectrum-gray-800); - --system-spectrum-slider-handle-focus-ring-color-key-focus: var(--spectrum-focus-indicator-color); -} diff --git a/tokens/dist/css/components/spectrum/stepper.css b/tokens/dist/css/components/spectrum/stepper.css deleted file mode 100644 index b25e6cd8ce1..00000000000 --- a/tokens/dist/css/components/spectrum/stepper.css +++ /dev/null @@ -1,36 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-stepper-border-width: var(--spectrum-border-width-100); - --system-spectrum-stepper-buttons-border-style: none; - --system-spectrum-stepper-buttons-border-width: 0; - --system-spectrum-stepper-buttons-border-color: var(--spectrum-gray-500); - --system-spectrum-stepper-buttons-background-color: var(--spectrum-gray-50); - --system-spectrum-stepper-buttons-border-color-hover: var(--spectrum-gray-600); - --system-spectrum-stepper-buttons-border-color-focus: var(--spectrum-gray-800); - --system-spectrum-stepper-buttons-border-color-keyboard-focus: var(--spectrum-gray-900); - --system-spectrum-stepper-button-border-radius-reset: 0px; - --system-spectrum-stepper-button-border-width: var(--spectrum-border-width-100); - --system-spectrum-stepper-border-color: var(--spectrum-gray-500); - --system-spectrum-stepper-border-color-hover: var(--spectrum-gray-600); - --system-spectrum-stepper-border-color-focus: var(--spectrum-gray-800); - --system-spectrum-stepper-border-color-focus-hover: var(--spectrum-gray-800); - --system-spectrum-stepper-border-color-keyboard-focus: var(--spectrum-gray-900); - --system-spectrum-stepper-border-color-invalid: var(--spectrum-negative-border-color-default); - --system-spectrum-stepper-border-color-focus-invalid: var(--spectrum-negative-border-color-focus); - --system-spectrum-stepper-border-color-focus-hover-invalid: var(--spectrum-negative-border-color-focus-hover); - --system-spectrum-stepper-border-color-keyboard-focus-invalid: var(--spectrum-negative-border-color-key-focus); - --system-spectrum-stepper-button-background-color-focus: var(--spectrum-gray-300); - --system-spectrum-stepper-button-background-color-keyboard-focus: var(--spectrum-gray-200); -} diff --git a/tokens/dist/css/components/spectrum/switch.css b/tokens/dist/css/components/spectrum/switch.css deleted file mode 100644 index 031fc500d10..00000000000 --- a/tokens/dist/css/components/spectrum/switch.css +++ /dev/null @@ -1,23 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-switch-handle-border-color-default: var(--spectrum-gray-600); - --system-spectrum-switch-handle-border-color-hover: var(--spectrum-gray-700); - --system-spectrum-switch-handle-border-color-down: var(--spectrum-gray-800); - --system-spectrum-switch-handle-border-color-focus: var(--spectrum-gray-700); - --system-spectrum-switch-handle-border-color-selected-default: var(--spectrum-gray-700); - --system-spectrum-switch-handle-border-color-selected-hover: var(--spectrum-gray-800); - --system-spectrum-switch-handle-border-color-selected-down: var(--spectrum-gray-900); - --system-spectrum-switch-handle-border-color-selected-focus: var(--spectrum-gray-800); -} diff --git a/tokens/dist/css/components/spectrum/tabs.css b/tokens/dist/css/components/spectrum/tabs.css deleted file mode 100644 index 18cd20ef3ce..00000000000 --- a/tokens/dist/css/components/spectrum/tabs.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-tabs-font-weight: var(--spectrum-default-font-weight); -} diff --git a/tokens/dist/css/components/spectrum/tag.css b/tokens/dist/css/components/spectrum/tag.css deleted file mode 100644 index 1577f16fa17..00000000000 --- a/tokens/dist/css/components/spectrum/tag.css +++ /dev/null @@ -1,45 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-tag-border-color: var(--spectrum-gray-700); - --system-spectrum-tag-border-color-hover: var(--spectrum-gray-800); - --system-spectrum-tag-border-color-active: var(--spectrum-gray-900); - --system-spectrum-tag-border-color-focus: var(--spectrum-gray-800); - --system-spectrum-tag-size-small-corner-radius: var(--spectrum-corner-radius-100); - --system-spectrum-tag-size-medium-corner-radius: var(--spectrum-corner-radius-100); - --system-spectrum-tag-size-large-corner-radius: var(--spectrum-corner-radius-100); - --system-spectrum-tag-background-color: var(--spectrum-gray-75); - --system-spectrum-tag-background-color-hover: var(--spectrum-gray-75); - --system-spectrum-tag-background-color-active: var(--spectrum-gray-200); - --system-spectrum-tag-background-color-focus: var(--spectrum-gray-75); - --system-spectrum-tag-content-color: var(--spectrum-neutral-subdued-content-color-default); - --system-spectrum-tag-content-color-hover: var(--spectrum-neutral-subdued-content-color-hover); - --system-spectrum-tag-content-color-active: var(--spectrum-neutral-subdued-content-color-down); - --system-spectrum-tag-content-color-focus: var(--spectrum-neutral-subdued-content-color-key-focus); - --system-spectrum-tag-border-color-selected: var(--spectrum-neutral-subdued-background-color-default); - --system-spectrum-tag-border-color-selected-hover: var(--spectrum-neutral-subdued-background-color-hover); - --system-spectrum-tag-border-color-selected-active: var(--spectrum-neutral-subdued-background-color-down); - --system-spectrum-tag-border-color-selected-focus: var(--spectrum-neutral-subdued-background-color-key-focus); - --system-spectrum-tag-border-color-disabled: transparent; - --system-spectrum-tag-background-color-disabled: var(--spectrum-disabled-background-color); - --system-spectrum-tag-size-small-spacing-inline-start: var(--spectrum-component-edge-to-visual-75); - --system-spectrum-tag-size-small-label-spacing-inline-end: var(--spectrum-component-edge-to-text-75); - --system-spectrum-tag-size-small-clear-button-spacing-inline-end: var(--spectrum-component-edge-to-visual-75); - --system-spectrum-tag-size-medium-spacing-inline-start: var(--spectrum-component-edge-to-visual-100); - --system-spectrum-tag-size-medium-label-spacing-inline-end: var(--spectrum-component-edge-to-text-100); - --system-spectrum-tag-size-medium-clear-button-spacing-inline-end: var(--spectrum-component-edge-to-visual-100); - --system-spectrum-tag-size-large-spacing-inline-start: var(--spectrum-component-edge-to-visual-200); - --system-spectrum-tag-size-large-label-spacing-inline-end: var(--spectrum-component-edge-to-text-200); - --system-spectrum-tag-size-large-clear-button-spacing-inline-end: var(--spectrum-component-edge-to-visual-200); -} diff --git a/tokens/dist/css/components/spectrum/textfield.css b/tokens/dist/css/components/spectrum/textfield.css deleted file mode 100644 index d82ed4fb70f..00000000000 --- a/tokens/dist/css/components/spectrum/textfield.css +++ /dev/null @@ -1,21 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-textfield-border-color: var(--spectrum-gray-500); - --system-spectrum-textfield-border-color-hover: var(--spectrum-gray-600); - --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-100); -} diff --git a/tokens/dist/css/components/spectrum/toast.css b/tokens/dist/css/components/spectrum/toast.css deleted file mode 100644 index c7a30741f99..00000000000 --- a/tokens/dist/css/components/spectrum/toast.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-toast-background-color-default: var(--spectrum-neutral-subdued-background-color-default); -} diff --git a/tokens/dist/css/components/spectrum/tooltip.css b/tokens/dist/css/components/spectrum/tooltip.css deleted file mode 100644 index 2160961ed5c..00000000000 --- a/tokens/dist/css/components/spectrum/tooltip.css +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Copyright 2024 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 - * - * 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. - */ - -.spectrum { - --system-spectrum-tooltip-backgound-color-default-neutral: var(--spectrum-neutral-subdued-background-color-default); -}