@ttoss/theme 1.0.1 → 1.0.3

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.
Files changed (5) hide show
  1. package/dist/esm/index.js +68 -3
  2. package/dist/index.js +68 -3
  3. package/package.json +2 -2
  4. package/src/themes/bruttalFonts.ts +2 -2
  5. package/src/themes/bruttalTheme.ts +66 -1
package/dist/esm/index.js CHANGED
@@ -97,10 +97,44 @@ var BruttalTheme = {
97
97
  heading: '"Work Sans", sans-serif',
98
98
  monospace: '"Inconsolata", sans-serif'
99
99
  },
100
+ fontSizes: {
101
+ xxs: "0.5rem",
102
+ xs: "0.75rem",
103
+ sm: "0.875rem",
104
+ base: "1rem",
105
+ lg: "1.125rem",
106
+ xl: "1.25rem",
107
+ "2xl": "1.5rem",
108
+ "3xl": "1.875rem",
109
+ "4xl": "2.25rem",
110
+ "5xl": "3rem",
111
+ "6xl": "3.75rem",
112
+ "7xl": "4.5rem",
113
+ "8xl": "6rem",
114
+ "9xl": "8rem"
115
+ },
116
+ fontWeights: {
117
+ thin: 100,
118
+ extralight: 200,
119
+ light: 300,
120
+ normal: 400,
121
+ medium: 500,
122
+ semibold: 600,
123
+ bold: 700,
124
+ extrabold: 800
125
+ },
126
+ letterSpacings: {
127
+ tighter: "-0.05em",
128
+ tight: "-0.025em",
129
+ normal: "0em",
130
+ wide: "0.025em",
131
+ wider: "0.05em",
132
+ widest: "0.1em"
133
+ },
100
134
  styles: {
101
135
  root: {
102
136
  fontFamily: "body",
103
- fontWeight: "body"
137
+ fontWeight: "normal"
104
138
  },
105
139
  a: {
106
140
  color: "primary",
@@ -113,6 +147,7 @@ var BruttalTheme = {
113
147
  backgroundColor: "background"
114
148
  }
115
149
  },
150
+ borders: [0, "3px solid #0D0D0D"],
116
151
  buttons: {
117
152
  cta: {
118
153
  color: "white",
@@ -169,14 +204,44 @@ var BruttalTheme = {
169
204
  fontFamily: "heading",
170
205
  fontSize: 4,
171
206
  lineSpace: "3.5"
207
+ },
208
+ h1: {
209
+ fontFamily: "heading",
210
+ fontSize: "6xl",
211
+ fontWeight: "bold",
212
+ letterSpacing: "normal"
213
+ },
214
+ h2: {
215
+ fontFamily: "heading",
216
+ fontSize: "5xl",
217
+ fontWeight: "bold",
218
+ letterSpacing: "normal"
219
+ },
220
+ h3: {
221
+ fontFamily: "heading",
222
+ fontSize: "4xl",
223
+ fontWeight: "bold",
224
+ letterSpacing: "normal"
225
+ },
226
+ h4: {
227
+ fontFamily: "heading",
228
+ fontSize: "2xl",
229
+ fontWeight: "bold",
230
+ letterSpacing: "normal"
231
+ },
232
+ h5: {
233
+ fontFamily: "heading",
234
+ fontSize: "xl",
235
+ fontWeight: "bold",
236
+ letterSpacing: "normal"
172
237
  }
173
238
  }
174
239
  };
175
240
 
176
241
  // src/themes/bruttalFonts.ts
177
242
  var BruttalFonts = [
178
- "https://fonts.googleapis.com/css?family=Inconsolata",
179
- "https://fonts.googleapis.com/css?family=Work+Sans"
243
+ "https://fonts.googleapis.com/css?family=Inconsolata:wght@100;200;300;400;500;700;800;900",
244
+ "https://fonts.googleapis.com/css?family=Work+Sans:wght@100;200;300;400;500;700;800;900"
180
245
  ];
181
246
 
182
247
  // src/themes/defaultFonts.ts
package/dist/index.js CHANGED
@@ -124,10 +124,44 @@ var BruttalTheme = {
124
124
  heading: '"Work Sans", sans-serif',
125
125
  monospace: '"Inconsolata", sans-serif'
126
126
  },
127
+ fontSizes: {
128
+ xxs: "0.5rem",
129
+ xs: "0.75rem",
130
+ sm: "0.875rem",
131
+ base: "1rem",
132
+ lg: "1.125rem",
133
+ xl: "1.25rem",
134
+ "2xl": "1.5rem",
135
+ "3xl": "1.875rem",
136
+ "4xl": "2.25rem",
137
+ "5xl": "3rem",
138
+ "6xl": "3.75rem",
139
+ "7xl": "4.5rem",
140
+ "8xl": "6rem",
141
+ "9xl": "8rem"
142
+ },
143
+ fontWeights: {
144
+ thin: 100,
145
+ extralight: 200,
146
+ light: 300,
147
+ normal: 400,
148
+ medium: 500,
149
+ semibold: 600,
150
+ bold: 700,
151
+ extrabold: 800
152
+ },
153
+ letterSpacings: {
154
+ tighter: "-0.05em",
155
+ tight: "-0.025em",
156
+ normal: "0em",
157
+ wide: "0.025em",
158
+ wider: "0.05em",
159
+ widest: "0.1em"
160
+ },
127
161
  styles: {
128
162
  root: {
129
163
  fontFamily: "body",
130
- fontWeight: "body"
164
+ fontWeight: "normal"
131
165
  },
132
166
  a: {
133
167
  color: "primary",
@@ -140,6 +174,7 @@ var BruttalTheme = {
140
174
  backgroundColor: "background"
141
175
  }
142
176
  },
177
+ borders: [0, "3px solid #0D0D0D"],
143
178
  buttons: {
144
179
  cta: {
145
180
  color: "white",
@@ -196,14 +231,44 @@ var BruttalTheme = {
196
231
  fontFamily: "heading",
197
232
  fontSize: 4,
198
233
  lineSpace: "3.5"
234
+ },
235
+ h1: {
236
+ fontFamily: "heading",
237
+ fontSize: "6xl",
238
+ fontWeight: "bold",
239
+ letterSpacing: "normal"
240
+ },
241
+ h2: {
242
+ fontFamily: "heading",
243
+ fontSize: "5xl",
244
+ fontWeight: "bold",
245
+ letterSpacing: "normal"
246
+ },
247
+ h3: {
248
+ fontFamily: "heading",
249
+ fontSize: "4xl",
250
+ fontWeight: "bold",
251
+ letterSpacing: "normal"
252
+ },
253
+ h4: {
254
+ fontFamily: "heading",
255
+ fontSize: "2xl",
256
+ fontWeight: "bold",
257
+ letterSpacing: "normal"
258
+ },
259
+ h5: {
260
+ fontFamily: "heading",
261
+ fontSize: "xl",
262
+ fontWeight: "bold",
263
+ letterSpacing: "normal"
199
264
  }
200
265
  }
201
266
  };
202
267
 
203
268
  // src/themes/bruttalFonts.ts
204
269
  var BruttalFonts = [
205
- "https://fonts.googleapis.com/css?family=Inconsolata",
206
- "https://fonts.googleapis.com/css?family=Work+Sans"
270
+ "https://fonts.googleapis.com/css?family=Inconsolata:wght@100;200;300;400;500;700;800;900",
271
+ "https://fonts.googleapis.com/css?family=Work+Sans:wght@100;200;300;400;500;700;800;900"
207
272
  ];
208
273
 
209
274
  // src/themes/defaultFonts.ts
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ttoss/theme",
3
- "version": "1.0.1",
3
+ "version": "1.0.3",
4
4
  "description": "Theme for packages.",
5
5
  "license": "UNLICENSED",
6
6
  "author": "ttoss",
@@ -26,5 +26,5 @@
26
26
  "publishConfig": {
27
27
  "access": "public"
28
28
  },
29
- "gitHead": "3879642eff43efd073abf52595ed0efe7196946a"
29
+ "gitHead": "aa9d30b8c4e8f74d2e0b78872f0519ca4a550ee4"
30
30
  }
package/src/themes/bruttalFonts.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export const BruttalFonts = [
2
- 'https://fonts.googleapis.com/css?family=Inconsolata',
3
- 'https://fonts.googleapis.com/css?family=Work+Sans',
2
+ 'https://fonts.googleapis.com/css?family=Inconsolata:wght@100;200;300;400;500;700;800;900',
3
+ 'https://fonts.googleapis.com/css?family=Work+Sans:wght@100;200;300;400;500;700;800;900',
4
4
  ];
package/src/themes/bruttalTheme.ts CHANGED
@@ -19,10 +19,44 @@ export const BruttalTheme: Theme = {
19
19
  heading: '"Work Sans", sans-serif',
20
20
  monospace: '"Inconsolata", sans-serif',
21
21
  },
22
+ fontSizes: {
23
+ xxs: '0.5rem',
24
+ xs: '0.75rem',
25
+ sm: '0.875rem',
26
+ base: '1rem',
27
+ lg: '1.125rem',
28
+ xl: '1.25rem',
29
+ '2xl': '1.5rem',
30
+ '3xl': '1.875rem',
31
+ '4xl': '2.25rem',
32
+ '5xl': '3rem',
33
+ '6xl': '3.75rem',
34
+ '7xl': '4.5rem',
35
+ '8xl': '6rem',
36
+ '9xl': '8rem',
37
+ },
38
+ fontWeights: {
39
+ thin: 100,
40
+ extralight: 200,
41
+ light: 300,
42
+ normal: 400,
43
+ medium: 500,
44
+ semibold: 600,
45
+ bold: 700,
46
+ extrabold: 800,
47
+ },
48
+ letterSpacings: {
49
+ tighter: '-0.05em',
50
+ tight: '-0.025em',
51
+ normal: '0em',
52
+ wide: '0.025em',
53
+ wider: '0.05em',
54
+ widest: '0.1em',
55
+ },
22
56
  styles: {
23
57
  root: {
24
58
  fontFamily: 'body',
25
- fontWeight: 'body',
59
+ fontWeight: 'normal',
26
60
  },
27
61
  a: {
28
62
  color: 'primary',
@@ -35,6 +69,7 @@ export const BruttalTheme: Theme = {
35
69
  backgroundColor: 'background',
36
70
  },
37
71
  },
72
+ borders: [0, '3px solid #0D0D0D'],
38
73
  buttons: {
39
74
  cta: {
40
75
  color: 'white',
@@ -92,5 +127,35 @@ export const BruttalTheme: Theme = {
92
127
  fontSize: 4,
93
128
  lineSpace: '3.5',
94
129
  },
130
+ h1: {
131
+ fontFamily: 'heading',
132
+ fontSize: '6xl',
133
+ fontWeight: 'bold',
134
+ letterSpacing: 'normal',
135
+ },
136
+ h2: {
137
+ fontFamily: 'heading',
138
+ fontSize: '5xl',
139
+ fontWeight: 'bold',
140
+ letterSpacing: 'normal',
141
+ },
142
+ h3: {
143
+ fontFamily: 'heading',
144
+ fontSize: '4xl',
145
+ fontWeight: 'bold',
146
+ letterSpacing: 'normal',
147
+ },
148
+ h4: {
149
+ fontFamily: 'heading',
150
+ fontSize: '2xl',
151
+ fontWeight: 'bold',
152
+ letterSpacing: 'normal',
153
+ },
154
+ h5: {
155
+ fontFamily: 'heading',
156
+ fontSize: 'xl',
157
+ fontWeight: 'bold',
158
+ letterSpacing: 'normal',
159
+ },
95
160
  },
96
161
  };