@dynatrace/strato-components 0.85.0 → 0.85.10
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/README.md +1 -1
- package/buttons/button/Button.css +92 -0
- package/buttons/button/Button.d.ts +94 -0
- package/buttons/button/Button.js +258 -0
- package/buttons/button/Button.sty.d.ts +51 -0
- package/buttons/button/Button.sty.js +33 -0
- package/buttons/button/Label.d.ts +16 -0
- package/buttons/button/Label.js +60 -0
- package/buttons/button/Prefix.d.ts +16 -0
- package/buttons/button/Prefix.js +54 -0
- package/buttons/button/Suffix.d.ts +16 -0
- package/buttons/button/Suffix.js +56 -0
- package/buttons/button/types/button-aria.d.ts +37 -0
- package/buttons/button/types/button-aria.js +15 -0
- package/buttons/button/utils/focus-without-scrolling.d.ts +5 -0
- package/buttons/button/utils/focus-without-scrolling.js +77 -0
- package/buttons/button/utils/is-virtual-event.d.ts +10 -0
- package/buttons/button/utils/is-virtual-event.js +32 -0
- package/buttons/index.d.ts +8 -0
- package/buttons/index.js +28 -0
- package/content/progress/ProgressBar.js +1 -2
- package/content/progress/ProgressCircle.js +1 -2
- package/esm/buttons/button/Button.css +92 -0
- package/esm/buttons/button/Button.js +233 -0
- package/esm/buttons/button/Button.js.map +7 -0
- package/esm/buttons/button/Button.sty.js +15 -0
- package/esm/buttons/button/Button.sty.js.map +7 -0
- package/esm/buttons/button/Label.js +32 -0
- package/esm/buttons/button/Label.js.map +7 -0
- package/esm/buttons/button/Prefix.js +26 -0
- package/esm/buttons/button/Prefix.js.map +7 -0
- package/esm/buttons/button/Suffix.js +28 -0
- package/esm/buttons/button/Suffix.js.map +7 -0
- package/esm/buttons/button/types/button-aria.js +1 -0
- package/esm/buttons/button/types/button-aria.js.map +7 -0
- package/esm/buttons/button/utils/focus-without-scrolling.js +59 -0
- package/esm/buttons/button/utils/focus-without-scrolling.js.map +7 -0
- package/esm/buttons/button/utils/is-virtual-event.js +14 -0
- package/esm/buttons/button/utils/is-virtual-event.js.map +7 -0
- package/esm/buttons/index.js +13 -0
- package/esm/buttons/index.js.map +7 -0
- package/esm/content/progress/ProgressBar.js +2 -3
- package/esm/content/progress/ProgressBar.js.map +2 -2
- package/esm/content/progress/ProgressCircle.js +2 -3
- package/esm/content/progress/ProgressCircle.js.map +2 -2
- package/esm/index.js +1 -0
- package/esm/index.js.map +2 -2
- package/esm/styles/field.css +208 -0
- package/esm/styles/field.sty.js +9 -0
- package/esm/styles/field.sty.js.map +7 -0
- package/esm/typography/Code/Code.js.map +1 -1
- package/esm/typography/ExternalLink/ExternalLink.js.map +1 -1
- package/esm/typography/Link/Link.js.map +1 -1
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/lang/en.json +6 -0
- package/lang/uncompiled/en.json +4 -0
- package/package.json +11 -4
- package/styles/field.css +208 -0
- package/styles/field.sty.d.ts +102 -0
- package/styles/field.sty.js +27 -0
- package/styles/sprinkles.sty.d.ts +107 -107
- package/typography/Code/Code.d.ts +1 -1
- package/typography/ExternalLink/ExternalLink.d.ts +1 -1
- package/typography/Link/Link.d.ts +1 -1
|
@@ -19,19 +19,16 @@ export declare const globalSprinkleProperties: {
|
|
|
19
19
|
6: {
|
|
20
20
|
defaultClass: string;
|
|
21
21
|
};
|
|
22
|
-
16: {
|
|
23
|
-
defaultClass: string;
|
|
24
|
-
};
|
|
25
22
|
8: {
|
|
26
23
|
defaultClass: string;
|
|
27
24
|
};
|
|
28
|
-
|
|
25
|
+
12: {
|
|
29
26
|
defaultClass: string;
|
|
30
27
|
};
|
|
31
|
-
|
|
28
|
+
16: {
|
|
32
29
|
defaultClass: string;
|
|
33
30
|
};
|
|
34
|
-
|
|
31
|
+
20: {
|
|
35
32
|
defaultClass: string;
|
|
36
33
|
};
|
|
37
34
|
24: {
|
|
@@ -40,6 +37,9 @@ export declare const globalSprinkleProperties: {
|
|
|
40
37
|
32: {
|
|
41
38
|
defaultClass: string;
|
|
42
39
|
};
|
|
40
|
+
40: {
|
|
41
|
+
defaultClass: string;
|
|
42
|
+
};
|
|
43
43
|
48: {
|
|
44
44
|
defaultClass: string;
|
|
45
45
|
};
|
|
@@ -65,19 +65,16 @@ export declare const globalSprinkleProperties: {
|
|
|
65
65
|
6: {
|
|
66
66
|
defaultClass: string;
|
|
67
67
|
};
|
|
68
|
-
16: {
|
|
69
|
-
defaultClass: string;
|
|
70
|
-
};
|
|
71
68
|
8: {
|
|
72
69
|
defaultClass: string;
|
|
73
70
|
};
|
|
74
|
-
|
|
71
|
+
12: {
|
|
75
72
|
defaultClass: string;
|
|
76
73
|
};
|
|
77
|
-
|
|
74
|
+
16: {
|
|
78
75
|
defaultClass: string;
|
|
79
76
|
};
|
|
80
|
-
|
|
77
|
+
20: {
|
|
81
78
|
defaultClass: string;
|
|
82
79
|
};
|
|
83
80
|
24: {
|
|
@@ -86,6 +83,9 @@ export declare const globalSprinkleProperties: {
|
|
|
86
83
|
32: {
|
|
87
84
|
defaultClass: string;
|
|
88
85
|
};
|
|
86
|
+
40: {
|
|
87
|
+
defaultClass: string;
|
|
88
|
+
};
|
|
89
89
|
48: {
|
|
90
90
|
defaultClass: string;
|
|
91
91
|
};
|
|
@@ -111,19 +111,16 @@ export declare const globalSprinkleProperties: {
|
|
|
111
111
|
6: {
|
|
112
112
|
defaultClass: string;
|
|
113
113
|
};
|
|
114
|
-
16: {
|
|
115
|
-
defaultClass: string;
|
|
116
|
-
};
|
|
117
114
|
8: {
|
|
118
115
|
defaultClass: string;
|
|
119
116
|
};
|
|
120
|
-
|
|
117
|
+
12: {
|
|
121
118
|
defaultClass: string;
|
|
122
119
|
};
|
|
123
|
-
|
|
120
|
+
16: {
|
|
124
121
|
defaultClass: string;
|
|
125
122
|
};
|
|
126
|
-
|
|
123
|
+
20: {
|
|
127
124
|
defaultClass: string;
|
|
128
125
|
};
|
|
129
126
|
24: {
|
|
@@ -132,6 +129,9 @@ export declare const globalSprinkleProperties: {
|
|
|
132
129
|
32: {
|
|
133
130
|
defaultClass: string;
|
|
134
131
|
};
|
|
132
|
+
40: {
|
|
133
|
+
defaultClass: string;
|
|
134
|
+
};
|
|
135
135
|
48: {
|
|
136
136
|
defaultClass: string;
|
|
137
137
|
};
|
|
@@ -157,19 +157,16 @@ export declare const globalSprinkleProperties: {
|
|
|
157
157
|
6: {
|
|
158
158
|
defaultClass: string;
|
|
159
159
|
};
|
|
160
|
-
16: {
|
|
161
|
-
defaultClass: string;
|
|
162
|
-
};
|
|
163
160
|
8: {
|
|
164
161
|
defaultClass: string;
|
|
165
162
|
};
|
|
166
|
-
|
|
163
|
+
12: {
|
|
167
164
|
defaultClass: string;
|
|
168
165
|
};
|
|
169
|
-
|
|
166
|
+
16: {
|
|
170
167
|
defaultClass: string;
|
|
171
168
|
};
|
|
172
|
-
|
|
169
|
+
20: {
|
|
173
170
|
defaultClass: string;
|
|
174
171
|
};
|
|
175
172
|
24: {
|
|
@@ -178,6 +175,9 @@ export declare const globalSprinkleProperties: {
|
|
|
178
175
|
32: {
|
|
179
176
|
defaultClass: string;
|
|
180
177
|
};
|
|
178
|
+
40: {
|
|
179
|
+
defaultClass: string;
|
|
180
|
+
};
|
|
181
181
|
48: {
|
|
182
182
|
defaultClass: string;
|
|
183
183
|
};
|
|
@@ -203,19 +203,16 @@ export declare const globalSprinkleProperties: {
|
|
|
203
203
|
6: {
|
|
204
204
|
defaultClass: string;
|
|
205
205
|
};
|
|
206
|
-
16: {
|
|
207
|
-
defaultClass: string;
|
|
208
|
-
};
|
|
209
206
|
8: {
|
|
210
207
|
defaultClass: string;
|
|
211
208
|
};
|
|
212
|
-
|
|
209
|
+
12: {
|
|
213
210
|
defaultClass: string;
|
|
214
211
|
};
|
|
215
|
-
|
|
212
|
+
16: {
|
|
216
213
|
defaultClass: string;
|
|
217
214
|
};
|
|
218
|
-
|
|
215
|
+
20: {
|
|
219
216
|
defaultClass: string;
|
|
220
217
|
};
|
|
221
218
|
24: {
|
|
@@ -224,6 +221,9 @@ export declare const globalSprinkleProperties: {
|
|
|
224
221
|
32: {
|
|
225
222
|
defaultClass: string;
|
|
226
223
|
};
|
|
224
|
+
40: {
|
|
225
|
+
defaultClass: string;
|
|
226
|
+
};
|
|
227
227
|
48: {
|
|
228
228
|
defaultClass: string;
|
|
229
229
|
};
|
|
@@ -249,19 +249,16 @@ export declare const globalSprinkleProperties: {
|
|
|
249
249
|
6: {
|
|
250
250
|
defaultClass: string;
|
|
251
251
|
};
|
|
252
|
-
16: {
|
|
253
|
-
defaultClass: string;
|
|
254
|
-
};
|
|
255
252
|
8: {
|
|
256
253
|
defaultClass: string;
|
|
257
254
|
};
|
|
258
|
-
|
|
255
|
+
12: {
|
|
259
256
|
defaultClass: string;
|
|
260
257
|
};
|
|
261
|
-
|
|
258
|
+
16: {
|
|
262
259
|
defaultClass: string;
|
|
263
260
|
};
|
|
264
|
-
|
|
261
|
+
20: {
|
|
265
262
|
defaultClass: string;
|
|
266
263
|
};
|
|
267
264
|
24: {
|
|
@@ -270,6 +267,9 @@ export declare const globalSprinkleProperties: {
|
|
|
270
267
|
32: {
|
|
271
268
|
defaultClass: string;
|
|
272
269
|
};
|
|
270
|
+
40: {
|
|
271
|
+
defaultClass: string;
|
|
272
|
+
};
|
|
273
273
|
48: {
|
|
274
274
|
defaultClass: string;
|
|
275
275
|
};
|
|
@@ -295,19 +295,16 @@ export declare const globalSprinkleProperties: {
|
|
|
295
295
|
6: {
|
|
296
296
|
defaultClass: string;
|
|
297
297
|
};
|
|
298
|
-
16: {
|
|
299
|
-
defaultClass: string;
|
|
300
|
-
};
|
|
301
298
|
8: {
|
|
302
299
|
defaultClass: string;
|
|
303
300
|
};
|
|
304
|
-
|
|
301
|
+
12: {
|
|
305
302
|
defaultClass: string;
|
|
306
303
|
};
|
|
307
|
-
|
|
304
|
+
16: {
|
|
308
305
|
defaultClass: string;
|
|
309
306
|
};
|
|
310
|
-
|
|
307
|
+
20: {
|
|
311
308
|
defaultClass: string;
|
|
312
309
|
};
|
|
313
310
|
24: {
|
|
@@ -316,6 +313,9 @@ export declare const globalSprinkleProperties: {
|
|
|
316
313
|
32: {
|
|
317
314
|
defaultClass: string;
|
|
318
315
|
};
|
|
316
|
+
40: {
|
|
317
|
+
defaultClass: string;
|
|
318
|
+
};
|
|
319
319
|
48: {
|
|
320
320
|
defaultClass: string;
|
|
321
321
|
};
|
|
@@ -344,19 +344,16 @@ export declare const globalSprinkleProperties: {
|
|
|
344
344
|
6: {
|
|
345
345
|
defaultClass: string;
|
|
346
346
|
};
|
|
347
|
-
16: {
|
|
348
|
-
defaultClass: string;
|
|
349
|
-
};
|
|
350
347
|
8: {
|
|
351
348
|
defaultClass: string;
|
|
352
349
|
};
|
|
353
|
-
|
|
350
|
+
12: {
|
|
354
351
|
defaultClass: string;
|
|
355
352
|
};
|
|
356
|
-
|
|
353
|
+
16: {
|
|
357
354
|
defaultClass: string;
|
|
358
355
|
};
|
|
359
|
-
|
|
356
|
+
20: {
|
|
360
357
|
defaultClass: string;
|
|
361
358
|
};
|
|
362
359
|
24: {
|
|
@@ -365,6 +362,9 @@ export declare const globalSprinkleProperties: {
|
|
|
365
362
|
32: {
|
|
366
363
|
defaultClass: string;
|
|
367
364
|
};
|
|
365
|
+
40: {
|
|
366
|
+
defaultClass: string;
|
|
367
|
+
};
|
|
368
368
|
48: {
|
|
369
369
|
defaultClass: string;
|
|
370
370
|
};
|
|
@@ -393,19 +393,16 @@ export declare const globalSprinkleProperties: {
|
|
|
393
393
|
6: {
|
|
394
394
|
defaultClass: string;
|
|
395
395
|
};
|
|
396
|
-
16: {
|
|
397
|
-
defaultClass: string;
|
|
398
|
-
};
|
|
399
396
|
8: {
|
|
400
397
|
defaultClass: string;
|
|
401
398
|
};
|
|
402
|
-
|
|
399
|
+
12: {
|
|
403
400
|
defaultClass: string;
|
|
404
401
|
};
|
|
405
|
-
|
|
402
|
+
16: {
|
|
406
403
|
defaultClass: string;
|
|
407
404
|
};
|
|
408
|
-
|
|
405
|
+
20: {
|
|
409
406
|
defaultClass: string;
|
|
410
407
|
};
|
|
411
408
|
24: {
|
|
@@ -414,6 +411,9 @@ export declare const globalSprinkleProperties: {
|
|
|
414
411
|
32: {
|
|
415
412
|
defaultClass: string;
|
|
416
413
|
};
|
|
414
|
+
40: {
|
|
415
|
+
defaultClass: string;
|
|
416
|
+
};
|
|
417
417
|
48: {
|
|
418
418
|
defaultClass: string;
|
|
419
419
|
};
|
|
@@ -442,19 +442,16 @@ export declare const globalSprinkleProperties: {
|
|
|
442
442
|
6: {
|
|
443
443
|
defaultClass: string;
|
|
444
444
|
};
|
|
445
|
-
16: {
|
|
446
|
-
defaultClass: string;
|
|
447
|
-
};
|
|
448
445
|
8: {
|
|
449
446
|
defaultClass: string;
|
|
450
447
|
};
|
|
451
|
-
|
|
448
|
+
12: {
|
|
452
449
|
defaultClass: string;
|
|
453
450
|
};
|
|
454
|
-
|
|
451
|
+
16: {
|
|
455
452
|
defaultClass: string;
|
|
456
453
|
};
|
|
457
|
-
|
|
454
|
+
20: {
|
|
458
455
|
defaultClass: string;
|
|
459
456
|
};
|
|
460
457
|
24: {
|
|
@@ -463,6 +460,9 @@ export declare const globalSprinkleProperties: {
|
|
|
463
460
|
32: {
|
|
464
461
|
defaultClass: string;
|
|
465
462
|
};
|
|
463
|
+
40: {
|
|
464
|
+
defaultClass: string;
|
|
465
|
+
};
|
|
466
466
|
48: {
|
|
467
467
|
defaultClass: string;
|
|
468
468
|
};
|
|
@@ -491,19 +491,16 @@ export declare const globalSprinkleProperties: {
|
|
|
491
491
|
6: {
|
|
492
492
|
defaultClass: string;
|
|
493
493
|
};
|
|
494
|
-
16: {
|
|
495
|
-
defaultClass: string;
|
|
496
|
-
};
|
|
497
494
|
8: {
|
|
498
495
|
defaultClass: string;
|
|
499
496
|
};
|
|
500
|
-
|
|
497
|
+
12: {
|
|
501
498
|
defaultClass: string;
|
|
502
499
|
};
|
|
503
|
-
|
|
500
|
+
16: {
|
|
504
501
|
defaultClass: string;
|
|
505
502
|
};
|
|
506
|
-
|
|
503
|
+
20: {
|
|
507
504
|
defaultClass: string;
|
|
508
505
|
};
|
|
509
506
|
24: {
|
|
@@ -512,6 +509,9 @@ export declare const globalSprinkleProperties: {
|
|
|
512
509
|
32: {
|
|
513
510
|
defaultClass: string;
|
|
514
511
|
};
|
|
512
|
+
40: {
|
|
513
|
+
defaultClass: string;
|
|
514
|
+
};
|
|
515
515
|
48: {
|
|
516
516
|
defaultClass: string;
|
|
517
517
|
};
|
|
@@ -537,10 +537,10 @@ export declare const globalSprinkleProperties: {
|
|
|
537
537
|
auto: {
|
|
538
538
|
defaultClass: string;
|
|
539
539
|
};
|
|
540
|
-
|
|
540
|
+
stretch: {
|
|
541
541
|
defaultClass: string;
|
|
542
542
|
};
|
|
543
|
-
|
|
543
|
+
center: {
|
|
544
544
|
defaultClass: string;
|
|
545
545
|
};
|
|
546
546
|
end: {
|
|
@@ -574,10 +574,10 @@ export declare const globalSprinkleProperties: {
|
|
|
574
574
|
auto: {
|
|
575
575
|
defaultClass: string;
|
|
576
576
|
};
|
|
577
|
-
|
|
577
|
+
stretch: {
|
|
578
578
|
defaultClass: string;
|
|
579
579
|
};
|
|
580
|
-
|
|
580
|
+
center: {
|
|
581
581
|
defaultClass: string;
|
|
582
582
|
};
|
|
583
583
|
end: {
|
|
@@ -611,10 +611,10 @@ export declare const globalSprinkleProperties: {
|
|
|
611
611
|
auto: {
|
|
612
612
|
defaultClass: string;
|
|
613
613
|
};
|
|
614
|
-
|
|
614
|
+
stretch: {
|
|
615
615
|
defaultClass: string;
|
|
616
616
|
};
|
|
617
|
-
|
|
617
|
+
center: {
|
|
618
618
|
defaultClass: string;
|
|
619
619
|
};
|
|
620
620
|
end: {
|
|
@@ -651,10 +651,10 @@ export declare const globalSprinkleProperties: {
|
|
|
651
651
|
right: {
|
|
652
652
|
defaultClass: string;
|
|
653
653
|
};
|
|
654
|
-
|
|
654
|
+
stretch: {
|
|
655
655
|
defaultClass: string;
|
|
656
656
|
};
|
|
657
|
-
|
|
657
|
+
center: {
|
|
658
658
|
defaultClass: string;
|
|
659
659
|
};
|
|
660
660
|
end: {
|
|
@@ -688,10 +688,10 @@ export declare const globalSprinkleProperties: {
|
|
|
688
688
|
normal: {
|
|
689
689
|
defaultClass: string;
|
|
690
690
|
};
|
|
691
|
-
|
|
691
|
+
stretch: {
|
|
692
692
|
defaultClass: string;
|
|
693
693
|
};
|
|
694
|
-
|
|
694
|
+
center: {
|
|
695
695
|
defaultClass: string;
|
|
696
696
|
};
|
|
697
697
|
end: {
|
|
@@ -722,10 +722,10 @@ export declare const globalSprinkleProperties: {
|
|
|
722
722
|
normal: {
|
|
723
723
|
defaultClass: string;
|
|
724
724
|
};
|
|
725
|
-
|
|
725
|
+
stretch: {
|
|
726
726
|
defaultClass: string;
|
|
727
727
|
};
|
|
728
|
-
|
|
728
|
+
center: {
|
|
729
729
|
defaultClass: string;
|
|
730
730
|
};
|
|
731
731
|
end: {
|
|
@@ -762,9 +762,6 @@ export declare const globalSprinkleProperties: {
|
|
|
762
762
|
right: {
|
|
763
763
|
defaultClass: string;
|
|
764
764
|
};
|
|
765
|
-
center: {
|
|
766
|
-
defaultClass: string;
|
|
767
|
-
};
|
|
768
765
|
"space-around": {
|
|
769
766
|
defaultClass: string;
|
|
770
767
|
};
|
|
@@ -777,6 +774,9 @@ export declare const globalSprinkleProperties: {
|
|
|
777
774
|
stretch: {
|
|
778
775
|
defaultClass: string;
|
|
779
776
|
};
|
|
777
|
+
center: {
|
|
778
|
+
defaultClass: string;
|
|
779
|
+
};
|
|
780
780
|
end: {
|
|
781
781
|
defaultClass: string;
|
|
782
782
|
};
|
|
@@ -796,9 +796,6 @@ export declare const globalSprinkleProperties: {
|
|
|
796
796
|
normal: {
|
|
797
797
|
defaultClass: string;
|
|
798
798
|
};
|
|
799
|
-
center: {
|
|
800
|
-
defaultClass: string;
|
|
801
|
-
};
|
|
802
799
|
"space-around": {
|
|
803
800
|
defaultClass: string;
|
|
804
801
|
};
|
|
@@ -811,6 +808,9 @@ export declare const globalSprinkleProperties: {
|
|
|
811
808
|
stretch: {
|
|
812
809
|
defaultClass: string;
|
|
813
810
|
};
|
|
811
|
+
center: {
|
|
812
|
+
defaultClass: string;
|
|
813
|
+
};
|
|
814
814
|
end: {
|
|
815
815
|
defaultClass: string;
|
|
816
816
|
};
|
|
@@ -833,9 +833,6 @@ export declare const globalSprinkleProperties: {
|
|
|
833
833
|
normal: {
|
|
834
834
|
defaultClass: string;
|
|
835
835
|
};
|
|
836
|
-
center: {
|
|
837
|
-
defaultClass: string;
|
|
838
|
-
};
|
|
839
836
|
"space-around": {
|
|
840
837
|
defaultClass: string;
|
|
841
838
|
};
|
|
@@ -848,6 +845,9 @@ export declare const globalSprinkleProperties: {
|
|
|
848
845
|
stretch: {
|
|
849
846
|
defaultClass: string;
|
|
850
847
|
};
|
|
848
|
+
center: {
|
|
849
|
+
defaultClass: string;
|
|
850
|
+
};
|
|
851
851
|
end: {
|
|
852
852
|
defaultClass: string;
|
|
853
853
|
};
|
|
@@ -887,26 +887,26 @@ export type GlobalPropertyStyles = typeof globalSprinkleProperties.styles;
|
|
|
887
887
|
* @internal
|
|
888
888
|
*/
|
|
889
889
|
export declare const internalSprinkles: ((props: {
|
|
890
|
-
gap?: 0 | 2 | 4 | 6 |
|
|
891
|
-
rowGap?: 0 | 2 | 4 | 6 |
|
|
892
|
-
columnGap?: 0 | 2 | 4 | 6 |
|
|
893
|
-
paddingTop?: 0 | 2 | 4 | 6 |
|
|
894
|
-
paddingBottom?: 0 | 2 | 4 | 6 |
|
|
895
|
-
paddingLeft?: 0 | 2 | 4 | 6 |
|
|
896
|
-
paddingRight?: 0 | 2 | 4 | 6 |
|
|
897
|
-
marginTop?: 0 | "auto" | 2 | 4 | 6 |
|
|
898
|
-
marginBottom?: 0 | "auto" | 2 | 4 | 6 |
|
|
899
|
-
marginLeft?: 0 | "auto" | 2 | 4 | 6 |
|
|
900
|
-
marginRight?: 0 | "auto" | 2 | 4 | 6 |
|
|
901
|
-
justifySelf?: "normal" | "left" | "right" | "auto" | "
|
|
902
|
-
alignSelf?: "normal" | "auto" | "
|
|
903
|
-
placeSelf?: "normal" | "auto" | "
|
|
904
|
-
justifyItems?: "normal" | "left" | "right" | "
|
|
905
|
-
alignItems?: "normal" | "
|
|
906
|
-
placeItems?: "normal" | "
|
|
907
|
-
justifyContent?: "normal" | "left" | "right" | "
|
|
908
|
-
alignContent?: "normal" | "
|
|
909
|
-
placeContent?: "normal" | "
|
|
890
|
+
gap?: 0 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | undefined;
|
|
891
|
+
rowGap?: 0 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | undefined;
|
|
892
|
+
columnGap?: 0 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | undefined;
|
|
893
|
+
paddingTop?: 0 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | undefined;
|
|
894
|
+
paddingBottom?: 0 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | undefined;
|
|
895
|
+
paddingLeft?: 0 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | undefined;
|
|
896
|
+
paddingRight?: 0 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | undefined;
|
|
897
|
+
marginTop?: 0 | "auto" | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | undefined;
|
|
898
|
+
marginBottom?: 0 | "auto" | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | undefined;
|
|
899
|
+
marginLeft?: 0 | "auto" | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | undefined;
|
|
900
|
+
marginRight?: 0 | "auto" | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | undefined;
|
|
901
|
+
justifySelf?: "normal" | "left" | "right" | "auto" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
|
|
902
|
+
alignSelf?: "normal" | "auto" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
|
|
903
|
+
placeSelf?: "normal" | "auto" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
|
|
904
|
+
justifyItems?: "normal" | "left" | "right" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "legacy" | undefined;
|
|
905
|
+
alignItems?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
|
|
906
|
+
placeItems?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
|
|
907
|
+
justifyContent?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
|
|
908
|
+
alignContent?: "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
|
|
909
|
+
placeContent?: "normal" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
|
|
910
910
|
display?: "flex" | "grid" | undefined;
|
|
911
911
|
}) => string) & {
|
|
912
912
|
properties: Set<"alignContent" | "alignItems" | "alignSelf" | "columnGap" | "display" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "gap" | "placeContent" | "placeItems" | "placeSelf">;
|
|
@@ -11,7 +11,7 @@ export interface CodeProps extends WithChildren, StylingProps, DataTestId, Maski
|
|
|
11
11
|
* @public
|
|
12
12
|
* Use the `Code` component to display snippets of code inline. If you want to
|
|
13
13
|
* display a block of code, use the
|
|
14
|
-
* {@link https://developer.dynatrace.com/
|
|
14
|
+
* {@link https://developer.dynatrace.com/design/components-preview/content/CodeSnippet/ | `CodeSnippet`}
|
|
15
15
|
* component instead.
|
|
16
16
|
*/
|
|
17
17
|
export declare const Code: (props: CodeProps & React.RefAttributes<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
@@ -15,7 +15,7 @@ export interface ExternalLinkProps extends WithChildren, StylingProps, DataTestI
|
|
|
15
15
|
* @public
|
|
16
16
|
* Use the `ExternalLink` component to link outside of the
|
|
17
17
|
* Dynatrace platform. For resources within the Dynatrace platform, use the
|
|
18
|
-
* {@link https://developer.dynatrace.com/
|
|
18
|
+
* {@link https://developer.dynatrace.com/design/components/typography/Link/ | `Link`}
|
|
19
19
|
* component instead.
|
|
20
20
|
*/
|
|
21
21
|
export declare const ExternalLink: (props: ExternalLinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
@@ -10,7 +10,7 @@ export type LinkProps<E extends ElementType> = PolymorphicComponentProps<E, With
|
|
|
10
10
|
* @public
|
|
11
11
|
* Use the `Link` component to navigate to a different page within the application.
|
|
12
12
|
* For external resources in a different domain, use the
|
|
13
|
-
* {@link https://developer.dynatrace.com/
|
|
13
|
+
* {@link https://developer.dynatrace.com/design/components/typography/ExternalLink/ | `ExternalLink`}
|
|
14
14
|
* component instead.
|
|
15
15
|
*/
|
|
16
16
|
export declare const Link: <E extends ElementType = 'a'>(props: LinkProps<E>) => ReactElement | null;
|