Skip to content

Commit 7462def

Browse files
didoodidoo
committed
TEMP - added expected-CSS-output files
1 parent e91963c commit 7462def

File tree

6 files changed

+124
-0
lines changed

6 files changed

+124
-0
lines changed

‎packages/tokens/expected-CSS-output/products/css/themed-tokens-with-css-selectors/tokens.css‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
/* These are the light-theme tokens */
2+
3+
.shw-theme-light,
4+
[data-shw-theme="light"] {
5+
:root {
6+
--token-color-palette-blue-500: #1c345f;
7+
--token-color-palette-blue-400: #0046d1;
8+
--token-color-palette-blue-300: #0c56e9;
9+
--token-color-palette-blue-200: #1060ff;
10+
--token-color-palette-blue-100: #cce3fe;
11+
--token-color-palette-blue-50: #f2f8ff;
12+
}
13+
}
14+
15+
/* --------------------------------------- */
16+
17+
/* These are the dark-theme tokens */
18+
19+
.shw-theme-dark,
20+
[data-shw-theme="dark"] {
21+
:root {
22+
--token-color-palette-blue-500: #f2f8ff;
23+
--token-color-palette-blue-400: #cce3fe;
24+
--token-color-palette-blue-300: #1060ff;
25+
--token-color-palette-blue-200: #0c56e9;
26+
--token-color-palette-blue-100: #0046d1;
27+
--token-color-palette-blue-50: #1c345f;
28+
}
29+
}
30+
31+
/* --------------------------------------- */
32+
33+
/* These are the common tokens */
34+
35+
:root {
36+
--token-typography-font-stack-display: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
37+
--token-typography-font-stack-text: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
38+
--token-typography-font-stack-code: ui-monospace, Menlo, Consolas, monospace;
39+
--token-typography-font-weight-regular: 400;
40+
--token-typography-font-weight-medium: 500;
41+
--token-typography-font-weight-semibold: 600;
42+
--token-typography-font-weight-bold: 700;
43+
}

‎packages/tokens/expected-CSS-output/products/css/themed-tokens-with-prefers-color-scheme/tokens.css‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
/* These are the light-theme tokens */
2+
3+
@media (prefers-color-scheme: light) {
4+
:root {
5+
--token-color-palette-blue-500: #1c345f;
6+
--token-color-palette-blue-400: #0046d1;
7+
--token-color-palette-blue-300: #0c56e9;
8+
--token-color-palette-blue-200: #1060ff;
9+
--token-color-palette-blue-100: #cce3fe;
10+
--token-color-palette-blue-50: #f2f8ff;
11+
}
12+
}
13+
14+
/* --------------------------------------- */
15+
16+
/* These are the dark-theme tokens */
17+
18+
@media (prefers-color-scheme: dark) {
19+
:root {
20+
--token-color-palette-blue-500: #f2f8ff;
21+
--token-color-palette-blue-400: #cce3fe;
22+
--token-color-palette-blue-300: #1060ff;
23+
--token-color-palette-blue-200: #0c56e9;
24+
--token-color-palette-blue-100: #0046d1;
25+
--token-color-palette-blue-50: #1c345f;
26+
}
27+
}
28+
29+
/* --------------------------------------- */
30+
31+
/* These are the common tokens */
32+
33+
:root {
34+
--token-typography-font-stack-display: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
35+
--token-typography-font-stack-text: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
36+
--token-typography-font-stack-code: ui-monospace, Menlo, Consolas, monospace;
37+
--token-typography-font-weight-regular: 400;
38+
--token-typography-font-weight-medium: 500;
39+
--token-typography-font-weight-semibold: 600;
40+
--token-typography-font-weight-bold: 700;
41+
}

‎packages/tokens/expected-CSS-output/products/css/themed-tokens-with-root-selector/common-tokens.css‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
:root {
2+
--token-typography-font-stack-display: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
3+
--token-typography-font-stack-text: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
4+
--token-typography-font-stack-code: ui-monospace, Menlo, Consolas, monospace;
5+
--token-typography-font-weight-regular: 400;
6+
--token-typography-font-weight-medium: 500;
7+
--token-typography-font-weight-semibold: 600;
8+
--token-typography-font-weight-bold: 700;
9+
}

‎packages/tokens/expected-CSS-output/products/css/themed-tokens-with-root-selector/dark-tokens.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
:root {
2+
--token-color-palette-blue-500: #f2f8ff;
3+
--token-color-palette-blue-400: #cce3fe;
4+
--token-color-palette-blue-300: #1060ff;
5+
--token-color-palette-blue-200: #0c56e9;
6+
--token-color-palette-blue-100: #0046d1;
7+
--token-color-palette-blue-50: #1c345f;
8+
}

‎packages/tokens/expected-CSS-output/products/css/themed-tokens-with-root-selector/light-tokens.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
:root {
2+
--token-color-palette-blue-500: #1c345f;
3+
--token-color-palette-blue-400: #0046d1;
4+
--token-color-palette-blue-300: #0c56e9;
5+
--token-color-palette-blue-200: #1060ff;
6+
--token-color-palette-blue-100: #cce3fe;
7+
--token-color-palette-blue-50: #f2f8ff;
8+
}

‎packages/tokens/expected-CSS-output/products/css/tokens.css‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
:root {
2+
--token-color-palette-blue-500: #1c345f;
3+
--token-color-palette-blue-400: #0046d1;
4+
--token-color-palette-blue-300: #0c56e9;
5+
--token-color-palette-blue-200: #1060ff;
6+
--token-color-palette-blue-100: #cce3fe;
7+
--token-color-palette-blue-50: #f2f8ff;
8+
--token-typography-font-stack-display: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
9+
--token-typography-font-stack-text: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
10+
--token-typography-font-stack-code: ui-monospace, Menlo, Consolas, monospace;
11+
--token-typography-font-weight-regular: 400;
12+
--token-typography-font-weight-medium: 500;
13+
--token-typography-font-weight-semibold: 600;
14+
--token-typography-font-weight-bold: 700;
15+
}

0 commit comments

Comments
 (0)