Skip to content

Commit

Permalink
feat(pencil): add first colours to light set
Browse files Browse the repository at this point in the history
Add some colours to light theme, add new token transformer command for light set
  • Loading branch information
CCAyl authored Aug 8, 2022
2 parents 9103684 + 4953a28 commit 3009f86
Show file tree
Hide file tree
Showing 16 changed files with 269 additions and 18 deletions.
1 change: 1 addition & 0 deletions .github/workflows/build-tokens.yml
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ name: Style dictionary build
on:
push:
paths:
- "data/light.json"
- "data/core.json"
- "config.json"
- "build.js"
Expand Down
5 changes: 3 additions & 2 deletions build/native/colors.d.ts
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Thu, 04 Aug 2022 21:59:25 GMT
* Generated on Fri, 05 Aug 2022 14:07:55 GMT
*/

export const green100 : string;
Expand Down Expand Up @@ -52,4 +52,5 @@ export const grey600 : string;
export const grey700 : string;
export const grey800 : string;
export const white : string;
export const black : string;
export const black : string;
export const transparent : string;
5 changes: 3 additions & 2 deletions build/native/colors.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Thu, 04 Aug 2022 21:59:25 GMT
* Generated on Fri, 05 Aug 2022 14:07:55 GMT
*/

module.exports = {
Expand Down Expand Up @@ -53,5 +53,6 @@ module.exports = {
"grey700": "#36485C",
"grey800": "#2E3A47",
"white": "#FFFFFF",
"black": "#000000"
"black": "#000000",
"transparent": "transparent"
};
2 changes: 1 addition & 1 deletion build/native/typography.d.ts
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Thu, 04 Aug 2022 21:59:25 GMT
* Generated on Fri, 05 Aug 2022 14:07:55 GMT
*/

export const letterSpacingBase : number;
Expand Down
2 changes: 1 addition & 1 deletion build/native/typography.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Thu, 04 Aug 2022 21:59:25 GMT
* Generated on Fri, 05 Aug 2022 14:07:55 GMT
*/

module.exports = {
Expand Down
5 changes: 3 additions & 2 deletions build/scss/colors.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Thu, 04 Aug 2022 21:59:25 GMT
// Generated on Fri, 05 Aug 2022 14:07:55 GMT

$green100: #FAFFFC;
$green200: #EBF2EF;
Expand Down Expand Up @@ -51,4 +51,5 @@ $grey600: #475A70;
$grey700: #36485C;
$grey800: #2E3A47;
$white: #FFFFFF;
$black: #000000;
$black: #000000;
$transparent: transparent;
2 changes: 1 addition & 1 deletion build/scss/typography.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Thu, 04 Aug 2022 21:59:25 GMT
// Generated on Fri, 05 Aug 2022 14:07:55 GMT

$letterSpacingBase: 0;
$paragraphSpacingBase: 0;
Expand Down
5 changes: 3 additions & 2 deletions build/ts/colors.d.ts
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Thu, 04 Aug 2022 21:59:25 GMT
* Generated on Fri, 05 Aug 2022 14:07:55 GMT
*/

export const green100 : string;
Expand Down Expand Up @@ -52,4 +52,5 @@ export const grey600 : string;
export const grey700 : string;
export const grey800 : string;
export const white : string;
export const black : string;
export const black : string;
export const transparent : string;
5 changes: 3 additions & 2 deletions build/ts/colors.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Thu, 04 Aug 2022 21:59:25 GMT
* Generated on Fri, 05 Aug 2022 14:07:55 GMT
*/

module.exports = {
Expand Down Expand Up @@ -53,5 +53,6 @@ module.exports = {
"grey700": "#36485C",
"grey800": "#2E3A47",
"white": "#FFFFFF",
"black": "#000000"
"black": "#000000",
"transparent": "transparent"
};
2 changes: 1 addition & 1 deletion build/ts/typography.d.ts
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Thu, 04 Aug 2022 21:59:25 GMT
* Generated on Fri, 05 Aug 2022 14:07:55 GMT
*/

export const letterSpacingBase : number;
Expand Down
2 changes: 1 addition & 1 deletion build/ts/typography.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Thu, 04 Aug 2022 21:59:25 GMT
* Generated on Fri, 05 Aug 2022 14:07:55 GMT
*/

module.exports = {
Expand Down
6 changes: 5 additions & 1 deletion data/core.json
Original file line number Diff line number Diff line change
Expand Up @@ -212,6 +212,10 @@
"black": {
"value": "#000000",
"type": "color"
},
"transparent": {
"value": "transparent",
"type": "color"
}
}
},
Expand Down Expand Up @@ -480,4 +484,4 @@
}
}
}
}
}
118 changes: 118 additions & 0 deletions data/light.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,118 @@
{
"colors": {
"text": {
"base": {
"value": "{colors.grey.800}",
"type": "color"
},
"emphasis": {
"value": "{colors.grey.700}",
"type": "color"
},
"subdued": {
"value": "{colors.grey.500}",
"type": "color"
}
},
"surface": {
"level0": {
"value": "{colors.grey.200}",
"type": "color"
},
"level1": {
"value": "{colors.shades.white}",
"type": "color"
},
"level2": {
"value": "{colors.grey.100}",
"type": "color"
},
"level3": {
"value": "{colors.shades.white}",
"type": "color"
}
},
"primary": {
"text": {
"base": {
"value": "{colors.green.600}",
"type": "color"
},
"hover": {
"value": "{colors.green.700}",
"type": "color"
},
"active": {
"value": "{colors.green.800}",
"type": "color"
}
},
"background": {
"base": {
"value": "{colors.green.600}",
"type": "color"
},
"hover": {
"value": "{colors.green.700}",
"type": "color"
},
"active": {
"value": "{colors.green.800}",
"type": "color"
},
"muted": {
"value": "{colors.green.200}",
"type": "color"
},
"mutedHover": {
"value": "{colors.green.300}",
"type": "color"
},
"mutedActive": {
"value": "{colors.green.400}",
"type": "color"
},
"box": {
"value": "{colors.green.100}",
"type": "color"
}
},
"border": {
"base": {
"value": "{colors.green.600}",
"type": "color"
},
"hover": {
"value": "{colors.green.700}",
"type": "color"
},
"active": {
"value": "{colors.green.800}",
"type": "color"
}
}
},
"disabled": {
"text": {
"value": "{colors.grey.500}",
"type": "color"
},
"background": {
"value": "{colors.grey.200}",
"type": "color"
},
"nakedContent": {
"value": "{colors.disabled.background}",
"type": "color"
},
"nakedBackground": {
"value": "{colors.shades.transparent}",
"type": "color"
},
"border": {
"value": "{colors.grey.400}",
"type": "color"
}
}
}
}
4 changes: 4 additions & 0 deletions data/transformed-core.json
Original file line number Diff line number Diff line change
Expand Up @@ -212,6 +212,10 @@
"black": {
"value": "#000000",
"type": "color"
},
"transparent": {
"value": "transparent",
"type": "color"
}
}
},
Expand Down
Loading

0 comments on commit 3009f86

Please sign in to comment.