@nypl/design-system-react-components 1.0.4 → 1.0.7

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 (75) hide show
  1. package/CHANGELOG.md +44 -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 +13 -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 +8 -3
  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/StyleGuide/ColorCard.d.ts +25 -7
  37. package/dist/components/Table/Table.d.ts +4 -2
  38. package/dist/components/Tabs/Tabs.d.ts +4 -2
  39. package/dist/components/Template/Template.d.ts +7 -3
  40. package/dist/components/Text/Text.d.ts +4 -2
  41. package/dist/components/TextInput/TextInput.d.ts +1 -1
  42. package/dist/components/Toggle/Toggle.d.ts +1 -1
  43. package/dist/components/VideoPlayer/VideoPlayer.d.ts +4 -2
  44. package/dist/design-system-react-components.cjs.development.js +2438 -1834
  45. package/dist/design-system-react-components.cjs.development.js.map +1 -1
  46. package/dist/design-system-react-components.cjs.production.min.js +1 -1
  47. package/dist/design-system-react-components.cjs.production.min.js.map +1 -1
  48. package/dist/design-system-react-components.esm.js +2440 -1837
  49. package/dist/design-system-react-components.esm.js.map +1 -1
  50. package/dist/hooks/useCarouselStyles.d.ts +1 -1
  51. package/dist/hooks/useNYPLBreakpoints.d.ts +5 -5
  52. package/dist/index.d.ts +1 -0
  53. package/dist/styles.css +1 -1
  54. package/dist/theme/components/breadcrumb.d.ts +3 -3
  55. package/dist/theme/components/card.d.ts +4 -4
  56. package/dist/theme/components/checkbox.d.ts +2 -3
  57. package/dist/theme/components/customTable.d.ts +43 -43
  58. package/dist/theme/components/global.d.ts +2 -2
  59. package/dist/theme/components/globalMixins.d.ts +1 -4
  60. package/dist/theme/components/heading.d.ts +30 -30
  61. package/dist/theme/components/hero.d.ts +163 -119
  62. package/dist/theme/components/horizontalRule.d.ts +2 -2
  63. package/dist/theme/components/icon.d.ts +4762 -4762
  64. package/dist/theme/components/image.d.ts +42 -42
  65. package/dist/theme/components/list.d.ts +13 -13
  66. package/dist/theme/components/notification.d.ts +4 -4
  67. package/dist/theme/components/radio.d.ts +4 -2
  68. package/dist/theme/components/select.d.ts +2 -2
  69. package/dist/theme/components/skeletonLoader.d.ts +1 -1
  70. package/dist/theme/components/slider.d.ts +6 -6
  71. package/dist/theme/components/structuredContent.d.ts +33 -33
  72. package/dist/theme/components/tabs.d.ts +9 -9
  73. package/dist/theme/components/template.d.ts +7 -7
  74. package/dist/theme/components/toggle.d.ts +2 -2
  75. package/package.json +13 -14
package/dist/theme/components/image.d.ts CHANGED
@@ -11,28 +11,28 @@ declare const imageSizes: {
11
11
  };
12
12
  xxsmall: {
13
13
  maxWidth: string;
14
- marginLeft: string;
15
- marginRight: string;
14
+ marginStart: string;
15
+ marginEnd: string;
16
16
  };
17
17
  xsmall: {
18
18
  maxWidth: string;
19
- marginLeft: string;
20
- marginRight: string;
19
+ marginStart: string;
20
+ marginEnd: string;
21
21
  };
22
22
  small: {
23
23
  maxWidth: string;
24
- marginLeft: string;
25
- marginRight: string;
24
+ marginStart: string;
25
+ marginEnd: string;
26
26
  };
27
27
  medium: {
28
28
  maxWidth: string;
29
- marginLeft: string;
30
- marginRight: string;
29
+ marginStart: string;
30
+ marginEnd: string;
31
31
  };
32
32
  large: {
33
33
  maxWidth: string;
34
- marginLeft: string;
35
- marginRight: string;
34
+ marginStart: string;
35
+ marginEnd: string;
36
36
  };
37
37
  };
