@telus-uds/components-base 1.39.0 → 1.41.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.
Files changed (34) hide show
  1. package/CHANGELOG.md +30 -2
  2. package/component-docs.json +358 -67
  3. package/lib/A11yInfoProvider/index.js +0 -8
  4. package/lib/Button/ButtonBase.js +68 -38
  5. package/lib/ExpandCollapse/Panel.js +9 -3
  6. package/lib/Icon/IconText.js +1 -1
  7. package/lib/InputSupports/InputSupports.js +10 -3
  8. package/lib/Notification/Notification.js +21 -10
  9. package/lib/Pagination/Pagination.js +57 -14
  10. package/lib/Radio/Radio.js +5 -1
  11. package/lib/Select/Select.js +14 -4
  12. package/lib/Typography/Typography.js +14 -0
  13. package/lib-module/A11yInfoProvider/index.js +0 -7
  14. package/lib-module/Button/ButtonBase.js +68 -38
  15. package/lib-module/ExpandCollapse/Panel.js +9 -3
  16. package/lib-module/Icon/IconText.js +1 -1
  17. package/lib-module/InputSupports/InputSupports.js +10 -3
  18. package/lib-module/Notification/Notification.js +20 -10
  19. package/lib-module/Pagination/Pagination.js +56 -14
  20. package/lib-module/Radio/Radio.js +5 -1
  21. package/lib-module/Select/Select.js +14 -4
  22. package/lib-module/Typography/Typography.js +14 -0
  23. package/package.json +2 -2
  24. package/src/A11yInfoProvider/index.jsx +0 -10
  25. package/src/Button/ButtonBase.jsx +44 -26
  26. package/src/ExpandCollapse/Control.jsx +1 -0
  27. package/src/ExpandCollapse/Panel.jsx +12 -2
  28. package/src/Icon/IconText.jsx +1 -1
  29. package/src/InputSupports/InputSupports.jsx +13 -1
  30. package/src/Notification/Notification.jsx +15 -10
  31. package/src/Pagination/Pagination.jsx +63 -13
  32. package/src/Radio/Radio.jsx +5 -1
  33. package/src/Select/Select.jsx +10 -1
  34. package/src/Typography/Typography.jsx +13 -2
@@ -23,6 +23,39 @@
23
23
  "detailsContainerPadding": "size",
24
24
  "playIconContainerBackground": "color"
25
25
  },
26
+ "VideoPickerThumbnail": {
27
+ "splashButtonRadius": "radius",
28
+ "borderWidth": "border",
29
+ "borderColor": "color",
30
+ "borderRadius": "radius",
31
+ "pressablePaddingVertical": "size",
32
+ "pressablePaddingHorizontal": "size",
33
+ "pressableBorderTopWidth": "border",
34
+ "pressableBorderTopColor": "color",
35
+ "pressablePaddingBottom": "size",
36
+ "titleColor": "color",
37
+ "subTitleColor": "color"
38
+ },
39
+ "VideoPickerSlider": {
40
+ "previousIcon": "icon",
41
+ "nextIcon": "icon"
42
+ },
43
+ "VideoPicker": {
44
+ "framedMaxHeight": "size",
45
+ "framedContainerBackgroundColor": "color",
46
+ "framedContainerBorderWidth": "border",
47
+ "framedContainerBorderColor": "color",
48
+ "framedContainerBorderRadius": "radius",
49
+ "framedContainerPadding": "size",
50
+ "stackViewDividerColor": "color"
51
+ },
52
+ "Disclaimer": {
53
+ "color": "color",
54
+ "fontName": "fontName",
55
+ "fontWeight": "fontWeight",
56
+ "fontSize": "fontSize",
57
+ "lineHeight": "lineHeight"
58
+ },
26
59
  "Table": {
27
60
  "tablePaddingBottom": "size",
28
61
  "cellHeadingBackground": "color",
@@ -35,7 +68,10 @@
35
68
  "cellPaddingTop": "size",
36
69
  "cellPaddingRight": "size",
37
70
  "cellPaddingLeft": "size",
38
- "cellPaddingBottom": "size"
71
+ "cellPaddingBottom": "size",
72
+ "fontWeight": "fontWeight",
73
+ "fontName": "fontName",
74
+ "fontSize": "fontSize"
39
75
  },
