@ohhwells/bridge 0.1.10 → 0.1.11

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 (6) hide show
  1. package/dist/index.cjs +74 -50
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +74 -50
  4. package/dist/index.js.map +1 -1
  5. package/dist/styles.css +54 -23
  6. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -2,34 +2,33 @@
2
2
  @layer properties;
3
3
  @layer ohw-theme {
4
4
  :root, :host {
5
- --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
6
- 'Noto Color Emoji';
5
+ --font-sans: Figtree, sans-serif;
7
6
  --spacing: 0.25rem;
8
- --text-xs: 0.75rem;
9
- --text-xs--line-height: calc(1 / 0.75);
10
- --text-sm: 0.875rem;
11
- --text-sm--line-height: calc(1.25 / 0.875);
12
- --text-base: 1rem;
13
- --text-base--line-height: calc(1.5 / 1);
14
- --text-lg: 1.125rem;
15
- --text-lg--line-height: calc(1.75 / 1.125);
16
- --text-xl: 1.25rem;
17
- --text-xl--line-height: calc(1.75 / 1.25);
18
- --text-2xl: 1.5rem;
19
- --text-2xl--line-height: calc(2 / 1.5);
20
- --text-3xl: 1.875rem;
21
- --text-3xl--line-height: calc(2.25 / 1.875);
22
- --text-4xl: 2.25rem;
23
- --text-4xl--line-height: calc(2.5 / 2.25);
24
- --text-5xl: 3rem;
7
+ --text-xs: 12px;
8
+ --text-xs--line-height: 16px;
9
+ --text-sm: 14px;
10
+ --text-sm--line-height: 20px;
11
+ --text-base: 16px;
12
+ --text-base--line-height: 24px;
13
+ --text-lg: 18px;
14
+ --text-lg--line-height: 28px;
15
+ --text-xl: 20px;
16
+ --text-xl--line-height: 28px;
17
+ --text-2xl: 24px;
18
+ --text-2xl--line-height: 32px;
19
+ --text-3xl: 30px;
20
+ --text-3xl--line-height: 36px;
21
+ --text-4xl: 36px;
22
+ --text-4xl--line-height: 40px;
23
+ --text-5xl: 48px;
25
24
  --text-5xl--line-height: 1;
26
- --text-6xl: 3.75rem;
25
+ --text-6xl: 60px;
27
26
  --text-6xl--line-height: 1;
28
- --text-7xl: 4.5rem;
27
+ --text-7xl: 72px;
29
28
  --text-7xl--line-height: 1;
30
- --text-8xl: 6rem;
29
+ --text-8xl: 96px;
31
30
  --text-8xl--line-height: 1;
32
- --text-9xl: 8rem;
31
+ --text-9xl: 128px;
33
32
  --text-9xl--line-height: 1;
34
33
  --font-weight-medium: 500;
35
34
  --radius-md: 6px;
@@ -44,11 +43,27 @@
44
43
  --color-destructive: var(--ohw-destructive, #dc2626);
45
44
  --color-input: var(--ohw-input, #e2e8f0);
46
45
  --color-ring: var(--ohw-ring, #64748b);
46
+ --text-9xl--letter-spacing: -0.025em;
47
+ --text-8xl--letter-spacing: -0.025em;
48
+ --text-7xl--letter-spacing: -0.025em;
49
+ --text-6xl--letter-spacing: -0.025em;
50
+ --text-5xl--letter-spacing: -0.025em;
51
+ --text-4xl--letter-spacing: -0.025em;
52
+ --text-3xl--letter-spacing: -0.025em;
53
+ --text-2xl--letter-spacing: -0.025em;
54
+ --text-xl--letter-spacing: -0.025em;
55
+ --text-lg--letter-spacing: 0em;
56
+ --text-base--letter-spacing: 0em;
57
+ --text-sm--letter-spacing: 0em;
58
+ --text-xs--letter-spacing: 0em;
47
59
  }
48
60
  }
49
61
  .pointer-events-auto {
50
62
  pointer-events: auto;
51
63
  }
64
+ .pointer-events-none {
65
+ pointer-events: none;
66
+ }
52
67
  .visible {
53
68
  visibility: visible;
54
69
  }
@@ -192,54 +207,67 @@
192
207
  .text-2xl {
193
208
  font-size: var(--text-2xl);
194
209
  line-height: var(--tw-leading, var(--text-2xl--line-height));
210
+ letter-spacing: var(--tw-tracking, var(--text-2xl--letter-spacing));
195
211
  }
196
212
  .text-3xl {
197
213
  font-size: var(--text-3xl);
198
214
  line-height: var(--tw-leading, var(--text-3xl--line-height));
215
+ letter-spacing: var(--tw-tracking, var(--text-3xl--letter-spacing));
199
216
  }
200
217
  .text-4xl {
201
218
  font-size: var(--text-4xl);
202
219
  line-height: var(--tw-leading, var(--text-4xl--line-height));
220
+ letter-spacing: var(--tw-tracking, var(--text-4xl--letter-spacing));
203
221
  }
204
222
  .text-5xl {
205
223
  font-size: var(--text-5xl);
206
224
  line-height: var(--tw-leading, var(--text-5xl--line-height));
225
+ letter-spacing: var(--tw-tracking, var(--text-5xl--letter-spacing));
207
226
  }
208
227
  .text-6xl {
209
228
  font-size: var(--text-6xl);
210
229
  line-height: var(--tw-leading, var(--text-6xl--line-height));
230
+ letter-spacing: var(--tw-tracking, var(--text-6xl--letter-spacing));
211
231
  }
212
232
  .text-7xl {
213
233
  font-size: var(--text-7xl);
214
234
  line-height: var(--tw-leading, var(--text-7xl--line-height));
235
+ letter-spacing: var(--tw-tracking, var(--text-7xl--letter-spacing));
215
236
  }
216
237
  .text-8xl {
217
238
  font-size: var(--text-8xl);
218
239
  line-height: var(--tw-leading, var(--text-8xl--line-height));
240
+ letter-spacing: var(--tw-tracking, var(--text-8xl--letter-spacing));
219
241
  }
220
242
  .text-9xl {
221
243
  font-size: var(--text-9xl);
222
244
  line-height: var(--tw-leading, var(--text-9xl--line-height));
245
+ letter-spacing: var(--tw-tracking, var(--text-9xl--letter-spacing));
223
246
  }
224
247
  .text-base {
225
248
  font-size: var(--text-base);
226
249
  line-height: var(--tw-leading, var(--text-base--line-height));
250
+ letter-spacing: var(--tw-tracking, var(--text-base--letter-spacing));
227
251
  }
228
252
  .text-lg {
229
253
  font-size: var(--text-lg);
230
254
  line-height: var(--tw-leading, var(--text-lg--line-height));
255
+ letter-spacing: var(--tw-tracking, var(--text-lg--letter-spacing));
231
256
  }
232
257
  .text-sm {
233
258
  font-size: var(--text-sm);
234
259
  line-height: var(--tw-leading, var(--text-sm--line-height));
260
+ letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing));
235
261
  }
236
262
  .text-xl {
237
263
  font-size: var(--text-xl);
238
264
  line-height: var(--tw-leading, var(--text-xl--line-height));
265
+ letter-spacing: var(--tw-tracking, var(--text-xl--letter-spacing));
239
266
  }
240
267
  .text-xs {
241
268
  font-size: var(--text-xs);
242
269
  line-height: var(--tw-leading, var(--text-xs--line-height));
270
+ letter-spacing: var(--tw-tracking, var(--text-xs--letter-spacing));
243
271
  }
244
272
  .font-medium {
245
273
  --tw-font-weight: var(--font-weight-medium);
@@ -483,6 +511,9 @@
483
511
  --ohw-hover-success: #16a34a;
484
512
  }
485
513
  @layer base {
514
+ [data-ohw-bridge-root] {
515
+ font-family: var(--font-sans);
516
+ }
486
517
  [data-ohw-bridge-root] button {
487
518
  border: none;
488
519
  background: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ohhwells/bridge",
3
- "version": "0.1.10",
3
+ "version": "0.1.11",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",