@expo/styleguide-native 0.4.2-alpha.1 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +169 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.js +3 -1
- package/dist/src/icons/DebugIcon.d.ts +4 -0
- package/dist/src/icons/DebugIcon.js +30 -0
- package/dist/src/icons/InspectElementIcon.d.ts +4 -0
- package/dist/src/icons/InspectElementIcon.js +30 -0
- package/dist/src/icons/LifebuoyIcon.d.ts +4 -0
- package/dist/src/icons/LifebuoyIcon.js +29 -0
- package/dist/src/icons/PerformanceIcon.d.ts +4 -0
- package/dist/src/icons/PerformanceIcon.js +30 -0
- package/dist/src/icons/PinIcon.d.ts +4 -0
- package/dist/src/icons/PinIcon.js +29 -0
- package/dist/src/icons/PlanEnterpriseIcon.d.ts +4 -0
- package/dist/src/icons/PlanEnterpriseIcon.js +29 -0
- package/dist/src/icons/PlanFreeIcon.d.ts +4 -0
- package/dist/src/icons/PlanFreeIcon.js +29 -0
- package/dist/src/icons/PlanProductionIcon.d.ts +4 -0
- package/dist/src/icons/PlanProductionIcon.js +30 -0
- package/dist/src/icons/RunIcon.d.ts +4 -0
- package/dist/src/icons/RunIcon.js +30 -0
- package/dist/src/icons/UndoIcon.d.ts +4 -0
- package/dist/src/icons/UndoIcon.js +29 -0
- package/dist/src/icons/UploadIcon.d.ts +4 -0
- package/dist/src/icons/UploadIcon.js +30 -0
- package/dist/src/icons/index.d.ts +11 -0
- package/dist/src/icons/index.js +24 -2
- package/dist/src/styles/sizing.js +3 -3
- package/dist/src/styles/themes.d.ts +0 -2
- package/dist/src/styles/themes.js +1 -3
- package/dist/src/styles/typography.d.ts +424 -0
- package/dist/src/styles/typography.js +338 -0
- package/package.json +2 -2
|
@@ -19,6 +19,7 @@ export { default as ChevronDownIcon } from './ChevronDownIcon';
|
|
|
19
19
|
export { default as CloudSlashIcon } from './CloudSlashIcon';
|
|
20
20
|
export { default as CommitIcon } from './CommitIcon';
|
|
21
21
|
export { default as CredentialIcon } from './CredentialIcon';
|
|
22
|
+
export { default as DebugIcon } from './DebugIcon';
|
|
22
23
|
export { default as DeploymentIcon } from './DeploymentIcon';
|
|
23
24
|
export { default as DeploymentsIcon } from './DeploymentsIcon';
|
|
24
25
|
export { default as DiscordIcon } from './DiscordIcon';
|
|
@@ -32,8 +33,10 @@ export { default as GoogleAppStoreIcon } from './GoogleAppStoreIcon';
|
|
|
32
33
|
export { default as HomeFilledIcon } from './HomeFilledIcon';
|
|
33
34
|
export { default as HomeIcon } from './HomeIcon';
|
|
34
35
|
export { default as InfoIcon } from './InfoIcon';
|
|
36
|
+
export { default as InspectElementIcon } from './InspectElementIcon';
|
|
35
37
|
export { default as InstagramIcon } from './InstagramIcon';
|
|
36
38
|
export { default as InvoicesIcon } from './InvoicesIcon';
|
|
39
|
+
export { default as LifebuoyIcon } from './LifebuoyIcon';
|
|
37
40
|
export { default as LockIcon } from './LockIcon';
|
|
38
41
|
export { default as LogoutMobileIcon } from './LogoutMobileIcon';
|
|
39
42
|
export { default as LogsIcon } from './LogsIcon';
|
|
@@ -43,6 +46,11 @@ export { default as MessageIcon } from './MessageIcon';
|
|
|
43
46
|
export { default as OneTimePasswordIcon } from './OneTimePasswordIcon';
|
|
44
47
|
export { default as OpenInternalIcon } from './OpenInternalIcon';
|
|
45
48
|
export { default as OverviewIcon } from './OverviewIcon';
|
|
49
|
+
export { default as PerformanceIcon } from './PerformanceIcon';
|
|
50
|
+
export { default as PinIcon } from './PinIcon';
|
|
51
|
+
export { default as PlanEnterpriseIcon } from './PlanEnterpriseIcon';
|
|
52
|
+
export { default as PlanFreeIcon } from './PlanFreeIcon';
|
|
53
|
+
export { default as PlanProductionIcon } from './PlanProductionIcon';
|
|
46
54
|
export { default as PlansIcon } from './PlansIcon';
|
|
47
55
|
export { default as ProjectTransferIcon } from './ProjectTransferIcon';
|
|
48
56
|
export { default as PushToDeviceIcon } from './PushToDeviceIcon';
|
|
@@ -51,6 +59,7 @@ export { default as QuestionIcon } from './QuestionIcon';
|
|
|
51
59
|
export { default as QuestionMarkIcon } from './QuestionMarkIcon';
|
|
52
60
|
export { default as RefreshIcon } from './RefreshIcon';
|
|
53
61
|
export { default as RolloutIcon } from './RolloutIcon';
|
|
62
|
+
export { default as RunIcon } from './RunIcon';
|
|
54
63
|
export { default as RuntimeVersionIcon } from './RuntimeVersionIcon';
|
|
55
64
|
export { default as ScanIcon } from './ScanIcon';
|
|
56
65
|
export { default as SearchIcon } from './SearchIcon';
|
|
@@ -68,7 +77,9 @@ export { default as TriangleDownIcon } from './TriangleDownIcon';
|
|
|
68
77
|
export { default as TriangleRightIcon } from './TriangleRightIcon';
|
|
69
78
|
export { default as TwitchIcon } from './TwitchIcon';
|
|
70
79
|
export { default as TwitterIcon } from './TwitterIcon';
|
|
80
|
+
export { default as UndoIcon } from './UndoIcon';
|
|
71
81
|
export { default as UpdateIcon } from './UpdateIcon';
|
|
82
|
+
export { default as UploadIcon } from './UploadIcon';
|
|
72
83
|
export { default as UserFilledIcon } from './UserFilledIcon';
|
|
73
84
|
export { default as UserIcon } from './UserIcon';
|
|
74
85
|
export { default as UsersFilledIcon } from './UsersFilledIcon';
|
package/dist/src/icons/index.js
CHANGED
|
@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
7
|
-
exports.YoutubeIcon = exports.XIcon = exports.WarningIcon = exports.VersionIcon = exports.UsersIcon = exports.UsersFilledIcon = exports.UserIcon = exports.UserFilledIcon = exports.UpdateIcon = exports.TwitterIcon = exports.TwitchIcon = exports.TriangleRightIcon = exports.TriangleDownIcon = exports.TrashIcon = exports.TokensIcon = exports.ThemeLightIcon = exports.ThemeDarkIcon = exports.ThemeAutoIcon = exports.StoreIcon = exports.SparklesIcon = exports.SettingsIcon = exports.SettingsFilledIcon = exports.SecretsIcon = exports.SearchIcon = exports.ScanIcon = exports.RuntimeVersionIcon = exports.RolloutIcon = exports.RefreshIcon = exports.QuestionMarkIcon = void 0;
|
|
6
|
+
exports.PinIcon = exports.PerformanceIcon = exports.OverviewIcon = exports.OpenInternalIcon = exports.OneTimePasswordIcon = exports.MessageIcon = exports.MegaphoneIcon = exports.MailIcon = exports.LogsIcon = exports.LogoutMobileIcon = exports.LockIcon = exports.LifebuoyIcon = exports.InvoicesIcon = exports.InstagramIcon = exports.InspectElementIcon = exports.InfoIcon = exports.HomeIcon = exports.HomeFilledIcon = exports.GoogleAppStoreIcon = exports.GithubIcon = exports.GeneralIcon = exports.FacebookIcon = exports.ErrorIcon = exports.DownloadIcon = exports.DiscourseIcon = exports.DiscordIcon = exports.DeploymentsIcon = exports.DeploymentIcon = exports.DebugIcon = exports.CredentialIcon = exports.CommitIcon = exports.CloudSlashIcon = exports.ChevronDownIcon = exports.CheckIcon = exports.ChannelIcon = exports.BuildProfileIcon = exports.BuildNumberIcon = exports.BuildIcon = exports.BranchIcon = exports.BellIcon = exports.BadgeIcon = exports.AtSignIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = exports.AppleSimulatorIcon = exports.AppleIcon = exports.AppleAppStoreIcon = exports.AndroidIcon = exports.AddPhotoIcon = exports.ActivityIcon = void 0;
|
|
7
|
+
exports.YoutubeIcon = exports.XIcon = exports.WarningIcon = exports.VersionIcon = exports.UsersIcon = exports.UsersFilledIcon = exports.UserIcon = exports.UserFilledIcon = exports.UploadIcon = exports.UpdateIcon = exports.UndoIcon = exports.TwitterIcon = exports.TwitchIcon = exports.TriangleRightIcon = exports.TriangleDownIcon = exports.TrashIcon = exports.TokensIcon = exports.ThemeLightIcon = exports.ThemeDarkIcon = exports.ThemeAutoIcon = exports.StoreIcon = exports.SparklesIcon = exports.SettingsIcon = exports.SettingsFilledIcon = exports.SecretsIcon = exports.SearchIcon = exports.ScanIcon = exports.RuntimeVersionIcon = exports.RunIcon = exports.RolloutIcon = exports.RefreshIcon = exports.QuestionMarkIcon = exports.QuestionIcon = exports.QrCodeIcon = exports.PushToDeviceIcon = exports.ProjectTransferIcon = exports.PlansIcon = exports.PlanProductionIcon = exports.PlanFreeIcon = exports.PlanEnterpriseIcon = void 0;
|
|
8
8
|
var ActivityIcon_1 = require("./ActivityIcon");
|
|
9
9
|
Object.defineProperty(exports, "ActivityIcon", { enumerable: true, get: function () { return __importDefault(ActivityIcon_1).default; } });
|
|
10
10
|
var AddPhotoIcon_1 = require("./AddPhotoIcon");
|
|
@@ -47,6 +47,8 @@ var CommitIcon_1 = require("./CommitIcon");
|
|
|
47
47
|
Object.defineProperty(exports, "CommitIcon", { enumerable: true, get: function () { return __importDefault(CommitIcon_1).default; } });
|
|
48
48
|
var CredentialIcon_1 = require("./CredentialIcon");
|
|
49
49
|
Object.defineProperty(exports, "CredentialIcon", { enumerable: true, get: function () { return __importDefault(CredentialIcon_1).default; } });
|
|
50
|
+
var DebugIcon_1 = require("./DebugIcon");
|
|
51
|
+
Object.defineProperty(exports, "DebugIcon", { enumerable: true, get: function () { return __importDefault(DebugIcon_1).default; } });
|
|
50
52
|
var DeploymentIcon_1 = require("./DeploymentIcon");
|
|
51
53
|
Object.defineProperty(exports, "DeploymentIcon", { enumerable: true, get: function () { return __importDefault(DeploymentIcon_1).default; } });
|
|
52
54
|
var DeploymentsIcon_1 = require("./DeploymentsIcon");
|
|
@@ -73,10 +75,14 @@ var HomeIcon_1 = require("./HomeIcon");
|
|
|
73
75
|
Object.defineProperty(exports, "HomeIcon", { enumerable: true, get: function () { return __importDefault(HomeIcon_1).default; } });
|
|
74
76
|
var InfoIcon_1 = require("./InfoIcon");
|
|
75
77
|
Object.defineProperty(exports, "InfoIcon", { enumerable: true, get: function () { return __importDefault(InfoIcon_1).default; } });
|
|
78
|
+
var InspectElementIcon_1 = require("./InspectElementIcon");
|
|
79
|
+
Object.defineProperty(exports, "InspectElementIcon", { enumerable: true, get: function () { return __importDefault(InspectElementIcon_1).default; } });
|
|
76
80
|
var InstagramIcon_1 = require("./InstagramIcon");
|
|
77
81
|
Object.defineProperty(exports, "InstagramIcon", { enumerable: true, get: function () { return __importDefault(InstagramIcon_1).default; } });
|
|
78
82
|
var InvoicesIcon_1 = require("./InvoicesIcon");
|
|
79
83
|
Object.defineProperty(exports, "InvoicesIcon", { enumerable: true, get: function () { return __importDefault(InvoicesIcon_1).default; } });
|
|
84
|
+
var LifebuoyIcon_1 = require("./LifebuoyIcon");
|
|
85
|
+
Object.defineProperty(exports, "LifebuoyIcon", { enumerable: true, get: function () { return __importDefault(LifebuoyIcon_1).default; } });
|
|
80
86
|
var LockIcon_1 = require("./LockIcon");
|
|
81
87
|
Object.defineProperty(exports, "LockIcon", { enumerable: true, get: function () { return __importDefault(LockIcon_1).default; } });
|
|
82
88
|
var LogoutMobileIcon_1 = require("./LogoutMobileIcon");
|
|
@@ -95,6 +101,16 @@ var OpenInternalIcon_1 = require("./OpenInternalIcon");
|
|
|
95
101
|
Object.defineProperty(exports, "OpenInternalIcon", { enumerable: true, get: function () { return __importDefault(OpenInternalIcon_1).default; } });
|
|
96
102
|
var OverviewIcon_1 = require("./OverviewIcon");
|
|
97
103
|
Object.defineProperty(exports, "OverviewIcon", { enumerable: true, get: function () { return __importDefault(OverviewIcon_1).default; } });
|
|
104
|
+
var PerformanceIcon_1 = require("./PerformanceIcon");
|
|
105
|
+
Object.defineProperty(exports, "PerformanceIcon", { enumerable: true, get: function () { return __importDefault(PerformanceIcon_1).default; } });
|
|
106
|
+
var PinIcon_1 = require("./PinIcon");
|
|
107
|
+
Object.defineProperty(exports, "PinIcon", { enumerable: true, get: function () { return __importDefault(PinIcon_1).default; } });
|
|
108
|
+
var PlanEnterpriseIcon_1 = require("./PlanEnterpriseIcon");
|
|
109
|
+
Object.defineProperty(exports, "PlanEnterpriseIcon", { enumerable: true, get: function () { return __importDefault(PlanEnterpriseIcon_1).default; } });
|
|
110
|
+
var PlanFreeIcon_1 = require("./PlanFreeIcon");
|
|
111
|
+
Object.defineProperty(exports, "PlanFreeIcon", { enumerable: true, get: function () { return __importDefault(PlanFreeIcon_1).default; } });
|
|
112
|
+
var PlanProductionIcon_1 = require("./PlanProductionIcon");
|
|
113
|
+
Object.defineProperty(exports, "PlanProductionIcon", { enumerable: true, get: function () { return __importDefault(PlanProductionIcon_1).default; } });
|
|
98
114
|
var PlansIcon_1 = require("./PlansIcon");
|
|
99
115
|
Object.defineProperty(exports, "PlansIcon", { enumerable: true, get: function () { return __importDefault(PlansIcon_1).default; } });
|
|
100
116
|
var ProjectTransferIcon_1 = require("./ProjectTransferIcon");
|
|
@@ -111,6 +127,8 @@ var RefreshIcon_1 = require("./RefreshIcon");
|
|
|
111
127
|
Object.defineProperty(exports, "RefreshIcon", { enumerable: true, get: function () { return __importDefault(RefreshIcon_1).default; } });
|
|
112
128
|
var RolloutIcon_1 = require("./RolloutIcon");
|
|
113
129
|
Object.defineProperty(exports, "RolloutIcon", { enumerable: true, get: function () { return __importDefault(RolloutIcon_1).default; } });
|
|
130
|
+
var RunIcon_1 = require("./RunIcon");
|
|
131
|
+
Object.defineProperty(exports, "RunIcon", { enumerable: true, get: function () { return __importDefault(RunIcon_1).default; } });
|
|
114
132
|
var RuntimeVersionIcon_1 = require("./RuntimeVersionIcon");
|
|
115
133
|
Object.defineProperty(exports, "RuntimeVersionIcon", { enumerable: true, get: function () { return __importDefault(RuntimeVersionIcon_1).default; } });
|
|
116
134
|
var ScanIcon_1 = require("./ScanIcon");
|
|
@@ -145,8 +163,12 @@ var TwitchIcon_1 = require("./TwitchIcon");
|
|
|
145
163
|
Object.defineProperty(exports, "TwitchIcon", { enumerable: true, get: function () { return __importDefault(TwitchIcon_1).default; } });
|
|
146
164
|
var TwitterIcon_1 = require("./TwitterIcon");
|
|
147
165
|
Object.defineProperty(exports, "TwitterIcon", { enumerable: true, get: function () { return __importDefault(TwitterIcon_1).default; } });
|
|
166
|
+
var UndoIcon_1 = require("./UndoIcon");
|
|
167
|
+
Object.defineProperty(exports, "UndoIcon", { enumerable: true, get: function () { return __importDefault(UndoIcon_1).default; } });
|
|
148
168
|
var UpdateIcon_1 = require("./UpdateIcon");
|
|
149
169
|
Object.defineProperty(exports, "UpdateIcon", { enumerable: true, get: function () { return __importDefault(UpdateIcon_1).default; } });
|
|
170
|
+
var UploadIcon_1 = require("./UploadIcon");
|
|
171
|
+
Object.defineProperty(exports, "UploadIcon", { enumerable: true, get: function () { return __importDefault(UploadIcon_1).default; } });
|
|
150
172
|
var UserFilledIcon_1 = require("./UserFilledIcon");
|
|
151
173
|
Object.defineProperty(exports, "UserFilledIcon", { enumerable: true, get: function () { return __importDefault(UserFilledIcon_1).default; } });
|
|
152
174
|
var UserIcon_1 = require("./UserIcon");
|
|
@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.iconSize = exports.borderRadius = void 0;
|
|
4
4
|
exports.borderRadius = {
|
|
5
5
|
huge: 16,
|
|
6
|
-
large:
|
|
7
|
-
medium:
|
|
8
|
-
small:
|
|
6
|
+
large: 10,
|
|
7
|
+
medium: 6,
|
|
8
|
+
small: 4,
|
|
9
9
|
};
|
|
10
10
|
exports.iconSize = {
|
|
11
11
|
micro: 12,
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
export declare const lightTheme: {
|
|
2
2
|
background: {
|
|
3
3
|
default: string;
|
|
4
|
-
canvas: string;
|
|
5
4
|
screen: string;
|
|
6
5
|
secondary: string;
|
|
7
6
|
tertiary: string;
|
|
@@ -89,7 +88,6 @@ export declare const lightTheme: {
|
|
|
89
88
|
export declare const darkTheme: {
|
|
90
89
|
background: {
|
|
91
90
|
default: string;
|
|
92
|
-
canvas: string;
|
|
93
91
|
screen: string;
|
|
94
92
|
secondary: string;
|
|
95
93
|
tertiary: string;
|
|
@@ -5,7 +5,6 @@ const palette_1 = require("./palette");
|
|
|
5
5
|
exports.lightTheme = {
|
|
6
6
|
background: {
|
|
7
7
|
default: palette_1.palette.light.white,
|
|
8
|
-
canvas: palette_1.palette.light.gray['000'],
|
|
9
8
|
screen: palette_1.palette.light.gray[100],
|
|
10
9
|
secondary: palette_1.palette.light.gray[100],
|
|
11
10
|
tertiary: palette_1.palette.light.gray[200],
|
|
@@ -92,8 +91,7 @@ exports.lightTheme = {
|
|
|
92
91
|
};
|
|
93
92
|
exports.darkTheme = {
|
|
94
93
|
background: {
|
|
95
|
-
default: palette_1.palette.dark.gray['
|
|
96
|
-
canvas: palette_1.palette.dark.gray[100],
|
|
94
|
+
default: palette_1.palette.dark.gray['100'],
|
|
97
95
|
screen: palette_1.palette.dark.gray['000'],
|
|
98
96
|
secondary: palette_1.palette.dark.gray[200],
|
|
99
97
|
tertiary: palette_1.palette.dark.gray[300],
|
|
@@ -0,0 +1,424 @@
|
|
|
1
|
+
export declare const typography: {
|
|
2
|
+
baseFontSize: number;
|
|
3
|
+
headers: {
|
|
4
|
+
xl: {
|
|
5
|
+
large: {
|
|
6
|
+
huge: {
|
|
7
|
+
fontSize: number;
|
|
8
|
+
lineHeight: number;
|
|
9
|
+
letterSpacing: number;
|
|
10
|
+
fontWeight: string;
|
|
11
|
+
};
|
|
12
|
+
h1: {
|
|
13
|
+
fontSize: number;
|
|
14
|
+
lineHeight: number;
|
|
15
|
+
letterSpacing: number;
|
|
16
|
+
fontWeight: string;
|
|
17
|
+
};
|
|
18
|
+
h2: {
|
|
19
|
+
fontSize: number;
|
|
20
|
+
lineHeight: number;
|
|
21
|
+
letterSpacing: number;
|
|
22
|
+
fontWeight: string;
|
|
23
|
+
};
|
|
24
|
+
h3: {
|
|
25
|
+
fontSize: number;
|
|
26
|
+
lineHeight: number;
|
|
27
|
+
letterSpacing: number;
|
|
28
|
+
fontWeight: string;
|
|
29
|
+
};
|
|
30
|
+
h4: {
|
|
31
|
+
fontSize: number;
|
|
32
|
+
lineHeight: number;
|
|
33
|
+
letterSpacing: number;
|
|
34
|
+
fontWeight: string;
|
|
35
|
+
};
|
|
36
|
+
h5: {
|
|
37
|
+
fontSize: number;
|
|
38
|
+
lineHeight: number;
|
|
39
|
+
letterSpacing: number;
|
|
40
|
+
fontWeight: string;
|
|
41
|
+
};
|
|
42
|
+
h6: {
|
|
43
|
+
fontSize: number;
|
|
44
|
+
lineHeight: number;
|
|
45
|
+
letterSpacing: number;
|
|
46
|
+
fontWeight: string;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
medium: {
|
|
50
|
+
huge: {
|
|
51
|
+
fontSize: number;
|
|
52
|
+
lineHeight: number;
|
|
53
|
+
letterSpacing: number;
|
|
54
|
+
fontWeight: string;
|
|
55
|
+
};
|
|
56
|
+
h1: {
|
|
57
|
+
fontSize: number;
|
|
58
|
+
lineHeight: number;
|
|
59
|
+
letterSpacing: number;
|
|
60
|
+
fontWeight: string;
|
|
61
|
+
};
|
|
62
|
+
h2: {
|
|
63
|
+
fontSize: number;
|
|
64
|
+
lineHeight: number;
|
|
65
|
+
letterSpacing: number;
|
|
66
|
+
fontWeight: string;
|
|
67
|
+
};
|
|
68
|
+
h3: {
|
|
69
|
+
fontSize: number;
|
|
70
|
+
lineHeight: number;
|
|
71
|
+
letterSpacing: number;
|
|
72
|
+
fontWeight: string;
|
|
73
|
+
};
|
|
74
|
+
h4: {
|
|
75
|
+
fontSize: number;
|
|
76
|
+
lineHeight: number;
|
|
77
|
+
letterSpacing: number;
|
|
78
|
+
fontWeight: string;
|
|
79
|
+
};
|
|
80
|
+
h5: {
|
|
81
|
+
fontSize: number;
|
|
82
|
+
lineHeight: number;
|
|
83
|
+
letterSpacing: number;
|
|
84
|
+
fontWeight: string;
|
|
85
|
+
};
|
|
86
|
+
h6: {
|
|
87
|
+
fontSize: number;
|
|
88
|
+
lineHeight: number;
|
|
89
|
+
letterSpacing: number;
|
|
90
|
+
fontWeight: string;
|
|
91
|
+
};
|
|
92
|
+
};
|
|
93
|
+
small: {
|
|
94
|
+
huge: {
|
|
95
|
+
fontSize: number;
|
|
96
|
+
lineHeight: number;
|
|
97
|
+
letterSpacing: number;
|
|
98
|
+
fontWeight: string;
|
|
99
|
+
};
|
|
100
|
+
h1: {
|
|
101
|
+
fontSize: number;
|
|
102
|
+
lineHeight: number;
|
|
103
|
+
letterSpacing: number;
|
|
104
|
+
fontWeight: string;
|
|
105
|
+
};
|
|
106
|
+
h2: {
|
|
107
|
+
fontSize: number;
|
|
108
|
+
lineHeight: number;
|
|
109
|
+
letterSpacing: number;
|
|
110
|
+
fontWeight: string;
|
|
111
|
+
};
|
|
112
|
+
h3: {
|
|
113
|
+
fontSize: number;
|
|
114
|
+
lineHeight: number;
|
|
115
|
+
letterSpacing: number;
|
|
116
|
+
fontWeight: string;
|
|
117
|
+
};
|
|
118
|
+
h4: {
|
|
119
|
+
fontSize: number;
|
|
120
|
+
lineHeight: number;
|
|
121
|
+
letterSpacing: number;
|
|
122
|
+
fontWeight: string;
|
|
123
|
+
};
|
|
124
|
+
h5: {
|
|
125
|
+
fontSize: number;
|
|
126
|
+
lineHeight: number;
|
|
127
|
+
letterSpacing: number;
|
|
128
|
+
fontWeight: string;
|
|
129
|
+
};
|
|
130
|
+
h6: {
|
|
131
|
+
fontSize: number;
|
|
132
|
+
lineHeight: number;
|
|
133
|
+
letterSpacing: number;
|
|
134
|
+
fontWeight: string;
|
|
135
|
+
};
|
|
136
|
+
};
|
|
137
|
+
};
|
|
138
|
+
default: {
|
|
139
|
+
large: {
|
|
140
|
+
huge: {
|
|
141
|
+
fontSize: number;
|
|
142
|
+
lineHeight: number;
|
|
143
|
+
letterSpacing: number;
|
|
144
|
+
fontWeight: string;
|
|
145
|
+
};
|
|
146
|
+
h1: {
|
|
147
|
+
fontSize: number;
|
|
148
|
+
lineHeight: number;
|
|
149
|
+
letterSpacing: number;
|
|
150
|
+
fontWeight: string;
|
|
151
|
+
};
|
|
152
|
+
h2: {
|
|
153
|
+
fontSize: number;
|
|
154
|
+
lineHeight: number;
|
|
155
|
+
letterSpacing: number;
|
|
156
|
+
fontWeight: string;
|
|
157
|
+
};
|
|
158
|
+
h3: {
|
|
159
|
+
fontSize: number;
|
|
160
|
+
lineHeight: number;
|
|
161
|
+
letterSpacing: number;
|
|
162
|
+
fontWeight: string;
|
|
163
|
+
};
|
|
164
|
+
h4: {
|
|
165
|
+
fontSize: number;
|
|
166
|
+
lineHeight: number;
|
|
167
|
+
letterSpacing: number;
|
|
168
|
+
fontWeight: string;
|
|
169
|
+
};
|
|
170
|
+
h5: {
|
|
171
|
+
fontSize: number;
|
|
172
|
+
lineHeight: number;
|
|
173
|
+
letterSpacing: number;
|
|
174
|
+
fontWeight: string;
|
|
175
|
+
};
|
|
176
|
+
h6: {
|
|
177
|
+
fontSize: number;
|
|
178
|
+
lineHeight: number;
|
|
179
|
+
fontWeight: string;
|
|
180
|
+
};
|
|
181
|
+
};
|
|
182
|
+
medium: {
|
|
183
|
+
huge: {
|
|
184
|
+
fontSize: number;
|
|
185
|
+
lineHeight: number;
|
|
186
|
+
letterSpacing: number;
|
|
187
|
+
fontWeight: string;
|
|
188
|
+
};
|
|
189
|
+
h1: {
|
|
190
|
+
fontSize: number;
|
|
191
|
+
lineHeight: number;
|
|
192
|
+
letterSpacing: number;
|
|
193
|
+
fontWeight: string;
|
|
194
|
+
};
|
|
195
|
+
h2: {
|
|
196
|
+
fontSize: number;
|
|
197
|
+
lineHeight: number;
|
|
198
|
+
letterSpacing: number;
|
|
199
|
+
fontWeight: string;
|
|
200
|
+
};
|
|
201
|
+
h3: {
|
|
202
|
+
fontSize: number;
|
|
203
|
+
lineHeight: number;
|
|
204
|
+
letterSpacing: number;
|
|
205
|
+
fontWeight: string;
|
|
206
|
+
};
|
|
207
|
+
h4: {
|
|
208
|
+
fontSize: number;
|
|
209
|
+
lineHeight: number;
|
|
210
|
+
letterSpacing: number;
|
|
211
|
+
fontWeight: string;
|
|
212
|
+
};
|
|
213
|
+
h5: {
|
|
214
|
+
fontSize: number;
|
|
215
|
+
lineHeight: number;
|
|
216
|
+
letterSpacing: number;
|
|
217
|
+
fontWeight: string;
|
|
218
|
+
};
|
|
219
|
+
h6: {
|
|
220
|
+
fontSize: number;
|
|
221
|
+
lineHeight: number;
|
|
222
|
+
fontWeight: string;
|
|
223
|
+
};
|
|
224
|
+
};
|
|
225
|
+
small: {
|
|
226
|
+
huge: {
|
|
227
|
+
fontSize: number;
|
|
228
|
+
lineHeight: number;
|
|
229
|
+
letterSpacing: number;
|
|
230
|
+
fontWeight: string;
|
|
231
|
+
};
|
|
232
|
+
h1: {
|
|
233
|
+
fontSize: number;
|
|
234
|
+
lineHeight: number;
|
|
235
|
+
letterSpacing: number;
|
|
236
|
+
fontWeight: string;
|
|
237
|
+
};
|
|
238
|
+
h2: {
|
|
239
|
+
fontSize: number;
|
|
240
|
+
lineHeight: number;
|
|
241
|
+
letterSpacing: number;
|
|
242
|
+
fontWeight: string;
|
|
243
|
+
};
|
|
244
|
+
h3: {
|
|
245
|
+
fontSize: number;
|
|
246
|
+
lineHeight: number;
|
|
247
|
+
letterSpacing: number;
|
|
248
|
+
fontWeight: string;
|
|
249
|
+
};
|
|
250
|
+
h4: {
|
|
251
|
+
fontSize: number;
|
|
252
|
+
lineHeight: number;
|
|
253
|
+
letterSpacing: number;
|
|
254
|
+
fontWeight: string;
|
|
255
|
+
};
|
|
256
|
+
h5: {
|
|
257
|
+
fontSize: number;
|
|
258
|
+
lineHeight: number;
|
|
259
|
+
letterSpacing: number;
|
|
260
|
+
fontWeight: string;
|
|
261
|
+
};
|
|
262
|
+
h6: {
|
|
263
|
+
fontSize: number;
|
|
264
|
+
lineHeight: number;
|
|
265
|
+
fontWeight: string;
|
|
266
|
+
};
|
|
267
|
+
};
|
|
268
|
+
};
|
|
269
|
+
};
|
|
270
|
+
body: {
|
|
271
|
+
headline: {
|
|
272
|
+
fontSize: number;
|
|
273
|
+
lineHeight: number;
|
|
274
|
+
letterSpacing: number;
|
|
275
|
+
fontWeight: string;
|
|
276
|
+
};
|
|
277
|
+
paragraph: {
|
|
278
|
+
fontSize: number;
|
|
279
|
+
lineHeight: number;
|
|
280
|
+
letterSpacing: number;
|
|
281
|
+
fontWeight: string;
|
|
282
|
+
};
|
|
283
|
+
label: {
|
|
284
|
+
fontSize: number;
|
|
285
|
+
lineHeight: number;
|
|
286
|
+
letterSpacing: number;
|
|
287
|
+
fontWeight: string;
|
|
288
|
+
};
|
|
289
|
+
callout: {
|
|
290
|
+
fontSize: number;
|
|
291
|
+
lineHeight: number;
|
|
292
|
+
letterSpacing: number;
|
|
293
|
+
fontWeight: string;
|
|
294
|
+
};
|
|
295
|
+
footnote: {
|
|
296
|
+
fontSize: number;
|
|
297
|
+
lineHeight: number;
|
|
298
|
+
letterSpacing: number;
|
|
299
|
+
fontWeight: string;
|
|
300
|
+
};
|
|
301
|
+
caption: {
|
|
302
|
+
fontSize: number;
|
|
303
|
+
lineHeight: number;
|
|
304
|
+
fontWeight: string;
|
|
305
|
+
};
|
|
306
|
+
code: {
|
|
307
|
+
fontSize: number;
|
|
308
|
+
lineHeight: number;
|
|
309
|
+
letterSpacing: number;
|
|
310
|
+
fontWeight: string;
|
|
311
|
+
};
|
|
312
|
+
};
|
|
313
|
+
fontSizes: {
|
|
314
|
+
61: {
|
|
315
|
+
fontSize: number;
|
|
316
|
+
lineHeight: number;
|
|
317
|
+
letterSpacing: number;
|
|
318
|
+
};
|
|
319
|
+
53: {
|
|
320
|
+
fontSize: number;
|
|
321
|
+
lineHeight: number;
|
|
322
|
+
letterSpacing: number;
|
|
323
|
+
};
|
|
324
|
+
49: {
|
|
325
|
+
fontSize: number;
|
|
326
|
+
lineHeight: number;
|
|
327
|
+
letterSpacing: number;
|
|
328
|
+
};
|
|
329
|
+
46: {
|
|
330
|
+
fontSize: number;
|
|
331
|
+
lineHeight: number;
|
|
332
|
+
letterSpacing: number;
|
|
333
|
+
};
|
|
334
|
+
43: {
|
|
335
|
+
fontSize: number;
|
|
336
|
+
lineHeight: number;
|
|
337
|
+
letterSpacing: number;
|
|
338
|
+
};
|
|
339
|
+
39: {
|
|
340
|
+
fontSize: number;
|
|
341
|
+
lineHeight: number;
|
|
342
|
+
letterSpacing: number;
|
|
343
|
+
};
|
|
344
|
+
37: {
|
|
345
|
+
fontSize: number;
|
|
346
|
+
lineHeight: number;
|
|
347
|
+
letterSpacing: number;
|
|
348
|
+
};
|
|
349
|
+
34: {
|
|
350
|
+
fontSize: number;
|
|
351
|
+
lineHeight: number;
|
|
352
|
+
letterSpacing: number;
|
|
353
|
+
};
|
|
354
|
+
31: {
|
|
355
|
+
fontSize: number;
|
|
356
|
+
lineHeight: number;
|
|
357
|
+
letterSpacing: number;
|
|
358
|
+
};
|
|
359
|
+
29: {
|
|
360
|
+
fontSize: number;
|
|
361
|
+
lineHeight: number;
|
|
362
|
+
letterSpacing: number;
|
|
363
|
+
};
|
|
364
|
+
27: {
|
|
365
|
+
fontSize: number;
|
|
366
|
+
lineHeight: number;
|
|
367
|
+
letterSpacing: number;
|
|
368
|
+
};
|
|
369
|
+
25: {
|
|
370
|
+
fontSize: number;
|
|
371
|
+
lineHeight: number;
|
|
372
|
+
letterSpacing: number;
|
|
373
|
+
};
|
|
374
|
+
23: {
|
|
375
|
+
fontSize: number;
|
|
376
|
+
lineHeight: number;
|
|
377
|
+
letterSpacing: number;
|
|
378
|
+
};
|
|
379
|
+
22: {
|
|
380
|
+
fontSize: number;
|
|
381
|
+
lineHeight: number;
|
|
382
|
+
letterSpacing: number;
|
|
383
|
+
};
|
|
384
|
+
20: {
|
|
385
|
+
fontSize: number;
|
|
386
|
+
lineHeight: number;
|
|
387
|
+
letterSpacing: number;
|
|
388
|
+
};
|
|
389
|
+
19: {
|
|
390
|
+
fontSize: number;
|
|
391
|
+
lineHeight: number;
|
|
392
|
+
letterSpacing: number;
|
|
393
|
+
};
|
|
394
|
+
18: {
|
|
395
|
+
fontSize: number;
|
|
396
|
+
lineHeight: number;
|
|
397
|
+
letterSpacing: number;
|
|
398
|
+
};
|
|
399
|
+
16: {
|
|
400
|
+
fontSize: number;
|
|
401
|
+
lineHeight: number;
|
|
402
|
+
letterSpacing: number;
|
|
403
|
+
};
|
|
404
|
+
15: {
|
|
405
|
+
fontSize: number;
|
|
406
|
+
lineHeight: number;
|
|
407
|
+
letterSpacing: number;
|
|
408
|
+
};
|
|
409
|
+
14: {
|
|
410
|
+
fontSize: number;
|
|
411
|
+
lineHeight: number;
|
|
412
|
+
letterSpacing: number;
|
|
413
|
+
};
|
|
414
|
+
13: {
|
|
415
|
+
fontSize: number;
|
|
416
|
+
lineHeight: number;
|
|
417
|
+
letterSpacing: number;
|
|
418
|
+
};
|
|
419
|
+
12: {
|
|
420
|
+
fontSize: number;
|
|
421
|
+
lineHeight: number;
|
|
422
|
+
};
|
|
423
|
+
};
|
|
424
|
+
};
|