40
76
  "Image": {
41
77
  "borderRadius": "radius"
@@ -121,7 +157,10 @@
121
157
  "FootnoteLink": {
122
158
  "lineHeight": "lineHeight",
123
159
  "paddingLeft": "size",
124
- "paddingRight": "size"
160
+ "paddingRight": "size",
161
+ "color": "color",
162
+ "fontName": "fontName",
163
+ "fontWeight": "fontWeight"
125
164
  },
126
165
  "WaffleGrid": {
127
166
  "rowBorderWidth": "border",
@@ -166,9 +205,12 @@
166
205
  "closeButtonMarginRight": "size",
167
206
  "closeButtonMarginBottom": "size",
168
207
  "closeButtonWidth": "size",
169
- "closeButtonIconSize": "size"
208
+ "closeButtonIconSize": "size",
209
+ "closeIcon": "icon"
170
210
  },
171
211
  "PriceLockup": {
212
+ "fontName": "fontName",
213
+ "fontWeight": "fontWeight",
172
214
  "footnoteMarginTop": "size",
173
215
  "footnoteGap": "size",
174
216
  "bottomTextMarginTop": "size",
@@ -176,9 +218,37 @@
176
218
  "bottomLinksMarginLeft": "size",
177
219
  "topTextMarginBottom": "size",
178
220
  "strikeThroughHeight": "size",
179
- "strikeThroughBackground": "color",
221
+ "strikeThroughColor": "color",
180
222
  "fontColor": "color",
181
- "dividerColor": "color"
223
+ "dividerColor": "color",
224
+ "topTextFontSize": "fontSize",
225
+ "strikeThroughPosition": "size",
226
+ "topTextLineHeight": "lineHeight",
227
+ "currencySymbolFontSize": "fontSize",
228
+ "currencySymbolLineHeight": "lineHeight",
229
+ "currencySymbolFontName": "fontName",
230
+ "currencySymbolFontWeight": "fontWeight",
231
+ "amountFontSize": "fontSize",
232
+ "amountLineHeight": "lineHeight",
233
+ "amountLetterSpacing": "letterSpacing",
234
+ "amountFontWeight": "fontWeight",
235
+ "amountFontName": "fontName",
236
+ "centsFontSize": "fontSize",
237
+ "centsLineHeight": "lineHeight",
238
+ "centsFontName": "fontName",
239
+ "centsFontWeight": "fontWeight",
240
+ "topTextFontName": "fontName",
241
+ "topTextFontWeight": "fontWeight",
242
+ "rateFontSize": "fontSize",
243
+ "rateLineHeight": "lineHeight",
244
+ "rateFontName": "fontName",
245
+ "rateFontWeight": "fontWeight",
246
+ "bottomTextFontSize": "fontSize",
247
+ "bottomTextLineHeight": "lineHeight",
248
+ "footnoteLinkColor": "color",
249
+ "footnoteLinkFontName": "fontName",
250
+ "footnoteLinkFontWeight": "fontWeight",
251
+ "footnoteLinkFontSize": "fontSize"
182
252
  },
183
253
  "ActivityIndicator": {
184
254
  "size": "size",
@@ -232,10 +302,15 @@
232
302
  "paddingTop": "size",
233
303
  "paddingBottom": "size",
234
304
  "width": "size",
305
+ "height": "size",
235
306
  "minWidth": "size",
236
307
  "iconSize": "size",
237
308
  "iconSpace": "integer",
238
309
  "icon": "icon",
310
+ "borderLeftWidth": "border",
311
+ "borderRightWidth": "border",
312
+ "borderTopWidth": "border",
313
+ "borderBottomWidth": "border",
239
314
  "outerBorderColor": "color",
240
315
  "outerBorderWidth": "border",
241
316
  "outerBorderGap": "size",
@@ -434,59 +509,54 @@
434
509
  "color": "color"
435
510
  },
436
511
  "DatePicker": {
437
- "hiddenInputFieldContainerHeight": "size",
438
- "hiddenInputFieldContainerWidth": "size",
439
- "previousIcon": "icon",
440
- "nextIcon": "icon",
441
- "singleDatePickerBorderColor": "color",
442
- "singleDatePickerRadius": "radius",
443
- "singleDatePickerPaddingTopBottom": "size",
444
- "singleDatePickerLeftRight": "size",
512
+ "calendarBackgroundColor": "color",
513
+ "calendarDayBlockedCalendarHoverBackground": "color",
514
+ "calendarDayBlockedCalendarHoverColor": "color",
515
+ "calendarDayDefaultBackgroundColor": "color",
516
+ "calendarDayDefaultBorder": "border",
517
+ "calendarDayDefaultBorderColor": "color",
518
+ "calendarDayDefaultCalendarDaySelectedHoverBackground": "color",
519
+ "calendarDayDefaultCalendarDaySelectedHoverBeforeBackground": "color",
520
+ "calendarDayDefaultCalendarDaySelectedHoverColor": "color",
521
+ "calendarDayDefaultColor": "color",
522
+ "calendarDayDefaultFontName": "fontName",
523
+ "calendarDayDefaultFontSize": "fontSize",
524
+ "calendarDayDefaultFontWeight": "fontWeight",
525
+ "calendarDaySelectedFocusBeforeBackground": "color",
526
+ "calendarDaySelectedHoverBackground": "color",
527
+ "calendarDaySelectedHoverBeforeBackground": "color",
528
+ "calendarDaySelectedHoverBeforeBorderColor": "color",
529
+ "calendarDaySelectedHoverBorderColor": "color",
530
+ "calendarDaySelectedHoverColor": "color",
531
+ "calendarMonthCaptionColor": "color",
532
+ "calendarMonthCaptionFontName": "fontName",
533
+ "calendarMonthCaptionFontSize": "fontSize",
534
+ "calendarMonthCaptionFontWeight": "fontWeight",
535
+ "calendarMonthCaptionLineHeight": "lineHeight",
536
+ "calendarMonthCaptionPaddingBottom": "size",
445
537
  "dateInputBorderColor": "color",
446
538
  "dateInputBorderRadius": "radius",
447
- "invalidInputMixin": "color",
448
- "validInputMixin": "color",
449
- "dateInputHoverBorderColor": "color",
450
539
  "dateInputFocusBorderColor": "color",
540
+ "dateInputHoverBorderColor": "color",
451
541
  "dateInputInsideBorderColor": "color",
452
542
  "dateInputInsideColor": "color",
453
543
  "dateInputStrokeColor": "color",
454
- "calendarMonthCaptionColor": "color",
455
- "calendarMonthCaptionFontSize": "fontSize",
456
- "calendarMonthCaptionLineHeight": "lineHeight",
457
- "calendarMonthCaptionPaddingBottom": "size",
458
- "dayPickerNavigationButtonBorderColor": "color",
459
- "dayPickerNavigationButtonBackgroundColor": "color",
460
- "dayPickerNavigationButtonMaxHeight": "size",
461
- "dayPickerNavigationButtonMaxWidth": "size",
462
- "dayPickerNavigationButtonPadding": "size",
463
- "dayPickerNavigationButtonChildLeft": "size",
464
- "dayPickerNavigationButtonChildRight": "size",
465
- "dayPickerNavigationButtonChildSvgFill": "color",
466
- "dayPickerNavigationButtonDefaultHoverBorderColor": "color",
467
- "dayPickerNavigationSVGHorizontalFill": "color",
468
544
  "dayPickerWeekHeaderColor": "color",
469
- "dayPickerWeekHeaderLineHeight": "lineHeight",
470
- "dayPickerWeekHeaderSmall": "fontSize",
471
- "calendarDayDefaultBorder": "border",
472
- "calendarDayDefaultBorderColor": "color",
473
- "calendarDayDefaultFontSize": "fontSize",
474
- "calendarDayDefaultColor": "color",
475
- "calendarDayDefaultBeforeHeight": "size",
476
- "calendarDayDefaultBeforeWidth": "size",
477
- "calendarDaySelectedHoverBorderColor": "color",
478
- "calendarDaySelectedHoverColor": "color",
479
- "calendarDaySelectedHoverBeforeBackground": "color",
480
- "calendarDayDefaultCalendarDaySelectedHoverColor": "color",
481
- "calendarDayDefaultCalendarDaySelectedHoverBackground": "color",
482
- "calendarDayBlockedCalendarHoverBackground": "color",
483
- "calendarDayBlockedCalendarHoverColor": "color",
484
- "calendarMonthCaptionFontName": "fontName",
485
545
  "dayPickerWeekHeaderFontName": "fontName",
486
- "calendarDayDefaultFontName": "fontName",
487
- "calendarMonthCaptionFontWeight": "fontWeight",
488
546
  "dayPickerWeekHeaderFontWeight": "fontWeight",
489
- "calendarDayDefaultFontWeight": "fontWeight"
547
+ "dayPickerWeekHeaderLineHeight": "lineHeight",
548
+ "dayPickerWeekHeaderSmall": "fontSize",
549
+ "hiddenInputFieldContainerHeight": "size",
550
+ "hiddenInputFieldContainerWidth": "size",
551
+ "dayPickerNavigationButtonPadding": "size",
552
+ "invalidInputMixin": "color",
553
+ "nextIcon": "icon",
554
+ "previousIcon": "icon",
555
+ "singleDatePickerBorderColor": "color",
556
+ "singleDatePickerLeftRight": "size",
557
+ "singleDatePickerPaddingTopBottom": "size",
558
+ "singleDatePickerRadius": "radius",
559
+ "validInputMixin": "color"
490
560
  },
491
561
  "ExpandCollapse": {
492
562
  "borderColor": "color",
@@ -523,7 +593,13 @@
523
593
  "contentPaddingLeft": "size",
524
594
  "contentPaddingRight": "size",
525
595
  "contentPaddingTop": "size",
526
- "contentPaddingBottom": "size"
596
+ "contentPaddingBottom": "size",
597
+ "marginBottom": "size",
598
+ "borderColor": "color",
599
+ "borderRadius": "radius",
600
+ "borderWidth": "border",
601
+ "expandDividerColor": "color",
602
+ "expanddDividerWidth": "size"
527
603
  },
528
604
  "Feedback": {
529
605
  "backgroundColor": "color",
@@ -718,6 +794,32 @@
718
794
  "closeIconSize": "size",
719
795
  "closePadding": "size"
720
796
  },
797
+ "NavigationBar": {
798
+ "alignSelf": "flexAlign",
799
+ "backgroundColor": "color",
800
+ "borderColor": "color",
801
+ "borderRadius": "radius",
802
+ "borderWidth": "border",
803
+ "color": "color",
804
+ "fontName": "fontName",
805
+ "fontSize": "fontSize",
806
+ "fontWeight": "fontWeight",
807
+ "lineHeight": "lineHeight",
808
+ "minWidth": "size",
809
+ "opacity": "opacity",
810
+ "outerBackgroundColor": "color",
811
+ "outerBorderColor": "color",
812
+ "outerBorderGap": "size",
813
+ "outerBorderWidth": "border",
814
+ "paddingBottom": "size",
815
+ "paddingLeft": "size",
816
+ "paddingRight": "size",
817
+ "paddingTop": "size",
818
+ "shadow": "shadow",
819
+ "textAlign": "flexJustifyContent",
820
+ "width": "size",
821
+ "icoMenu": "icon"
822
+ },
721
823
  "Notification": {
722
824
  "backgroundColor": "color",
723
825
  "borderBottomWidth": "border",
@@ -741,8 +843,8 @@
741
843
  "iconGap": "size",
742
844
  "dismissIcon": "icon",
743
845
  "dismissIconColor": "color",
744
- "dismissIconSize": "size",
745
- "dismissButtonGap": "size"
846
+ "dismissButtonGap": "size",
847
+ "justifyContent": "flexJustifyContent"
746
848
  },
747
849
  "Pagination": {
748
850
  "gap": "size",
@@ -751,13 +853,28 @@
751
853
  "fontName": "fontName",
752
854
  "fontWeight": "fontWeight",
753
855
  "fontSize": "fontSize",
754
- "lineHeight": "lineHeight"
856
+ "lineHeight": "lineHeight",
857
+ "borderLeftWidth": "border",
858
+ "borderRightWidth": "border",
859
+ "borderTopWidth": "border",
860
+ "borderBottomWidth": "border",
861
+ "borderColor": "color",
862
+ "ellipsisPadding": "size",
863
+ "ellipsisBorderRightWidth": "border",
864
+ "ellipsisBorderLeftWidth": "border",
865
+ "ellipsisBorderTopWidth": "border",
866
+ "ellipsisBorderBottomWidth": "border",
867
+ "ellipsisHeight": "size"
755
868
  },
756
869
  "PaginationPageButton": {
757
870
  "borderColor": "color",
758
- "borderWidth": "border",
871
+ "borderLeftWidth": "border",
872
+ "borderRightWidth": "border",
873
+ "borderTopWidth": "border",
874
+ "borderBottomWidth": "border",
759
875
  "borderRadius": "radius",
760
876
  "backgroundColor": "color",
877
+ "height": "size",
761
878
  "paddingLeft": "size",
762
879
  "paddingRight": "size",
763
880
  "paddingTop": "size",
@@ -776,7 +893,10 @@
776
893
  },
777
894
  "PaginationSideButton": {
778
895
  "borderColor": "color",
779
- "borderWidth": "border",
896
+ "borderLeftWidth": "border",
897
+ "borderRightWidth": "border",
898
+ "borderTopWidth": "border",
899
+ "borderBottomWidth": "border",
780
900
  "borderRadius": "radius",
781
901
  "backgroundColor": "color",
782
902
  "paddingLeft": "size",
@@ -784,6 +904,7 @@
784
904
  "paddingTop": "size",
785
905
  "paddingBottom": "size",
786
906
  "outerBorderColor": "color",
907
+ "outerBorderWidth": "border",
787
908
  "color": "color",
788
909
  "fontName": "fontName",
789
910
  "fontWeight": "fontWeight",
@@ -795,7 +916,8 @@
795
916
  "iconDisplace": "size",
796
917
  "width": "size",
797
918
  "textAlign": "flexJustifyContent",
798
- "displayLabel": "show"
919
+ "displayLabel": "show",
920
+ "height": "size"
799
921
  },
800
922
  "Progress": {
801
923
  "backgroundColor": "color",
@@ -916,6 +1038,8 @@
916
1038
  "descriptionFontSize": "fontSize",
917
1039
  "descriptionLineHeight": "lineHeight",
918
1040
  "descriptionMarginLeft": "size",
1041
+ "descriptionFontName": "fontName",
1042
+ "descriptionFontWeight": "fontWeight",
919
1043
  "inputBackgroundColor": "color",
920
1044
  "inputBorderColor": "color",
921
1045
  "inputBorderWidth": "border",
@@ -1001,7 +1125,10 @@
1001
1125
  "curveWidth": "size",
1002
1126
  "curveAfterBackgroundColor": "color",
1003
1127
  "curveAfterHeight": "size",
1004
- "gradient": "gradient"
1128
+ "gradient": "gradient",
1129
+ "fontColor": "color",
1130
+ "borderRadiusBottomLeft": "size",
1131
+ "borderRadiusBottomRight": "size"
1005
1132
  },
1006
1133
  "Search": {
1007
1134
  "backgroundColor": "color",
@@ -1062,7 +1189,8 @@
1062
1189
  "iconColor": "color",
1063
1190
  "validationIcon": "icon",
1064
1191
  "validationIconSize": "size",
1065
- "validationIconColor": "color"
1192
+ "validationIconColor": "color",
1193
+ "feedbackBackgroundColor": "color"
1066
1194
  },
1067
1195
  "SideNav": {
1068
1196
  "borderColor": "color",
@@ -1408,8 +1536,14 @@
1408
1536
  "flexShrink": "integer"
1409
1537
  },
1410
1538
  "Breadcrumbs": {
1539
+ "fontWeight": "fontWeight",
1540
+ "fontName": "fontName",
1541
+ "fontSize": "fontSize",
1542
+ "color": "color",
1543
+ "currentColor": "color",
1411
1544
  "icon": "icon",
1412
1545
  "iconColor": "color",
1546
+ "iconSize": "size",
1413
1547
  "iconPadding": "size",
1414
1548
  "listItemPadding": "size"
1415
1549
  },
@@ -1800,6 +1934,32 @@
1800
1934
  "type": "state"
1801
1935
  }
