diff --git a/build/tokens/rollingstone-2022.custom-properties.css b/build/tokens/rollingstone-2022.custom-properties.css index ecaff960e..359b73b09 100644 --- a/build/tokens/rollingstone-2022.custom-properties.css +++ b/build/tokens/rollingstone-2022.custom-properties.css @@ -1 +1 @@ -:root{--border-color-grey-lightest: rgb(239, 239, 239);--border-color-brand-secondary-light: rgb(165, 133, 83);--border-color-grey-light: rgb(153, 153, 153);--border-color-grey-dark: rgb(102, 102, 102);--border-color-brand-secondary-dark: rgb(122, 89, 45);--border-color-brand-secondary: rgb(0, 0, 0);--border-color-grey: rgb(118, 118, 118);--border-color-brand-primary-light: rgb(230, 0, 25);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(230, 0, 25);--border-color-brand-primary: rgb(230, 0, 25);--background-color-grey-light: rgb(153, 153, 153);--background-color-grey-lightest: rgb(239, 239, 239);--background-color-brand-secondary-dark: rgb(122, 89, 45);--background-color-brand-secondary-light: rgb(165, 133, 83);--background-color-grey-dark: rgb(102, 102, 102);--background-color-grey: rgb(118, 118, 118);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(122, 89, 45);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(230, 0, 25);--background-color-brand-primary-dark: rgb(230, 0, 25);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(230, 0, 25);--background-color-grey-darkest: rgb(64, 64, 64);--color-brand-secondary: rgb(122, 89, 45);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(230, 0, 25);--color-brand-primary-dark: rgb(230, 0, 25);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(230, 0, 25);--color-grey-light: rgb(153, 153, 153);--color-brand-secondary-dark: rgb(122, 89, 45);--color-brand-secondary-light: rgb(165, 133, 83);--color-grey-dark: rgb(102, 102, 102);--color-grey: rgb(118, 118, 118);--font-family-primary-fancy: "Feature Flat Deck", serif;--font-family-primary: serif;--font-family-secondary-fancy: "Feature Flat Deck", serif;--font-family-secondary: serif;--font-family-body: "Feature Flat Text", Helvetica, sans-serif;--font-family-basic: sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--body-l-font-size-mobile: 20px;--primary-xl-font-size-desktop: 32px;--body-xxxl-font-size-desktop: initial;--body-xl-font-size-desktop: initial;--primary-xxl-font-size-mobile: 30px;--primary-l-font-size-mobile: 24px;--body-xxl-font-size-mobile: 24px;--basic-s-font-size-desktop-xl: initial;--secondary-m-font-size-desktop-xl: 14px;--basic-xxs-font-size-desktop-xl: initial;--basic-xs-font-size-mobile: 14px;--secondary-l-font-size-desktop-xl: 30px;--secondary-xxl-font-size-desktop-xl: initial;--body-s-font-size-desktop: 16px;--body-xxs-font-size-desktop: initial;--primary-s-font-size-desktop: 20px;--primary-xxs-font-size-desktop: 16px;--secondary-regular-m-font-size-desktop-xl: 15px;--secondary-xl-font-size-desktop-xl: initial;--accent-s-font-size-desktop-xl: 23px;--accent-xxs-font-size-desktop-xl: 18px;--accent-l-font-size-desktop: 58px;--accent-m-font-size-desktop: 26px;--primary-xxxs-font-size-desktop: 20px;--primary-xs-font-size-desktop: 18px;--body-xxxs-font-size-desktop: initial;--body-xs-font-size-desktop: initial;--secondary-s-font-size-mobile: 24px;--secondary-xxs-font-size-mobile: 22px;--basic-m-font-size-desktop-xl: initial;--secondary-xs-font-size-mobile: 20px;--accent-regular-xxs-font-size-desktop-xl: 18px;--basic-xxl-font-size-desktop-xl: initial;--basic-l-font-size-desktop-xl: initial;--basic-l-font-size-desktop: 18px;--basic-xxl-font-size-desktop: 24px;--accent-regular-xxs-font-size-desktop: 18px;--basic-xl-font-size-mobile: 18px;--basic-m-font-size-desktop: 16px;--body-xs-font-size-desktop-xl: initial;--body-xxxs-font-size-desktop-xl: initial;--primary-xs-font-size-desktop-xl: 26px;--primary-xxxs-font-size-desktop-xl: 20px;--accent-m-font-size-desktop-xl: 26px;--basic-s-font-size-mobile: 15px;--secondary-m-font-size-mobile: 26px;--accent-xxs-font-size-desktop: 18px;--accent-l-font-size-desktop-xl: 58px;--basic-xxs-font-size-mobile: 11px;--accent-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop-xl: 24px;--body-xxs-font-size-desktop-xl: initial;--primary-s-font-size-desktop-xl: 36px;--body-s-font-size-desktop-xl: 16px;--secondary-xl-font-size-desktop: 34px;--secondary-regular-m-font-size-desktop: 15px;--secondary-l-font-size-mobile: 26px;--secondary-xxl-font-size-mobile: 24px;--secondary-xl-font-size-mobile: 24px;--secondary-xxl-font-size-desktop: 40px;--secondary-l-font-size-desktop: 33px;--secondary-regular-m-font-size-mobile: 15px;--accent-xxs-font-size-mobile: 14px;--secondary-m-font-size-desktop: 26px;--basic-s-font-size-desktop: 15px;--basic-xxs-font-size-desktop: 11px;--accent-s-font-size-mobile: 23px;--basic-m-font-size-mobile: 16px;--body-xl-font-size-desktop-xl: initial;--body-xxxl-font-size-desktop-xl: initial;--primary-xl-font-size-desktop-xl: 58px;--accent-regular-xxs-font-size-mobile: 14px;--primary-m-font-size-desktop-xl: 36px;--basic-xxl-font-size-mobile: 16px;--body-m-font-size-desktop-xl: 18px;--basic-l-font-size-mobile: 16px;--basic-xl-font-size-desktop: 21px;--accent-xs-font-size-desktop-xl: 23px;--secondary-xs-font-size-desktop: 20px;--primary-xxl-font-size-desktop-xl: initial;--primary-l-font-size-desktop-xl: 45px;--body-xxl-font-size-desktop-xl: initial;--body-l-font-size-desktop-xl: initial;--body-xs-font-size-mobile: 10px;--body-xxxs-font-size-mobile: 14px;--primary-xs-font-size-mobile: 22px;--primary-xxxs-font-size-mobile: 19px;--accent-m-font-size-mobile: 26px;--secondary-xxs-font-size-desktop: 18px;--secondary-s-font-size-desktop: 22px;--basic-xs-font-size-desktop-xl: initial;--accent-l-font-size-mobile: 40px;--primary-xxs-font-size-mobile: 16px;--primary-s-font-size-mobile: 20px;--body-xxs-font-size-mobile: 13px;--body-s-font-size-mobile: 14px;--basic-xs-font-size-desktop: 13px;--secondary-s-font-size-desktop-xl: 12px;--secondary-xxs-font-size-desktop-xl: initial;--body-l-font-size-desktop: initial;--body-xxl-font-size-desktop: initial;--primary-l-font-size-desktop: 26px;--primary-xxl-font-size-desktop: 36px;--secondary-xs-font-size-desktop-xl: initial;--body-xl-font-size-mobile: 22px;--body-xxxl-font-size-mobile: 26px;--primary-xl-font-size-mobile: 30px;--basic-xl-font-size-desktop-xl: initial;--accent-xs-font-size-mobile: 18px;--primary-m-font-size-mobile: 26px;--body-m-font-size-desktop: 18px;--body-m-font-size-mobile: 16px;--primary-m-font-size-desktop: 20px;--accent-xs-font-size-desktop: 23px;--secondary-xs-letter-spacing-desktop: normal;--secondary-xxs-letter-spacing-mobile: normal;--secondary-s-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop: 0px;--body-s-letter-spacing-desktop-xl: normal;--body-xxs-letter-spacing-desktop-xl: normal;--primary-s-letter-spacing-desktop-xl: normal;--primary-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop-xl: 1.66px;--basic-xxs-letter-spacing-desktop: 0.22px;--basic-s-letter-spacing-desktop: normal;--basic-xs-letter-spacing-mobile: 0.22px;--secondary-m-letter-spacing-desktop: 0px;--accent-m-letter-spacing-desktop-xl: normal;--primary-xxxs-letter-spacing-desktop-xl: normal;--primary-xs-letter-spacing-desktop-xl: normal;--body-xxxs-letter-spacing-desktop-xl: normal;--body-xs-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop: 0px;--secondary-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-desktop: 0px;--body-l-letter-spacing-mobile: 0.01px;--body-xxl-letter-spacing-mobile: normal;--primary-l-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-mobile: normal;--secondary-regular-m-letter-spacing-desktop: normal;--accent-xs-letter-spacing-mobile: 0.52px;--accent-s-letter-spacing-desktop: normal;--basic-l-letter-spacing-desktop-xl: normal;--accent-xxs-letter-spacing-desktop: .52px;--basic-xxl-letter-spacing-desktop-xl: normal;--accent-regular-xxs-letter-spacing-desktop-xl: 0.52px;--body-m-letter-spacing-mobile: normal;--primary-m-letter-spacing-mobile: normal;--primary-xl-letter-spacing-mobile: normal;--body-xxxl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop: 0.5px;--accent-regular-xxs-letter-spacing-desktop: 0.52px;--basic-xxl-letter-spacing-desktop: 0px;--accent-s-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-desktop: 0px;--accent-xxs-letter-spacing-desktop-xl: .52px;--secondary-xl-letter-spacing-desktop-xl: normal;--secondary-regular-m-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop-xl: normal;--body-s-letter-spacing-mobile: normal;--primary-s-letter-spacing-mobile: 2px;--body-xs-letter-spacing-desktop: normal;--body-xxs-letter-spacing-mobile: 0.22px;--body-xxxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-desktop: normal;--primary-xxs-letter-spacing-mobile: normal;--primary-xxxs-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop: 1.66px;--accent-l-letter-spacing-mobile: 1.14px;--secondary-m-letter-spacing-desktop-xl: normal;--basic-s-letter-spacing-desktop-xl: normal;--accent-m-letter-spacing-mobile: .74px;--primary-xxxs-letter-spacing-mobile: normal;--primary-xxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-mobile: normal;--body-xxs-letter-spacing-desktop: normal;--body-xxxs-letter-spacing-mobile: normal;--primary-s-letter-spacing-desktop: 2px;--body-s-letter-spacing-desktop: normal;--body-xs-letter-spacing-mobile: 0.5px;--basic-xl-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-mobile: 0px;--basic-xxl-letter-spacing-mobile: 0.5px;--accent-regular-xxs-letter-spacing-mobile: 0.4px;--secondary-xs-letter-spacing-desktop-xl: normal;--basic-m-letter-spacing-mobile: 0.5px;--secondary-xxs-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop: normal;--body-xxxl-letter-spacing-desktop: normal;--primary-xl-letter-spacing-desktop: normal;--accent-xs-letter-spacing-desktop: 0.66px;--accent-xxs-letter-spacing-mobile: .4px;--primary-m-letter-spacing-desktop: normal;--body-m-letter-spacing-desktop: normal;--accent-s-letter-spacing-mobile: .66px;--secondary-regular-m-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-desktop: normal;--primary-l-letter-spacing-desktop: normal;--body-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-mobile: 0px;--body-l-letter-spacing-desktop: normal;--basic-xs-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-mobile: normal;--secondary-l-letter-spacing-mobile: 0px;--secondary-m-letter-spacing-mobile: 0px;--basic-s-letter-spacing-mobile: normal;--basic-xs-letter-spacing-desktop: 0.22px;--basic-xxs-letter-spacing-mobile: 0.22px;--body-l-letter-spacing-desktop-xl: normal;--body-xxl-letter-spacing-desktop-xl: normal;--primary-l-letter-spacing-desktop-xl: normal;--primary-xxl-letter-spacing-desktop-xl: normal;--basic-xl-letter-spacing-mobile: 0px;--body-m-letter-spacing-desktop-xl: normal;--primary-m-letter-spacing-desktop-xl: normal;--accent-xs-letter-spacing-desktop-xl: 0.66px;--primary-xl-letter-spacing-desktop-xl: normal;--body-xxxl-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop: normal;--secondary-xs-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop: normal;--body-xs-font-weight-mobile: normal;--body-xxxs-font-weight-mobile: normal;--primary-xs-font-weight-mobile: bold;--primary-xxxs-font-weight-mobile: 700;--accent-m-font-weight-mobile: 300;--basic-l-font-weight-desktop: 800;--basic-xxl-font-weight-desktop: 800;--accent-regular-xxs-font-weight-desktop: 400;--basic-xs-font-weight-desktop-xl: normal;--accent-l-font-weight-mobile: 300;--primary-xxs-font-weight-mobile: bold;--primary-s-font-weight-mobile: bold;--body-xxs-font-weight-mobile: normal;--body-s-font-weight-mobile: normal;--basic-m-font-weight-desktop: 800;--accent-xxs-font-weight-desktop: 300;--accent-s-font-weight-desktop: 300;--secondary-s-font-weight-desktop-xl: 600;--secondary-xxs-font-weight-desktop-xl: normal;--secondary-xl-font-weight-desktop: normal;--secondary-regular-m-font-weight-desktop: normal;--body-xl-font-weight-mobile: normal;--secondary-xs-font-weight-desktop-xl: normal;--body-xxxl-font-weight-mobile: normal;--primary-xl-font-weight-mobile: 700;--secondary-xxl-font-weight-desktop: normal;--secondary-l-font-weight-desktop: 400;--body-m-font-weight-mobile: normal;--basic-xxs-font-weight-desktop: 800;--accent-xs-font-weight-mobile: 300;--basic-xl-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop: 400;--basic-s-font-weight-desktop: 800;--primary-m-font-weight-mobile: bold;--primary-xxl-font-weight-mobile: 700;--primary-l-font-weight-mobile: bold;--body-xxl-font-weight-mobile: normal;--body-l-font-weight-mobile: normal;--basic-xl-font-weight-desktop: 800;--basic-xxs-font-weight-desktop-xl: normal;--basic-s-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop-xl: 600;--secondary-l-font-weight-desktop-xl: 600;--secondary-xxl-font-weight-desktop-xl: normal;--basic-xs-font-weight-mobile: 800;--secondary-xs-font-weight-desktop: normal;--secondary-xxs-font-weight-desktop: normal;--secondary-s-font-weight-desktop: 400;--secondary-xl-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-desktop-xl: normal;--accent-s-font-weight-desktop-xl: 300;--accent-xxs-font-weight-desktop-xl: 300;--secondary-s-font-weight-mobile: 400;--secondary-xxs-font-weight-mobile: normal;--basic-m-font-weight-desktop-xl: normal;--accent-regular-xxs-font-weight-desktop-xl: 400;--basic-xxl-font-weight-desktop-xl: normal;--basic-l-font-weight-desktop-xl: normal;--basic-xs-font-weight-desktop: 800;--secondary-xs-font-weight-mobile: normal;--basic-xl-font-weight-mobile: 800;--body-xxl-font-weight-desktop: normal;--primary-l-font-weight-desktop: bold;--primary-xxxs-font-weight-desktop-xl: 700;--primary-xxl-font-weight-desktop: 700;--accent-m-font-weight-desktop-xl: 300;--body-xs-font-weight-desktop-xl: normal;--body-l-font-weight-desktop: normal;--body-xxxs-font-weight-desktop-xl: normal;--primary-xs-font-weight-desktop-xl: 700;--body-m-font-weight-desktop: normal;--accent-l-font-weight-desktop-xl: 300;--primary-m-font-weight-desktop: bold;--basic-xxs-font-weight-mobile: 800;--accent-xs-font-weight-desktop: 300;--basic-s-font-weight-mobile: 800;--secondary-m-font-weight-mobile: 400;--primary-xl-font-weight-desktop: 700;--body-xxxl-font-weight-desktop: normal;--body-xl-font-weight-desktop: normal;--secondary-l-font-weight-mobile: 400;--secondary-xxl-font-weight-mobile: normal;--primary-xxs-font-weight-desktop-xl: 700;--primary-s-font-weight-desktop-xl: 700;--body-xxs-font-weight-desktop-xl: normal;--body-s-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-mobile: normal;--secondary-xl-font-weight-mobile: normal;--accent-s-font-weight-mobile: 300;--accent-xxs-font-weight-mobile: 300;--basic-m-font-weight-mobile: 800;--body-s-font-weight-desktop: normal;--body-xxs-font-weight-desktop: normal;--primary-s-font-weight-desktop: bold;--primary-xxs-font-weight-desktop: bold;--body-xl-font-weight-desktop-xl: normal;--body-xxxl-font-weight-desktop-xl: normal;--primary-xl-font-weight-desktop-xl: 700;--accent-xs-font-weight-desktop-xl: 300;--accent-regular-xxs-font-weight-mobile: 400;--accent-l-font-weight-desktop: 300;--basic-xxl-font-weight-mobile: 800;--primary-m-font-weight-desktop-xl: 700;--body-m-font-weight-desktop-xl: normal;--basic-l-font-weight-mobile: 800;--accent-m-font-weight-desktop: 300;--primary-xxxs-font-weight-desktop: 700;--body-xxxs-font-weight-desktop: normal;--primary-xs-font-weight-desktop: bold;--body-xs-font-weight-desktop: normal;--primary-xxl-font-weight-desktop-xl: normal;--primary-l-font-weight-desktop-xl: 700;--body-xxl-font-weight-desktop-xl: normal;--body-l-font-weight-desktop-xl: normal;--accent-xs-line-height-desktop: 24px;--body-m-line-height-desktop: 24px;--primary-m-line-height-desktop: 24px;--basic-s-line-height-desktop-xl: initial;--secondary-m-line-height-desktop-xl: 17px;--body-xxxl-line-height-desktop: initial;--primary-xl-line-height-desktop: 34px;--body-xl-line-height-desktop: initial;--basic-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-mobile: 14px;--secondary-l-line-height-desktop-xl: 35px;--secondary-xxl-line-height-desktop-xl: initial;--secondary-regular-m-line-height-desktop-xl: 15px;--secondary-xl-line-height-desktop-xl: initial;--accent-xxs-line-height-desktop-xl: 18px;--accent-s-line-height-desktop-xl: 23px;--primary-s-line-height-desktop: 32px;--body-xxs-line-height-desktop: initial;--primary-xxs-line-height-desktop: 20px;--secondary-s-line-height-mobile: 24px;--secondary-xxs-line-height-mobile: 26px;--body-s-line-height-desktop: 22px;--accent-l-line-height-desktop: 50px;--basic-m-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop: 23px;--primary-xs-line-height-desktop: 22px;--body-xxxs-line-height-desktop: initial;--body-xs-line-height-desktop: initial;--secondary-xs-line-height-mobile: 22px;--basic-l-line-height-desktop-xl: initial;--accent-regular-xxs-line-height-desktop-xl: 26px;--basic-xxl-line-height-desktop-xl: initial;--accent-m-line-height-desktop: 26px;--basic-xl-line-height-mobile: 18px;--accent-regular-xxs-line-height-desktop: 26px;--body-xs-line-height-desktop-xl: initial;--primary-xs-line-height-desktop-xl: 29px;--body-xxxs-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop-xl: 23px;--accent-m-line-height-desktop-xl: 26px;--basic-l-line-height-desktop: 18px;--basic-xxl-line-height-desktop: 24px;--basic-m-line-height-desktop: 18px;--basic-s-line-height-mobile: 15px;--secondary-m-line-height-mobile: 30px;--basic-xxs-line-height-mobile: 13px;--accent-l-line-height-desktop-xl: 50px;--primary-xxs-line-height-desktop-xl: 27px;--primary-s-line-height-desktop-xl: 38px;--body-xxs-line-height-desktop-xl: initial;--body-s-line-height-desktop-xl: 22px;--secondary-l-line-height-mobile: 32px;--secondary-xxl-line-height-mobile: 28px;--accent-s-line-height-desktop: 23px;--accent-xxs-line-height-desktop: 18px;--secondary-xl-line-height-mobile: 28px;--secondary-xl-line-height-desktop: 39px;--secondary-regular-m-line-height-mobile: 15px;--secondary-regular-m-line-height-desktop: 15px;--accent-s-line-height-mobile: 23px;--accent-xxs-line-height-mobile: 0.4px;--secondary-xxl-line-height-desktop: 42px;--secondary-l-line-height-desktop: 37px;--secondary-m-line-height-desktop: 30px;--basic-s-line-height-desktop: 15px;--body-xl-line-height-desktop-xl: initial;--primary-xl-line-height-desktop-xl: 57px;--body-xxxl-line-height-desktop-xl: initial;--basic-xxs-line-height-desktop: 13px;--basic-m-line-height-mobile: 18px;--basic-l-line-height-mobile: 16px;--primary-m-line-height-desktop-xl: 40px;--body-m-line-height-desktop-xl: 24px;--accent-regular-xxs-line-height-mobile: 14px;--basic-xxl-line-height-mobile: 16px;--accent-xs-line-height-desktop-xl: 24px;--primary-xxl-line-height-desktop-xl: initial;--primary-l-line-height-desktop-xl: 42px;--body-xxl-line-height-desktop-xl: initial;--body-l-line-height-desktop-xl: initial;--basic-xl-line-height-desktop: 21px;--secondary-xs-line-height-desktop: 22px;--body-xs-line-height-mobile: 14px;--body-xxxs-line-height-mobile: 18px;--primary-xs-line-height-mobile: 24px;--primary-xxxs-line-height-mobile: 21px;--accent-m-line-height-mobile: 26px;--accent-l-line-height-mobile: 36px;--basic-xs-line-height-desktop-xl: initial;--secondary-xxs-line-height-desktop: 21px;--secondary-s-line-height-desktop: 26px;--primary-xxs-line-height-mobile: 20px;--primary-s-line-height-mobile: 32px;--body-xxs-line-height-mobile: 15px;--body-s-line-height-mobile: 16px;--secondary-s-line-height-desktop-xl: 17px;--secondary-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-desktop: 13px;--body-xl-line-height-mobile: 26px;--body-xxxl-line-height-mobile: 30px;--primary-xl-line-height-mobile: 32px;--secondary-xs-line-height-desktop-xl: initial;--primary-m-line-height-mobile: 29px;--body-m-line-height-mobile: 20px;--basic-xl-line-height-desktop-xl: initial;--accent-xs-line-height-mobile: 19px;--body-l-line-height-desktop: initial;--body-xxl-line-height-desktop: initial;--primary-l-line-height-desktop: 30px;--primary-xxl-line-height-desktop: 40px;--primary-xxl-line-height-mobile: 33px;--body-xxl-line-height-mobile: 28px;--primary-l-line-height-mobile: 28px;--body-l-line-height-mobile: 31px;--font-family-accent: Verdana, serif;--font-family-accent-fancy: Verdana, sans-serif;--font-family-basic-fancy: "Feature Flat Text", sans-serif;--font-family-body-fancy: "Feature Flat Text", Helvetica, sans-serif} \ No newline at end of file +:root{--border-color-grey-lightest: rgb(239, 239, 239);--border-color-brand-secondary-light: rgb(165, 133, 83);--border-color-grey-light: rgb(153, 153, 153);--border-color-grey-dark: rgb(102, 102, 102);--border-color-brand-secondary-dark: rgb(122, 89, 45);--border-color-brand-secondary: rgb(0, 0, 0);--border-color-grey: rgb(118, 118, 118);--border-color-brand-primary-light: rgb(230, 0, 25);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(230, 0, 25);--border-color-brand-primary: rgb(230, 0, 25);--background-color-grey-light: rgb(153, 153, 153);--background-color-grey-lightest: rgb(239, 239, 239);--background-color-brand-secondary-dark: rgb(122, 89, 45);--background-color-brand-secondary-light: rgb(165, 133, 83);--background-color-grey-dark: rgb(102, 102, 102);--background-color-grey: rgb(118, 118, 118);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(122, 89, 45);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(230, 0, 25);--background-color-brand-primary-dark: rgb(230, 0, 25);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(230, 0, 25);--background-color-grey-darkest: rgb(64, 64, 64);--color-brand-secondary: rgb(122, 89, 45);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(230, 0, 25);--color-brand-primary-dark: rgb(230, 0, 25);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(230, 0, 25);--color-grey-light: rgb(153, 153, 153);--color-brand-secondary-dark: rgb(122, 89, 45);--color-brand-secondary-light: rgb(165, 133, 83);--color-grey-dark: rgb(102, 102, 102);--color-grey: rgb(118, 118, 118);--font-family-primary-fancy: "Feature Flat Deck", serif;--font-family-primary: serif;--font-family-secondary-fancy: "Feature Flat Deck", serif;--font-family-secondary: serif;--font-family-body: "Feature Flat Text", Helvetica, sans-serif;--font-family-basic: sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--body-l-font-size-mobile: 20px;--primary-xl-font-size-desktop: 32px;--body-xxxl-font-size-desktop: 26px;--body-xl-font-size-desktop: 22px;--primary-xxl-font-size-mobile: 30px;--primary-l-font-size-mobile: 24px;--body-xxl-font-size-mobile: 24px;--basic-s-font-size-desktop-xl: initial;--secondary-m-font-size-desktop-xl: 14px;--basic-xxs-font-size-desktop-xl: initial;--basic-xs-font-size-mobile: 14px;--secondary-l-font-size-desktop-xl: 30px;--secondary-xxl-font-size-desktop-xl: initial;--body-s-font-size-desktop: 14px;--body-xxs-font-size-desktop: 13px;--primary-s-font-size-desktop: 20px;--primary-xxs-font-size-desktop: 16px;--secondary-regular-m-font-size-desktop-xl: 15px;--secondary-xl-font-size-desktop-xl: initial;--accent-s-font-size-desktop-xl: 23px;--accent-xxs-font-size-desktop-xl: 18px;--accent-l-font-size-desktop: 58px;--accent-m-font-size-desktop: 26px;--primary-xxxs-font-size-desktop: 20px;--primary-xs-font-size-desktop: 18px;--body-xxxs-font-size-desktop: 14px;--body-xs-font-size-desktop: 10px;--secondary-s-font-size-mobile: 24px;--secondary-xxs-font-size-mobile: 22px;--basic-m-font-size-desktop-xl: initial;--secondary-xs-font-size-mobile: 20px;--accent-regular-xxs-font-size-desktop-xl: 18px;--basic-xxl-font-size-desktop-xl: initial;--basic-l-font-size-desktop-xl: initial;--basic-l-font-size-desktop: 18px;--basic-xxl-font-size-desktop: 24px;--accent-regular-xxs-font-size-desktop: 18px;--basic-xl-font-size-mobile: 18px;--basic-m-font-size-desktop: 16px;--body-xs-font-size-desktop-xl: initial;--body-xxxs-font-size-desktop-xl: initial;--primary-xs-font-size-desktop-xl: 26px;--primary-xxxs-font-size-desktop-xl: 20px;--accent-m-font-size-desktop-xl: 26px;--basic-s-font-size-mobile: 15px;--secondary-m-font-size-mobile: 26px;--accent-xxs-font-size-desktop: 18px;--accent-l-font-size-desktop-xl: 58px;--basic-xxs-font-size-mobile: 11px;--accent-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop-xl: 24px;--body-xxs-font-size-desktop-xl: initial;--primary-s-font-size-desktop-xl: 36px;--body-s-font-size-desktop-xl: 16px;--secondary-xl-font-size-desktop: 34px;--secondary-regular-m-font-size-desktop: 15px;--secondary-l-font-size-mobile: 26px;--secondary-xxl-font-size-mobile: 24px;--secondary-xl-font-size-mobile: 24px;--secondary-xxl-font-size-desktop: 40px;--secondary-l-font-size-desktop: 33px;--secondary-regular-m-font-size-mobile: 15px;--accent-xxs-font-size-mobile: 14px;--secondary-m-font-size-desktop: 26px;--basic-s-font-size-desktop: 15px;--basic-xxs-font-size-desktop: 11px;--accent-s-font-size-mobile: 23px;--basic-m-font-size-mobile: 16px;--body-xl-font-size-desktop-xl: initial;--body-xxxl-font-size-desktop-xl: initial;--primary-xl-font-size-desktop-xl: 58px;--accent-regular-xxs-font-size-mobile: 14px;--primary-m-font-size-desktop-xl: 36px;--basic-xxl-font-size-mobile: 16px;--body-m-font-size-desktop-xl: 18px;--basic-l-font-size-mobile: 16px;--basic-xl-font-size-desktop: 21px;--accent-xs-font-size-desktop-xl: 23px;--secondary-xs-font-size-desktop: 20px;--primary-xxl-font-size-desktop-xl: initial;--primary-l-font-size-desktop-xl: 45px;--body-xxl-font-size-desktop-xl: initial;--body-l-font-size-desktop-xl: initial;--body-xs-font-size-mobile: 10px;--body-xxxs-font-size-mobile: 14px;--primary-xs-font-size-mobile: 22px;--primary-xxxs-font-size-mobile: 19px;--accent-m-font-size-mobile: 26px;--secondary-xxs-font-size-desktop: 18px;--secondary-s-font-size-desktop: 22px;--basic-xs-font-size-desktop-xl: initial;--accent-l-font-size-mobile: 40px;--primary-xxs-font-size-mobile: 16px;--primary-s-font-size-mobile: 20px;--body-xxs-font-size-mobile: 13px;--body-s-font-size-mobile: 14px;--basic-xs-font-size-desktop: 13px;--secondary-s-font-size-desktop-xl: 12px;--secondary-xxs-font-size-desktop-xl: initial;--body-l-font-size-desktop: 20px;--body-xxl-font-size-desktop: 24px;--primary-l-font-size-desktop: 26px;--primary-xxl-font-size-desktop: 36px;--secondary-xs-font-size-desktop-xl: initial;--body-xl-font-size-mobile: 22px;--body-xxxl-font-size-mobile: 26px;--primary-xl-font-size-mobile: 30px;--basic-xl-font-size-desktop-xl: initial;--accent-xs-font-size-mobile: 18px;--primary-m-font-size-mobile: 26px;--body-m-font-size-desktop: 16px;--body-m-font-size-mobile: 16px;--primary-m-font-size-desktop: 20px;--accent-xs-font-size-desktop: 23px;--secondary-xs-letter-spacing-desktop: normal;--secondary-xxs-letter-spacing-mobile: normal;--secondary-s-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop: 0px;--body-s-letter-spacing-desktop-xl: normal;--body-xxs-letter-spacing-desktop-xl: normal;--primary-s-letter-spacing-desktop-xl: normal;--primary-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop-xl: 1.66px;--basic-xxs-letter-spacing-desktop: 0.22px;--basic-s-letter-spacing-desktop: normal;--basic-xs-letter-spacing-mobile: 0.22px;--secondary-m-letter-spacing-desktop: 0px;--accent-m-letter-spacing-desktop-xl: normal;--primary-xxxs-letter-spacing-desktop-xl: normal;--primary-xs-letter-spacing-desktop-xl: normal;--body-xxxs-letter-spacing-desktop-xl: normal;--body-xs-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop: 0px;--secondary-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-desktop: 0px;--body-l-letter-spacing-mobile: 0.01px;--body-xxl-letter-spacing-mobile: normal;--primary-l-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-mobile: normal;--secondary-regular-m-letter-spacing-desktop: normal;--accent-xs-letter-spacing-mobile: 0.52px;--accent-s-letter-spacing-desktop: normal;--basic-l-letter-spacing-desktop-xl: normal;--accent-xxs-letter-spacing-desktop: .52px;--basic-xxl-letter-spacing-desktop-xl: normal;--accent-regular-xxs-letter-spacing-desktop-xl: 0.52px;--body-m-letter-spacing-mobile: normal;--primary-m-letter-spacing-mobile: normal;--primary-xl-letter-spacing-mobile: normal;--body-xxxl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop: 0.5px;--accent-regular-xxs-letter-spacing-desktop: 0.52px;--basic-xxl-letter-spacing-desktop: 0px;--accent-s-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-desktop: 0px;--accent-xxs-letter-spacing-desktop-xl: .52px;--secondary-xl-letter-spacing-desktop-xl: normal;--secondary-regular-m-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop-xl: normal;--body-s-letter-spacing-mobile: normal;--primary-s-letter-spacing-mobile: 2px;--body-xs-letter-spacing-desktop: 0.5px;--body-xxs-letter-spacing-mobile: 0.22px;--body-xxxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-desktop: normal;--primary-xxs-letter-spacing-mobile: normal;--primary-xxxs-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop: 1.66px;--accent-l-letter-spacing-mobile: 1.14px;--secondary-m-letter-spacing-desktop-xl: normal;--basic-s-letter-spacing-desktop-xl: normal;--accent-m-letter-spacing-mobile: .74px;--primary-xxxs-letter-spacing-mobile: normal;--primary-xxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-mobile: normal;--body-xxs-letter-spacing-desktop: 0.22px;--body-xxxs-letter-spacing-mobile: normal;--primary-s-letter-spacing-desktop: 2px;--body-s-letter-spacing-desktop: normal;--body-xs-letter-spacing-mobile: 0.5px;--basic-xl-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-mobile: 0px;--basic-xxl-letter-spacing-mobile: 0.5px;--accent-regular-xxs-letter-spacing-mobile: 0.4px;--secondary-xs-letter-spacing-desktop-xl: normal;--basic-m-letter-spacing-mobile: 0.5px;--secondary-xxs-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop: normal;--body-xxxl-letter-spacing-desktop: normal;--primary-xl-letter-spacing-desktop: normal;--accent-xs-letter-spacing-desktop: 0.66px;--accent-xxs-letter-spacing-mobile: .4px;--primary-m-letter-spacing-desktop: normal;--body-m-letter-spacing-desktop: normal;--accent-s-letter-spacing-mobile: .66px;--secondary-regular-m-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-desktop: normal;--primary-l-letter-spacing-desktop: normal;--body-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-mobile: 0px;--body-l-letter-spacing-desktop: 0.01px;--basic-xs-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-mobile: normal;--secondary-l-letter-spacing-mobile: 0px;--secondary-m-letter-spacing-mobile: 0px;--basic-s-letter-spacing-mobile: normal;--basic-xs-letter-spacing-desktop: 0.22px;--basic-xxs-letter-spacing-mobile: 0.22px;--body-l-letter-spacing-desktop-xl: normal;--body-xxl-letter-spacing-desktop-xl: normal;--primary-l-letter-spacing-desktop-xl: normal;--primary-xxl-letter-spacing-desktop-xl: normal;--basic-xl-letter-spacing-mobile: 0px;--body-m-letter-spacing-desktop-xl: normal;--primary-m-letter-spacing-desktop-xl: normal;--accent-xs-letter-spacing-desktop-xl: 0.66px;--primary-xl-letter-spacing-desktop-xl: normal;--body-xxxl-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop: normal;--secondary-xs-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop: normal;--body-xs-font-weight-mobile: normal;--body-xxxs-font-weight-mobile: normal;--primary-xs-font-weight-mobile: bold;--primary-xxxs-font-weight-mobile: 700;--accent-m-font-weight-mobile: 300;--basic-l-font-weight-desktop: 800;--basic-xxl-font-weight-desktop: 800;--accent-regular-xxs-font-weight-desktop: 400;--basic-xs-font-weight-desktop-xl: normal;--accent-l-font-weight-mobile: 300;--primary-xxs-font-weight-mobile: bold;--primary-s-font-weight-mobile: bold;--body-xxs-font-weight-mobile: normal;--body-s-font-weight-mobile: normal;--basic-m-font-weight-desktop: 800;--accent-xxs-font-weight-desktop: 300;--accent-s-font-weight-desktop: 300;--secondary-s-font-weight-desktop-xl: 600;--secondary-xxs-font-weight-desktop-xl: normal;--secondary-xl-font-weight-desktop: normal;--secondary-regular-m-font-weight-desktop: normal;--body-xl-font-weight-mobile: normal;--secondary-xs-font-weight-desktop-xl: normal;--body-xxxl-font-weight-mobile: normal;--primary-xl-font-weight-mobile: 700;--secondary-xxl-font-weight-desktop: normal;--secondary-l-font-weight-desktop: 400;--body-m-font-weight-mobile: normal;--basic-xxs-font-weight-desktop: 800;--accent-xs-font-weight-mobile: 300;--basic-xl-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop: 400;--basic-s-font-weight-desktop: 800;--primary-m-font-weight-mobile: bold;--primary-xxl-font-weight-mobile: 700;--primary-l-font-weight-mobile: bold;--body-xxl-font-weight-mobile: normal;--body-l-font-weight-mobile: normal;--basic-xl-font-weight-desktop: 800;--basic-xxs-font-weight-desktop-xl: normal;--basic-s-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop-xl: 600;--secondary-l-font-weight-desktop-xl: 600;--secondary-xxl-font-weight-desktop-xl: normal;--basic-xs-font-weight-mobile: 800;--secondary-xs-font-weight-desktop: normal;--secondary-xxs-font-weight-desktop: normal;--secondary-s-font-weight-desktop: 400;--secondary-xl-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-desktop-xl: normal;--accent-s-font-weight-desktop-xl: 300;--accent-xxs-font-weight-desktop-xl: 300;--secondary-s-font-weight-mobile: 400;--secondary-xxs-font-weight-mobile: normal;--basic-m-font-weight-desktop-xl: normal;--accent-regular-xxs-font-weight-desktop-xl: 400;--basic-xxl-font-weight-desktop-xl: normal;--basic-l-font-weight-desktop-xl: normal;--basic-xs-font-weight-desktop: 800;--secondary-xs-font-weight-mobile: normal;--basic-xl-font-weight-mobile: 800;--body-xxl-font-weight-desktop: normal;--primary-l-font-weight-desktop: bold;--primary-xxxs-font-weight-desktop-xl: 700;--primary-xxl-font-weight-desktop: 700;--accent-m-font-weight-desktop-xl: 300;--body-xs-font-weight-desktop-xl: normal;--body-l-font-weight-desktop: normal;--body-xxxs-font-weight-desktop-xl: normal;--primary-xs-font-weight-desktop-xl: 700;--body-m-font-weight-desktop: normal;--accent-l-font-weight-desktop-xl: 300;--primary-m-font-weight-desktop: bold;--basic-xxs-font-weight-mobile: 800;--accent-xs-font-weight-desktop: 300;--basic-s-font-weight-mobile: 800;--secondary-m-font-weight-mobile: 400;--primary-xl-font-weight-desktop: 700;--body-xxxl-font-weight-desktop: normal;--body-xl-font-weight-desktop: normal;--secondary-l-font-weight-mobile: 400;--secondary-xxl-font-weight-mobile: normal;--primary-xxs-font-weight-desktop-xl: 700;--primary-s-font-weight-desktop-xl: 700;--body-xxs-font-weight-desktop-xl: normal;--body-s-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-mobile: normal;--secondary-xl-font-weight-mobile: normal;--accent-s-font-weight-mobile: 300;--accent-xxs-font-weight-mobile: 300;--basic-m-font-weight-mobile: 800;--body-s-font-weight-desktop: normal;--body-xxs-font-weight-desktop: normal;--primary-s-font-weight-desktop: bold;--primary-xxs-font-weight-desktop: bold;--body-xl-font-weight-desktop-xl: normal;--body-xxxl-font-weight-desktop-xl: normal;--primary-xl-font-weight-desktop-xl: 700;--accent-xs-font-weight-desktop-xl: 300;--accent-regular-xxs-font-weight-mobile: 400;--accent-l-font-weight-desktop: 300;--basic-xxl-font-weight-mobile: 800;--primary-m-font-weight-desktop-xl: 700;--body-m-font-weight-desktop-xl: normal;--basic-l-font-weight-mobile: 800;--accent-m-font-weight-desktop: 300;--primary-xxxs-font-weight-desktop: 700;--body-xxxs-font-weight-desktop: normal;--primary-xs-font-weight-desktop: bold;--body-xs-font-weight-desktop: normal;--primary-xxl-font-weight-desktop-xl: normal;--primary-l-font-weight-desktop-xl: 700;--body-xxl-font-weight-desktop-xl: normal;--body-l-font-weight-desktop-xl: normal;--accent-xs-line-height-desktop: 24px;--body-m-line-height-desktop: 20px;--primary-m-line-height-desktop: 24px;--basic-s-line-height-desktop-xl: initial;--secondary-m-line-height-desktop-xl: 17px;--body-xxxl-line-height-desktop: 30px;--primary-xl-line-height-desktop: 34px;--body-xl-line-height-desktop: 26px;--basic-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-mobile: 14px;--secondary-l-line-height-desktop-xl: 35px;--secondary-xxl-line-height-desktop-xl: initial;--secondary-regular-m-line-height-desktop-xl: 15px;--secondary-xl-line-height-desktop-xl: initial;--accent-xxs-line-height-desktop-xl: 18px;--accent-s-line-height-desktop-xl: 23px;--primary-s-line-height-desktop: 32px;--body-xxs-line-height-desktop: 15px;--primary-xxs-line-height-desktop: 20px;--secondary-s-line-height-mobile: 24px;--secondary-xxs-line-height-mobile: 26px;--body-s-line-height-desktop: 16px;--accent-l-line-height-desktop: 50px;--basic-m-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop: 23px;--primary-xs-line-height-desktop: 22px;--body-xxxs-line-height-desktop: 18px;--body-xs-line-height-desktop: 14px;--secondary-xs-line-height-mobile: 22px;--basic-l-line-height-desktop-xl: initial;--accent-regular-xxs-line-height-desktop-xl: 26px;--basic-xxl-line-height-desktop-xl: initial;--accent-m-line-height-desktop: 26px;--basic-xl-line-height-mobile: 18px;--accent-regular-xxs-line-height-desktop: 26px;--body-xs-line-height-desktop-xl: initial;--primary-xs-line-height-desktop-xl: 29px;--body-xxxs-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop-xl: 23px;--accent-m-line-height-desktop-xl: 26px;--basic-l-line-height-desktop: 18px;--basic-xxl-line-height-desktop: 24px;--basic-m-line-height-desktop: 18px;--basic-s-line-height-mobile: 15px;--secondary-m-line-height-mobile: 30px;--basic-xxs-line-height-mobile: 13px;--accent-l-line-height-desktop-xl: 50px;--primary-xxs-line-height-desktop-xl: 27px;--primary-s-line-height-desktop-xl: 38px;--body-xxs-line-height-desktop-xl: initial;--body-s-line-height-desktop-xl: 22px;--secondary-l-line-height-mobile: 32px;--secondary-xxl-line-height-mobile: 28px;--accent-s-line-height-desktop: 23px;--accent-xxs-line-height-desktop: 18px;--secondary-xl-line-height-mobile: 28px;--secondary-xl-line-height-desktop: 39px;--secondary-regular-m-line-height-mobile: 15px;--secondary-regular-m-line-height-desktop: 15px;--accent-s-line-height-mobile: 23px;--accent-xxs-line-height-mobile: 0.4px;--secondary-xxl-line-height-desktop: 42px;--secondary-l-line-height-desktop: 37px;--secondary-m-line-height-desktop: 30px;--basic-s-line-height-desktop: 15px;--body-xl-line-height-desktop-xl: initial;--primary-xl-line-height-desktop-xl: 57px;--body-xxxl-line-height-desktop-xl: initial;--basic-xxs-line-height-desktop: 13px;--basic-m-line-height-mobile: 18px;--basic-l-line-height-mobile: 16px;--primary-m-line-height-desktop-xl: 40px;--body-m-line-height-desktop-xl: 24px;--accent-regular-xxs-line-height-mobile: 14px;--basic-xxl-line-height-mobile: 16px;--accent-xs-line-height-desktop-xl: 24px;--primary-xxl-line-height-desktop-xl: initial;--primary-l-line-height-desktop-xl: 42px;--body-xxl-line-height-desktop-xl: initial;--body-l-line-height-desktop-xl: initial;--basic-xl-line-height-desktop: 21px;--secondary-xs-line-height-desktop: 22px;--body-xs-line-height-mobile: 14px;--body-xxxs-line-height-mobile: 18px;--primary-xs-line-height-mobile: 24px;--primary-xxxs-line-height-mobile: 21px;--accent-m-line-height-mobile: 26px;--accent-l-line-height-mobile: 36px;--basic-xs-line-height-desktop-xl: initial;--secondary-xxs-line-height-desktop: 21px;--secondary-s-line-height-desktop: 26px;--primary-xxs-line-height-mobile: 20px;--primary-s-line-height-mobile: 32px;--body-xxs-line-height-mobile: 15px;--body-s-line-height-mobile: 16px;--secondary-s-line-height-desktop-xl: 17px;--secondary-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-desktop: 13px;--body-xl-line-height-mobile: 26px;--body-xxxl-line-height-mobile: 30px;--primary-xl-line-height-mobile: 32px;--secondary-xs-line-height-desktop-xl: initial;--primary-m-line-height-mobile: 29px;--body-m-line-height-mobile: 20px;--basic-xl-line-height-desktop-xl: initial;--accent-xs-line-height-mobile: 19px;--body-l-line-height-desktop: 31px;--body-xxl-line-height-desktop: 28px;--primary-l-line-height-desktop: 30px;--primary-xxl-line-height-desktop: 40px;--primary-xxl-line-height-mobile: 33px;--body-xxl-line-height-mobile: 28px;--primary-l-line-height-mobile: 28px;--body-l-line-height-mobile: 31px;--font-family-accent: Verdana, serif;--font-family-accent-fancy: Verdana, sans-serif;--basic-xxl-font-weight-desktop-xl: 800;--basic-xl-letter-spacing-desktop-xl: 0px;--body-xl-line-height-desktop-xl: 26px;--body-xxxl-line-height-desktop-xl: 30px;--primary-xl-line-height-desktop-xl: 34px;--basic-l-font-weight-desktop-xl: 800;--primary-m-line-height-desktop-xl: 24px;--body-m-line-height-desktop-xl: 20px;--body-xl-font-size-desktop-xl: 22px;--primary-xl-font-size-desktop-xl: 32px;--body-xxxl-font-size-desktop-xl: 26px;--primary-m-font-size-desktop-xl: 20px;--body-m-font-size-desktop-xl: 16px;--primary-xxl-line-height-desktop-xl: 40px;--body-xxl-line-height-desktop-xl: 28px;--primary-l-line-height-desktop-xl: 30px;--body-l-line-height-desktop-xl: 31px;--primary-xs-font-weight-desktop-xl: bold;--primary-xxl-font-size-desktop-xl: 36px;--primary-l-font-size-desktop-xl: 26px;--body-xxl-font-size-desktop-xl: 24px;--body-l-font-size-desktop-xl: 20px;--basic-xs-line-height-desktop-xl: 13px;--primary-xxs-font-weight-desktop-xl: bold;--primary-s-font-weight-desktop-xl: bold;--basic-xs-font-size-desktop-xl: 13px;--basic-xs-letter-spacing-desktop-xl: 0.22px;--secondary-s-line-height-desktop-xl: 26px;--secondary-xxs-line-height-desktop-xl: 21px;--primary-xl-font-weight-desktop-xl: 700;--secondary-s-font-size-desktop-xl: 22px;--body-l-letter-spacing-desktop-xl: 0.01px;--secondary-xxs-font-size-desktop-xl: 18px;--primary-m-font-weight-desktop-xl: bold;--secondary-xs-line-height-desktop-xl: 22px;--basic-xl-line-height-desktop-xl: 21px;--secondary-xs-font-size-desktop-xl: 20px;--primary-xxl-font-weight-desktop-xl: 700;--primary-l-font-weight-desktop-xl: bold;--basic-xl-font-size-desktop-xl: 21px;--font-family-basic-fancy: "Feature Flat Text", sans-serif;--basic-xxs-line-height-desktop-xl: 13px;--basic-s-line-height-desktop-xl: 15px;--secondary-m-line-height-desktop-xl: 30px;--basic-xs-font-weight-desktop-xl: 800;--basic-s-font-size-desktop-xl: 15px;--secondary-m-font-size-desktop-xl: 26px;--secondary-l-line-height-desktop-xl: 37px;--secondary-xxl-line-height-desktop-xl: 42px;--basic-xxs-font-size-desktop-xl: 11px;--secondary-l-font-size-desktop-xl: 33px;--primary-s-letter-spacing-desktop-xl: 2px;--body-xxs-letter-spacing-desktop-xl: 0.22px;--secondary-xxl-font-size-desktop-xl: 40px;--secondary-xl-line-height-desktop-xl: 39px;--secondary-s-font-weight-desktop-xl: 400;--secondary-xxs-font-weight-desktop-xl: normal;--body-xs-letter-spacing-desktop-xl: 0.5px;--secondary-xl-font-size-desktop-xl: 34px;--basic-m-line-height-desktop-xl: 18px;--secondary-xs-font-weight-desktop-xl: normal;--basic-xxl-line-height-desktop-xl: 24px;--basic-l-line-height-desktop-xl: 18px;--basic-m-font-size-desktop-xl: 16px;--basic-l-letter-spacing-desktop-xl: 0px;--basic-xxl-letter-spacing-desktop-xl: 0px;--basic-xl-font-weight-desktop-xl: 800;--font-family-body-fancy: "Feature Flat Text", Helvetica, sans-serif;--basic-xxl-font-size-desktop-xl: 24px;--basic-m-letter-spacing-desktop-xl: 0.5px;--basic-l-font-size-desktop-xl: 18px;--basic-xxs-font-weight-desktop-xl: 800;--body-xs-line-height-desktop-xl: 14px;--body-xxxs-line-height-desktop-xl: 18px;--primary-xs-line-height-desktop-xl: 22px;--basic-s-font-weight-desktop-xl: 800;--secondary-m-font-weight-desktop-xl: 400;--secondary-l-font-weight-desktop-xl: 400;--body-xs-font-size-desktop-xl: 10px;--body-xxxs-font-size-desktop-xl: 14px;--primary-xs-font-size-desktop-xl: 18px;--secondary-xl-letter-spacing-desktop-xl: 0px;--primary-xxs-line-height-desktop-xl: 20px;--primary-s-line-height-desktop-xl: 32px;--body-xxs-line-height-desktop-xl: 15px;--body-s-line-height-desktop-xl: 16px;--primary-xxs-font-size-desktop-xl: 16px;--primary-s-font-size-desktop-xl: 20px;--body-xxs-font-size-desktop-xl: 13px;--body-s-font-size-desktop-xl: 14px;--secondary-l-letter-spacing-desktop-xl: 0px;--basic-xxs-letter-spacing-desktop-xl: 0.22px;--secondary-m-letter-spacing-desktop-xl: 0px;--basic-m-font-weight-desktop-xl: 800} \ No newline at end of file diff --git a/build/tokens/rollingstone-2022.json b/build/tokens/rollingstone-2022.json index 3b8b66918..df4baebd9 100644 --- a/build/tokens/rollingstone-2022.json +++ b/build/tokens/rollingstone-2022.json @@ -58,8 +58,8 @@ "SPACING_2": "2rem", "BODY_L_FONT_SIZE_MOBILE": "20px", "PRIMARY_XL_FONT_SIZE_DESKTOP": "32px", - "BODY_XXXL_FONT_SIZE_DESKTOP": "initial", - "BODY_XL_FONT_SIZE_DESKTOP": "initial", + "BODY_XXXL_FONT_SIZE_DESKTOP": "26px", + "BODY_XL_FONT_SIZE_DESKTOP": "22px", "PRIMARY_XXL_FONT_SIZE_MOBILE": "30px", "PRIMARY_L_FONT_SIZE_MOBILE": "24px", "BODY_XXL_FONT_SIZE_MOBILE": "24px", @@ -69,8 +69,8 @@ "BASIC_XS_FONT_SIZE_MOBILE": "14px", "SECONDARY_L_FONT_SIZE_DESKTOP_XL": "30px", "SECONDARY_XXL_FONT_SIZE_DESKTOP_XL": "initial", - "BODY_S_FONT_SIZE_DESKTOP": "16px", - "BODY_XXS_FONT_SIZE_DESKTOP": "initial", + "BODY_S_FONT_SIZE_DESKTOP": "14px", + "BODY_XXS_FONT_SIZE_DESKTOP": "13px", "PRIMARY_S_FONT_SIZE_DESKTOP": "20px", "PRIMARY_XXS_FONT_SIZE_DESKTOP": "16px", "SECONDARY_REGULAR_M_FONT_SIZE_DESKTOP_XL": "15px", @@ -81,8 +81,8 @@ "ACCENT_M_FONT_SIZE_DESKTOP": "26px", "PRIMARY_XXXS_FONT_SIZE_DESKTOP": "20px", "PRIMARY_XS_FONT_SIZE_DESKTOP": "18px", - "BODY_XXXS_FONT_SIZE_DESKTOP": "initial", - "BODY_XS_FONT_SIZE_DESKTOP": "initial", + "BODY_XXXS_FONT_SIZE_DESKTOP": "14px", + "BODY_XS_FONT_SIZE_DESKTOP": "10px", "SECONDARY_S_FONT_SIZE_MOBILE": "24px", "SECONDARY_XXS_FONT_SIZE_MOBILE": "22px", "BASIC_M_FONT_SIZE_DESKTOP_XL": "initial", @@ -155,8 +155,8 @@ "BASIC_XS_FONT_SIZE_DESKTOP": "13px", "SECONDARY_S_FONT_SIZE_DESKTOP_XL": "12px", "SECONDARY_XXS_FONT_SIZE_DESKTOP_XL": "initial", - "BODY_L_FONT_SIZE_DESKTOP": "initial", - "BODY_XXL_FONT_SIZE_DESKTOP": "initial", + "BODY_L_FONT_SIZE_DESKTOP": "20px", + "BODY_XXL_FONT_SIZE_DESKTOP": "24px", "PRIMARY_L_FONT_SIZE_DESKTOP": "26px", "PRIMARY_XXL_FONT_SIZE_DESKTOP": "36px", "SECONDARY_XS_FONT_SIZE_DESKTOP_XL": "initial", @@ -166,7 +166,7 @@ "BASIC_XL_FONT_SIZE_DESKTOP_XL": "initial", "ACCENT_XS_FONT_SIZE_MOBILE": "18px", "PRIMARY_M_FONT_SIZE_MOBILE": "26px", - "BODY_M_FONT_SIZE_DESKTOP": "18px", + "BODY_M_FONT_SIZE_DESKTOP": "16px", "BODY_M_FONT_SIZE_MOBILE": "16px", "PRIMARY_M_FONT_SIZE_DESKTOP": "20px", "ACCENT_XS_FONT_SIZE_DESKTOP": "23px", @@ -220,7 +220,7 @@ "SECONDARY_L_LETTER_SPACING_DESKTOP_XL": "normal", "BODY_S_LETTER_SPACING_MOBILE": "normal", "PRIMARY_S_LETTER_SPACING_MOBILE": "2px", - "BODY_XS_LETTER_SPACING_DESKTOP": "normal", + "BODY_XS_LETTER_SPACING_DESKTOP": "0.5px", "BODY_XXS_LETTER_SPACING_MOBILE": "0.22px", "BODY_XXXS_LETTER_SPACING_DESKTOP": "normal", "PRIMARY_XS_LETTER_SPACING_DESKTOP": "normal", @@ -236,7 +236,7 @@ "PRIMARY_XXXS_LETTER_SPACING_MOBILE": "normal", "PRIMARY_XXS_LETTER_SPACING_DESKTOP": "normal", "PRIMARY_XS_LETTER_SPACING_MOBILE": "normal", - "BODY_XXS_LETTER_SPACING_DESKTOP": "normal", + "BODY_XXS_LETTER_SPACING_DESKTOP": "0.22px", "BODY_XXXS_LETTER_SPACING_MOBILE": "normal", "PRIMARY_S_LETTER_SPACING_DESKTOP": "2px", "BODY_S_LETTER_SPACING_DESKTOP": "normal", @@ -262,7 +262,7 @@ "PRIMARY_L_LETTER_SPACING_DESKTOP": "normal", "BODY_XXL_LETTER_SPACING_DESKTOP": "normal", "SECONDARY_XL_LETTER_SPACING_MOBILE": "0px", - "BODY_L_LETTER_SPACING_DESKTOP": "normal", + "BODY_L_LETTER_SPACING_DESKTOP": "0.01px", "BASIC_XS_LETTER_SPACING_DESKTOP_XL": "normal", "SECONDARY_XXL_LETTER_SPACING_MOBILE": "normal", "SECONDARY_L_LETTER_SPACING_MOBILE": "0px", @@ -399,13 +399,13 @@ "BODY_XXL_FONT_WEIGHT_DESKTOP_XL": "normal", "BODY_L_FONT_WEIGHT_DESKTOP_XL": "normal", "ACCENT_XS_LINE_HEIGHT_DESKTOP": "24px", - "BODY_M_LINE_HEIGHT_DESKTOP": "24px", + "BODY_M_LINE_HEIGHT_DESKTOP": "20px", "PRIMARY_M_LINE_HEIGHT_DESKTOP": "24px", "BASIC_S_LINE_HEIGHT_DESKTOP_XL": "initial", "SECONDARY_M_LINE_HEIGHT_DESKTOP_XL": "17px", - "BODY_XXXL_LINE_HEIGHT_DESKTOP": "initial", + "BODY_XXXL_LINE_HEIGHT_DESKTOP": "30px", "PRIMARY_XL_LINE_HEIGHT_DESKTOP": "34px", - "BODY_XL_LINE_HEIGHT_DESKTOP": "initial", + "BODY_XL_LINE_HEIGHT_DESKTOP": "26px", "BASIC_XXS_LINE_HEIGHT_DESKTOP_XL": "initial", "BASIC_XS_LINE_HEIGHT_MOBILE": "14px", "SECONDARY_L_LINE_HEIGHT_DESKTOP_XL": "35px", @@ -415,17 +415,17 @@ "ACCENT_XXS_LINE_HEIGHT_DESKTOP_XL": "18px", "ACCENT_S_LINE_HEIGHT_DESKTOP_XL": "23px", "PRIMARY_S_LINE_HEIGHT_DESKTOP": "32px", - "BODY_XXS_LINE_HEIGHT_DESKTOP": "initial", + "BODY_XXS_LINE_HEIGHT_DESKTOP": "15px", "PRIMARY_XXS_LINE_HEIGHT_DESKTOP": "20px", "SECONDARY_S_LINE_HEIGHT_MOBILE": "24px", "SECONDARY_XXS_LINE_HEIGHT_MOBILE": "26px", - "BODY_S_LINE_HEIGHT_DESKTOP": "22px", + "BODY_S_LINE_HEIGHT_DESKTOP": "16px", "ACCENT_L_LINE_HEIGHT_DESKTOP": "50px", "BASIC_M_LINE_HEIGHT_DESKTOP_XL": "initial", "PRIMARY_XXXS_LINE_HEIGHT_DESKTOP": "23px", "PRIMARY_XS_LINE_HEIGHT_DESKTOP": "22px", - "BODY_XXXS_LINE_HEIGHT_DESKTOP": "initial", - "BODY_XS_LINE_HEIGHT_DESKTOP": "initial", + "BODY_XXXS_LINE_HEIGHT_DESKTOP": "18px", + "BODY_XS_LINE_HEIGHT_DESKTOP": "14px", "SECONDARY_XS_LINE_HEIGHT_MOBILE": "22px", "BASIC_L_LINE_HEIGHT_DESKTOP_XL": "initial", "ACCENT_REGULAR_XXS_LINE_HEIGHT_DESKTOP_XL": "26px", @@ -504,8 +504,8 @@ "BODY_M_LINE_HEIGHT_MOBILE": "20px", "BASIC_XL_LINE_HEIGHT_DESKTOP_XL": "initial", "ACCENT_XS_LINE_HEIGHT_MOBILE": "19px", - "BODY_L_LINE_HEIGHT_DESKTOP": "initial", - "BODY_XXL_LINE_HEIGHT_DESKTOP": "initial", + "BODY_L_LINE_HEIGHT_DESKTOP": "31px", + "BODY_XXL_LINE_HEIGHT_DESKTOP": "28px", "PRIMARY_L_LINE_HEIGHT_DESKTOP": "30px", "PRIMARY_XXL_LINE_HEIGHT_DESKTOP": "40px", "PRIMARY_XXL_LINE_HEIGHT_MOBILE": "33px", @@ -514,6 +514,98 @@ "BODY_L_LINE_HEIGHT_MOBILE": "31px", "FONT_FAMILY_ACCENT": "Verdana, serif", "FONT_FAMILY_ACCENT_FANCY": "Verdana, sans-serif", + "BASIC_XXL_FONT_WEIGHT_DESKTOP-XL": "800", + "BASIC_XL_LETTER_SPACING_DESKTOP-XL": "0px", + "BODY_XL_LINE_HEIGHT_DESKTOP-XL": "26px", + "BODY_XXXL_LINE_HEIGHT_DESKTOP-XL": "30px", + "PRIMARY_XL_LINE_HEIGHT_DESKTOP-XL": "34px", + "BASIC_L_FONT_WEIGHT_DESKTOP-XL": "800", + "PRIMARY_M_LINE_HEIGHT_DESKTOP-XL": "24px", + "BODY_M_LINE_HEIGHT_DESKTOP-XL": "20px", + "BODY_XL_FONT_SIZE_DESKTOP-XL": "22px", + "PRIMARY_XL_FONT_SIZE_DESKTOP-XL": "32px", + "BODY_XXXL_FONT_SIZE_DESKTOP-XL": "26px", + "PRIMARY_M_FONT_SIZE_DESKTOP-XL": "20px", + "BODY_M_FONT_SIZE_DESKTOP-XL": "16px", + "PRIMARY_XXL_LINE_HEIGHT_DESKTOP-XL": "40px", + "BODY_XXL_LINE_HEIGHT_DESKTOP-XL": "28px", + "PRIMARY_L_LINE_HEIGHT_DESKTOP-XL": "30px", + "BODY_L_LINE_HEIGHT_DESKTOP-XL": "31px", + "PRIMARY_XS_FONT_WEIGHT_DESKTOP-XL": "bold", + "PRIMARY_XXL_FONT_SIZE_DESKTOP-XL": "36px", + "PRIMARY_L_FONT_SIZE_DESKTOP-XL": "26px", + "BODY_XXL_FONT_SIZE_DESKTOP-XL": "24px", + "BODY_L_FONT_SIZE_DESKTOP-XL": "20px", + "BASIC_XS_LINE_HEIGHT_DESKTOP-XL": "13px", + "PRIMARY_XXS_FONT_WEIGHT_DESKTOP-XL": "bold", + "PRIMARY_S_FONT_WEIGHT_DESKTOP-XL": "bold", + "BASIC_XS_FONT_SIZE_DESKTOP-XL": "13px", + "BASIC_XS_LETTER_SPACING_DESKTOP-XL": "0.22px", + "SECONDARY_S_LINE_HEIGHT_DESKTOP-XL": "26px", + "SECONDARY_XXS_LINE_HEIGHT_DESKTOP-XL": "21px", + "PRIMARY_XL_FONT_WEIGHT_DESKTOP-XL": "700", + "SECONDARY_S_FONT_SIZE_DESKTOP-XL": "22px", + "BODY_L_LETTER_SPACING_DESKTOP-XL": "0.01px", + "SECONDARY_XXS_FONT_SIZE_DESKTOP-XL": "18px", + "PRIMARY_M_FONT_WEIGHT_DESKTOP-XL": "bold", + "SECONDARY_XS_LINE_HEIGHT_DESKTOP-XL": "22px", + "BASIC_XL_LINE_HEIGHT_DESKTOP-XL": "21px", + "SECONDARY_XS_FONT_SIZE_DESKTOP-XL": "20px", + "PRIMARY_XXL_FONT_WEIGHT_DESKTOP-XL": "700", + "PRIMARY_L_FONT_WEIGHT_DESKTOP-XL": "bold", + "BASIC_XL_FONT_SIZE_DESKTOP-XL": "21px", "FONT_FAMILY_BASIC_FANCY": "'Feature Flat Text', sans-serif", - "FONT_FAMILY_BODY_FANCY": "'Feature Flat Text', Helvetica, sans-serif" + "BASIC_XXS_LINE_HEIGHT_DESKTOP-XL": "13px", + "BASIC_S_LINE_HEIGHT_DESKTOP-XL": "15px", + "SECONDARY_M_LINE_HEIGHT_DESKTOP-XL": "30px", + "BASIC_XS_FONT_WEIGHT_DESKTOP-XL": "800", + "BASIC_S_FONT_SIZE_DESKTOP-XL": "15px", + "SECONDARY_M_FONT_SIZE_DESKTOP-XL": "26px", + "SECONDARY_L_LINE_HEIGHT_DESKTOP-XL": "37px", + "SECONDARY_XXL_LINE_HEIGHT_DESKTOP-XL": "42px", + "BASIC_XXS_FONT_SIZE_DESKTOP-XL": "11px", + "SECONDARY_L_FONT_SIZE_DESKTOP-XL": "33px", + "PRIMARY_S_LETTER_SPACING_DESKTOP-XL": "2px", + "BODY_XXS_LETTER_SPACING_DESKTOP-XL": "0.22px", + "SECONDARY_XXL_FONT_SIZE_DESKTOP-XL": "40px", + "SECONDARY_XL_LINE_HEIGHT_DESKTOP-XL": "39px", + "SECONDARY_S_FONT_WEIGHT_DESKTOP-XL": "400", + "SECONDARY_XXS_FONT_WEIGHT_DESKTOP-XL": "normal", + "BODY_XS_LETTER_SPACING_DESKTOP-XL": "0.5px", + "SECONDARY_XL_FONT_SIZE_DESKTOP-XL": "34px", + "BASIC_M_LINE_HEIGHT_DESKTOP-XL": "18px", + "SECONDARY_XS_FONT_WEIGHT_DESKTOP-XL": "normal", + "BASIC_XXL_LINE_HEIGHT_DESKTOP-XL": "24px", + "BASIC_L_LINE_HEIGHT_DESKTOP-XL": "18px", + "BASIC_M_FONT_SIZE_DESKTOP-XL": "16px", + "BASIC_L_LETTER_SPACING_DESKTOP-XL": "0px", + "BASIC_XXL_LETTER_SPACING_DESKTOP-XL": "0px", + "BASIC_XL_FONT_WEIGHT_DESKTOP-XL": "800", + "FONT_FAMILY_BODY_FANCY": "'Feature Flat Text', Helvetica, sans-serif", + "BASIC_XXL_FONT_SIZE_DESKTOP-XL": "24px", + "BASIC_M_LETTER_SPACING_DESKTOP-XL": "0.5px", + "BASIC_L_FONT_SIZE_DESKTOP-XL": "18px", + "BASIC_XXS_FONT_WEIGHT_DESKTOP-XL": "800", + "BODY_XS_LINE_HEIGHT_DESKTOP-XL": "14px", + "BODY_XXXS_LINE_HEIGHT_DESKTOP-XL": "18px", + "PRIMARY_XS_LINE_HEIGHT_DESKTOP-XL": "22px", + "BASIC_S_FONT_WEIGHT_DESKTOP-XL": "800", + "SECONDARY_M_FONT_WEIGHT_DESKTOP-XL": "400", + "SECONDARY_L_FONT_WEIGHT_DESKTOP-XL": "400", + "BODY_XS_FONT_SIZE_DESKTOP-XL": "10px", + "BODY_XXXS_FONT_SIZE_DESKTOP-XL": "14px", + "PRIMARY_XS_FONT_SIZE_DESKTOP-XL": "18px", + "SECONDARY_XL_LETTER_SPACING_DESKTOP-XL": "0px", + "PRIMARY_XXS_LINE_HEIGHT_DESKTOP-XL": "20px", + "PRIMARY_S_LINE_HEIGHT_DESKTOP-XL": "32px", + "BODY_XXS_LINE_HEIGHT_DESKTOP-XL": "15px", + "BODY_S_LINE_HEIGHT_DESKTOP-XL": "16px", + "PRIMARY_XXS_FONT_SIZE_DESKTOP-XL": "16px", + "PRIMARY_S_FONT_SIZE_DESKTOP-XL": "20px", + "BODY_XXS_FONT_SIZE_DESKTOP-XL": "13px", + "BODY_S_FONT_SIZE_DESKTOP-XL": "14px", + "SECONDARY_L_LETTER_SPACING_DESKTOP-XL": "0px", + "BASIC_XXS_LETTER_SPACING_DESKTOP-XL": "0.22px", + "SECONDARY_M_LETTER_SPACING_DESKTOP-XL": "0px", + "BASIC_M_FONT_WEIGHT_DESKTOP-XL": "800" } \ No newline at end of file diff --git a/build/tokens/rollingstone-2022.map.scss b/build/tokens/rollingstone-2022.map.scss index 3caea512a..a7a939986 100644 --- a/build/tokens/rollingstone-2022.map.scss +++ b/build/tokens/rollingstone-2022.map.scss @@ -73,8 +73,8 @@ $rollingstone-2022-map: ( 'spacing-2': (2rem), 'body-l-font-size-mobile': (20px), 'primary-xl-font-size-desktop': (32px), - 'body-xxxl-font-size-desktop': (initial), - 'body-xl-font-size-desktop': (initial), + 'body-xxxl-font-size-desktop': (26px), + 'body-xl-font-size-desktop': (22px), 'primary-xxl-font-size-mobile': (30px), 'primary-l-font-size-mobile': (24px), 'body-xxl-font-size-mobile': (24px), @@ -84,8 +84,8 @@ $rollingstone-2022-map: ( 'basic-xs-font-size-mobile': (14px), 'secondary-l-font-size-desktop-xl': (30px), 'secondary-xxl-font-size-desktop-xl': (initial), - 'body-s-font-size-desktop': (16px), - 'body-xxs-font-size-desktop': (initial), + 'body-s-font-size-desktop': (14px), + 'body-xxs-font-size-desktop': (13px), 'primary-s-font-size-desktop': (20px), 'primary-xxs-font-size-desktop': (16px), 'secondary-regular-m-font-size-desktop-xl': (15px), @@ -96,8 +96,8 @@ $rollingstone-2022-map: ( 'accent-m-font-size-desktop': (26px), 'primary-xxxs-font-size-desktop': (20px), 'primary-xs-font-size-desktop': (18px), - 'body-xxxs-font-size-desktop': (initial), - 'body-xs-font-size-desktop': (initial), + 'body-xxxs-font-size-desktop': (14px), + 'body-xs-font-size-desktop': (10px), 'secondary-s-font-size-mobile': (24px), 'secondary-xxs-font-size-mobile': (22px), 'basic-m-font-size-desktop-xl': (initial), @@ -170,8 +170,8 @@ $rollingstone-2022-map: ( 'basic-xs-font-size-desktop': (13px), 'secondary-s-font-size-desktop-xl': (12px), 'secondary-xxs-font-size-desktop-xl': (initial), - 'body-l-font-size-desktop': (initial), - 'body-xxl-font-size-desktop': (initial), + 'body-l-font-size-desktop': (20px), + 'body-xxl-font-size-desktop': (24px), 'primary-l-font-size-desktop': (26px), 'primary-xxl-font-size-desktop': (36px), 'secondary-xs-font-size-desktop-xl': (initial), @@ -181,7 +181,7 @@ $rollingstone-2022-map: ( 'basic-xl-font-size-desktop-xl': (initial), 'accent-xs-font-size-mobile': (18px), 'primary-m-font-size-mobile': (26px), - 'body-m-font-size-desktop': (18px), + 'body-m-font-size-desktop': (16px), 'body-m-font-size-mobile': (16px), 'primary-m-font-size-desktop': (20px), 'accent-xs-font-size-desktop': (23px), @@ -235,7 +235,7 @@ $rollingstone-2022-map: ( 'secondary-l-letter-spacing-desktop-xl': (normal), 'body-s-letter-spacing-mobile': (normal), 'primary-s-letter-spacing-mobile': (2px), - 'body-xs-letter-spacing-desktop': (normal), + 'body-xs-letter-spacing-desktop': (0.5px), 'body-xxs-letter-spacing-mobile': (0.22px), 'body-xxxs-letter-spacing-desktop': (normal), 'primary-xs-letter-spacing-desktop': (normal), @@ -251,7 +251,7 @@ $rollingstone-2022-map: ( 'primary-xxxs-letter-spacing-mobile': (normal), 'primary-xxs-letter-spacing-desktop': (normal), 'primary-xs-letter-spacing-mobile': (normal), - 'body-xxs-letter-spacing-desktop': (normal), + 'body-xxs-letter-spacing-desktop': (0.22px), 'body-xxxs-letter-spacing-mobile': (normal), 'primary-s-letter-spacing-desktop': (2px), 'body-s-letter-spacing-desktop': (normal), @@ -277,7 +277,7 @@ $rollingstone-2022-map: ( 'primary-l-letter-spacing-desktop': (normal), 'body-xxl-letter-spacing-desktop': (normal), 'secondary-xl-letter-spacing-mobile': (0px), - 'body-l-letter-spacing-desktop': (normal), + 'body-l-letter-spacing-desktop': (0.01px), 'basic-xs-letter-spacing-desktop-xl': (normal), 'secondary-xxl-letter-spacing-mobile': (normal), 'secondary-l-letter-spacing-mobile': (0px), @@ -414,13 +414,13 @@ $rollingstone-2022-map: ( 'body-xxl-font-weight-desktop-xl': (normal), 'body-l-font-weight-desktop-xl': (normal), 'accent-xs-line-height-desktop': (24px), - 'body-m-line-height-desktop': (24px), + 'body-m-line-height-desktop': (20px), 'primary-m-line-height-desktop': (24px), 'basic-s-line-height-desktop-xl': (initial), 'secondary-m-line-height-desktop-xl': (17px), - 'body-xxxl-line-height-desktop': (initial), + 'body-xxxl-line-height-desktop': (30px), 'primary-xl-line-height-desktop': (34px), - 'body-xl-line-height-desktop': (initial), + 'body-xl-line-height-desktop': (26px), 'basic-xxs-line-height-desktop-xl': (initial), 'basic-xs-line-height-mobile': (14px), 'secondary-l-line-height-desktop-xl': (35px), @@ -430,17 +430,17 @@ $rollingstone-2022-map: ( 'accent-xxs-line-height-desktop-xl': (18px), 'accent-s-line-height-desktop-xl': (23px), 'primary-s-line-height-desktop': (32px), - 'body-xxs-line-height-desktop': (initial), + 'body-xxs-line-height-desktop': (15px), 'primary-xxs-line-height-desktop': (20px), 'secondary-s-line-height-mobile': (24px), 'secondary-xxs-line-height-mobile': (26px), - 'body-s-line-height-desktop': (22px), + 'body-s-line-height-desktop': (16px), 'accent-l-line-height-desktop': (50px), 'basic-m-line-height-desktop-xl': (initial), 'primary-xxxs-line-height-desktop': (23px), 'primary-xs-line-height-desktop': (22px), - 'body-xxxs-line-height-desktop': (initial), - 'body-xs-line-height-desktop': (initial), + 'body-xxxs-line-height-desktop': (18px), + 'body-xs-line-height-desktop': (14px), 'secondary-xs-line-height-mobile': (22px), 'basic-l-line-height-desktop-xl': (initial), 'accent-regular-xxs-line-height-desktop-xl': (26px), @@ -519,8 +519,8 @@ $rollingstone-2022-map: ( 'body-m-line-height-mobile': (20px), 'basic-xl-line-height-desktop-xl': (initial), 'accent-xs-line-height-mobile': (19px), - 'body-l-line-height-desktop': (initial), - 'body-xxl-line-height-desktop': (initial), + 'body-l-line-height-desktop': (31px), + 'body-xxl-line-height-desktop': (28px), 'primary-l-line-height-desktop': (30px), 'primary-xxl-line-height-desktop': (40px), 'primary-xxl-line-height-mobile': (33px), @@ -529,6 +529,98 @@ $rollingstone-2022-map: ( 'body-l-line-height-mobile': (31px), 'font-family-accent': (Verdana, serif), 'font-family-accent-fancy': (Verdana, sans-serif), + 'basic-xxl-font-weight-desktop-xl': (800), + 'basic-xl-letter-spacing-desktop-xl': (0px), + 'body-xl-line-height-desktop-xl': (26px), + 'body-xxxl-line-height-desktop-xl': (30px), + 'primary-xl-line-height-desktop-xl': (34px), + 'basic-l-font-weight-desktop-xl': (800), + 'primary-m-line-height-desktop-xl': (24px), + 'body-m-line-height-desktop-xl': (20px), + 'body-xl-font-size-desktop-xl': (22px), + 'primary-xl-font-size-desktop-xl': (32px), + 'body-xxxl-font-size-desktop-xl': (26px), + 'primary-m-font-size-desktop-xl': (20px), + 'body-m-font-size-desktop-xl': (16px), + 'primary-xxl-line-height-desktop-xl': (40px), + 'body-xxl-line-height-desktop-xl': (28px), + 'primary-l-line-height-desktop-xl': (30px), + 'body-l-line-height-desktop-xl': (31px), + 'primary-xs-font-weight-desktop-xl': (bold), + 'primary-xxl-font-size-desktop-xl': (36px), + 'primary-l-font-size-desktop-xl': (26px), + 'body-xxl-font-size-desktop-xl': (24px), + 'body-l-font-size-desktop-xl': (20px), + 'basic-xs-line-height-desktop-xl': (13px), + 'primary-xxs-font-weight-desktop-xl': (bold), + 'primary-s-font-weight-desktop-xl': (bold), + 'basic-xs-font-size-desktop-xl': (13px), + 'basic-xs-letter-spacing-desktop-xl': (0.22px), + 'secondary-s-line-height-desktop-xl': (26px), + 'secondary-xxs-line-height-desktop-xl': (21px), + 'primary-xl-font-weight-desktop-xl': (700), + 'secondary-s-font-size-desktop-xl': (22px), + 'body-l-letter-spacing-desktop-xl': (0.01px), + 'secondary-xxs-font-size-desktop-xl': (18px), + 'primary-m-font-weight-desktop-xl': (bold), + 'secondary-xs-line-height-desktop-xl': (22px), + 'basic-xl-line-height-desktop-xl': (21px), + 'secondary-xs-font-size-desktop-xl': (20px), + 'primary-xxl-font-weight-desktop-xl': (700), + 'primary-l-font-weight-desktop-xl': (bold), + 'basic-xl-font-size-desktop-xl': (21px), 'font-family-basic-fancy': ('Feature Flat Text', sans-serif), + 'basic-xxs-line-height-desktop-xl': (13px), + 'basic-s-line-height-desktop-xl': (15px), + 'secondary-m-line-height-desktop-xl': (30px), + 'basic-xs-font-weight-desktop-xl': (800), + 'basic-s-font-size-desktop-xl': (15px), + 'secondary-m-font-size-desktop-xl': (26px), + 'secondary-l-line-height-desktop-xl': (37px), + 'secondary-xxl-line-height-desktop-xl': (42px), + 'basic-xxs-font-size-desktop-xl': (11px), + 'secondary-l-font-size-desktop-xl': (33px), + 'primary-s-letter-spacing-desktop-xl': (2px), + 'body-xxs-letter-spacing-desktop-xl': (0.22px), + 'secondary-xxl-font-size-desktop-xl': (40px), + 'secondary-xl-line-height-desktop-xl': (39px), + 'secondary-s-font-weight-desktop-xl': (400), + 'secondary-xxs-font-weight-desktop-xl': (normal), + 'body-xs-letter-spacing-desktop-xl': (0.5px), + 'secondary-xl-font-size-desktop-xl': (34px), + 'basic-m-line-height-desktop-xl': (18px), + 'secondary-xs-font-weight-desktop-xl': (normal), + 'basic-xxl-line-height-desktop-xl': (24px), + 'basic-l-line-height-desktop-xl': (18px), + 'basic-m-font-size-desktop-xl': (16px), + 'basic-l-letter-spacing-desktop-xl': (0px), + 'basic-xxl-letter-spacing-desktop-xl': (0px), + 'basic-xl-font-weight-desktop-xl': (800), 'font-family-body-fancy': ('Feature Flat Text', Helvetica, sans-serif), + 'basic-xxl-font-size-desktop-xl': (24px), + 'basic-m-letter-spacing-desktop-xl': (0.5px), + 'basic-l-font-size-desktop-xl': (18px), + 'basic-xxs-font-weight-desktop-xl': (800), + 'body-xs-line-height-desktop-xl': (14px), + 'body-xxxs-line-height-desktop-xl': (18px), + 'primary-xs-line-height-desktop-xl': (22px), + 'basic-s-font-weight-desktop-xl': (800), + 'secondary-m-font-weight-desktop-xl': (400), + 'secondary-l-font-weight-desktop-xl': (400), + 'body-xs-font-size-desktop-xl': (10px), + 'body-xxxs-font-size-desktop-xl': (14px), + 'primary-xs-font-size-desktop-xl': (18px), + 'secondary-xl-letter-spacing-desktop-xl': (0px), + 'primary-xxs-line-height-desktop-xl': (20px), + 'primary-s-line-height-desktop-xl': (32px), + 'body-xxs-line-height-desktop-xl': (15px), + 'body-s-line-height-desktop-xl': (16px), + 'primary-xxs-font-size-desktop-xl': (16px), + 'primary-s-font-size-desktop-xl': (20px), + 'body-xxs-font-size-desktop-xl': (13px), + 'body-s-font-size-desktop-xl': (14px), + 'secondary-l-letter-spacing-desktop-xl': (0px), + 'basic-xxs-letter-spacing-desktop-xl': (0.22px), + 'secondary-m-letter-spacing-desktop-xl': (0px), + 'basic-m-font-weight-desktop-xl': (800), ); diff --git a/build/tokens/rollingstone-2022.raw.json b/build/tokens/rollingstone-2022.raw.json index 3c973ad37..97e55cad5 100644 --- a/build/tokens/rollingstone-2022.raw.json +++ b/build/tokens/rollingstone-2022.raw.json @@ -654,15 +654,15 @@ "BODY_XXXL_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "26px", + "originalValue": "26px", "name": "BODY_XXXL_FONT_SIZE_DESKTOP" }, "BODY_XL_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "22px", + "originalValue": "22px", "name": "BODY_XL_FONT_SIZE_DESKTOP" }, "PRIMARY_XXL_FONT_SIZE_MOBILE": { @@ -733,19 +733,17 @@ "name": "SECONDARY_XXL_FONT_SIZE_DESKTOP_XL" }, "BODY_S_FONT_SIZE_DESKTOP": { - "selector": "lrv-a-font", - "status": "alpha", "category": "font-size", "type": "number", - "value": "16px", - "originalValue": "16px", + "value": "14px", + "originalValue": "14px", "name": "BODY_S_FONT_SIZE_DESKTOP" }, "BODY_XXS_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "13px", + "originalValue": "13px", "name": "BODY_XXS_FONT_SIZE_DESKTOP" }, "PRIMARY_S_FONT_SIZE_DESKTOP": { @@ -833,15 +831,15 @@ "BODY_XXXS_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "14px", + "originalValue": "14px", "name": "BODY_XXXS_FONT_SIZE_DESKTOP" }, "BODY_XS_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "10px", + "originalValue": "10px", "name": "BODY_XS_FONT_SIZE_DESKTOP" }, "SECONDARY_S_FONT_SIZE_MOBILE": { @@ -1401,15 +1399,15 @@ "BODY_L_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "20px", + "originalValue": "20px", "name": "BODY_L_FONT_SIZE_DESKTOP" }, "BODY_XXL_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "24px", + "originalValue": "24px", "name": "BODY_XXL_FONT_SIZE_DESKTOP" }, "PRIMARY_L_FONT_SIZE_DESKTOP": { @@ -1478,12 +1476,10 @@ "name": "PRIMARY_M_FONT_SIZE_MOBILE" }, "BODY_M_FONT_SIZE_DESKTOP": { - "selector": "lrv-a-font", - "status": "alpha", "category": "font-size", "type": "number", - "value": "18px", - "originalValue": "18px", + "value": "16px", + "originalValue": "16px", "name": "BODY_M_FONT_SIZE_DESKTOP" }, "BODY_M_FONT_SIZE_MOBILE": { @@ -1874,8 +1870,8 @@ "BODY_XS_LETTER_SPACING_DESKTOP": { "category": "letter-spacing", "type": "number", - "value": "normal", - "originalValue": "normal", + "value": "0.5px", + "originalValue": "0.5px", "name": "BODY_XS_LETTER_SPACING_DESKTOP" }, "BODY_XXS_LETTER_SPACING_MOBILE": { @@ -1992,8 +1988,8 @@ "BODY_XXS_LETTER_SPACING_DESKTOP": { "category": "letter-spacing", "type": "number", - "value": "normal", - "originalValue": "normal", + "value": "0.22px", + "originalValue": "0.22px", "name": "BODY_XXS_LETTER_SPACING_DESKTOP" }, "BODY_XXXS_LETTER_SPACING_MOBILE": { @@ -2182,9 +2178,9 @@ "BODY_L_LETTER_SPACING_DESKTOP": { "category": "letter-spacing", "type": "number", - "value": "normal", - "originalValue": "normal", - "name": "BODY_L_LETTER_SPACING_DESKTOP" + "value": "0.01px", + "name": "BODY_L_LETTER_SPACING_DESKTOP", + "originalValue": "0.01px" }, "BASIC_XS_LETTER_SPACING_DESKTOP_XL": { "category": "letter-spacing", @@ -3203,12 +3199,10 @@ "name": "ACCENT_XS_LINE_HEIGHT_DESKTOP" }, "BODY_M_LINE_HEIGHT_DESKTOP": { - "selector": "lrv-a-font", - "status": "alpha", "category": "line-height", "type": "number", - "value": "24px", - "originalValue": "24px", + "value": "20px", + "originalValue": "20px", "name": "BODY_M_LINE_HEIGHT_DESKTOP" }, "PRIMARY_M_LINE_HEIGHT_DESKTOP": { @@ -3237,8 +3231,8 @@ "BODY_XXXL_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "30px", + "originalValue": "30px", "name": "BODY_XXXL_LINE_HEIGHT_DESKTOP" }, "PRIMARY_XL_LINE_HEIGHT_DESKTOP": { @@ -3251,8 +3245,8 @@ "BODY_XL_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "26px", + "originalValue": "26px", "name": "BODY_XL_LINE_HEIGHT_DESKTOP" }, "BASIC_XXS_LINE_HEIGHT_DESKTOP_XL": { @@ -3329,8 +3323,8 @@ "BODY_XXS_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "15px", + "originalValue": "15px", "name": "BODY_XXS_LINE_HEIGHT_DESKTOP" }, "PRIMARY_XXS_LINE_HEIGHT_DESKTOP": { @@ -3355,12 +3349,10 @@ "originalValue": "26px" }, "BODY_S_LINE_HEIGHT_DESKTOP": { - "selector": "lrv-a-font", - "status": "alpha", "category": "line-height", "type": "number", - "value": "22px", - "originalValue": "22px", + "value": "16px", + "originalValue": "16px", "name": "BODY_S_LINE_HEIGHT_DESKTOP" }, "ACCENT_L_LINE_HEIGHT_DESKTOP": { @@ -3398,15 +3390,15 @@ "BODY_XXXS_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "18px", + "originalValue": "18px", "name": "BODY_XXXS_LINE_HEIGHT_DESKTOP" }, "BODY_XS_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "14px", + "originalValue": "14px", "name": "BODY_XS_LINE_HEIGHT_DESKTOP" }, "SECONDARY_XS_LINE_HEIGHT_MOBILE": { @@ -4012,15 +4004,15 @@ "BODY_L_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "31px", + "originalValue": "31px", "name": "BODY_L_LINE_HEIGHT_DESKTOP" }, "BODY_XXL_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "28px", + "originalValue": "28px", "name": "BODY_XXL_LINE_HEIGHT_DESKTOP" }, "PRIMARY_L_LINE_HEIGHT_DESKTOP": { @@ -4083,19 +4075,663 @@ "originalValue": "Verdana, sans-serif", "name": "FONT_FAMILY_ACCENT_FANCY" }, - "FONT_FAMILY_BASIC_FANCY": { - "category": "font-family", - "value": "'Feature Flat Text', sans-serif", - "type": "font-family", - "originalValue": "'Feature Flat Text', sans-serif", - "name": "FONT_FAMILY_BASIC_FANCY" + "BASIC_XXL_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "800", + "name": "BASIC_XXL_FONT_WEIGHT_DESKTOP-XL" }, - "FONT_FAMILY_BODY_FANCY": { - "category": "font-family", - "value": "'Feature Flat Text', Helvetica, sans-serif", - "type": "font", - "originalValue": "'Feature Flat Text', Helvetica, sans-serif", - "name": "FONT_FAMILY_BODY_FANCY" + "BASIC_XL_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "originalValue": "0px", + "name": "BASIC_XL_LETTER_SPACING_DESKTOP-XL" + }, + "BODY_XL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "26px", + "originalValue": "26px", + "name": "BODY_XL_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_XXXL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "30px", + "originalValue": "30px", + "name": "BODY_XXXL_LINE_HEIGHT_DESKTOP-XL" + }, + "PRIMARY_XL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "34px", + "originalValue": "34px", + "name": "PRIMARY_XL_LINE_HEIGHT_DESKTOP-XL" + }, + "BASIC_L_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "800", + "name": "BASIC_L_FONT_WEIGHT_DESKTOP-XL" + }, + "PRIMARY_M_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "24px", + "originalValue": "24px", + "name": "PRIMARY_M_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_M_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "20px", + "originalValue": "20px", + "name": "BODY_M_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_XL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "22px", + "originalValue": "22px", + "name": "BODY_XL_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_XL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "32px", + "originalValue": "32px", + "name": "PRIMARY_XL_FONT_SIZE_DESKTOP-XL" + }, + "BODY_XXXL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "26px", + "originalValue": "26px", + "name": "BODY_XXXL_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_M_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "20px", + "originalValue": "20px", + "name": "PRIMARY_M_FONT_SIZE_DESKTOP-XL" + }, + "BODY_M_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "16px", + "originalValue": "16px", + "name": "BODY_M_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_XXL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "40px", + "originalValue": "40px", + "name": "PRIMARY_XXL_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_XXL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "28px", + "originalValue": "28px", + "name": "BODY_XXL_LINE_HEIGHT_DESKTOP-XL" + }, + "PRIMARY_L_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "30px", + "originalValue": "30px", + "name": "PRIMARY_L_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_L_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "31px", + "originalValue": "31px", + "name": "BODY_L_LINE_HEIGHT_DESKTOP-XL" + }, + "PRIMARY_XS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "bold", + "originalValue": "bold", + "name": "PRIMARY_XS_FONT_WEIGHT_DESKTOP-XL" + }, + "PRIMARY_XXL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "36px", + "originalValue": "36px", + "name": "PRIMARY_XXL_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_L_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "26px", + "originalValue": "26px", + "name": "PRIMARY_L_FONT_SIZE_DESKTOP-XL" + }, + "BODY_XXL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "24px", + "originalValue": "24px", + "name": "BODY_XXL_FONT_SIZE_DESKTOP-XL" + }, + "BODY_L_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "20px", + "originalValue": "20px", + "name": "BODY_L_FONT_SIZE_DESKTOP-XL" + }, + "BASIC_XS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "13px", + "originalValue": "13px", + "name": "BASIC_XS_LINE_HEIGHT_DESKTOP-XL" + }, + "PRIMARY_XXS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "bold", + "originalValue": "bold", + "name": "PRIMARY_XXS_FONT_WEIGHT_DESKTOP-XL" + }, + "PRIMARY_S_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "bold", + "originalValue": "bold", + "name": "PRIMARY_S_FONT_WEIGHT_DESKTOP-XL" + }, + "BASIC_XS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "13px", + "originalValue": "13px", + "name": "BASIC_XS_FONT_SIZE_DESKTOP-XL" + }, + "BASIC_XS_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.22px", + "originalValue": "0.22px", + "name": "BASIC_XS_LETTER_SPACING_DESKTOP-XL" + }, + "SECONDARY_S_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "26px", + "originalValue": "26px", + "name": "SECONDARY_S_LINE_HEIGHT_DESKTOP-XL" + }, + "SECONDARY_XXS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "21px", + "name": "SECONDARY_XXS_LINE_HEIGHT_DESKTOP-XL", + "originalValue": "21px" + }, + "PRIMARY_XL_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "700", + "originalValue": "700", + "name": "PRIMARY_XL_FONT_WEIGHT_DESKTOP-XL" + }, + "SECONDARY_S_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "22px", + "originalValue": "22px", + "name": "SECONDARY_S_FONT_SIZE_DESKTOP-XL" + }, + "BODY_L_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.01px", + "name": "BODY_L_LETTER_SPACING_DESKTOP-XL", + "originalValue": "0.01px" + }, + "SECONDARY_XXS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "18px", + "originalValue": "18px", + "name": "SECONDARY_XXS_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_M_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "bold", + "originalValue": "bold", + "name": "PRIMARY_M_FONT_WEIGHT_DESKTOP-XL" + }, + "SECONDARY_XS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "22px", + "originalValue": "22px", + "name": "SECONDARY_XS_LINE_HEIGHT_DESKTOP-XL" + }, + "BASIC_XL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "21px", + "originalValue": "21px", + "name": "BASIC_XL_LINE_HEIGHT_DESKTOP-XL" + }, + "SECONDARY_XS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "20px", + "originalValue": "20px", + "name": "SECONDARY_XS_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_XXL_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "700", + "originalValue": "700", + "name": "PRIMARY_XXL_FONT_WEIGHT_DESKTOP-XL" + }, + "PRIMARY_L_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "bold", + "originalValue": "bold", + "name": "PRIMARY_L_FONT_WEIGHT_DESKTOP-XL" + }, + "BASIC_XL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "21px", + "originalValue": "21px", + "name": "BASIC_XL_FONT_SIZE_DESKTOP-XL" + }, + "FONT_FAMILY_BASIC_FANCY": { + "category": "font-family", + "value": "'Feature Flat Text', sans-serif", + "type": "font-family", + "originalValue": "'Feature Flat Text', sans-serif", + "name": "FONT_FAMILY_BASIC_FANCY" + }, + "BASIC_XXS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "13px", + "originalValue": "13px", + "name": "BASIC_XXS_LINE_HEIGHT_DESKTOP-XL" + }, + "BASIC_S_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "15px", + "originalValue": "15px", + "name": "BASIC_S_LINE_HEIGHT_DESKTOP-XL" + }, + "SECONDARY_M_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "30px", + "originalValue": "30px", + "name": "SECONDARY_M_LINE_HEIGHT_DESKTOP-XL" + }, + "BASIC_XS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "800", + "name": "BASIC_XS_FONT_WEIGHT_DESKTOP-XL" + }, + "BASIC_S_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "15px", + "originalValue": "15px", + "name": "BASIC_S_FONT_SIZE_DESKTOP-XL" + }, + "SECONDARY_M_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "26px", + "originalValue": "26px", + "name": "SECONDARY_M_FONT_SIZE_DESKTOP-XL" + }, + "SECONDARY_L_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "37px", + "originalValue": "37px", + "name": "SECONDARY_L_LINE_HEIGHT_DESKTOP-XL" + }, + "SECONDARY_XXL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "42px", + "name": "SECONDARY_XXL_LINE_HEIGHT_DESKTOP-XL", + "originalValue": "42px" + }, + "BASIC_XXS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "11px", + "originalValue": "11px", + "name": "BASIC_XXS_FONT_SIZE_DESKTOP-XL" + }, + "SECONDARY_L_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "33px", + "originalValue": "33px", + "name": "SECONDARY_L_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_S_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "2px", + "originalValue": "2px", + "name": "PRIMARY_S_LETTER_SPACING_DESKTOP-XL" + }, + "BODY_XXS_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.22px", + "originalValue": "0.22px", + "name": "BODY_XXS_LETTER_SPACING_DESKTOP-XL" + }, + "SECONDARY_XXL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "40px", + "name": "SECONDARY_XXL_FONT_SIZE_DESKTOP-XL", + "originalValue": "40px" + }, + "SECONDARY_XL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "39px", + "originalValue": "39px", + "name": "SECONDARY_XL_LINE_HEIGHT_DESKTOP-XL" + }, + "SECONDARY_S_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "400", + "originalValue": "400", + "name": "SECONDARY_S_FONT_WEIGHT_DESKTOP-XL" + }, + "SECONDARY_XXS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "normal", + "originalValue": "normal", + "name": "SECONDARY_XXS_FONT_WEIGHT_DESKTOP-XL" + }, + "BODY_XS_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.5px", + "originalValue": "0.5px", + "name": "BODY_XS_LETTER_SPACING_DESKTOP-XL" + }, + "SECONDARY_XL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "34px", + "originalValue": "34px", + "name": "SECONDARY_XL_FONT_SIZE_DESKTOP-XL" + }, + "BASIC_M_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "18px", + "originalValue": "18px", + "name": "BASIC_M_LINE_HEIGHT_DESKTOP-XL" + }, + "SECONDARY_XS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "normal", + "originalValue": "normal", + "name": "SECONDARY_XS_FONT_WEIGHT_DESKTOP-XL" + }, + "BASIC_XXL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "24px", + "name": "BASIC_XXL_LINE_HEIGHT_DESKTOP-XL", + "originalValue": "24px" + }, + "BASIC_L_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "18px", + "originalValue": "18px", + "name": "BASIC_L_LINE_HEIGHT_DESKTOP-XL" + }, + "BASIC_M_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "16px", + "originalValue": "16px", + "name": "BASIC_M_FONT_SIZE_DESKTOP-XL" + }, + "BASIC_L_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "originalValue": "0px", + "name": "BASIC_L_LETTER_SPACING_DESKTOP-XL" + }, + "BASIC_XXL_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "originalValue": "0px", + "name": "BASIC_XXL_LETTER_SPACING_DESKTOP-XL" + }, + "BASIC_XL_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "800", + "name": "BASIC_XL_FONT_WEIGHT_DESKTOP-XL" + }, + "FONT_FAMILY_BODY_FANCY": { + "category": "font-family", + "value": "'Feature Flat Text', Helvetica, sans-serif", + "type": "font", + "originalValue": "'Feature Flat Text', Helvetica, sans-serif", + "name": "FONT_FAMILY_BODY_FANCY" + }, + "BASIC_XXL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "24px", + "originalValue": "24px", + "name": "BASIC_XXL_FONT_SIZE_DESKTOP-XL" + }, + "BASIC_M_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.5px", + "originalValue": "0.5px", + "name": "BASIC_M_LETTER_SPACING_DESKTOP-XL" + }, + "BASIC_L_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "18px", + "originalValue": "18px", + "name": "BASIC_L_FONT_SIZE_DESKTOP-XL" + }, + "BASIC_XXS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "800", + "name": "BASIC_XXS_FONT_WEIGHT_DESKTOP-XL" + }, + "BODY_XS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "14px", + "originalValue": "14px", + "name": "BODY_XS_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_XXXS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "18px", + "originalValue": "18px", + "name": "BODY_XXXS_LINE_HEIGHT_DESKTOP-XL" + }, + "PRIMARY_XS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "22px", + "originalValue": "22px", + "name": "PRIMARY_XS_LINE_HEIGHT_DESKTOP-XL" + }, + "BASIC_S_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "800", + "name": "BASIC_S_FONT_WEIGHT_DESKTOP-XL" + }, + "SECONDARY_M_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "400", + "originalValue": "400", + "name": "SECONDARY_M_FONT_WEIGHT_DESKTOP-XL" + }, + "SECONDARY_L_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "400", + "originalValue": "400", + "name": "SECONDARY_L_FONT_WEIGHT_DESKTOP-XL" + }, + "BODY_XS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "10px", + "originalValue": "10px", + "name": "BODY_XS_FONT_SIZE_DESKTOP-XL" + }, + "BODY_XXXS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "14px", + "originalValue": "14px", + "name": "BODY_XXXS_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_XS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "18px", + "originalValue": "18px", + "name": "PRIMARY_XS_FONT_SIZE_DESKTOP-XL" + }, + "SECONDARY_XL_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "name": "SECONDARY_XL_LETTER_SPACING_DESKTOP-XL", + "originalValue": "0px" + }, + "PRIMARY_XXS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "20px", + "originalValue": "20px", + "name": "PRIMARY_XXS_LINE_HEIGHT_DESKTOP-XL" + }, + "PRIMARY_S_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "32px", + "originalValue": "32px", + "name": "PRIMARY_S_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_XXS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "15px", + "originalValue": "15px", + "name": "BODY_XXS_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_S_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "16px", + "originalValue": "16px", + "name": "BODY_S_LINE_HEIGHT_DESKTOP-XL" + }, + "PRIMARY_XXS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "16px", + "originalValue": "16px", + "name": "PRIMARY_XXS_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_S_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "20px", + "originalValue": "20px", + "name": "PRIMARY_S_FONT_SIZE_DESKTOP-XL" + }, + "BODY_XXS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "13px", + "originalValue": "13px", + "name": "BODY_XXS_FONT_SIZE_DESKTOP-XL" + }, + "BODY_S_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "14px", + "originalValue": "14px", + "name": "BODY_S_FONT_SIZE_DESKTOP-XL" + }, + "SECONDARY_L_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "name": "SECONDARY_L_LETTER_SPACING_DESKTOP-XL", + "originalValue": "0px" + }, + "BASIC_XXS_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.22px", + "originalValue": "0.22px", + "name": "BASIC_XXS_LETTER_SPACING_DESKTOP-XL" + }, + "SECONDARY_M_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "originalValue": "0px", + "name": "SECONDARY_M_LETTER_SPACING_DESKTOP-XL" + }, + "BASIC_M_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "800", + "name": "BASIC_M_FONT_WEIGHT_DESKTOP-XL" } } } \ No newline at end of file diff --git a/packages/larva-tokens/build/rollingstone-2022.custom-properties.css b/packages/larva-tokens/build/rollingstone-2022.custom-properties.css index ecaff960e..359b73b09 100644 --- a/packages/larva-tokens/build/rollingstone-2022.custom-properties.css +++ b/packages/larva-tokens/build/rollingstone-2022.custom-properties.css @@ -1 +1 @@ -:root{--border-color-grey-lightest: rgb(239, 239, 239);--border-color-brand-secondary-light: rgb(165, 133, 83);--border-color-grey-light: rgb(153, 153, 153);--border-color-grey-dark: rgb(102, 102, 102);--border-color-brand-secondary-dark: rgb(122, 89, 45);--border-color-brand-secondary: rgb(0, 0, 0);--border-color-grey: rgb(118, 118, 118);--border-color-brand-primary-light: rgb(230, 0, 25);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(230, 0, 25);--border-color-brand-primary: rgb(230, 0, 25);--background-color-grey-light: rgb(153, 153, 153);--background-color-grey-lightest: rgb(239, 239, 239);--background-color-brand-secondary-dark: rgb(122, 89, 45);--background-color-brand-secondary-light: rgb(165, 133, 83);--background-color-grey-dark: rgb(102, 102, 102);--background-color-grey: rgb(118, 118, 118);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(122, 89, 45);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(230, 0, 25);--background-color-brand-primary-dark: rgb(230, 0, 25);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(230, 0, 25);--background-color-grey-darkest: rgb(64, 64, 64);--color-brand-secondary: rgb(122, 89, 45);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(230, 0, 25);--color-brand-primary-dark: rgb(230, 0, 25);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(230, 0, 25);--color-grey-light: rgb(153, 153, 153);--color-brand-secondary-dark: rgb(122, 89, 45);--color-brand-secondary-light: rgb(165, 133, 83);--color-grey-dark: rgb(102, 102, 102);--color-grey: rgb(118, 118, 118);--font-family-primary-fancy: "Feature Flat Deck", serif;--font-family-primary: serif;--font-family-secondary-fancy: "Feature Flat Deck", serif;--font-family-secondary: serif;--font-family-body: "Feature Flat Text", Helvetica, sans-serif;--font-family-basic: sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--body-l-font-size-mobile: 20px;--primary-xl-font-size-desktop: 32px;--body-xxxl-font-size-desktop: initial;--body-xl-font-size-desktop: initial;--primary-xxl-font-size-mobile: 30px;--primary-l-font-size-mobile: 24px;--body-xxl-font-size-mobile: 24px;--basic-s-font-size-desktop-xl: initial;--secondary-m-font-size-desktop-xl: 14px;--basic-xxs-font-size-desktop-xl: initial;--basic-xs-font-size-mobile: 14px;--secondary-l-font-size-desktop-xl: 30px;--secondary-xxl-font-size-desktop-xl: initial;--body-s-font-size-desktop: 16px;--body-xxs-font-size-desktop: initial;--primary-s-font-size-desktop: 20px;--primary-xxs-font-size-desktop: 16px;--secondary-regular-m-font-size-desktop-xl: 15px;--secondary-xl-font-size-desktop-xl: initial;--accent-s-font-size-desktop-xl: 23px;--accent-xxs-font-size-desktop-xl: 18px;--accent-l-font-size-desktop: 58px;--accent-m-font-size-desktop: 26px;--primary-xxxs-font-size-desktop: 20px;--primary-xs-font-size-desktop: 18px;--body-xxxs-font-size-desktop: initial;--body-xs-font-size-desktop: initial;--secondary-s-font-size-mobile: 24px;--secondary-xxs-font-size-mobile: 22px;--basic-m-font-size-desktop-xl: initial;--secondary-xs-font-size-mobile: 20px;--accent-regular-xxs-font-size-desktop-xl: 18px;--basic-xxl-font-size-desktop-xl: initial;--basic-l-font-size-desktop-xl: initial;--basic-l-font-size-desktop: 18px;--basic-xxl-font-size-desktop: 24px;--accent-regular-xxs-font-size-desktop: 18px;--basic-xl-font-size-mobile: 18px;--basic-m-font-size-desktop: 16px;--body-xs-font-size-desktop-xl: initial;--body-xxxs-font-size-desktop-xl: initial;--primary-xs-font-size-desktop-xl: 26px;--primary-xxxs-font-size-desktop-xl: 20px;--accent-m-font-size-desktop-xl: 26px;--basic-s-font-size-mobile: 15px;--secondary-m-font-size-mobile: 26px;--accent-xxs-font-size-desktop: 18px;--accent-l-font-size-desktop-xl: 58px;--basic-xxs-font-size-mobile: 11px;--accent-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop-xl: 24px;--body-xxs-font-size-desktop-xl: initial;--primary-s-font-size-desktop-xl: 36px;--body-s-font-size-desktop-xl: 16px;--secondary-xl-font-size-desktop: 34px;--secondary-regular-m-font-size-desktop: 15px;--secondary-l-font-size-mobile: 26px;--secondary-xxl-font-size-mobile: 24px;--secondary-xl-font-size-mobile: 24px;--secondary-xxl-font-size-desktop: 40px;--secondary-l-font-size-desktop: 33px;--secondary-regular-m-font-size-mobile: 15px;--accent-xxs-font-size-mobile: 14px;--secondary-m-font-size-desktop: 26px;--basic-s-font-size-desktop: 15px;--basic-xxs-font-size-desktop: 11px;--accent-s-font-size-mobile: 23px;--basic-m-font-size-mobile: 16px;--body-xl-font-size-desktop-xl: initial;--body-xxxl-font-size-desktop-xl: initial;--primary-xl-font-size-desktop-xl: 58px;--accent-regular-xxs-font-size-mobile: 14px;--primary-m-font-size-desktop-xl: 36px;--basic-xxl-font-size-mobile: 16px;--body-m-font-size-desktop-xl: 18px;--basic-l-font-size-mobile: 16px;--basic-xl-font-size-desktop: 21px;--accent-xs-font-size-desktop-xl: 23px;--secondary-xs-font-size-desktop: 20px;--primary-xxl-font-size-desktop-xl: initial;--primary-l-font-size-desktop-xl: 45px;--body-xxl-font-size-desktop-xl: initial;--body-l-font-size-desktop-xl: initial;--body-xs-font-size-mobile: 10px;--body-xxxs-font-size-mobile: 14px;--primary-xs-font-size-mobile: 22px;--primary-xxxs-font-size-mobile: 19px;--accent-m-font-size-mobile: 26px;--secondary-xxs-font-size-desktop: 18px;--secondary-s-font-size-desktop: 22px;--basic-xs-font-size-desktop-xl: initial;--accent-l-font-size-mobile: 40px;--primary-xxs-font-size-mobile: 16px;--primary-s-font-size-mobile: 20px;--body-xxs-font-size-mobile: 13px;--body-s-font-size-mobile: 14px;--basic-xs-font-size-desktop: 13px;--secondary-s-font-size-desktop-xl: 12px;--secondary-xxs-font-size-desktop-xl: initial;--body-l-font-size-desktop: initial;--body-xxl-font-size-desktop: initial;--primary-l-font-size-desktop: 26px;--primary-xxl-font-size-desktop: 36px;--secondary-xs-font-size-desktop-xl: initial;--body-xl-font-size-mobile: 22px;--body-xxxl-font-size-mobile: 26px;--primary-xl-font-size-mobile: 30px;--basic-xl-font-size-desktop-xl: initial;--accent-xs-font-size-mobile: 18px;--primary-m-font-size-mobile: 26px;--body-m-font-size-desktop: 18px;--body-m-font-size-mobile: 16px;--primary-m-font-size-desktop: 20px;--accent-xs-font-size-desktop: 23px;--secondary-xs-letter-spacing-desktop: normal;--secondary-xxs-letter-spacing-mobile: normal;--secondary-s-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop: 0px;--body-s-letter-spacing-desktop-xl: normal;--body-xxs-letter-spacing-desktop-xl: normal;--primary-s-letter-spacing-desktop-xl: normal;--primary-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop-xl: 1.66px;--basic-xxs-letter-spacing-desktop: 0.22px;--basic-s-letter-spacing-desktop: normal;--basic-xs-letter-spacing-mobile: 0.22px;--secondary-m-letter-spacing-desktop: 0px;--accent-m-letter-spacing-desktop-xl: normal;--primary-xxxs-letter-spacing-desktop-xl: normal;--primary-xs-letter-spacing-desktop-xl: normal;--body-xxxs-letter-spacing-desktop-xl: normal;--body-xs-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop: 0px;--secondary-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-desktop: 0px;--body-l-letter-spacing-mobile: 0.01px;--body-xxl-letter-spacing-mobile: normal;--primary-l-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-mobile: normal;--secondary-regular-m-letter-spacing-desktop: normal;--accent-xs-letter-spacing-mobile: 0.52px;--accent-s-letter-spacing-desktop: normal;--basic-l-letter-spacing-desktop-xl: normal;--accent-xxs-letter-spacing-desktop: .52px;--basic-xxl-letter-spacing-desktop-xl: normal;--accent-regular-xxs-letter-spacing-desktop-xl: 0.52px;--body-m-letter-spacing-mobile: normal;--primary-m-letter-spacing-mobile: normal;--primary-xl-letter-spacing-mobile: normal;--body-xxxl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop: 0.5px;--accent-regular-xxs-letter-spacing-desktop: 0.52px;--basic-xxl-letter-spacing-desktop: 0px;--accent-s-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-desktop: 0px;--accent-xxs-letter-spacing-desktop-xl: .52px;--secondary-xl-letter-spacing-desktop-xl: normal;--secondary-regular-m-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop-xl: normal;--body-s-letter-spacing-mobile: normal;--primary-s-letter-spacing-mobile: 2px;--body-xs-letter-spacing-desktop: normal;--body-xxs-letter-spacing-mobile: 0.22px;--body-xxxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-desktop: normal;--primary-xxs-letter-spacing-mobile: normal;--primary-xxxs-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop: 1.66px;--accent-l-letter-spacing-mobile: 1.14px;--secondary-m-letter-spacing-desktop-xl: normal;--basic-s-letter-spacing-desktop-xl: normal;--accent-m-letter-spacing-mobile: .74px;--primary-xxxs-letter-spacing-mobile: normal;--primary-xxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-mobile: normal;--body-xxs-letter-spacing-desktop: normal;--body-xxxs-letter-spacing-mobile: normal;--primary-s-letter-spacing-desktop: 2px;--body-s-letter-spacing-desktop: normal;--body-xs-letter-spacing-mobile: 0.5px;--basic-xl-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-mobile: 0px;--basic-xxl-letter-spacing-mobile: 0.5px;--accent-regular-xxs-letter-spacing-mobile: 0.4px;--secondary-xs-letter-spacing-desktop-xl: normal;--basic-m-letter-spacing-mobile: 0.5px;--secondary-xxs-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop: normal;--body-xxxl-letter-spacing-desktop: normal;--primary-xl-letter-spacing-desktop: normal;--accent-xs-letter-spacing-desktop: 0.66px;--accent-xxs-letter-spacing-mobile: .4px;--primary-m-letter-spacing-desktop: normal;--body-m-letter-spacing-desktop: normal;--accent-s-letter-spacing-mobile: .66px;--secondary-regular-m-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-desktop: normal;--primary-l-letter-spacing-desktop: normal;--body-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-mobile: 0px;--body-l-letter-spacing-desktop: normal;--basic-xs-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-mobile: normal;--secondary-l-letter-spacing-mobile: 0px;--secondary-m-letter-spacing-mobile: 0px;--basic-s-letter-spacing-mobile: normal;--basic-xs-letter-spacing-desktop: 0.22px;--basic-xxs-letter-spacing-mobile: 0.22px;--body-l-letter-spacing-desktop-xl: normal;--body-xxl-letter-spacing-desktop-xl: normal;--primary-l-letter-spacing-desktop-xl: normal;--primary-xxl-letter-spacing-desktop-xl: normal;--basic-xl-letter-spacing-mobile: 0px;--body-m-letter-spacing-desktop-xl: normal;--primary-m-letter-spacing-desktop-xl: normal;--accent-xs-letter-spacing-desktop-xl: 0.66px;--primary-xl-letter-spacing-desktop-xl: normal;--body-xxxl-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop: normal;--secondary-xs-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop: normal;--body-xs-font-weight-mobile: normal;--body-xxxs-font-weight-mobile: normal;--primary-xs-font-weight-mobile: bold;--primary-xxxs-font-weight-mobile: 700;--accent-m-font-weight-mobile: 300;--basic-l-font-weight-desktop: 800;--basic-xxl-font-weight-desktop: 800;--accent-regular-xxs-font-weight-desktop: 400;--basic-xs-font-weight-desktop-xl: normal;--accent-l-font-weight-mobile: 300;--primary-xxs-font-weight-mobile: bold;--primary-s-font-weight-mobile: bold;--body-xxs-font-weight-mobile: normal;--body-s-font-weight-mobile: normal;--basic-m-font-weight-desktop: 800;--accent-xxs-font-weight-desktop: 300;--accent-s-font-weight-desktop: 300;--secondary-s-font-weight-desktop-xl: 600;--secondary-xxs-font-weight-desktop-xl: normal;--secondary-xl-font-weight-desktop: normal;--secondary-regular-m-font-weight-desktop: normal;--body-xl-font-weight-mobile: normal;--secondary-xs-font-weight-desktop-xl: normal;--body-xxxl-font-weight-mobile: normal;--primary-xl-font-weight-mobile: 700;--secondary-xxl-font-weight-desktop: normal;--secondary-l-font-weight-desktop: 400;--body-m-font-weight-mobile: normal;--basic-xxs-font-weight-desktop: 800;--accent-xs-font-weight-mobile: 300;--basic-xl-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop: 400;--basic-s-font-weight-desktop: 800;--primary-m-font-weight-mobile: bold;--primary-xxl-font-weight-mobile: 700;--primary-l-font-weight-mobile: bold;--body-xxl-font-weight-mobile: normal;--body-l-font-weight-mobile: normal;--basic-xl-font-weight-desktop: 800;--basic-xxs-font-weight-desktop-xl: normal;--basic-s-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop-xl: 600;--secondary-l-font-weight-desktop-xl: 600;--secondary-xxl-font-weight-desktop-xl: normal;--basic-xs-font-weight-mobile: 800;--secondary-xs-font-weight-desktop: normal;--secondary-xxs-font-weight-desktop: normal;--secondary-s-font-weight-desktop: 400;--secondary-xl-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-desktop-xl: normal;--accent-s-font-weight-desktop-xl: 300;--accent-xxs-font-weight-desktop-xl: 300;--secondary-s-font-weight-mobile: 400;--secondary-xxs-font-weight-mobile: normal;--basic-m-font-weight-desktop-xl: normal;--accent-regular-xxs-font-weight-desktop-xl: 400;--basic-xxl-font-weight-desktop-xl: normal;--basic-l-font-weight-desktop-xl: normal;--basic-xs-font-weight-desktop: 800;--secondary-xs-font-weight-mobile: normal;--basic-xl-font-weight-mobile: 800;--body-xxl-font-weight-desktop: normal;--primary-l-font-weight-desktop: bold;--primary-xxxs-font-weight-desktop-xl: 700;--primary-xxl-font-weight-desktop: 700;--accent-m-font-weight-desktop-xl: 300;--body-xs-font-weight-desktop-xl: normal;--body-l-font-weight-desktop: normal;--body-xxxs-font-weight-desktop-xl: normal;--primary-xs-font-weight-desktop-xl: 700;--body-m-font-weight-desktop: normal;--accent-l-font-weight-desktop-xl: 300;--primary-m-font-weight-desktop: bold;--basic-xxs-font-weight-mobile: 800;--accent-xs-font-weight-desktop: 300;--basic-s-font-weight-mobile: 800;--secondary-m-font-weight-mobile: 400;--primary-xl-font-weight-desktop: 700;--body-xxxl-font-weight-desktop: normal;--body-xl-font-weight-desktop: normal;--secondary-l-font-weight-mobile: 400;--secondary-xxl-font-weight-mobile: normal;--primary-xxs-font-weight-desktop-xl: 700;--primary-s-font-weight-desktop-xl: 700;--body-xxs-font-weight-desktop-xl: normal;--body-s-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-mobile: normal;--secondary-xl-font-weight-mobile: normal;--accent-s-font-weight-mobile: 300;--accent-xxs-font-weight-mobile: 300;--basic-m-font-weight-mobile: 800;--body-s-font-weight-desktop: normal;--body-xxs-font-weight-desktop: normal;--primary-s-font-weight-desktop: bold;--primary-xxs-font-weight-desktop: bold;--body-xl-font-weight-desktop-xl: normal;--body-xxxl-font-weight-desktop-xl: normal;--primary-xl-font-weight-desktop-xl: 700;--accent-xs-font-weight-desktop-xl: 300;--accent-regular-xxs-font-weight-mobile: 400;--accent-l-font-weight-desktop: 300;--basic-xxl-font-weight-mobile: 800;--primary-m-font-weight-desktop-xl: 700;--body-m-font-weight-desktop-xl: normal;--basic-l-font-weight-mobile: 800;--accent-m-font-weight-desktop: 300;--primary-xxxs-font-weight-desktop: 700;--body-xxxs-font-weight-desktop: normal;--primary-xs-font-weight-desktop: bold;--body-xs-font-weight-desktop: normal;--primary-xxl-font-weight-desktop-xl: normal;--primary-l-font-weight-desktop-xl: 700;--body-xxl-font-weight-desktop-xl: normal;--body-l-font-weight-desktop-xl: normal;--accent-xs-line-height-desktop: 24px;--body-m-line-height-desktop: 24px;--primary-m-line-height-desktop: 24px;--basic-s-line-height-desktop-xl: initial;--secondary-m-line-height-desktop-xl: 17px;--body-xxxl-line-height-desktop: initial;--primary-xl-line-height-desktop: 34px;--body-xl-line-height-desktop: initial;--basic-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-mobile: 14px;--secondary-l-line-height-desktop-xl: 35px;--secondary-xxl-line-height-desktop-xl: initial;--secondary-regular-m-line-height-desktop-xl: 15px;--secondary-xl-line-height-desktop-xl: initial;--accent-xxs-line-height-desktop-xl: 18px;--accent-s-line-height-desktop-xl: 23px;--primary-s-line-height-desktop: 32px;--body-xxs-line-height-desktop: initial;--primary-xxs-line-height-desktop: 20px;--secondary-s-line-height-mobile: 24px;--secondary-xxs-line-height-mobile: 26px;--body-s-line-height-desktop: 22px;--accent-l-line-height-desktop: 50px;--basic-m-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop: 23px;--primary-xs-line-height-desktop: 22px;--body-xxxs-line-height-desktop: initial;--body-xs-line-height-desktop: initial;--secondary-xs-line-height-mobile: 22px;--basic-l-line-height-desktop-xl: initial;--accent-regular-xxs-line-height-desktop-xl: 26px;--basic-xxl-line-height-desktop-xl: initial;--accent-m-line-height-desktop: 26px;--basic-xl-line-height-mobile: 18px;--accent-regular-xxs-line-height-desktop: 26px;--body-xs-line-height-desktop-xl: initial;--primary-xs-line-height-desktop-xl: 29px;--body-xxxs-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop-xl: 23px;--accent-m-line-height-desktop-xl: 26px;--basic-l-line-height-desktop: 18px;--basic-xxl-line-height-desktop: 24px;--basic-m-line-height-desktop: 18px;--basic-s-line-height-mobile: 15px;--secondary-m-line-height-mobile: 30px;--basic-xxs-line-height-mobile: 13px;--accent-l-line-height-desktop-xl: 50px;--primary-xxs-line-height-desktop-xl: 27px;--primary-s-line-height-desktop-xl: 38px;--body-xxs-line-height-desktop-xl: initial;--body-s-line-height-desktop-xl: 22px;--secondary-l-line-height-mobile: 32px;--secondary-xxl-line-height-mobile: 28px;--accent-s-line-height-desktop: 23px;--accent-xxs-line-height-desktop: 18px;--secondary-xl-line-height-mobile: 28px;--secondary-xl-line-height-desktop: 39px;--secondary-regular-m-line-height-mobile: 15px;--secondary-regular-m-line-height-desktop: 15px;--accent-s-line-height-mobile: 23px;--accent-xxs-line-height-mobile: 0.4px;--secondary-xxl-line-height-desktop: 42px;--secondary-l-line-height-desktop: 37px;--secondary-m-line-height-desktop: 30px;--basic-s-line-height-desktop: 15px;--body-xl-line-height-desktop-xl: initial;--primary-xl-line-height-desktop-xl: 57px;--body-xxxl-line-height-desktop-xl: initial;--basic-xxs-line-height-desktop: 13px;--basic-m-line-height-mobile: 18px;--basic-l-line-height-mobile: 16px;--primary-m-line-height-desktop-xl: 40px;--body-m-line-height-desktop-xl: 24px;--accent-regular-xxs-line-height-mobile: 14px;--basic-xxl-line-height-mobile: 16px;--accent-xs-line-height-desktop-xl: 24px;--primary-xxl-line-height-desktop-xl: initial;--primary-l-line-height-desktop-xl: 42px;--body-xxl-line-height-desktop-xl: initial;--body-l-line-height-desktop-xl: initial;--basic-xl-line-height-desktop: 21px;--secondary-xs-line-height-desktop: 22px;--body-xs-line-height-mobile: 14px;--body-xxxs-line-height-mobile: 18px;--primary-xs-line-height-mobile: 24px;--primary-xxxs-line-height-mobile: 21px;--accent-m-line-height-mobile: 26px;--accent-l-line-height-mobile: 36px;--basic-xs-line-height-desktop-xl: initial;--secondary-xxs-line-height-desktop: 21px;--secondary-s-line-height-desktop: 26px;--primary-xxs-line-height-mobile: 20px;--primary-s-line-height-mobile: 32px;--body-xxs-line-height-mobile: 15px;--body-s-line-height-mobile: 16px;--secondary-s-line-height-desktop-xl: 17px;--secondary-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-desktop: 13px;--body-xl-line-height-mobile: 26px;--body-xxxl-line-height-mobile: 30px;--primary-xl-line-height-mobile: 32px;--secondary-xs-line-height-desktop-xl: initial;--primary-m-line-height-mobile: 29px;--body-m-line-height-mobile: 20px;--basic-xl-line-height-desktop-xl: initial;--accent-xs-line-height-mobile: 19px;--body-l-line-height-desktop: initial;--body-xxl-line-height-desktop: initial;--primary-l-line-height-desktop: 30px;--primary-xxl-line-height-desktop: 40px;--primary-xxl-line-height-mobile: 33px;--body-xxl-line-height-mobile: 28px;--primary-l-line-height-mobile: 28px;--body-l-line-height-mobile: 31px;--font-family-accent: Verdana, serif;--font-family-accent-fancy: Verdana, sans-serif;--font-family-basic-fancy: "Feature Flat Text", sans-serif;--font-family-body-fancy: "Feature Flat Text", Helvetica, sans-serif} \ No newline at end of file +:root{--border-color-grey-lightest: rgb(239, 239, 239);--border-color-brand-secondary-light: rgb(165, 133, 83);--border-color-grey-light: rgb(153, 153, 153);--border-color-grey-dark: rgb(102, 102, 102);--border-color-brand-secondary-dark: rgb(122, 89, 45);--border-color-brand-secondary: rgb(0, 0, 0);--border-color-grey: rgb(118, 118, 118);--border-color-brand-primary-light: rgb(230, 0, 25);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(230, 0, 25);--border-color-brand-primary: rgb(230, 0, 25);--background-color-grey-light: rgb(153, 153, 153);--background-color-grey-lightest: rgb(239, 239, 239);--background-color-brand-secondary-dark: rgb(122, 89, 45);--background-color-brand-secondary-light: rgb(165, 133, 83);--background-color-grey-dark: rgb(102, 102, 102);--background-color-grey: rgb(118, 118, 118);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(122, 89, 45);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(230, 0, 25);--background-color-brand-primary-dark: rgb(230, 0, 25);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(230, 0, 25);--background-color-grey-darkest: rgb(64, 64, 64);--color-brand-secondary: rgb(122, 89, 45);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(230, 0, 25);--color-brand-primary-dark: rgb(230, 0, 25);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(230, 0, 25);--color-grey-light: rgb(153, 153, 153);--color-brand-secondary-dark: rgb(122, 89, 45);--color-brand-secondary-light: rgb(165, 133, 83);--color-grey-dark: rgb(102, 102, 102);--color-grey: rgb(118, 118, 118);--font-family-primary-fancy: "Feature Flat Deck", serif;--font-family-primary: serif;--font-family-secondary-fancy: "Feature Flat Deck", serif;--font-family-secondary: serif;--font-family-body: "Feature Flat Text", Helvetica, sans-serif;--font-family-basic: sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--body-l-font-size-mobile: 20px;--primary-xl-font-size-desktop: 32px;--body-xxxl-font-size-desktop: 26px;--body-xl-font-size-desktop: 22px;--primary-xxl-font-size-mobile: 30px;--primary-l-font-size-mobile: 24px;--body-xxl-font-size-mobile: 24px;--basic-s-font-size-desktop-xl: initial;--secondary-m-font-size-desktop-xl: 14px;--basic-xxs-font-size-desktop-xl: initial;--basic-xs-font-size-mobile: 14px;--secondary-l-font-size-desktop-xl: 30px;--secondary-xxl-font-size-desktop-xl: initial;--body-s-font-size-desktop: 14px;--body-xxs-font-size-desktop: 13px;--primary-s-font-size-desktop: 20px;--primary-xxs-font-size-desktop: 16px;--secondary-regular-m-font-size-desktop-xl: 15px;--secondary-xl-font-size-desktop-xl: initial;--accent-s-font-size-desktop-xl: 23px;--accent-xxs-font-size-desktop-xl: 18px;--accent-l-font-size-desktop: 58px;--accent-m-font-size-desktop: 26px;--primary-xxxs-font-size-desktop: 20px;--primary-xs-font-size-desktop: 18px;--body-xxxs-font-size-desktop: 14px;--body-xs-font-size-desktop: 10px;--secondary-s-font-size-mobile: 24px;--secondary-xxs-font-size-mobile: 22px;--basic-m-font-size-desktop-xl: initial;--secondary-xs-font-size-mobile: 20px;--accent-regular-xxs-font-size-desktop-xl: 18px;--basic-xxl-font-size-desktop-xl: initial;--basic-l-font-size-desktop-xl: initial;--basic-l-font-size-desktop: 18px;--basic-xxl-font-size-desktop: 24px;--accent-regular-xxs-font-size-desktop: 18px;--basic-xl-font-size-mobile: 18px;--basic-m-font-size-desktop: 16px;--body-xs-font-size-desktop-xl: initial;--body-xxxs-font-size-desktop-xl: initial;--primary-xs-font-size-desktop-xl: 26px;--primary-xxxs-font-size-desktop-xl: 20px;--accent-m-font-size-desktop-xl: 26px;--basic-s-font-size-mobile: 15px;--secondary-m-font-size-mobile: 26px;--accent-xxs-font-size-desktop: 18px;--accent-l-font-size-desktop-xl: 58px;--basic-xxs-font-size-mobile: 11px;--accent-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop-xl: 24px;--body-xxs-font-size-desktop-xl: initial;--primary-s-font-size-desktop-xl: 36px;--body-s-font-size-desktop-xl: 16px;--secondary-xl-font-size-desktop: 34px;--secondary-regular-m-font-size-desktop: 15px;--secondary-l-font-size-mobile: 26px;--secondary-xxl-font-size-mobile: 24px;--secondary-xl-font-size-mobile: 24px;--secondary-xxl-font-size-desktop: 40px;--secondary-l-font-size-desktop: 33px;--secondary-regular-m-font-size-mobile: 15px;--accent-xxs-font-size-mobile: 14px;--secondary-m-font-size-desktop: 26px;--basic-s-font-size-desktop: 15px;--basic-xxs-font-size-desktop: 11px;--accent-s-font-size-mobile: 23px;--basic-m-font-size-mobile: 16px;--body-xl-font-size-desktop-xl: initial;--body-xxxl-font-size-desktop-xl: initial;--primary-xl-font-size-desktop-xl: 58px;--accent-regular-xxs-font-size-mobile: 14px;--primary-m-font-size-desktop-xl: 36px;--basic-xxl-font-size-mobile: 16px;--body-m-font-size-desktop-xl: 18px;--basic-l-font-size-mobile: 16px;--basic-xl-font-size-desktop: 21px;--accent-xs-font-size-desktop-xl: 23px;--secondary-xs-font-size-desktop: 20px;--primary-xxl-font-size-desktop-xl: initial;--primary-l-font-size-desktop-xl: 45px;--body-xxl-font-size-desktop-xl: initial;--body-l-font-size-desktop-xl: initial;--body-xs-font-size-mobile: 10px;--body-xxxs-font-size-mobile: 14px;--primary-xs-font-size-mobile: 22px;--primary-xxxs-font-size-mobile: 19px;--accent-m-font-size-mobile: 26px;--secondary-xxs-font-size-desktop: 18px;--secondary-s-font-size-desktop: 22px;--basic-xs-font-size-desktop-xl: initial;--accent-l-font-size-mobile: 40px;--primary-xxs-font-size-mobile: 16px;--primary-s-font-size-mobile: 20px;--body-xxs-font-size-mobile: 13px;--body-s-font-size-mobile: 14px;--basic-xs-font-size-desktop: 13px;--secondary-s-font-size-desktop-xl: 12px;--secondary-xxs-font-size-desktop-xl: initial;--body-l-font-size-desktop: 20px;--body-xxl-font-size-desktop: 24px;--primary-l-font-size-desktop: 26px;--primary-xxl-font-size-desktop: 36px;--secondary-xs-font-size-desktop-xl: initial;--body-xl-font-size-mobile: 22px;--body-xxxl-font-size-mobile: 26px;--primary-xl-font-size-mobile: 30px;--basic-xl-font-size-desktop-xl: initial;--accent-xs-font-size-mobile: 18px;--primary-m-font-size-mobile: 26px;--body-m-font-size-desktop: 16px;--body-m-font-size-mobile: 16px;--primary-m-font-size-desktop: 20px;--accent-xs-font-size-desktop: 23px;--secondary-xs-letter-spacing-desktop: normal;--secondary-xxs-letter-spacing-mobile: normal;--secondary-s-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop: 0px;--body-s-letter-spacing-desktop-xl: normal;--body-xxs-letter-spacing-desktop-xl: normal;--primary-s-letter-spacing-desktop-xl: normal;--primary-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop-xl: 1.66px;--basic-xxs-letter-spacing-desktop: 0.22px;--basic-s-letter-spacing-desktop: normal;--basic-xs-letter-spacing-mobile: 0.22px;--secondary-m-letter-spacing-desktop: 0px;--accent-m-letter-spacing-desktop-xl: normal;--primary-xxxs-letter-spacing-desktop-xl: normal;--primary-xs-letter-spacing-desktop-xl: normal;--body-xxxs-letter-spacing-desktop-xl: normal;--body-xs-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop: 0px;--secondary-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-desktop: 0px;--body-l-letter-spacing-mobile: 0.01px;--body-xxl-letter-spacing-mobile: normal;--primary-l-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-mobile: normal;--secondary-regular-m-letter-spacing-desktop: normal;--accent-xs-letter-spacing-mobile: 0.52px;--accent-s-letter-spacing-desktop: normal;--basic-l-letter-spacing-desktop-xl: normal;--accent-xxs-letter-spacing-desktop: .52px;--basic-xxl-letter-spacing-desktop-xl: normal;--accent-regular-xxs-letter-spacing-desktop-xl: 0.52px;--body-m-letter-spacing-mobile: normal;--primary-m-letter-spacing-mobile: normal;--primary-xl-letter-spacing-mobile: normal;--body-xxxl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop: 0.5px;--accent-regular-xxs-letter-spacing-desktop: 0.52px;--basic-xxl-letter-spacing-desktop: 0px;--accent-s-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-desktop: 0px;--accent-xxs-letter-spacing-desktop-xl: .52px;--secondary-xl-letter-spacing-desktop-xl: normal;--secondary-regular-m-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop-xl: normal;--body-s-letter-spacing-mobile: normal;--primary-s-letter-spacing-mobile: 2px;--body-xs-letter-spacing-desktop: 0.5px;--body-xxs-letter-spacing-mobile: 0.22px;--body-xxxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-desktop: normal;--primary-xxs-letter-spacing-mobile: normal;--primary-xxxs-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop: 1.66px;--accent-l-letter-spacing-mobile: 1.14px;--secondary-m-letter-spacing-desktop-xl: normal;--basic-s-letter-spacing-desktop-xl: normal;--accent-m-letter-spacing-mobile: .74px;--primary-xxxs-letter-spacing-mobile: normal;--primary-xxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-mobile: normal;--body-xxs-letter-spacing-desktop: 0.22px;--body-xxxs-letter-spacing-mobile: normal;--primary-s-letter-spacing-desktop: 2px;--body-s-letter-spacing-desktop: normal;--body-xs-letter-spacing-mobile: 0.5px;--basic-xl-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-mobile: 0px;--basic-xxl-letter-spacing-mobile: 0.5px;--accent-regular-xxs-letter-spacing-mobile: 0.4px;--secondary-xs-letter-spacing-desktop-xl: normal;--basic-m-letter-spacing-mobile: 0.5px;--secondary-xxs-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop: normal;--body-xxxl-letter-spacing-desktop: normal;--primary-xl-letter-spacing-desktop: normal;--accent-xs-letter-spacing-desktop: 0.66px;--accent-xxs-letter-spacing-mobile: .4px;--primary-m-letter-spacing-desktop: normal;--body-m-letter-spacing-desktop: normal;--accent-s-letter-spacing-mobile: .66px;--secondary-regular-m-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-desktop: normal;--primary-l-letter-spacing-desktop: normal;--body-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-mobile: 0px;--body-l-letter-spacing-desktop: 0.01px;--basic-xs-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-mobile: normal;--secondary-l-letter-spacing-mobile: 0px;--secondary-m-letter-spacing-mobile: 0px;--basic-s-letter-spacing-mobile: normal;--basic-xs-letter-spacing-desktop: 0.22px;--basic-xxs-letter-spacing-mobile: 0.22px;--body-l-letter-spacing-desktop-xl: normal;--body-xxl-letter-spacing-desktop-xl: normal;--primary-l-letter-spacing-desktop-xl: normal;--primary-xxl-letter-spacing-desktop-xl: normal;--basic-xl-letter-spacing-mobile: 0px;--body-m-letter-spacing-desktop-xl: normal;--primary-m-letter-spacing-desktop-xl: normal;--accent-xs-letter-spacing-desktop-xl: 0.66px;--primary-xl-letter-spacing-desktop-xl: normal;--body-xxxl-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop: normal;--secondary-xs-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop: normal;--body-xs-font-weight-mobile: normal;--body-xxxs-font-weight-mobile: normal;--primary-xs-font-weight-mobile: bold;--primary-xxxs-font-weight-mobile: 700;--accent-m-font-weight-mobile: 300;--basic-l-font-weight-desktop: 800;--basic-xxl-font-weight-desktop: 800;--accent-regular-xxs-font-weight-desktop: 400;--basic-xs-font-weight-desktop-xl: normal;--accent-l-font-weight-mobile: 300;--primary-xxs-font-weight-mobile: bold;--primary-s-font-weight-mobile: bold;--body-xxs-font-weight-mobile: normal;--body-s-font-weight-mobile: normal;--basic-m-font-weight-desktop: 800;--accent-xxs-font-weight-desktop: 300;--accent-s-font-weight-desktop: 300;--secondary-s-font-weight-desktop-xl: 600;--secondary-xxs-font-weight-desktop-xl: normal;--secondary-xl-font-weight-desktop: normal;--secondary-regular-m-font-weight-desktop: normal;--body-xl-font-weight-mobile: normal;--secondary-xs-font-weight-desktop-xl: normal;--body-xxxl-font-weight-mobile: normal;--primary-xl-font-weight-mobile: 700;--secondary-xxl-font-weight-desktop: normal;--secondary-l-font-weight-desktop: 400;--body-m-font-weight-mobile: normal;--basic-xxs-font-weight-desktop: 800;--accent-xs-font-weight-mobile: 300;--basic-xl-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop: 400;--basic-s-font-weight-desktop: 800;--primary-m-font-weight-mobile: bold;--primary-xxl-font-weight-mobile: 700;--primary-l-font-weight-mobile: bold;--body-xxl-font-weight-mobile: normal;--body-l-font-weight-mobile: normal;--basic-xl-font-weight-desktop: 800;--basic-xxs-font-weight-desktop-xl: normal;--basic-s-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop-xl: 600;--secondary-l-font-weight-desktop-xl: 600;--secondary-xxl-font-weight-desktop-xl: normal;--basic-xs-font-weight-mobile: 800;--secondary-xs-font-weight-desktop: normal;--secondary-xxs-font-weight-desktop: normal;--secondary-s-font-weight-desktop: 400;--secondary-xl-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-desktop-xl: normal;--accent-s-font-weight-desktop-xl: 300;--accent-xxs-font-weight-desktop-xl: 300;--secondary-s-font-weight-mobile: 400;--secondary-xxs-font-weight-mobile: normal;--basic-m-font-weight-desktop-xl: normal;--accent-regular-xxs-font-weight-desktop-xl: 400;--basic-xxl-font-weight-desktop-xl: normal;--basic-l-font-weight-desktop-xl: normal;--basic-xs-font-weight-desktop: 800;--secondary-xs-font-weight-mobile: normal;--basic-xl-font-weight-mobile: 800;--body-xxl-font-weight-desktop: normal;--primary-l-font-weight-desktop: bold;--primary-xxxs-font-weight-desktop-xl: 700;--primary-xxl-font-weight-desktop: 700;--accent-m-font-weight-desktop-xl: 300;--body-xs-font-weight-desktop-xl: normal;--body-l-font-weight-desktop: normal;--body-xxxs-font-weight-desktop-xl: normal;--primary-xs-font-weight-desktop-xl: 700;--body-m-font-weight-desktop: normal;--accent-l-font-weight-desktop-xl: 300;--primary-m-font-weight-desktop: bold;--basic-xxs-font-weight-mobile: 800;--accent-xs-font-weight-desktop: 300;--basic-s-font-weight-mobile: 800;--secondary-m-font-weight-mobile: 400;--primary-xl-font-weight-desktop: 700;--body-xxxl-font-weight-desktop: normal;--body-xl-font-weight-desktop: normal;--secondary-l-font-weight-mobile: 400;--secondary-xxl-font-weight-mobile: normal;--primary-xxs-font-weight-desktop-xl: 700;--primary-s-font-weight-desktop-xl: 700;--body-xxs-font-weight-desktop-xl: normal;--body-s-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-mobile: normal;--secondary-xl-font-weight-mobile: normal;--accent-s-font-weight-mobile: 300;--accent-xxs-font-weight-mobile: 300;--basic-m-font-weight-mobile: 800;--body-s-font-weight-desktop: normal;--body-xxs-font-weight-desktop: normal;--primary-s-font-weight-desktop: bold;--primary-xxs-font-weight-desktop: bold;--body-xl-font-weight-desktop-xl: normal;--body-xxxl-font-weight-desktop-xl: normal;--primary-xl-font-weight-desktop-xl: 700;--accent-xs-font-weight-desktop-xl: 300;--accent-regular-xxs-font-weight-mobile: 400;--accent-l-font-weight-desktop: 300;--basic-xxl-font-weight-mobile: 800;--primary-m-font-weight-desktop-xl: 700;--body-m-font-weight-desktop-xl: normal;--basic-l-font-weight-mobile: 800;--accent-m-font-weight-desktop: 300;--primary-xxxs-font-weight-desktop: 700;--body-xxxs-font-weight-desktop: normal;--primary-xs-font-weight-desktop: bold;--body-xs-font-weight-desktop: normal;--primary-xxl-font-weight-desktop-xl: normal;--primary-l-font-weight-desktop-xl: 700;--body-xxl-font-weight-desktop-xl: normal;--body-l-font-weight-desktop-xl: normal;--accent-xs-line-height-desktop: 24px;--body-m-line-height-desktop: 20px;--primary-m-line-height-desktop: 24px;--basic-s-line-height-desktop-xl: initial;--secondary-m-line-height-desktop-xl: 17px;--body-xxxl-line-height-desktop: 30px;--primary-xl-line-height-desktop: 34px;--body-xl-line-height-desktop: 26px;--basic-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-mobile: 14px;--secondary-l-line-height-desktop-xl: 35px;--secondary-xxl-line-height-desktop-xl: initial;--secondary-regular-m-line-height-desktop-xl: 15px;--secondary-xl-line-height-desktop-xl: initial;--accent-xxs-line-height-desktop-xl: 18px;--accent-s-line-height-desktop-xl: 23px;--primary-s-line-height-desktop: 32px;--body-xxs-line-height-desktop: 15px;--primary-xxs-line-height-desktop: 20px;--secondary-s-line-height-mobile: 24px;--secondary-xxs-line-height-mobile: 26px;--body-s-line-height-desktop: 16px;--accent-l-line-height-desktop: 50px;--basic-m-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop: 23px;--primary-xs-line-height-desktop: 22px;--body-xxxs-line-height-desktop: 18px;--body-xs-line-height-desktop: 14px;--secondary-xs-line-height-mobile: 22px;--basic-l-line-height-desktop-xl: initial;--accent-regular-xxs-line-height-desktop-xl: 26px;--basic-xxl-line-height-desktop-xl: initial;--accent-m-line-height-desktop: 26px;--basic-xl-line-height-mobile: 18px;--accent-regular-xxs-line-height-desktop: 26px;--body-xs-line-height-desktop-xl: initial;--primary-xs-line-height-desktop-xl: 29px;--body-xxxs-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop-xl: 23px;--accent-m-line-height-desktop-xl: 26px;--basic-l-line-height-desktop: 18px;--basic-xxl-line-height-desktop: 24px;--basic-m-line-height-desktop: 18px;--basic-s-line-height-mobile: 15px;--secondary-m-line-height-mobile: 30px;--basic-xxs-line-height-mobile: 13px;--accent-l-line-height-desktop-xl: 50px;--primary-xxs-line-height-desktop-xl: 27px;--primary-s-line-height-desktop-xl: 38px;--body-xxs-line-height-desktop-xl: initial;--body-s-line-height-desktop-xl: 22px;--secondary-l-line-height-mobile: 32px;--secondary-xxl-line-height-mobile: 28px;--accent-s-line-height-desktop: 23px;--accent-xxs-line-height-desktop: 18px;--secondary-xl-line-height-mobile: 28px;--secondary-xl-line-height-desktop: 39px;--secondary-regular-m-line-height-mobile: 15px;--secondary-regular-m-line-height-desktop: 15px;--accent-s-line-height-mobile: 23px;--accent-xxs-line-height-mobile: 0.4px;--secondary-xxl-line-height-desktop: 42px;--secondary-l-line-height-desktop: 37px;--secondary-m-line-height-desktop: 30px;--basic-s-line-height-desktop: 15px;--body-xl-line-height-desktop-xl: initial;--primary-xl-line-height-desktop-xl: 57px;--body-xxxl-line-height-desktop-xl: initial;--basic-xxs-line-height-desktop: 13px;--basic-m-line-height-mobile: 18px;--basic-l-line-height-mobile: 16px;--primary-m-line-height-desktop-xl: 40px;--body-m-line-height-desktop-xl: 24px;--accent-regular-xxs-line-height-mobile: 14px;--basic-xxl-line-height-mobile: 16px;--accent-xs-line-height-desktop-xl: 24px;--primary-xxl-line-height-desktop-xl: initial;--primary-l-line-height-desktop-xl: 42px;--body-xxl-line-height-desktop-xl: initial;--body-l-line-height-desktop-xl: initial;--basic-xl-line-height-desktop: 21px;--secondary-xs-line-height-desktop: 22px;--body-xs-line-height-mobile: 14px;--body-xxxs-line-height-mobile: 18px;--primary-xs-line-height-mobile: 24px;--primary-xxxs-line-height-mobile: 21px;--accent-m-line-height-mobile: 26px;--accent-l-line-height-mobile: 36px;--basic-xs-line-height-desktop-xl: initial;--secondary-xxs-line-height-desktop: 21px;--secondary-s-line-height-desktop: 26px;--primary-xxs-line-height-mobile: 20px;--primary-s-line-height-mobile: 32px;--body-xxs-line-height-mobile: 15px;--body-s-line-height-mobile: 16px;--secondary-s-line-height-desktop-xl: 17px;--secondary-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-desktop: 13px;--body-xl-line-height-mobile: 26px;--body-xxxl-line-height-mobile: 30px;--primary-xl-line-height-mobile: 32px;--secondary-xs-line-height-desktop-xl: initial;--primary-m-line-height-mobile: 29px;--body-m-line-height-mobile: 20px;--basic-xl-line-height-desktop-xl: initial;--accent-xs-line-height-mobile: 19px;--body-l-line-height-desktop: 31px;--body-xxl-line-height-desktop: 28px;--primary-l-line-height-desktop: 30px;--primary-xxl-line-height-desktop: 40px;--primary-xxl-line-height-mobile: 33px;--body-xxl-line-height-mobile: 28px;--primary-l-line-height-mobile: 28px;--body-l-line-height-mobile: 31px;--font-family-accent: Verdana, serif;--font-family-accent-fancy: Verdana, sans-serif;--basic-xxl-font-weight-desktop-xl: 800;--basic-xl-letter-spacing-desktop-xl: 0px;--body-xl-line-height-desktop-xl: 26px;--body-xxxl-line-height-desktop-xl: 30px;--primary-xl-line-height-desktop-xl: 34px;--basic-l-font-weight-desktop-xl: 800;--primary-m-line-height-desktop-xl: 24px;--body-m-line-height-desktop-xl: 20px;--body-xl-font-size-desktop-xl: 22px;--primary-xl-font-size-desktop-xl: 32px;--body-xxxl-font-size-desktop-xl: 26px;--primary-m-font-size-desktop-xl: 20px;--body-m-font-size-desktop-xl: 16px;--primary-xxl-line-height-desktop-xl: 40px;--body-xxl-line-height-desktop-xl: 28px;--primary-l-line-height-desktop-xl: 30px;--body-l-line-height-desktop-xl: 31px;--primary-xs-font-weight-desktop-xl: bold;--primary-xxl-font-size-desktop-xl: 36px;--primary-l-font-size-desktop-xl: 26px;--body-xxl-font-size-desktop-xl: 24px;--body-l-font-size-desktop-xl: 20px;--basic-xs-line-height-desktop-xl: 13px;--primary-xxs-font-weight-desktop-xl: bold;--primary-s-font-weight-desktop-xl: bold;--basic-xs-font-size-desktop-xl: 13px;--basic-xs-letter-spacing-desktop-xl: 0.22px;--secondary-s-line-height-desktop-xl: 26px;--secondary-xxs-line-height-desktop-xl: 21px;--primary-xl-font-weight-desktop-xl: 700;--secondary-s-font-size-desktop-xl: 22px;--body-l-letter-spacing-desktop-xl: 0.01px;--secondary-xxs-font-size-desktop-xl: 18px;--primary-m-font-weight-desktop-xl: bold;--secondary-xs-line-height-desktop-xl: 22px;--basic-xl-line-height-desktop-xl: 21px;--secondary-xs-font-size-desktop-xl: 20px;--primary-xxl-font-weight-desktop-xl: 700;--primary-l-font-weight-desktop-xl: bold;--basic-xl-font-size-desktop-xl: 21px;--font-family-basic-fancy: "Feature Flat Text", sans-serif;--basic-xxs-line-height-desktop-xl: 13px;--basic-s-line-height-desktop-xl: 15px;--secondary-m-line-height-desktop-xl: 30px;--basic-xs-font-weight-desktop-xl: 800;--basic-s-font-size-desktop-xl: 15px;--secondary-m-font-size-desktop-xl: 26px;--secondary-l-line-height-desktop-xl: 37px;--secondary-xxl-line-height-desktop-xl: 42px;--basic-xxs-font-size-desktop-xl: 11px;--secondary-l-font-size-desktop-xl: 33px;--primary-s-letter-spacing-desktop-xl: 2px;--body-xxs-letter-spacing-desktop-xl: 0.22px;--secondary-xxl-font-size-desktop-xl: 40px;--secondary-xl-line-height-desktop-xl: 39px;--secondary-s-font-weight-desktop-xl: 400;--secondary-xxs-font-weight-desktop-xl: normal;--body-xs-letter-spacing-desktop-xl: 0.5px;--secondary-xl-font-size-desktop-xl: 34px;--basic-m-line-height-desktop-xl: 18px;--secondary-xs-font-weight-desktop-xl: normal;--basic-xxl-line-height-desktop-xl: 24px;--basic-l-line-height-desktop-xl: 18px;--basic-m-font-size-desktop-xl: 16px;--basic-l-letter-spacing-desktop-xl: 0px;--basic-xxl-letter-spacing-desktop-xl: 0px;--basic-xl-font-weight-desktop-xl: 800;--font-family-body-fancy: "Feature Flat Text", Helvetica, sans-serif;--basic-xxl-font-size-desktop-xl: 24px;--basic-m-letter-spacing-desktop-xl: 0.5px;--basic-l-font-size-desktop-xl: 18px;--basic-xxs-font-weight-desktop-xl: 800;--body-xs-line-height-desktop-xl: 14px;--body-xxxs-line-height-desktop-xl: 18px;--primary-xs-line-height-desktop-xl: 22px;--basic-s-font-weight-desktop-xl: 800;--secondary-m-font-weight-desktop-xl: 400;--secondary-l-font-weight-desktop-xl: 400;--body-xs-font-size-desktop-xl: 10px;--body-xxxs-font-size-desktop-xl: 14px;--primary-xs-font-size-desktop-xl: 18px;--secondary-xl-letter-spacing-desktop-xl: 0px;--primary-xxs-line-height-desktop-xl: 20px;--primary-s-line-height-desktop-xl: 32px;--body-xxs-line-height-desktop-xl: 15px;--body-s-line-height-desktop-xl: 16px;--primary-xxs-font-size-desktop-xl: 16px;--primary-s-font-size-desktop-xl: 20px;--body-xxs-font-size-desktop-xl: 13px;--body-s-font-size-desktop-xl: 14px;--secondary-l-letter-spacing-desktop-xl: 0px;--basic-xxs-letter-spacing-desktop-xl: 0.22px;--secondary-m-letter-spacing-desktop-xl: 0px;--basic-m-font-weight-desktop-xl: 800} \ No newline at end of file diff --git a/packages/larva-tokens/build/rollingstone-2022.json b/packages/larva-tokens/build/rollingstone-2022.json index 3b8b66918..df4baebd9 100644 --- a/packages/larva-tokens/build/rollingstone-2022.json +++ b/packages/larva-tokens/build/rollingstone-2022.json @@ -58,8 +58,8 @@ "SPACING_2": "2rem", "BODY_L_FONT_SIZE_MOBILE": "20px", "PRIMARY_XL_FONT_SIZE_DESKTOP": "32px", - "BODY_XXXL_FONT_SIZE_DESKTOP": "initial", - "BODY_XL_FONT_SIZE_DESKTOP": "initial", + "BODY_XXXL_FONT_SIZE_DESKTOP": "26px", + "BODY_XL_FONT_SIZE_DESKTOP": "22px", "PRIMARY_XXL_FONT_SIZE_MOBILE": "30px", "PRIMARY_L_FONT_SIZE_MOBILE": "24px", "BODY_XXL_FONT_SIZE_MOBILE": "24px", @@ -69,8 +69,8 @@ "BASIC_XS_FONT_SIZE_MOBILE": "14px", "SECONDARY_L_FONT_SIZE_DESKTOP_XL": "30px", "SECONDARY_XXL_FONT_SIZE_DESKTOP_XL": "initial", - "BODY_S_FONT_SIZE_DESKTOP": "16px", - "BODY_XXS_FONT_SIZE_DESKTOP": "initial", + "BODY_S_FONT_SIZE_DESKTOP": "14px", + "BODY_XXS_FONT_SIZE_DESKTOP": "13px", "PRIMARY_S_FONT_SIZE_DESKTOP": "20px", "PRIMARY_XXS_FONT_SIZE_DESKTOP": "16px", "SECONDARY_REGULAR_M_FONT_SIZE_DESKTOP_XL": "15px", @@ -81,8 +81,8 @@ "ACCENT_M_FONT_SIZE_DESKTOP": "26px", "PRIMARY_XXXS_FONT_SIZE_DESKTOP": "20px", "PRIMARY_XS_FONT_SIZE_DESKTOP": "18px", - "BODY_XXXS_FONT_SIZE_DESKTOP": "initial", - "BODY_XS_FONT_SIZE_DESKTOP": "initial", + "BODY_XXXS_FONT_SIZE_DESKTOP": "14px", + "BODY_XS_FONT_SIZE_DESKTOP": "10px", "SECONDARY_S_FONT_SIZE_MOBILE": "24px", "SECONDARY_XXS_FONT_SIZE_MOBILE": "22px", "BASIC_M_FONT_SIZE_DESKTOP_XL": "initial", @@ -155,8 +155,8 @@ "BASIC_XS_FONT_SIZE_DESKTOP": "13px", "SECONDARY_S_FONT_SIZE_DESKTOP_XL": "12px", "SECONDARY_XXS_FONT_SIZE_DESKTOP_XL": "initial", - "BODY_L_FONT_SIZE_DESKTOP": "initial", - "BODY_XXL_FONT_SIZE_DESKTOP": "initial", + "BODY_L_FONT_SIZE_DESKTOP": "20px", + "BODY_XXL_FONT_SIZE_DESKTOP": "24px", "PRIMARY_L_FONT_SIZE_DESKTOP": "26px", "PRIMARY_XXL_FONT_SIZE_DESKTOP": "36px", "SECONDARY_XS_FONT_SIZE_DESKTOP_XL": "initial", @@ -166,7 +166,7 @@ "BASIC_XL_FONT_SIZE_DESKTOP_XL": "initial", "ACCENT_XS_FONT_SIZE_MOBILE": "18px", "PRIMARY_M_FONT_SIZE_MOBILE": "26px", - "BODY_M_FONT_SIZE_DESKTOP": "18px", + "BODY_M_FONT_SIZE_DESKTOP": "16px", "BODY_M_FONT_SIZE_MOBILE": "16px", "PRIMARY_M_FONT_SIZE_DESKTOP": "20px", "ACCENT_XS_FONT_SIZE_DESKTOP": "23px", @@ -220,7 +220,7 @@ "SECONDARY_L_LETTER_SPACING_DESKTOP_XL": "normal", "BODY_S_LETTER_SPACING_MOBILE": "normal", "PRIMARY_S_LETTER_SPACING_MOBILE": "2px", - "BODY_XS_LETTER_SPACING_DESKTOP": "normal", + "BODY_XS_LETTER_SPACING_DESKTOP": "0.5px", "BODY_XXS_LETTER_SPACING_MOBILE": "0.22px", "BODY_XXXS_LETTER_SPACING_DESKTOP": "normal", "PRIMARY_XS_LETTER_SPACING_DESKTOP": "normal", @@ -236,7 +236,7 @@ "PRIMARY_XXXS_LETTER_SPACING_MOBILE": "normal", "PRIMARY_XXS_LETTER_SPACING_DESKTOP": "normal", "PRIMARY_XS_LETTER_SPACING_MOBILE": "normal", - "BODY_XXS_LETTER_SPACING_DESKTOP": "normal", + "BODY_XXS_LETTER_SPACING_DESKTOP": "0.22px", "BODY_XXXS_LETTER_SPACING_MOBILE": "normal", "PRIMARY_S_LETTER_SPACING_DESKTOP": "2px", "BODY_S_LETTER_SPACING_DESKTOP": "normal", @@ -262,7 +262,7 @@ "PRIMARY_L_LETTER_SPACING_DESKTOP": "normal", "BODY_XXL_LETTER_SPACING_DESKTOP": "normal", "SECONDARY_XL_LETTER_SPACING_MOBILE": "0px", - "BODY_L_LETTER_SPACING_DESKTOP": "normal", + "BODY_L_LETTER_SPACING_DESKTOP": "0.01px", "BASIC_XS_LETTER_SPACING_DESKTOP_XL": "normal", "SECONDARY_XXL_LETTER_SPACING_MOBILE": "normal", "SECONDARY_L_LETTER_SPACING_MOBILE": "0px", @@ -399,13 +399,13 @@ "BODY_XXL_FONT_WEIGHT_DESKTOP_XL": "normal", "BODY_L_FONT_WEIGHT_DESKTOP_XL": "normal", "ACCENT_XS_LINE_HEIGHT_DESKTOP": "24px", - "BODY_M_LINE_HEIGHT_DESKTOP": "24px", + "BODY_M_LINE_HEIGHT_DESKTOP": "20px", "PRIMARY_M_LINE_HEIGHT_DESKTOP": "24px", "BASIC_S_LINE_HEIGHT_DESKTOP_XL": "initial", "SECONDARY_M_LINE_HEIGHT_DESKTOP_XL": "17px", - "BODY_XXXL_LINE_HEIGHT_DESKTOP": "initial", + "BODY_XXXL_LINE_HEIGHT_DESKTOP": "30px", "PRIMARY_XL_LINE_HEIGHT_DESKTOP": "34px", - "BODY_XL_LINE_HEIGHT_DESKTOP": "initial", + "BODY_XL_LINE_HEIGHT_DESKTOP": "26px", "BASIC_XXS_LINE_HEIGHT_DESKTOP_XL": "initial", "BASIC_XS_LINE_HEIGHT_MOBILE": "14px", "SECONDARY_L_LINE_HEIGHT_DESKTOP_XL": "35px", @@ -415,17 +415,17 @@ "ACCENT_XXS_LINE_HEIGHT_DESKTOP_XL": "18px", "ACCENT_S_LINE_HEIGHT_DESKTOP_XL": "23px", "PRIMARY_S_LINE_HEIGHT_DESKTOP": "32px", - "BODY_XXS_LINE_HEIGHT_DESKTOP": "initial", + "BODY_XXS_LINE_HEIGHT_DESKTOP": "15px", "PRIMARY_XXS_LINE_HEIGHT_DESKTOP": "20px", "SECONDARY_S_LINE_HEIGHT_MOBILE": "24px", "SECONDARY_XXS_LINE_HEIGHT_MOBILE": "26px", - "BODY_S_LINE_HEIGHT_DESKTOP": "22px", + "BODY_S_LINE_HEIGHT_DESKTOP": "16px", "ACCENT_L_LINE_HEIGHT_DESKTOP": "50px", "BASIC_M_LINE_HEIGHT_DESKTOP_XL": "initial", "PRIMARY_XXXS_LINE_HEIGHT_DESKTOP": "23px", "PRIMARY_XS_LINE_HEIGHT_DESKTOP": "22px", - "BODY_XXXS_LINE_HEIGHT_DESKTOP": "initial", - "BODY_XS_LINE_HEIGHT_DESKTOP": "initial", + "BODY_XXXS_LINE_HEIGHT_DESKTOP": "18px", + "BODY_XS_LINE_HEIGHT_DESKTOP": "14px", "SECONDARY_XS_LINE_HEIGHT_MOBILE": "22px", "BASIC_L_LINE_HEIGHT_DESKTOP_XL": "initial", "ACCENT_REGULAR_XXS_LINE_HEIGHT_DESKTOP_XL": "26px", @@ -504,8 +504,8 @@ "BODY_M_LINE_HEIGHT_MOBILE": "20px", "BASIC_XL_LINE_HEIGHT_DESKTOP_XL": "initial", "ACCENT_XS_LINE_HEIGHT_MOBILE": "19px", - "BODY_L_LINE_HEIGHT_DESKTOP": "initial", - "BODY_XXL_LINE_HEIGHT_DESKTOP": "initial", + "BODY_L_LINE_HEIGHT_DESKTOP": "31px", + "BODY_XXL_LINE_HEIGHT_DESKTOP": "28px", "PRIMARY_L_LINE_HEIGHT_DESKTOP": "30px", "PRIMARY_XXL_LINE_HEIGHT_DESKTOP": "40px", "PRIMARY_XXL_LINE_HEIGHT_MOBILE": "33px", @@ -514,6 +514,98 @@ "BODY_L_LINE_HEIGHT_MOBILE": "31px", "FONT_FAMILY_ACCENT": "Verdana, serif", "FONT_FAMILY_ACCENT_FANCY": "Verdana, sans-serif", + "BASIC_XXL_FONT_WEIGHT_DESKTOP-XL": "800", + "BASIC_XL_LETTER_SPACING_DESKTOP-XL": "0px", + "BODY_XL_LINE_HEIGHT_DESKTOP-XL": "26px", + "BODY_XXXL_LINE_HEIGHT_DESKTOP-XL": "30px", + "PRIMARY_XL_LINE_HEIGHT_DESKTOP-XL": "34px", + "BASIC_L_FONT_WEIGHT_DESKTOP-XL": "800", + "PRIMARY_M_LINE_HEIGHT_DESKTOP-XL": "24px", + "BODY_M_LINE_HEIGHT_DESKTOP-XL": "20px", + "BODY_XL_FONT_SIZE_DESKTOP-XL": "22px", + "PRIMARY_XL_FONT_SIZE_DESKTOP-XL": "32px", + "BODY_XXXL_FONT_SIZE_DESKTOP-XL": "26px", + "PRIMARY_M_FONT_SIZE_DESKTOP-XL": "20px", + "BODY_M_FONT_SIZE_DESKTOP-XL": "16px", + "PRIMARY_XXL_LINE_HEIGHT_DESKTOP-XL": "40px", + "BODY_XXL_LINE_HEIGHT_DESKTOP-XL": "28px", + "PRIMARY_L_LINE_HEIGHT_DESKTOP-XL": "30px", + "BODY_L_LINE_HEIGHT_DESKTOP-XL": "31px", + "PRIMARY_XS_FONT_WEIGHT_DESKTOP-XL": "bold", + "PRIMARY_XXL_FONT_SIZE_DESKTOP-XL": "36px", + "PRIMARY_L_FONT_SIZE_DESKTOP-XL": "26px", + "BODY_XXL_FONT_SIZE_DESKTOP-XL": "24px", + "BODY_L_FONT_SIZE_DESKTOP-XL": "20px", + "BASIC_XS_LINE_HEIGHT_DESKTOP-XL": "13px", + "PRIMARY_XXS_FONT_WEIGHT_DESKTOP-XL": "bold", + "PRIMARY_S_FONT_WEIGHT_DESKTOP-XL": "bold", + "BASIC_XS_FONT_SIZE_DESKTOP-XL": "13px", + "BASIC_XS_LETTER_SPACING_DESKTOP-XL": "0.22px", + "SECONDARY_S_LINE_HEIGHT_DESKTOP-XL": "26px", + "SECONDARY_XXS_LINE_HEIGHT_DESKTOP-XL": "21px", + "PRIMARY_XL_FONT_WEIGHT_DESKTOP-XL": "700", + "SECONDARY_S_FONT_SIZE_DESKTOP-XL": "22px", + "BODY_L_LETTER_SPACING_DESKTOP-XL": "0.01px", + "SECONDARY_XXS_FONT_SIZE_DESKTOP-XL": "18px", + "PRIMARY_M_FONT_WEIGHT_DESKTOP-XL": "bold", + "SECONDARY_XS_LINE_HEIGHT_DESKTOP-XL": "22px", + "BASIC_XL_LINE_HEIGHT_DESKTOP-XL": "21px", + "SECONDARY_XS_FONT_SIZE_DESKTOP-XL": "20px", + "PRIMARY_XXL_FONT_WEIGHT_DESKTOP-XL": "700", + "PRIMARY_L_FONT_WEIGHT_DESKTOP-XL": "bold", + "BASIC_XL_FONT_SIZE_DESKTOP-XL": "21px", "FONT_FAMILY_BASIC_FANCY": "'Feature Flat Text', sans-serif", - "FONT_FAMILY_BODY_FANCY": "'Feature Flat Text', Helvetica, sans-serif" + "BASIC_XXS_LINE_HEIGHT_DESKTOP-XL": "13px", + "BASIC_S_LINE_HEIGHT_DESKTOP-XL": "15px", + "SECONDARY_M_LINE_HEIGHT_DESKTOP-XL": "30px", + "BASIC_XS_FONT_WEIGHT_DESKTOP-XL": "800", + "BASIC_S_FONT_SIZE_DESKTOP-XL": "15px", + "SECONDARY_M_FONT_SIZE_DESKTOP-XL": "26px", + "SECONDARY_L_LINE_HEIGHT_DESKTOP-XL": "37px", + "SECONDARY_XXL_LINE_HEIGHT_DESKTOP-XL": "42px", + "BASIC_XXS_FONT_SIZE_DESKTOP-XL": "11px", + "SECONDARY_L_FONT_SIZE_DESKTOP-XL": "33px", + "PRIMARY_S_LETTER_SPACING_DESKTOP-XL": "2px", + "BODY_XXS_LETTER_SPACING_DESKTOP-XL": "0.22px", + "SECONDARY_XXL_FONT_SIZE_DESKTOP-XL": "40px", + "SECONDARY_XL_LINE_HEIGHT_DESKTOP-XL": "39px", + "SECONDARY_S_FONT_WEIGHT_DESKTOP-XL": "400", + "SECONDARY_XXS_FONT_WEIGHT_DESKTOP-XL": "normal", + "BODY_XS_LETTER_SPACING_DESKTOP-XL": "0.5px", + "SECONDARY_XL_FONT_SIZE_DESKTOP-XL": "34px", + "BASIC_M_LINE_HEIGHT_DESKTOP-XL": "18px", + "SECONDARY_XS_FONT_WEIGHT_DESKTOP-XL": "normal", + "BASIC_XXL_LINE_HEIGHT_DESKTOP-XL": "24px", + "BASIC_L_LINE_HEIGHT_DESKTOP-XL": "18px", + "BASIC_M_FONT_SIZE_DESKTOP-XL": "16px", + "BASIC_L_LETTER_SPACING_DESKTOP-XL": "0px", + "BASIC_XXL_LETTER_SPACING_DESKTOP-XL": "0px", + "BASIC_XL_FONT_WEIGHT_DESKTOP-XL": "800", + "FONT_FAMILY_BODY_FANCY": "'Feature Flat Text', Helvetica, sans-serif", + "BASIC_XXL_FONT_SIZE_DESKTOP-XL": "24px", + "BASIC_M_LETTER_SPACING_DESKTOP-XL": "0.5px", + "BASIC_L_FONT_SIZE_DESKTOP-XL": "18px", + "BASIC_XXS_FONT_WEIGHT_DESKTOP-XL": "800", + "BODY_XS_LINE_HEIGHT_DESKTOP-XL": "14px", + "BODY_XXXS_LINE_HEIGHT_DESKTOP-XL": "18px", + "PRIMARY_XS_LINE_HEIGHT_DESKTOP-XL": "22px", + "BASIC_S_FONT_WEIGHT_DESKTOP-XL": "800", + "SECONDARY_M_FONT_WEIGHT_DESKTOP-XL": "400", + "SECONDARY_L_FONT_WEIGHT_DESKTOP-XL": "400", + "BODY_XS_FONT_SIZE_DESKTOP-XL": "10px", + "BODY_XXXS_FONT_SIZE_DESKTOP-XL": "14px", + "PRIMARY_XS_FONT_SIZE_DESKTOP-XL": "18px", + "SECONDARY_XL_LETTER_SPACING_DESKTOP-XL": "0px", + "PRIMARY_XXS_LINE_HEIGHT_DESKTOP-XL": "20px", + "PRIMARY_S_LINE_HEIGHT_DESKTOP-XL": "32px", + "BODY_XXS_LINE_HEIGHT_DESKTOP-XL": "15px", + "BODY_S_LINE_HEIGHT_DESKTOP-XL": "16px", + "PRIMARY_XXS_FONT_SIZE_DESKTOP-XL": "16px", + "PRIMARY_S_FONT_SIZE_DESKTOP-XL": "20px", + "BODY_XXS_FONT_SIZE_DESKTOP-XL": "13px", + "BODY_S_FONT_SIZE_DESKTOP-XL": "14px", + "SECONDARY_L_LETTER_SPACING_DESKTOP-XL": "0px", + "BASIC_XXS_LETTER_SPACING_DESKTOP-XL": "0.22px", + "SECONDARY_M_LETTER_SPACING_DESKTOP-XL": "0px", + "BASIC_M_FONT_WEIGHT_DESKTOP-XL": "800" } \ No newline at end of file diff --git a/packages/larva-tokens/build/rollingstone-2022.map.scss b/packages/larva-tokens/build/rollingstone-2022.map.scss index 3caea512a..a7a939986 100644 --- a/packages/larva-tokens/build/rollingstone-2022.map.scss +++ b/packages/larva-tokens/build/rollingstone-2022.map.scss @@ -73,8 +73,8 @@ $rollingstone-2022-map: ( 'spacing-2': (2rem), 'body-l-font-size-mobile': (20px), 'primary-xl-font-size-desktop': (32px), - 'body-xxxl-font-size-desktop': (initial), - 'body-xl-font-size-desktop': (initial), + 'body-xxxl-font-size-desktop': (26px), + 'body-xl-font-size-desktop': (22px), 'primary-xxl-font-size-mobile': (30px), 'primary-l-font-size-mobile': (24px), 'body-xxl-font-size-mobile': (24px), @@ -84,8 +84,8 @@ $rollingstone-2022-map: ( 'basic-xs-font-size-mobile': (14px), 'secondary-l-font-size-desktop-xl': (30px), 'secondary-xxl-font-size-desktop-xl': (initial), - 'body-s-font-size-desktop': (16px), - 'body-xxs-font-size-desktop': (initial), + 'body-s-font-size-desktop': (14px), + 'body-xxs-font-size-desktop': (13px), 'primary-s-font-size-desktop': (20px), 'primary-xxs-font-size-desktop': (16px), 'secondary-regular-m-font-size-desktop-xl': (15px), @@ -96,8 +96,8 @@ $rollingstone-2022-map: ( 'accent-m-font-size-desktop': (26px), 'primary-xxxs-font-size-desktop': (20px), 'primary-xs-font-size-desktop': (18px), - 'body-xxxs-font-size-desktop': (initial), - 'body-xs-font-size-desktop': (initial), + 'body-xxxs-font-size-desktop': (14px), + 'body-xs-font-size-desktop': (10px), 'secondary-s-font-size-mobile': (24px), 'secondary-xxs-font-size-mobile': (22px), 'basic-m-font-size-desktop-xl': (initial), @@ -170,8 +170,8 @@ $rollingstone-2022-map: ( 'basic-xs-font-size-desktop': (13px), 'secondary-s-font-size-desktop-xl': (12px), 'secondary-xxs-font-size-desktop-xl': (initial), - 'body-l-font-size-desktop': (initial), - 'body-xxl-font-size-desktop': (initial), + 'body-l-font-size-desktop': (20px), + 'body-xxl-font-size-desktop': (24px), 'primary-l-font-size-desktop': (26px), 'primary-xxl-font-size-desktop': (36px), 'secondary-xs-font-size-desktop-xl': (initial), @@ -181,7 +181,7 @@ $rollingstone-2022-map: ( 'basic-xl-font-size-desktop-xl': (initial), 'accent-xs-font-size-mobile': (18px), 'primary-m-font-size-mobile': (26px), - 'body-m-font-size-desktop': (18px), + 'body-m-font-size-desktop': (16px), 'body-m-font-size-mobile': (16px), 'primary-m-font-size-desktop': (20px), 'accent-xs-font-size-desktop': (23px), @@ -235,7 +235,7 @@ $rollingstone-2022-map: ( 'secondary-l-letter-spacing-desktop-xl': (normal), 'body-s-letter-spacing-mobile': (normal), 'primary-s-letter-spacing-mobile': (2px), - 'body-xs-letter-spacing-desktop': (normal), + 'body-xs-letter-spacing-desktop': (0.5px), 'body-xxs-letter-spacing-mobile': (0.22px), 'body-xxxs-letter-spacing-desktop': (normal), 'primary-xs-letter-spacing-desktop': (normal), @@ -251,7 +251,7 @@ $rollingstone-2022-map: ( 'primary-xxxs-letter-spacing-mobile': (normal), 'primary-xxs-letter-spacing-desktop': (normal), 'primary-xs-letter-spacing-mobile': (normal), - 'body-xxs-letter-spacing-desktop': (normal), + 'body-xxs-letter-spacing-desktop': (0.22px), 'body-xxxs-letter-spacing-mobile': (normal), 'primary-s-letter-spacing-desktop': (2px), 'body-s-letter-spacing-desktop': (normal), @@ -277,7 +277,7 @@ $rollingstone-2022-map: ( 'primary-l-letter-spacing-desktop': (normal), 'body-xxl-letter-spacing-desktop': (normal), 'secondary-xl-letter-spacing-mobile': (0px), - 'body-l-letter-spacing-desktop': (normal), + 'body-l-letter-spacing-desktop': (0.01px), 'basic-xs-letter-spacing-desktop-xl': (normal), 'secondary-xxl-letter-spacing-mobile': (normal), 'secondary-l-letter-spacing-mobile': (0px), @@ -414,13 +414,13 @@ $rollingstone-2022-map: ( 'body-xxl-font-weight-desktop-xl': (normal), 'body-l-font-weight-desktop-xl': (normal), 'accent-xs-line-height-desktop': (24px), - 'body-m-line-height-desktop': (24px), + 'body-m-line-height-desktop': (20px), 'primary-m-line-height-desktop': (24px), 'basic-s-line-height-desktop-xl': (initial), 'secondary-m-line-height-desktop-xl': (17px), - 'body-xxxl-line-height-desktop': (initial), + 'body-xxxl-line-height-desktop': (30px), 'primary-xl-line-height-desktop': (34px), - 'body-xl-line-height-desktop': (initial), + 'body-xl-line-height-desktop': (26px), 'basic-xxs-line-height-desktop-xl': (initial), 'basic-xs-line-height-mobile': (14px), 'secondary-l-line-height-desktop-xl': (35px), @@ -430,17 +430,17 @@ $rollingstone-2022-map: ( 'accent-xxs-line-height-desktop-xl': (18px), 'accent-s-line-height-desktop-xl': (23px), 'primary-s-line-height-desktop': (32px), - 'body-xxs-line-height-desktop': (initial), + 'body-xxs-line-height-desktop': (15px), 'primary-xxs-line-height-desktop': (20px), 'secondary-s-line-height-mobile': (24px), 'secondary-xxs-line-height-mobile': (26px), - 'body-s-line-height-desktop': (22px), + 'body-s-line-height-desktop': (16px), 'accent-l-line-height-desktop': (50px), 'basic-m-line-height-desktop-xl': (initial), 'primary-xxxs-line-height-desktop': (23px), 'primary-xs-line-height-desktop': (22px), - 'body-xxxs-line-height-desktop': (initial), - 'body-xs-line-height-desktop': (initial), + 'body-xxxs-line-height-desktop': (18px), + 'body-xs-line-height-desktop': (14px), 'secondary-xs-line-height-mobile': (22px), 'basic-l-line-height-desktop-xl': (initial), 'accent-regular-xxs-line-height-desktop-xl': (26px), @@ -519,8 +519,8 @@ $rollingstone-2022-map: ( 'body-m-line-height-mobile': (20px), 'basic-xl-line-height-desktop-xl': (initial), 'accent-xs-line-height-mobile': (19px), - 'body-l-line-height-desktop': (initial), - 'body-xxl-line-height-desktop': (initial), + 'body-l-line-height-desktop': (31px), + 'body-xxl-line-height-desktop': (28px), 'primary-l-line-height-desktop': (30px), 'primary-xxl-line-height-desktop': (40px), 'primary-xxl-line-height-mobile': (33px), @@ -529,6 +529,98 @@ $rollingstone-2022-map: ( 'body-l-line-height-mobile': (31px), 'font-family-accent': (Verdana, serif), 'font-family-accent-fancy': (Verdana, sans-serif), + 'basic-xxl-font-weight-desktop-xl': (800), + 'basic-xl-letter-spacing-desktop-xl': (0px), + 'body-xl-line-height-desktop-xl': (26px), + 'body-xxxl-line-height-desktop-xl': (30px), + 'primary-xl-line-height-desktop-xl': (34px), + 'basic-l-font-weight-desktop-xl': (800), + 'primary-m-line-height-desktop-xl': (24px), + 'body-m-line-height-desktop-xl': (20px), + 'body-xl-font-size-desktop-xl': (22px), + 'primary-xl-font-size-desktop-xl': (32px), + 'body-xxxl-font-size-desktop-xl': (26px), + 'primary-m-font-size-desktop-xl': (20px), + 'body-m-font-size-desktop-xl': (16px), + 'primary-xxl-line-height-desktop-xl': (40px), + 'body-xxl-line-height-desktop-xl': (28px), + 'primary-l-line-height-desktop-xl': (30px), + 'body-l-line-height-desktop-xl': (31px), + 'primary-xs-font-weight-desktop-xl': (bold), + 'primary-xxl-font-size-desktop-xl': (36px), + 'primary-l-font-size-desktop-xl': (26px), + 'body-xxl-font-size-desktop-xl': (24px), + 'body-l-font-size-desktop-xl': (20px), + 'basic-xs-line-height-desktop-xl': (13px), + 'primary-xxs-font-weight-desktop-xl': (bold), + 'primary-s-font-weight-desktop-xl': (bold), + 'basic-xs-font-size-desktop-xl': (13px), + 'basic-xs-letter-spacing-desktop-xl': (0.22px), + 'secondary-s-line-height-desktop-xl': (26px), + 'secondary-xxs-line-height-desktop-xl': (21px), + 'primary-xl-font-weight-desktop-xl': (700), + 'secondary-s-font-size-desktop-xl': (22px), + 'body-l-letter-spacing-desktop-xl': (0.01px), + 'secondary-xxs-font-size-desktop-xl': (18px), + 'primary-m-font-weight-desktop-xl': (bold), + 'secondary-xs-line-height-desktop-xl': (22px), + 'basic-xl-line-height-desktop-xl': (21px), + 'secondary-xs-font-size-desktop-xl': (20px), + 'primary-xxl-font-weight-desktop-xl': (700), + 'primary-l-font-weight-desktop-xl': (bold), + 'basic-xl-font-size-desktop-xl': (21px), 'font-family-basic-fancy': ('Feature Flat Text', sans-serif), + 'basic-xxs-line-height-desktop-xl': (13px), + 'basic-s-line-height-desktop-xl': (15px), + 'secondary-m-line-height-desktop-xl': (30px), + 'basic-xs-font-weight-desktop-xl': (800), + 'basic-s-font-size-desktop-xl': (15px), + 'secondary-m-font-size-desktop-xl': (26px), + 'secondary-l-line-height-desktop-xl': (37px), + 'secondary-xxl-line-height-desktop-xl': (42px), + 'basic-xxs-font-size-desktop-xl': (11px), + 'secondary-l-font-size-desktop-xl': (33px), + 'primary-s-letter-spacing-desktop-xl': (2px), + 'body-xxs-letter-spacing-desktop-xl': (0.22px), + 'secondary-xxl-font-size-desktop-xl': (40px), + 'secondary-xl-line-height-desktop-xl': (39px), + 'secondary-s-font-weight-desktop-xl': (400), + 'secondary-xxs-font-weight-desktop-xl': (normal), + 'body-xs-letter-spacing-desktop-xl': (0.5px), + 'secondary-xl-font-size-desktop-xl': (34px), + 'basic-m-line-height-desktop-xl': (18px), + 'secondary-xs-font-weight-desktop-xl': (normal), + 'basic-xxl-line-height-desktop-xl': (24px), + 'basic-l-line-height-desktop-xl': (18px), + 'basic-m-font-size-desktop-xl': (16px), + 'basic-l-letter-spacing-desktop-xl': (0px), + 'basic-xxl-letter-spacing-desktop-xl': (0px), + 'basic-xl-font-weight-desktop-xl': (800), 'font-family-body-fancy': ('Feature Flat Text', Helvetica, sans-serif), + 'basic-xxl-font-size-desktop-xl': (24px), + 'basic-m-letter-spacing-desktop-xl': (0.5px), + 'basic-l-font-size-desktop-xl': (18px), + 'basic-xxs-font-weight-desktop-xl': (800), + 'body-xs-line-height-desktop-xl': (14px), + 'body-xxxs-line-height-desktop-xl': (18px), + 'primary-xs-line-height-desktop-xl': (22px), + 'basic-s-font-weight-desktop-xl': (800), + 'secondary-m-font-weight-desktop-xl': (400), + 'secondary-l-font-weight-desktop-xl': (400), + 'body-xs-font-size-desktop-xl': (10px), + 'body-xxxs-font-size-desktop-xl': (14px), + 'primary-xs-font-size-desktop-xl': (18px), + 'secondary-xl-letter-spacing-desktop-xl': (0px), + 'primary-xxs-line-height-desktop-xl': (20px), + 'primary-s-line-height-desktop-xl': (32px), + 'body-xxs-line-height-desktop-xl': (15px), + 'body-s-line-height-desktop-xl': (16px), + 'primary-xxs-font-size-desktop-xl': (16px), + 'primary-s-font-size-desktop-xl': (20px), + 'body-xxs-font-size-desktop-xl': (13px), + 'body-s-font-size-desktop-xl': (14px), + 'secondary-l-letter-spacing-desktop-xl': (0px), + 'basic-xxs-letter-spacing-desktop-xl': (0.22px), + 'secondary-m-letter-spacing-desktop-xl': (0px), + 'basic-m-font-weight-desktop-xl': (800), ); diff --git a/packages/larva-tokens/build/rollingstone-2022.raw.json b/packages/larva-tokens/build/rollingstone-2022.raw.json index 3c973ad37..97e55cad5 100644 --- a/packages/larva-tokens/build/rollingstone-2022.raw.json +++ b/packages/larva-tokens/build/rollingstone-2022.raw.json @@ -654,15 +654,15 @@ "BODY_XXXL_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "26px", + "originalValue": "26px", "name": "BODY_XXXL_FONT_SIZE_DESKTOP" }, "BODY_XL_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "22px", + "originalValue": "22px", "name": "BODY_XL_FONT_SIZE_DESKTOP" }, "PRIMARY_XXL_FONT_SIZE_MOBILE": { @@ -733,19 +733,17 @@ "name": "SECONDARY_XXL_FONT_SIZE_DESKTOP_XL" }, "BODY_S_FONT_SIZE_DESKTOP": { - "selector": "lrv-a-font", - "status": "alpha", "category": "font-size", "type": "number", - "value": "16px", - "originalValue": "16px", + "value": "14px", + "originalValue": "14px", "name": "BODY_S_FONT_SIZE_DESKTOP" }, "BODY_XXS_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "13px", + "originalValue": "13px", "name": "BODY_XXS_FONT_SIZE_DESKTOP" }, "PRIMARY_S_FONT_SIZE_DESKTOP": { @@ -833,15 +831,15 @@ "BODY_XXXS_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "14px", + "originalValue": "14px", "name": "BODY_XXXS_FONT_SIZE_DESKTOP" }, "BODY_XS_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "10px", + "originalValue": "10px", "name": "BODY_XS_FONT_SIZE_DESKTOP" }, "SECONDARY_S_FONT_SIZE_MOBILE": { @@ -1401,15 +1399,15 @@ "BODY_L_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "20px", + "originalValue": "20px", "name": "BODY_L_FONT_SIZE_DESKTOP" }, "BODY_XXL_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "24px", + "originalValue": "24px", "name": "BODY_XXL_FONT_SIZE_DESKTOP" }, "PRIMARY_L_FONT_SIZE_DESKTOP": { @@ -1478,12 +1476,10 @@ "name": "PRIMARY_M_FONT_SIZE_MOBILE" }, "BODY_M_FONT_SIZE_DESKTOP": { - "selector": "lrv-a-font", - "status": "alpha", "category": "font-size", "type": "number", - "value": "18px", - "originalValue": "18px", + "value": "16px", + "originalValue": "16px", "name": "BODY_M_FONT_SIZE_DESKTOP" }, "BODY_M_FONT_SIZE_MOBILE": { @@ -1874,8 +1870,8 @@ "BODY_XS_LETTER_SPACING_DESKTOP": { "category": "letter-spacing", "type": "number", - "value": "normal", - "originalValue": "normal", + "value": "0.5px", + "originalValue": "0.5px", "name": "BODY_XS_LETTER_SPACING_DESKTOP" }, "BODY_XXS_LETTER_SPACING_MOBILE": { @@ -1992,8 +1988,8 @@ "BODY_XXS_LETTER_SPACING_DESKTOP": { "category": "letter-spacing", "type": "number", - "value": "normal", - "originalValue": "normal", + "value": "0.22px", + "originalValue": "0.22px", "name": "BODY_XXS_LETTER_SPACING_DESKTOP" }, "BODY_XXXS_LETTER_SPACING_MOBILE": { @@ -2182,9 +2178,9 @@ "BODY_L_LETTER_SPACING_DESKTOP": { "category": "letter-spacing", "type": "number", - "value": "normal", - "originalValue": "normal", - "name": "BODY_L_LETTER_SPACING_DESKTOP" + "value": "0.01px", + "name": "BODY_L_LETTER_SPACING_DESKTOP", + "originalValue": "0.01px" }, "BASIC_XS_LETTER_SPACING_DESKTOP_XL": { "category": "letter-spacing", @@ -3203,12 +3199,10 @@ "name": "ACCENT_XS_LINE_HEIGHT_DESKTOP" }, "BODY_M_LINE_HEIGHT_DESKTOP": { - "selector": "lrv-a-font", - "status": "alpha", "category": "line-height", "type": "number", - "value": "24px", - "originalValue": "24px", + "value": "20px", + "originalValue": "20px", "name": "BODY_M_LINE_HEIGHT_DESKTOP" }, "PRIMARY_M_LINE_HEIGHT_DESKTOP": { @@ -3237,8 +3231,8 @@ "BODY_XXXL_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "30px", + "originalValue": "30px", "name": "BODY_XXXL_LINE_HEIGHT_DESKTOP" }, "PRIMARY_XL_LINE_HEIGHT_DESKTOP": { @@ -3251,8 +3245,8 @@ "BODY_XL_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "26px", + "originalValue": "26px", "name": "BODY_XL_LINE_HEIGHT_DESKTOP" }, "BASIC_XXS_LINE_HEIGHT_DESKTOP_XL": { @@ -3329,8 +3323,8 @@ "BODY_XXS_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "15px", + "originalValue": "15px", "name": "BODY_XXS_LINE_HEIGHT_DESKTOP" }, "PRIMARY_XXS_LINE_HEIGHT_DESKTOP": { @@ -3355,12 +3349,10 @@ "originalValue": "26px" }, "BODY_S_LINE_HEIGHT_DESKTOP": { - "selector": "lrv-a-font", - "status": "alpha", "category": "line-height", "type": "number", - "value": "22px", - "originalValue": "22px", + "value": "16px", + "originalValue": "16px", "name": "BODY_S_LINE_HEIGHT_DESKTOP" }, "ACCENT_L_LINE_HEIGHT_DESKTOP": { @@ -3398,15 +3390,15 @@ "BODY_XXXS_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "18px", + "originalValue": "18px", "name": "BODY_XXXS_LINE_HEIGHT_DESKTOP" }, "BODY_XS_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "14px", + "originalValue": "14px", "name": "BODY_XS_LINE_HEIGHT_DESKTOP" }, "SECONDARY_XS_LINE_HEIGHT_MOBILE": { @@ -4012,15 +4004,15 @@ "BODY_L_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "31px", + "originalValue": "31px", "name": "BODY_L_LINE_HEIGHT_DESKTOP" }, "BODY_XXL_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", - "value": "initial", - "originalValue": "initial", + "value": "28px", + "originalValue": "28px", "name": "BODY_XXL_LINE_HEIGHT_DESKTOP" }, "PRIMARY_L_LINE_HEIGHT_DESKTOP": { @@ -4083,19 +4075,663 @@ "originalValue": "Verdana, sans-serif", "name": "FONT_FAMILY_ACCENT_FANCY" }, - "FONT_FAMILY_BASIC_FANCY": { - "category": "font-family", - "value": "'Feature Flat Text', sans-serif", - "type": "font-family", - "originalValue": "'Feature Flat Text', sans-serif", - "name": "FONT_FAMILY_BASIC_FANCY" + "BASIC_XXL_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "800", + "name": "BASIC_XXL_FONT_WEIGHT_DESKTOP-XL" }, - "FONT_FAMILY_BODY_FANCY": { - "category": "font-family", - "value": "'Feature Flat Text', Helvetica, sans-serif", - "type": "font", - "originalValue": "'Feature Flat Text', Helvetica, sans-serif", - "name": "FONT_FAMILY_BODY_FANCY" + "BASIC_XL_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "originalValue": "0px", + "name": "BASIC_XL_LETTER_SPACING_DESKTOP-XL" + }, + "BODY_XL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "26px", + "originalValue": "26px", + "name": "BODY_XL_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_XXXL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "30px", + "originalValue": "30px", + "name": "BODY_XXXL_LINE_HEIGHT_DESKTOP-XL" + }, + "PRIMARY_XL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "34px", + "originalValue": "34px", + "name": "PRIMARY_XL_LINE_HEIGHT_DESKTOP-XL" + }, + "BASIC_L_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "800", + "name": "BASIC_L_FONT_WEIGHT_DESKTOP-XL" + }, + "PRIMARY_M_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "24px", + "originalValue": "24px", + "name": "PRIMARY_M_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_M_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "20px", + "originalValue": "20px", + "name": "BODY_M_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_XL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "22px", + "originalValue": "22px", + "name": "BODY_XL_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_XL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "32px", + "originalValue": "32px", + "name": "PRIMARY_XL_FONT_SIZE_DESKTOP-XL" + }, + "BODY_XXXL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "26px", + "originalValue": "26px", + "name": "BODY_XXXL_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_M_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "20px", + "originalValue": "20px", + "name": "PRIMARY_M_FONT_SIZE_DESKTOP-XL" + }, + "BODY_M_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "16px", + "originalValue": "16px", + "name": "BODY_M_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_XXL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "40px", + "originalValue": "40px", + "name": "PRIMARY_XXL_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_XXL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "28px", + "originalValue": "28px", + "name": "BODY_XXL_LINE_HEIGHT_DESKTOP-XL" + }, + "PRIMARY_L_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "30px", + "originalValue": "30px", + "name": "PRIMARY_L_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_L_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "31px", + "originalValue": "31px", + "name": "BODY_L_LINE_HEIGHT_DESKTOP-XL" + }, + "PRIMARY_XS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "bold", + "originalValue": "bold", + "name": "PRIMARY_XS_FONT_WEIGHT_DESKTOP-XL" + }, + "PRIMARY_XXL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "36px", + "originalValue": "36px", + "name": "PRIMARY_XXL_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_L_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "26px", + "originalValue": "26px", + "name": "PRIMARY_L_FONT_SIZE_DESKTOP-XL" + }, + "BODY_XXL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "24px", + "originalValue": "24px", + "name": "BODY_XXL_FONT_SIZE_DESKTOP-XL" + }, + "BODY_L_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "20px", + "originalValue": "20px", + "name": "BODY_L_FONT_SIZE_DESKTOP-XL" + }, + "BASIC_XS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "13px", + "originalValue": "13px", + "name": "BASIC_XS_LINE_HEIGHT_DESKTOP-XL" + }, + "PRIMARY_XXS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "bold", + "originalValue": "bold", + "name": "PRIMARY_XXS_FONT_WEIGHT_DESKTOP-XL" + }, + "PRIMARY_S_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "bold", + "originalValue": "bold", + "name": "PRIMARY_S_FONT_WEIGHT_DESKTOP-XL" + }, + "BASIC_XS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "13px", + "originalValue": "13px", + "name": "BASIC_XS_FONT_SIZE_DESKTOP-XL" + }, + "BASIC_XS_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.22px", + "originalValue": "0.22px", + "name": "BASIC_XS_LETTER_SPACING_DESKTOP-XL" + }, + "SECONDARY_S_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "26px", + "originalValue": "26px", + "name": "SECONDARY_S_LINE_HEIGHT_DESKTOP-XL" + }, + "SECONDARY_XXS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "21px", + "name": "SECONDARY_XXS_LINE_HEIGHT_DESKTOP-XL", + "originalValue": "21px" + }, + "PRIMARY_XL_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "700", + "originalValue": "700", + "name": "PRIMARY_XL_FONT_WEIGHT_DESKTOP-XL" + }, + "SECONDARY_S_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "22px", + "originalValue": "22px", + "name": "SECONDARY_S_FONT_SIZE_DESKTOP-XL" + }, + "BODY_L_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.01px", + "name": "BODY_L_LETTER_SPACING_DESKTOP-XL", + "originalValue": "0.01px" + }, + "SECONDARY_XXS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "18px", + "originalValue": "18px", + "name": "SECONDARY_XXS_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_M_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "bold", + "originalValue": "bold", + "name": "PRIMARY_M_FONT_WEIGHT_DESKTOP-XL" + }, + "SECONDARY_XS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "22px", + "originalValue": "22px", + "name": "SECONDARY_XS_LINE_HEIGHT_DESKTOP-XL" + }, + "BASIC_XL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "21px", + "originalValue": "21px", + "name": "BASIC_XL_LINE_HEIGHT_DESKTOP-XL" + }, + "SECONDARY_XS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "20px", + "originalValue": "20px", + "name": "SECONDARY_XS_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_XXL_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "700", + "originalValue": "700", + "name": "PRIMARY_XXL_FONT_WEIGHT_DESKTOP-XL" + }, + "PRIMARY_L_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "bold", + "originalValue": "bold", + "name": "PRIMARY_L_FONT_WEIGHT_DESKTOP-XL" + }, + "BASIC_XL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "21px", + "originalValue": "21px", + "name": "BASIC_XL_FONT_SIZE_DESKTOP-XL" + }, + "FONT_FAMILY_BASIC_FANCY": { + "category": "font-family", + "value": "'Feature Flat Text', sans-serif", + "type": "font-family", + "originalValue": "'Feature Flat Text', sans-serif", + "name": "FONT_FAMILY_BASIC_FANCY" + }, + "BASIC_XXS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "13px", + "originalValue": "13px", + "name": "BASIC_XXS_LINE_HEIGHT_DESKTOP-XL" + }, + "BASIC_S_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "15px", + "originalValue": "15px", + "name": "BASIC_S_LINE_HEIGHT_DESKTOP-XL" + }, + "SECONDARY_M_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "30px", + "originalValue": "30px", + "name": "SECONDARY_M_LINE_HEIGHT_DESKTOP-XL" + }, + "BASIC_XS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "800", + "name": "BASIC_XS_FONT_WEIGHT_DESKTOP-XL" + }, + "BASIC_S_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "15px", + "originalValue": "15px", + "name": "BASIC_S_FONT_SIZE_DESKTOP-XL" + }, + "SECONDARY_M_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "26px", + "originalValue": "26px", + "name": "SECONDARY_M_FONT_SIZE_DESKTOP-XL" + }, + "SECONDARY_L_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "37px", + "originalValue": "37px", + "name": "SECONDARY_L_LINE_HEIGHT_DESKTOP-XL" + }, + "SECONDARY_XXL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "42px", + "name": "SECONDARY_XXL_LINE_HEIGHT_DESKTOP-XL", + "originalValue": "42px" + }, + "BASIC_XXS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "11px", + "originalValue": "11px", + "name": "BASIC_XXS_FONT_SIZE_DESKTOP-XL" + }, + "SECONDARY_L_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "33px", + "originalValue": "33px", + "name": "SECONDARY_L_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_S_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "2px", + "originalValue": "2px", + "name": "PRIMARY_S_LETTER_SPACING_DESKTOP-XL" + }, + "BODY_XXS_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.22px", + "originalValue": "0.22px", + "name": "BODY_XXS_LETTER_SPACING_DESKTOP-XL" + }, + "SECONDARY_XXL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "40px", + "name": "SECONDARY_XXL_FONT_SIZE_DESKTOP-XL", + "originalValue": "40px" + }, + "SECONDARY_XL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "39px", + "originalValue": "39px", + "name": "SECONDARY_XL_LINE_HEIGHT_DESKTOP-XL" + }, + "SECONDARY_S_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "400", + "originalValue": "400", + "name": "SECONDARY_S_FONT_WEIGHT_DESKTOP-XL" + }, + "SECONDARY_XXS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "normal", + "originalValue": "normal", + "name": "SECONDARY_XXS_FONT_WEIGHT_DESKTOP-XL" + }, + "BODY_XS_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.5px", + "originalValue": "0.5px", + "name": "BODY_XS_LETTER_SPACING_DESKTOP-XL" + }, + "SECONDARY_XL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "34px", + "originalValue": "34px", + "name": "SECONDARY_XL_FONT_SIZE_DESKTOP-XL" + }, + "BASIC_M_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "18px", + "originalValue": "18px", + "name": "BASIC_M_LINE_HEIGHT_DESKTOP-XL" + }, + "SECONDARY_XS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "normal", + "originalValue": "normal", + "name": "SECONDARY_XS_FONT_WEIGHT_DESKTOP-XL" + }, + "BASIC_XXL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "24px", + "name": "BASIC_XXL_LINE_HEIGHT_DESKTOP-XL", + "originalValue": "24px" + }, + "BASIC_L_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "18px", + "originalValue": "18px", + "name": "BASIC_L_LINE_HEIGHT_DESKTOP-XL" + }, + "BASIC_M_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "16px", + "originalValue": "16px", + "name": "BASIC_M_FONT_SIZE_DESKTOP-XL" + }, + "BASIC_L_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "originalValue": "0px", + "name": "BASIC_L_LETTER_SPACING_DESKTOP-XL" + }, + "BASIC_XXL_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "originalValue": "0px", + "name": "BASIC_XXL_LETTER_SPACING_DESKTOP-XL" + }, + "BASIC_XL_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "800", + "name": "BASIC_XL_FONT_WEIGHT_DESKTOP-XL" + }, + "FONT_FAMILY_BODY_FANCY": { + "category": "font-family", + "value": "'Feature Flat Text', Helvetica, sans-serif", + "type": "font", + "originalValue": "'Feature Flat Text', Helvetica, sans-serif", + "name": "FONT_FAMILY_BODY_FANCY" + }, + "BASIC_XXL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "24px", + "originalValue": "24px", + "name": "BASIC_XXL_FONT_SIZE_DESKTOP-XL" + }, + "BASIC_M_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.5px", + "originalValue": "0.5px", + "name": "BASIC_M_LETTER_SPACING_DESKTOP-XL" + }, + "BASIC_L_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "18px", + "originalValue": "18px", + "name": "BASIC_L_FONT_SIZE_DESKTOP-XL" + }, + "BASIC_XXS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "800", + "name": "BASIC_XXS_FONT_WEIGHT_DESKTOP-XL" + }, + "BODY_XS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "14px", + "originalValue": "14px", + "name": "BODY_XS_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_XXXS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "18px", + "originalValue": "18px", + "name": "BODY_XXXS_LINE_HEIGHT_DESKTOP-XL" + }, + "PRIMARY_XS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "22px", + "originalValue": "22px", + "name": "PRIMARY_XS_LINE_HEIGHT_DESKTOP-XL" + }, + "BASIC_S_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "800", + "name": "BASIC_S_FONT_WEIGHT_DESKTOP-XL" + }, + "SECONDARY_M_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "400", + "originalValue": "400", + "name": "SECONDARY_M_FONT_WEIGHT_DESKTOP-XL" + }, + "SECONDARY_L_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "400", + "originalValue": "400", + "name": "SECONDARY_L_FONT_WEIGHT_DESKTOP-XL" + }, + "BODY_XS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "10px", + "originalValue": "10px", + "name": "BODY_XS_FONT_SIZE_DESKTOP-XL" + }, + "BODY_XXXS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "14px", + "originalValue": "14px", + "name": "BODY_XXXS_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_XS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "18px", + "originalValue": "18px", + "name": "PRIMARY_XS_FONT_SIZE_DESKTOP-XL" + }, + "SECONDARY_XL_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "name": "SECONDARY_XL_LETTER_SPACING_DESKTOP-XL", + "originalValue": "0px" + }, + "PRIMARY_XXS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "20px", + "originalValue": "20px", + "name": "PRIMARY_XXS_LINE_HEIGHT_DESKTOP-XL" + }, + "PRIMARY_S_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "32px", + "originalValue": "32px", + "name": "PRIMARY_S_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_XXS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "15px", + "originalValue": "15px", + "name": "BODY_XXS_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_S_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "16px", + "originalValue": "16px", + "name": "BODY_S_LINE_HEIGHT_DESKTOP-XL" + }, + "PRIMARY_XXS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "16px", + "originalValue": "16px", + "name": "PRIMARY_XXS_FONT_SIZE_DESKTOP-XL" + }, + "PRIMARY_S_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "20px", + "originalValue": "20px", + "name": "PRIMARY_S_FONT_SIZE_DESKTOP-XL" + }, + "BODY_XXS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "13px", + "originalValue": "13px", + "name": "BODY_XXS_FONT_SIZE_DESKTOP-XL" + }, + "BODY_S_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "14px", + "originalValue": "14px", + "name": "BODY_S_FONT_SIZE_DESKTOP-XL" + }, + "SECONDARY_L_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "name": "SECONDARY_L_LETTER_SPACING_DESKTOP-XL", + "originalValue": "0px" + }, + "BASIC_XXS_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.22px", + "originalValue": "0.22px", + "name": "BASIC_XXS_LETTER_SPACING_DESKTOP-XL" + }, + "SECONDARY_M_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "originalValue": "0px", + "name": "SECONDARY_M_LETTER_SPACING_DESKTOP-XL" + }, + "BASIC_M_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "800", + "name": "BASIC_M_FONT_WEIGHT_DESKTOP-XL" } } } \ No newline at end of file diff --git a/packages/larva-tokens/src/brands/rollingstone-2022.json b/packages/larva-tokens/src/brands/rollingstone-2022.json index 28c97f2ba..8fd678a23 100644 --- a/packages/larva-tokens/src/brands/rollingstone-2022.json +++ b/packages/larva-tokens/src/brands/rollingstone-2022.json @@ -268,6 +268,13 @@ "originalValue": "'Feature Flat Deck', serif", "name": "FONT_FAMILY_SECONDARY_FANCY" }, + "BASIC_XXL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "24px", + "originalValue": "initial", + "name": "BASIC_XXL_FONT_SIZE_DESKTOP-XL" + }, "BASIC_XXL_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -282,6 +289,13 @@ "originalValue": "initial", "name": "BASIC_XXL_FONT_SIZE_MOBILE" }, + "BASIC_XXL_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "initial", + "name": "BASIC_XXL_FONT_WEIGHT_DESKTOP-XL" + }, "BASIC_XXL_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -296,6 +310,13 @@ "originalValue": "initial", "name": "BASIC_XXL_FONT_WEIGHT_MOBILE" }, + "BASIC_XXL_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "originalValue": "normal", + "name": "BASIC_XXL_LETTER_SPACING_DESKTOP-XL" + }, "BASIC_XXL_LETTER_SPACING_DESKTOP": { "category": "letter-spacing", "type": "number", @@ -310,6 +331,12 @@ "originalValue": "normal", "name": "BASIC_XXL_LETTER_SPACING_MOBILE" }, + "BASIC_XXL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "24px", + "name": "BASIC_XXL_LINE_HEIGHT_DESKTOP-XL" + }, "BASIC_XXL_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -322,6 +349,13 @@ "value": "16px", "name": "BASIC_XXL_LINE_HEIGHT_MOBILE" }, + "BASIC_XL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "21px", + "originalValue": "initial", + "name": "BASIC_XL_FONT_SIZE_DESKTOP-XL" + }, "BASIC_XL_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -335,6 +369,13 @@ "value": "18px", "name": "BASIC_XL_FONT_SIZE_MOBILE" }, + "BASIC_XL_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "initial", + "name": "BASIC_XL_FONT_WEIGHT_DESKTOP-XL" + }, "BASIC_XL_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -349,6 +390,13 @@ "originalValue": "initial", "name": "BASIC_XL_FONT_WEIGHT_MOBILE" }, + "BASIC_XL_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "originalValue": "normal", + "name": "BASIC_XL_LETTER_SPACING_DESKTOP-XL" + }, "BASIC_XL_LETTER_SPACING_DESKTOP": { "category": "letter-spacing", "type": "number", @@ -363,6 +411,13 @@ "originalValue": "normal", "name": "BASIC_XL_LETTER_SPACING_MOBILE" }, + "BASIC_XL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "21px", + "originalValue": "initial", + "name": "BASIC_XL_LINE_HEIGHT_DESKTOP-XL" + }, "BASIC_XL_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -377,6 +432,13 @@ "originalValue": "24px", "name": "BASIC_XL_LINE_HEIGHT_MOBILE" }, + "BASIC_L_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "18px", + "originalValue": "initial", + "name": "BASIC_L_FONT_SIZE_DESKTOP-XL" + }, "BASIC_L_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -391,6 +453,13 @@ "originalValue": "18px", "name": "BASIC_L_FONT_SIZE_MOBILE" }, + "BASIC_L_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "initial", + "name": "BASIC_L_FONT_WEIGHT_DESKTOP-XL" + }, "BASIC_L_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -405,6 +474,13 @@ "originalValue": "initial", "name": "BASIC_L_FONT_WEIGHT_MOBILE" }, + "BASIC_L_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "originalValue": "normal", + "name": "BASIC_L_LETTER_SPACING_DESKTOP-XL" + }, "BASIC_L_LETTER_SPACING_DESKTOP": { "category": "letter-spacing", "type": "number", @@ -419,6 +495,13 @@ "originalValue": "normal", "name": "BASIC_L_LETTER_SPACING_MOBILE" }, + "BASIC_L_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "18px", + "originalValue": "initial", + "name": "BASIC_L_LINE_HEIGHT_DESKTOP-XL" + }, "BASIC_L_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -433,6 +516,13 @@ "originalValue": "24px", "name": "BASIC_L_LINE_HEIGHT_MOBILE" }, + "BASIC_M_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "16px", + "originalValue": "initial", + "name": "BASIC_M_FONT_SIZE_DESKTOP-XL" + }, "BASIC_M_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -447,6 +537,13 @@ "originalValue": "18px", "name": "BASIC_M_FONT_SIZE_MOBILE" }, + "BASIC_M_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "initial", + "name": "BASIC_M_FONT_WEIGHT_DESKTOP-XL" + }, "BASIC_M_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -461,6 +558,13 @@ "originalValue": "initial", "name": "BASIC_M_FONT_WEIGHT_MOBILE" }, + "BASIC_M_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.5px", + "originalValue": "normal", + "name": "BASIC_M_LETTER_SPACING_DESKTOP-XL" + }, "BASIC_M_LETTER_SPACING_DESKTOP": { "category": "letter-spacing", "type": "number", @@ -475,6 +579,13 @@ "originalValue": "normal", "name": "BASIC_M_LETTER_SPACING_MOBILE" }, + "BASIC_M_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "18px", + "originalValue": "initial", + "name": "BASIC_M_LINE_HEIGHT_DESKTOP-XL" + }, "BASIC_M_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -489,6 +600,13 @@ "originalValue": "24px", "name": "BASIC_M_LINE_HEIGHT_MOBILE" }, + "BASIC_S_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "15px", + "originalValue": "initial", + "name": "BASIC_S_FONT_SIZE_DESKTOP-XL" + }, "BASIC_S_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -503,6 +621,13 @@ "originalValue": "16px", "name": "BASIC_S_FONT_SIZE_MOBILE" }, + "BASIC_S_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "initial", + "name": "BASIC_S_FONT_WEIGHT_DESKTOP-XL" + }, "BASIC_S_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -517,6 +642,13 @@ "originalValue": "initial", "name": "BASIC_S_FONT_WEIGHT_MOBILE" }, + "BASIC_S_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "15px", + "originalValue": "initial", + "name": "BASIC_S_LINE_HEIGHT_DESKTOP-XL" + }, "BASIC_S_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -531,6 +663,13 @@ "originalValue": "22px", "name": "BASIC_S_LINE_HEIGHT_MOBILE" }, + "BASIC_XS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "13px", + "originalValue": "initial", + "name": "BASIC_XS_FONT_SIZE_DESKTOP-XL" + }, "BASIC_XS_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -545,6 +684,13 @@ "originalValue": "16px", "name": "BASIC_XS_FONT_SIZE_MOBILE" }, + "BASIC_XS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "initial", + "name": "BASIC_XS_FONT_WEIGHT_DESKTOP-XL" + }, "BASIC_XS_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -559,6 +705,13 @@ "originalValue": "initial", "name": "BASIC_XS_FONT_WEIGHT_MOBILE" }, + "BASIC_XS_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.22px", + "originalValue": "normal", + "name": "BASIC_XS_LETTER_SPACING_DESKTOP-XL" + }, "BASIC_XS_LETTER_SPACING_DESKTOP": { "category": "letter-spacing", "type": "number", @@ -573,6 +726,13 @@ "originalValue": "normal", "name": "BASIC_XS_LETTER_SPACING_MOBILE" }, + "BASIC_XS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "13px", + "originalValue": "initial", + "name": "BASIC_XS_LINE_HEIGHT_DESKTOP-XL" + }, "BASIC_XS_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -587,6 +747,13 @@ "originalValue": "22px", "name": "BASIC_XS_LINE_HEIGHT_MOBILE" }, + "BASIC_XXS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "11px", + "originalValue": "initial", + "name": "BASIC_XXS_FONT_SIZE_DESKTOP-XL" + }, "BASIC_XXS_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -601,6 +768,13 @@ "originalValue": "16px", "name": "BASIC_XXS_FONT_SIZE_MOBILE" }, + "BASIC_XXS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "800", + "originalValue": "initial", + "name": "BASIC_XXS_FONT_WEIGHT_DESKTOP-XL" + }, "BASIC_XXS_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -615,6 +789,13 @@ "originalValue": "initial", "name": "BASIC_XXS_FONT_WEIGHT_MOBILE" }, + "BASIC_XXS_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.22px", + "originalValue": "normal", + "name": "BASIC_XXS_LETTER_SPACING_DESKTOP-XL" + }, "BASIC_XXS_LETTER_SPACING_DESKTOP": { "category": "letter-spacing", "type": "number", @@ -629,6 +810,13 @@ "originalValue": "normal", "name": "BASIC_XXS_LETTER_SPACING_MOBILE" }, + "BASIC_XXS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "13px", + "originalValue": "initial", + "name": "BASIC_XXS_LINE_HEIGHT_DESKTOP-XL" + }, "BASIC_XXS_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -643,6 +831,20 @@ "originalValue": "22px", "name": "BASIC_XXS_LINE_HEIGHT_MOBILE" }, + "BODY_XXXL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "26px", + "originalValue": "initial", + "name": "BODY_XXXL_FONT_SIZE_DESKTOP-XL" + }, + "BODY_XXXL_FONT_SIZE_DESKTOP": { + "category": "font-size", + "type": "number", + "value": "26px", + "originalValue": "initial", + "name": "BODY_XXXL_FONT_SIZE_DESKTOP" + }, "BODY_XXXL_FONT_SIZE_MOBILE": { "category": "font-size", "type": "number", @@ -650,6 +852,20 @@ "originalValue": "initial", "name": "BODY_XXXL_FONT_SIZE_MOBILE" }, + "BODY_XXXL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "30px", + "originalValue": "initial", + "name": "BODY_XXXL_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_XXXL_LINE_HEIGHT_DESKTOP": { + "category": "line-height", + "type": "number", + "value": "30px", + "originalValue": "initial", + "name": "BODY_XXXL_LINE_HEIGHT_DESKTOP" + }, "BODY_XXXL_LINE_HEIGHT_MOBILE": { "category": "line-height", "type": "number", @@ -657,6 +873,20 @@ "originalValue": "initial", "name": "BODY_XXXL_LINE_HEIGHT_MOBILE" }, + "BODY_XXL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "24px", + "originalValue": "initial", + "name": "BODY_XXL_FONT_SIZE_DESKTOP-XL" + }, + "BODY_XXL_FONT_SIZE_DESKTOP": { + "category": "font-size", + "type": "number", + "value": "24px", + "originalValue": "initial", + "name": "BODY_XXL_FONT_SIZE_DESKTOP" + }, "BODY_XXL_FONT_SIZE_MOBILE": { "category": "font-size", "type": "number", @@ -664,6 +894,20 @@ "originalValue": "initial", "name": "BODY_XXL_FONT_SIZE_MOBILE" }, + "BODY_XXL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "28px", + "originalValue": "initial", + "name": "BODY_XXL_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_XXL_LINE_HEIGHT_DESKTOP": { + "category": "line-height", + "type": "number", + "value": "28px", + "originalValue": "initial", + "name": "BODY_XXL_LINE_HEIGHT_DESKTOP" + }, "BODY_XXL_LINE_HEIGHT_MOBILE": { "category": "line-height", "type": "number", @@ -671,6 +915,20 @@ "originalValue": "initial", "name": "BODY_XXL_LINE_HEIGHT_MOBILE" }, + "BODY_XL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "22px", + "originalValue": "18px", + "name": "BODY_XL_FONT_SIZE_DESKTOP-XL" + }, + "BODY_XL_FONT_SIZE_DESKTOP": { + "category": "font-size", + "type": "number", + "value": "22px", + "originalValue": "18px", + "name": "BODY_XL_FONT_SIZE_DESKTOP" + }, "BODY_XL_FONT_SIZE_MOBILE": { "category": "font-size", "type": "number", @@ -678,6 +936,20 @@ "originalValue": "18px", "name": "BODY_XL_FONT_SIZE_MOBILE" }, + "BODY_XL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "26px", + "originalValue": "24px", + "name": "BODY_XL_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_XL_LINE_HEIGHT_DESKTOP": { + "category": "line-height", + "type": "number", + "value": "26px", + "originalValue": "24px", + "name": "BODY_XL_LINE_HEIGHT_DESKTOP" + }, "BODY_XL_LINE_HEIGHT_MOBILE": { "category": "line-height", "type": "number", @@ -685,6 +957,20 @@ "originalValue": "24px", "name": "BODY_XL_LINE_HEIGHT_MOBILE" }, + "BODY_L_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "20px", + "originalValue": "18px", + "name": "BODY_L_FONT_SIZE_DESKTOP-XL" + }, + "BODY_L_FONT_SIZE_DESKTOP": { + "category": "font-size", + "type": "number", + "value": "20px", + "originalValue": "18px", + "name": "BODY_L_FONT_SIZE_DESKTOP" + }, "BODY_L_FONT_SIZE_MOBILE": { "category": "font-size", "type": "number", @@ -692,12 +978,38 @@ "originalValue": "18px", "name": "BODY_L_FONT_SIZE_MOBILE" }, + "BODY_L_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.01px", + "name": "BODY_L_LETTER_SPACING_DESKTOP-XL" + }, + "BODY_L_LETTER_SPACING_DESKTOP": { + "category": "letter-spacing", + "type": "number", + "value": "0.01px", + "name": "BODY_L_LETTER_SPACING_DESKTOP" + }, "BODY_L_LETTER_SPACING_MOBILE": { "category": "letter-spacing", "type": "number", "value": "0.01px", "name": "BODY_L_LETTER_SPACING_MOBILE" }, + "BODY_L_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "31px", + "originalValue": "24px", + "name": "BODY_L_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_L_LINE_HEIGHT_DESKTOP": { + "category": "line-height", + "type": "number", + "value": "31px", + "originalValue": "24px", + "name": "BODY_L_LINE_HEIGHT_DESKTOP" + }, "BODY_L_LINE_HEIGHT_MOBILE": { "category": "line-height", "type": "number", @@ -705,6 +1017,20 @@ "originalValue": "24px", "name": "BODY_L_LINE_HEIGHT_MOBILE" }, + "BODY_M_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "16px", + "originalValue": "18px", + "name": "BODY_M_FONT_SIZE_DESKTOP-XL" + }, + "BODY_M_FONT_SIZE_DESKTOP": { + "category": "font-size", + "type": "number", + "value": "16px", + "originalValue": "18px", + "name": "BODY_M_FONT_SIZE_DESKTOP" + }, "BODY_M_FONT_SIZE_MOBILE": { "category": "font-size", "type": "number", @@ -712,6 +1038,20 @@ "originalValue": "18px", "name": "BODY_M_FONT_SIZE_MOBILE" }, + "BODY_M_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "20px", + "originalValue": "24px", + "name": "BODY_M_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_M_LINE_HEIGHT_DESKTOP": { + "category": "line-height", + "type": "number", + "value": "20px", + "originalValue": "24px", + "name": "BODY_M_LINE_HEIGHT_DESKTOP" + }, "BODY_M_LINE_HEIGHT_MOBILE": { "category": "line-height", "type": "number", @@ -719,6 +1059,20 @@ "originalValue": "24px", "name": "BODY_M_LINE_HEIGHT_MOBILE" }, + "BODY_S_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "14px", + "originalValue": "initial", + "name": "BODY_S_FONT_SIZE_DESKTOP-XL" + }, + "BODY_S_FONT_SIZE_DESKTOP": { + "category": "font-size", + "type": "number", + "value": "14px", + "originalValue": "initial", + "name": "BODY_S_FONT_SIZE_DESKTOP" + }, "BODY_S_FONT_SIZE_MOBILE": { "category": "font-size", "type": "number", @@ -726,6 +1080,20 @@ "originalValue": "initial", "name": "BODY_S_FONT_SIZE_MOBILE" }, + "BODY_S_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "16px", + "originalValue": "initial", + "name": "BODY_S_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_S_LINE_HEIGHT_DESKTOP": { + "category": "line-height", + "type": "number", + "value": "16px", + "originalValue": "initial", + "name": "BODY_S_LINE_HEIGHT_DESKTOP" + }, "BODY_S_LINE_HEIGHT_MOBILE": { "category": "line-height", "type": "number", @@ -733,6 +1101,20 @@ "originalValue": "initial", "name": "BODY_S_LINE_HEIGHT_MOBILE" }, + "BODY_XS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "10px", + "originalValue": "16px", + "name": "BODY_XS_FONT_SIZE_DESKTOP-XL" + }, + "BODY_XS_FONT_SIZE_DESKTOP": { + "category": "font-size", + "type": "number", + "value": "10px", + "originalValue": "16px", + "name": "BODY_XS_FONT_SIZE_DESKTOP" + }, "BODY_XS_FONT_SIZE_MOBILE": { "category": "font-size", "type": "number", @@ -740,6 +1122,20 @@ "originalValue": "16px", "name": "BODY_XS_FONT_SIZE_MOBILE" }, + "BODY_XS_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.5px", + "originalValue": "normal", + "name": "BODY_XS_LETTER_SPACING_DESKTOP-XL" + }, + "BODY_XS_LETTER_SPACING_DESKTOP": { + "category": "letter-spacing", + "type": "number", + "value": "0.5px", + "originalValue": "normal", + "name": "BODY_XS_LETTER_SPACING_DESKTOP" + }, "BODY_XS_LETTER_SPACING_MOBILE": { "category": "letter-spacing", "type": "number", @@ -747,6 +1143,20 @@ "originalValue": "normal", "name": "BODY_XS_LETTER_SPACING_MOBILE" }, + "BODY_XS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "14px", + "originalValue": "22px", + "name": "BODY_XS_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_XS_LINE_HEIGHT_DESKTOP": { + "category": "line-height", + "type": "number", + "value": "14px", + "originalValue": "22px", + "name": "BODY_XS_LINE_HEIGHT_DESKTOP" + }, "BODY_XS_LINE_HEIGHT_MOBILE": { "category": "line-height", "type": "number", @@ -754,12 +1164,40 @@ "originalValue": "22px", "name": "BODY_XS_LINE_HEIGHT_MOBILE" }, + "BODY_XXS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "13px", + "originalValue": "16px", + "name": "BODY_XXS_FONT_SIZE_DESKTOP-XL" + }, + "BODY_XXS_FONT_SIZE_DESKTOP": { + "category": "font-size", + "type": "number", + "value": "13px", + "originalValue": "16px", + "name": "BODY_XXS_FONT_SIZE_DESKTOP" + }, "BODY_XXS_FONT_SIZE_MOBILE": { "category": "font-size", "type": "number", - "value": "13px", - "originalValue": "16px", - "name": "BODY_XXS_FONT_SIZE_MOBILE" + "value": "13px", + "originalValue": "16px", + "name": "BODY_XXS_FONT_SIZE_MOBILE" + }, + "BODY_XXS_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0.22px", + "originalValue": "normal", + "name": "BODY_XXS_LETTER_SPACING_DESKTOP-XL" + }, + "BODY_XXS_LETTER_SPACING_DESKTOP": { + "category": "letter-spacing", + "type": "number", + "value": "0.22px", + "originalValue": "normal", + "name": "BODY_XXS_LETTER_SPACING_DESKTOP" }, "BODY_XXS_LETTER_SPACING_MOBILE": { "category": "letter-spacing", @@ -768,6 +1206,20 @@ "originalValue": "normal", "name": "BODY_XXS_LETTER_SPACING_MOBILE" }, + "BODY_XXS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "15px", + "originalValue": "22px", + "name": "BODY_XXS_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_XXS_LINE_HEIGHT_DESKTOP": { + "category": "line-height", + "type": "number", + "value": "15px", + "originalValue": "22px", + "name": "BODY_XXS_LINE_HEIGHT_DESKTOP" + }, "BODY_XXS_LINE_HEIGHT_MOBILE": { "category": "line-height", "type": "number", @@ -775,6 +1227,20 @@ "originalValue": "22px", "name": "BODY_XXS_LINE_HEIGHT_MOBILE" }, + "BODY_XXXS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "14px", + "originalValue": "16px", + "name": "BODY_XXXS_FONT_SIZE_DESKTOP-XL" + }, + "BODY_XXXS_FONT_SIZE_DESKTOP": { + "category": "font-size", + "type": "number", + "value": "14px", + "originalValue": "16px", + "name": "BODY_XXXS_FONT_SIZE_DESKTOP" + }, "BODY_XXXS_FONT_SIZE_MOBILE": { "category": "font-size", "type": "number", @@ -782,6 +1248,20 @@ "originalValue": "16px", "name": "BODY_XXXS_FONT_SIZE_MOBILE" }, + "BODY_XXXS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "18px", + "originalValue": "22px", + "name": "BODY_XXXS_LINE_HEIGHT_DESKTOP-XL" + }, + "BODY_XXXS_LINE_HEIGHT_DESKTOP": { + "category": "line-height", + "type": "number", + "value": "18px", + "originalValue": "22px", + "name": "BODY_XXXS_LINE_HEIGHT_DESKTOP" + }, "BODY_XXXS_LINE_HEIGHT_MOBILE": { "category": "line-height", "type": "number", @@ -789,6 +1269,13 @@ "originalValue": "22px", "name": "BODY_XXXS_LINE_HEIGHT_MOBILE" }, + "PRIMARY_XXL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "36px", + "originalValue": "58px", + "name": "PRIMARY_XXL_FONT_SIZE_DESKTOP-XL" + }, "PRIMARY_XXL_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -803,6 +1290,13 @@ "originalValue": "37px", "name": "PRIMARY_XXL_FONT_SIZE_MOBILE" }, + "PRIMARY_XXL_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "700", + "originalValue": "initial", + "name": "PRIMARY_XXL_FONT_WEIGHT_DESKTOP-XL" + }, "PRIMARY_XXL_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -817,6 +1311,13 @@ "originalValue": "initial", "name": "PRIMARY_XXL_FONT_WEIGHT_MOBILE" }, + "PRIMARY_XXL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "40px", + "originalValue": "57px", + "name": "PRIMARY_XXL_LINE_HEIGHT_DESKTOP-XL" + }, "PRIMARY_XXL_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -831,6 +1332,13 @@ "originalValue": "37px", "name": "PRIMARY_XXL_LINE_HEIGHT_MOBILE" }, + "PRIMARY_XL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "32px", + "originalValue": "58px", + "name": "PRIMARY_XL_FONT_SIZE_DESKTOP-XL" + }, "PRIMARY_XL_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -845,6 +1353,13 @@ "originalValue": "37px", "name": "PRIMARY_XL_FONT_SIZE_MOBILE" }, + "PRIMARY_XL_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "700", + "originalValue": "initial", + "name": "PRIMARY_XL_FONT_WEIGHT_DESKTOP-XL" + }, "PRIMARY_XL_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -859,6 +1374,13 @@ "originalValue": "initial", "name": "PRIMARY_XL_FONT_WEIGHT_MOBILE" }, + "PRIMARY_XL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "34px", + "originalValue": "57px", + "name": "PRIMARY_XL_LINE_HEIGHT_DESKTOP-XL" + }, "PRIMARY_XL_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -873,6 +1395,13 @@ "originalValue": "deeppx", "name": "PRIMARY_XL_LINE_HEIGHT_MOBILE" }, + "PRIMARY_L_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "26px", + "originalValue": "45px", + "name": "PRIMARY_L_FONT_SIZE_DESKTOP-XL" + }, "PRIMARY_L_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -887,6 +1416,13 @@ "originalValue": "34px", "name": "PRIMARY_L_FONT_SIZE_MOBILE" }, + "PRIMARY_L_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "bold", + "originalValue": "initial", + "name": "PRIMARY_L_FONT_WEIGHT_DESKTOP-XL" + }, "PRIMARY_L_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -901,6 +1437,13 @@ "originalValue": "initial", "name": "PRIMARY_L_FONT_WEIGHT_MOBILE" }, + "PRIMARY_L_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "30px", + "originalValue": "42px", + "name": "PRIMARY_L_LINE_HEIGHT_DESKTOP-XL" + }, "PRIMARY_L_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -915,6 +1458,13 @@ "originalValue": "31px", "name": "PRIMARY_L_LINE_HEIGHT_MOBILE" }, + "PRIMARY_M_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "20px", + "originalValue": "36px", + "name": "PRIMARY_M_FONT_SIZE_DESKTOP-XL" + }, "PRIMARY_M_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -929,6 +1479,13 @@ "originalValue": "32px", "name": "PRIMARY_M_FONT_SIZE_MOBILE" }, + "PRIMARY_M_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "bold", + "originalValue": "initial", + "name": "PRIMARY_M_FONT_WEIGHT_DESKTOP-XL" + }, "PRIMARY_M_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -943,6 +1500,13 @@ "originalValue": "initial", "name": "PRIMARY_M_FONT_WEIGHT_MOBILE" }, + "PRIMARY_M_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "24px", + "originalValue": "40px", + "name": "PRIMARY_M_LINE_HEIGHT_DESKTOP-XL" + }, "PRIMARY_M_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -957,6 +1521,13 @@ "originalValue": "35px", "name": "PRIMARY_M_LINE_HEIGHT_MOBILE" }, + "PRIMARY_S_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "20px", + "originalValue": "36px", + "name": "PRIMARY_S_FONT_SIZE_DESKTOP-XL" + }, "PRIMARY_S_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -971,6 +1542,13 @@ "originalValue": "23px", "name": "PRIMARY_S_FONT_SIZE_MOBILE" }, + "PRIMARY_S_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "bold", + "originalValue": "initial", + "name": "PRIMARY_S_FONT_WEIGHT_DESKTOP-XL" + }, "PRIMARY_S_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -985,6 +1563,13 @@ "originalValue": "initial", "name": "PRIMARY_S_FONT_WEIGHT_MOBILE" }, + "PRIMARY_S_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "2px", + "originalValue": "normal", + "name": "PRIMARY_S_LETTER_SPACING_DESKTOP-XL" + }, "PRIMARY_S_LETTER_SPACING_DESKTOP": { "category": "letter-spacing", "type": "number", @@ -999,6 +1584,13 @@ "originalValue": "normal", "name": "PRIMARY_S_LETTER_SPACING_MOBILE" }, + "PRIMARY_S_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "32px", + "originalValue": "38px", + "name": "PRIMARY_S_LINE_HEIGHT_DESKTOP-XL" + }, "PRIMARY_S_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -1013,6 +1605,13 @@ "originalValue": "28px", "name": "PRIMARY_S_LINE_HEIGHT_MOBILE" }, + "PRIMARY_XS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "18px", + "originalValue": "26px", + "name": "PRIMARY_XS_FONT_SIZE_DESKTOP-XL" + }, "PRIMARY_XS_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -1026,6 +1625,13 @@ "value": "22px", "name": "PRIMARY_XS_FONT_SIZE_MOBILE" }, + "PRIMARY_XS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "bold", + "originalValue": "initial", + "name": "PRIMARY_XS_FONT_WEIGHT_DESKTOP-XL" + }, "PRIMARY_XS_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -1040,6 +1646,13 @@ "originalValue": "initial", "name": "PRIMARY_XS_FONT_WEIGHT_MOBILE" }, + "PRIMARY_XS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "22px", + "originalValue": "29px", + "name": "PRIMARY_XS_LINE_HEIGHT_DESKTOP-XL" + }, "PRIMARY_XS_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -1054,6 +1667,13 @@ "originalValue": "21px", "name": "PRIMARY_XS_LINE_HEIGHT_MOBILE" }, + "PRIMARY_XXS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "16px", + "originalValue": "24px", + "name": "PRIMARY_XXS_FONT_SIZE_DESKTOP-XL" + }, "PRIMARY_XXS_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -1068,6 +1688,13 @@ "originalValue": "22px", "name": "PRIMARY_XXS_FONT_SIZE_MOBILE" }, + "PRIMARY_XXS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "bold", + "originalValue": "initial", + "name": "PRIMARY_XXS_FONT_WEIGHT_DESKTOP-XL" + }, "PRIMARY_XXS_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -1082,6 +1709,13 @@ "originalValue": "initial", "name": "PRIMARY_XXS_FONT_WEIGHT_MOBILE" }, + "PRIMARY_XXS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "20px", + "originalValue": "27px", + "name": "PRIMARY_XXS_LINE_HEIGHT_DESKTOP-XL" + }, "PRIMARY_XXS_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -1096,6 +1730,12 @@ "originalValue": "23px", "name": "PRIMARY_XXS_LINE_HEIGHT_MOBILE" }, + "SECONDARY_XXL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "40px", + "name": "SECONDARY_XXL_FONT_SIZE_DESKTOP-XL" + }, "SECONDARY_XXL_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -1108,6 +1748,12 @@ "value": "24px", "name": "SECONDARY_XXL_FONT_SIZE_MOBILE" }, + "SECONDARY_XXL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "42px", + "name": "SECONDARY_XXL_LINE_HEIGHT_DESKTOP-XL" + }, "SECONDARY_XXL_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -1120,6 +1766,13 @@ "value": "28px", "name": "SECONDARY_XXL_LINE_HEIGHT_MOBILE" }, + "SECONDARY_XL_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "34px", + "originalValue": "30px", + "name": "SECONDARY_XL_FONT_SIZE_DESKTOP-XL" + }, "SECONDARY_XL_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -1134,6 +1787,12 @@ "originalValue": "17px", "name": "SECONDARY_XL_FONT_SIZE_MOBILE" }, + "SECONDARY_XL_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "name": "SECONDARY_XL_LETTER_SPACING_DESKTOP-XL" + }, "SECONDARY_XL_LETTER_SPACING_DESKTOP": { "category": "letter-spacing", "type": "number", @@ -1147,6 +1806,13 @@ "originalValue": "normal", "name": "SECONDARY_XL_LETTER_SPACING_MOBILE" }, + "SECONDARY_XL_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "39px", + "originalValue": "35px", + "name": "SECONDARY_XL_LINE_HEIGHT_DESKTOP-XL" + }, "SECONDARY_XL_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -1161,6 +1827,13 @@ "originalValue": "21px", "name": "SECONDARY_XL_LINE_HEIGHT_MOBILE" }, + "SECONDARY_L_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "33px", + "originalValue": "30px", + "name": "SECONDARY_L_FONT_SIZE_DESKTOP-XL" + }, "SECONDARY_L_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -1175,6 +1848,12 @@ "originalValue": "17px", "name": "SECONDARY_L_FONT_SIZE_MOBILE" }, + "SECONDARY_L_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "name": "SECONDARY_L_LETTER_SPACING_DESKTOP-XL" + }, "SECONDARY_L_LETTER_SPACING_DESKTOP": { "category": "letter-spacing", "type": "number", @@ -1188,6 +1867,13 @@ "originalValue": "normal", "name": "SECONDARY_L_LETTER_SPACING_MOBILE" }, + "SECONDARY_L_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "37px", + "originalValue": "35px", + "name": "SECONDARY_L_LINE_HEIGHT_DESKTOP-XL" + }, "SECONDARY_L_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -1202,12 +1888,12 @@ "originalValue": "21px", "name": "SECONDARY_L_LINE_HEIGHT_MOBILE" }, - "SECONDARY_L_FONT_WEIGHT_MOBILE": { + "SECONDARY_L_FONT_WEIGHT_DESKTOP-XL": { "category": "font-weight", "type": "number", "value": "400", "originalValue": "normal", - "name": "SECONDARY_L_FONT_WEIGHT_MOBILE" + "name": "SECONDARY_L_FONT_WEIGHT_DESKTOP-XL" }, "SECONDARY_L_FONT_WEIGHT_DESKTOP": { "category": "font-weight", @@ -1216,6 +1902,20 @@ "originalValue": "normal", "name": "SECONDARY_L_FONT_WEIGHT_DESKTOP" }, + "SECONDARY_L_FONT_WEIGHT_MOBILE": { + "category": "font-weight", + "type": "number", + "value": "400", + "originalValue": "normal", + "name": "SECONDARY_L_FONT_WEIGHT_MOBILE" + }, + "SECONDARY_M_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "26px", + "originalValue": "14px", + "name": "SECONDARY_M_FONT_SIZE_DESKTOP-XL" + }, "SECONDARY_M_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -1230,6 +1930,13 @@ "originalValue": "11px", "name": "SECONDARY_M_FONT_SIZE_MOBILE" }, + "SECONDARY_M_LETTER_SPACING_DESKTOP-XL": { + "category": "letter-spacing", + "type": "number", + "value": "0px", + "originalValue": "normal", + "name": "SECONDARY_M_LETTER_SPACING_DESKTOP-XL" + }, "SECONDARY_M_LETTER_SPACING_DESKTOP": { "category": "letter-spacing", "type": "number", @@ -1244,6 +1951,13 @@ "originalValue": "normal", "name": "SECONDARY_M_LETTER_SPACING_MOBILE" }, + "SECONDARY_M_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "30px", + "originalValue": "17px", + "name": "SECONDARY_M_LINE_HEIGHT_DESKTOP-XL" + }, "SECONDARY_M_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -1258,6 +1972,13 @@ "originalValue": "17px", "name": "SECONDARY_M_LINE_HEIGHT_MOBILE" }, + "SECONDARY_M_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "400", + "originalValue": "normal", + "name": "SECONDARY_M_FONT_WEIGHT_DESKTOP-XL" + }, "SECONDARY_M_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -1272,6 +1993,13 @@ "originalValue": "normal", "name": "SECONDARY_M_FONT_WEIGHT_MOBILE" }, + "SECONDARY_S_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "22px", + "originalValue": "12px", + "name": "SECONDARY_S_FONT_SIZE_DESKTOP-XL" + }, "SECONDARY_S_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -1286,6 +2014,13 @@ "originalValue": "11px", "name": "SECONDARY_S_FONT_SIZE_MOBILE" }, + "SECONDARY_S_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "400", + "originalValue": "initial", + "name": "SECONDARY_S_FONT_WEIGHT_DESKTOP-XL" + }, "SECONDARY_S_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -1300,6 +2035,13 @@ "originalValue": "600", "name": "SECONDARY_S_FONT_WEIGHT_MOBILE" }, + "SECONDARY_S_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "26px", + "originalValue": "17px", + "name": "SECONDARY_S_LINE_HEIGHT_DESKTOP-XL" + }, "SECONDARY_S_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -1314,6 +2056,13 @@ "originalValue": "14px", "name": "SECONDARY_S_LINE_HEIGHT_MOBILE" }, + "SECONDARY_XS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "20px", + "originalValue": "12px", + "name": "SECONDARY_XS_FONT_SIZE_DESKTOP-XL" + }, "SECONDARY_XS_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -1328,6 +2077,13 @@ "originalValue": "11px", "name": "SECONDARY_XS_FONT_SIZE_MOBILE" }, + "SECONDARY_XS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "normal", + "originalValue": "initial", + "name": "SECONDARY_XS_FONT_WEIGHT_DESKTOP-XL" + }, "SECONDARY_XS_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -1342,6 +2098,13 @@ "originalValue": "600", "name": "SECONDARY_XS_FONT_WEIGHT_MOBILE" }, + "SECONDARY_XS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "22px", + "originalValue": "17px", + "name": "SECONDARY_XS_LINE_HEIGHT_DESKTOP-XL" + }, "SECONDARY_XS_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", @@ -1356,6 +2119,13 @@ "originalValue": "14px", "name": "SECONDARY_XS_LINE_HEIGHT_MOBILE" }, + "SECONDARY_XXS_FONT_SIZE_DESKTOP-XL": { + "category": "font-size", + "type": "number", + "value": "18px", + "originalValue": "12px", + "name": "SECONDARY_XXS_FONT_SIZE_DESKTOP-XL" + }, "SECONDARY_XXS_FONT_SIZE_DESKTOP": { "category": "font-size", "type": "number", @@ -1370,6 +2140,13 @@ "originalValue": "11px", "name": "SECONDARY_XXS_FONT_SIZE_MOBILE" }, + "SECONDARY_XXS_FONT_WEIGHT_DESKTOP-XL": { + "category": "font-weight", + "type": "number", + "value": "normal", + "originalValue": "initial", + "name": "SECONDARY_XXS_FONT_WEIGHT_DESKTOP" + }, "SECONDARY_XXS_FONT_WEIGHT_DESKTOP": { "category": "font-weight", "type": "number", @@ -1384,6 +2161,12 @@ "originalValue": "600", "name": "SECONDARY_XXS_FONT_WEIGHT_MOBILE" }, + "SECONDARY_XXS_LINE_HEIGHT_DESKTOP-XL": { + "category": "line-height", + "type": "number", + "value": "21px", + "name": "SECONDARY_XXS_LINE_HEIGHT_DESKTOP-XL" + }, "SECONDARY_XXS_LINE_HEIGHT_DESKTOP": { "category": "line-height", "type": "number", diff --git a/packages/larva-tokens/style-guides/rollingstone-2022.html b/packages/larva-tokens/style-guides/rollingstone-2022.html index 123c3a67d..13c6db6b4 100644 --- a/packages/larva-tokens/style-guides/rollingstone-2022.html +++ b/packages/larva-tokens/style-guides/rollingstone-2022.html @@ -2256,35 +2256,17 @@
Font Sizes | -Value | -Examples | -Usage | -
---|---|---|---|
- body-l-font-size-mobile
+ basic-xxl-font-weight-desktop-xl
|
- 20px
+ 800
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2294,14 +2276,14 @@ |
- primary-xl-font-size-desktop
+ basic-l-font-weight-desktop-xl
|
- 32px
+ 800
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2311,14 +2293,14 @@ |
- body-xxxl-font-size-desktop
+ primary-xs-font-weight-desktop-xl
|
- initial
+ bold
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2328,14 +2310,14 @@ |
- body-xl-font-size-desktop
+ primary-xxs-font-weight-desktop-xl
|
- initial
+ bold
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2345,14 +2327,14 @@ |
- primary-xxl-font-size-mobile
+ primary-s-font-weight-desktop-xl
|
- 30px
+ bold
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2362,14 +2344,14 @@ |
- primary-l-font-size-mobile
+ primary-xl-font-weight-desktop-xl
|
- 24px
+ 700
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2379,14 +2361,14 @@ |
- body-xxl-font-size-mobile
+ primary-m-font-weight-desktop-xl
|
- 24px
+ bold
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2396,14 +2378,14 @@ |
- basic-s-font-size-desktop-xl
+ primary-xxl-font-weight-desktop-xl
|
- initial
+ 700
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2413,14 +2395,14 @@ |
- secondary-m-font-size-desktop-xl
+ primary-l-font-weight-desktop-xl
|
- 14px
+ bold
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2430,14 +2412,14 @@ |
- basic-xxs-font-size-desktop-xl
+ basic-xs-font-weight-desktop-xl
|
- initial
+ 800
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2447,14 +2429,14 @@ |
- basic-xs-font-size-mobile
+ secondary-s-font-weight-desktop-xl
|
- 14px
+ 400
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2464,14 +2446,14 @@ |
- secondary-l-font-size-desktop-xl
+ secondary-xxs-font-weight-desktop-xl
|
- 30px
+ normal
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2481,14 +2463,14 @@ |
- secondary-xxl-font-size-desktop-xl
+ secondary-xs-font-weight-desktop-xl
|
- initial
+ normal
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2498,14 +2480,14 @@ |
- body-s-font-size-desktop
+ basic-xl-font-weight-desktop-xl
|
- 16px
+ 800
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2515,14 +2497,14 @@ |
- body-xxs-font-size-desktop
+ basic-xxs-font-weight-desktop-xl
|
- initial
+ 800
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2532,14 +2514,14 @@ |
- primary-s-font-size-desktop
+ basic-s-font-weight-desktop-xl
|
- 20px
+ 800
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2549,14 +2531,14 @@ |
- primary-xxs-font-size-desktop
+ secondary-m-font-weight-desktop-xl
|
- 16px
+ 400
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2566,14 +2548,14 @@ |
- secondary-regular-m-font-size-desktop-xl
+ secondary-l-font-weight-desktop-xl
|
- 15px
+ 400
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2583,31 +2565,49 @@ |
- secondary-xl-font-size-desktop-xl
+ basic-m-font-weight-desktop-xl
|
- initial
+ 800
|
-
+
The quick brown fox jumps over the lazy dog.
|
Font Sizes | +Value | +Examples | +Usage | +
---|---|---|---|
- accent-s-font-size-desktop-xl
+ body-l-font-size-mobile
|
- 23px
+ 20px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2617,14 +2617,14 @@ |
- accent-xxs-font-size-desktop-xl
+ primary-xl-font-size-desktop
|
- 18px
+ 32px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2634,14 +2634,14 @@ |
- accent-l-font-size-desktop
+ body-xxxl-font-size-desktop
|
- 58px
+ 26px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2651,14 +2651,14 @@ |
- accent-m-font-size-desktop
+ body-xl-font-size-desktop
|
- 26px
+ 22px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2668,14 +2668,14 @@ |
- primary-xxxs-font-size-desktop
+ primary-xxl-font-size-mobile
|
- 20px
+ 30px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2685,14 +2685,14 @@ |
- primary-xs-font-size-desktop
+ primary-l-font-size-mobile
|
- 18px
+ 24px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2702,14 +2702,14 @@ |
- body-xxxs-font-size-desktop
+ body-xxl-font-size-mobile
|
- initial
+ 24px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2719,7 +2719,7 @@ |
- body-xs-font-size-desktop
+ basic-s-font-size-desktop-xl
|
initial
@@ -2736,14 +2736,14 @@ Design Tokens | ||
- secondary-s-font-size-mobile
+ secondary-m-font-size-desktop-xl
|
- 24px
+ 14px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2753,14 +2753,14 @@ |
- secondary-xxs-font-size-mobile
+ basic-xxs-font-size-desktop-xl
|
- 22px
+ initial
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2770,14 +2770,14 @@ |
- basic-m-font-size-desktop-xl
+ basic-xs-font-size-mobile
|
- initial
+ 14px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2787,14 +2787,14 @@ |
- secondary-xs-font-size-mobile
+ secondary-l-font-size-desktop-xl
|
- 20px
+ 30px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2804,14 +2804,14 @@ |
- accent-regular-xxs-font-size-desktop-xl
+ secondary-xxl-font-size-desktop-xl
|
- 18px
+ initial
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2821,14 +2821,14 @@ |
- basic-xxl-font-size-desktop-xl
+ body-s-font-size-desktop
|
- initial
+ 14px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2838,14 +2838,14 @@ |
- basic-l-font-size-desktop-xl
+ body-xxs-font-size-desktop
|
- initial
+ 13px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2855,14 +2855,14 @@ |
- basic-l-font-size-desktop
+ primary-s-font-size-desktop
|
- 18px
+ 20px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2872,14 +2872,14 @@ |
- basic-xxl-font-size-desktop
+ primary-xxs-font-size-desktop
|
- 24px
+ 16px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2889,14 +2889,14 @@ |
- accent-regular-xxs-font-size-desktop
+ secondary-regular-m-font-size-desktop-xl
|
- 18px
+ 15px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2906,14 +2906,14 @@ |
- basic-xl-font-size-mobile
+ secondary-xl-font-size-desktop-xl
|
- 18px
+ initial
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2923,14 +2923,14 @@ |
- basic-m-font-size-desktop
+ accent-s-font-size-desktop-xl
|
- 16px
+ 23px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2940,14 +2940,14 @@ |
- body-xs-font-size-desktop-xl
+ accent-xxs-font-size-desktop-xl
|
- initial
+ 18px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2957,14 +2957,14 @@ |
- body-xxxs-font-size-desktop-xl
+ accent-l-font-size-desktop
|
- initial
+ 58px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -2974,7 +2974,7 @@ |
- primary-xs-font-size-desktop-xl
+ accent-m-font-size-desktop
|
26px
@@ -2991,7 +2991,7 @@ Design Tokens | ||
- primary-xxxs-font-size-desktop-xl
+ primary-xxxs-font-size-desktop
|
20px
@@ -3008,14 +3008,14 @@ Design Tokens | ||
- accent-m-font-size-desktop-xl
+ primary-xs-font-size-desktop
|
- 26px
+ 18px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3025,14 +3025,14 @@ |
- basic-s-font-size-mobile
+ body-xxxs-font-size-desktop
|
- 15px
+ 14px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3042,14 +3042,14 @@ |
- secondary-m-font-size-mobile
+ body-xs-font-size-desktop
|
- 26px
+ 10px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3059,14 +3059,14 @@ |
- accent-xxs-font-size-desktop
+ secondary-s-font-size-mobile
|
- 18px
+ 24px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3076,14 +3076,14 @@ |
- accent-l-font-size-desktop-xl
+ secondary-xxs-font-size-mobile
|
- 58px
+ 22px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3093,14 +3093,14 @@ |
- basic-xxs-font-size-mobile
+ basic-m-font-size-desktop-xl
|
- 11px
+ initial
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3110,14 +3110,14 @@ |
- accent-s-font-size-desktop
+ secondary-xs-font-size-mobile
|
- 23px
+ 20px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3127,14 +3127,14 @@ |
- primary-xxs-font-size-desktop-xl
+ accent-regular-xxs-font-size-desktop-xl
|
- 24px
+ 18px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3144,7 +3144,7 @@ |
- body-xxs-font-size-desktop-xl
+ basic-xxl-font-size-desktop-xl
|
initial
@@ -3161,31 +3161,14 @@ Design Tokens | ||
- primary-s-font-size-desktop-xl
- |
-
- 36px
- |
-
-
-
- The quick brown fox jumps over the lazy dog.
-
- |
-
- - |
- body-s-font-size-desktop-xl
+ basic-l-font-size-desktop-xl
|
- 16px
+ initial
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3195,14 +3178,14 @@ |
- secondary-xl-font-size-desktop
+ basic-l-font-size-desktop
|
- 34px
+ 18px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3212,14 +3195,14 @@ |
- secondary-regular-m-font-size-desktop
+ basic-xxl-font-size-desktop
|
- 15px
+ 24px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3229,14 +3212,14 @@ |
- secondary-l-font-size-mobile
+ accent-regular-xxs-font-size-desktop
|
- 26px
+ 18px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3246,14 +3229,14 @@ |
- secondary-xxl-font-size-mobile
+ basic-xl-font-size-mobile
|
- 24px
+ 18px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3263,14 +3246,14 @@ |
- secondary-xl-font-size-mobile
+ basic-m-font-size-desktop
|
- 24px
+ 16px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3280,14 +3263,14 @@ |
- secondary-xxl-font-size-desktop
+ body-xs-font-size-desktop-xl
|
- 40px
+ initial
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3297,14 +3280,14 @@ |
- secondary-l-font-size-desktop
+ body-xxxs-font-size-desktop-xl
|
- 33px
+ initial
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3314,14 +3297,14 @@ |
- secondary-regular-m-font-size-mobile
+ primary-xs-font-size-desktop-xl
|
- 15px
+ 26px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3331,14 +3314,14 @@ |
- accent-xxs-font-size-mobile
+ primary-xxxs-font-size-desktop-xl
|
- 14px
+ 20px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3348,7 +3331,7 @@ |
- secondary-m-font-size-desktop
+ accent-m-font-size-desktop-xl
|
26px
@@ -3365,7 +3348,7 @@ Design Tokens | ||
- basic-s-font-size-desktop
+ basic-s-font-size-mobile
|
15px
@@ -3382,14 +3365,14 @@ Design Tokens | ||
- basic-xxs-font-size-desktop
+ secondary-m-font-size-mobile
|
- 11px
+ 26px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3399,14 +3382,14 @@ |
- accent-s-font-size-mobile
+ accent-xxs-font-size-desktop
|
- 23px
+ 18px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3416,14 +3399,14 @@ |
- basic-m-font-size-mobile
+ accent-l-font-size-desktop-xl
|
- 16px
+ 58px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3433,14 +3416,14 @@ |
- body-xl-font-size-desktop-xl
+ basic-xxs-font-size-mobile
|
- initial
+ 11px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3450,14 +3433,14 @@ |
- body-xxxl-font-size-desktop-xl
+ accent-s-font-size-desktop
|
- initial
+ 23px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3467,14 +3450,14 @@ |
- primary-xl-font-size-desktop-xl
+ primary-xxs-font-size-desktop-xl
|
- 58px
+ 24px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3484,14 +3467,14 @@ |
- accent-regular-xxs-font-size-mobile
+ body-xxs-font-size-desktop-xl
|
- 14px
+ initial
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3501,7 +3484,7 @@ |
- primary-m-font-size-desktop-xl
+ primary-s-font-size-desktop-xl
|
36px
@@ -3518,7 +3501,7 @@ Design Tokens | ||
- basic-xxl-font-size-mobile
+ body-s-font-size-desktop-xl
|
16px
@@ -3535,14 +3518,14 @@ Design Tokens | ||
- body-m-font-size-desktop-xl
+ secondary-xl-font-size-desktop
|
- 18px
+ 34px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3552,14 +3535,14 @@ |
- basic-l-font-size-mobile
+ secondary-regular-m-font-size-desktop
|
- 16px
+ 15px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3569,14 +3552,14 @@ |
- basic-xl-font-size-desktop
+ secondary-l-font-size-mobile
|
- 21px
+ 26px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3586,14 +3569,14 @@ |
- accent-xs-font-size-desktop-xl
+ secondary-xxl-font-size-mobile
|
- 23px
+ 24px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3603,14 +3586,14 @@ |
- secondary-xs-font-size-desktop
+ secondary-xl-font-size-mobile
|
- 20px
+ 24px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3620,14 +3603,14 @@ |
- primary-xxl-font-size-desktop-xl
+ secondary-xxl-font-size-desktop
|
- initial
+ 40px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3637,14 +3620,14 @@ |
- primary-l-font-size-desktop-xl
+ secondary-l-font-size-desktop
|
- 45px
+ 33px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3654,14 +3637,14 @@ |
- body-xxl-font-size-desktop-xl
+ secondary-regular-m-font-size-mobile
|
- initial
+ 15px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3671,14 +3654,14 @@ |
- body-l-font-size-desktop-xl
+ accent-xxs-font-size-mobile
|
- initial
+ 14px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3688,14 +3671,14 @@ |
- body-xs-font-size-mobile
+ secondary-m-font-size-desktop
|
- 10px
+ 26px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3705,14 +3688,14 @@ |
- body-xxxs-font-size-mobile
+ basic-s-font-size-desktop
|
- 14px
+ 15px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3722,14 +3705,14 @@ |
- primary-xs-font-size-mobile
+ basic-xxs-font-size-desktop
|
- 22px
+ 11px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3739,14 +3722,14 @@ |
- primary-xxxs-font-size-mobile
+ accent-s-font-size-mobile
|
- 19px
+ 23px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3756,14 +3739,14 @@ |
- accent-m-font-size-mobile
+ basic-m-font-size-mobile
|
- 26px
+ 16px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3773,14 +3756,14 @@ |
- secondary-xxs-font-size-desktop
+ body-xl-font-size-desktop-xl
|
- 18px
+ initial
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3790,14 +3773,14 @@ |
- secondary-s-font-size-desktop
+ body-xxxl-font-size-desktop-xl
|
- 22px
+ initial
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3807,14 +3790,14 @@ |
- basic-xs-font-size-desktop-xl
+ primary-xl-font-size-desktop-xl
|
- initial
+ 58px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3824,14 +3807,14 @@ |
- accent-l-font-size-mobile
+ accent-regular-xxs-font-size-mobile
|
- 40px
+ 14px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3841,7 +3824,24 @@ |
- primary-xxs-font-size-mobile
+ primary-m-font-size-desktop-xl
+ |
+
+ 36px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ basic-xxl-font-size-mobile
|
16px
@@ -3858,14 +3858,14 @@ Design Tokens | ||
- primary-s-font-size-mobile
+ body-m-font-size-desktop-xl
|
- 20px
+ 18px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3875,14 +3875,14 @@ |
- body-xxs-font-size-mobile
+ basic-l-font-size-mobile
|
- 13px
+ 16px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3892,14 +3892,14 @@ |
- body-s-font-size-mobile
+ basic-xl-font-size-desktop
|
- 14px
+ 21px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3909,14 +3909,14 @@ |
- basic-xs-font-size-desktop
+ accent-xs-font-size-desktop-xl
|
- 13px
+ 23px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3926,14 +3926,14 @@ |
- secondary-s-font-size-desktop-xl
+ secondary-xs-font-size-desktop
|
- 12px
+ 20px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3943,7 +3943,7 @@ |
- secondary-xxs-font-size-desktop-xl
+ primary-xxl-font-size-desktop-xl
|
initial
@@ -3960,14 +3960,14 @@ Design Tokens | ||
- body-l-font-size-desktop
+ primary-l-font-size-desktop-xl
|
- initial
+ 45px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -3977,7 +3977,7 @@ |
- body-xxl-font-size-desktop
+ body-xxl-font-size-desktop-xl
|
initial
@@ -3994,14 +3994,14 @@ Design Tokens | ||
- primary-l-font-size-desktop
+ body-l-font-size-desktop-xl
|
- 26px
+ initial
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -4011,14 +4011,14 @@ |
- primary-xxl-font-size-desktop
+ body-xs-font-size-mobile
|
- 36px
+ 10px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -4028,14 +4028,14 @@ |
- secondary-xs-font-size-desktop-xl
+ body-xxxs-font-size-mobile
|
- initial
+ 14px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -4045,7 +4045,7 @@ |
- body-xl-font-size-mobile
+ primary-xs-font-size-mobile
|
22px
@@ -4062,7 +4062,24 @@ Design Tokens | ||
- body-xxxl-font-size-mobile
+ primary-xxxs-font-size-mobile
+ |
+
+ 19px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ accent-m-font-size-mobile
|
26px
@@ -4079,14 +4096,14 @@ Design Tokens | ||
- primary-xl-font-size-mobile
+ secondary-xxs-font-size-desktop
|
- 30px
+ 18px
|
-
+
The quick brown fox jumps over the lazy dog.
|
@@ -4096,7 +4113,24 @@ |
- basic-xl-font-size-desktop-xl
+ secondary-s-font-size-desktop
+ |
+
+ 22px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ basic-xs-font-size-desktop-xl
|
initial
@@ -4113,15 +4147,1392 @@ Design Tokens | ||
- accent-xs-font-size-mobile
+ accent-l-font-size-mobile
+ |
+
+ 40px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ primary-xxs-font-size-mobile
+ |
+
+ 16px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ primary-s-font-size-mobile
+ |
+
+ 20px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ body-xxs-font-size-mobile
+ |
+
+ 13px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ body-s-font-size-mobile
+ |
+
+ 14px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ basic-xs-font-size-desktop
+ |
+
+ 13px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ secondary-s-font-size-desktop-xl
+ |
+
+ 12px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ secondary-xxs-font-size-desktop-xl
+ |
+
+ initial
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ body-l-font-size-desktop
+ |
+
+ 20px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ body-xxl-font-size-desktop
+ |
+
+ 24px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ primary-l-font-size-desktop
+ |
+
+ 26px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ primary-xxl-font-size-desktop
+ |
+
+ 36px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ secondary-xs-font-size-desktop-xl
+ |
+
+ initial
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ body-xl-font-size-mobile
+ |
+
+ 22px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ body-xxxl-font-size-mobile
+ |
+
+ 26px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ primary-xl-font-size-mobile
+ |
+
+ 30px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ basic-xl-font-size-desktop-xl
+ |
+
+ initial
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ accent-xs-font-size-mobile
+ |
+
+ 18px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ primary-m-font-size-mobile
+ |
+
+ 26px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ body-m-font-size-desktop
+ |
+
+ 16px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ body-m-font-size-mobile
+ |
+
+ 16px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ primary-m-font-size-desktop
+ |
+
+ 20px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ accent-xs-font-size-desktop
+ |
+
+ 23px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ body-xl-font-size-desktop-xl
+ |
+
+ 22px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ primary-xl-font-size-desktop-xl
+ |
+
+ 32px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ body-xxxl-font-size-desktop-xl
+ |
+
+ 26px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ primary-m-font-size-desktop-xl
+ |
+
+ 20px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ body-m-font-size-desktop-xl
+ |
+
+ 16px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ primary-xxl-font-size-desktop-xl
+ |
+
+ 36px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ primary-l-font-size-desktop-xl
+ |
+
+ 26px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ body-xxl-font-size-desktop-xl
+ |
+
+ 24px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ body-l-font-size-desktop-xl
+ |
+
+ 20px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ basic-xs-font-size-desktop-xl
+ |
+
+ 13px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ secondary-s-font-size-desktop-xl
+ |
+
+ 22px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ secondary-xxs-font-size-desktop-xl
+ |
+
+ 18px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ secondary-xs-font-size-desktop-xl
+ |
+
+ 20px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ basic-xl-font-size-desktop-xl
+ |
+
+ 21px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ basic-s-font-size-desktop-xl
+ |
+
+ 15px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ secondary-m-font-size-desktop-xl
+ |
+
+ 26px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ basic-xxs-font-size-desktop-xl
+ |
+
+ 11px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ secondary-l-font-size-desktop-xl
+ |
+
+ 33px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ secondary-xxl-font-size-desktop-xl
+ |
+
+ 40px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ secondary-xl-font-size-desktop-xl
+ |
+
+ 34px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ basic-m-font-size-desktop-xl
+ |
+
+ 16px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ basic-xxl-font-size-desktop-xl
+ |
+
+ 24px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ basic-l-font-size-desktop-xl
+ |
+
+ 18px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ body-xs-font-size-desktop-xl
+ |
+
+ 10px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ body-xxxs-font-size-desktop-xl
+ |
+
+ 14px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ primary-xs-font-size-desktop-xl
+ |
+
+ 18px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ primary-xxs-font-size-desktop-xl
+ |
+
+ 16px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ primary-s-font-size-desktop-xl
+ |
+
+ 20px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ body-xxs-font-size-desktop-xl
+ |
+
+ 13px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
+ body-s-font-size-desktop-xl
+ |
+
+ 14px
+ |
+
+
+
+ The quick brown fox jumps over the lazy dog.
+
+ |
+
+ + |
Line Heights | +Value | +Examples | +Usage | +
---|---|---|---|
+ line-height-small
+ |
+
+ 1.1
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ line-height-normal
+ |
+
+ 1.35
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ line-height-copy
+ |
+
+ 1.5
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ line-height-large
+ |
+
+ 1.85
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ accent-xs-line-height-desktop
+ |
+
+ 24px
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ body-m-line-height-desktop
+ |
+
+ 20px
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ primary-m-line-height-desktop
+ |
+
+ 24px
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ basic-s-line-height-desktop-xl
+ |
+
+ initial
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ secondary-m-line-height-desktop-xl
+ |
+
+ 17px
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ body-xxxl-line-height-desktop
+ |
+
+ 30px
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ primary-xl-line-height-desktop
+ |
+
+ 34px
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ body-xl-line-height-desktop
+ |
+
+ 26px
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ basic-xxs-line-height-desktop-xl
+ |
+
+ initial
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ basic-xs-line-height-mobile
+ |
+
+ 14px
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ secondary-l-line-height-desktop-xl
+ |
+
+ 35px
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ secondary-xxl-line-height-desktop-xl
+ |
+
+ initial
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ secondary-regular-m-line-height-desktop-xl
+ |
+
+ 15px
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ secondary-xl-line-height-desktop-xl
+ |
+
+ initial
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ accent-xxs-line-height-desktop-xl
+ |
+
+ 18px
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ accent-s-line-height-desktop-xl
+ |
+
+ 23px
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ primary-s-line-height-desktop
+ |
+
+ 32px
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ body-xxs-line-height-desktop
+ |
+
+ 15px
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ primary-xxs-line-height-desktop
+ |
+
+ 20px
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ secondary-s-line-height-mobile
+ |
+
+ 24px
+ |
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
+
+ |
+
+ + |
+ secondary-xxs-line-height-mobile
|
- 18px
+ 26px
|
-
- The quick brown fox jumps over the lazy dog.
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
|
@@ -4130,15 +5541,17 @@ |
- primary-m-font-size-mobile
+ body-s-line-height-desktop
|
- 26px
+ 16px
|
-
- The quick brown fox jumps over the lazy dog.
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
|
@@ -4147,15 +5560,17 @@ |
- body-m-font-size-desktop
+ accent-l-line-height-desktop
|
- 18px
+ 50px
|
-
- The quick brown fox jumps over the lazy dog.
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
|
@@ -4164,15 +5579,17 @@ |
- body-m-font-size-mobile
+ basic-m-line-height-desktop-xl
|
- 16px
+ initial
|
-
- The quick brown fox jumps over the lazy dog.
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
|
@@ -4181,15 +5598,17 @@ |
- primary-m-font-size-desktop
+ primary-xxxs-line-height-desktop
|
- 20px
+ 23px
|
-
- The quick brown fox jumps over the lazy dog.
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
|
@@ -4198,49 +5617,33 @@ |
- accent-xs-font-size-desktop
+ primary-xs-line-height-desktop
|
- 23px
+ 22px
|
-
- The quick brown fox jumps over the lazy dog.
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
+ elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
+ id feugiat at, venenatis quis erat.
|
Line Heights | -Value | -Examples | -Usage | -|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
- line-height-small
+ body-xxxs-line-height-desktop
|
- 1.1
+ 18px
|
-
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4252,14 +5655,14 @@ Design Tokens
- |
line-height-normal
+ body-xs-line-height-desktop
- |
1.35
+ 14px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4271,14 +5674,14 @@ Design Tokens
- |
line-height-copy
+ secondary-xs-line-height-mobile
- |
1.5
+ 22px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4290,14 +5693,14 @@ Design Tokens
- |
line-height-large
+ basic-l-line-height-desktop-xl
- |
1.85
+ initial
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4309,14 +5712,14 @@ Design Tokens
- |
accent-xs-line-height-desktop
+ accent-regular-xxs-line-height-desktop-xl
- |
24px
+ 26px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4328,14 +5731,14 @@ Design Tokens
- |
body-m-line-height-desktop
+ basic-xxl-line-height-desktop-xl
- |
24px
+ initial
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4347,14 +5750,14 @@ Design Tokens
- |
primary-m-line-height-desktop
+ accent-m-line-height-desktop
- |
24px
+ 26px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4366,14 +5769,14 @@ Design Tokens
- |
basic-s-line-height-desktop-xl
+ basic-xl-line-height-mobile
- |
initial
+ 18px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4385,14 +5788,14 @@ Design Tokens
- |
secondary-m-line-height-desktop-xl
+ accent-regular-xxs-line-height-desktop
- |
17px
+ 26px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4404,7 +5807,7 @@ Design Tokens
- |
body-xxxl-line-height-desktop
+ body-xs-line-height-desktop-xl
| initial
@@ -4423,14 +5826,14 @@ Design Tokens
- |
primary-xl-line-height-desktop
+ primary-xs-line-height-desktop-xl
- |
34px
+ 29px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4442,7 +5845,7 @@ Design Tokens
- |
body-xl-line-height-desktop
+ body-xxxs-line-height-desktop-xl
| initial
@@ -4461,14 +5864,14 @@ Design Tokens
- |
basic-xxs-line-height-desktop-xl
+ primary-xxxs-line-height-desktop-xl
- |
initial
+ 23px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4480,14 +5883,14 @@ Design Tokens
- |
basic-xs-line-height-mobile
+ accent-m-line-height-desktop-xl
- |
14px
+ 26px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4499,14 +5902,14 @@ Design Tokens
- |
secondary-l-line-height-desktop-xl
+ basic-l-line-height-desktop
- |
35px
+ 18px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4518,14 +5921,14 @@ Design Tokens
- |
secondary-xxl-line-height-desktop-xl
+ basic-xxl-line-height-desktop
- |
initial
+ 24px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4537,14 +5940,14 @@ Design Tokens
- |
secondary-regular-m-line-height-desktop-xl
+ basic-m-line-height-desktop
- |
15px
+ 18px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4556,14 +5959,14 @@ Design Tokens
- |
secondary-xl-line-height-desktop-xl
+ basic-s-line-height-mobile
- |
initial
+ 15px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4575,14 +5978,14 @@ Design Tokens
- |
accent-xxs-line-height-desktop-xl
+ secondary-m-line-height-mobile
- |
18px
+ 30px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4594,14 +5997,14 @@ Design Tokens
- |
accent-s-line-height-desktop-xl
+ basic-xxs-line-height-mobile
- |
23px
+ 13px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4613,14 +6016,14 @@ Design Tokens
- |
primary-s-line-height-desktop
+ accent-l-line-height-desktop-xl
- |
32px
+ 50px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4632,14 +6035,14 @@ Design Tokens
- |
body-xxs-line-height-desktop
+ primary-xxs-line-height-desktop-xl
- |
initial
+ 27px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4651,14 +6054,14 @@ Design Tokens
- |
primary-xxs-line-height-desktop
+ primary-s-line-height-desktop-xl
- |
20px
+ 38px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4670,14 +6073,14 @@ Design Tokens
- |
secondary-s-line-height-mobile
+ body-xxs-line-height-desktop-xl
- |
24px
+ initial
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4689,14 +6092,14 @@ Design Tokens
- |
secondary-xxs-line-height-mobile
+ body-s-line-height-desktop-xl
- |
26px
+ 22px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4708,14 +6111,14 @@ Design Tokens
- |
body-s-line-height-desktop
+ secondary-l-line-height-mobile
- |
22px
+ 32px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4727,14 +6130,14 @@ Design Tokens
- |
accent-l-line-height-desktop
+ secondary-xxl-line-height-mobile
- |
50px
+ 28px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4746,14 +6149,14 @@ Design Tokens
- |
basic-m-line-height-desktop-xl
+ accent-s-line-height-desktop
- |
initial
+ 23px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4765,14 +6168,14 @@ Design Tokens
- |
primary-xxxs-line-height-desktop
+ accent-xxs-line-height-desktop
- |
23px
+ 18px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4784,14 +6187,14 @@ Design Tokens
- |
primary-xs-line-height-desktop
+ secondary-xl-line-height-mobile
- |
22px
+ 28px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4803,14 +6206,14 @@ Design Tokens
- |
body-xxxs-line-height-desktop
+ secondary-xl-line-height-desktop
- |
initial
+ 39px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4822,14 +6225,14 @@ Design Tokens
- |
body-xs-line-height-desktop
+ secondary-regular-m-line-height-mobile
- |
initial
+ 15px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4841,14 +6244,14 @@ Design Tokens
- |
secondary-xs-line-height-mobile
+ secondary-regular-m-line-height-desktop
- |
22px
+ 15px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4860,14 +6263,14 @@ Design Tokens
- |
basic-l-line-height-desktop-xl
+ accent-s-line-height-mobile
- |
initial
+ 23px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4879,14 +6282,14 @@ Design Tokens
- |
accent-regular-xxs-line-height-desktop-xl
+ accent-xxs-line-height-mobile
- |
26px
+ 0.4px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4898,14 +6301,14 @@ Design Tokens
- |
basic-xxl-line-height-desktop-xl
+ secondary-xxl-line-height-desktop
- |
initial
+ 42px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4917,14 +6320,14 @@ Design Tokens
- |
accent-m-line-height-desktop
+ secondary-l-line-height-desktop
- |
26px
+ 37px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4936,14 +6339,14 @@ Design Tokens
- |
basic-xl-line-height-mobile
+ secondary-m-line-height-desktop
- |
18px
+ 30px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4955,14 +6358,14 @@ Design Tokens
- |
accent-regular-xxs-line-height-desktop
+ basic-s-line-height-desktop
- |
26px
+ 15px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -4974,7 +6377,7 @@ Design Tokens
- |
body-xs-line-height-desktop-xl
+ body-xl-line-height-desktop-xl
| initial
@@ -4993,14 +6396,14 @@ Design Tokens
- |
primary-xs-line-height-desktop-xl
+ primary-xl-line-height-desktop-xl
- |
29px
+ 57px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5012,7 +6415,7 @@ Design Tokens
- |
body-xxxs-line-height-desktop-xl
+ body-xxxl-line-height-desktop-xl
| initial
@@ -5031,14 +6434,14 @@ Design Tokens
- |
primary-xxxs-line-height-desktop-xl
+ basic-xxs-line-height-desktop
- |
23px
+ 13px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5050,14 +6453,14 @@ Design Tokens
- |
accent-m-line-height-desktop-xl
+ basic-m-line-height-mobile
- |
26px
+ 18px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5069,14 +6472,14 @@ Design Tokens
- |
basic-l-line-height-desktop
+ basic-l-line-height-mobile
- |
18px
+ 16px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5088,14 +6491,14 @@ Design Tokens
- |
basic-xxl-line-height-desktop
+ primary-m-line-height-desktop-xl
- |
24px
+ 40px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5107,14 +6510,14 @@ Design Tokens
- |
basic-m-line-height-desktop
+ body-m-line-height-desktop-xl
- |
18px
+ 24px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5126,14 +6529,14 @@ Design Tokens
- |
basic-s-line-height-mobile
+ accent-regular-xxs-line-height-mobile
- |
15px
+ 14px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5145,14 +6548,14 @@ Design Tokens
- |
secondary-m-line-height-mobile
+ basic-xxl-line-height-mobile
- |
30px
+ 16px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5164,14 +6567,14 @@ Design Tokens
- |
basic-xxs-line-height-mobile
+ accent-xs-line-height-desktop-xl
- |
13px
+ 24px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5183,14 +6586,14 @@ Design Tokens
- |
accent-l-line-height-desktop-xl
+ primary-xxl-line-height-desktop-xl
- |
50px
+ initial
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5202,14 +6605,14 @@ Design Tokens
- |
primary-xxs-line-height-desktop-xl
+ primary-l-line-height-desktop-xl
- |
27px
+ 42px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5221,14 +6624,14 @@ Design Tokens
- |
primary-s-line-height-desktop-xl
+ body-xxl-line-height-desktop-xl
- |
38px
+ initial
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5240,7 +6643,7 @@ Design Tokens
- |
body-xxs-line-height-desktop-xl
+ body-l-line-height-desktop-xl
| initial
@@ -5259,14 +6662,14 @@ Design Tokens
- |
body-s-line-height-desktop-xl
+ basic-xl-line-height-desktop
- |
22px
+ 21px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5278,14 +6681,14 @@ Design Tokens
- |
secondary-l-line-height-mobile
+ secondary-xs-line-height-desktop
- |
32px
+ 22px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5297,14 +6700,14 @@ Design Tokens
- |
secondary-xxl-line-height-mobile
+ body-xs-line-height-mobile
- |
28px
+ 14px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5316,14 +6719,14 @@ Design Tokens
- |
accent-s-line-height-desktop
+ body-xxxs-line-height-mobile
- |
23px
+ 18px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5335,14 +6738,14 @@ Design Tokens
- |
accent-xxs-line-height-desktop
+ primary-xs-line-height-mobile
- |
18px
+ 24px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5354,14 +6757,14 @@ Design Tokens
- |
secondary-xl-line-height-mobile
+ primary-xxxs-line-height-mobile
- |
28px
+ 21px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5373,14 +6776,14 @@ Design Tokens
- |
secondary-xl-line-height-desktop
+ accent-m-line-height-mobile
- |
39px
+ 26px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5392,14 +6795,14 @@ Design Tokens
- |
secondary-regular-m-line-height-mobile
+ accent-l-line-height-mobile
- |
15px
+ 36px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5411,14 +6814,14 @@ Design Tokens
- |
secondary-regular-m-line-height-desktop
+ basic-xs-line-height-desktop-xl
- |
15px
+ initial
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5430,14 +6833,14 @@ Design Tokens
- |
accent-s-line-height-mobile
+ secondary-xxs-line-height-desktop
- |
23px
+ 21px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5449,14 +6852,14 @@ Design Tokens
- |
accent-xxs-line-height-mobile
+ secondary-s-line-height-desktop
- |
0.4px
+ 26px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5468,14 +6871,14 @@ Design Tokens
- |
secondary-xxl-line-height-desktop
+ primary-xxs-line-height-mobile
- |
42px
+ 20px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5487,14 +6890,14 @@ Design Tokens
- |
secondary-l-line-height-desktop
+ primary-s-line-height-mobile
- |
37px
+ 32px
- |
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
elementum odio et lacus rutrum molestie. Nunc arcu enim, elementum
id feugiat at, venenatis quis erat.
@@ -5506,14 +6909,14 @@ Design Tokens
- |
secondary-m-line-height-desktop
+ body-xxs-line-height-mobile
- |
30px
+ 15px
- |
+ |