38
38
  declare const imageRatios: {
@@ -116,8 +116,8 @@ declare const CustomImage: {
116
116
  marginBottom: string;
117
117
  };
118
118
  maxWidth: string;
119
- marginLeft: string;
120
- marginRight: string;
119
+ marginStart: string;
120
+ marginEnd: string;
121
121
  margin: string;
122
122
  width: string;
123
123
  } | {
@@ -126,8 +126,8 @@ declare const CustomImage: {
126
126
  marginBottom: string;
127
127
  };
128
128
  maxWidth: string;
129
- marginLeft: string;
130
- marginRight: string;
129
+ marginStart: string;
130
+ marginEnd: string;
131
131
  margin: string;
132
132
  width: string;
133
133
  } | {
@@ -136,8 +136,8 @@ declare const CustomImage: {
136
136
  marginBottom: string;
137
137
  };
138
138
  maxWidth: string;
139
- marginLeft: string;
140
- marginRight: string;
139
+ marginStart: string;
140
+ marginEnd: string;
141
141
  margin: string;
142
142
  width: string;
143
143
  } | {
@@ -146,8 +146,8 @@ declare const CustomImage: {
146
146
  marginBottom: string;
147
147
  };
148
148
  maxWidth: string;
149
- marginLeft: string;
150
- marginRight: string;
149
+ marginStart: string;
150
+ marginEnd: string;
151
151
  margin: string;
152
152
  width: string;
153
153
  } | {
@@ -156,8 +156,8 @@ declare const CustomImage: {
156
156
  marginBottom: string;
157
157
  };
158
158
  maxWidth: string;
159
- marginLeft: string;
160
- marginRight: string;
159
+ marginStart: string;
160
+ marginEnd: string;
161
161
  margin: string;
162
162
  width: string;
163
163
  };