1802
1936
  },
1937
+ "DatePicker": {
1938
+ "pressed": {
1939
+ "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
1940
+ "values": [
1941
+ true
1942
+ ],
1943
+ "type": "state"
1944
+ },
1945
+ "selected": {
1946
+ "description": "Applies while an interactive component is the currently selected one in a set of states or components, for example a button in a `ButtonGroup`.",
1947
+ "values": [
1948
+ true
1949
+ ],
1950
+ "type": "state"
1951
+ },
1952
+ "focus": {
1953
+ "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
1954
+ "values": [
1955
+ true
1956
+ ],
1957
+ "type": "state",
1958
+ "platforms": [
1959
+ "rn"
1960
+ ]
1961
+ }
1962
+ },
1803
1963
  "ExpandCollapseControl": {
1804
1964
  "pressed": {
1805
1965
  "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
@@ -2019,6 +2179,60 @@
2019
2179
  "type": "state"
2020
2180
  }
2021
2181
  },
2182
+ "NavigationBar": {
2183
+ "focus": {
2184
+ "description": "Currently only web has good support for this. Applies when an interactive component's focus handler is triggered, such as keyboard tabbing or selection.",
2185
+ "values": [
2186
+ true
2187
+ ],
2188
+ "type": "state",
2189
+ "platforms": [
2190
+ "rn"
2191
+ ]
2192
+ },
2193
+ "pressed": {
2194
+ "description": "Applies while an interactive component is being physically pressed. Most visible on touchscreen taps; in React Native Web, this is visible on web mouse clicks only if the pressable is held down.",
2195
+ "values": [
2196
+ true
2197
+ ],
2198
+ "type": "state"
2199
+ },
2200
+ "hover": {
2201
+ "description": "Currently web only. Applies when an interactive component's hover handler is triggered, such as on mouseover.",
2202
+ "values": [
2203
+ true
2204
+ ],
2205
+ "type": "state",
2206
+ "platforms": [
2207
+ "rn"
2208
+ ]
2209
+ },
2210
+ "selected": {
2211
+ "description": "Applies while an interactive component is the currently selected one in a set of states or components, for example a button in a `ButtonGroup`.",
2212
+ "values": [
2213
+ true
2214
+ ],
2215
+ "type": "state"
2216
+ },
2217
+ "expanded": {
2218
+ "description": "Applies when an ExpandCollapse panel is open and the content inside is visible",
2219
+ "values": [
2220
+ true
2221
+ ],
2222
+ "type": "state"
2223
+ },
2224
+ "viewport": {
2225
+ "description": "The size label for the current screen viewport based on the current screen width",
2226
+ "values": [
2227
+ "xs",
2228
+ "sm",
2229
+ "md",
2230
+ "lg",
2231
+ "xl"
2232
+ ],
2233
+ "type": "state"
2234
+ }
2235
+ },
2022
2236
  "Notification": {
2023
2237
  "system": {
2024
2238
  "values": [
@@ -3114,7 +3328,13 @@
3114
3328
  "contentPaddingLeft": "size",
3115
3329
  "contentPaddingRight": "size",
3116
3330
  "contentPaddingTop": "size",
3117
- "contentPaddingBottom": "size"
3331
+ "contentPaddingBottom": "size",
3332
+ "marginBottom": "size",
3333
+ "borderColor": "color",
3334
+ "borderRadius": "radius",
3335
+ "borderWidth": "border",
3336
+ "expandDividerColor": "color",
3337
+ "expanddDividerWidth": "size"
3118
3338
  }
3119
3339
  },
3120
3340
  "required": false,
@@ -4040,7 +4260,13 @@
4040
4260
  "contentPaddingLeft": "size",
4041
4261
  "contentPaddingRight": "size",
4042
4262
  "contentPaddingTop": "size",
4043
- "contentPaddingBottom": "size"
4263
+ "contentPaddingBottom": "size",
4264
+ "marginBottom": "size",
4265
+ "borderColor": "color",
4266
+ "borderRadius": "radius",
4267
+ "borderWidth": "border",
4268
+ "expandDividerColor": "color",
4269
+ "expanddDividerWidth": "size"
4044
4270
  }
