@atlaskit/tokens
Version:
Design tokens are the single source of truth to name and store design decisions.
612 lines (611 loc) • 29.6 kB
JavaScript
/**
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
* @codegen <<SignedSource::a5de94ea768cbf5e5645d21cf836a146>>
* @codegenCommand yarn build tokens
*/
const tokens = [{
"value": "normal 653 calc(2rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-xxlarge-scale, 1))/calc(2.25rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-xxlarge-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1) * var(--ds-dynamic-font-heading-xxlarge-line-height-scale, 1)) var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"filePath": "schema/themes/atlassian-typography/theme.tsx",
"isSource": false,
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "For overlapping brand with app promotions, such as marketplace content. Migrate instances of H900 to Heading XXL."
},
"original": {
"value": {
"fontWeight": "FontWeight653",
"fontSize": "calc(2rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-xxlarge-scale, 1))",
"lineHeight": "calc(2.25rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-xxlarge-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1) * var(--ds-dynamic-font-heading-xxlarge-line-height-scale, 1))",
"fontFamily": "var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"fontStyle": "normal",
"letterSpacing": "LetterSpacing0"
},
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "For overlapping brand with app promotions, such as marketplace content. Migrate instances of H900 to Heading XXL."
}
},
"name": "font.heading.xxlarge",
"path": ["font", "heading", "xxlarge"],
"cleanName": "font.heading.xxlarge"
}, {
"value": "normal 653 calc(1.75rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-xlarge-scale, 1))/calc(2rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-xlarge-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1) * var(--ds-dynamic-font-heading-xlarge-line-height-scale, 1)) var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"filePath": "schema/themes/atlassian-typography/theme.tsx",
"isSource": false,
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "For overlapping brand with app promotions, such as marketplace content. Migrate instances of H800 to Heading XL."
},
"original": {
"value": {
"fontWeight": "FontWeight653",
"fontSize": "calc(1.75rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-xlarge-scale, 1))",
"lineHeight": "calc(2rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-xlarge-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1) * var(--ds-dynamic-font-heading-xlarge-line-height-scale, 1))",
"fontFamily": "var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"fontStyle": "normal",
"letterSpacing": "LetterSpacing0"
},
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "For overlapping brand with app promotions, such as marketplace content. Migrate instances of H800 to Heading XL."
}
},
"name": "font.heading.xlarge",
"path": ["font", "heading", "xlarge"],
"cleanName": "font.heading.xlarge"
}, {
"value": "normal 653 calc(1.5rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-large-scale, 1))/calc(1.75rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-large-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1) * var(--ds-dynamic-font-heading-large-line-height-scale, 1)) var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"filePath": "schema/themes/atlassian-typography/theme.tsx",
"isSource": false,
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "App page titles, such as forms. Migrate instances of H700 to Heading L."
},
"original": {
"value": {
"fontWeight": "FontWeight653",
"fontSize": "calc(1.5rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-large-scale, 1))",
"lineHeight": "calc(1.75rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-large-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1) * var(--ds-dynamic-font-heading-large-line-height-scale, 1))",
"fontFamily": "var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"fontStyle": "normal",
"letterSpacing": "LetterSpacing0"
},
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "App page titles, such as forms. Migrate instances of H700 to Heading L."
}
},
"name": "font.heading.large",
"path": ["font", "heading", "large"],
"cleanName": "font.heading.large"
}, {
"value": "normal 653 calc(1.25rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-medium-scale, 1))/calc(1.5rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-medium-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1) * var(--ds-dynamic-font-heading-medium-line-height-scale, 1)) var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"filePath": "schema/themes/atlassian-typography/theme.tsx",
"isSource": false,
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "Headers in large components, such as modal dialogs. Migrate instances of H600 to Heading M."
},
"original": {
"value": {
"fontWeight": "FontWeight653",
"fontSize": "calc(1.25rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-medium-scale, 1))",
"lineHeight": "calc(1.5rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-medium-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1) * var(--ds-dynamic-font-heading-medium-line-height-scale, 1))",
"fontFamily": "var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"fontStyle": "normal",
"letterSpacing": "LetterSpacing0"
},
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "Headers in large components, such as modal dialogs. Migrate instances of H600 to Heading M."
}
},
"name": "font.heading.medium",
"path": ["font", "heading", "medium"],
"cleanName": "font.heading.medium"
}, {
"value": "normal 653 calc(1rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-small-scale, 1))/calc(1.25rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-small-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1) * var(--ds-dynamic-font-heading-small-line-height-scale, 1)) var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"filePath": "schema/themes/atlassian-typography/theme.tsx",
"isSource": false,
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "For headers in small components where space is limited. Migrate instances of H500 to Heading S."
},
"original": {
"value": {
"fontWeight": "FontWeight653",
"fontSize": "calc(1rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-small-scale, 1))",
"lineHeight": "calc(1.25rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-small-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1) * var(--ds-dynamic-font-heading-small-line-height-scale, 1))",
"fontFamily": "var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"fontStyle": "normal",
"letterSpacing": "LetterSpacing0"
},
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "For headers in small components where space is limited. Migrate instances of H500 to Heading S."
}
},
"name": "font.heading.small",
"path": ["font", "heading", "small"],
"cleanName": "font.heading.small"
}, {
"value": "normal 653 calc(0.875rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-xsmall-scale, 1))/calc(1.25rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-xsmall-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1) * var(--ds-dynamic-font-heading-xsmall-line-height-scale, 1)) var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"filePath": "schema/themes/atlassian-typography/theme.tsx",
"isSource": false,
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "For headers in small components where space is limited. Migrate instances of H400 to Heading XS."
},
"original": {
"value": {
"fontWeight": "FontWeight653",
"fontSize": "calc(0.875rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-xsmall-scale, 1))",
"lineHeight": "calc(1.25rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-xsmall-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1) * var(--ds-dynamic-font-heading-xsmall-line-height-scale, 1))",
"fontFamily": "var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"fontStyle": "normal",
"letterSpacing": "LetterSpacing0"
},
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "For headers in small components where space is limited. Migrate instances of H400 to Heading XS."
}
},
"name": "font.heading.xsmall",
"path": ["font", "heading", "xsmall"],
"cleanName": "font.heading.xsmall"
}, {
"value": "normal 653 calc(0.75rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-xxsmall-scale, 1))/calc(1rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-xxsmall-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1) * var(--ds-dynamic-font-heading-xxsmall-line-height-scale, 1)) var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"filePath": "schema/themes/atlassian-typography/theme.tsx",
"isSource": false,
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "For headers in fine print or tight spaces. Use sparingly. Migrate instances of H100, H200 and H300 to Heading XXS."
},
"original": {
"value": {
"fontWeight": "FontWeight653",
"fontSize": "calc(0.75rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-xxsmall-scale, 1))",
"lineHeight": "calc(1rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-heading-xxsmall-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1) * var(--ds-dynamic-font-heading-xxsmall-line-height-scale, 1))",
"fontFamily": "var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"fontStyle": "normal",
"letterSpacing": "LetterSpacing0"
},
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "For headers in fine print or tight spaces. Use sparingly. Migrate instances of H100, H200 and H300 to Heading XXS."
}
},
"name": "font.heading.xxsmall",
"path": ["font", "heading", "xxsmall"],
"cleanName": "font.heading.xxsmall"
}, {
"value": "normal 400 calc(1rem * var(--ds-dynamic-font-scale, 1))/calc(1.5rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1)) var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"filePath": "schema/themes/atlassian-typography/theme.tsx",
"isSource": false,
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "For long-form text, such as in blogs."
},
"original": {
"value": {
"fontWeight": "FontWeight400",
"fontSize": "calc(1rem * var(--ds-dynamic-font-scale, 1))",
"lineHeight": "calc(1.5rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1))",
"fontFamily": "var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"fontStyle": "normal",
"letterSpacing": "LetterSpacing0"
},
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "For long-form text, such as in blogs."
}
},
"name": "font.body.large",
"path": ["font", "body", "large"],
"cleanName": "font.body.large"
}, {
"value": "normal 400 calc(0.875rem * var(--ds-dynamic-font-scale, 1))/calc(1.25rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1)) var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"filePath": "schema/themes/atlassian-typography/theme.tsx",
"isSource": false,
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "Use in short descriptions or labels. The default size for text in components. Migrate instances of Paragraph Default and UI Text to Body M."
},
"original": {
"value": {
"fontWeight": "FontWeight400",
"fontSize": "calc(0.875rem * var(--ds-dynamic-font-scale, 1))",
"lineHeight": "calc(1.25rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1))",
"fontFamily": "var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"fontStyle": "normal",
"letterSpacing": "LetterSpacing0"
},
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "Use in short descriptions or labels. The default size for text in components. Migrate instances of Paragraph Default and UI Text to Body M."
}
},
"name": "font.body.[default]",
"path": ["font", "body", "[default]"],
"cleanName": "font.body"
}, {
"value": "normal 400 calc(0.75rem * var(--ds-dynamic-font-scale, 1))/calc(1rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1)) var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"filePath": "schema/themes/atlassian-typography/theme.tsx",
"isSource": false,
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "Use in secondary level content such as fine print or semantic messaging. Use sparingly. Migrate instances of Small text to Body S."
},
"original": {
"value": {
"fontWeight": "FontWeight400",
"fontSize": "calc(0.75rem * var(--ds-dynamic-font-scale, 1))",
"lineHeight": "calc(1rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1))",
"fontFamily": "var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"fontStyle": "normal",
"letterSpacing": "LetterSpacing0"
},
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "Use in secondary level content such as fine print or semantic messaging. Use sparingly. Migrate instances of Small text to Body S."
}
},
"name": "font.body.small",
"path": ["font", "body", "small"],
"cleanName": "font.body.small"
}, {
"value": "normal 653 calc(1.75rem * var(--ds-dynamic-font-scale, 1))/calc(2rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1)) var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"filePath": "schema/themes/atlassian-typography/theme.tsx",
"isSource": false,
"attributes": {
"group": "typography",
"state": "active",
"introduced": "5.0.1",
"description": "Use to emphasize a number within a large donut."
},
"original": {
"value": {
"fontWeight": "FontWeight653",
"fontSize": "calc(1.75rem * var(--ds-dynamic-font-scale, 1))",
"lineHeight": "calc(2rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1))",
"fontFamily": "var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"fontStyle": "normal",
"letterSpacing": "LetterSpacing0"
},
"attributes": {
"group": "typography",
"state": "active",
"introduced": "5.0.1",
"description": "Use to emphasize a number within a large donut."
}
},
"name": "font.metric.large",
"path": ["font", "metric", "large"],
"cleanName": "font.metric.large"
}, {
"value": "normal 653 calc(1.5rem * var(--ds-dynamic-font-scale, 1))/calc(1.75rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1)) var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"filePath": "schema/themes/atlassian-typography/theme.tsx",
"isSource": false,
"attributes": {
"group": "typography",
"state": "active",
"introduced": "5.0.1",
"description": "Use to emphasize a number within a medium donut."
},
"original": {
"value": {
"fontWeight": "FontWeight653",
"fontSize": "calc(1.5rem * var(--ds-dynamic-font-scale, 1))",
"lineHeight": "calc(1.75rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1))",
"fontFamily": "var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"fontStyle": "normal",
"letterSpacing": "LetterSpacing0"
},
"attributes": {
"group": "typography",
"state": "active",
"introduced": "5.0.1",
"description": "Use to emphasize a number within a medium donut."
}
},
"name": "font.metric.medium",
"path": ["font", "metric", "medium"],
"cleanName": "font.metric.medium"
}, {
"value": "normal 653 calc(1rem * var(--ds-dynamic-font-scale, 1))/calc(1.25rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1)) var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"filePath": "schema/themes/atlassian-typography/theme.tsx",
"isSource": false,
"attributes": {
"group": "typography",
"state": "active",
"introduced": "5.0.1",
"description": "Use to emphasize a number and words in single-value tiles, or small donuts."
},
"original": {
"value": {
"fontWeight": "FontWeight653",
"fontSize": "calc(1rem * var(--ds-dynamic-font-scale, 1))",
"lineHeight": "calc(1.25rem * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1))",
"fontFamily": "var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"fontStyle": "normal",
"letterSpacing": "LetterSpacing0"
},
"attributes": {
"group": "typography",
"state": "active",
"introduced": "5.0.1",
"description": "Use to emphasize a number and words in single-value tiles, or small donuts."
}
},
"name": "font.metric.small",
"path": ["font", "metric", "small"],
"cleanName": "font.metric.small"
}, {
"value": "normal 400 calc(0.875em * var(--ds-dynamic-font-scale, 1))/calc(1 * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1)) \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
"filePath": "schema/themes/atlassian-typography/theme.tsx",
"isSource": false,
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "For representing code only, either inline or in code blocks."
},
"original": {
"value": {
"fontWeight": "FontWeight400",
"fontSize": "calc(0.875em * var(--ds-dynamic-font-scale, 1))",
"lineHeight": "calc(1 * var(--ds-dynamic-font-scale, 1) * var(--ds-dynamic-font-line-height-scale, 1))",
"fontFamily": "FontFamilyWebMonoRefreshed",
"fontStyle": "normal",
"letterSpacing": "LetterSpacing0"
},
"attributes": {
"group": "typography",
"state": "active",
"introduced": "1.14.0",
"description": "For representing code only, either inline or in code blocks."
}
},
"name": "font.code.[default]",
"path": ["font", "code", "[default]"],
"cleanName": "font.code"
}, {
"value": "400",
"filePath": "schema/themes/atlassian-typography/font-weight.tsx",
"isSource": false,
"attributes": {
"group": "fontWeight",
"state": "active",
"introduced": "0.10.33",
"description": "Default font weight for body text styles."
},
"original": {
"value": "FontWeight400",
"attributes": {
"group": "fontWeight",
"state": "active",
"introduced": "0.10.33",
"description": "Default font weight for body text styles."
}
},
"name": "font.weight.regular",
"path": ["font", "weight", "regular"],
"cleanName": "font.weight.regular"
}, {
"value": "500",
"filePath": "schema/themes/atlassian-typography/font-weight.tsx",
"isSource": false,
"attributes": {
"group": "fontWeight",
"state": "active",
"introduced": "0.10.33",
"description": "For all text that may appear beside iconography, such as in a button."
},
"original": {
"value": "FontWeight500",
"attributes": {
"group": "fontWeight",
"state": "active",
"introduced": "0.10.33",
"description": "For all text that may appear beside iconography, such as in a button."
}
},
"name": "font.weight.medium",
"path": ["font", "weight", "medium"],
"cleanName": "font.weight.medium"
}, {
"value": "600",
"filePath": "schema/themes/atlassian-typography/font-weight.tsx",
"isSource": false,
"attributes": {
"group": "fontWeight",
"state": "active",
"introduced": "0.10.33",
"description": "Use with caution as fallback fonts do not support this font weight and will default to bold weight."
},
"original": {
"value": "FontWeight600",
"attributes": {
"group": "fontWeight",
"state": "active",
"introduced": "0.10.33",
"description": "Use with caution as fallback fonts do not support this font weight and will default to bold weight."
}
},
"name": "font.weight.semibold",
"path": ["font", "weight", "semibold"],
"cleanName": "font.weight.semibold"
}, {
"value": "653",
"filePath": "schema/themes/atlassian-typography/font-weight.tsx",
"isSource": false,
"attributes": {
"group": "fontWeight",
"state": "active",
"introduced": "0.10.33",
"description": "Use sparingly for emphasising text, such as in a lozenge."
},
"original": {
"value": "FontWeight653",
"attributes": {
"group": "fontWeight",
"state": "active",
"introduced": "0.10.33",
"description": "Use sparingly for emphasising text, such as in a lozenge."
}
},
"name": "font.weight.bold",
"path": ["font", "weight", "bold"],
"cleanName": "font.weight.bold"
}, {
"value": "var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"filePath": "schema/themes/atlassian-typography/font-family.tsx",
"isSource": false,
"attributes": {
"group": "fontFamily",
"state": "active",
"introduced": "1.14.0",
"description": "For our default UI heading text."
},
"original": {
"value": "var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"attributes": {
"group": "fontFamily",
"state": "active",
"introduced": "1.14.0",
"description": "For our default UI heading text."
}
},
"name": "font.family.heading",
"path": ["font", "family", "heading"],
"cleanName": "font.family.heading"
}, {
"value": "var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"filePath": "schema/themes/atlassian-typography/font-family.tsx",
"isSource": false,
"attributes": {
"group": "fontFamily",
"state": "active",
"introduced": "1.14.0",
"description": "For our default UI body text."
},
"original": {
"value": "var(--ds-dynamic-font-family, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"attributes": {
"group": "fontFamily",
"state": "active",
"introduced": "1.14.0",
"description": "For our default UI body text."
}
},
"name": "font.family.body",
"path": ["font", "family", "body"],
"cleanName": "font.family.body"
}, {
"value": "\"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace",
"filePath": "schema/themes/atlassian-typography/font-family.tsx",
"isSource": false,
"attributes": {
"group": "fontFamily",
"state": "active",
"introduced": "1.14.0",
"description": "For representing code only."
},
"original": {
"value": "FontFamilyWebMonoRefreshed",
"attributes": {
"group": "fontFamily",
"state": "active",
"introduced": "1.14.0",
"description": "For representing code only."
}
},
"name": "font.family.code",
"path": ["font", "family", "code"],
"cleanName": "font.family.code"
}, {
"value": "var(--ds-dynamic-font-family, \"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"filePath": "schema/themes/atlassian-typography/font-family.tsx",
"isSource": false,
"attributes": {
"group": "fontFamily",
"state": "active",
"introduced": "1.14.0",
"description": "For our brand heading text. Uses Charlie Display."
},
"original": {
"value": "var(--ds-dynamic-font-family, \"Charlie Display\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"attributes": {
"group": "fontFamily",
"state": "active",
"introduced": "1.14.0",
"description": "For our brand heading text. Uses Charlie Display."
}
},
"name": "font.family.brand.heading",
"path": ["font", "family", "brand", "heading"],
"cleanName": "font.family.brand.heading"
}, {
"value": "var(--ds-dynamic-font-family, \"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"filePath": "schema/themes/atlassian-typography/font-family.tsx",
"isSource": false,
"attributes": {
"group": "fontFamily",
"state": "active",
"introduced": "1.14.0",
"description": "For our brand body text. Uses Charlie Text."
},
"original": {
"value": "var(--ds-dynamic-font-family, \"Charlie Text\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
"attributes": {
"group": "fontFamily",
"state": "active",
"introduced": "1.14.0",
"description": "For our brand body text. Uses Charlie Text."
}
},
"name": "font.family.brand.body",
"path": ["font", "family", "brand", "body"],
"cleanName": "font.family.brand.body"
}];
export default tokens;