@ohhwells/bridge 0.1.13 → 0.1.14

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 +51 -150
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +51 -150
  4. package/dist/index.js.map +1 -1
  5. package/dist/styles.css +26 -54
  6. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -2,33 +2,34 @@
2
2
  @layer properties;
3
3
  @layer ohw-theme {
4
4
  :root, :host {
5
- --font-sans: Figtree, sans-serif;
5
+ --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
6
+ 'Noto Color Emoji';
6
7
  --spacing: 0.25rem;
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;
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;
24
25
  --text-5xl--line-height: 1;
25
- --text-6xl: 60px;
26
+ --text-6xl: 3.75rem;
26
27
  --text-6xl--line-height: 1;
27
- --text-7xl: 72px;
28
+ --text-7xl: 4.5rem;
28
29
  --text-7xl--line-height: 1;
29
- --text-8xl: 96px;
30
+ --text-8xl: 6rem;
30
31
  --text-8xl--line-height: 1;
31
- --text-9xl: 128px;
32
+ --text-9xl: 8rem;
32
33
  --text-9xl--line-height: 1;
33
34
  --font-weight-medium: 500;
34
35
  --radius-md: 6px;
@@ -43,27 +44,11 @@
43
44
  --color-destructive: var(--ohw-destructive, #dc2626);
44
45
  --color-input: var(--ohw-input, #e2e8f0);
45
46
  --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;
59
47
  }
60
48
  }
61
49
  .pointer-events-auto {
62
50
  pointer-events: auto;
63
51
  }
64
- .pointer-events-none {
65
- pointer-events: none;
66
- }
67
52
  .visible {
68
53
  visibility: visible;
69
54
  }
@@ -106,6 +91,9 @@
106
91
  .block {
107
92
  display: block;
108
93
  }
94
+ .contents {
95
+ display: contents;
96
+ }
109
97
  .flex {
110
98
  display: flex;
111
99
  }
@@ -207,67 +195,54 @@
207
195
  .text-2xl {
208
196
  font-size: var(--text-2xl);
209
197
  line-height: var(--tw-leading, var(--text-2xl--line-height));
210
- letter-spacing: var(--tw-tracking, var(--text-2xl--letter-spacing));
211
198
  }
212
199
  .text-3xl {
213
200
  font-size: var(--text-3xl);
214
201
  line-height: var(--tw-leading, var(--text-3xl--line-height));
215
- letter-spacing: var(--tw-tracking, var(--text-3xl--letter-spacing));
216
202
  }
217
203
  .text-4xl {
218
204
  font-size: var(--text-4xl);
219
205
  line-height: var(--tw-leading, var(--text-4xl--line-height));
220
- letter-spacing: var(--tw-tracking, var(--text-4xl--letter-spacing));
221
206
  }
222
207
  .text-5xl {
223
208
  font-size: var(--text-5xl);
224
209
  line-height: var(--tw-leading, var(--text-5xl--line-height));
225
- letter-spacing: var(--tw-tracking, var(--text-5xl--letter-spacing));
226
210
  }
227
211
  .text-6xl {
228
212
  font-size: var(--text-6xl);
229
213
  line-height: var(--tw-leading, var(--text-6xl--line-height));
230
- letter-spacing: var(--tw-tracking, var(--text-6xl--letter-spacing));
231
214
  }
232
215
  .text-7xl {
233
216
  font-size: var(--text-7xl);
234
217
  line-height: var(--tw-leading, var(--text-7xl--line-height));
235
- letter-spacing: var(--tw-tracking, var(--text-7xl--letter-spacing));
236
218
  }
237
219
  .text-8xl {
238
220
  font-size: var(--text-8xl);
239
221
  line-height: var(--tw-leading, var(--text-8xl--line-height));
240
- letter-spacing: var(--tw-tracking, var(--text-8xl--letter-spacing));
241
222
  }
242
223
  .text-9xl {
243
224
  font-size: var(--text-9xl);
244
225
  line-height: var(--tw-leading, var(--text-9xl--line-height));
245
- letter-spacing: var(--tw-tracking, var(--text-9xl--letter-spacing));
246
226
  }
247
227
  .text-base {
248
228
  font-size: var(--text-base);
249
229
  line-height: var(--tw-leading, var(--text-base--line-height));
250
- letter-spacing: var(--tw-tracking, var(--text-base--letter-spacing));
251
230
  }
252
231
  .text-lg {
253
232
  font-size: var(--text-lg);
254
233
  line-height: var(--tw-leading, var(--text-lg--line-height));
255
- letter-spacing: var(--tw-tracking, var(--text-lg--letter-spacing));
256
234
  }
257
235
  .text-sm {
258
236
  font-size: var(--text-sm);
259
237
  line-height: var(--tw-leading, var(--text-sm--line-height));
260
- letter-spacing: var(--tw-tracking, var(--text-sm--letter-spacing));
261
238
  }
262
239
  .text-xl {
263
240
  font-size: var(--text-xl);
264
241
  line-height: var(--tw-leading, var(--text-xl--line-height));
265
- letter-spacing: var(--tw-tracking, var(--text-xl--letter-spacing));
266
242
  }
267
243
  .text-xs {
268
244
  font-size: var(--text-xs);
269
245
  line-height: var(--tw-leading, var(--text-xs--line-height));
270
- letter-spacing: var(--tw-tracking, var(--text-xs--letter-spacing));
271
246
  }
272
247
  .font-medium {
273
248
  --tw-font-weight: var(--font-weight-medium);
@@ -511,9 +486,6 @@
511
486
  --ohw-hover-success: #16a34a;
512
487
  }
513
488
  @layer base {
514
- [data-ohw-bridge-root] {
515
- font-family: var(--font-sans);
516
- }
517
489
  [data-ohw-bridge-root] button {
518
490
  border: none;
519
491
  background: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ohhwells/bridge",
3
- "version": "0.1.13",
3
+ "version": "0.1.14",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",