@ohhwells/bridge 0.1.14 → 0.1.15

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 +150 -51
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +150 -51
  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
  }
@@ -195,54 +210,67 @@
195
210
  .text-2xl {
196
211
  font-size: var(--text-2xl);
197
212
  line-height: var(--tw-leading, var(--text-2xl--line-height));
213
+ letter-spacing: var(--tw-tracking, var(--text-2xl--letter-spacing));
198
214
  }
199
215
  .text-3xl {
200
216
  font-size: var(--text-3xl);
201
217
  line-height: var(--tw-leading, var(--text-3xl--line-height));
218
+ letter-spacing: var(--tw-tracking, var(--text-3xl--letter-spacing));
202
219
  }
203
220
  .text-4xl {
204
221
  font-size: var(--text-4xl);
205
222
  line-height: var(--tw-leading, var(--text-4xl--line-height));
223
+ letter-spacing: var(--tw-tracking, var(--text-4xl--letter-spacing));
206
224
  }
207
225
  .text-5xl {
208
226
  font-size: var(--text-5xl);
209
227
  line-height: var(--tw-leading, var(--text-5xl--line-height));
228
+ letter-spacing: var(--tw-tracking, var(--text-5xl--letter-spacing));
210
229
  }
211
230
  .text-6xl {
212
231
  font-size: var(--text-6xl);
213
232
  line-height: var(--tw-leading, var(--text-6xl--line-height));
233
+ letter-spacing: var(--tw-tracking, var(--text-6xl--letter-spacing));
214
234
  }
215
235
  .text-7xl {
216
236
  font-size: var(--text-7xl);
217
237
  line-height: var(--tw-leading, var(--text-7xl--line-height));
238
+ letter-spacing: var(--tw-tracking, var(--text-7xl--letter-spacing));
218
239
  }
219
240
  .text-8xl {
220
241
  font-size: var(--text-8xl);
221
242
  line-height: var(--tw-leading, var(--text-8xl--line-height));
243
+ letter-spacing: var(--tw-tracking, var(--text-8xl--letter-spacing));
222
244
  }
223
245
  .text-9xl {
224
246
  font-size: var(--text-9xl);
225
247
  line-height: var(--tw-leading, var(--text-9xl--line-height));
248
+ letter-spacing: var(--tw-tracking, var(--text-9xl--letter-spacing));
226
249
  }
227
250
  .text-base {
228
251
  font-size: var(--text-base);
229
252
  line-height: var(--tw-leading, var(--text-base--line-height));
253
+ letter-spacing: var(--tw-tracking, var(--text-base--letter-spacing));
230
254
  }
231
255
  .text-lg {
232
256
  font-size: var(--text-lg);
233
257
  line-height: var(--tw-leading, var(--text-lg--line-height));
258
+ letter-spacing: var(--tw-tracking, var(--text-lg--letter-spacing));
234
259
  }
235
260
  .text-sm {
236
261
  font-size: var(--text-sm);
237
262
  line-height: var(--tw-leading, var(--text-sm--line-height));
263
+ letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing));
238
264
  }
239
265
  .text-xl {
240
266
  font-size: var(--text-xl);
241
267
  line-height: var(--tw-leading, var(--text-xl--line-height));
268
+ letter-spacing: var(--tw-tracking, var(--text-xl--letter-spacing));
242
269
  }
243
270
  .text-xs {
244
271
  font-size: var(--text-xs);
245
272
  line-height: var(--tw-leading, var(--text-xs--line-height));
273
+ letter-spacing: var(--tw-tracking, var(--text-xs--letter-spacing));
246
274
  }
247
275
  .font-medium {
248
276
  --tw-font-weight: var(--font-weight-medium);
@@ -486,6 +514,9 @@
486
514
  --ohw-hover-success: #16a34a;
487
515
  }
488
516
  @layer base {
517
+ [data-ohw-bridge-root] {
518
+ font-family: var(--font-sans);
519
+ }
489
520
  [data-ohw-bridge-root] button {
490
521
  border: none;
491
522
  background: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ohhwells/bridge",
3
- "version": "0.1.14",
3
+ "version": "0.1.15",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",