Skip to content

Commit

Permalink
feat: update to latest vars release & regenerate custom props
Browse files Browse the repository at this point in the history
  • Loading branch information
@pfulton @GarthDB
pfulton authored and GarthDB committed Jan 24, 2022
1 parent b0de4e8 commit a2af534
Show file tree
Hide file tree
Showing 20 changed files with 40,278 additions and 27,092 deletions.
480 changes: 240 additions & 240 deletions components/expressvars/css/components/spectrum-button.css
View file

Large diffs are not rendered by default.

624 changes: 228 additions & 396 deletions components/expressvars/css/components/spectrum-closebutton.css
View file

Large diffs are not rendered by default.

17,776 changes: 12,384 additions & 5,392 deletions components/expressvars/css/components/spectrum-tabs.css
View file

Large diffs are not rendered by default.

9,574 changes: 3,660 additions & 5,914 deletions components/expressvars/css/components/spectrum-tag.css
View file

Large diffs are not rendered by default.

93 changes: 93 additions & 0 deletions components/expressvars/css/globals/spectrum-colorAliases.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,22 @@
--spectrum-alias-toggle-border-color-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-toggle-border-color-key-focus: var(--spectrum-global-color-gray-900);
--spectrum-alias-toggle-icon-color-selected: var(--spectrum-global-color-gray-50);
--spectrum-alias-tag-border-color-default: var(--spectrum-global-color-gray-300);
--spectrum-alias-tag-border-color-hover: var(--spectrum-global-color-gray-400);
--spectrum-alias-tag-border-color-down: var(--spectrum-global-color-gray-500);
--spectrum-alias-tag-border-color-key-focus: var(--spectrum-global-color-gray-400);
--spectrum-alias-tag-border-color-disabled-default: var(--spectrum-global-color-gray-200);
--spectrum-alias-tag-border-color-error-key-focus: var(--spectrum-semantic-negative-color-default);
--spectrum-alias-tag-focusring-border-color-key-focus: var(--spectrum-alias-focus-ring-color);
--spectrum-alias-tag-background-color-disabled: var(--spectrum-global-color-gray-100);
--spectrum-alias-tag-background-color-default: var(--spectrum-global-color-gray-100);
--spectrum-alias-tag-background-color-hover: var(--spectrum-global-color-gray-300);
--spectrum-alias-tag-background-color-down: var(--spectrum-global-color-gray-400);
--spectrum-alias-tag-background-color-key-focus: var(--spectrum-global-color-gray-300);
--spectrum-alias-tag-background-color-error-default: var(--spectrum-alias-tag-background-color-default);
--spectrum-alias-tag-background-color-error-hover: var(--spectrum-alias-tag-background-color-hover);
--spectrum-alias-tag-background-color-error-down: var(--spectrum-alias-tag-background-color-down);
--spectrum-alias-tag-background-color-error-key-focus: var(--spectrum-alias-tag-background-color-key-focus);
--spectrum-alias-avatar-border-color-disabled: var(--spectrum-alias-background-color-transparent);
--spectrum-alias-avatar-border-color-selected-default: var(--spectrum-global-color-gray-900);
--spectrum-alias-avatar-border-color-selected-hover: var(--spectrum-alias-component-background-color-selected-hover);
Expand Down Expand Up @@ -119,6 +135,35 @@
--spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected: rgba(255,255,255,0.1);
--spectrum-alias-thumbnail-darksquare-background-color: var(--spectrum-global-color-gray-200);
--spectrum-alias-thumbnail-lightsquare-background-color: var(--spectrum-global-color-static-white);
--spectrum-alias-tabs-divider-background-color-default: var(--spectrum-global-color-gray-200);
--spectrum-alias-tabs-divider-background-color-quiet: var(--spectrum-alias-background-color-transparent);
--spectrum-alias-tabitem-text-color-default: var(--spectrum-global-color-gray-700);
--spectrum-alias-tabitem-text-color-hover: var(--spectrum-alias-text-color-hover);
--spectrum-alias-tabitem-text-color-down: var(--spectrum-alias-text-color-down);
--spectrum-alias-tabitem-text-color-key-focus: var(--spectrum-alias-text-color-hover);
--spectrum-alias-tabitem-text-color-mouse-focus: var(--spectrum-alias-text-color-hover);
--spectrum-alias-tabitem-text-color-selected-default: var(--spectrum-global-color-gray-900);
--spectrum-alias-tabitem-text-color-selected-hover: var(--spectrum-alias-tabitem-text-color-selected-default);
--spectrum-alias-tabitem-text-color-selected-down: var(--spectrum-alias-tabitem-text-color-selected-default);
--spectrum-alias-tabitem-text-color-selected-key-focus: var(--spectrum-alias-tabitem-text-color-selected-default);
--spectrum-alias-tabitem-text-color-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-selected-default);
--spectrum-alias-tabitem-text-color-emphasized: var(--spectrum-alias-tabitem-text-color-default);
--spectrum-alias-tabitem-text-color-emphasized-selected-default: var(--spectrum-global-color-indigo-600);
--spectrum-alias-tabitem-text-color-emphasized-selected-hover: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default);
--spectrum-alias-tabitem-text-color-emphasized-selected-down: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default);
--spectrum-alias-tabitem-text-color-emphasized-selected-key-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default);
--spectrum-alias-tabitem-text-color-emphasized-selected-mouse-focus: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default);
--spectrum-alias-tabitem-selection-indicator-color-default: var(--spectrum-alias-tabitem-text-color-default);
--spectrum-alias-tabitem-selection-indicator-color-emphasized: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default);
--spectrum-alias-tabitem-icon-color-disabled: var(--spectrum-alias-text-color-disabled);
--spectrum-alias-tabitem-icon-color-default: var(--spectrum-alias-tabitem-text-color-default);
--spectrum-alias-tabitem-icon-color-hover: var(--spectrum-alias-tabitem-text-color-hover);
--spectrum-alias-tabitem-icon-color-down: var(--spectrum-alias-tabitem-text-color-down);
--spectrum-alias-tabitem-icon-color-key-focus: var(--spectrum-alias-tabitem-text-color-hover);
--spectrum-alias-tabitem-icon-color-mouse-focus: var(--spectrum-alias-tabitem-text-color-down);
--spectrum-alias-tabitem-icon-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default);
--spectrum-alias-tabitem-icon-color-emphasized: var(--spectrum-alias-tabitem-text-color-default);
--spectrum-alias-tabitem-icon-color-emphasized-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default);
--spectrum-alias-transparent-blue-background-color-hover: rgba(2,97,214,0.15);
--spectrum-alias-transparent-blue-background-color-down: rgba(0,85,185,0.15);
--spectrum-alias-transparent-blue-background-color-key-focus: var(--spectrum-alias-transparent-blue-background-color-hover);
Expand Down Expand Up @@ -191,6 +236,50 @@
--spectrum-alias-component-border-color-emphasized-selected-down: var(--spectrum-semantic-cta-background-color-down);
--spectrum-alias-component-border-color-emphasized-selected-key-focus: var(--spectrum-semantic-cta-background-color-key-focus);
--spectrum-alias-component-border-color-emphasized-selected: var(--spectrum-alias-component-border-color-emphasized-selected-default);
--spectrum-alias-tag-border-color-error-default: var(--spectrum-semantic-negative-color-default);
--spectrum-alias-tag-border-color-error-hover: var(--spectrum-semantic-negative-color-hover);
--spectrum-alias-tag-border-color-error-down: var(--spectrum-semantic-negative-color-hover);
--spectrum-alias-tag-border-color-error-selected: var(--spectrum-semantic-negative-color-default);
--spectrum-alias-tag-border-color-selected: var(--spectrum-alias-tag-background-color-selected-default);
--spectrum-alias-tag-border-color: var(--spectrum-alias-tag-border-color-default);
--spectrum-alias-tag-border-color-disabled: var(--spectrum-alias-border-color-disabled);
--spectrum-alias-tag-border-color-error: var(--spectrum-alias-tag-border-color-error-default);
--spectrum-alias-tag-text-color-default: var(--spectrum-alias-label-text-color);
--spectrum-alias-tag-text-color-hover: var(--spectrum-alias-text-color-hover);
--spectrum-alias-tag-text-color-down: var(--spectrum-alias-text-color-down);
--spectrum-alias-tag-text-color-key-focus: var(--spectrum-alias-text-color-hover);
--spectrum-alias-tag-text-color-disabled: var(--spectrum-global-color-gray-500);
--spectrum-alias-tag-text-color: var(--spectrum-alias-tag-text-color-default);
--spectrum-alias-tag-text-color-error-default: var(--spectrum-global-color-red-600);
--spectrum-alias-tag-text-color-error-hover: var(--spectrum-global-color-red-700);
--spectrum-alias-tag-text-color-error-down: var(--spectrum-global-color-red-700);
--spectrum-alias-tag-text-color-error-key-focus: var(--spectrum-global-color-red-700);
--spectrum-alias-tag-text-color-error: var(--spectrum-alias-tag-text-color-error-default);
--spectrum-alias-tag-text-color-selected: var(--spectrum-global-color-gray-50);
--spectrum-alias-tag-icon-color-default: var(--spectrum-alias-icon-color);
--spectrum-alias-tag-icon-color-hover: var(--spectrum-alias-icon-color-hover);
--spectrum-alias-tag-icon-color-down: var(--spectrum-alias-icon-color-down);
--spectrum-alias-tag-icon-color-key-focus: var(--spectrum-alias-icon-color-hover);
--spectrum-alias-tag-icon-color-disabled: var(--spectrum-alias-icon-color-disabled);
--spectrum-alias-tag-icon-color: var(--spectrum-alias-tag-icon-color-default);
--spectrum-alias-tag-icon-color-error: var(--spectrum-global-color-red-600);
--spectrum-alias-tag-icon-color-selected: var(--spectrum-global-color-gray-50);
--spectrum-alias-tag-background-color: var(--spectrum-alias-tag-background-color-default);
--spectrum-alias-tag-background-color-error: var(--spectrum-alias-tag-background-color-error-default);
--spectrum-alias-tag-background-color-error-selected-default: var(--spectrum-semantic-negative-color-default);
--spectrum-alias-tag-background-color-error-selected-hover: var(--spectrum-semantic-negative-color-hover);
--spectrum-alias-tag-background-color-error-selected-down: var(--spectrum-semantic-negative-color-hover);
--spectrum-alias-tag-background-color-error-selected-key-focus: var(--spectrum-global-color-red-600);
--spectrum-alias-tag-background-color-error-selected: var(--spectrum-alias-tag-background-color-error-selected-default);
--spectrum-alias-tag-background-color-selected-default: var(--spectrum-global-color-gray-700);
--spectrum-alias-tag-background-color-selected-hover: var(--spectrum-global-color-gray-800);
--spectrum-alias-tag-background-color-selected-down: var(--spectrum-global-color-gray-900);
--spectrum-alias-tag-background-color-selected-key-focus: var(--spectrum-global-color-gray-900);
--spectrum-alias-tag-background-color-selected: var(--spectrum-alias-tag-background-color-selected-default);
--spectrum-alias-tag-focusring-border-color-default: transparent;
--spectrum-alias-tag-focusring-border-color-disabled: transparent;
--spectrum-alias-tag-focusring-border-color-selected-key-focus: var(--spectrum-alias-focus-ring-color);
--spectrum-alias-tag-focusring-border-color: var(--spectrum-alias-tag-focusring-border-color-default);
--spectrum-alias-avatar-border-color: var(--spectrum-alias-avatar-border-color-default);
--spectrum-alias-avatar-border-color-selected: var(--spectrum-alias-avatar-border-color-selected-default);
--spectrum-alias-toggle-background-color: var(--spectrum-alias-toggle-background-color-default);
Expand Down Expand Up @@ -268,6 +357,10 @@
--spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled: transparent;
--spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled: transparent;
--spectrum-alias-infieldbutton-fill-loudnessHigh-border-color-disabled: var(--spectrum-alias-component-background-color-disabled);
--spectrum-alias-tabitem-text-color: var(--spectrum-alias-tabitem-text-color-default);
--spectrum-alias-tabitem-text-color-selected: var(--spectrum-alias-tabitem-text-color-selected-default);
--spectrum-alias-tabitem-text-color-emphasized-selected: var(--spectrum-alias-tabitem-text-color-emphasized-selected-default);
--spectrum-alias-tabitem-icon-color: var(--spectrum-alias-tabitem-text-color-default);
--spectrum-alias-background-color-default: var(--spectrum-global-color-gray-100);
--spectrum-alias-background-color-disabled: var(--spectrum-global-color-gray-200);
--spectrum-alias-background-color-transparent: transparent;
Expand Down
34 changes: 34 additions & 0 deletions components/expressvars/css/globals/spectrum-dimensionAliases.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -232,6 +232,34 @@
--spectrum-alias-search-padding-left-m: var(--spectrum-global-dimension-size-175);
--spectrum-alias-search-padding-left-l: var(--spectrum-global-dimension-size-200);
--spectrum-alias-search-padding-left-xl: var(--spectrum-global-dimension-size-225);
--spectrum-alias-tag-border-radius: var(--spectrum-global-dimension-size-300);
--spectrum-alias-tag-border-size-default: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-tag-border-size-disabled: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-tag-border-size-key-focus: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-tag-padding-right-s: var(--spectrum-global-dimension-size-125);
--spectrum-alias-tag-padding-right-m: var(--spectrum-global-dimension-size-130);
--spectrum-alias-tag-padding-right-l: var(--spectrum-global-dimension-size-175);
--spectrum-alias-tag-height-s: var(--spectrum-global-dimension-size-250);
--spectrum-alias-tag-height-m: var(--spectrum-global-dimension-size-300);
--spectrum-alias-tag-height-l: var(--spectrum-global-dimension-size-400);
--spectrum-alias-tag-font-size-s: var(--spectrum-global-dimension-font-size-50);
--spectrum-alias-tag-font-size-m: var(--spectrum-global-dimension-font-size-75);
--spectrum-alias-tag-font-size-l: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-tag-text-padding-top-m: var(--spectrum-global-dimension-size-50);
--spectrum-alias-tag-text-padding-top-l: var(--spectrum-global-dimension-size-85);
--spectrum-alias-tag-icon-size-s: var(--spectrum-global-dimension-size-175);
--spectrum-alias-tag-icon-size-m: var(--spectrum-global-dimension-size-200);
--spectrum-alias-tag-icon-margin-top-s: var(--spectrum-global-dimension-size-40);
--spectrum-alias-tag-icon-margin-top-m: var(--spectrum-global-dimension-size-50);
--spectrum-alias-tag-icon-margin-top-l: var(--spectrum-global-dimension-size-85);
--spectrum-alias-tag-clearbutton-width-s: var(--spectrum-global-dimension-size-175);
--spectrum-alias-tag-clearbutton-width-m: var(--spectrum-global-dimension-size-225);
--spectrum-alias-tag-clearbutton-width-l: var(--spectrum-global-dimension-size-350);
--spectrum-alias-tag-clearbutton-icon-margin-s: var(--spectrum-global-dimension-size-30);
--spectrum-alias-tag-clearbutton-icon-margin-m: var(--spectrum-global-dimension-size-50);
--spectrum-alias-tag-clearbutton-icon-margin-l: var(--spectrum-global-dimension-size-100);
--spectrum-alias-tag-focusring-border-radius: var(--spectrum-global-dimension-size-300);
--spectrum-alias-tag-focusring-gap: var(--spectrum-global-dimension-size-25);
--spectrum-alias-search-border-radius-quiet: 0;
--spectrum-alias-percent-50: 50%;
--spectrum-alias-percent-70: 70%;
Expand Down Expand Up @@ -299,4 +327,10 @@
--spectrum-alias-avatar-size-300: var(--spectrum-global-dimension-size-325);
--spectrum-alias-avatar-size-500: var(--spectrum-global-dimension-size-400);
--spectrum-alias-avatar-size-700: var(--spectrum-global-dimension-size-500);
--spectrum-alias-tag-border-size: var(--spectrum-global-dimension-static-size-25);
--spectrum-alias-tag-icon-margin-right-s: var(--spectrum-global-dimension-size-85);
--spectrum-alias-tag-icon-margin-right-m: var(--spectrum-global-dimension-size-100);
--spectrum-alias-tag-icon-margin-right-l: var(--spectrum-global-dimension-size-115);
--spectrum-alias-tag-focusring-size: var(--spectrum-global-dimension-size-25);
--spectrum-alias-tag-focusring-gap-selected: var(--spectrum-global-dimension-size-25);
}
Loading

0 comments on commit a2af534

Please sign in to comment.