4045
4271
  },
4046
4272
  "required": false,
@@ -5810,6 +6036,20 @@
5810
6036
  "required": false,
5811
6037
  "description": "Position of the hint relative to label."
5812
6038
  },
6039
+ "feedbackTokens": {
6040
+ "defaultValue": {
6041
+ "value": "{}",
6042
+ "computed": false
6043
+ },
6044
+ "type": {
6045
+ "name": "objectOf",
6046
+ "value": {
6047
+ "name": "string"
6048
+ }
6049
+ },
6050
+ "required": false,
6051
+ "description": "Additional tokens to override the default feedback tokens."
6052
+ },
5813
6053
  "children": {
5814
6054
  "type": {
5815
6055
  "name": "union",
@@ -6760,8 +7000,8 @@
6760
7000
  "iconGap": "size",
6761
7001
  "dismissIcon": "icon",
6762
7002
  "dismissIconColor": "color",
6763
- "dismissIconSize": "size",
6764
- "dismissButtonGap": "size"
7003
+ "dismissButtonGap": "size",
7004
+ "justifyContent": "flexJustifyContent"
6765
7005
  }
6766
7006
  },
6767
7007
  "required": false,
@@ -6872,7 +7112,18 @@
6872
7112
  "fontName": "fontName",
6873
7113
  "fontWeight": "fontWeight",
