From 6ea5050e58da45450bdd0f9206f3fe9f0d7b9009 Mon Sep 17 00:00:00 2001 From: Ian Clarke Date: Tue, 19 Mar 2024 14:39:42 +0000 Subject: [PATCH] perf(pencil): Fixing Native typography token types * Typescript native hell * Transformed tokens * Built and updated design tokens * I think it le working? * Transformed tokens * Built and updated design tokens * Rebuild all files * Transformed tokens * Built and updated design tokens * Files compiled! * Possibly fully working? * Transformed tokens * Built and updated design tokens * Files compiled! * Aodijaspoidjapsoijda * Transformed tokens * Built and updated design tokens * Files compiled! * Proper properly catching * Transformed tokens * Reverting PX stripping * Built and updated design tokens * Files compiled! * String tweaks * Transformed tokens * Built and updated design tokens * Files compiled! * Formatting weights * Transformed tokens * Built and updated design tokens * Files compiled! * Oh god please make the formatting work * Transformed tokens * Built and updated design tokens * Files compiled! * Cleanup * Transformed tokens * Built and updated design tokens * Files compiled! * Package json version bump --------- Co-authored-by: Ian Clarke Co-authored-by: iryanclarke --- dist/documentation/core-dark-colors.d.ts | 2 +- dist/documentation/core-dark-colors.js | 2 +- dist/documentation/core-light-colors.d.ts | 2 +- dist/documentation/core-light-colors.js | 2 +- dist/documentation/themes/dark.d.ts | 2 +- dist/documentation/themes/dark.js | 2 +- dist/documentation/themes/emerson.d.ts | 2 +- dist/documentation/themes/emerson.js | 2 +- dist/documentation/themes/light.d.ts | 2 +- dist/documentation/themes/light.js | 2 +- dist/documentation/themes/lightDS3.d.ts | 2 +- dist/documentation/themes/lightDS3.js | 2 +- dist/tokens/native/borders.d.ts | 2 +- dist/tokens/native/borders.js | 2 +- dist/tokens/native/core-dark-colors.d.ts | 2 +- dist/tokens/native/core-dark-colors.js | 2 +- dist/tokens/native/core-light-colors.d.ts | 2 +- dist/tokens/native/core-light-colors.js | 2 +- dist/tokens/native/themes/dark.d.ts | 4 +-- dist/tokens/native/themes/dark.js | 4 +-- dist/tokens/native/themes/emerson.d.ts | 4 +-- dist/tokens/native/themes/emerson.js | 4 +-- dist/tokens/native/themes/light.d.ts | 4 +-- dist/tokens/native/themes/light.js | 4 +-- dist/tokens/native/themes/lightDS3.d.ts | 4 +-- dist/tokens/native/themes/lightDS3.js | 4 +-- dist/tokens/native/typography.d.ts | 2 +- dist/tokens/native/typography.js | 2 +- dist/tokens/scss/borders.scss | 2 +- dist/tokens/scss/core-dark-colors.scss | 2 +- dist/tokens/scss/core-light-colors.scss | 2 +- dist/tokens/scss/themes/dark.scss | 2 +- dist/tokens/scss/themes/emerson.scss | 2 +- dist/tokens/scss/themes/light.scss | 2 +- dist/tokens/scss/themes/lightDS3.scss | 2 +- dist/tokens/scss/typography.scss | 2 +- dist/tokens/ts/borders.d.ts | 2 +- dist/tokens/ts/borders.js | 2 +- dist/tokens/ts/core-dark-colors.d.ts | 2 +- dist/tokens/ts/core-dark-colors.js | 2 +- dist/tokens/ts/core-light-colors.d.ts | 2 +- dist/tokens/ts/core-light-colors.js | 2 +- dist/tokens/ts/dimensions.d.ts | 2 +- dist/tokens/ts/dimensions.js | 2 +- dist/tokens/ts/themes/dark.d.ts | 2 +- dist/tokens/ts/themes/dark.js | 2 +- dist/tokens/ts/themes/emerson.d.ts | 2 +- dist/tokens/ts/themes/emerson.js | 2 +- dist/tokens/ts/themes/light.d.ts | 2 +- dist/tokens/ts/themes/light.js | 2 +- dist/tokens/ts/themes/lightDS3.d.ts | 2 +- dist/tokens/ts/themes/lightDS3.js | 2 +- dist/tokens/ts/typography.d.ts | 2 +- dist/tokens/ts/typography.js | 2 +- package.json | 2 +- .../style-dictionary/formats/tokens.js | 34 +++++++++++++------ .../transforms/transform-groups.js | 1 + .../style-dictionary/transforms/transforms.js | 21 ++++++++++++ 58 files changed, 109 insertions(+), 73 deletions(-) diff --git a/dist/documentation/core-dark-colors.d.ts b/dist/documentation/core-dark-colors.d.ts index 29032e25..dd1ba42d 100644 --- a/dist/documentation/core-dark-colors.d.ts +++ b/dist/documentation/core-dark-colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const green : {100:{ diff --git a/dist/documentation/core-dark-colors.js b/dist/documentation/core-dark-colors.js index 36f34cd1..7eb49cde 100644 --- a/dist/documentation/core-dark-colors.js +++ b/dist/documentation/core-dark-colors.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {green : {100:{ diff --git a/dist/documentation/core-light-colors.d.ts b/dist/documentation/core-light-colors.d.ts index 004897e2..954af764 100644 --- a/dist/documentation/core-light-colors.d.ts +++ b/dist/documentation/core-light-colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const green : {100:{ diff --git a/dist/documentation/core-light-colors.js b/dist/documentation/core-light-colors.js index 6a477f85..eb53cc55 100644 --- a/dist/documentation/core-light-colors.js +++ b/dist/documentation/core-light-colors.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {green : {100:{ diff --git a/dist/documentation/themes/dark.d.ts b/dist/documentation/themes/dark.d.ts index e447dd2e..0a83ef5b 100644 --- a/dist/documentation/themes/dark.d.ts +++ b/dist/documentation/themes/dark.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const text : {emphasis:{ diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js index 673b5f8d..05b0cd3f 100644 --- a/dist/documentation/themes/dark.js +++ b/dist/documentation/themes/dark.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {text : {emphasis:{ diff --git a/dist/documentation/themes/emerson.d.ts b/dist/documentation/themes/emerson.d.ts index a216f01a..303ca6dd 100644 --- a/dist/documentation/themes/emerson.d.ts +++ b/dist/documentation/themes/emerson.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const text : {emphasis:{ diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js index 8540a8fc..c0fea1ea 100644 --- a/dist/documentation/themes/emerson.js +++ b/dist/documentation/themes/emerson.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {text : {emphasis:{ diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts index 809fb36c..38671ff8 100644 --- a/dist/documentation/themes/light.d.ts +++ b/dist/documentation/themes/light.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const text : {emphasis:{ diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js index 1e2509c9..c435bb5e 100644 --- a/dist/documentation/themes/light.js +++ b/dist/documentation/themes/light.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {text : {emphasis:{ diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts index a216f01a..303ca6dd 100644 --- a/dist/documentation/themes/lightDS3.d.ts +++ b/dist/documentation/themes/lightDS3.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const text : {emphasis:{ diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js index af81ab18..6707c401 100644 --- a/dist/documentation/themes/lightDS3.js +++ b/dist/documentation/themes/lightDS3.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {text : {emphasis:{ diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts index 97dafc78..10c3d4da 100644 --- a/dist/tokens/native/borders.d.ts +++ b/dist/tokens/native/borders.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const radiusBase : number; diff --git a/dist/tokens/native/borders.js b/dist/tokens/native/borders.js index 5912c5ff..a33249df 100644 --- a/dist/tokens/native/borders.js +++ b/dist/tokens/native/borders.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = { diff --git a/dist/tokens/native/core-dark-colors.d.ts b/dist/tokens/native/core-dark-colors.d.ts index 13438a0d..e1f8c188 100644 --- a/dist/tokens/native/core-dark-colors.d.ts +++ b/dist/tokens/native/core-dark-colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; diff --git a/dist/tokens/native/core-dark-colors.js b/dist/tokens/native/core-dark-colors.js index 03dd0573..69762433 100644 --- a/dist/tokens/native/core-dark-colors.js +++ b/dist/tokens/native/core-dark-colors.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {green: {100 : "#0C291E",200 : "#124935",300 : "#1F5B45",400 : "#206A4F",500 : "#288563",600 : "#42AD86",700 : "#BFE8D9",800 : "#F0FFF9"}, diff --git a/dist/tokens/native/core-light-colors.d.ts b/dist/tokens/native/core-light-colors.d.ts index 68870bb2..cb64c2b9 100644 --- a/dist/tokens/native/core-light-colors.d.ts +++ b/dist/tokens/native/core-light-colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; diff --git a/dist/tokens/native/core-light-colors.js b/dist/tokens/native/core-light-colors.js index d2ea32d9..f2ac7431 100644 --- a/dist/tokens/native/core-light-colors.js +++ b/dist/tokens/native/core-light-colors.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {green: {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, diff --git a/dist/tokens/native/themes/dark.d.ts b/dist/tokens/native/themes/dark.d.ts index 440383c8..020f6103 100644 --- a/dist/tokens/native/themes/dark.d.ts +++ b/dist/tokens/native/themes/dark.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const theme: string; @@ -23,4 +23,4 @@ export const inverted: {backgroundBase : string,backgroundHover : string,backgro export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; export const opacity: {overlayBackdrop : number}; -export const aviaryTypography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file +export const aviaryTypography: { h1: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/native/themes/dark.js b/dist/tokens/native/themes/dark.js index 52032a62..be814c39 100644 --- a/dist/tokens/native/themes/dark.js +++ b/dist/tokens/native/themes/dark.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {theme: "dark", @@ -23,4 +23,4 @@ inverted: {backgroundBase : "#E8E9EA",backgroundHover : "#BCBDBF",backgroundActi accent: { forest: { textBody: "#BFE8D9", textEmphasis: "#F0FFF9", backgroundMuted0: "#124935", backgroundMuted1: "#1F5B45", backgroundMuted2: "#206A4F" }, sand: { textBody: "#EFE5D1", textEmphasis: "#F6F1E5", backgroundMuted0: "#493612", backgroundMuted1: "#5E4317", backgroundMuted2: "#6B5024" } }, boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"}, opacity: {overlayBackdrop : 0.8}, -aviaryTypography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "50px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "32px" ,lineHeight: "44px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "24px" ,lineHeight: "34px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "26px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "22px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "22px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "44px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "28px" ,lineHeight: "44px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "22px" ,lineHeight: "34px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "26px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "22px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "22px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file +aviaryTypography: { h1: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 40 ,lineHeight: 50 ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Besley" ,fontWeight: "500" ,fontSize: 32 ,lineHeight: 44 ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Besley" ,fontWeight: "500" ,fontSize: 24 ,lineHeight: 34 ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: "600" ,fontSize: 20 ,lineHeight: 26 ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 16 ,lineHeight: 22 ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: "400" ,fontSize: 16 ,lineHeight: 22 ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 14 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 12 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 10 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 32 ,lineHeight: 44 ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: "500" ,fontSize: 28 ,lineHeight: 44 ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: "500" ,fontSize: 22 ,lineHeight: 34 ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: "600" ,fontSize: 20 ,lineHeight: 26 ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 16 ,lineHeight: 22 ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: "400" ,fontSize: 16 ,lineHeight: 22 ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 14 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 12 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 10 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/native/themes/emerson.d.ts b/dist/tokens/native/themes/emerson.d.ts index db244b66..d98d937e 100644 --- a/dist/tokens/native/themes/emerson.d.ts +++ b/dist/tokens/native/themes/emerson.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const theme: string; @@ -23,4 +23,4 @@ export const inverted: {backgroundBase : string,backgroundHover : string,backgro export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; export const opacity: {overlayBackdrop : number}; -export const aviaryTypography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file +export const aviaryTypography: { h1: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/native/themes/emerson.js b/dist/tokens/native/themes/emerson.js index 8d1c858c..6d02cd8c 100644 --- a/dist/tokens/native/themes/emerson.js +++ b/dist/tokens/native/themes/emerson.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {theme: "emerson", @@ -23,4 +23,4 @@ inverted: {backgroundBase : "#2E3A47",backgroundHover : "#36485C",backgroundActi accent: { forest: { textBody: "#275E43", textEmphasis: "#244C38", backgroundMuted0: "#EBF2EF", backgroundMuted1: "#D1E0D9", backgroundMuted2: "#B6CFC2" }, sand: { textBody: "#5E4D27", textEmphasis: "#3E3114", backgroundMuted0: "#F6F1E5", backgroundMuted1: "#E4D9C2", backgroundMuted2: "#DACCAA" } }, boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"}, opacity: {overlayBackdrop : 0.2}, -aviaryTypography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "50px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "32px" ,lineHeight: "44px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "24px" ,lineHeight: "34px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "26px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "22px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "22px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "44px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "28px" ,lineHeight: "44px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "22px" ,lineHeight: "34px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "26px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "22px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "22px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file +aviaryTypography: { h1: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 40 ,lineHeight: 50 ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Mulish" ,fontWeight: "600" ,fontSize: 32 ,lineHeight: 44 ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Mulish" ,fontWeight: "600" ,fontSize: 24 ,lineHeight: 34 ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: "600" ,fontSize: 20 ,lineHeight: 26 ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 16 ,lineHeight: 22 ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: "400" ,fontSize: 16 ,lineHeight: 22 ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 14 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 12 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 10 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 32 ,lineHeight: 44 ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Mulish" ,fontWeight: "600" ,fontSize: 28 ,lineHeight: 44 ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Mulish" ,fontWeight: "600" ,fontSize: 22 ,lineHeight: 34 ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: "600" ,fontSize: 20 ,lineHeight: 26 ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 16 ,lineHeight: 22 ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: "400" ,fontSize: 16 ,lineHeight: 22 ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 14 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 12 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 10 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/native/themes/light.d.ts b/dist/tokens/native/themes/light.d.ts index db244b66..d98d937e 100644 --- a/dist/tokens/native/themes/light.d.ts +++ b/dist/tokens/native/themes/light.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const theme: string; @@ -23,4 +23,4 @@ export const inverted: {backgroundBase : string,backgroundHover : string,backgro export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; export const opacity: {overlayBackdrop : number}; -export const aviaryTypography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file +export const aviaryTypography: { h1: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/native/themes/light.js b/dist/tokens/native/themes/light.js index d1bf8b1c..36052a48 100644 --- a/dist/tokens/native/themes/light.js +++ b/dist/tokens/native/themes/light.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {theme: "light", @@ -23,4 +23,4 @@ inverted: {backgroundBase : "#2E3A47",backgroundHover : "#36485C",backgroundActi accent: { forest: { textBody: "#275E43", textEmphasis: "#244C38", backgroundMuted0: "#EBF2EF", backgroundMuted1: "#D1E0D9", backgroundMuted2: "#B6CFC2" }, sand: { textBody: "#5E4D27", textEmphasis: "#3E3114", backgroundMuted0: "#F6F1E5", backgroundMuted1: "#E4D9C2", backgroundMuted2: "#DACCAA" } }, boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"}, opacity: {overlayBackdrop : 0.2}, -aviaryTypography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "50px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "32px" ,lineHeight: "44px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "24px" ,lineHeight: "34px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "26px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "22px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "22px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "44px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "28px" ,lineHeight: "44px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "22px" ,lineHeight: "34px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "26px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "22px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "22px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file +aviaryTypography: { h1: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 40 ,lineHeight: 50 ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Besley" ,fontWeight: "500" ,fontSize: 32 ,lineHeight: 44 ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Besley" ,fontWeight: "500" ,fontSize: 24 ,lineHeight: 34 ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: "600" ,fontSize: 20 ,lineHeight: 26 ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 16 ,lineHeight: 22 ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: "400" ,fontSize: 16 ,lineHeight: 22 ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 14 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 12 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 10 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 32 ,lineHeight: 44 ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: "500" ,fontSize: 28 ,lineHeight: 44 ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: "500" ,fontSize: 22 ,lineHeight: 34 ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: "600" ,fontSize: 20 ,lineHeight: 26 ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 16 ,lineHeight: 22 ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: "400" ,fontSize: 16 ,lineHeight: 22 ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 14 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 12 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 10 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/native/themes/lightDS3.d.ts b/dist/tokens/native/themes/lightDS3.d.ts index db244b66..d98d937e 100644 --- a/dist/tokens/native/themes/lightDS3.d.ts +++ b/dist/tokens/native/themes/lightDS3.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const theme: string; @@ -23,4 +23,4 @@ export const inverted: {backgroundBase : string,backgroundHover : string,backgro export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; export const opacity: {overlayBackdrop : number}; -export const aviaryTypography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file +export const aviaryTypography: { h1: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: string ,fontSize: number ,lineHeight: number ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/native/themes/lightDS3.js b/dist/tokens/native/themes/lightDS3.js index 097a55cf..e9f4f057 100644 --- a/dist/tokens/native/themes/lightDS3.js +++ b/dist/tokens/native/themes/lightDS3.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {theme: "lightDS3", @@ -23,4 +23,4 @@ inverted: {backgroundBase : "#2E3A47",backgroundHover : "#36485C",backgroundActi accent: { forest: { textBody: "#275E43", textEmphasis: "#244C38", backgroundMuted0: "#EBF2EF", backgroundMuted1: "#D1E0D9", backgroundMuted2: "#B6CFC2" }, sand: { textBody: "#5E4D27", textEmphasis: "#3E3114", backgroundMuted0: "#F6F1E5", backgroundMuted1: "#E4D9C2", backgroundMuted2: "#DACCAA" } }, boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"}, opacity: {overlayBackdrop : 0.2}, -aviaryTypography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "50px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "44px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "24px" ,lineHeight: "34px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "20px" ,lineHeight: "26px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "22px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "22px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "44px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "28px" ,lineHeight: "44px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "22px" ,lineHeight: "34px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "20px" ,lineHeight: "26px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "22px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "22px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "18px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file +aviaryTypography: { h1: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 40 ,lineHeight: 50 ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 32 ,lineHeight: 44 ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 24 ,lineHeight: 34 ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 20 ,lineHeight: 26 ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 16 ,lineHeight: 22 ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: "400" ,fontSize: 16 ,lineHeight: 22 ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 14 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 12 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 10 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 32 ,lineHeight: 44 ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 28 ,lineHeight: 44 ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 22 ,lineHeight: 34 ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 20 ,lineHeight: 26 ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: "700" ,fontSize: 16 ,lineHeight: 22 ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: "400" ,fontSize: 16 ,lineHeight: 22 ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 14 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 12 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: "500" ,fontSize: 10 ,lineHeight: 18 ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/native/typography.d.ts b/dist/tokens/native/typography.d.ts index c91fe7b2..ebcfe103 100644 --- a/dist/tokens/native/typography.d.ts +++ b/dist/tokens/native/typography.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const letterSpacingBase : number; diff --git a/dist/tokens/native/typography.js b/dist/tokens/native/typography.js index 4fb33f5b..d34dbdbd 100644 --- a/dist/tokens/native/typography.js +++ b/dist/tokens/native/typography.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = { diff --git a/dist/tokens/scss/borders.scss b/dist/tokens/scss/borders.scss index b415280e..fe00a7f5 100644 --- a/dist/tokens/scss/borders.scss +++ b/dist/tokens/scss/borders.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Wed, 21 Feb 2024 15:30:25 GMT +// Generated on Tue, 19 Mar 2024 13:54:31 GMT $radiusBase: 8px; $radiusCircle: 50%; diff --git a/dist/tokens/scss/core-dark-colors.scss b/dist/tokens/scss/core-dark-colors.scss index 78b46a46..e3a0b01a 100644 --- a/dist/tokens/scss/core-dark-colors.scss +++ b/dist/tokens/scss/core-dark-colors.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Wed, 21 Feb 2024 15:30:25 GMT +// Generated on Tue, 19 Mar 2024 13:54:31 GMT $green100: #0C291E; $green200: #124935; diff --git a/dist/tokens/scss/core-light-colors.scss b/dist/tokens/scss/core-light-colors.scss index a125ac36..f61f8f61 100644 --- a/dist/tokens/scss/core-light-colors.scss +++ b/dist/tokens/scss/core-light-colors.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Wed, 21 Feb 2024 15:30:25 GMT +// Generated on Tue, 19 Mar 2024 13:54:31 GMT $green100: #FAFFFC; $green200: #EBF2EF; diff --git a/dist/tokens/scss/themes/dark.scss b/dist/tokens/scss/themes/dark.scss index fb4db98c..3dad5708 100644 --- a/dist/tokens/scss/themes/dark.scss +++ b/dist/tokens/scss/themes/dark.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Wed, 21 Feb 2024 15:30:26 GMT +// Generated on Tue, 19 Mar 2024 13:54:31 GMT $textEmphasis: #FFFFFF; $textBody: #E8E9EA; diff --git a/dist/tokens/scss/themes/emerson.scss b/dist/tokens/scss/themes/emerson.scss index d55f146c..2019c729 100644 --- a/dist/tokens/scss/themes/emerson.scss +++ b/dist/tokens/scss/themes/emerson.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Wed, 21 Feb 2024 15:30:26 GMT +// Generated on Tue, 19 Mar 2024 13:54:31 GMT $textEmphasis: #36485C; $textBody: #475A70; diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss index e5b96a0c..d2a619bf 100644 --- a/dist/tokens/scss/themes/light.scss +++ b/dist/tokens/scss/themes/light.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Wed, 21 Feb 2024 15:30:26 GMT +// Generated on Tue, 19 Mar 2024 13:54:31 GMT $textEmphasis: #2E3A47; $textBody: #36485C; diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss index 831ce205..670a4c87 100644 --- a/dist/tokens/scss/themes/lightDS3.scss +++ b/dist/tokens/scss/themes/lightDS3.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Wed, 21 Feb 2024 15:30:26 GMT +// Generated on Tue, 19 Mar 2024 13:54:31 GMT $textEmphasis: #36485C; $textBody: #475A70; diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss index 4a04e85b..8536f1ff 100644 --- a/dist/tokens/scss/typography.scss +++ b/dist/tokens/scss/typography.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Wed, 21 Feb 2024 15:30:25 GMT +// Generated on Tue, 19 Mar 2024 13:54:31 GMT $letterSpacingBase: 0; $paragraphSpacingBase: 0; diff --git a/dist/tokens/ts/borders.d.ts b/dist/tokens/ts/borders.d.ts index 3b258165..8b6af48c 100644 --- a/dist/tokens/ts/borders.d.ts +++ b/dist/tokens/ts/borders.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const radiusBase : string; diff --git a/dist/tokens/ts/borders.js b/dist/tokens/ts/borders.js index 59ce3cef..3a167be3 100644 --- a/dist/tokens/ts/borders.js +++ b/dist/tokens/ts/borders.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = { diff --git a/dist/tokens/ts/core-dark-colors.d.ts b/dist/tokens/ts/core-dark-colors.d.ts index 13438a0d..e1f8c188 100644 --- a/dist/tokens/ts/core-dark-colors.d.ts +++ b/dist/tokens/ts/core-dark-colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; diff --git a/dist/tokens/ts/core-dark-colors.js b/dist/tokens/ts/core-dark-colors.js index 03dd0573..69762433 100644 --- a/dist/tokens/ts/core-dark-colors.js +++ b/dist/tokens/ts/core-dark-colors.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {green: {100 : "#0C291E",200 : "#124935",300 : "#1F5B45",400 : "#206A4F",500 : "#288563",600 : "#42AD86",700 : "#BFE8D9",800 : "#F0FFF9"}, diff --git a/dist/tokens/ts/core-light-colors.d.ts b/dist/tokens/ts/core-light-colors.d.ts index 68870bb2..cb64c2b9 100644 --- a/dist/tokens/ts/core-light-colors.d.ts +++ b/dist/tokens/ts/core-light-colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; diff --git a/dist/tokens/ts/core-light-colors.js b/dist/tokens/ts/core-light-colors.js index d2ea32d9..f2ac7431 100644 --- a/dist/tokens/ts/core-light-colors.js +++ b/dist/tokens/ts/core-light-colors.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {green: {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, diff --git a/dist/tokens/ts/dimensions.d.ts b/dist/tokens/ts/dimensions.d.ts index b066cdee..c8fde367 100644 --- a/dist/tokens/ts/dimensions.d.ts +++ b/dist/tokens/ts/dimensions.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const contentAreaMax : string; \ No newline at end of file diff --git a/dist/tokens/ts/dimensions.js b/dist/tokens/ts/dimensions.js index 77b96355..931649fa 100644 --- a/dist/tokens/ts/dimensions.js +++ b/dist/tokens/ts/dimensions.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = { diff --git a/dist/tokens/ts/themes/dark.d.ts b/dist/tokens/ts/themes/dark.d.ts index 440383c8..77b43ec7 100644 --- a/dist/tokens/ts/themes/dark.d.ts +++ b/dist/tokens/ts/themes/dark.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const theme: string; diff --git a/dist/tokens/ts/themes/dark.js b/dist/tokens/ts/themes/dark.js index 52032a62..e313a5f6 100644 --- a/dist/tokens/ts/themes/dark.js +++ b/dist/tokens/ts/themes/dark.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {theme: "dark", diff --git a/dist/tokens/ts/themes/emerson.d.ts b/dist/tokens/ts/themes/emerson.d.ts index db244b66..ce6759f6 100644 --- a/dist/tokens/ts/themes/emerson.d.ts +++ b/dist/tokens/ts/themes/emerson.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const theme: string; diff --git a/dist/tokens/ts/themes/emerson.js b/dist/tokens/ts/themes/emerson.js index 8d1c858c..b061454f 100644 --- a/dist/tokens/ts/themes/emerson.js +++ b/dist/tokens/ts/themes/emerson.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {theme: "emerson", diff --git a/dist/tokens/ts/themes/light.d.ts b/dist/tokens/ts/themes/light.d.ts index db244b66..ce6759f6 100644 --- a/dist/tokens/ts/themes/light.d.ts +++ b/dist/tokens/ts/themes/light.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const theme: string; diff --git a/dist/tokens/ts/themes/light.js b/dist/tokens/ts/themes/light.js index d1bf8b1c..d38042f4 100644 --- a/dist/tokens/ts/themes/light.js +++ b/dist/tokens/ts/themes/light.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {theme: "light", diff --git a/dist/tokens/ts/themes/lightDS3.d.ts b/dist/tokens/ts/themes/lightDS3.d.ts index db244b66..ce6759f6 100644 --- a/dist/tokens/ts/themes/lightDS3.d.ts +++ b/dist/tokens/ts/themes/lightDS3.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const theme: string; diff --git a/dist/tokens/ts/themes/lightDS3.js b/dist/tokens/ts/themes/lightDS3.js index 097a55cf..be621545 100644 --- a/dist/tokens/ts/themes/lightDS3.js +++ b/dist/tokens/ts/themes/lightDS3.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:26 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = {theme: "lightDS3", diff --git a/dist/tokens/ts/typography.d.ts b/dist/tokens/ts/typography.d.ts index 47e9801b..8c8d8571 100644 --- a/dist/tokens/ts/typography.d.ts +++ b/dist/tokens/ts/typography.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ export const letterSpacingBase : number; diff --git a/dist/tokens/ts/typography.js b/dist/tokens/ts/typography.js index b32a9ea8..c2e3ac8d 100644 --- a/dist/tokens/ts/typography.js +++ b/dist/tokens/ts/typography.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 21 Feb 2024 15:30:25 GMT + * Generated on Tue, 19 Mar 2024 13:54:31 GMT */ module.exports = { diff --git a/package.json b/package.json index 1bcc8c49..46c43a7f 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "aviary-tokens", "license": "MIT", - "version": "0.34.2", + "version": "1.1.2", "description": "Design tokens for the Fullscript Aviary design system", "types": "./dist/index.d.ts", "main": "./dist/index.js", diff --git a/src/helpers/style-dictionary/formats/tokens.js b/src/helpers/style-dictionary/formats/tokens.js index 3665af39..a0457a05 100644 --- a/src/helpers/style-dictionary/formats/tokens.js +++ b/src/helpers/style-dictionary/formats/tokens.js @@ -72,8 +72,8 @@ const renderOutput = (isJS, tokenFamily, tokensArray, customValueOrType) => { }; const renderTypographyOutput = (isJS, tokensArray, customValueOrType) => { - const renderValueOrType = (token, isFontWeight) => - customValueOrType(token, isJS, isFontWeight); + const renderValueOrType = (token, propertyName) => + customValueOrType(token, isJS, propertyName); /* Output the typography sub values * @@ -89,7 +89,7 @@ const renderTypographyOutput = (isJS, tokensArray, customValueOrType) => { return `${propertyName}: ${renderValueOrType( propertyValue, - propertyName === `fontWeight` + propertyName )} `; }); }; @@ -269,7 +269,7 @@ const customOpacityObjectFormatter = (dictionary, theme, isJS) => { * * @excludes "core" type token files */ -const customTypographyObjectFormatter = (dictionary, theme, isJS) => { +const customTypographyObjectFormatter = (dictionary, theme, isJS, isNative) => { // no typography tokens for core, returns empty object otherwise if (theme?.destination.includes("core" || "primitives")) return ""; @@ -277,8 +277,19 @@ const customTypographyObjectFormatter = (dictionary, theme, isJS) => { (token) => token.attributes.category === "typography" ); - const valueOrType = (token, isJS, isFontWeight) => { - if (isFontWeight) { + const valueOrType = (token, isJS, propertyName) => { + if (isNative) { + if ( + propertyName === "fontWeight" || + propertyName === "textCase" || + propertyName === "textDecoration" || + propertyName === "fontFamily" + ) { + return isJS ? `"${token}"` : `string`; + } + return isJS ? `${token}` : `number`; + } + if (propertyName === "fontWeight") { return isJS ? `${token}` : `number`; } return isJS ? `"${token}"` : `string`; @@ -289,7 +300,8 @@ const customTypographyObjectFormatter = (dictionary, theme, isJS) => { StyleDictionary.registerFormat({ name: "custom/format/typescript-color-declarations", - formatter: ({ dictionary, file }) => { + formatter: ({ dictionary, file, platform }) => { + const isNative = platform.transformGroup.includes("native"); return ( fileHeader({ file }) + addThemePrefix(file, false) + @@ -297,14 +309,16 @@ StyleDictionary.registerFormat({ customAccentColorObjectFormatter(dictionary, false) + customBoxShadowObjectFormatter(dictionary, file, false) + customOpacityObjectFormatter(dictionary, file, false) + - customTypographyObjectFormatter(dictionary, file, false) + customTypographyObjectFormatter(dictionary, file, false, isNative) ); }, }); StyleDictionary.registerFormat({ name: "custom/format/javascript-colors", - formatter: ({ dictionary, file }) => { + formatter: ({ dictionary, file, platform }) => { + const isNative = platform.transformGroup.includes("native"); + return ( fileHeader({ file }) + `module.exports = {` + @@ -313,7 +327,7 @@ StyleDictionary.registerFormat({ customAccentColorObjectFormatter(dictionary, true) + customBoxShadowObjectFormatter(dictionary, file, true) + customOpacityObjectFormatter(dictionary, file, true) + - customTypographyObjectFormatter(dictionary, file, true) + + customTypographyObjectFormatter(dictionary, file, true, isNative) + `};` ); }, diff --git a/src/helpers/style-dictionary/transforms/transform-groups.js b/src/helpers/style-dictionary/transforms/transform-groups.js index 0daa3664..e4aae8ed 100644 --- a/src/helpers/style-dictionary/transforms/transform-groups.js +++ b/src/helpers/style-dictionary/transforms/transform-groups.js @@ -39,6 +39,7 @@ StyleDictionary.registerTransformGroup({ "custom/name/remove-desktop-prefix", "custom/value/rm-px", "custom/value/font-weight-to-string", + "custom/value/native-typography-transforms", "custom/name/remove-color-prefix", ], }); diff --git a/src/helpers/style-dictionary/transforms/transforms.js b/src/helpers/style-dictionary/transforms/transforms.js index 31a3fe3e..805b7303 100644 --- a/src/helpers/style-dictionary/transforms/transforms.js +++ b/src/helpers/style-dictionary/transforms/transforms.js @@ -58,3 +58,24 @@ StyleDictionary.registerTransform({ return token.value.toString(); }, }); + +/* Converts typography attributes to + * proper types to be used in react native + * + * fontWeight: number => string + * fontSize: string => number + */ +StyleDictionary.registerTransform({ + name: "custom/value/native-typography-transforms", + type: "value", + matcher: (token) => { + return token.type === "typography"; + }, + transformer: function (token) { + return { + ...token.value, + fontSize: `${parseFloat(token.value.fontSize)}`, + lineHeight: `${parseFloat(token.value.lineHeight)}`, + }; + }, +});