@dynatrace/strato-components 0.84.51 → 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.
Files changed (65) hide show
  1. package/README.md +1 -1
  2. package/buttons/button/Button.css +92 -0
  3. package/buttons/button/Button.d.ts +94 -0
  4. package/buttons/button/Button.js +258 -0
  5. package/buttons/button/Button.sty.d.ts +51 -0
  6. package/buttons/button/Button.sty.js +33 -0
  7. package/buttons/button/Label.d.ts +16 -0
  8. package/buttons/button/Label.js +60 -0
  9. package/buttons/button/Prefix.d.ts +16 -0
  10. package/buttons/button/Prefix.js +54 -0
  11. package/buttons/button/Suffix.d.ts +16 -0
  12. package/buttons/button/Suffix.js +56 -0
  13. package/buttons/button/types/button-aria.d.ts +37 -0
  14. package/buttons/button/types/button-aria.js +15 -0
  15. package/buttons/button/utils/focus-without-scrolling.d.ts +5 -0
  16. package/buttons/button/utils/focus-without-scrolling.js +77 -0
  17. package/buttons/button/utils/is-virtual-event.d.ts +10 -0
  18. package/buttons/button/utils/is-virtual-event.js +32 -0
  19. package/buttons/index.d.ts +8 -0
  20. package/buttons/index.js +28 -0
  21. package/content/progress/ProgressBar.js +1 -2
  22. package/content/progress/ProgressCircle.js +1 -2
  23. package/esm/buttons/button/Button.css +92 -0
  24. package/esm/buttons/button/Button.js +233 -0
  25. package/esm/buttons/button/Button.js.map +7 -0
  26. package/esm/buttons/button/Button.sty.js +15 -0
  27. package/esm/buttons/button/Button.sty.js.map +7 -0
  28. package/esm/buttons/button/Label.js +32 -0
  29. package/esm/buttons/button/Label.js.map +7 -0
  30. package/esm/buttons/button/Prefix.js +26 -0
  31. package/esm/buttons/button/Prefix.js.map +7 -0
  32. package/esm/buttons/button/Suffix.js +28 -0
  33. package/esm/buttons/button/Suffix.js.map +7 -0
  34. package/esm/buttons/button/types/button-aria.js +1 -0
  35. package/esm/buttons/button/types/button-aria.js.map +7 -0
  36. package/esm/buttons/button/utils/focus-without-scrolling.js +59 -0
  37. package/esm/buttons/button/utils/focus-without-scrolling.js.map +7 -0
  38. package/esm/buttons/button/utils/is-virtual-event.js +14 -0
  39. package/esm/buttons/button/utils/is-virtual-event.js.map +7 -0
  40. package/esm/buttons/index.js +13 -0
  41. package/esm/buttons/index.js.map +7 -0
  42. package/esm/content/progress/ProgressBar.js +2 -3
  43. package/esm/content/progress/ProgressBar.js.map +2 -2
  44. package/esm/content/progress/ProgressCircle.js +2 -3
  45. package/esm/content/progress/ProgressCircle.js.map +2 -2
  46. package/esm/index.js +1 -0
  47. package/esm/index.js.map +2 -2
  48. package/esm/styles/field.css +208 -0
  49. package/esm/styles/field.sty.js +9 -0
  50. package/esm/styles/field.sty.js.map +7 -0
  51. package/esm/typography/Code/Code.js.map +1 -1
  52. package/esm/typography/ExternalLink/ExternalLink.js.map +1 -1
  53. package/esm/typography/Link/Link.js.map +1 -1
  54. package/index.d.ts +1 -0
  55. package/index.js +1 -0
  56. package/lang/en.json +6 -0
  57. package/lang/uncompiled/en.json +4 -0
  58. package/package.json +21 -14
  59. package/styles/field.css +208 -0
  60. package/styles/field.sty.d.ts +102 -0
  61. package/styles/field.sty.js +27 -0
  62. package/styles/sprinkles.sty.d.ts +107 -107
  63. package/typography/Code/Code.d.ts +1 -1
  64. package/typography/ExternalLink/ExternalLink.d.ts +1 -1
  65. package/typography/Link/Link.d.ts +1 -1