6874
7114
  "fontSize": "fontSize",
6875
- "lineHeight": "lineHeight"
7115
+ "lineHeight": "lineHeight",
7116
+ "borderLeftWidth": "border",
7117
+ "borderRightWidth": "border",
7118
+ "borderTopWidth": "border",
7119
+ "borderBottomWidth": "border",
7120
+ "borderColor": "color",
7121
+ "ellipsisPadding": "size",
7122
+ "ellipsisBorderRightWidth": "border",
7123
+ "ellipsisBorderLeftWidth": "border",
7124
+ "ellipsisBorderTopWidth": "border",
7125
+ "ellipsisBorderBottomWidth": "border",
7126
+ "ellipsisHeight": "size"
6876
7127
  }
6877
7128
  },
6878
7129
  "required": false,
@@ -6904,7 +7155,10 @@
6904
7155
  "name": "custom",
6905
7156
  "raw": {
6906
7157
  "borderColor": "color",
6907
- "borderWidth": "border",
7158
+ "borderLeftWidth": "border",
7159
+ "borderRightWidth": "border",
7160
+ "borderTopWidth": "border",
7161
+ "borderBottomWidth": "border",
6908
7162
  "borderRadius": "radius",
6909
7163
  "backgroundColor": "color",
6910
7164
  "paddingLeft": "size",
@@ -6912,6 +7166,7 @@
6912
7166
  "paddingTop": "size",
6913
7167
  "paddingBottom": "size",
6914
7168
  "outerBorderColor": "color",
7169
+ "outerBorderWidth": "border",
6915
7170
  "color": "color",
6916
7171
  "fontName": "fontName",
6917
7172
  "fontWeight": "fontWeight",
@@ -6923,7 +7178,8 @@
6923
7178
  "iconDisplace": "size",
6924
7179
  "width": "size",
6925
7180
  "textAlign": "flexJustifyContent",
6926
- "displayLabel": "show"
7181
+ "displayLabel": "show",
7182
+ "height": "size"
6927
7183
  }
