feat(components/theme): tokenize button styling (#2803)

blackbaud · Oct 15, 2024 · f319508 · f319508
1 parent abbf2fe
commit f319508
Show file tree

Hide file tree

Showing 6 changed files with 434 additions and 124 deletions.
diff --git a/.cspell.json b/.cspell.json
@@ -6,6 +6,7 @@
  "interactable",
  "ngsrc",
  "novalidate",
+ "pillarbox",
  "tabindex",
  "xlink"
  ]

diff --git a/apps/e2e/theme-storybook-e2e/src/e2e/buttons.component.cy.ts b/apps/e2e/theme-storybook-e2e/src/e2e/buttons.component.cy.ts
@@ -24,5 +24,5 @@ describe('theme-storybook', () => {
  );
  });
  });
- });
+ }, true);
 });
diff --git a/apps/playground/src/app/app.component.scss b/apps/playground/src/app/app.component.scss
@@ -12,7 +12,7 @@
  top: 0;
  z-index: 500;
  display: flex;
- background-color: #ffd597;
+ background-color: var(--sky-color-background-container-warning);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
 }
 

diff --git a/libs/components/indicators/src/lib/modules/alert/alert.modern.component.scss b/libs/components/indicators/src/lib/modules/alert/alert.modern.component.scss
@@ -18,7 +18,7 @@
 @include mixins.sky-component('modern', '.sky-alert') {
  padding: var(--sky-override-alert-padding, var(--sky-space-inset-balanced-s));
  border-left: solid var(--sky-border-width-accent);
- color: var(--sky-text-color-default);
+ color: var(--sky-color-text-default);
  display: flex;
  flex-direction: row;
  align-items: center;