@refactico/pages 0.2.2 → 0.2.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 (2) hide show
  1. package/dist/style.css +11 -252
  2. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -40,7 +40,6 @@
40
40
 
41
41
  @layer theme {
42
42
  :root, :host {
43
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
44
43
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
45
44
  --color-red-50: oklch(97.1% .013 17.38);
46
45
  --color-red-100: oklch(93.6% .032 17.717);
@@ -145,260 +144,9 @@
145
144
  --radius-xl: .75rem;
146
145
  --default-transition-duration: .15s;
147
146
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
148
- --default-font-family: var(--font-sans);
149
- --default-mono-font-family: var(--font-mono);
150
147
  }
151
148
  }
152
149
 
153
- @layer base {
154
- *, :after, :before, ::backdrop {
155
- box-sizing: border-box;
156
- border: 0 solid;
157
- margin: 0;
158
- padding: 0;
159
- }
160
-
161
- ::file-selector-button {
162
- box-sizing: border-box;
163
- border: 0 solid;
164
- margin: 0;
165
- padding: 0;
166
- }
167
-
168
- html, :host {
169
- -webkit-text-size-adjust: 100%;
170
- tab-size: 4;
171
- line-height: 1.5;
172
- font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
173
- font-feature-settings: var(--default-font-feature-settings, normal);
174
- font-variation-settings: var(--default-font-variation-settings, normal);
175
- -webkit-tap-highlight-color: transparent;
176
- }
177
-
178
- hr {
179
- height: 0;
180
- color: inherit;
181
- border-top-width: 1px;
182
- }
183
-
184
- abbr:where([title]) {
185
- -webkit-text-decoration: underline dotted;
186
- text-decoration: underline dotted;
187
- }
188
-
189
- h1, h2, h3, h4, h5, h6 {
190
- font-size: inherit;
191
- font-weight: inherit;
192
- }
193
-
194
- a {
195
- color: inherit;
196
- -webkit-text-decoration: inherit;
197
- -webkit-text-decoration: inherit;
198
- -webkit-text-decoration: inherit;
199
- text-decoration: inherit;
200
- }
201
-
202
- b, strong {
203
- font-weight: bolder;
204
- }
205
-
206
- code, kbd, samp, pre {
207
- font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
208
- font-feature-settings: var(--default-mono-font-feature-settings, normal);
209
- font-variation-settings: var(--default-mono-font-variation-settings, normal);
210
- font-size: 1em;
211
- }
212
-
213
- small {
214
- font-size: 80%;
215
- }
216
-
217
- sub, sup {
218
- vertical-align: baseline;
219
- font-size: 75%;
220
- line-height: 0;
221
- position: relative;
222
- }
223
-
224
- sub {
225
- bottom: -.25em;
226
- }
227
-
228
- sup {
229
- top: -.5em;
230
- }
231
-
232
- table {
233
- text-indent: 0;
234
- border-color: inherit;
235
- border-collapse: collapse;
236
- }
237
-
238
- :-moz-focusring {
239
- outline: auto;
240
- }
241
-
242
- progress {
243
- vertical-align: baseline;
244
- }
245
-
246
- summary {
247
- display: list-item;
248
- }
249
-
250
- ol, ul, menu {
251
- list-style: none;
252
- }
253
-
254
- img, svg, video, canvas, audio, iframe, embed, object {
255
- vertical-align: middle;
256
- display: block;
257
- }
258
-
259
- img, video {
260
- max-width: 100%;
261
- height: auto;
262
- }
263
-
264
- button, input, select, optgroup, textarea {
265
- font: inherit;
266
- font-feature-settings: inherit;
267
- font-variation-settings: inherit;
268
- letter-spacing: inherit;
269
- color: inherit;
270
- opacity: 1;
271
- background-color: #0000;
272
- border-radius: 0;
273
- }
274
-
275
- ::file-selector-button {
276
- font: inherit;
277
- font-feature-settings: inherit;
278
- font-variation-settings: inherit;
279
- letter-spacing: inherit;
280
- color: inherit;
281
- opacity: 1;
282
- background-color: #0000;
283
- border-radius: 0;
284
- }
285
-
286
- :where(select:is([multiple], [size])) optgroup {
287
- font-weight: bolder;
288
- }
289
-
290
- :where(select:is([multiple], [size])) optgroup option {
291
- padding-inline-start: 20px;
292
- }
293
-
294
- ::file-selector-button {
295
- margin-inline-end: 4px;
296
- }
297
-
298
- ::placeholder {
299
- opacity: 1;
300
- }
301
-
302
- @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
303
- ::placeholder {
304
- color: currentColor;
305
- }
306
-
307
- @supports (color: color-mix(in lab, red, red)) {
308
- ::placeholder {
309
- color: color-mix(in oklab, currentcolor 50%, transparent);
310
- }
311
- }
312
- }
313
-
314
- textarea {
315
- resize: vertical;
316
- }
317
-
318
- ::-webkit-search-decoration {
319
- -webkit-appearance: none;
320
- }
321
-
322
- ::-webkit-date-and-time-value {
323
- min-height: 1lh;
324
- text-align: inherit;
325
- }
326
-
327
- ::-webkit-datetime-edit {
328
- display: inline-flex;
329
- }
330
-
331
- ::-webkit-datetime-edit-fields-wrapper {
332
- padding: 0;
333
- }
334
-
335
- ::-webkit-datetime-edit {
336
- padding-block: 0;
337
- }
338
-
339
- ::-webkit-datetime-edit-year-field {
340
- padding-block: 0;
341
- }
342
-
343
- ::-webkit-datetime-edit-month-field {
344
- padding-block: 0;
345
- }
346
-
347
- ::-webkit-datetime-edit-day-field {
348
- padding-block: 0;
349
- }
350
-
351
- ::-webkit-datetime-edit-hour-field {
352
- padding-block: 0;
353
- }
354
-
355
- ::-webkit-datetime-edit-minute-field {
356
- padding-block: 0;
357
- }
358
-
359
- ::-webkit-datetime-edit-second-field {
360
- padding-block: 0;
361
- }
362
-
363
- ::-webkit-datetime-edit-millisecond-field {
364
- padding-block: 0;
365
- }
366
-
367
- ::-webkit-datetime-edit-meridiem-field {
368
- padding-block: 0;
369
- }
370
-
371
- ::-webkit-calendar-picker-indicator {
372
- line-height: 1;
373
- }
374
-
375
- :-moz-ui-invalid {
376
- box-shadow: none;
377
- }
378
-
379
- button, input:where([type="button"], [type="reset"], [type="submit"]) {
380
- appearance: button;
381
- }
382
-
383
- ::file-selector-button {
384
- appearance: button;
385
- }
386
-
387
- ::-webkit-inner-spin-button {
388
- height: auto;
389
- }
390
-
391
- ::-webkit-outer-spin-button {
392
- height: auto;
393
- }
394
-
395
- [hidden]:where(:not([hidden="until-found"])) {
396
- display: none !important;
397
- }
398
- }
399
-
400
- @layer components;
401
-
402
150
  @layer utilities {
403
151
  .pointer-events-auto {
404
152
  pointer-events: auto;
@@ -2024,6 +1772,17 @@
2024
1772
  }
2025
1773
  }
2026
1774
 
1775
+ .pages-editor *, .pages-editor :before, .pages-editor :after {
1776
+ box-sizing: border-box;
1777
+ margin: 0;
1778
+ padding: 0;
1779
+ }
1780
+
1781
+ .pages-editor {
1782
+ -webkit-text-size-adjust: 100%;
1783
+ line-height: 1.5;
1784
+ }
1785
+
2027
1786
  @property --tw-translate-x {
2028
1787
  syntax: "*";
2029
1788
  inherits: false;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@refactico/pages",
3
3
  "private": false,
4
- "version": "0.2.2",
4
+ "version": "0.2.3",
5
5
  "description": "A component library for building pages with React.",
6
6
  "author": "refactico",
7
7
  "license": "MIT",