Skip to content

Commit

Permalink
test: fix snapshot tests for tokens
Browse files Browse the repository at this point in the history
  • Loading branch information
@alisonailea
alisonailea committed Dec 1, 2023
1 parent 20b592e commit 44824bc
Showing 1 changed file with 16 additions and 10 deletions.
26 changes: 16 additions & 10 deletions packages/calcite-design-tokens/support/tests/__snapshots__/index.spec.ts.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -346,6 +346,7 @@ exports[`generated tokens CSS dark should match 1`] = `
--calcite-color-brand-press: #00619b;
--calcite-color-brand-hover: #007ac2;
--calcite-color-brand: #009af2;
--calcite-color-transparent-tint: rgba(43, 43, 43, 0.8);
--calcite-color-transparent-scrim: rgba(0, 0, 0, 0.85);
--calcite-color-transparent-press: rgba(255, 255, 255, 0.08);
--calcite-color-transparent-hover: rgba(255, 255, 255, 0.04);
Expand Down Expand Up @@ -410,11 +411,11 @@ exports[`generated tokens CSS global should match 1`] = `
--calcite-font-letter-spacing-wide: 0.4;
--calcite-font-letter-spacing-normal: 0;
--calcite-font-letter-spacing-tight: -0.4;
--calcite-font-line-height-relative-loose: 200%; /* 2 */
--calcite-font-line-height-relative-relaxed: 162.5%; /* 1.625 */
--calcite-font-line-height-relative-normal: 150%; /* 1.5 */
--calcite-font-line-height-relative-snug: 137.5%; /* 1.375 */
--calcite-font-line-height-relative-tight: 125%; /* 1.25 */
--calcite-font-line-height-relative-loose: 2; /* 2 */
--calcite-font-line-height-relative-relaxed: 1.625; /* 1.625 */
--calcite-font-line-height-relative-normal: 1.5; /* 1.5 */
--calcite-font-line-height-relative-snug: 1.375; /* 1.375 */
--calcite-font-line-height-relative-tight: 1.25; /* 1.25 */
--calcite-font-line-height-relative: auto; /* 1 */
--calcite-font-line-height-fixed-xl: 24px;
--calcite-font-line-height-fixed-lg: 20px;
Expand Down Expand Up @@ -490,6 +491,7 @@ exports[`generated tokens CSS light should match 1`] = `
--calcite-color-brand-press: #004874;
--calcite-color-brand-hover: #00619b;
--calcite-color-brand: #007ac2;
--calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
--calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
--calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
--calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
Expand Down Expand Up @@ -833,6 +835,7 @@ export const calciteColorTransparent = {"light":"rgba(0, 0, 0, 0%)","dark":"rgba
export const calciteColorTransparentHover = {"light":"rgba(0, 0, 0, 4%)","dark":"rgba(255, 255, 255, 4%)"};
export const calciteColorTransparentPress = {"light":"rgba(0, 0, 0, 8%)","dark":"rgba(255, 255, 255, 8%)"};
export const calciteColorTransparentScrim = {"light":"rgba(255, 255, 255, 85%)","dark":"rgba(0, 0, 0, 85%)"};
export const calciteColorTransparentDismiss = {"light":"rgba(255, 255, 255, 80%)","dark":"rgba(43, 43, 43, 80%)"};
export const calciteColorBrand = {"light":"#007ac2","dark":"#009af2"};
export const calciteColorBrandHover = {"light":"#00619b","dark":"#007ac2"};
export const calciteColorBrandPress = {"light":"#004874","dark":"#00619b"};
Expand Down Expand Up @@ -1034,6 +1037,7 @@ export const calciteColorTransparent : { light: string, dark: string };
export const calciteColorTransparentHover : { light: string, dark: string };
export const calciteColorTransparentPress : { light: string, dark: string };
export const calciteColorTransparentScrim : { light: string, dark: string };
export const calciteColorTransparentDismiss : { light: string, dark: string };
export const calciteColorBrand : { light: string, dark: string };
export const calciteColorBrandHover : { light: string, dark: string };
export const calciteColorBrandPress : { light: string, dark: string };
Expand Down Expand Up @@ -1865,6 +1869,7 @@ $calcite-color-brand-underline: rgba(0, 160, 255, 0.4);
$calcite-color-brand-press: #00619b;
$calcite-color-brand-hover: #007ac2;
$calcite-color-brand: #009af2;
$calcite-color-transparent-dismiss: rgba(43, 43, 43, 0.8);
$calcite-color-transparent-scrim: rgba(0, 0, 0, 0.85);
$calcite-color-transparent-press: rgba(255, 255, 255, 0.08);
$calcite-color-transparent-hover: rgba(255, 255, 255, 0.04);
Expand Down Expand Up @@ -1927,11 +1932,11 @@ $calcite-font-paragraph-spacing-normal: 4px;
$calcite-font-letter-spacing-wide: 0.4;
$calcite-font-letter-spacing-normal: 0;
$calcite-font-letter-spacing-tight: -0.4;
$calcite-font-line-height-relative-loose: 200%; // 2
$calcite-font-line-height-relative-relaxed: 162.5%; // 1.625
$calcite-font-line-height-relative-normal: 150%; // 1.5
$calcite-font-line-height-relative-snug: 137.5%; // 1.375
$calcite-font-line-height-relative-tight: 125%; // 1.25
$calcite-font-line-height-relative-loose: 2; // 2
$calcite-font-line-height-relative-relaxed: 1.625; // 1.625
$calcite-font-line-height-relative-normal: 1.5; // 1.5
$calcite-font-line-height-relative-snug: 1.375; // 1.375
$calcite-font-line-height-relative-tight: 1.25; // 1.25
$calcite-font-line-height-relative: auto; // 1
$calcite-font-line-height-fixed-xl: 24px;
$calcite-font-line-height-fixed-lg: 20px;
Expand Down Expand Up @@ -2004,6 +2009,7 @@ $calcite-color-brand-underline: rgba(0, 97, 155, 0.4);
$calcite-color-brand-press: #004874;
$calcite-color-brand-hover: #00619b;
$calcite-color-brand: #007ac2;
$calcite-color-transparent-dismiss: rgba(255, 255, 255, 0.8);
$calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
$calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
$calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
Expand Down

0 comments on commit 44824bc

Please sign in to comment.