Skip to content

Commit

Permalink
Chore: Add descriptions for light and disabled tokens
Browse files Browse the repository at this point in the history 
Chore: Add descriptions for light and disabled tokens
  • Loading branch information
@alexandra-lim
alexandra-lim authored Nov 23, 2022
2 parents c292983 + 85e54b9 commit 962e59d
Show file tree
Hide file tree
Showing 17 changed files with 67 additions and 41 deletions.
2 changes: 1 addition & 1 deletion dist/tokens/native/colors.d.ts
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Tue, 22 Nov 2022 21:46:37 GMT
* Generated on Wed, 23 Nov 2022 19:55:17 GMT
*/

export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string};
Expand Down
2 changes: 1 addition & 1 deletion dist/tokens/native/colors.js
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Tue, 22 Nov 2022 21:46:37 GMT
* Generated on Wed, 23 Nov 2022 19:55:17 GMT
*/

module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"},
Expand Down
2 changes: 1 addition & 1 deletion dist/tokens/native/themes/light.d.ts
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Tue, 22 Nov 2022 21:46:37 GMT
* Generated on Wed, 23 Nov 2022 19:55:17 GMT
*/

export const text : {emphasis : string,body : string,subdued : string,onBackground : string};
Expand Down
2 changes: 1 addition & 1 deletion dist/tokens/native/themes/light.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion dist/tokens/native/typography.d.ts
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Tue, 22 Nov 2022 21:46:37 GMT
* Generated on Wed, 23 Nov 2022 19:55:17 GMT
*/

export const letterSpacingBase : number;
Expand Down
2 changes: 1 addition & 1 deletion dist/tokens/native/typography.js
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Tue, 22 Nov 2022 21:46:37 GMT
* Generated on Wed, 23 Nov 2022 19:55:17 GMT
*/

module.exports = {
Expand Down
2 changes: 1 addition & 1 deletion dist/tokens/scss/colors.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Tue, 22 Nov 2022 21:46:37 GMT
// Generated on Wed, 23 Nov 2022 19:55:17 GMT

$green100: #FAFFFC;
$green200: #EBF2EF;
Expand Down
2 changes: 1 addition & 1 deletion dist/tokens/scss/themes/light.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Tue, 22 Nov 2022 21:46:37 GMT
// Generated on Wed, 23 Nov 2022 19:55:17 GMT

$textEmphasis: #36485C;
$textBody: #475A70;
Expand Down
2 changes: 1 addition & 1 deletion dist/tokens/scss/typography.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Tue, 22 Nov 2022 21:46:37 GMT
// Generated on Wed, 23 Nov 2022 19:55:17 GMT

$letterSpacingBase: 0;
$paragraphSpacingBase: 0;
Expand Down
2 changes: 1 addition & 1 deletion dist/tokens/ts/colors.d.ts
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Tue, 22 Nov 2022 21:46:37 GMT
* Generated on Wed, 23 Nov 2022 19:55:17 GMT
*/

export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string};
Expand Down
2 changes: 1 addition & 1 deletion dist/tokens/ts/colors.js
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Tue, 22 Nov 2022 21:46:37 GMT
* Generated on Wed, 23 Nov 2022 19:55:17 GMT
*/

module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"},
Expand Down
2 changes: 1 addition & 1 deletion dist/tokens/ts/themes/light.d.ts
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Tue, 22 Nov 2022 21:46:37 GMT
* Generated on Wed, 23 Nov 2022 19:55:17 GMT
*/

export const text : {emphasis : string,body : string,subdued : string,onBackground : string};
Expand Down
2 changes: 1 addition & 1 deletion dist/tokens/ts/themes/light.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion dist/tokens/ts/typography.d.ts
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Tue, 22 Nov 2022 21:46:37 GMT
* Generated on Wed, 23 Nov 2022 19:55:17 GMT
*/

export const letterSpacingBase : number;
Expand Down
2 changes: 1 addition & 1 deletion dist/tokens/ts/typography.js
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Tue, 22 Nov 2022 21:46:37 GMT
* Generated on Wed, 23 Nov 2022 19:55:17 GMT
*/