package/styles/sprinkles.sty.d.ts CHANGED
@@ -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
- 20: {
25
+ 12: {
29
26
  defaultClass: string;
30
27
  };
31
- 40: {
28
+ 16: {
32
29
  defaultClass: string;
33
30
  };
34
- 12: {
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
- 20: {
71
+ 12: {
75
72
  defaultClass: string;
76
73
  };
77
- 40: {
74
+ 16: {
78
75
  defaultClass: string;
79
76
  };
80
- 12: {
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
- 20: {
117
+ 12: {
121
118
  defaultClass: string;
122
119
  };
123
- 40: {
120
+ 16: {
124
121
  defaultClass: string;
125
122
  };
126
- 12: {
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
- 20: {
163
+ 12: {
167
164
  defaultClass: string;
168
165
  };
169
- 40: {
166
+ 16: {
170
167
  defaultClass: string;
171
168
  };
172
- 12: {
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
- 20: {
209
+ 12: {
213
210
  defaultClass: string;
214
211
  };
215
- 40: {
212
+ 16: {
216
213
  defaultClass: string;
217
214
  };
218
- 12: {
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
- 20: {
255
+ 12: {
259
256
  defaultClass: string;
260
257
  };
261
- 40: {
258
+ 16: {
262
259
  defaultClass: string;
263
260
  };
264
- 12: {
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
- 20: {
301
+ 12: {
305
302
  defaultClass: string;
306
303
  };
307
- 40: {
304
+ 16: {
308
305
  defaultClass: string;
309
306
  };
310
- 12: {
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
- 20: {
350
+ 12: {
354
351
  defaultClass: string;
355
352
  };
356
- 40: {
353
+ 16: {
357
354
  defaultClass: string;
358
355
  };
359
- 12: {
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
- 20: {
399
+ 12: {
403
400
  defaultClass: string;
404
401
  };
405
- 40: {
402
+ 16: {
406
403
  defaultClass: string;
407
404
  };
408
- 12: {
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
- 20: {
448
+ 12: {
452
449
  defaultClass: string;
453
450
  };
454
- 40: {
451
+ 16: {
455
452
  defaultClass: string;
456
453
  };
457
- 12: {
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
- 20: {
497
+ 12: {
501
498
  defaultClass: string;
502
499
  };
503
- 40: {
500
+ 16: {
504
501
  defaultClass: string;
505
502
  };
506
- 12: {
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
- center: {
540
+ stretch: {
541
541
  defaultClass: string;
542
542
  };
543
- stretch: {
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
- center: {
577
+ stretch: {
578
578
  defaultClass: string;
579
579
  };
580
- stretch: {
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
- center: {
614
+ stretch: {
615
615
  defaultClass: string;
616
616
  };
617
- stretch: {
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
- center: {
654
+ stretch: {
655
655
  defaultClass: string;
656
656
  };
657
- stretch: {
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
- center: {
691
+ stretch: {
692
692
  defaultClass: string;
693
693
  };
694
- stretch: {
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
- center: {
725
+ stretch: {
726
726
  defaultClass: string;
727
727
  };
728
- stretch: {
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 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
891
- rowGap?: 0 | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
892
- columnGap?: 0 | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
893
- paddingTop?: 0 | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
894
- paddingBottom?: 0 | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
895
- paddingLeft?: 0 | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
896
- paddingRight?: 0 | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
897
- marginTop?: 0 | "auto" | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
898
- marginBottom?: 0 | "auto" | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
899
- marginLeft?: 0 | "auto" | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
900
- marginRight?: 0 | "auto" | 2 | 4 | 6 | 16 | 8 | 20 | 40 | 12 | 24 | 32 | 48 | 56 | 64 | undefined;
901
- justifySelf?: "normal" | "left" | "right" | "auto" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
902
- alignSelf?: "normal" | "auto" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
903
- placeSelf?: "normal" | "auto" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
904
- justifyItems?: "normal" | "left" | "right" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "legacy" | undefined;
905
- alignItems?: "normal" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
906
- placeItems?: "normal" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | undefined;
907
- justifyContent?: "normal" | "left" | "right" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | undefined;
908
- alignContent?: "normal" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
909
- placeContent?: "normal" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | undefined;
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">;
package/typography/Code/Code.d.ts CHANGED
@@ -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/reference/design-system/preview/content/CodeSnippet/ | `CodeSnippet`}
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;
package/typography/ExternalLink/ExternalLink.d.ts CHANGED
@@ -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/reference/design-system/preview/typography/Link/ | `Link`}
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;
package/typography/Link/Link.d.ts CHANGED
@@ -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/reference/design-system/preview/typography/ExternalLink/ | `ExternalLink`}
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;