@gem-sdk/styles 2.0.0-dev.305 → 2.0.0-dev.381

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 (13) hide show
  1. package/dist/base.css +2 -5
  2. package/dist/base.min.css +1 -1
  3. package/dist/utility.css +549 -0
  4. package/dist/utility.min.css +1 -1
  5. package/package.json +1 -1
  6. package/src/css/all.css +9 -0
  7. package/src/css/builds/base.css +2 -6
  8. package/src/css/utilities/_border.css +5 -0
  9. package/src/css/utilities/_overflow.css +3 -3
  10. package/src/css/utilities/all.css +3 -3
  11. package/src/properties.js +54 -18
  12. package/types/globals.d.ts +243 -0
  13. package/types/types.d.ts +9 -0
package/types/globals.d.ts CHANGED
@@ -334,6 +334,87 @@ declare namespace React {
334
334
  '--hvr-bbw-mobile'?: CSSProperties['borderBottomWidth'];
335
335
  '--focus-bbw-mobile'?: CSSProperties['borderBottomWidth'];
336
336
 
337
+ /**
338
+ * **CSS Property**: `border-left-width`
339
+ *
340
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width
341
+ */
342
+
343
+ '--blw'?: CSSProperties['borderLeftWidth'];
344
+ '--hvr-blw'?: CSSProperties['borderLeftWidth'];
345
+ '--focus-blw'?: CSSProperties['borderLeftWidth'];
346
+
347
+ /**
348
+ * **CSS Property**: `border-left-width`
349
+ *
350
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width
351
+ */
352
+ '--blw-tablet'?: CSSProperties['borderLeftWidth'];
353
+ '--hvr-blw-tablet'?: CSSProperties['borderLeftWidth'];
354
+ '--focus-blw-tablet'?: CSSProperties['borderLeftWidth'];
355
+ /**
356
+ * **CSS Property**: `border-left-width`
357
+ *
358
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width
359
+ */
360
+ '--blw-mobile'?: CSSProperties['borderLeftWidth'];
361
+ '--hvr-blw-mobile'?: CSSProperties['borderLeftWidth'];
362
+ '--focus-blw-mobile'?: CSSProperties['borderLeftWidth'];
363
+
364
+ /**
365
+ * **CSS Property**: `border-right-width`
366
+ *
367
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width
368
+ */
369
+
370
+ '--brw'?: CSSProperties['borderRightWidth'];
371
+ '--hvr-brw'?: CSSProperties['borderRightWidth'];
372
+ '--focus-brw'?: CSSProperties['borderRightWidth'];
373
+
374
+ /**
375
+ * **CSS Property**: `border-right-width`
376
+ *
377
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width
378
+ */
379
+ '--brw-tablet'?: CSSProperties['borderRightWidth'];
380
+ '--hvr-brw-tablet'?: CSSProperties['borderRightWidth'];
381
+ '--focus-brw-tablet'?: CSSProperties['borderRightWidth'];
382
+ /**
383
+ * **CSS Property**: `border-right-width`
384
+ *
385
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width
386
+ */
387
+ '--brw-mobile'?: CSSProperties['borderRightWidth'];
388
+ '--hvr-brw-mobile'?: CSSProperties['borderRightWidth'];
389
+ '--focus-brw-mobile'?: CSSProperties['borderRightWidth'];
390
+
391
+ /**
392
+ * **CSS Property**: `border-top-width`
393
+ *
394
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width
395
+ */
396
+
397
+ '--btw'?: CSSProperties['borderTopWidth'];
398
+ '--hvr-btw'?: CSSProperties['borderTopWidth'];
399
+ '--focus-btw'?: CSSProperties['borderTopWidth'];
400
+
401
+ /**
402
+ * **CSS Property**: `border-top-width`
403
+ *
404
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width
405
+ */
406
+ '--btw-tablet'?: CSSProperties['borderTopWidth'];
407
+ '--hvr-btw-tablet'?: CSSProperties['borderTopWidth'];
408
+ '--focus-btw-tablet'?: CSSProperties['borderTopWidth'];
409
+ /**
410
+ * **CSS Property**: `border-top-width`
411
+ *
412
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width
413
+ */
414
+ '--btw-mobile'?: CSSProperties['borderTopWidth'];
415
+ '--hvr-btw-mobile'?: CSSProperties['borderTopWidth'];
416
+ '--focus-btw-mobile'?: CSSProperties['borderTopWidth'];
417
+
337
418
  /**
338
419
  * **CSS Property**: `border-bottom-color`
339
420
  *
@@ -361,6 +442,87 @@ declare namespace React {
361
442
  '--hvr-bbc-mobile'?: CSSProperties['borderBottomColor'];
362
443
  '--focus-bbc-mobile'?: CSSProperties['borderBottomColor'];
363
444
 
445
+ /**
446
+ * **CSS Property**: `border-top-color`
447
+ *
448
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color
449
+ */
450
+
451
+ '--btc'?: CSSProperties['borderTopColor'];
452
+ '--hvr-btc'?: CSSProperties['borderTopColor'];
453
+ '--focus-btc'?: CSSProperties['borderTopColor'];
454
+
455
+ /**
456
+ * **CSS Property**: `border-top-color`
457
+ *
458
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color
459
+ */
460
+ '--btc-tablet'?: CSSProperties['borderTopColor'];
461
+ '--hvr-btc-tablet'?: CSSProperties['borderTopColor'];
462
+ '--focus-btc-tablet'?: CSSProperties['borderTopColor'];
463
+ /**
464
+ * **CSS Property**: `border-top-color`
465
+ *
466
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color
467
+ */
468
+ '--btc-mobile'?: CSSProperties['borderTopColor'];
469
+ '--hvr-btc-mobile'?: CSSProperties['borderTopColor'];
470
+ '--focus-btc-mobile'?: CSSProperties['borderTopColor'];
471
+
472
+ /**
473
+ * **CSS Property**: `border-left-color`
474
+ *
475
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color
476
+ */
477
+
478
+ '--blc'?: CSSProperties['borderLeftColor'];
479
+ '--hvr-blc'?: CSSProperties['borderLeftColor'];
480
+ '--focus-blc'?: CSSProperties['borderLeftColor'];
481
+
482
+ /**
483
+ * **CSS Property**: `border-left-color`
484
+ *
485
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color
486
+ */
487
+ '--blc-tablet'?: CSSProperties['borderLeftColor'];
488
+ '--hvr-blc-tablet'?: CSSProperties['borderLeftColor'];
489
+ '--focus-blc-tablet'?: CSSProperties['borderLeftColor'];
490
+ /**
491
+ * **CSS Property**: `border-left-color`
492
+ *
493
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color
494
+ */
495
+ '--blc-mobile'?: CSSProperties['borderLeftColor'];
496
+ '--hvr-blc-mobile'?: CSSProperties['borderLeftColor'];
497
+ '--focus-blc-mobile'?: CSSProperties['borderLeftColor'];
498
+
499
+ /**
500
+ * **CSS Property**: `border-right-color`
501
+ *
502
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color
503
+ */
504
+
505
+ '--brc'?: CSSProperties['borderRightColor'];
506
+ '--hvr-brc'?: CSSProperties['borderRightColor'];
507
+ '--focus-brc'?: CSSProperties['borderRightColor'];
508
+
509
+ /**
510
+ * **CSS Property**: `border-right-color`
511
+ *
512
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color
513
+ */
514
+ '--brc-tablet'?: CSSProperties['borderRightColor'];
515
+ '--hvr-brc-tablet'?: CSSProperties['borderRightColor'];
516
+ '--focus-brc-tablet'?: CSSProperties['borderRightColor'];
517
+ /**
518
+ * **CSS Property**: `border-right-color`
519
+ *
520
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color
521
+ */
522
+ '--brc-mobile'?: CSSProperties['borderRightColor'];
523
+ '--hvr-brc-mobile'?: CSSProperties['borderRightColor'];
524
+ '--focus-brc-mobile'?: CSSProperties['borderRightColor'];
525
+
364
526
  /**
365
527
  * **CSS Property**: `border-color`
366
528
  *
@@ -1603,6 +1765,87 @@ declare namespace React {
1603
1765
  '--hvr-o-mobile'?: CSSProperties['order'];
1604
1766
  '--focus-o-mobile'?: CSSProperties['order'];
1605
1767
 
1768
+ /**
1769
+ * **CSS Property**: `overflow`
1770
+ *
1771
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow
1772
+ */
1773
+
1774
+ '--of'?: CSSProperties['overflow'];
1775
+ '--hvr-of'?: CSSProperties['overflow'];
1776
+ '--focus-of'?: CSSProperties['overflow'];
1777
+
1778
+ /**
1779
+ * **CSS Property**: `overflow`
1780
+ *
1781
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow
1782
+ */
1783
+ '--of-tablet'?: CSSProperties['overflow'];
1784
+ '--hvr-of-tablet'?: CSSProperties['overflow'];
1785
+ '--focus-of-tablet'?: CSSProperties['overflow'];
1786
+ /**
1787
+ * **CSS Property**: `overflow`
1788
+ *
1789
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow
1790
+ */
1791
+ '--of-mobile'?: CSSProperties['overflow'];
1792
+ '--hvr-of-mobile'?: CSSProperties['overflow'];
1793
+ '--focus-of-mobile'?: CSSProperties['overflow'];
1794
+
1795
+ /**
1796
+ * **CSS Property**: `overflow-x`
1797
+ *
1798
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x
1799
+ */
1800
+
1801
+ '--ofx'?: CSSProperties['overflowX'];
1802
+ '--hvr-ofx'?: CSSProperties['overflowX'];
1803
+ '--focus-ofx'?: CSSProperties['overflowX'];
1804
+
1805
+ /**
1806
+ * **CSS Property**: `overflow-x`
1807
+ *
1808
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x
1809
+ */
1810
+ '--ofx-tablet'?: CSSProperties['overflowX'];
1811
+ '--hvr-ofx-tablet'?: CSSProperties['overflowX'];
1812
+ '--focus-ofx-tablet'?: CSSProperties['overflowX'];
1813
+ /**
1814
+ * **CSS Property**: `overflow-x`
1815
+ *
1816
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x
1817
+ */
1818
+ '--ofx-mobile'?: CSSProperties['overflowX'];
1819
+ '--hvr-ofx-mobile'?: CSSProperties['overflowX'];
1820
+ '--focus-ofx-mobile'?: CSSProperties['overflowX'];
1821
+
1822
+ /**
1823
+ * **CSS Property**: `overflow-y`
1824
+ *
1825
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y
1826
+ */
1827
+
1828
+ '--ofy'?: CSSProperties['overflowY'];
1829
+ '--hvr-ofy'?: CSSProperties['overflowY'];
1830
+ '--focus-ofy'?: CSSProperties['overflowY'];
1831
+
1832
+ /**
1833
+ * **CSS Property**: `overflow-y`
1834
+ *
1835
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y
1836
+ */
1837
+ '--ofy-tablet'?: CSSProperties['overflowY'];
1838
+ '--hvr-ofy-tablet'?: CSSProperties['overflowY'];
1839
+ '--focus-ofy-tablet'?: CSSProperties['overflowY'];
1840
+ /**
1841
+ * **CSS Property**: `overflow-y`
1842
+ *
1843
+ * **Reference**: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y
1844
+ */
1845
+ '--ofy-mobile'?: CSSProperties['overflowY'];
1846
+ '--hvr-ofy-mobile'?: CSSProperties['overflowY'];
1847
+ '--focus-ofy-mobile'?: CSSProperties['overflowY'];
1848
+
1606
1849
  /**
1607
1850
  * **CSS Property**: `place-content`
1608
1851
  *
package/types/types.d.ts CHANGED
@@ -11,7 +11,13 @@ export type ShortHandProperty =
11
11
  | 'b'
12
12
  | 'bb'
13
13
  | 'bbw'
14
+ | 'blw'
15
+ | 'brw'
16
+ | 'btw'
14
17
  | 'bbc'
18
+ | 'btc'
19
+ | 'blc'
20
+ | 'brc'
15
21
  | 'bc'
16
22
  | 'bblr'
17
23
  | 'bbrr'
@@ -58,6 +64,9 @@ export type ShortHandProperty =
58
64
  | 'objf'
59
65
  | 'op'
60
66
  | 'o'
67
+ | 'of'
68
+ | 'ofx'
69
+ | 'ofy'
61
70
  | 'pc'
62
71
  | 'p'
63
72
  | 'pb'