@homebound/beam 4.11.4 → 4.12.0
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.
- package/dist/Css.json +121 -15
- package/dist/index.cjs +933 -420
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +564 -94
- package/dist/index.d.ts +564 -94
- package/dist/index.js +933 -420
- package/dist/index.js.map +1 -1
- package/dist/truss.css +52 -74
- package/package.json +2 -2
package/dist/index.d.cts
CHANGED
|
@@ -202,6 +202,60 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
202
202
|
animationTimingFunction(value: Properties["animationTimingFunction"]): CssBuilder<T & {
|
|
203
203
|
animationTimingFunction: csstype.Property.AnimationTimingFunction | undefined;
|
|
204
204
|
}, S>;
|
|
205
|
+
/** Sets `appearance: "none"`. */
|
|
206
|
+
get appearanceNone(): CssBuilder<T & {
|
|
207
|
+
appearance: csstype.Property.Appearance | undefined;
|
|
208
|
+
}, S>;
|
|
209
|
+
/** Sets `appearance: value`. */
|
|
210
|
+
appearance(value: Properties["appearance"]): CssBuilder<T & {
|
|
211
|
+
appearance: csstype.Property.Appearance | undefined;
|
|
212
|
+
}, S>;
|
|
213
|
+
/** Sets `aspectRatio: "1 / 1"`. */
|
|
214
|
+
get arSquare(): CssBuilder<T & {
|
|
215
|
+
aspectRatio: csstype.Property.AspectRatio | undefined;
|
|
216
|
+
}, S>;
|
|
217
|
+
/** Sets `aspectRatio: "16 / 9"`. */
|
|
218
|
+
get arVideo(): CssBuilder<T & {
|
|
219
|
+
aspectRatio: csstype.Property.AspectRatio | undefined;
|
|
220
|
+
}, S>;
|
|
221
|
+
/** Sets `aspectRatio: value`. */
|
|
222
|
+
ar(value: Properties["aspectRatio"]): CssBuilder<T & {
|
|
223
|
+
aspectRatio: csstype.Property.AspectRatio | undefined;
|
|
224
|
+
}, S>;
|
|
225
|
+
/** Sets `background: value`. */
|
|
226
|
+
bg(value: Properties["background"]): CssBuilder<T & {
|
|
227
|
+
background: csstype.Property.Background<string | 0> | undefined;
|
|
228
|
+
}, S>;
|
|
229
|
+
/** Sets `backgroundImage: value`. */
|
|
230
|
+
bgImage(value: Properties["backgroundImage"]): CssBuilder<T & {
|
|
231
|
+
backgroundImage: csstype.Property.BackgroundImage | undefined;
|
|
232
|
+
}, S>;
|
|
233
|
+
/** Sets `backgroundSize: value`. */
|
|
234
|
+
bgSize(value: Properties["backgroundSize"]): CssBuilder<T & {
|
|
235
|
+
backgroundSize: csstype.Property.BackgroundSize<string | 0> | undefined;
|
|
236
|
+
}, S>;
|
|
237
|
+
/** Sets `backgroundPosition: value`. */
|
|
238
|
+
bgPosition(value: Properties["backgroundPosition"]): CssBuilder<T & {
|
|
239
|
+
backgroundPosition: csstype.Property.BackgroundPosition<string | 0> | undefined;
|
|
240
|
+
}, S>;
|
|
241
|
+
/** Sets `backgroundRepeat: "no-repeat"`. */
|
|
242
|
+
get bgNoRepeat(): CssBuilder<T & {
|
|
243
|
+
backgroundRepeat: csstype.Property.BackgroundRepeat | undefined;
|
|
244
|
+
}, S>;
|
|
245
|
+
/** Sets `backgroundRepeat: value`. */
|
|
246
|
+
bgRepeat(value: Properties["backgroundRepeat"]): CssBuilder<T & {
|
|
247
|
+
backgroundRepeat: csstype.Property.BackgroundRepeat | undefined;
|
|
248
|
+
}, S>;
|
|
249
|
+
/** Sets `backgroundClip: "text"; WebkitBackgroundClip: "text"`. */
|
|
250
|
+
get bgClipText(): CssBuilder<T & {
|
|
251
|
+
backgroundClip: csstype.Property.BackgroundClip | undefined;
|
|
252
|
+
} & {
|
|
253
|
+
WebkitBackgroundClip: csstype.Property.BackgroundClip | undefined;
|
|
254
|
+
}, S>;
|
|
255
|
+
/** Sets `backgroundClip: value`. */
|
|
256
|
+
bgClip(value: Properties["backgroundClip"]): CssBuilder<T & {
|
|
257
|
+
backgroundClip: csstype.Property.BackgroundClip | undefined;
|
|
258
|
+
}, S>;
|
|
205
259
|
/** Sets `borderStyle: "solid"; borderWidth: "1px"`. */
|
|
206
260
|
get ba(): CssBuilder<T & {
|
|
207
261
|
borderStyle: csstype.Property.BorderStyle | undefined;
|
|
@@ -534,49 +588,21 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
534
588
|
bc(value: Properties["borderColor"]): CssBuilder<T & {
|
|
535
589
|
borderColor: csstype.Property.BorderColor | undefined;
|
|
536
590
|
}, S>;
|
|
537
|
-
/** Sets `
|
|
538
|
-
|
|
539
|
-
|
|
591
|
+
/** Sets `borderTopColor: value`. */
|
|
592
|
+
btc(value: Properties["borderTopColor"]): CssBuilder<T & {
|
|
593
|
+
borderTopColor: csstype.Property.BorderTopColor | undefined;
|
|
540
594
|
}, S>;
|
|
541
|
-
/** Sets `
|
|
542
|
-
|
|
543
|
-
|
|
595
|
+
/** Sets `borderRightColor: value`. */
|
|
596
|
+
brc(value: Properties["borderRightColor"]): CssBuilder<T & {
|
|
597
|
+
borderRightColor: csstype.Property.BorderRightColor | undefined;
|
|
544
598
|
}, S>;
|
|
545
|
-
/** Sets `
|
|
546
|
-
|
|
547
|
-
|
|
599
|
+
/** Sets `borderBottomColor: value`. */
|
|
600
|
+
bbc(value: Properties["borderBottomColor"]): CssBuilder<T & {
|
|
601
|
+
borderBottomColor: csstype.Property.BorderBottomColor | undefined;
|
|
548
602
|
}, S>;
|
|
549
|
-
/** Sets `
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
}, S>;
|
|
553
|
-
/** Sets `borderRadius: "16px"`. */
|
|
554
|
-
get br16(): CssBuilder<T & {
|
|
555
|
-
borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
|
|
556
|
-
}, S>;
|
|
557
|
-
/** Sets `borderRadius: "24px"`. */
|
|
558
|
-
get br24(): CssBuilder<T & {
|
|
559
|
-
borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
|
|
560
|
-
}, S>;
|
|
561
|
-
/** Sets `borderRadius: "100%"`. */
|
|
562
|
-
get br100(): CssBuilder<T & {
|
|
563
|
-
borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
|
|
564
|
-
}, S>;
|
|
565
|
-
/** Sets `borderRadius: value`. */
|
|
566
|
-
borderRadius(value: Properties["borderRadius"]): CssBuilder<T & {
|
|
567
|
-
borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
|
|
568
|
-
}, S>;
|
|
569
|
-
/** Sets `borderTopRightRadius: "4px"; borderTopLeftRadius: "4px"`. */
|
|
570
|
-
get brt4(): CssBuilder<T & {
|
|
571
|
-
borderTopRightRadius: csstype.Property.BorderTopRightRadius<string | 0> | undefined;
|
|
572
|
-
} & {
|
|
573
|
-
borderTopLeftRadius: csstype.Property.BorderTopLeftRadius<string | 0> | undefined;
|
|
574
|
-
}, S>;
|
|
575
|
-
/** Sets `borderBottomRightRadius: "4px"; borderBottomLeftRadius: "4px"`. */
|
|
576
|
-
get brb4(): CssBuilder<T & {
|
|
577
|
-
borderBottomRightRadius: csstype.Property.BorderBottomRightRadius<string | 0> | undefined;
|
|
578
|
-
} & {
|
|
579
|
-
borderBottomLeftRadius: csstype.Property.BorderBottomLeftRadius<string | 0> | undefined;
|
|
603
|
+
/** Sets `borderLeftColor: value`. */
|
|
604
|
+
blc(value: Properties["borderLeftColor"]): CssBuilder<T & {
|
|
605
|
+
borderLeftColor: csstype.Property.BorderLeftColor | undefined;
|
|
580
606
|
}, S>;
|
|
581
607
|
/** Sets `borderStyle: "dashed"`. */
|
|
582
608
|
get bsDashed(): CssBuilder<T & {
|
|
@@ -610,33 +636,21 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
610
636
|
bw(value: Properties["borderWidth"]): CssBuilder<T & {
|
|
611
637
|
borderWidth: csstype.Property.BorderWidth<string | 0> | undefined;
|
|
612
638
|
}, S>;
|
|
613
|
-
/** Sets `
|
|
614
|
-
get
|
|
615
|
-
|
|
616
|
-
}, S>;
|
|
617
|
-
/** Sets `boxShadow: "0px 4px 8px rgba(53, 53, 53, 0.08), 0px 2px 16px rgba(53, 53, 53, 0.03);"`. */
|
|
618
|
-
get bshBasic(): CssBuilder<T & {
|
|
619
|
-
boxShadow: csstype.Property.BoxShadow | undefined;
|
|
639
|
+
/** Sets `breakInside: "avoid"`. */
|
|
640
|
+
get breakAvoid(): CssBuilder<T & {
|
|
641
|
+
breakInside: csstype.Property.BreakInside | undefined;
|
|
620
642
|
}, S>;
|
|
621
|
-
/** Sets `
|
|
622
|
-
|
|
623
|
-
|
|
643
|
+
/** Sets `breakInside: value`. */
|
|
644
|
+
breakInside(value: Properties["breakInside"]): CssBuilder<T & {
|
|
645
|
+
breakInside: csstype.Property.BreakInside | undefined;
|
|
624
646
|
}, S>;
|
|
625
|
-
/** Sets `
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
}, S>;
|
|
629
|
-
/** Sets `boxShadow: "0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(153, 27, 27, 1)"`. */
|
|
630
|
-
get bshDanger(): CssBuilder<T & {
|
|
631
|
-
boxShadow: csstype.Property.BoxShadow | undefined;
|
|
632
|
-
}, S>;
|
|
633
|
-
/** Sets `boxShadow: "0px 20px 25px -5px rgba(0,0,0,0.1), 0px 10px 10px -5px rgba(0,0,0,0.04)"`. */
|
|
634
|
-
get bshModal(): CssBuilder<T & {
|
|
635
|
-
boxShadow: csstype.Property.BoxShadow | undefined;
|
|
647
|
+
/** Sets `breakAfter: value`. */
|
|
648
|
+
breakAfter(value: Properties["breakAfter"]): CssBuilder<T & {
|
|
649
|
+
breakAfter: csstype.Property.BreakAfter | undefined;
|
|
636
650
|
}, S>;
|
|
637
|
-
/** Sets `
|
|
638
|
-
|
|
639
|
-
|
|
651
|
+
/** Sets `clipPath: value`. */
|
|
652
|
+
clipPath(value: Properties["clipPath"]): CssBuilder<T & {
|
|
653
|
+
clipPath: csstype.Property.ClipPath | undefined;
|
|
640
654
|
}, S>;
|
|
641
655
|
/** Sets `containerType: "size"`. */
|
|
642
656
|
get cts(): CssBuilder<T & {
|
|
@@ -834,6 +848,50 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
834
848
|
leftPx(px: number): CssBuilder<T & {
|
|
835
849
|
left: csstype.Property.Left<string | 0> | undefined;
|
|
836
850
|
}, S>;
|
|
851
|
+
/** Sets `inset: "calc(var(--t-spacing) * 0)"`. */
|
|
852
|
+
get inset0(): CssBuilder<T & {
|
|
853
|
+
inset: csstype.Property.Inset<string | 0> | undefined;
|
|
854
|
+
}, S>;
|
|
855
|
+
/** Sets `inset: "calc(var(--t-spacing) * 1)"`. */
|
|
856
|
+
get inset1(): CssBuilder<T & {
|
|
857
|
+
inset: csstype.Property.Inset<string | 0> | undefined;
|
|
858
|
+
}, S>;
|
|
859
|
+
/** Sets `inset: "calc(var(--t-spacing) * 2)"`. */
|
|
860
|
+
get inset2(): CssBuilder<T & {
|
|
861
|
+
inset: csstype.Property.Inset<string | 0> | undefined;
|
|
862
|
+
}, S>;
|
|
863
|
+
/** Sets `inset: "calc(var(--t-spacing) * 3)"`. */
|
|
864
|
+
get inset3(): CssBuilder<T & {
|
|
865
|
+
inset: csstype.Property.Inset<string | 0> | undefined;
|
|
866
|
+
}, S>;
|
|
867
|
+
/** Sets `inset: "calc(var(--t-spacing) * 4)"`. */
|
|
868
|
+
get inset4(): CssBuilder<T & {
|
|
869
|
+
inset: csstype.Property.Inset<string | 0> | undefined;
|
|
870
|
+
}, S>;
|
|
871
|
+
/** Sets `inset: "calc(var(--t-spacing) * 5)"`. */
|
|
872
|
+
get inset5(): CssBuilder<T & {
|
|
873
|
+
inset: csstype.Property.Inset<string | 0> | undefined;
|
|
874
|
+
}, S>;
|
|
875
|
+
/** Sets `inset: "calc(var(--t-spacing) * 6)"`. */
|
|
876
|
+
get inset6(): CssBuilder<T & {
|
|
877
|
+
inset: csstype.Property.Inset<string | 0> | undefined;
|
|
878
|
+
}, S>;
|
|
879
|
+
/** Sets `inset: "calc(var(--t-spacing) * 7)"`. */
|
|
880
|
+
get inset7(): CssBuilder<T & {
|
|
881
|
+
inset: csstype.Property.Inset<string | 0> | undefined;
|
|
882
|
+
}, S>;
|
|
883
|
+
/** Sets `inset: "calc(var(--t-spacing) * 8)"`. */
|
|
884
|
+
get inset8(): CssBuilder<T & {
|
|
885
|
+
inset: csstype.Property.Inset<string | 0> | undefined;
|
|
886
|
+
}, S>;
|
|
887
|
+
/** Sets `inset: "v"`. */
|
|
888
|
+
inset(v: number | string): CssBuilder<T & {
|
|
889
|
+
inset: csstype.Property.Inset<string | 0> | undefined;
|
|
890
|
+
}, S>;
|
|
891
|
+
/** Sets `inset: px`. */
|
|
892
|
+
insetPx(px: number): CssBuilder<T & {
|
|
893
|
+
inset: csstype.Property.Inset<string | 0> | undefined;
|
|
894
|
+
}, S>;
|
|
837
895
|
/** Sets `cursor: "pointer"`. */
|
|
838
896
|
get cursorPointer(): CssBuilder<T & {
|
|
839
897
|
cursor: csstype.Property.Cursor | undefined;
|
|
@@ -902,6 +960,14 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
902
960
|
display(value: Properties["display"]): CssBuilder<T & {
|
|
903
961
|
display: csstype.Property.Display | undefined;
|
|
904
962
|
}, S>;
|
|
963
|
+
/** Sets `filter: value`. */
|
|
964
|
+
filter(value: Properties["filter"]): CssBuilder<T & {
|
|
965
|
+
filter: csstype.Property.Filter | undefined;
|
|
966
|
+
}, S>;
|
|
967
|
+
/** Sets `backdropFilter: value`. */
|
|
968
|
+
backdropFilter(value: Properties["backdropFilter"]): CssBuilder<T & {
|
|
969
|
+
backdropFilter: csstype.Property.BackdropFilter | undefined;
|
|
970
|
+
}, S>;
|
|
905
971
|
/** Sets `flex: "initial"`. */
|
|
906
972
|
get fi(): CssBuilder<T & {
|
|
907
973
|
flex: csstype.Property.Flex<string | 0> | undefined;
|
|
@@ -1362,6 +1428,10 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
1362
1428
|
gc(value: Properties["gridColumn"]): CssBuilder<T & {
|
|
1363
1429
|
gridColumn: csstype.Property.GridColumn | undefined;
|
|
1364
1430
|
}, S>;
|
|
1431
|
+
/** Sets `gridArea: value`. */
|
|
1432
|
+
ga(value: Properties["gridArea"]): CssBuilder<T & {
|
|
1433
|
+
gridArea: csstype.Property.GridArea | undefined;
|
|
1434
|
+
}, S>;
|
|
1365
1435
|
/** Sets `gridAutoRows: value`. */
|
|
1366
1436
|
gar(value: Properties["gridAutoRows"]): CssBuilder<T & {
|
|
1367
1437
|
gridAutoRows: csstype.Property.GridAutoRows<string | 0> | undefined;
|
|
@@ -1748,6 +1818,18 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
1748
1818
|
} & {
|
|
1749
1819
|
textOverflow: csstype.Property.TextOverflow | undefined;
|
|
1750
1820
|
}, S>;
|
|
1821
|
+
/** Sets `listStyle: "none"`. */
|
|
1822
|
+
get listNone(): CssBuilder<T & {
|
|
1823
|
+
listStyle: csstype.Property.ListStyle | undefined;
|
|
1824
|
+
}, S>;
|
|
1825
|
+
/** Sets `listStyle: value`. */
|
|
1826
|
+
listStyle(value: Properties["listStyle"]): CssBuilder<T & {
|
|
1827
|
+
listStyle: csstype.Property.ListStyle | undefined;
|
|
1828
|
+
}, S>;
|
|
1829
|
+
/** Sets `maskImage: value`. */
|
|
1830
|
+
maskImage(value: Properties["maskImage"]): CssBuilder<T & {
|
|
1831
|
+
maskImage: csstype.Property.MaskImage | undefined;
|
|
1832
|
+
}, S>;
|
|
1751
1833
|
/** Sets `objectFit: "contain"`. */
|
|
1752
1834
|
get objectContain(): CssBuilder<T & {
|
|
1753
1835
|
objectFit: csstype.Property.ObjectFit | undefined;
|
|
@@ -1772,6 +1854,10 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
1772
1854
|
objectFit(value: Properties["objectFit"]): CssBuilder<T & {
|
|
1773
1855
|
objectFit: csstype.Property.ObjectFit | undefined;
|
|
1774
1856
|
}, S>;
|
|
1857
|
+
/** Sets `objectPosition: value`. */
|
|
1858
|
+
objectPosition(value: Properties["objectPosition"]): CssBuilder<T & {
|
|
1859
|
+
objectPosition: csstype.Property.ObjectPosition<string | 0> | undefined;
|
|
1860
|
+
}, S>;
|
|
1775
1861
|
/** Sets `opacity: "0"`. */
|
|
1776
1862
|
get o0(): CssBuilder<T & {
|
|
1777
1863
|
opacity: csstype.Property.Opacity | undefined;
|
|
@@ -1812,6 +1898,22 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
1812
1898
|
outline(value: Properties["outline"]): CssBuilder<T & {
|
|
1813
1899
|
outline: csstype.Property.Outline<string | 0> | undefined;
|
|
1814
1900
|
}, S>;
|
|
1901
|
+
/** Sets `outlineColor: value`. */
|
|
1902
|
+
outlineColor(value: Properties["outlineColor"]): CssBuilder<T & {
|
|
1903
|
+
outlineColor: csstype.Property.OutlineColor | undefined;
|
|
1904
|
+
}, S>;
|
|
1905
|
+
/** Sets `outlineOffset: value`. */
|
|
1906
|
+
outlineOffset(value: Properties["outlineOffset"]): CssBuilder<T & {
|
|
1907
|
+
outlineOffset: csstype.Property.OutlineOffset<string | 0> | undefined;
|
|
1908
|
+
}, S>;
|
|
1909
|
+
/** Sets `outlineStyle: value`. */
|
|
1910
|
+
outlineStyle(value: Properties["outlineStyle"]): CssBuilder<T & {
|
|
1911
|
+
outlineStyle: csstype.Property.OutlineStyle | undefined;
|
|
1912
|
+
}, S>;
|
|
1913
|
+
/** Sets `outlineWidth: value`. */
|
|
1914
|
+
outlineWidth(value: Properties["outlineWidth"]): CssBuilder<T & {
|
|
1915
|
+
outlineWidth: csstype.Property.OutlineWidth<string | 0> | undefined;
|
|
1916
|
+
}, S>;
|
|
1815
1917
|
/** Sets `overflow: "visible"`. */
|
|
1816
1918
|
get ov(): CssBuilder<T & {
|
|
1817
1919
|
overflow: csstype.Property.Overflow | undefined;
|
|
@@ -1872,6 +1974,18 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
1872
1974
|
overflowX(value: Properties["overflowX"]): CssBuilder<T & {
|
|
1873
1975
|
overflowX: csstype.Property.OverflowX | undefined;
|
|
1874
1976
|
}, S>;
|
|
1977
|
+
/** Sets `pointerEvents: "none"`. */
|
|
1978
|
+
get pen(): CssBuilder<T & {
|
|
1979
|
+
pointerEvents: csstype.Property.PointerEvents | undefined;
|
|
1980
|
+
}, S>;
|
|
1981
|
+
/** Sets `pointerEvents: "auto"`. */
|
|
1982
|
+
get pea(): CssBuilder<T & {
|
|
1983
|
+
pointerEvents: csstype.Property.PointerEvents | undefined;
|
|
1984
|
+
}, S>;
|
|
1985
|
+
/** Sets `pointerEvents: value`. */
|
|
1986
|
+
pe(value: Properties["pointerEvents"]): CssBuilder<T & {
|
|
1987
|
+
pointerEvents: csstype.Property.PointerEvents | undefined;
|
|
1988
|
+
}, S>;
|
|
1875
1989
|
/** Sets `position: "absolute"`. */
|
|
1876
1990
|
get absolute(): CssBuilder<T & {
|
|
1877
1991
|
position: csstype.Property.Position | undefined;
|
|
@@ -1896,6 +2010,218 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
1896
2010
|
position(value: Properties["position"]): CssBuilder<T & {
|
|
1897
2011
|
position: csstype.Property.Position | undefined;
|
|
1898
2012
|
}, S>;
|
|
2013
|
+
/** Sets `resize: "none"`. */
|
|
2014
|
+
get resizeNone(): CssBuilder<T & {
|
|
2015
|
+
resize: csstype.Property.Resize | undefined;
|
|
2016
|
+
}, S>;
|
|
2017
|
+
/** Sets `resize: value`. */
|
|
2018
|
+
resize(value: Properties["resize"]): CssBuilder<T & {
|
|
2019
|
+
resize: csstype.Property.Resize | undefined;
|
|
2020
|
+
}, S>;
|
|
2021
|
+
/** Sets `scrollMarginTop: "calc(var(--t-spacing) * 0)"`. */
|
|
2022
|
+
get smt0(): CssBuilder<T & {
|
|
2023
|
+
scrollMarginTop: csstype.Property.ScrollMarginTop<string | 0> | undefined;
|
|
2024
|
+
}, S>;
|
|
2025
|
+
/** Sets `scrollMarginTop: "calc(var(--t-spacing) * 1)"`. */
|
|
2026
|
+
get smt1(): CssBuilder<T & {
|
|
2027
|
+
scrollMarginTop: csstype.Property.ScrollMarginTop<string | 0> | undefined;
|
|
2028
|
+
}, S>;
|
|
2029
|
+
/** Sets `scrollMarginTop: "calc(var(--t-spacing) * 2)"`. */
|
|
2030
|
+
get smt2(): CssBuilder<T & {
|
|
2031
|
+
scrollMarginTop: csstype.Property.ScrollMarginTop<string | 0> | undefined;
|
|
2032
|
+
}, S>;
|
|
2033
|
+
/** Sets `scrollMarginTop: "calc(var(--t-spacing) * 3)"`. */
|
|
2034
|
+
get smt3(): CssBuilder<T & {
|
|
2035
|
+
scrollMarginTop: csstype.Property.ScrollMarginTop<string | 0> | undefined;
|
|
2036
|
+
}, S>;
|
|
2037
|
+
/** Sets `scrollMarginTop: "calc(var(--t-spacing) * 4)"`. */
|
|
2038
|
+
get smt4(): CssBuilder<T & {
|
|
2039
|
+
scrollMarginTop: csstype.Property.ScrollMarginTop<string | 0> | undefined;
|
|
2040
|
+
}, S>;
|
|
2041
|
+
/** Sets `scrollMarginTop: "calc(var(--t-spacing) * 5)"`. */
|
|
2042
|
+
get smt5(): CssBuilder<T & {
|
|
2043
|
+
scrollMarginTop: csstype.Property.ScrollMarginTop<string | 0> | undefined;
|
|
2044
|
+
}, S>;
|
|
2045
|
+
/** Sets `scrollMarginTop: "calc(var(--t-spacing) * 6)"`. */
|
|
2046
|
+
get smt6(): CssBuilder<T & {
|
|
2047
|
+
scrollMarginTop: csstype.Property.ScrollMarginTop<string | 0> | undefined;
|
|
2048
|
+
}, S>;
|
|
2049
|
+
/** Sets `scrollMarginTop: "calc(var(--t-spacing) * 7)"`. */
|
|
2050
|
+
get smt7(): CssBuilder<T & {
|
|
2051
|
+
scrollMarginTop: csstype.Property.ScrollMarginTop<string | 0> | undefined;
|
|
2052
|
+
}, S>;
|
|
2053
|
+
/** Sets `scrollMarginTop: "calc(var(--t-spacing) * 8)"`. */
|
|
2054
|
+
get smt8(): CssBuilder<T & {
|
|
2055
|
+
scrollMarginTop: csstype.Property.ScrollMarginTop<string | 0> | undefined;
|
|
2056
|
+
}, S>;
|
|
2057
|
+
/** Sets `scrollMarginTop: "v"`. */
|
|
2058
|
+
smt(v: number | string): CssBuilder<T & {
|
|
2059
|
+
scrollMarginTop: csstype.Property.ScrollMarginTop<string | 0> | undefined;
|
|
2060
|
+
}, S>;
|
|
2061
|
+
/** Sets `scrollMarginTop: px`. */
|
|
2062
|
+
smtPx(px: number): CssBuilder<T & {
|
|
2063
|
+
scrollMarginTop: csstype.Property.ScrollMarginTop<string | 0> | undefined;
|
|
2064
|
+
}, S>;
|
|
2065
|
+
/** Sets `scrollMarginRight: "calc(var(--t-spacing) * 0)"`. */
|
|
2066
|
+
get smr0(): CssBuilder<T & {
|
|
2067
|
+
scrollMarginRight: csstype.Property.ScrollMarginRight<string | 0> | undefined;
|
|
2068
|
+
}, S>;
|
|
2069
|
+
/** Sets `scrollMarginRight: "calc(var(--t-spacing) * 1)"`. */
|
|
2070
|
+
get smr1(): CssBuilder<T & {
|
|
2071
|
+
scrollMarginRight: csstype.Property.ScrollMarginRight<string | 0> | undefined;
|
|
2072
|
+
}, S>;
|
|
2073
|
+
/** Sets `scrollMarginRight: "calc(var(--t-spacing) * 2)"`. */
|
|
2074
|
+
get smr2(): CssBuilder<T & {
|
|
2075
|
+
scrollMarginRight: csstype.Property.ScrollMarginRight<string | 0> | undefined;
|
|
2076
|
+
}, S>;
|
|
2077
|
+
/** Sets `scrollMarginRight: "calc(var(--t-spacing) * 3)"`. */
|
|
2078
|
+
get smr3(): CssBuilder<T & {
|
|
2079
|
+
scrollMarginRight: csstype.Property.ScrollMarginRight<string | 0> | undefined;
|
|
2080
|
+
}, S>;
|
|
2081
|
+
/** Sets `scrollMarginRight: "calc(var(--t-spacing) * 4)"`. */
|
|
2082
|
+
get smr4(): CssBuilder<T & {
|
|
2083
|
+
scrollMarginRight: csstype.Property.ScrollMarginRight<string | 0> | undefined;
|
|
2084
|
+
}, S>;
|
|
2085
|
+
/** Sets `scrollMarginRight: "calc(var(--t-spacing) * 5)"`. */
|
|
2086
|
+
get smr5(): CssBuilder<T & {
|
|
2087
|
+
scrollMarginRight: csstype.Property.ScrollMarginRight<string | 0> | undefined;
|
|
2088
|
+
}, S>;
|
|
2089
|
+
/** Sets `scrollMarginRight: "calc(var(--t-spacing) * 6)"`. */
|
|
2090
|
+
get smr6(): CssBuilder<T & {
|
|
2091
|
+
scrollMarginRight: csstype.Property.ScrollMarginRight<string | 0> | undefined;
|
|
2092
|
+
}, S>;
|
|
2093
|
+
/** Sets `scrollMarginRight: "calc(var(--t-spacing) * 7)"`. */
|
|
2094
|
+
get smr7(): CssBuilder<T & {
|
|
2095
|
+
scrollMarginRight: csstype.Property.ScrollMarginRight<string | 0> | undefined;
|
|
2096
|
+
}, S>;
|
|
2097
|
+
/** Sets `scrollMarginRight: "calc(var(--t-spacing) * 8)"`. */
|
|
2098
|
+
get smr8(): CssBuilder<T & {
|
|
2099
|
+
scrollMarginRight: csstype.Property.ScrollMarginRight<string | 0> | undefined;
|
|
2100
|
+
}, S>;
|
|
2101
|
+
/** Sets `scrollMarginRight: "v"`. */
|
|
2102
|
+
smr(v: number | string): CssBuilder<T & {
|
|
2103
|
+
scrollMarginRight: csstype.Property.ScrollMarginRight<string | 0> | undefined;
|
|
2104
|
+
}, S>;
|
|
2105
|
+
/** Sets `scrollMarginRight: px`. */
|
|
2106
|
+
smrPx(px: number): CssBuilder<T & {
|
|
2107
|
+
scrollMarginRight: csstype.Property.ScrollMarginRight<string | 0> | undefined;
|
|
2108
|
+
}, S>;
|
|
2109
|
+
/** Sets `scrollMarginBottom: "calc(var(--t-spacing) * 0)"`. */
|
|
2110
|
+
get smb0(): CssBuilder<T & {
|
|
2111
|
+
scrollMarginBottom: csstype.Property.ScrollMarginBottom<string | 0> | undefined;
|
|
2112
|
+
}, S>;
|
|
2113
|
+
/** Sets `scrollMarginBottom: "calc(var(--t-spacing) * 1)"`. */
|
|
2114
|
+
get smb1(): CssBuilder<T & {
|
|
2115
|
+
scrollMarginBottom: csstype.Property.ScrollMarginBottom<string | 0> | undefined;
|
|
2116
|
+
}, S>;
|
|
2117
|
+
/** Sets `scrollMarginBottom: "calc(var(--t-spacing) * 2)"`. */
|
|
2118
|
+
get smb2(): CssBuilder<T & {
|
|
2119
|
+
scrollMarginBottom: csstype.Property.ScrollMarginBottom<string | 0> | undefined;
|
|
2120
|
+
}, S>;
|
|
2121
|
+
/** Sets `scrollMarginBottom: "calc(var(--t-spacing) * 3)"`. */
|
|
2122
|
+
get smb3(): CssBuilder<T & {
|
|
2123
|
+
scrollMarginBottom: csstype.Property.ScrollMarginBottom<string | 0> | undefined;
|
|
2124
|
+
}, S>;
|
|
2125
|
+
/** Sets `scrollMarginBottom: "calc(var(--t-spacing) * 4)"`. */
|
|
2126
|
+
get smb4(): CssBuilder<T & {
|
|
2127
|
+
scrollMarginBottom: csstype.Property.ScrollMarginBottom<string | 0> | undefined;
|
|
2128
|
+
}, S>;
|
|
2129
|
+
/** Sets `scrollMarginBottom: "calc(var(--t-spacing) * 5)"`. */
|
|
2130
|
+
get smb5(): CssBuilder<T & {
|
|
2131
|
+
scrollMarginBottom: csstype.Property.ScrollMarginBottom<string | 0> | undefined;
|
|
2132
|
+
}, S>;
|
|
2133
|
+
/** Sets `scrollMarginBottom: "calc(var(--t-spacing) * 6)"`. */
|
|
2134
|
+
get smb6(): CssBuilder<T & {
|
|
2135
|
+
scrollMarginBottom: csstype.Property.ScrollMarginBottom<string | 0> | undefined;
|
|
2136
|
+
}, S>;
|
|
2137
|
+
/** Sets `scrollMarginBottom: "calc(var(--t-spacing) * 7)"`. */
|
|
2138
|
+
get smb7(): CssBuilder<T & {
|
|
2139
|
+
scrollMarginBottom: csstype.Property.ScrollMarginBottom<string | 0> | undefined;
|
|
2140
|
+
}, S>;
|
|
2141
|
+
/** Sets `scrollMarginBottom: "calc(var(--t-spacing) * 8)"`. */
|
|
2142
|
+
get smb8(): CssBuilder<T & {
|
|
2143
|
+
scrollMarginBottom: csstype.Property.ScrollMarginBottom<string | 0> | undefined;
|
|
2144
|
+
}, S>;
|
|
2145
|
+
/** Sets `scrollMarginBottom: "v"`. */
|
|
2146
|
+
smb(v: number | string): CssBuilder<T & {
|
|
2147
|
+
scrollMarginBottom: csstype.Property.ScrollMarginBottom<string | 0> | undefined;
|
|
2148
|
+
}, S>;
|
|
2149
|
+
/** Sets `scrollMarginBottom: px`. */
|
|
2150
|
+
smbPx(px: number): CssBuilder<T & {
|
|
2151
|
+
scrollMarginBottom: csstype.Property.ScrollMarginBottom<string | 0> | undefined;
|
|
2152
|
+
}, S>;
|
|
2153
|
+
/** Sets `scrollMarginLeft: "calc(var(--t-spacing) * 0)"`. */
|
|
2154
|
+
get sml0(): CssBuilder<T & {
|
|
2155
|
+
scrollMarginLeft: csstype.Property.ScrollMarginLeft<string | 0> | undefined;
|
|
2156
|
+
}, S>;
|
|
2157
|
+
/** Sets `scrollMarginLeft: "calc(var(--t-spacing) * 1)"`. */
|
|
2158
|
+
get sml1(): CssBuilder<T & {
|
|
2159
|
+
scrollMarginLeft: csstype.Property.ScrollMarginLeft<string | 0> | undefined;
|
|
2160
|
+
}, S>;
|
|
2161
|
+
/** Sets `scrollMarginLeft: "calc(var(--t-spacing) * 2)"`. */
|
|
2162
|
+
get sml2(): CssBuilder<T & {
|
|
2163
|
+
scrollMarginLeft: csstype.Property.ScrollMarginLeft<string | 0> | undefined;
|
|
2164
|
+
}, S>;
|
|
2165
|
+
/** Sets `scrollMarginLeft: "calc(var(--t-spacing) * 3)"`. */
|
|
2166
|
+
get sml3(): CssBuilder<T & {
|
|
2167
|
+
scrollMarginLeft: csstype.Property.ScrollMarginLeft<string | 0> | undefined;
|
|
2168
|
+
}, S>;
|
|
2169
|
+
/** Sets `scrollMarginLeft: "calc(var(--t-spacing) * 4)"`. */
|
|
2170
|
+
get sml4(): CssBuilder<T & {
|
|
2171
|
+
scrollMarginLeft: csstype.Property.ScrollMarginLeft<string | 0> | undefined;
|
|
2172
|
+
}, S>;
|
|
2173
|
+
/** Sets `scrollMarginLeft: "calc(var(--t-spacing) * 5)"`. */
|
|
2174
|
+
get sml5(): CssBuilder<T & {
|
|
2175
|
+
scrollMarginLeft: csstype.Property.ScrollMarginLeft<string | 0> | undefined;
|
|
2176
|
+
}, S>;
|
|
2177
|
+
/** Sets `scrollMarginLeft: "calc(var(--t-spacing) * 6)"`. */
|
|
2178
|
+
get sml6(): CssBuilder<T & {
|
|
2179
|
+
scrollMarginLeft: csstype.Property.ScrollMarginLeft<string | 0> | undefined;
|
|
2180
|
+
}, S>;
|
|
2181
|
+
/** Sets `scrollMarginLeft: "calc(var(--t-spacing) * 7)"`. */
|
|
2182
|
+
get sml7(): CssBuilder<T & {
|
|
2183
|
+
scrollMarginLeft: csstype.Property.ScrollMarginLeft<string | 0> | undefined;
|
|
2184
|
+
}, S>;
|
|
2185
|
+
/** Sets `scrollMarginLeft: "calc(var(--t-spacing) * 8)"`. */
|
|
2186
|
+
get sml8(): CssBuilder<T & {
|
|
2187
|
+
scrollMarginLeft: csstype.Property.ScrollMarginLeft<string | 0> | undefined;
|
|
2188
|
+
}, S>;
|
|
2189
|
+
/** Sets `scrollMarginLeft: "v"`. */
|
|
2190
|
+
sml(v: number | string): CssBuilder<T & {
|
|
2191
|
+
scrollMarginLeft: csstype.Property.ScrollMarginLeft<string | 0> | undefined;
|
|
2192
|
+
}, S>;
|
|
2193
|
+
/** Sets `scrollMarginLeft: px`. */
|
|
2194
|
+
smlPx(px: number): CssBuilder<T & {
|
|
2195
|
+
scrollMarginLeft: csstype.Property.ScrollMarginLeft<string | 0> | undefined;
|
|
2196
|
+
}, S>;
|
|
2197
|
+
/** Sets `scrollPadding: value`. */
|
|
2198
|
+
scrollPadding(value: Properties["scrollPadding"]): CssBuilder<T & {
|
|
2199
|
+
scrollPadding: csstype.Property.ScrollPadding<string | 0> | undefined;
|
|
2200
|
+
}, S>;
|
|
2201
|
+
/** Sets `scrollPaddingInline: value`. */
|
|
2202
|
+
scrollPaddingInline(value: Properties["scrollPaddingInline"]): CssBuilder<T & {
|
|
2203
|
+
scrollPaddingInline: csstype.Property.ScrollPaddingInline<string | 0> | undefined;
|
|
2204
|
+
}, S>;
|
|
2205
|
+
/** Sets `scrollPaddingBlock: value`. */
|
|
2206
|
+
scrollPaddingBlock(value: Properties["scrollPaddingBlock"]): CssBuilder<T & {
|
|
2207
|
+
scrollPaddingBlock: csstype.Property.ScrollPaddingBlock<string | 0> | undefined;
|
|
2208
|
+
}, S>;
|
|
2209
|
+
/** Sets `scrollBehavior: "smooth"`. */
|
|
2210
|
+
get scrollSmooth(): CssBuilder<T & {
|
|
2211
|
+
scrollBehavior: csstype.Property.ScrollBehavior | undefined;
|
|
2212
|
+
}, S>;
|
|
2213
|
+
/** Sets `scrollBehavior: value`. */
|
|
2214
|
+
scrollBehavior(value: Properties["scrollBehavior"]): CssBuilder<T & {
|
|
2215
|
+
scrollBehavior: csstype.Property.ScrollBehavior | undefined;
|
|
2216
|
+
}, S>;
|
|
2217
|
+
/** Sets `overscrollBehavior: "contain"`. */
|
|
2218
|
+
get overscrollContain(): CssBuilder<T & {
|
|
2219
|
+
overscrollBehavior: csstype.Property.OverscrollBehavior | undefined;
|
|
2220
|
+
}, S>;
|
|
2221
|
+
/** Sets `overscrollBehavior: value`. */
|
|
2222
|
+
overscrollBehavior(value: Properties["overscrollBehavior"]): CssBuilder<T & {
|
|
2223
|
+
overscrollBehavior: csstype.Property.OverscrollBehavior | undefined;
|
|
2224
|
+
}, S>;
|
|
1899
2225
|
/** Sets `scrollSnapAlign: value`. */
|
|
1900
2226
|
ssa(value: Properties["scrollSnapAlign"]): CssBuilder<T & {
|
|
1901
2227
|
scrollSnapAlign: csstype.Property.ScrollSnapAlign | undefined;
|
|
@@ -2808,6 +3134,14 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
2808
3134
|
fill(value: Properties["fill"]): CssBuilder<T & {
|
|
2809
3135
|
fill: csstype.Property.Fill | undefined;
|
|
2810
3136
|
}, S>;
|
|
3137
|
+
/** Sets `accentColor: value`. */
|
|
3138
|
+
accentColor(value: Properties["accentColor"]): CssBuilder<T & {
|
|
3139
|
+
accentColor: csstype.Property.AccentColor | undefined;
|
|
3140
|
+
}, S>;
|
|
3141
|
+
/** Sets `caretColor: value`. */
|
|
3142
|
+
caretColor(value: Properties["caretColor"]): CssBuilder<T & {
|
|
3143
|
+
caretColor: csstype.Property.CaretColor | undefined;
|
|
3144
|
+
}, S>;
|
|
2811
3145
|
/** Sets `marginTop: "calc(var(--t-spacing) * 0)"`. */
|
|
2812
3146
|
get mt0(): CssBuilder<T & {
|
|
2813
3147
|
marginTop: csstype.Property.MarginTop<string | 0> | undefined;
|
|
@@ -3682,6 +4016,18 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
3682
4016
|
} & {
|
|
3683
4017
|
paddingLeft: csstype.Property.PaddingLeft<string | 0> | undefined;
|
|
3684
4018
|
}, S>;
|
|
4019
|
+
/** Sets `borderCollapse: value`. */
|
|
4020
|
+
borderCollapse(value: Properties["borderCollapse"]): CssBuilder<T & {
|
|
4021
|
+
borderCollapse: csstype.Property.BorderCollapse | undefined;
|
|
4022
|
+
}, S>;
|
|
4023
|
+
/** Sets `borderSpacing: value`. */
|
|
4024
|
+
borderSpacing(value: Properties["borderSpacing"]): CssBuilder<T & {
|
|
4025
|
+
borderSpacing: csstype.Property.BorderSpacing<string | 0> | undefined;
|
|
4026
|
+
}, S>;
|
|
4027
|
+
/** Sets `tableLayout: value`. */
|
|
4028
|
+
tableLayout(value: Properties["tableLayout"]): CssBuilder<T & {
|
|
4029
|
+
tableLayout: csstype.Property.TableLayout | undefined;
|
|
4030
|
+
}, S>;
|
|
3685
4031
|
/** Sets `textAlign: "left"`. */
|
|
3686
4032
|
get tal(): CssBuilder<T & {
|
|
3687
4033
|
textAlign: csstype.Property.TextAlign | undefined;
|
|
@@ -3738,6 +4084,18 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
3738
4084
|
tt(value: Properties["textTransform"]): CssBuilder<T & {
|
|
3739
4085
|
textTransform: csstype.Property.TextTransform | undefined;
|
|
3740
4086
|
}, S>;
|
|
4087
|
+
/** Sets `touchAction: "none"`. */
|
|
4088
|
+
get touchNone(): CssBuilder<T & {
|
|
4089
|
+
touchAction: csstype.Property.TouchAction | undefined;
|
|
4090
|
+
}, S>;
|
|
4091
|
+
/** Sets `touchAction: "pan-y"`. */
|
|
4092
|
+
get touchPanY(): CssBuilder<T & {
|
|
4093
|
+
touchAction: csstype.Property.TouchAction | undefined;
|
|
4094
|
+
}, S>;
|
|
4095
|
+
/** Sets `touchAction: value`. */
|
|
4096
|
+
touchAction(value: Properties["touchAction"]): CssBuilder<T & {
|
|
4097
|
+
touchAction: csstype.Property.TouchAction | undefined;
|
|
4098
|
+
}, S>;
|
|
3741
4099
|
/** Sets `backfaceVisibility: value`. */
|
|
3742
4100
|
backfaceVisibility(value: Properties["backfaceVisibility"]): CssBuilder<T & {
|
|
3743
4101
|
backfaceVisibility: csstype.Property.BackfaceVisibility | undefined;
|
|
@@ -3778,33 +4136,9 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
3778
4136
|
translate(value: Properties["translate"]): CssBuilder<T & {
|
|
3779
4137
|
translate: csstype.Property.Translate<string | 0> | undefined;
|
|
3780
4138
|
}, S>;
|
|
3781
|
-
/** Sets `
|
|
3782
|
-
|
|
3783
|
-
|
|
3784
|
-
}, S>;
|
|
3785
|
-
/** Sets `transition: "width 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
|
|
3786
|
-
get transitionWidth(): CssBuilder<T & {
|
|
3787
|
-
transition: csstype.Property.Transition<string> | undefined;
|
|
3788
|
-
}, S>;
|
|
3789
|
-
/** Sets `transition: "opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
|
|
3790
|
-
get transitionOpacity(): CssBuilder<T & {
|
|
3791
|
-
transition: csstype.Property.Transition<string> | undefined;
|
|
3792
|
-
}, S>;
|
|
3793
|
-
/** Sets `transition: "transform 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
|
|
3794
|
-
get transitionTransform(): CssBuilder<T & {
|
|
3795
|
-
transition: csstype.Property.Transition<string> | undefined;
|
|
3796
|
-
}, S>;
|
|
3797
|
-
/** Sets `transition: "height 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
|
|
3798
|
-
get transitionHeight(): CssBuilder<T & {
|
|
3799
|
-
transition: csstype.Property.Transition<string> | undefined;
|
|
3800
|
-
}, S>;
|
|
3801
|
-
/** Sets `transition: "top 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
|
|
3802
|
-
get transitionTop(): CssBuilder<T & {
|
|
3803
|
-
transition: csstype.Property.Transition<string> | undefined;
|
|
3804
|
-
}, S>;
|
|
3805
|
-
/** Sets `transition: "all 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
|
|
3806
|
-
get transitionAll(): CssBuilder<T & {
|
|
3807
|
-
transition: csstype.Property.Transition<string> | undefined;
|
|
4139
|
+
/** Sets `willChange: value`. */
|
|
4140
|
+
willChange(value: Properties["willChange"]): CssBuilder<T & {
|
|
4141
|
+
willChange: csstype.Property.WillChange | undefined;
|
|
3808
4142
|
}, S>;
|
|
3809
4143
|
/** Sets `fontWeight: 400; fontSize: "10px"; lineHeight: "14px"`. */
|
|
3810
4144
|
get xs2(): CssBuilder<T & {
|
|
@@ -3942,6 +4276,38 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
3942
4276
|
lhPx(px: number): CssBuilder<T & {
|
|
3943
4277
|
lineHeight: csstype.Property.LineHeight<string | 0> | undefined;
|
|
3944
4278
|
}, S>;
|
|
4279
|
+
/** Sets `letterSpacing: value`. */
|
|
4280
|
+
ls(value: Properties["letterSpacing"]): CssBuilder<T & {
|
|
4281
|
+
letterSpacing: csstype.Property.LetterSpacing<string | 0> | undefined;
|
|
4282
|
+
}, S>;
|
|
4283
|
+
/** Sets `letterSpacing: px`. */
|
|
4284
|
+
lsPx(px: number): CssBuilder<T & {
|
|
4285
|
+
letterSpacing: csstype.Property.LetterSpacing<string | 0> | undefined;
|
|
4286
|
+
}, S>;
|
|
4287
|
+
/** Sets `textWrap: "balance"`. */
|
|
4288
|
+
get twb(): CssBuilder<T & {
|
|
4289
|
+
textWrap: csstype.Property.TextWrap | undefined;
|
|
4290
|
+
}, S>;
|
|
4291
|
+
/** Sets `textWrap: "pretty"`. */
|
|
4292
|
+
get twp(): CssBuilder<T & {
|
|
4293
|
+
textWrap: csstype.Property.TextWrap | undefined;
|
|
4294
|
+
}, S>;
|
|
4295
|
+
/** Sets `textWrap: value`. */
|
|
4296
|
+
tw(value: Properties["textWrap"]): CssBuilder<T & {
|
|
4297
|
+
textWrap: csstype.Property.TextWrap | undefined;
|
|
4298
|
+
}, S>;
|
|
4299
|
+
/** Sets `fontVariantNumeric: "tabular-nums"`. */
|
|
4300
|
+
get tabularNums(): CssBuilder<T & {
|
|
4301
|
+
fontVariantNumeric: csstype.Property.FontVariantNumeric | undefined;
|
|
4302
|
+
}, S>;
|
|
4303
|
+
/** Sets `fontVariantNumeric: value`. */
|
|
4304
|
+
fontVariantNumeric(value: Properties["fontVariantNumeric"]): CssBuilder<T & {
|
|
4305
|
+
fontVariantNumeric: csstype.Property.FontVariantNumeric | undefined;
|
|
4306
|
+
}, S>;
|
|
4307
|
+
/** Sets `content: value`. */
|
|
4308
|
+
content(value: Properties["content"]): CssBuilder<T & {
|
|
4309
|
+
content: csstype.Property.Content | undefined;
|
|
4310
|
+
}, S>;
|
|
3945
4311
|
/** Sets `userSelect: "none"`. */
|
|
3946
4312
|
get usn(): CssBuilder<T & {
|
|
3947
4313
|
userSelect: csstype.Property.UserSelect | undefined;
|
|
@@ -4274,6 +4640,50 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
4274
4640
|
fontFamily(value: Properties["fontFamily"]): CssBuilder<T & {
|
|
4275
4641
|
fontFamily: csstype.Property.FontFamily | undefined;
|
|
4276
4642
|
}, S>;
|
|
4643
|
+
/** Sets `borderRadius: "0"`. */
|
|
4644
|
+
get br0(): CssBuilder<T & {
|
|
4645
|
+
borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
|
|
4646
|
+
}, S>;
|
|
4647
|
+
/** Sets `borderRadius: "4px"`. */
|
|
4648
|
+
get br4(): CssBuilder<T & {
|
|
4649
|
+
borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
|
|
4650
|
+
}, S>;
|
|
4651
|
+
/** Sets `borderRadius: "8px"`. */
|
|
4652
|
+
get br8(): CssBuilder<T & {
|
|
4653
|
+
borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
|
|
4654
|
+
}, S>;
|
|
4655
|
+
/** Sets `borderRadius: "12px"`. */
|
|
4656
|
+
get br12(): CssBuilder<T & {
|
|
4657
|
+
borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
|
|
4658
|
+
}, S>;
|
|
4659
|
+
/** Sets `borderRadius: "16px"`. */
|
|
4660
|
+
get br16(): CssBuilder<T & {
|
|
4661
|
+
borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
|
|
4662
|
+
}, S>;
|
|
4663
|
+
/** Sets `borderRadius: "24px"`. */
|
|
4664
|
+
get br24(): CssBuilder<T & {
|
|
4665
|
+
borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
|
|
4666
|
+
}, S>;
|
|
4667
|
+
/** Sets `borderRadius: "100%"`. */
|
|
4668
|
+
get br100(): CssBuilder<T & {
|
|
4669
|
+
borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
|
|
4670
|
+
}, S>;
|
|
4671
|
+
/** Sets `borderRadius: value`. */
|
|
4672
|
+
borderRadius(value: Properties["borderRadius"]): CssBuilder<T & {
|
|
4673
|
+
borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
|
|
4674
|
+
}, S>;
|
|
4675
|
+
/** Sets `borderTopRightRadius: "4px"; borderTopLeftRadius: "4px"`. */
|
|
4676
|
+
get brt4(): CssBuilder<T & {
|
|
4677
|
+
borderTopRightRadius: csstype.Property.BorderTopRightRadius<string | 0> | undefined;
|
|
4678
|
+
} & {
|
|
4679
|
+
borderTopLeftRadius: csstype.Property.BorderTopLeftRadius<string | 0> | undefined;
|
|
4680
|
+
}, S>;
|
|
4681
|
+
/** Sets `borderBottomRightRadius: "4px"; borderBottomLeftRadius: "4px"`. */
|
|
4682
|
+
get brb4(): CssBuilder<T & {
|
|
4683
|
+
borderBottomRightRadius: csstype.Property.BorderBottomRightRadius<string | 0> | undefined;
|
|
4684
|
+
} & {
|
|
4685
|
+
borderBottomLeftRadius: csstype.Property.BorderBottomLeftRadius<string | 0> | undefined;
|
|
4686
|
+
}, S>;
|
|
4277
4687
|
/** Sets `width: "min(100%, calc(calc(var(--beam-layout-viewport-width, 100vw) - var(--beam-side-nav-layout-width, 0px)) - 2 * var(--beam-layout-content-padding-x, 0px)))"; left: "calc(var(--beam-side-nav-layout-width, 0px) + var(--beam-layout-content-padding-x, 0px))"; position: "sticky"`. */
|
|
4278
4688
|
get layoutContainer(): CssBuilder<T & {
|
|
4279
4689
|
width: csstype.Property.Width<string | 0> | undefined;
|
|
@@ -4282,6 +4692,62 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
|
|
|
4282
4692
|
} & {
|
|
4283
4693
|
position: csstype.Property.Position | undefined;
|
|
4284
4694
|
}, S>;
|
|
4695
|
+
/** Sets `transition: "background-color 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), left 200ms cubic-bezier(0.4, 0, 0.2, 1), right 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
|
|
4696
|
+
get transition(): CssBuilder<T & {
|
|
4697
|
+
transition: csstype.Property.Transition<string> | undefined;
|
|
4698
|
+
}, S>;
|
|
4699
|
+
/** Sets `transition: "width 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
|
|
4700
|
+
get transitionWidth(): CssBuilder<T & {
|
|
4701
|
+
transition: csstype.Property.Transition<string> | undefined;
|
|
4702
|
+
}, S>;
|
|
4703
|
+
/** Sets `transition: "opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
|
|
4704
|
+
get transitionOpacity(): CssBuilder<T & {
|
|
4705
|
+
transition: csstype.Property.Transition<string> | undefined;
|
|
4706
|
+
}, S>;
|
|
4707
|
+
/** Sets `transition: "transform 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
|
|
4708
|
+
get transitionTransform(): CssBuilder<T & {
|
|
4709
|
+
transition: csstype.Property.Transition<string> | undefined;
|
|
4710
|
+
}, S>;
|
|
4711
|
+
/** Sets `transition: "height 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
|
|
4712
|
+
get transitionHeight(): CssBuilder<T & {
|
|
4713
|
+
transition: csstype.Property.Transition<string> | undefined;
|
|
4714
|
+
}, S>;
|
|
4715
|
+
/** Sets `transition: "top 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
|
|
4716
|
+
get transitionTop(): CssBuilder<T & {
|
|
4717
|
+
transition: csstype.Property.Transition<string> | undefined;
|
|
4718
|
+
}, S>;
|
|
4719
|
+
/** Sets `transition: "all 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
|
|
4720
|
+
get transitionAll(): CssBuilder<T & {
|
|
4721
|
+
transition: csstype.Property.Transition<string> | undefined;
|
|
4722
|
+
}, S>;
|
|
4723
|
+
/** Sets `boxShadow: "none"`. */
|
|
4724
|
+
get bsh0(): CssBuilder<T & {
|
|
4725
|
+
boxShadow: csstype.Property.BoxShadow | undefined;
|
|
4726
|
+
}, S>;
|
|
4727
|
+
/** Sets `boxShadow: "0px 4px 8px rgba(53, 53, 53, 0.08), 0px 2px 16px rgba(53, 53, 53, 0.03);"`. */
|
|
4728
|
+
get bshBasic(): CssBuilder<T & {
|
|
4729
|
+
boxShadow: csstype.Property.BoxShadow | undefined;
|
|
4730
|
+
}, S>;
|
|
4731
|
+
/** Sets `boxShadow: "0px 4px 8px rgba(53, 53, 53, 0.1), 0px 2px 24px rgba(53, 53, 53, 0.08);"`. */
|
|
4732
|
+
get bshHover(): CssBuilder<T & {
|
|
4733
|
+
boxShadow: csstype.Property.BoxShadow | undefined;
|
|
4734
|
+
}, S>;
|
|
4735
|
+
/** Sets `boxShadow: "0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(29, 78, 216, 1)"`. */
|
|
4736
|
+
get bshFocus(): CssBuilder<T & {
|
|
4737
|
+
boxShadow: csstype.Property.BoxShadow | undefined;
|
|
4738
|
+
}, S>;
|
|
4739
|
+
/** Sets `boxShadow: "0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(153, 27, 27, 1)"`. */
|
|
4740
|
+
get bshDanger(): CssBuilder<T & {
|
|
4741
|
+
boxShadow: csstype.Property.BoxShadow | undefined;
|
|
4742
|
+
}, S>;
|
|
4743
|
+
/** Sets `boxShadow: "0px 20px 25px -5px rgba(0,0,0,0.1), 0px 10px 10px -5px rgba(0,0,0,0.04)"`. */
|
|
4744
|
+
get bshModal(): CssBuilder<T & {
|
|
4745
|
+
boxShadow: csstype.Property.BoxShadow | undefined;
|
|
4746
|
+
}, S>;
|
|
4747
|
+
/** Sets `boxShadow: value`. */
|
|
4748
|
+
boxShadow(value: Properties["boxShadow"]): CssBuilder<T & {
|
|
4749
|
+
boxShadow: csstype.Property.BoxShadow | undefined;
|
|
4750
|
+
}, S>;
|
|
4285
4751
|
/** Sets `fontWeight: 600; fontSize: "14px"; lineHeight: "20px"; outline: 0; borderRadius: "8px"; display: "inline-flex"; alignItems: "center"; whiteSpace: "nowrap"; transition: "background-color 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), left 200ms cubic-bezier(0.4, 0, 0.2, 1), right 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
|
|
4286
4752
|
get buttonBase(): CssBuilder<T & {
|
|
4287
4753
|
fontWeight: csstype.Property.FontWeight | undefined;
|
|
@@ -5843,7 +6309,7 @@ type GridStyleDef = {
|
|
|
5843
6309
|
bordered?: boolean;
|
|
5844
6310
|
/** Whether to show a hover effect on rows. Defaults to true */
|
|
5845
6311
|
rowHover?: boolean;
|
|
5846
|
-
/**
|
|
6312
|
+
/** Vertical alignment of body cell content (not headers). Defaults to `top` for flexible rows and `center` for fixed rows. */
|
|
5847
6313
|
vAlign?: "top" | "center" | "bottom";
|
|
5848
6314
|
/** Defines the Typography for the table body's cells (not the header). This only applies to rows that are not nested/grouped */
|
|
5849
6315
|
cellTypography?: Typography;
|
|
@@ -7182,6 +7648,8 @@ type GridTableProps<R extends Kinded, X> = {
|
|
|
7182
7648
|
* The storage key is automatically generated using the current URL pathname and the table's `id`.
|
|
7183
7649
|
*/
|
|
7184
7650
|
persistScrollPosition?: boolean;
|
|
7651
|
+
/** Dims the table and blocks clicks on it, i.e. while a refetch is in flight over the prior rows. */
|
|
7652
|
+
loading?: boolean;
|
|
7185
7653
|
xss?: X;
|
|
7186
7654
|
/** Accepts the api, from `useGridTableApi`, that the caller wants to use for this table. */
|
|
7187
7655
|
api?: GridTableApi<R>;
|
|
@@ -7344,6 +7812,8 @@ type QueryResult<QData> = {
|
|
|
7344
7812
|
message: string;
|
|
7345
7813
|
};
|
|
7346
7814
|
data?: QData;
|
|
7815
|
+
/** Apollo's last successful result; kept on screen while a refetch is in flight. */
|
|
7816
|
+
previousData?: QData;
|
|
7347
7817
|
};
|
|
7348
7818
|
|
|
7349
7819
|
/** Shared action button props used across layout header and panel components. */
|
|
@@ -8908,7 +9378,6 @@ declare function resolveWithRightPaneOptions(withRightPane: WithRightPane | unde
|
|
|
8908
9378
|
|
|
8909
9379
|
type QueryTablePropsWithQuery<R extends Kinded, X extends Only<GridTableXss, X>, QData> = BaseQueryTableProps<R, X, QData> & {
|
|
8910
9380
|
emptyFallback?: string;
|
|
8911
|
-
keepHeaderWhenLoading?: boolean;
|
|
8912
9381
|
};
|
|
8913
9382
|
type GridTableLayoutProps<F extends Record<string, unknown>, R extends Kinded, X extends Only<GridTableXss, X>, QData> = {
|
|
8914
9383
|
tableProps: GridTablePropsWithRows<R, X> | QueryTablePropsWithQuery<R, X, QData>;
|
|
@@ -9216,7 +9685,7 @@ declare function TableReviewLayout<R extends Kinded, X extends Only<GridTableXss
|
|
|
9216
9685
|
type LoaderProps = {
|
|
9217
9686
|
size?: "xs" | "sm" | "md" | "lg";
|
|
9218
9687
|
};
|
|
9219
|
-
declare function Loader(
|
|
9688
|
+
declare function Loader(props: LoaderProps): React$1.JSX.Element;
|
|
9220
9689
|
|
|
9221
9690
|
/**
|
|
9222
9691
|
* Sizing for a logo, in `Css` increments, i.e. 5 == 40px.
|
|
@@ -11074,6 +11543,7 @@ declare const zIndices: {
|
|
|
11074
11543
|
readonly tableActions: 45;
|
|
11075
11544
|
readonly scrollToTop: 50;
|
|
11076
11545
|
readonly scrollShadow: 50;
|
|
11546
|
+
readonly tableLoadingOverlay: 55;
|
|
11077
11547
|
readonly rightPane: 60;
|
|
11078
11548
|
readonly rightPaneTriggers: 65;
|
|
11079
11549
|
readonly pageStickyHeader: 70;
|