Skip to content

Commit

Permalink
fix(ComponentDemo): reset contextual tokens (#2899)
Browse files Browse the repository at this point in the history 
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
  • Loading branch information
@jnm2377 @kodiakhq
jnm2377 and kodiakhq[bot] authored Apr 22, 2022
1 parent 5fa3fc9 commit 3a1b1b9
Showing 1 changed file with 52 additions and 0 deletions.
52 changes: 52 additions & 0 deletions src/components/ComponentDemo/ComponentDemo.module.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -319,6 +319,19 @@ body[data-live-preview-theme='White']
body[data-live-preview-theme='White'] ul[class^='cds--overflow-menu-options'],
.white {
@include theme(themes.$white);
--cds-layer: var(--cds-layer-01);
--cds-layer-active: var(--cds-layer-active-01);
--cds-layer-hover: var(--cds-layer-hover-01);
--cds-layer-selected: var(--cds-layer-selected-01);
--cds-layer-selected-hover: var(--cds-layer-selected-hover-01);
--cds-layer-accent: var(--cds-layer-accent-01);
--cds-layer-accent-hover: var(--cds-layer-accent-hover-01);
--cds-layer-accent-active: var(--cds-layer-accent-active-01);
--cds-field: var(--cds-field-01);
--cds-field-hover: var(--cds-field-hover-01);
--cds-border-subtle: var(--cds-border-subtle-01);
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01);
--cds-border-strong: var(--cds-border-strong-01);
}

body[data-live-preview-theme='Gray 10'] [class^='cds--tooltip'],
Expand All @@ -327,6 +340,19 @@ body[data-live-preview-theme='Gray 10']
body[data-live-preview-theme='Gray 10'] ul[class^='cds--overflow-menu-options'],
.g10 {
@include theme(themes.$g10);
--cds-layer: var(--cds-layer-01);
--cds-layer-active: var(--cds-layer-active-01);
--cds-layer-hover: var(--cds-layer-hover-01);
--cds-layer-selected: var(--cds-layer-selected-01);
--cds-layer-selected-hover: var(--cds-layer-selected-hover-01);
--cds-layer-accent: var(--cds-layer-accent-01);
--cds-layer-accent-hover: var(--cds-layer-accent-hover-01);
--cds-layer-accent-active: var(--cds-layer-accent-active-01);
--cds-field: var(--cds-field-01);
--cds-field-hover: var(--cds-field-hover-01);
--cds-border-subtle: var(--cds-border-subtle-01);
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01);
--cds-border-strong: var(--cds-border-strong-01);
}

body[data-live-preview-theme='Gray 90'] [class^='cds--tooltip'],
Expand All @@ -335,6 +361,19 @@ body[data-live-preview-theme='Gray 90']
body[data-live-preview-theme='Gray 90'] ul[class^='cds--overflow-menu-options'],
.g90 {
@include theme(themes.$g90);
--cds-layer: var(--cds-layer-01);
--cds-layer-active: var(--cds-layer-active-01);
--cds-layer-hover: var(--cds-layer-hover-01);
--cds-layer-selected: var(--cds-layer-selected-01);
--cds-layer-selected-hover: var(--cds-layer-selected-hover-01);
--cds-layer-accent: var(--cds-layer-accent-01);
--cds-layer-accent-hover: var(--cds-layer-accent-hover-01);
--cds-layer-accent-active: var(--cds-layer-accent-active-01);
--cds-field: var(--cds-field-01);
--cds-field-hover: var(--cds-field-hover-01);
--cds-border-subtle: var(--cds-border-subtle-01);
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01);
--cds-border-strong: var(--cds-border-strong-01);
}

body[data-live-preview-theme='Gray 100'] [class^='cds--tooltip'],
Expand All @@ -344,6 +383,19 @@ body[data-live-preview-theme='Gray 100']
ul[class^='cds--overflow-menu-options'],
.g100 {
@include theme(themes.$g100);
--cds-layer: var(--cds-layer-01);
--cds-layer-active: var(--cds-layer-active-01);
--cds-layer-hover: var(--cds-layer-hover-01);
--cds-layer-selected: var(--cds-layer-selected-01);
--cds-layer-selected-hover: var(--cds-layer-selected-hover-01);
--cds-layer-accent: var(--cds-layer-accent-01);
--cds-layer-accent-hover: var(--cds-layer-accent-hover-01);
--cds-layer-accent-active: var(--cds-layer-accent-active-01);
--cds-field: var(--cds-field-01);
--cds-field-hover: var(--cds-field-hover-01);
--cds-border-subtle: var(--cds-border-subtle-01);
--cds-border-subtle-selected: var(--cds-border-subtle-selected-01);
--cds-border-strong: var(--cds-border-strong-01);
}

//---------------------------------------
Expand Down

1 comment on commit 3a1b1b9

@vercel
Copy link

@vercel vercel bot commented on 3a1b1b9 Apr 22, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

carbondesignsystem – ./

carbondesignsystem-git-main-carbon-design-system.vercel.app
carbondesignsystem.vercel.app
carbondesignsystem-carbon-design-system.vercel.app

Please sign in to comment.