@octopusdeploy/design-system-tokens
Version:
The design systems tokens. This package contains the raw tokens in their original format, and compiled to an appropriate format for consumption by the design system components.
229 lines (228 loc) • 6.88 kB
TypeScript
export declare const fontFamily: {
/**
* ```css
* font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", "Oxygen Mono", "Ubuntu Mono", monospace;
* ```
*/
readonly code: "var(--fontFamilyCode)";
/**
* ```css
* font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen Sans", Ubuntu, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
* ```
*/
readonly default: "var(--fontFamilyDefault)";
};
export declare const text: {
readonly body: {
readonly bold: {
/**
* ```css
* font-weight: 600;
* font-size: 1rem;
* line-height: 1.5rem;
* font-family: var(--fontFamilyDefault);
* ```
*/
readonly large: "var(--textBodyBoldLarge)";
/**
* ```css
* font-weight: 600;
* font-size: 0.875rem;
* line-height: 1.25rem;
* font-family: var(--fontFamilyDefault);
* ```
*/
readonly medium: "var(--textBodyBoldMedium)";
/**
* ```css
* font-weight: 600;
* font-size: 0.8125rem;
* line-height: 1.25rem;
* font-family: var(--fontFamilyDefault);
* ```
*/
readonly small: "var(--textBodyBoldSmall)";
/**
* ```css
* font-weight: 600;
* font-size: 0.75rem;
* line-height: 1.25rem;
* font-family: var(--fontFamilyDefault);
* ```
*/
readonly xSmall: "var(--textBodyBoldXSmall)";
};
readonly regular: {
/**
* ```css
* font-weight: 400;
* font-size: 1rem;
* line-height: 1.5rem;
* font-family: var(--fontFamilyDefault);
* ```
*/
readonly large: "var(--textBodyRegularLarge)";
/**
* ```css
* font-weight: 400;
* font-size: 0.875rem;
* line-height: 1.25rem;
* font-family: var(--fontFamilyDefault);
* ```
*/
readonly medium: "var(--textBodyRegularMedium)";
/**
* ```css
* font-weight: 400;
* font-size: 0.8125rem;
* line-height: 1.25rem;
* font-family: var(--fontFamilyDefault);
* ```
*/
readonly small: "var(--textBodyRegularSmall)";
/**
* ```css
* font-weight: 400;
* font-size: 0.75rem;
* line-height: 1.25rem;
* font-family: var(--fontFamilyDefault);
* ```
*/
readonly xSmall: "var(--textBodyRegularXSmall)";
};
};
readonly code: {
readonly bold: {
/**
* ```css
* font-weight: 600;
* font-size: 1rem;
* line-height: 1.5rem;
* font-family: var(--fontFamilyCode);
* ```
*/
readonly large: "var(--textCodeBoldLarge)";
/**
* ```css
* font-weight: 600;
* font-size: 0.875rem;
* line-height: 1.25rem;
* font-family: var(--fontFamilyCode);
* ```
*/
readonly medium: "var(--textCodeBoldMedium)";
/**
* ```css
* font-weight: 600;
* font-size: 0.8125rem;
* line-height: 1.25rem;
* font-family: var(--fontFamilyCode);
* ```
*/
readonly small: "var(--textCodeBoldSmall)";
/**
* ```css
* font-weight: 600;
* font-size: 0.75rem;
* line-height: 1.25rem;
* font-family: var(--fontFamilyCode);
* ```
*/
readonly xSmall: "var(--textCodeBoldXSmall)";
};
readonly regular: {
/**
* ```css
* font-weight: 400;
* font-size: 1rem;
* line-height: 1.5rem;
* font-family: var(--fontFamilyCode);
* ```
*/
readonly large: "var(--textCodeRegularLarge)";
/**
* ```css
* font-weight: 400;
* font-size: 0.875rem;
* line-height: 1.25rem;
* font-family: var(--fontFamilyCode);
* ```
*/
readonly medium: "var(--textCodeRegularMedium)";
/**
* ```css
* font-weight: 400;
* font-size: 0.8125rem;
* line-height: 1.25rem;
* font-family: var(--fontFamilyCode);
* ```
*/
readonly small: "var(--textCodeRegularSmall)";
/**
* ```css
* font-weight: 400;
* font-size: 0.75rem;
* line-height: 1.25rem;
* font-family: var(--fontFamilyCode);
* ```
*/
readonly xSmall: "var(--textCodeRegularXSmall)";
};
};
readonly heading: {
/**
* ```css
* font-weight: 600;
* font-size: 3rem;
* line-height: 3.5rem;
* font-family: var(--fontFamilyDefault);
* ```
*/
readonly "2xLarge": "var(--textHeading2xLarge)";
/**
* ```css
* font-weight: 600;
* font-size: 1.5rem;
* line-height: 2rem;
* font-family: var(--fontFamilyDefault);
* ```
*/
readonly large: "var(--textHeadingLarge)";
/**
* ```css
* font-weight: 600;
* font-size: 1.25rem;
* line-height: 1.75rem;
* font-family: var(--fontFamilyDefault);
* ```
*/
readonly medium: "var(--textHeadingMedium)";
/**
* ```css
* font-weight: 600;
* font-size: 1rem;
* line-height: 1.5rem;
* font-family: var(--fontFamilyDefault);
* ```
*/
readonly small: "var(--textHeadingSmall)";
/**
* ```css
* font-weight: 600;
* font-size: 2rem;
* line-height: 2.75rem;
* font-family: var(--fontFamilyDefault);
* ```
*/
readonly xLarge: "var(--textHeadingXLarge)";
/**
* ```css
* font-weight: 600;
* font-size: 0.75rem;
* line-height: 1.25rem;
* font-family: var(--fontFamilyDefault);
* ```
*/
readonly xSmall: "var(--textHeadingXSmall)";
};
};