6928
7184
  },
6929
7185
  "required": false,
@@ -7069,9 +7325,13 @@
7069
7325
  "name": "custom",
7070
7326
  "raw": {
7071
7327
  "borderColor": "color",
7072
- "borderWidth": "border",
7328
+ "borderLeftWidth": "border",
7329
+ "borderRightWidth": "border",
7330
+ "borderTopWidth": "border",
7331
+ "borderBottomWidth": "border",
7073
7332
  "borderRadius": "radius",
7074
7333
  "backgroundColor": "color",
7334
+ "height": "size",
7075
7335
  "paddingLeft": "size",
7076
7336
  "paddingRight": "size",
7077
7337
  "paddingTop": "size",
@@ -7771,6 +8031,8 @@
7771
8031
  "descriptionFontSize": "fontSize",
7772
8032
  "descriptionLineHeight": "lineHeight",
7773
8033
  "descriptionMarginLeft": "size",
8034
+ "descriptionFontName": "fontName",
8035
+ "descriptionFontWeight": "fontWeight",
7774
8036
  "inputBackgroundColor": "color",
7775
8037
  "inputBorderColor": "color",
7776
8038
  "inputBorderWidth": "border",
@@ -8313,7 +8575,8 @@
8313
8575
  "iconColor": "color",
8314
8576
  "validationIcon": "icon",
8315
8577
  "validationIconSize": "size",
8316
- "validationIconColor": "color"
8578
+ "validationIconColor": "color",
8579
+ "feedbackBackgroundColor": "color"
8317
8580
  }
