@storybook/design-system
Version:
Storybook design system
108 lines • 4.97 kB
TypeScript
export declare const background: {
app: string;
appInverse: string;
positive: string;
negative: string;
warning: string;
calmBlue: string;
};
export declare const color: {
primary: string;
secondary: string;
tertiary: string;
orange: string;
gold: string;
green: string;
seafoam: string;
purple: string;
ultraviolet: string;
red: string;
bluelight: string;
bluelighter: string;
lightest: string;
lighter: string;
light: string;
mediumlight: string;
medium: string;
mediumdark: string;
dark: string;
darker: string;
darkest: string;
tr10: string;
tr5: string;
border: string;
positive: string;
negative: string;
warning: string;
selected: string;
};
export declare const spacing: {
padding: {
small: number;
medium: number;
large: number;
};
borderRadius: {
small: number;
default: number;
};
};
export declare const typography: {
readonly type: {
readonly primary: "\"Nunito Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif";
readonly code: "\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace";
};
readonly weight: {
readonly regular: "400";
readonly bold: "700";
readonly extrabold: "800";
};
readonly size: {
readonly s1: 12;
readonly s2: 14;
readonly s3: 16;
readonly m1: 20;
readonly m2: 24;
readonly m3: 28;
readonly l1: 32;
readonly l2: 40;
readonly l3: 48;
readonly code: 90;
};
};
export declare const breakpoint = 600;
export declare const pageMargin = 5.55555;
export declare const pageMargins: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
export declare const hoverEffect: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
export declare const zIndex: {
tooltip: number;
};
export declare const headers: {
hero1: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
hero2: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
h1: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
h2: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
h3: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
h4: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
h5: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
h6: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
};
export declare const subheading: {
regular: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
small: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
};
export declare const text: {
storybookMediumBold: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
storybookMedium: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
largeBold: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
small: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
regularBold: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
smallBold: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
large: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
regular: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
};
export declare const code: {
regular: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
small: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
};
//# sourceMappingURL=styles.d.ts.map