@nypl/design-system-react-components 1.0.5 → 1.0.6

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 (71) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/components/Accordion/Accordion.d.ts +2 -2
  3. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +2 -2
  4. package/dist/components/Button/Button.d.ts +4 -2
  5. package/dist/components/ButtonGroup/ButtonGroup.d.ts +4 -2
  6. package/dist/components/Card/Card.d.ts +7 -3
  7. package/dist/components/Checkbox/Checkbox.d.ts +1 -1
  8. package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +2 -2
  9. package/dist/components/ComponentWrapper/ComponentWrapper.d.ts +4 -2
  10. package/dist/components/Fieldset/Fieldset.d.ts +3 -1
  11. package/dist/components/Form/Form.d.ts +4 -2
  12. package/dist/components/Grid/SimpleGrid.d.ts +4 -2
  13. package/dist/components/Heading/Heading.d.ts +4 -2
  14. package/dist/components/HelperErrorText/HelperErrorText.d.ts +2 -2
  15. package/dist/components/Hero/Hero.d.ts +4 -2
  16. package/dist/components/HorizontalRule/HorizontalRule.d.ts +2 -2
  17. package/dist/components/Icons/Icon.d.ts +5 -3
  18. package/dist/components/Icons/IconSvgs.d.ts +8 -0
  19. package/dist/components/Image/Image.d.ts +6 -2
  20. package/dist/components/Label/Label.d.ts +4 -2
  21. package/dist/components/Link/Link.d.ts +2 -2
  22. package/dist/components/List/List.d.ts +4 -2
  23. package/dist/components/Logo/Logo.d.ts +4 -2
  24. package/dist/components/Modal/Modal.d.ts +4 -2
  25. package/dist/components/Notification/Notification.d.ts +1 -1
  26. package/dist/components/Pagination/Pagination.d.ts +2 -2
  27. package/dist/components/ProgressIndicator/ProgressIndicator.d.ts +2 -2
  28. package/dist/components/Radio/Radio.d.ts +1 -1
  29. package/dist/components/RadioGroup/RadioGroup.d.ts +2 -2
  30. package/dist/components/SearchBar/SearchBar.d.ts +2 -2
  31. package/dist/components/SkeletonLoader/SkeletonLoader.d.ts +4 -2
  32. package/dist/components/SkipNavigation/SkipNavigation.d.ts +4 -2
  33. package/dist/components/Slider/Slider.d.ts +4 -2
  34. package/dist/components/StatusBadge/StatusBadge.d.ts +4 -2
  35. package/dist/components/StructuredContent/StructuredContent.d.ts +4 -2
  36. package/dist/components/Table/Table.d.ts +4 -2
  37. package/dist/components/Tabs/Tabs.d.ts +4 -2
  38. package/dist/components/Template/Template.d.ts +7 -3
  39. package/dist/components/Text/Text.d.ts +4 -2
  40. package/dist/components/TextInput/TextInput.d.ts +1 -1
  41. package/dist/components/Toggle/Toggle.d.ts +1 -1
  42. package/dist/components/VideoPlayer/VideoPlayer.d.ts +4 -2
  43. package/dist/design-system-react-components.cjs.development.js +1946 -1627
  44. package/dist/design-system-react-components.cjs.development.js.map +1 -1
  45. package/dist/design-system-react-components.cjs.production.min.js +1 -1
  46. package/dist/design-system-react-components.cjs.production.min.js.map +1 -1
  47. package/dist/design-system-react-components.esm.js +1948 -1629
  48. package/dist/design-system-react-components.esm.js.map +1 -1
  49. package/dist/hooks/useCarouselStyles.d.ts +1 -1
  50. package/dist/theme/components/breadcrumb.d.ts +3 -3
  51. package/dist/theme/components/card.d.ts +4 -4
  52. package/dist/theme/components/checkbox.d.ts +2 -2
  53. package/dist/theme/components/customTable.d.ts +43 -43
  54. package/dist/theme/components/global.d.ts +2 -2
  55. package/dist/theme/components/globalMixins.d.ts +1 -4
  56. package/dist/theme/components/heading.d.ts +30 -30
  57. package/dist/theme/components/hero.d.ts +30 -40
  58. package/dist/theme/components/horizontalRule.d.ts +2 -2
  59. package/dist/theme/components/icon.d.ts +4762 -4762
  60. package/dist/theme/components/image.d.ts +42 -42
  61. package/dist/theme/components/list.d.ts +11 -11
  62. package/dist/theme/components/notification.d.ts +4 -4
  63. package/dist/theme/components/radio.d.ts +2 -2
  64. package/dist/theme/components/select.d.ts +2 -2
  65. package/dist/theme/components/skeletonLoader.d.ts +1 -1
  66. package/dist/theme/components/slider.d.ts +6 -6
  67. package/dist/theme/components/structuredContent.d.ts +33 -33
  68. package/dist/theme/components/tabs.d.ts +9 -9
  69. package/dist/theme/components/template.d.ts +7 -7
  70. package/dist/theme/components/toggle.d.ts +2 -2
  71. package/package.json +13 -14