@@ -175,8 +175,8 @@ declare const CustomImage: {
175
175
  width: string;
176
176
  } | {
177
177
  maxWidth: string;
178
- marginLeft: string;
179
- marginRight: string;
178
+ marginStart: string;
179
+ marginEnd: string;
180
180
  display: string;
181
181
  backgroundColor: string;
182
182
  boxSizing: string;
@@ -185,8 +185,8 @@ declare const CustomImage: {
185
185
  width: string;
186
186
  } | {
187
187
  maxWidth: string;
188
- marginLeft: string;
189
- marginRight: string;
188
+ marginStart: string;
189
+ marginEnd: string;
190
190
  display: string;
191
191
  backgroundColor: string;
192
192
  boxSizing: string;
@@ -195,8 +195,8 @@ declare const CustomImage: {
195
195
  width: string;
196
196
  } | {
197
197
  maxWidth: string;
198
- marginLeft: string;
199
- marginRight: string;
198
+ marginStart: string;
199
+ marginEnd: string;
200
200
  display: string;
201
201
  backgroundColor: string;
202
202
  boxSizing: string;
@@ -205,8 +205,8 @@ declare const CustomImage: {
205
205
  width: string;
206
206
  } | {
207
207
  maxWidth: string;
208
- marginLeft: string;
209
- marginRight: string;
208
+ marginStart: string;
209
+ marginEnd: string;
210
210
  display: string;
211
211
  backgroundColor: string;
212
212
  boxSizing: string;
@@ -215,8 +215,8 @@ declare const CustomImage: {
215
215
  width: string;
216
216
  } | {
217
217
  maxWidth: string;
218
- marginLeft: string;
219
- marginRight: string;
218
+ marginStart: string;
219
+ marginEnd: string;
220
220
  display: string;
221
221
  backgroundColor: string;
222
222
  boxSizing: string;
@@ -290,8 +290,8 @@ declare const CustomImageWrapper: {
290
290
  width: string;
291
291
  };
292
292
  maxWidth: string;
293
- marginLeft: string;
294
- marginRight: string;
293
+ marginStart: string;
294
+ marginEnd: string;
295
295
  width: string;
296
296
  } | {
297
297
  crop: {
@@ -352,8 +352,8 @@ declare const CustomImageWrapper: {
352
352
  width: string;
353
353
  };
354
354
  maxWidth: string;
355
- marginLeft: string;
356
- marginRight: string;
355
+ marginStart: string;
356
+ marginEnd: string;
357
357
  width: string;
358
358
  } | {
359
359
  crop: {
@@ -414,8 +414,8 @@ declare const CustomImageWrapper: {
414
414
  width: string;
415
415
  };
416
416
  maxWidth: string;
417
- marginLeft: string;
418
- marginRight: string;
417
+ marginStart: string;
418
+ marginEnd: string;
419
419
  width: string;
420
420
  } | {
421
421
  crop: {
@@ -476,8 +476,8 @@ declare const CustomImageWrapper: {
476
476
  width: string;
477
477
  };
478
478
  maxWidth: string;
479
- marginLeft: string;
480
- marginRight: string;
479
+ marginStart: string;
480
+ marginEnd: string;
481
481
  width: string;
482
482
  } | {
483
483
  crop: {
@@ -538,8 +538,8 @@ declare const CustomImageWrapper: {
538
538
  width: string;
539
539
  };
540
540
  maxWidth: string;
541
- marginLeft: string;
542
- marginRight: string;
541
+ marginStart: string;
542
+ marginEnd: string;
543
543
  width: string;
544
544
  } | {
545
545
  crop: {
@@ -600,8 +600,8 @@ declare const CustomImageWrapper: {
600
600
  width: string;
601
601
  };
602
602
  maxWidth: string;
603
- marginLeft: string;
604
- marginRight: string;
603
+ marginStart: string;
604
+ marginEnd: string;
605
605
  width: string;
606
606
  };
607
607
  };
package/dist/theme/components/list.d.ts CHANGED
@@ -6,11 +6,11 @@ export declare const baseListStyles: (inline?: boolean, noStyling?: boolean) =>
6
6
  margin: string;
7
7
  listStyle: string;
8
8
  marginInlineStart: string;
9
- paddingLeft: string;
9
+ paddingStart: string;
10
10
  padding: string;
11
11
  display: string;
12
12
  li: {
13
- marginRight: string;
13
+ marginEnd: string;
14
14
  listStyleType: string;
15
15
  _notFirst: {
16
16
  marginTop: string;
@@ -27,17 +27,17 @@ export declare const baseUnorderedStyles: (noStyling?: boolean) => {
27
27
  fontWeight: string;
28
28
  fontSize: string;
29
29
  lineHeight: string;
30
- marginLeft: string;
30
+ marginStart: string;
31
31
  width: string;
32
32
  };
33
33
  };
34
34
  margin: string;
35
35
  marginBottom: string;
36
36
  };
37
- export declare const baseSectionDefinitionStyles: {
37
+ export declare const baseSectionDescriptionStyles: {
38
38
  borderBottom: string;
39
39
  borderColor: string;
40
- paddingLeft: string;
40
+ paddingStart: string;
41
41
  h2: {
42
42
  borderTop: string;
43
43
  borderColor: string;
@@ -45,7 +45,7 @@ export declare const baseSectionDefinitionStyles: {
45
45
  padding: string;
46
46
  };
47
47
  };
48
- export declare const baseDefinitionStyles: {
48
+ export declare const baseDescriptionStyles: {
49
49
  dl: {
50
50
  display: string;
51
51
  gridTemplateColumns: {
@@ -64,7 +64,7 @@ export declare const baseDefinitionStyles: {
64
64
  md: string;
65
65
  };
66
66
  paddingTop: string;
67
- paddingRight: {
67
+ paddingEnd: {
68
68
  md: string;
69
69
  };
70
70
  };
@@ -84,7 +84,7 @@ export declare const baseDefinitionStyles: {
84
84
  };
85
85
  borderBottom: string;
86
86
  borderColor: string;
87
- paddingLeft: string;
87
+ paddingStart: string;
88
88
  h2: {
89
89
  borderTop: string;
90
90
  borderColor: string;
@@ -97,11 +97,11 @@ declare const List: {
97
97
  margin: string;
98
98
  listStyle: string;
99
99
  marginInlineStart: string;
100
- paddingLeft: string;
100
+ paddingStart: string;
101
101
  padding: string;
102
102
  display: string;
103
103
  li: {
104
- marginRight: string;
104
+ marginEnd: string;
105
105
  listStyleType: string;
106
106
  _notFirst: {
107
107
  marginTop: string;
@@ -119,7 +119,7 @@ declare const List: {
119
119
  fontWeight: string;
120
120
  fontSize: string;
121
121
  lineHeight: string;
122
- marginLeft: string;
122
+ marginStart: string;
123
123
  width: string;
124
124
  };
125
125
  };
@@ -149,7 +149,7 @@ declare const List: {
149
149
  md: string;
150
150
  };
151
151
  paddingTop: string;
152
- paddingRight: {
152
+ paddingEnd: {
153
153
  md: string;
154
154
  };
155
155
  };
@@ -169,7 +169,7 @@ declare const List: {
169
169
  };
170
170
  borderBottom: string;
171
171
  borderColor: string;
172
- paddingLeft: string;
172
+ paddingStart: string;
173
173
  h2: {
174
174
  borderTop: string;
175
175
  borderColor: string;
package/dist/theme/components/notification.d.ts CHANGED
@@ -30,8 +30,8 @@ declare const _default: {
30
30
  margin: string;
31
31
  maxWidth: string;
32
32
  padding: string;
33
- paddingRight: string;
34
- paddingLeft: string;
33
+ paddingEnd: string;
34
+ paddingStart: string;
35
35
  width: string;
36
36
  };
37
37
  dismissibleButton: {
@@ -55,7 +55,7 @@ declare const _default: {
55
55
  };
56
56
  icon: {
57
57
  flexShrink: string;
58
- marginRight: string;
58
+ marginEnd: string;
59
59
  };
60
60
  };
61
61
  };
@@ -67,7 +67,7 @@ declare const _default: {
67
67
  content: {
68
68
  color: string;
69
69
  marginTop: string;
70
- paddingLeft: string;
70
+ paddingStart: string;
71
71
  width: string;
72
72
  a: {
73
73
  color: string;
package/dist/theme/components/radio.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  declare const Radio: {
2
2
  parts: string[];
3
3
  baseStyle: {
4
+ bg: string;
5
+ fontSize: string;
4
6
  control: {
5
7
  verticalAlign: string;
6
8
  transitionProperty: string;
@@ -63,7 +65,7 @@ declare const Radio: {
63
65
  userSelect: string;
64
66
  fontWeight: string;
65
67
  marginBottom: string;
66
- marginLeft: string;
68
+ marginStart: string;
67
69
  width: string;
68
70
  _disabled: {
69
71
  color: string;
@@ -75,7 +77,7 @@ declare const Radio: {
75
77
  };
76
78
  };
77
79
  helperErrorText: {
78
- marginLeft: string;
80
+ marginStart: string;
79
81
  _disabled: {
80
82
  color: string;
81
83
  fontStyle: string;
package/dist/theme/components/select.d.ts CHANGED
@@ -31,9 +31,9 @@ declare const Select: {
31
31
  md: string;
32
32
  };
33
33
  paddingTop: string;
34
- paddingRight: string;
34
+ paddingEnd: string;
35
35
  paddingBottom: string;
36
- paddingLeft: string;
36
+ paddingStart: string;
37
37
  _hover: {
38
38
  borderColor: string;
39
39
  };
package/dist/theme/components/skeletonLoader.d.ts CHANGED
@@ -77,7 +77,7 @@ declare const SkeletonLoader: {
77
77
  };
78
78
  };
79
79
  container: {
80
- marginLeft: {
80
+ marginStart: {
81
81
  md: string;
82
82
  };
83
83
  marginTop: {
package/dist/theme/components/slider.d.ts CHANGED
@@ -15,12 +15,12 @@ declare const CustomSlider: {
15
15
  color: string;
16
16
  marginTop: string;
17
17
  marginBottom: string;
18
- marginRight: string;
19
- marginLeft: string;
18
+ marginEnd: string;
19
+ marginStart: string;
20
20
  };
21
21
  rightValue: {
22
- marginLeft: string;
23
- marginRight: string;
22
+ marginStart: string;
23
+ marginEnd: string;
24
24
  color: string;
25
25
  marginTop: string;
26
26
  marginBottom: string;
@@ -30,8 +30,8 @@ declare const CustomSlider: {
30
30
  color: string;
31
31
  };
32
32
  sliderContainer: {
33
- marginLeft: string;
34
- marginRight: string;
33
+ marginStart: string;
34
+ marginEnd: string;
35
35
  };
36
36
  filledTrack: {
37
37
  bgColor: string;
package/dist/theme/components/structuredContent.d.ts CHANGED
@@ -9,8 +9,8 @@ declare const StructuredContent: {
9
9
  h1: {
10
10
  width: string;
11
11
  marginTop: string;
12
- marginLeft: string;
13
- marginRight: string;
12
+ marginStart: string;
13
+ marginEnd: string;
14
14
  fontSize: string;
15
15
  fontWeight: string;
16
16
  letterSpacing: string;
@@ -19,8 +19,8 @@ declare const StructuredContent: {
19
19
  h2: {
20
20
  width: string;
21
21
  marginTop: string;
22
- marginLeft: string;
23
- marginRight: string;
22
+ marginStart: string;
23
+ marginEnd: string;
24
24
  fontSize: string;
25
25
  fontWeight: string;
26
26
  lineHeight: string;
@@ -28,8 +28,8 @@ declare const StructuredContent: {
28
28
  h3: {
29
29
  width: string;
30
30
  marginTop: string;
31
- marginLeft: string;
32
- marginRight: string;
31
+ marginStart: string;
32
+ marginEnd: string;
33
33
  fontSize: string;
34
34
  fontWeight: string;
35
35
  lineHeight: string;
@@ -37,8 +37,8 @@ declare const StructuredContent: {
37
37
  h4: {
38
38
  width: string;
39
39
  marginTop: string;
40
- marginLeft: string;
41
- marginRight: string;
40
+ marginStart: string;
41
+ marginEnd: string;
42
42
  fontSize: string;
43
43
  fontWeight: string;
44
44
  lineHeight: string;
@@ -46,8 +46,8 @@ declare const StructuredContent: {
46
46
  fallback: {
47
47
  width: string;
48
48
  marginTop: string;
49
- marginLeft: string;
50
- marginRight: string;
49
+ marginStart: string;
50
+ marginEnd: string;
51
51
  fontSize: string;
52
52
  fontWeight: string;
53
53
  lineHeight: string;
@@ -56,23 +56,23 @@ declare const StructuredContent: {
56
56
  marginBottom: string;
57
57
  maxWidth?: string;
58
58
  float: string[];
59
- marginLeft: string[];
60
- marginRight: string[];
59
+ marginStart: string[];
60
+ marginEnd: string[];
61
61
  width: string;
62
62
  };
63
63
  imageWrapper: {
64
64
  marginBottom: string;
65
65
  maxWidth?: string;
66
66
  float: string[];
67
- marginLeft: string[];
68
- marginRight: string[];
67
+ marginStart: string[];
68
+ marginEnd: string[];
69
69
  width: string;
70
70
  };
71
71
  image: {
72
72
  maxWidth?: string;
73
73
  float: string[];
74
- marginLeft: string[];
75
- marginRight: string[];
74
+ marginStart: string[];
75
+ marginEnd: string[];
76
76
  marginBottom: string;
77
77
  };
78
78
  /** The following styles are meant to target HTML elements that are
@@ -102,14 +102,14 @@ declare const StructuredContent: {
102
102
  fontWeight: string;
103
103
  fontSize: string;
104
104
  lineHeight: string;
105
- marginLeft: string;
105
+ marginStart: string;
106
106
  width: string;
107
107
  };
108
108
  };
109
109
  margin: string;
110
110
  marginBottom: string;
111
111
  marginInlineStart: string;
112
- paddingLeft: string;
112
+ paddingStart: string;
113
113
  padding: string;
114
114
  display: string;
115
115
  };
@@ -118,11 +118,11 @@ declare const StructuredContent: {
118
118
  marginBottom: string;
119
119
  listStyle: string;
120
120
  marginInlineStart: string;
121
- paddingLeft: string;
121
+ paddingStart: string;
122
122
  padding: string;
123
123
  display: string;
124
124
  li: {
125
- marginRight: string;
125
+ marginEnd: string;
126
126
  listStyleType: string;
127
127
  _notFirst: {
128
128
  marginTop: string;
@@ -132,7 +132,7 @@ declare const StructuredContent: {
132
132
  section: {
133
133
  borderBottom: string;
134
134
  borderColor: string;
135
- paddingLeft: string;
135
+ paddingStart: string;
136
136
  h2: {
137
137
  borderTop: string;
138
138
  borderColor: string;
@@ -158,7 +158,7 @@ declare const StructuredContent: {
158
158
  md: string;
159
159
  };
160
160
  paddingTop: string;
161
- paddingRight: {
161
+ paddingEnd: {
162
162
  md: string;
163
163
  };
164
164
  };
@@ -183,7 +183,7 @@ declare const StructuredContent: {
183
183
  fontWeight: string;
184
184
  textTransform: string;
185
185
  _first: {
186
- paddingLeft: {
186
+ paddingStart: {
187
187
  base: string;
188
188
  md: string;
189
189
  };
@@ -209,8 +209,8 @@ declare const StructuredContent: {
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
  };
@@ -219,7 +219,7 @@ declare const StructuredContent: {
219
219
  md: string;
220
220
  };
221
221
  _last: {
222
- paddingRight: {
222
+ paddingEnd: {
223
223
  base: string;
224
224
  md: string;
225
225
  };
@@ -235,7 +235,7 @@ declare const StructuredContent: {
235
235
  base: string;
236
236
  md: string;
237
237
  };
238
- paddingRight: string;
238
+ paddingEnd: string;
239
239
  paddingTop: {
240
240
  base: string;
241
241
  md: string;
@@ -244,7 +244,7 @@ declare const StructuredContent: {
244
244
  bg: string;
245
245
  color: string;
246
246
  fontWeight: string;
247
- paddingLeft: string;
247
+ paddingStart: string;
248
248
  };
249
249
  };
250
250
  textAlign: string;
@@ -253,7 +253,7 @@ declare const StructuredContent: {
253
253
  };
254
254
  td: {
255
255
  _first: {
256
- paddingLeft: {
256
+ paddingStart: {
257
257
  base: string;
258
258
  md: string;
259
259
  };
@@ -289,8 +289,8 @@ declare const StructuredContent: {
289
289
  base: string;
290
290
  md: string;
291
291
  };
292
- paddingLeft: number;
293
- paddingRight: {
292
+ paddingStart: number;
293
+ paddingEnd: {
294
294
  base: string;
295
295
  md: string;
296
296
  };
@@ -304,7 +304,7 @@ declare const StructuredContent: {
304
304
  base: string;
305
305
  md: string;
306
306
  };
307
- paddingRight: string;
307
+ paddingEnd: string;
308
308
  paddingTop: {
309
309
  base: string;
310
310
  md: string;
@@ -313,7 +313,7 @@ declare const StructuredContent: {
313
313
  bg: string;
314
314
  color: string;
315
315
  fontWeight: string;
316
- paddingLeft: string;
316
+ paddingStart: string;
317
317
  };
318
318
  };
319
319
  textAlign: string;
package/dist/theme/components/tabs.d.ts CHANGED
@@ -7,7 +7,7 @@ declare const CustomTabs: {
7
7
  tab: {
8
8
  color: string;
9
9
  paddingInlineStart: string;
10
- paddingLeft: string;
10
+ paddingStart: string;
11
11
  background: string;
12
12
  border: string;
13
13
  borderBottom: string;
@@ -15,11 +15,11 @@ declare const CustomTabs: {
15
15
  height: {
16
16
  base: string;
17
17
  };
18
- marginRight: {
18
+ marginEnd: {
19
19
  base: string;
20
20
  md: string;
21
21
  };
22
- paddingRight: {
22
+ paddingEnd: {
23
23
  base: string;
24
24
  md: string;
25
25
  lg: string;
@@ -53,8 +53,8 @@ declare const CustomTabs: {
53
53
  height: string;
54
54
  width: string;
55
55
  top: string;
56
- marginLeft: string;
57
- marginRight: string;
56
+ marginStart: string;
57
+ marginEnd: string;
58
58
  pos: string;
59
59
  transition: string;
60
60
  zIndex: string;
@@ -79,11 +79,11 @@ declare const CustomTabs: {
79
79
  base: string;
80
80
  md: string;
81
81
  };
82
- paddingLeft: {
82
+ paddingStart: {
83
83
  base: string;
84
84
  md: string;
85
85
  };
86
- paddingRight: {
86
+ paddingEnd: {
87
87
  base: string;
88
88
  md: string;
89
89
  };
@@ -109,11 +109,11 @@ declare const CustomTabs: {
109
109
  base: string;
110
110
  md: string;
111
111
  };
112
- paddingLeft: {
112
+ paddingStart: {
113
113
  base: string;
114
114
  md: string;
115
115
  };
116
- paddingRight: string;
116
+ paddingEnd: string;
117
117
  paddingTop: {
118
118
  base: string;
119
119
  md: string;