studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✅(tokens) add a test token with a hyphen

Browse Source 
tokens that includes hyphen are allowed but the feature wasn't been
tested
This commit is contained in:
Romain Le Cellier
2023-04-27 14:34:54 +02:00
parent edf4563e3e
commit 1b9fb93bda
7 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/tokens/src/bin/Generators/JsGenerator.spec.ts
View File

@@ -24,7 +24,7 @@ describe("JsGenerator", () => {
await run(["", "", "-g", "js"]);
expect(fs.existsSync(tokensFile)).toEqual(true);
expect(fs.readFileSync(tokensFile).toString()).toMatchInlineSnapshot(`
"export const tokens = {"theme":{"colors":{"primary":"#055FD2","secondary":"#DA0000"},"font":{"sizes":{"m":"1rem"},"weights":{"medium":400},"families":{"base":"Roboto"}},"spacings":{"s":"1rem"},"transitions":{"ease":"linear"}}};
"export const tokens = {"theme":{"colors":{"primary":"#055FD2","secondary":"#DA0000","ternary-900":"#022858"},"font":{"sizes":{"m":"1rem"},"weights":{"medium":400},"families":{"base":"Roboto"}},"spacings":{"s":"1rem"},"transitions":{"ease":"linear"}}};
"
`);
});

5
packages/tokens/src/bin/Generators/SassGenerator.spec.ts
View File

@@ -27,7 +27,10 @@ describe("SassGenerator", () => {
expect(fs.readFileSync(sassFile).toString()).toMatchInlineSnapshot(`
"$colors: (
primary: #055FD2,
secondary: #DA0000
secondary: #DA0000,
ternary: (
900: #022858
)
);
$fontFamilies: (
base: Roboto

2
packages/tokens/src/bin/Generators/TsGenerator.spec.ts
View File

@@ -24,7 +24,7 @@ describe("TsGenerator", () => {
await run(["", "", "-g", "ts"]);
expect(fs.existsSync(tokensFile)).toEqual(true);
expect(fs.readFileSync(tokensFile).toString()).toMatchInlineSnapshot(`
"export const tokens = {"theme":{"colors":{"primary":"#055FD2","secondary":"#DA0000"},"font":{"sizes":{"m":"1rem"},"weights":{"medium":400},"families":{"base":"Roboto"}},"spacings":{"s":"1rem"},"transitions":{"ease":"linear"}}};
"export const tokens = {"theme":{"colors":{"primary":"#055FD2","secondary":"#DA0000","ternary-900":"#022858"},"font":{"sizes":{"m":"1rem"},"weights":{"medium":400},"families":{"base":"Roboto"}},"spacings":{"s":"1rem"},"transitions":{"ease":"linear"}}};
"
`);
});

1
packages/tokens/src/bin/__mocks__/cunningham.ts
View File

@@ -3,6 +3,7 @@ module.exports = {
colors: {
primary: "#055FD2",
secondary: "#DA0000",
"ternary-900": "#022858",
},
font: {
sizes: {

1
packages/tokens/src/bin/tests/assets/expected-default-cunningham-tokens.css
View File

@@ -1,6 +1,7 @@
:root {
--c--theme--colors--primary: #055FD2;
--c--theme--colors--secondary: #DA0000;
--c--theme--colors--ternary-900: #022858;
--c--theme--font--sizes--m: 1rem;
--c--theme--font--weights--medium: 400;
--c--theme--font--families--base: Roboto;

1
packages/tokens/src/bin/tests/assets/expected-js-cunningham-tokens.css
View File

@@ -1,6 +1,7 @@
:root {
--c--theme--colors--primary: AntiqueWhite;
--c--theme--colors--secondary: #DA0000;
--c--theme--colors--ternary-900: #022858;
--c--theme--font--sizes--m: 1rem;
--c--theme--font--weights--medium: 400;
--c--theme--font--families--base: Roboto;

3
packages/tokens/src/bin/tests/assets/expected-with-utility-classes-cunningham-tokens.css
View File

@@ -1,6 +1,7 @@
:root {
--c--theme--colors--primary: #055FD2;
--c--theme--colors--secondary: #DA0000;
--c--theme--colors--ternary-900: #022858;
--c--theme--font--sizes--m: 1rem;
--c--theme--font--weights--medium: 400;
--c--theme--font--families--base: Roboto;
@@ -8,8 +9,10 @@
--c--theme--transitions--ease: linear;
} .clr-primary { color: var(--c--theme--colors--primary); }
.clr-secondary { color: var(--c--theme--colors--secondary); }
.clr-ternary-900 { color: var(--c--theme--colors--ternary-900); }
.bg-primary { background-color: var(--c--theme--colors--primary); }
.bg-secondary { background-color: var(--c--theme--colors--secondary); }
.bg-ternary-900 { background-color: var(--c--theme--colors--ternary-900); }
.fw-medium { font-weight: var(--c--theme--font--weights--medium); }
.fs-m { font-size: var(--c--theme--font--sizes--m); }
.f-base { font-family: var(--c--theme--font--families--base); }