package/dist/hooks/useCarouselStyles.d.ts CHANGED
@@ -10,7 +10,7 @@ export declare const useCarouselStyles: (slidesCount?: number, slideWidth?: numb
10
10
  nextSlide: () => void;
11
11
  carouselStyle: {
12
12
  transition: string;
13
- marginLeft: string;
13
+ marginStart: string;
14
14
  };
15
15
  goToStart: () => void;
16
16
  };
package/dist/theme/components/breadcrumb.d.ts CHANGED
@@ -17,8 +17,8 @@ declare const Breadcrumb: {
17
17
  };
18
18
  margin: string;
19
19
  maxWidth: string;
20
- paddingLeft: string;
21
- paddingRight: string;
20
+ paddingStart: string;
21
+ paddingEnd: string;
22
22
  };
23
23
  a: {
24
24
  _hover: {
@@ -46,7 +46,7 @@ declare const Breadcrumb: {
46
46
  md: string;
47
47
  };
48
48
  a: {
49
- marginRight: {
49
+ marginEnd: {
50
50
  base: string;
51
51
  md: string;
52
52
  };
package/dist/theme/components/card.d.ts CHANGED
@@ -67,7 +67,7 @@ declare const _default: {
67
67
  base: string;
68
68
  md: string;
69
69
  };
70
- marginLeft: {
70
+ marginStart: {
71
71
  base: string;
72
72
  md: string;
73
73
  };
@@ -117,7 +117,7 @@ declare const _default: {
117
117
  base: string;
118
118
  md: string;
119
119
  };
120
- marginLeft: {
120
+ marginStart: {
121
121
  base: string;
122
122
  md: string;
123
123
  };
@@ -170,7 +170,7 @@ declare const _default: {
170
170
  base: string;
171
171
  md: string;
172
172
  };
173
- marginLeft: {
173
+ marginStart: {
174
174
  base: string;
175
175
  md: string;
176
176
  };
@@ -220,7 +220,7 @@ declare const _default: {
220
220
  base: string;
221
221
  md: string;
222
222
  };
223
- marginLeft: {
223
+ marginStart: {
224
224
  base: string;
225
225
  md: string;
226
226
  };
package/dist/theme/components/checkbox.d.ts CHANGED
@@ -56,7 +56,7 @@ declare const Checkbox: {
56
56
  userSelect: string;
57
57
  fontWeight: string;
58
58
  marginBottom: string;
59
- marginLeft: string;
59
+ marginStart: string;
60
60
  width: string;
61
61
  _disabled: {
62
62
  color: string;
@@ -68,7 +68,7 @@ declare const Checkbox: {
68
68
  };
69
69
  };
70
70
  helperErrorText: {
71
- marginLeft: string;
71
+ marginStart: string;
72
72
  _disabled: {
73
73
  color: string;
74
74
  fontStyle: string;
package/dist/theme/components/customTable.d.ts CHANGED
@@ -52,8 +52,8 @@ export declare const baseCellStyles: (columnHeadersBackgroundColor?: string, col
52
52
  base: string;
53
53
  md: string;
54
54
  };
55
- paddingLeft: number;
56
- paddingRight: {
55
+ paddingStart: number;
56
+ paddingEnd: {
57
57
  base: string;
58
58
  md: string;
59
59
  };
@@ -62,7 +62,7 @@ export declare const baseCellStyles: (columnHeadersBackgroundColor?: string, col
62
62
  md: string;
63
63
  };
64
64
  _first: {
65
- paddingLeft: {
65
+ paddingStart: {
66
66
  base: string;
67
67
  md: string;
68
68
  };
@@ -72,7 +72,7 @@ export declare const baseCellStyles: (columnHeadersBackgroundColor?: string, col
72
72
  };
73
73
  };
74
74
  _last: {
75
- paddingRight: {
75
+ paddingEnd: {
76
76
  base: string;
77
77
  md: string;
78
78
  };
@@ -88,7 +88,7 @@ export declare const baseCellStyles: (columnHeadersBackgroundColor?: string, col
88
88
  base: string;
89
89
  md: string;
90
90
  };
91
- paddingRight: string;
91
+ paddingEnd: string;
92
92
  paddingTop: {
93
93
  base: string;
94
94
  md: string;
@@ -97,7 +97,7 @@ export declare const baseCellStyles: (columnHeadersBackgroundColor?: string, col
97
97
  bg: string;
98
98
  color: string;
99
99
  fontWeight: string;
100
- paddingLeft: string;
100
+ paddingStart: string;
101
101
  };
102
102
  };
103
103
  };
@@ -106,7 +106,7 @@ export declare const baseTHStyles: (columnHeadersBackgroundColor?: string, colum
106
106
  fontWeight: string;
107
107
  textTransform: string;
108
108
  _first: {
109
- paddingLeft: {
109
+ paddingStart: {
110
110
  base: string;
111
111
  md: string;
112
112
  };
@@ -132,8 +132,8 @@ export declare const baseTHStyles: (columnHeadersBackgroundColor?: string, colum
132
132
  base: string;
133
133
  md: string;
134
134
  };
135
- paddingLeft: number;
136
- paddingRight: {
135
+ paddingStart: number;
136
+ paddingEnd: {
137
137
  base: string;
138
138
  md: string;
139
139
  };
@@ -142,7 +142,7 @@ export declare const baseTHStyles: (columnHeadersBackgroundColor?: string, colum
142
142
  md: string;
143
143
  };
144
144
  _last: {
145
- paddingRight: {
145
+ paddingEnd: {
146
146
  base: string;
147
147
  md: string;
148
148
  };
@@ -158,7 +158,7 @@ export declare const baseTHStyles: (columnHeadersBackgroundColor?: string, colum
158
158
  base: string;
159
159
  md: string;
160
160
  };
161
- paddingRight: string;
161
+ paddingEnd: string;
162
162
  paddingTop: {
163
163
  base: string;
164
164
  md: string;
@@ -167,13 +167,13 @@ export declare const baseTHStyles: (columnHeadersBackgroundColor?: string, colum
167
167
  bg: string;
168
168
  color: string;
169
169
  fontWeight: string;
170
- paddingLeft: string;
170
+ paddingStart: string;
171
171
  };
172
172
  };
173
173
  };
174
174
  export declare const baseTDStyles: (columnHeadersBackgroundColor?: string, columnHeadersTextColor?: string, showRowDividers?: boolean, useRowHeaders?: boolean) => {
175
175
  _first: {
176
- paddingLeft: {
176
+ paddingStart: {
177
177
  base: string;
178
178
  md: string;
179
179
  };
@@ -209,8 +209,8 @@ export declare const baseTDStyles: (columnHeadersBackgroundColor?: string, colum
209
209
  base: string;
210
210
  md: string;
211
211
  };
212
- paddingLeft: number;
213
- paddingRight: {
212
+ paddingStart: number;
213
+ paddingEnd: {
214
214
  base: string;
215
215
  md: string;
216
216
  };
@@ -224,7 +224,7 @@ export declare const baseTDStyles: (columnHeadersBackgroundColor?: string, colum
224
224
  base: string;
225
225
  md: string;
226
226
  };
227
- paddingRight: string;
227
+ paddingEnd: string;
228
228
  paddingTop: {
229
229
  base: string;
230
230
  md: string;
@@ -233,7 +233,7 @@ export declare const baseTDStyles: (columnHeadersBackgroundColor?: string, colum
233
233
  bg: string;
234
234
  color: string;
235
235
  fontWeight: string;
236
- paddingLeft: string;
236
+ paddingStart: string;
237
237
  };
238
238
  };
239
239
  };
@@ -284,7 +284,7 @@ export declare const baseStyle: ({ columnHeadersBackgroundColor, columnHeadersTe
284
284
  fontWeight: string;
285
285
  textTransform: string;
286
286
  _first: {
287
- paddingLeft: {
287
+ paddingStart: {
288
288
  base: string;
289
289
  md: string;
290
290
  };
@@ -310,8 +310,8 @@ export declare const baseStyle: ({ columnHeadersBackgroundColor, columnHeadersTe
310
310
  base: string;
311
311
  md: string;
312
312
  };
313
- paddingLeft: number;
314
- paddingRight: {
313
+ paddingStart: number;
314
+ paddingEnd: {
315
315
  base: string;
316
316
  md: string;
317
317
  };
@@ -320,7 +320,7 @@ export declare const baseStyle: ({ columnHeadersBackgroundColor, columnHeadersTe
320
320
  md: string;
321
321
  };
322
322
  _last: {
323
- paddingRight: {
323
+ paddingEnd: {
324
324
  base: string;
325
325
  md: string;
326
326
  };
@@ -336,7 +336,7 @@ export declare const baseStyle: ({ columnHeadersBackgroundColor, columnHeadersTe
336
336
  base: string;
337
337
  md: string;
338
338
  };
339
- paddingRight: string;
339
+ paddingEnd: string;
340
340
  paddingTop: {
341
341
  base: string;
342
342
  md: string;
@@ -345,13 +345,13 @@ export declare const baseStyle: ({ columnHeadersBackgroundColor, columnHeadersTe
345
345
  bg: string;
346
346
  color: string;
347
347
  fontWeight: string;
348
- paddingLeft: string;
348
+ paddingStart: string;
349
349
  };
350
350
  };
351
351
  };
352
352
  td: {
353
353
  _first: {
354
- paddingLeft: {
354
+ paddingStart: {
355
355
  base: string;
356
356
  md: string;
357
357
  };
@@ -387,8 +387,8 @@ export declare const baseStyle: ({ columnHeadersBackgroundColor, columnHeadersTe
387
387
  base: string;
388
388
  md: string;
389
389
  };
390
- paddingLeft: number;
391
- paddingRight: {
390
+ paddingStart: number;
391
+ paddingEnd: {
392
392
  base: string;
393
393
  md: string;
394
394
  };
@@ -402,7 +402,7 @@ export declare const baseStyle: ({ columnHeadersBackgroundColor, columnHeadersTe
402
402
  base: string;
403
403
  md: string;
404
404
  };
405
- paddingRight: string;
405
+ paddingEnd: string;
406
406
  paddingTop: {
407
407
  base: string;
408
408
  md: string;
@@ -411,7 +411,7 @@ export declare const baseStyle: ({ columnHeadersBackgroundColor, columnHeadersTe
411
411
  bg: string;
412
412
  color: string;
413
413
  fontWeight: string;
414
- paddingLeft: string;
414
+ paddingStart: string;
415
415
  };
416
416
  };
417
417
  };
@@ -421,8 +421,8 @@ export declare const baseStyle: ({ columnHeadersBackgroundColor, columnHeadersTe
421
421
  fontSize: string;
422
422
  fontWeight: string;
423
423
  marginBottom: string;
424
- marginLeft: string;
425
- marginRight: string;
424
+ marginStart: string;
425
+ marginEnd: string;
426
426
  marginTop: string;
427
427
  padding: string;
428
428
  textAlign: string;
@@ -476,7 +476,7 @@ declare const CustomTable: {
476
476
  fontWeight: string;
477
477
  textTransform: string;
478
478
  _first: {
479
- paddingLeft: {
479
+ paddingStart: {
480
480
  base: string;
481
481
  md: string;
482
482
  };
@@ -502,8 +502,8 @@ declare const CustomTable: {
502
502
  base: string;
503
503
  md: string;
504
504
  };
505
- paddingLeft: number;
506
- paddingRight: {
505
+ paddingStart: number;
506
+ paddingEnd: {
507
507
  base: string;
508
508
  md: string;
509
509
  };
@@ -512,7 +512,7 @@ declare const CustomTable: {
512
512
  md: string;
513
513
  };
514
514
  _last: {
515
- paddingRight: {
515
+ paddingEnd: {
516
516
  base: string;
517
517
  md: string;
518
518
  };
@@ -528,7 +528,7 @@ declare const CustomTable: {
528
528
  base: string;
529
529
  md: string;
530
530
  };
531
- paddingRight: string;
531
+ paddingEnd: string;
532
532
  paddingTop: {
533
533
  base: string;
534
534
  md: string;
@@ -537,13 +537,13 @@ declare const CustomTable: {
537
537
  bg: string;
538
538
  color: string;
539
539
  fontWeight: string;
540
- paddingLeft: string;
540
+ paddingStart: string;
541
541
  };
542
542
  };
543
543
  };
544
544
  td: {
545
545
  _first: {
546
- paddingLeft: {
546
+ paddingStart: {
547
547
  base: string;
548
548
  md: string;
549
549
  };
@@ -579,8 +579,8 @@ declare const CustomTable: {
579
579
  base: string;
580
580
  md: string;
581
581
  };
582
- paddingLeft: number;
583
- paddingRight: {
582
+ paddingStart: number;
583
+ paddingEnd: {
584
584
  base: string;
585
585
  md: string;
586
586
  };
@@ -594,7 +594,7 @@ declare const CustomTable: {
594
594
  base: string;
595
595
  md: string;
596
596
  };
597
- paddingRight: string;
597
+ paddingEnd: string;
598
598
  paddingTop: {
599
599
  base: string;
600
600
  md: string;
@@ -603,7 +603,7 @@ declare const CustomTable: {
603
603
  bg: string;
604
604
  color: string;
605
605
  fontWeight: string;
606
- paddingLeft: string;
606
+ paddingStart: string;
607
607
  };
608
608
  };
609
609
  };
@@ -613,8 +613,8 @@ declare const CustomTable: {
613
613
  fontSize: string;
614
614
  fontWeight: string;
615
615
  marginBottom: string;
616
- marginLeft: string;
617
- marginRight: string;
616
+ marginStart: string;
617
+ marginEnd: string;
618
618
  marginTop: string;
619
619
  padding: string;
620
620
  textAlign: string;
package/dist/theme/components/global.d.ts CHANGED
@@ -12,7 +12,7 @@ declare const checkboxRadioLabelStyles: {
12
12
  userSelect: string;
13
13
  fontWeight: string;
14
14
  marginBottom: string;
15
- marginLeft: string;
15
+ marginStart: string;
16
16
  width: string;
17
17
  _disabled: {
18
18
  color: string;
@@ -28,7 +28,7 @@ declare const checkboxRadioControlSize: {
28
28
  w: string;
29
29
  };
30
30
  declare const checkboxRadioHelperErrorTextStyle: {
31
- marginLeft: string;
31
+ marginStart: string;
32
32
  _disabled: {
33
33
  color: string;
34
34
  fontStyle: string;
package/dist/theme/components/globalMixins.d.ts CHANGED
@@ -14,10 +14,7 @@ declare const wrapperStyles: {
14
14
  marginY: string;
15
15
  marginX: string;
16
16
  maxWidth: string;
17
- paddingTop: string;
18
- paddingBottom: string;
19
- paddingRight: string;
20
- paddingLeft: string;
17
+ padding: string;
21
18
  width: string;
22
19
  };
23
20
  export { screenreaderOnly, wrapperStyles };
package/dist/theme/components/heading.d.ts CHANGED
@@ -2,8 +2,8 @@ export declare const headings: {
2
2
  h1: {
3
3
  width: string;
4
4
  marginTop: string;
5
- marginLeft: string;
6
- marginRight: string;
5
+ marginStart: string;
6
+ marginEnd: string;
7
7
  fontSize: string;
8
8
  fontWeight: string;
9
9
  letterSpacing: string;
@@ -12,8 +12,8 @@ export declare const headings: {
12
12
  h2: {
13
13
  width: string;
14
14
  marginTop: string;
15
- marginLeft: string;
16
- marginRight: string;
15
+ marginStart: string;
16
+ marginEnd: string;
17
17
  fontSize: string;
18
18
  fontWeight: string;
19
19
  lineHeight: string;
@@ -21,8 +21,8 @@ export declare const headings: {
21
21
  h3: {
22
22
  width: string;
23
23
  marginTop: string;
24
- marginLeft: string;
25
- marginRight: string;
24
+ marginStart: string;
25
+ marginEnd: string;
26
26
  fontSize: string;
27
27
  fontWeight: string;
28
28
  lineHeight: string;
@@ -30,8 +30,8 @@ export declare const headings: {
30
30
  h4: {
31
31
  width: string;
32
32
  marginTop: string;
33
- marginLeft: string;
34
- marginRight: string;
33
+ marginStart: string;
34
+ marginEnd: string;
35
35
  fontSize: string;
36
36
  fontWeight: string;
37
37
  lineHeight: string;
@@ -39,8 +39,8 @@ export declare const headings: {
39
39
  fallback: {
40
40
  width: string;
41
41
  marginTop: string;
42
- marginLeft: string;
43
- marginRight: string;
42
+ marginStart: string;
43
+ marginEnd: string;
44
44
  fontSize: string;
45
45
  fontWeight: string;
46
46
  lineHeight: string;
@@ -67,8 +67,8 @@ declare const Heading: {
67
67
  h1: {
68
68
  width: string;
69
69
  marginTop: string;
70
- marginLeft: string;
71
- marginRight: string;
70
+ marginStart: string;
71
+ marginEnd: string;
72
72
  fontSize: string;
73
73
  fontWeight: string;
74
74
  letterSpacing: string;
@@ -77,8 +77,8 @@ declare const Heading: {
77
77
  h2: {
78
78
  width: string;
79
79
  marginTop: string;
80
- marginLeft: string;
81
- marginRight: string;
80
+ marginStart: string;
81
+ marginEnd: string;
82
82
  fontSize: string;
83
83
  fontWeight: string;
84
84
  lineHeight: string;
@@ -86,8 +86,8 @@ declare const Heading: {
86
86
  h3: {
87
87
  width: string;
88
88
  marginTop: string;
89
- marginLeft: string;
90
- marginRight: string;
89
+ marginStart: string;
90
+ marginEnd: string;
91
91
  fontSize: string;
92
92
  fontWeight: string;
93
93
  lineHeight: string;
@@ -95,8 +95,8 @@ declare const Heading: {
95
95
  h4: {
96
96
  width: string;
97
97
  marginTop: string;
98
- marginLeft: string;
99
- marginRight: string;
98
+ marginStart: string;
99
+ marginEnd: string;
100
100
  fontSize: string;
101
101
  fontWeight: string;
102
102
  lineHeight: string;
@@ -104,8 +104,8 @@ declare const Heading: {
104
104
  h5: {
105
105
  width: string;
106
106
  marginTop: string;
107
- marginLeft: string;
108
- marginRight: string;
107
+ marginStart: string;
108
+ marginEnd: string;
109
109
  fontSize: string;
110
110
  fontWeight: string;
111
111
  lineHeight: string;
@@ -113,8 +113,8 @@ declare const Heading: {
113
113
  h6: {
114
114
  width: string;
115
115
  marginTop: string;
116
- marginLeft: string;
117
- marginRight: string;
116
+ marginStart: string;
117
+ marginEnd: string;
118
118
  fontSize: string;
119
119
  fontWeight: string;
120
120
  lineHeight: string;
@@ -122,8 +122,8 @@ declare const Heading: {
122
122
  primary: {
123
123
  width: string;
124
124
  marginTop: string;
125
- marginLeft: string;
126
- marginRight: string;
125
+ marginStart: string;
126
+ marginEnd: string;
127
127
  fontSize: string;
128
128
  fontWeight: string;
129
129
  letterSpacing: string;
@@ -132,8 +132,8 @@ declare const Heading: {
132
132
  secondary: {
133
133
  width: string;
134
134
  marginTop: string;
135
- marginLeft: string;
136
- marginRight: string;
135
+ marginStart: string;
136
+ marginEnd: string;
137
137
  fontSize: string;
138
138
  fontWeight: string;
139
139
  lineHeight: string;
@@ -141,8 +141,8 @@ declare const Heading: {
141
141
  tertiary: {
142
142
  width: string;
143
143
  marginTop: string;
144
- marginLeft: string;
145
- marginRight: string;
144
+ marginStart: string;
145
+ marginEnd: string;
146
146
  fontSize: string;
147
147
  fontWeight: string;
148
148
  lineHeight: string;
@@ -150,8 +150,8 @@ declare const Heading: {
150
150
  callout: {
151
151
  width: string;
152
152
  marginTop: string;
153
- marginLeft: string;
154
- marginRight: string;
153
+ marginStart: string;
154
+ marginEnd: string;
155
155
  fontSize: string;
156
156
  fontWeight: string;
157
157
  lineHeight: string;