module.exports = {
Expand Down
39 changes: 26 additions & 13 deletions src/data/light.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -427,28 +427,34 @@
"disabled": {
"text": {
"value": "{colors.grey.500}",
"type": "color"
"type": "color",
"description": "For use in disabled content like text and icons"
},
"background": {
"value": "{colors.grey.200}",
"type": "color"
"type": "color",
"description": "Used as the background colour for disabled components"
},
"nakedBackground": {
"value": "{colors.shades.transparent}",
"type": "color"
"type": "color",
"description": "Used for the background in disabled components with little to no styling"
},
"border": {
"value": "{colors.grey.400}",
"type": "color"
"type": "color",
"description": "Used as the border for disabled components"
},
"input": {
"background": {
"value": "{colors.grey.300}",
"type": "color"
"type": "color",
"description": "For use in disabled inputs as the background colour"
},
"LabelText": {
"value": "{colors.grey.500}",
"type": "color"
"type": "color",
"description": "Used as the label colour for disabled inputs"
}
}
},
Expand Down Expand Up @@ -538,35 +544,42 @@
"background": {
"base": {
"value": "{colors.shades.white}",
"type": "color"
"type": "color",
"description": "For use as background colour in light profile components on contrasting surface backgrounds"
},
"contrast": {
"value": "{colors.grey.600}",
"type": "color"
"type": "color",
"description": "For use as a contrasting background colour in light profile components, to match shade of surface background"
},
"hover": {
"value": "{colors.grey.200}",
"type": "color"
"type": "color",
"description": "For use as background hover colour in light profile components on contrasting surface backgrounds"
},
"active": {
"value": "{colors.grey.300}",
"type": "color"
"type": "color",
"description": "For use as background active colour in light profile components on contrasting surface backgrounds"
}
},
"text": {
"base": {
"value": "{colors.grey.800}",
"type": "color"
"type": "color",
"description": "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background"
}
},
"link": {
"mutedBase": {
"value": "{colors.grey.200}",
"type": "color"
"type": "color",
"description": "Used as link colour for light profile components on contrasting surface backgrounds"
},
"mutedHover": {
"value": "{colors.shades.white}",
"type": "color"
"type": "color",
"description": "Used for link hover colour for light profile components on contrasting surface backgrounds"
}
}
}
Expand Down
39 changes: 26 additions & 13 deletions src/transformed/transformed-light.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -427,28 +427,34 @@
"disabled": {
"text": {
"value": "#596D84",
"type": "color"
"type": "color",
"description": "For use in disabled content like text and icons"
},
"background": {
"value": "#F5F7FA",
"type": "color"
"type": "color",
"description": "Used as the background colour for disabled components"
},
"nakedBackground": {
"value": "transparent",
"type": "color"
"type": "color",
"description": "Used for the background in disabled components with little to no styling"
},
"border": {
"value": "#C8D3E0",
"type": "color"
"type": "color",
"description": "Used as the border for disabled components"
},
"input": {
"background": {
"value": "#E6EDF5",
"type": "color"
"type": "color",
"description": "For use in disabled inputs as the background colour"
},
"LabelText": {
"value": "#596D84",
"type": "color"
"type": "color",
"description": "Used as the label colour for disabled inputs"
}
}
},
Expand Down Expand Up @@ -538,35 +544,42 @@
"background": {
"base": {
"value": "#FFFFFF",
"type": "color"
"type": "color",
"description": "For use as background colour in light profile components on contrasting surface backgrounds"
},
"contrast": {
"value": "#475A70",
"type": "color"
"type": "color",
"description": "For use as a contrasting background colour in light profile components, to match shade of surface background"
},
"hover": {
"value": "#F5F7FA",
"type": "color"
"type": "color",
"description": "For use as background hover colour in light profile components on contrasting surface backgrounds"
},
"active": {
"value": "#E6EDF5",
"type": "color"
"type": "color",
"description": "For use as background active colour in light profile components on contrasting surface backgrounds"
}
},
"text": {
"base": {
"value": "#2E3A47",
"type": "color"
"type": "color",
"description": "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background"
}
},
"link": {
"mutedBase": {
"value": "#F5F7FA",
"type": "color"
"type": "color",
"description": "Used as link colour for light profile components on contrasting surface backgrounds"
},
"mutedHover": {
"value": "#FFFFFF",
"type": "color"
"type": "color",
"description": "Used for link hover colour for light profile components on contrasting surface backgrounds"
}
}
}
Expand Down

0 comments on commit 962e59d

Please sign in to comment.