UNPKG

outsystems-design-tokens

Version:

Store the Design Tokens used on the Ionic Framework and Widgets Library

706 lines 23.3 kB
{ "display": { "sm": { "regular": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.regular}", "lineHeight": "{font.line-height.1100}", "fontSize": "{font.font-size.800}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "44", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "light": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.light}", "lineHeight": "{font.line-height.1100}", "fontSize": "{font.font-size.800}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "44", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } } }, "lg": { "regular": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.regular}", "lineHeight": "{font.line-height.1200}", "fontSize": "{font.font-size.900}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "48", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "light": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.light}", "lineHeight": "{font.line-height.1200}", "fontSize": "{font.font-size.900}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "48", "paragraphIndent": "0", "textDecoration": "none", "textCase": "none" } } } }, "heading": { "h1": { "regular": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.regular}", "lineHeight": "{font.line-height.900}", "fontSize": "{font.font-size.700}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "36", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "medium": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.medium}", "lineHeight": "{font.line-height.900}", "fontSize": "{font.font-size.700}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "36", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "semi bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.semi-bold}", "lineHeight": "{font.line-height.900}", "fontSize": "{font.font-size.700}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "36", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.bold}", "lineHeight": "{font.line-height.900}", "fontSize": "{font.font-size.700}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "36", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } } }, "h2": { "regular": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.regular}", "lineHeight": "{font.line-height.900}", "fontSize": "{font.font-size.650}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "36", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "medium": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.medium}", "lineHeight": "{font.line-height.900}", "fontSize": "{font.font-size.650}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "36", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "semi bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.semi-bold}", "lineHeight": "{font.line-height.900}", "fontSize": "{font.font-size.650}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "36", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.bold}", "lineHeight": "{font.line-height.900}", "fontSize": "{font.font-size.650}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "36", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } } }, "h3": { "regular": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.regular}", "lineHeight": "{font.line-height.800}", "fontSize": "{font.font-size.600}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "32", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "medium": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.medium}", "lineHeight": "{font.line-height.800}", "fontSize": "{font.font-size.600}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "32", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "semi bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.semi-bold}", "lineHeight": "{font.line-height.800}", "fontSize": "{font.font-size.600}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "32", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.bold}", "lineHeight": "{font.line-height.800}", "fontSize": "{font.font-size.600}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "32", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } } }, "h4": { "regular": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.regular}", "lineHeight": "{font.line-height.700}", "fontSize": "{font.font-size.550}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "28", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "medium": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.medium}", "lineHeight": "{font.line-height.700}", "fontSize": "{font.font-size.550}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "28", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "semi bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.semi-bold}", "lineHeight": "{font.line-height.700}", "fontSize": "{font.font-size.550}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "28", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.bold}", "lineHeight": "{font.line-height.700}", "fontSize": "{font.font-size.550}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "28", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } } }, "h5": { "regular": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.regular}", "lineHeight": "{font.line-height.700}", "fontSize": "{font.font-size.500}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "28", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "medium": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.medium}", "lineHeight": "{font.line-height.700}", "fontSize": "{font.font-size.500}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "28", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "semi bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.semi-bold}", "lineHeight": "{font.line-height.700}", "fontSize": "{font.font-size.500}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "28", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.bold}", "lineHeight": "{font.line-height.700}", "fontSize": "{font.font-size.500}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "28", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } } }, "h6": { "regular": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.regular}", "lineHeight": "{font.line-height.700}", "fontSize": "{font.font-size.450}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "28", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "medium": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.medium}", "lineHeight": "{font.line-height.700}", "fontSize": "{font.font-size.450}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "28", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "semi bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.semi-bold}", "lineHeight": "{font.line-height.700}", "fontSize": "{font.font-size.450}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "28", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.bold}", "lineHeight": "{font.line-height.700}", "fontSize": "{font.font-size.450}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "28", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } } } }, "body": { "action": { "lg": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.medium}", "lineHeight": "{font.line-height.600}", "fontSize": "{font.font-size.500}", "letterSpacing": "{font.letter-spacing.1}", "paragraphSpacing": "0", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "md": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.medium}", "lineHeight": "{font.line-height.600}", "fontSize": "{font.font-size.400}", "letterSpacing": "{font.letter-spacing.1}", "paragraphSpacing": "0", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "sm": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.medium}", "lineHeight": "{font.line-height.500}", "fontSize": "{font.font-size.350}", "letterSpacing": "{font.letter-spacing.1}", "paragraphSpacing": "0", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "xs": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.medium}", "lineHeight": "{font.line-height.500}", "fontSize": "{font.font-size.300}", "letterSpacing": "{font.letter-spacing.1}", "paragraphSpacing": "0", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } } }, "lg": { "regular": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.regular}", "lineHeight": "{font.line-height.600}", "fontSize": "{font.font-size.400}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "24", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "medium": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.medium}", "lineHeight": "{font.line-height.600}", "fontSize": "{font.font-size.400}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "24", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "semi bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.semi-bold}", "lineHeight": "{font.line-height.600}", "fontSize": "{font.font-size.400}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "24", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.bold}", "lineHeight": "{font.line-height.600}", "fontSize": "{font.font-size.400}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "24", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } } }, "md": { "regular": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.regular}", "lineHeight": "{font.line-height.600}", "fontSize": "{font.font-size.350}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "24", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "medium": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.medium}", "lineHeight": "{font.line-height.600}", "fontSize": "{font.font-size.350}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "24", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "semi bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.semi-bold}", "lineHeight": "{font.line-height.600}", "fontSize": "{font.font-size.350}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "24", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.bold}", "lineHeight": "{font.line-height.600}", "fontSize": "{font.font-size.350}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "24", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } } }, "sm": { "regular": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.regular}", "lineHeight": "{font.line-height.500}", "fontSize": "{font.font-size.300}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "20", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "medium": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.medium}", "lineHeight": "{font.line-height.500}", "fontSize": "{font.font-size.300}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "20", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "semi bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.semi-bold}", "lineHeight": "{font.line-height.500}", "fontSize": "{font.font-size.300}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "20", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } }, "bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.bold}", "lineHeight": "{font.line-height.500}", "fontSize": "{font.font-size.300}", "letterSpacing": "{font.letter-spacing.0}", "paragraphSpacing": "20", "paragraphIndent": "0", "textCase": "none", "textDecoration": "none" } } } }, "overline": { "regular": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.regular}", "lineHeight": "{font.line-height.500}", "fontSize": "{font.font-size.300}", "letterSpacing": "{font.letter-spacing.2}", "paragraphSpacing": "20", "paragraphIndent": "0", "textCase": "uppercase", "textDecoration": "none" } }, "medium": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.medium}", "lineHeight": "{font.line-height.500}", "fontSize": "{font.font-size.300}", "letterSpacing": "{font.letter-spacing.2}", "paragraphSpacing": "20", "paragraphIndent": "0", "textCase": "uppercase", "textDecoration": "none" } }, "semi bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.semi-bold}", "lineHeight": "{font.line-height.500}", "fontSize": "{font.font-size.300}", "letterSpacing": "{font.letter-spacing.2}", "paragraphSpacing": "20", "paragraphIndent": "0", "textCase": "uppercase", "textDecoration": "none" } }, "bold": { "$type": "typography", "$value": { "fontFamily": "{font.font-family.default}", "fontWeight": "{font.font-weight.bold}", "lineHeight": "{font.line-height.500}", "fontSize": "{font.font-size.300}", "letterSpacing": "{font.letter-spacing.2}", "paragraphSpacing": "20", "paragraphIndent": "0", "textCase": "uppercase", "textDecoration": "none" } } } }