8318
8581
  },
8319
8582
  "required": false,
@@ -10298,6 +10561,17 @@
10298
10561
  "required": false,
10299
10562
  "description": "Works the same as css text-align, note that RN doesn't support \"start\" or \"end\" (see https://reactnative.dev/docs/text-style-props#textalign)\nJustify is known to make text harder to read, especially for people with dyslexia (see https://developer.mozilla.org/en-US/docs/Web/CSS/text-align#accessibility_concerns)"
10300
10563
  },
10564
+ "strikeThrough": {
10565
+ "defaultValue": {
10566
+ "value": "false",
10567
+ "computed": false
10568
+ },
10569
+ "type": {
10570
+ "name": "bool"
10571
+ },
10572
+ "required": false,
10573
+ "description": "Renders the text with \"text-decoration: 'line-through'\" applied."
10574
+ },
10301
10575
  "tokens": {
10302
10576
  "type": {
10303
10577
  "name": "custom",
@@ -10478,10 +10752,15 @@
10478
10752
  "paddingTop": "size",
10479
10753
  "paddingBottom": "size",
10480
10754
  "width": "size",
10755
+ "height": "size",
10481
10756
  "minWidth": "size",
10482
10757
  "iconSize": "size",
10483
10758
  "iconSpace": "integer",
10484
10759
  "icon": "icon",
10760
+ "borderLeftWidth": "border",
10761
+ "borderRightWidth": "border",
10762
+ "borderTopWidth": "border",
10763
+ "borderBottomWidth": "border",
10485
10764
  "outerBorderColor": "color",
10486
10765
  "outerBorderWidth": "border",
10487
10766
  "outerBorderGap": "size",
@@ -10672,10 +10951,15 @@
10672
10951
  "paddingTop": "size",
10673
10952
  "paddingBottom": "size",
10674
10953
  "width": "size",
10954
+ "height": "size",
10675
10955
  "minWidth": "size",
10676
10956
  "iconSize": "size",
10677
10957
  "iconSpace": "integer",
10678
10958
  "icon": "icon",
10959
+ "borderLeftWidth": "border",
10960
+ "borderRightWidth": "border",
10961
+ "borderTopWidth": "border",
10962
+ "borderBottomWidth": "border",
10679
10963
  "outerBorderColor": "color",
10680
10964
  "outerBorderWidth": "border",
10681
10965
  "outerBorderGap": "size",
@@ -11093,10 +11377,15 @@
11093
11377
  "paddingTop": "size",
11094
11378
  "paddingBottom": "size",
11095
11379
  "width": "size",
11380
+ "height": "size",
11096
11381
  "minWidth": "size",
11097
11382
  "iconSize": "size",
11098
11383
  "iconSpace": "integer",
11099
11384
  "icon": "icon",
11385
+ "borderLeftWidth": "border",
11386
+ "borderRightWidth": "border",
11387
+ "borderTopWidth": "border",
11388
+ "borderBottomWidth": "border",
11100
11389
  "outerBorderColor": "color",
11101
11390
  "outerBorderWidth": "border",
11102
11391
  "outerBorderGap": "size",
@@ -13177,6 +13466,8 @@
13177
13466
  "descriptionFontSize": "fontSize",
13178
13467
  "descriptionLineHeight": "lineHeight",
13179
13468
  "descriptionMarginLeft": "size",
13469
+ "descriptionFontName": "fontName",
13470
+ "descriptionFontWeight": "fontWeight",
13180
13471
  "inputBackgroundColor": "color",
13181
13472
  "inputBorderColor": "color",
13182
13473
  "inputBorderWidth": "border",