@telus-uds/components-web 2.9.0 → 2.11.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.
- package/CHANGELOG.md +28 -2
- package/component-docs.json +94 -81
- package/lib/BlockQuote/BlockQuote.js +53 -5
- package/lib/Callout/Callout.js +12 -0
- package/lib/DatePicker/CalendarContainer.js +24 -0
- package/lib/DatePicker/DatePicker.js +26 -9
- package/lib/Disclaimer/Disclaimer.js +0 -4
- package/lib/ExpandCollapseMini/ExpandCollapseMini.js +4 -0
- package/lib/ExpandCollapseMini/ExpandCollapseMiniControl.js +16 -0
- package/lib/IconButton/IconButton.js +8 -0
- package/lib/Listbox/GroupControl.js +44 -28
- package/lib/Listbox/Listbox.js +62 -47
- package/lib/Listbox/ListboxGroup.js +36 -20
- package/lib/Listbox/ListboxItem.js +14 -51
- package/lib/Listbox/ListboxOverlay.js +1 -1
- package/lib/NavigationBar/NavigationBar.js +4 -0
- package/lib/OrderedList/Item.js +4 -0
- package/lib/Paragraph/Paragraph.js +4 -0
- package/lib/PreviewCard/AuthorDate.js +7 -0
- package/lib/PriceLockup/PriceLockup.js +48 -0
- package/lib/QuantitySelector/QuantitySelector.js +51 -0
- package/lib/Span/Span.js +4 -0
- package/lib/Table/Table.js +4 -0
- package/lib/Toast/Toast.js +16 -0
- package/lib/Video/ControlBar/ControlBar.js +13 -10
- package/lib/Video/ControlBar/Controls/VideoProgressBar/VideoProgressBar.js +4 -1
- package/lib/VideoPicker/VideoPicker.js +1 -1
- package/lib/shared/VideoSplash/SplashButtonWithDetails/SplashButtonWithDetails.js +14 -2
- package/lib/utils/index.js +3 -3
- package/lib-module/BlockQuote/BlockQuote.js +54 -6
- package/lib-module/Callout/Callout.js +12 -0
- package/lib-module/DatePicker/CalendarContainer.js +24 -0
- package/lib-module/DatePicker/DatePicker.js +26 -9
- package/lib-module/Disclaimer/Disclaimer.js +0 -4
- package/lib-module/ExpandCollapseMini/ExpandCollapseMini.js +4 -0
- package/lib-module/ExpandCollapseMini/ExpandCollapseMiniControl.js +16 -0
- package/lib-module/IconButton/IconButton.js +8 -0
- package/lib-module/Listbox/GroupControl.js +45 -29
- package/lib-module/Listbox/Listbox.js +62 -46
- package/lib-module/Listbox/ListboxGroup.js +37 -21
- package/lib-module/Listbox/ListboxItem.js +15 -51
- package/lib-module/Listbox/ListboxOverlay.js +1 -1
- package/lib-module/NavigationBar/NavigationBar.js +4 -0
- package/lib-module/OrderedList/Item.js +4 -0
- package/lib-module/Paragraph/Paragraph.js +4 -0
- package/lib-module/PreviewCard/AuthorDate.js +7 -0
- package/lib-module/PriceLockup/PriceLockup.js +48 -0
- package/lib-module/QuantitySelector/QuantitySelector.js +51 -0
- package/lib-module/Span/Span.js +4 -0
- package/lib-module/Table/Table.js +4 -0
- package/lib-module/Toast/Toast.js +16 -0
- package/lib-module/Video/ControlBar/ControlBar.js +14 -11
- package/lib-module/Video/ControlBar/Controls/VideoProgressBar/VideoProgressBar.js +4 -1
- package/lib-module/VideoPicker/VideoPicker.js +1 -1
- package/lib-module/shared/VideoSplash/SplashButtonWithDetails/SplashButtonWithDetails.js +14 -2
- package/lib-module/utils/index.js +1 -1
- package/package.json +3 -3
- package/src/BlockQuote/BlockQuote.jsx +66 -7
- package/src/Callout/Callout.jsx +9 -0
- package/src/DatePicker/CalendarContainer.jsx +24 -0
- package/src/DatePicker/DatePicker.jsx +25 -9
- package/src/Disclaimer/Disclaimer.jsx +0 -3
- package/src/ExpandCollapseMini/ExpandCollapseMini.jsx +3 -0
- package/src/ExpandCollapseMini/ExpandCollapseMiniControl.jsx +12 -0
- package/src/IconButton/IconButton.jsx +6 -0
- package/src/Listbox/GroupControl.jsx +50 -33
- package/src/Listbox/Listbox.jsx +65 -50
- package/src/Listbox/ListboxGroup.jsx +34 -19
- package/src/Listbox/ListboxItem.jsx +26 -48
- package/src/Listbox/ListboxOverlay.jsx +1 -1
- package/src/NavigationBar/NavigationBar.jsx +3 -0
- package/src/OrderedList/Item.jsx +3 -0
- package/src/Paragraph/Paragraph.jsx +3 -0
- package/src/PreviewCard/AuthorDate.jsx +6 -0
- package/src/PriceLockup/PriceLockup.jsx +37 -0
- package/src/QuantitySelector/QuantitySelector.jsx +39 -0
- package/src/Span/Span.jsx +3 -0
- package/src/Table/Table.jsx +3 -0
- package/src/Toast/Toast.jsx +12 -0
- package/src/Video/ControlBar/ControlBar.jsx +17 -13
- package/src/Video/ControlBar/Controls/VideoProgressBar/VideoProgressBar.jsx +2 -1
- package/src/VideoPicker/VideoPicker.jsx +1 -1
- package/src/shared/VideoSplash/SplashButtonWithDetails/SplashButtonWithDetails.jsx +8 -1
- package/src/utils/index.js +1 -1
- package/lib/Listbox/PressableItem.js +0 -149
- package/lib/utils/htmlAttrs.js +0 -33
- package/lib-module/Listbox/PressableItem.js +0 -128
- package/lib-module/utils/htmlAttrs.js +0 -22
- package/src/Listbox/PressableItem.jsx +0 -121
- package/src/utils/htmlAttrs.js +0 -29
package/component-docs.json
CHANGED
|
@@ -240,7 +240,7 @@
|
|
|
240
240
|
]
|
|
241
241
|
},
|
|
242
242
|
"required": false,
|
|
243
|
-
"description": ""
|
|
243
|
+
"description": "Whether to render BlockQuote as a heading size of `h3` or large text size"
|
|
244
244
|
},
|
|
245
245
|
"children": {
|
|
246
246
|
"type": {
|
|
@@ -254,21 +254,21 @@
|
|
|
254
254
|
"name": "string"
|
|
255
255
|
},
|
|
256
256
|
"required": false,
|
|
257
|
-
"description": ""
|
|
257
|
+
"description": "External source's identifier (e.g. author's name)"
|
|
258
258
|
},
|
|
259
259
|
"linkHref": {
|
|
260
260
|
"type": {
|
|
261
261
|
"name": "string"
|
|
262
262
|
},
|
|
263
263
|
"required": false,
|
|
264
|
-
"description": ""
|
|
264
|
+
"description": "External source's URL"
|
|
265
265
|
},
|
|
266
266
|
"additionalInfo": {
|
|
267
267
|
"type": {
|
|
268
268
|
"name": "string"
|
|
269
269
|
},
|
|
270
270
|
"required": false,
|
|
271
|
-
"description": ""
|
|
271
|
+
"description": "To provide additional information about the source, rendered underneath `link`"
|
|
272
272
|
}
|
|
273
273
|
},
|
|
274
274
|
"attributes": {}
|
|
@@ -400,7 +400,7 @@
|
|
|
400
400
|
"name": "elementType"
|
|
401
401
|
},
|
|
402
402
|
"required": false,
|
|
403
|
-
"description": ""
|
|
403
|
+
"description": "Icon to display on the left side of the Callout"
|
|
404
404
|
},
|
|
405
405
|
"children": {
|
|
406
406
|
"type": {
|
|
@@ -424,7 +424,7 @@
|
|
|
424
424
|
]
|
|
425
425
|
},
|
|
426
426
|
"required": false,
|
|
427
|
-
"description": ""
|
|
427
|
+
"description": "To change the horizontal alignment of the Callout's text"
|
|
428
428
|
},
|
|
429
429
|
"verticalAlign": {
|
|
430
430
|
"type": {
|
|
@@ -445,7 +445,7 @@
|
|
|
445
445
|
]
|
|
446
446
|
},
|
|
447
447
|
"required": false,
|
|
448
|
-
"description": ""
|
|
448
|
+
"description": "To change the vertical alignment of the Callout's icon"
|
|
449
449
|
}
|
|
450
450
|
},
|
|
451
451
|
"attributes": {}
|
|
@@ -793,6 +793,17 @@
|
|
|
793
793
|
"required": false,
|
|
794
794
|
"description": "Use to visually mark an input as valid or invalid."
|
|
795
795
|
},
|
|
796
|
+
"disabled": {
|
|
797
|
+
"defaultValue": {
|
|
798
|
+
"value": "false",
|
|
799
|
+
"computed": false
|
|
800
|
+
},
|
|
801
|
+
"type": {
|
|
802
|
+
"name": "bool"
|
|
803
|
+
},
|
|
804
|
+
"required": false,
|
|
805
|
+
"description": "Disable the input which will not open the calendar picker"
|
|
806
|
+
},
|
|
796
807
|
"id": {
|
|
797
808
|
"type": {
|
|
798
809
|
"name": "string"
|
|
@@ -813,7 +824,7 @@
|
|
|
813
824
|
"name": "node"
|
|
814
825
|
},
|
|
815
826
|
"required": true,
|
|
816
|
-
"description": "
|
|
827
|
+
"description": ""
|
|
817
828
|
}
|
|
818
829
|
},
|
|
819
830
|
"attributes": {}
|
|
@@ -832,35 +843,35 @@
|
|
|
832
843
|
"name": "func"
|
|
833
844
|
},
|
|
834
845
|
"required": false,
|
|
835
|
-
"description": ""
|
|
846
|
+
"description": "Function to call on pressing the panel's control, which should open or close the panel."
|
|
836
847
|
},
|
|
837
848
|
"onPress": {
|
|
838
849
|
"type": {
|
|
839
850
|
"name": "func"
|
|
840
851
|
},
|
|
841
852
|
"required": false,
|
|
842
|
-
"description": ""
|
|
853
|
+
"description": "Optional function to call on pressing the panel's control, in addition to opening or closing the panel"
|
|
843
854
|
},
|
|
844
855
|
"expandTitle": {
|
|
845
856
|
"type": {
|
|
846
857
|
"name": "string"
|
|
847
858
|
},
|
|
848
859
|
"required": true,
|
|
849
|
-
"description": ""
|
|
860
|
+
"description": "ExpandCollapseMiniControl title when expanded"
|
|
850
861
|
},
|
|
851
862
|
"collapseTitle": {
|
|
852
863
|
"type": {
|
|
853
864
|
"name": "string"
|
|
854
865
|
},
|
|
855
866
|
"required": true,
|
|
856
|
-
"description": ""
|
|
867
|
+
"description": "ExpandCollapseMiniControl title when collapsed"
|
|
857
868
|
},
|
|
858
869
|
"pressableState": {
|
|
859
870
|
"type": {
|
|
860
871
|
"name": "object"
|
|
861
872
|
},
|
|
862
873
|
"required": false,
|
|
863
|
-
"description": ""
|
|
874
|
+
"description": "React Native's `Pressable`'s state object"
|
|
864
875
|
},
|
|
865
876
|
"variant": {
|
|
866
877
|
"type": {
|
|
@@ -1107,7 +1118,7 @@
|
|
|
1107
1118
|
"name": "func"
|
|
1108
1119
|
},
|
|
1109
1120
|
"required": false,
|
|
1110
|
-
"description": ""
|
|
1121
|
+
"description": "To set a custom icon"
|
|
1111
1122
|
},
|
|
1112
1123
|
"action": {
|
|
1113
1124
|
"type": {
|
|
@@ -1152,7 +1163,7 @@
|
|
|
1152
1163
|
]
|
|
1153
1164
|
},
|
|
1154
1165
|
"required": false,
|
|
1155
|
-
"description": ""
|
|
1166
|
+
"description": "To set the icon to a multi-brand compatabile icon"
|
|
1156
1167
|
}
|
|
1157
1168
|
},
|
|
1158
1169
|
"attributes": {}
|
|
@@ -1349,7 +1360,7 @@
|
|
|
1349
1360
|
"name": "array"
|
|
1350
1361
|
},
|
|
1351
1362
|
"required": false,
|
|
1352
|
-
"description": ""
|
|
1363
|
+
"description": "`Listbox` items"
|
|
1353
1364
|
},
|
|
1354
1365
|
"firstItemRef": {
|
|
1355
1366
|
"defaultValue": {
|
|
@@ -1378,7 +1389,7 @@
|
|
|
1378
1389
|
"name": "string"
|
|
1379
1390
|
},
|
|
1380
1391
|
"required": false,
|
|
1381
|
-
"description": ""
|
|
1392
|
+
"description": "To select an item by default"
|
|
1382
1393
|
}
|
|
1383
1394
|
},
|
|
1384
1395
|
"attributes": {}
|
|
@@ -1657,7 +1668,7 @@
|
|
|
1657
1668
|
]
|
|
1658
1669
|
},
|
|
1659
1670
|
"required": false,
|
|
1660
|
-
"description": ""
|
|
1671
|
+
"description": "Sets the `headingLevel` of the `heading`"
|
|
1661
1672
|
},
|
|
1662
1673
|
"onChange": {
|
|
1663
1674
|
"defaultValue": {
|
|
@@ -1946,7 +1957,7 @@
|
|
|
1946
1957
|
"name": "string"
|
|
1947
1958
|
},
|
|
1948
1959
|
"required": false,
|
|
1949
|
-
"description": ""
|
|
1960
|
+
"description": "Defines the title of the `OrderedList.Item`"
|
|
1950
1961
|
},
|
|
1951
1962
|
"tokens": {
|
|
1952
1963
|
"defaultValue": {
|
|
@@ -2017,7 +2028,7 @@
|
|
|
2017
2028
|
"name": "string"
|
|
2018
2029
|
},
|
|
2019
2030
|
"required": false,
|
|
2020
|
-
"description": ""
|
|
2031
|
+
"description": "Adds a `data-testid` attribute to the element for testing purposes"
|
|
2021
2032
|
},
|
|
2022
2033
|
"align": {
|
|
2023
2034
|
"type": {
|
|
@@ -2199,14 +2210,14 @@
|
|
|
2199
2210
|
"name": "string"
|
|
2200
2211
|
},
|
|
2201
2212
|
"required": true,
|
|
2202
|
-
"description": ""
|
|
2213
|
+
"description": "Name of the author"
|
|
2203
2214
|
},
|
|
2204
2215
|
"date": {
|
|
2205
2216
|
"type": {
|
|
2206
2217
|
"name": "string"
|
|
2207
2218
|
},
|
|
2208
2219
|
"required": true,
|
|
2209
|
-
"description": ""
|
|
2220
|
+
"description": "Date of the post"
|
|
2210
2221
|
}
|
|
2211
2222
|
},
|
|
2212
2223
|
"attributes": {}
|
|
@@ -2240,7 +2251,7 @@
|
|
|
2240
2251
|
]
|
|
2241
2252
|
},
|
|
2242
2253
|
"required": false,
|
|
2243
|
-
"description": ""
|
|
2254
|
+
"description": "Size of the component\n\nSmall for pricing in product catalogue pages, medium for pricing in product comparison cards and large for pricing in banners and promo cards"
|
|
2244
2255
|
},
|
|
2245
2256
|
"signDirection": {
|
|
2246
2257
|
"defaultValue": {
|
|
@@ -2261,7 +2272,7 @@
|
|
|
2261
2272
|
]
|
|
2262
2273
|
},
|
|
2263
2274
|
"required": false,
|
|
2264
|
-
"description": ""
|
|
2275
|
+
"description": "Displays which side the currency should apperar (left, right)"
|
|
2265
2276
|
},
|
|
2266
2277
|
"footnoteLinks": {
|
|
2267
2278
|
"defaultValue": {
|
|
@@ -2283,7 +2294,7 @@
|
|
|
2283
2294
|
}
|
|
2284
2295
|
},
|
|
2285
2296
|
"required": false,
|
|
2286
|
-
"description": ""
|
|
2297
|
+
"description": "Shows additional link for context"
|
|
2287
2298
|
},
|
|
2288
2299
|
"currencySymbol": {
|
|
2289
2300
|
"defaultValue": {
|
|
@@ -2294,7 +2305,7 @@
|
|
|
2294
2305
|
"name": "string"
|
|
2295
2306
|
},
|
|
2296
2307
|
"required": false,
|
|
2297
|
-
"description": ""
|
|
2308
|
+
"description": "If currency symbol other than `$` to be used"
|
|
2298
2309
|
},
|
|
2299
2310
|
"variant": {
|
|
2300
2311
|
"defaultValue": {
|
|
@@ -2308,49 +2319,49 @@
|
|
|
2308
2319
|
"name": "string"
|
|
2309
2320
|
},
|
|
2310
2321
|
"required": false,
|
|
2311
|
-
"description": ""
|
|
2322
|
+
"description": "Shows additional info above the price"
|
|
2312
2323
|
},
|
|
2313
2324
|
"price": {
|
|
2314
2325
|
"type": {
|
|
2315
2326
|
"name": "string"
|
|
2316
2327
|
},
|
|
2317
2328
|
"required": true,
|
|
2318
|
-
"description": ""
|
|
2329
|
+
"description": "Monetary value (including decimals separated by \".\")"
|
|
2319
2330
|
},
|
|
2320
2331
|
"rateText": {
|
|
2321
2332
|
"type": {
|
|
2322
2333
|
"name": "string"
|
|
2323
2334
|
},
|
|
2324
2335
|
"required": false,
|
|
2325
|
-
"description": ""
|
|
2336
|
+
"description": "Shows month/year unit"
|
|
2326
2337
|
},
|
|
2327
2338
|
"bottomText": {
|
|
2328
2339
|
"type": {
|
|
2329
2340
|
"name": "string"
|
|
2330
2341
|
},
|
|
2331
2342
|
"required": false,
|
|
2332
|
-
"description": ""
|
|
2343
|
+
"description": "Shows additional info below the price with a `Divider`"
|
|
2333
2344
|
},
|
|
2334
2345
|
"onClickFootnote": {
|
|
2335
2346
|
"type": {
|
|
2336
2347
|
"name": "func"
|
|
2337
2348
|
},
|
|
2338
2349
|
"required": false,
|
|
2339
|
-
"description": ""
|
|
2350
|
+
"description": "Function to be called when a footnote link is clicked"
|
|
2340
2351
|
},
|
|
2341
2352
|
"strikeThrough": {
|
|
2342
2353
|
"type": {
|
|
2343
2354
|
"name": "bool"
|
|
2344
2355
|
},
|
|
2345
2356
|
"required": false,
|
|
2346
|
-
"description": ""
|
|
2357
|
+
"description": "To show price savings comparison"
|
|
2347
2358
|
},
|
|
2348
2359
|
"a11yText": {
|
|
2349
2360
|
"type": {
|
|
2350
2361
|
"name": "string"
|
|
2351
2362
|
},
|
|
2352
2363
|
"required": false,
|
|
2353
|
-
"description": ""
|
|
2364
|
+
"description": "To provide a11y text for `PriceLockup` component\n\n**Note:** a11yText will override strikethrough price, so it must include price (ie. \"was 50 dollars per month\")"
|
|
2354
2365
|
}
|
|
2355
2366
|
},
|
|
2356
2367
|
"attributes": {}
|
|
@@ -2470,7 +2481,7 @@
|
|
|
2470
2481
|
}
|
|
2471
2482
|
},
|
|
2472
2483
|
"required": false,
|
|
2473
|
-
"description": ""
|
|
2484
|
+
"description": "The dictionary object containing the content for the input field"
|
|
2474
2485
|
},
|
|
2475
2486
|
"id": {
|
|
2476
2487
|
"defaultValue": {
|
|
@@ -2481,7 +2492,7 @@
|
|
|
2481
2492
|
"name": "string"
|
|
2482
2493
|
},
|
|
2483
2494
|
"required": false,
|
|
2484
|
-
"description": ""
|
|
2495
|
+
"description": "The id of the input field"
|
|
2485
2496
|
},
|
|
2486
2497
|
"hintPosition": {
|
|
2487
2498
|
"defaultValue": {
|
|
@@ -2502,7 +2513,7 @@
|
|
|
2502
2513
|
]
|
|
2503
2514
|
},
|
|
2504
2515
|
"required": false,
|
|
2505
|
-
"description": ""
|
|
2516
|
+
"description": "The position of the hint. Could be shown along side the label or below it"
|
|
2506
2517
|
},
|
|
2507
2518
|
"copy": {
|
|
2508
2519
|
"defaultValue": {
|
|
@@ -2528,7 +2539,7 @@
|
|
|
2528
2539
|
]
|
|
2529
2540
|
},
|
|
2530
2541
|
"required": false,
|
|
2531
|
-
"description": ""
|
|
2542
|
+
"description": "The language to use for the copy."
|
|
2532
2543
|
},
|
|
2533
2544
|
"variant": {
|
|
2534
2545
|
"defaultValue": {
|
|
@@ -2556,63 +2567,63 @@
|
|
|
2556
2567
|
"name": "string"
|
|
2557
2568
|
},
|
|
2558
2569
|
"required": false,
|
|
2559
|
-
"description": ""
|
|
2570
|
+
"description": "Sets `data-testid` attribute on the input field for testing purposes."
|
|
2560
2571
|
},
|
|
2561
2572
|
"minNumber": {
|
|
2562
2573
|
"type": {
|
|
2563
2574
|
"name": "number"
|
|
2564
2575
|
},
|
|
2565
2576
|
"required": false,
|
|
2566
|
-
"description": ""
|
|
2577
|
+
"description": "The minimum number allowed"
|
|
2567
2578
|
},
|
|
2568
2579
|
"maxNumber": {
|
|
2569
2580
|
"type": {
|
|
2570
2581
|
"name": "number"
|
|
2571
2582
|
},
|
|
2572
2583
|
"required": false,
|
|
2573
|
-
"description": ""
|
|
2584
|
+
"description": "The maximum number allowed"
|
|
2574
2585
|
},
|
|
2575
2586
|
"onChange": {
|
|
2576
2587
|
"type": {
|
|
2577
2588
|
"name": "func"
|
|
2578
2589
|
},
|
|
2579
2590
|
"required": false,
|
|
2580
|
-
"description": ""
|
|
2591
|
+
"description": "The callback function that is called when the value of the input field changes"
|
|
2581
2592
|
},
|
|
2582
2593
|
"defaultValue": {
|
|
2583
2594
|
"type": {
|
|
2584
2595
|
"name": "number"
|
|
2585
2596
|
},
|
|
2586
2597
|
"required": false,
|
|
2587
|
-
"description": ""
|
|
2598
|
+
"description": "The default value of the input field"
|
|
2588
2599
|
},
|
|
2589
2600
|
"label": {
|
|
2590
2601
|
"type": {
|
|
2591
2602
|
"name": "string"
|
|
2592
2603
|
},
|
|
2593
2604
|
"required": false,
|
|
2594
|
-
"description": ""
|
|
2605
|
+
"description": "The label of the input field"
|
|
2595
2606
|
},
|
|
2596
2607
|
"hint": {
|
|
2597
2608
|
"type": {
|
|
2598
2609
|
"name": "string"
|
|
2599
2610
|
},
|
|
2600
2611
|
"required": false,
|
|
2601
|
-
"description": ""
|
|
2612
|
+
"description": "The hint of the input field"
|
|
2602
2613
|
},
|
|
2603
2614
|
"tooltip": {
|
|
2604
2615
|
"type": {
|
|
2605
2616
|
"name": "string"
|
|
2606
2617
|
},
|
|
2607
2618
|
"required": false,
|
|
2608
|
-
"description": ""
|
|
2619
|
+
"description": "Adds a question mark which will display a tooltip when clicked"
|
|
2609
2620
|
},
|
|
2610
2621
|
"accessibilityLabel": {
|
|
2611
2622
|
"type": {
|
|
2612
2623
|
"name": "string"
|
|
2613
2624
|
},
|
|
2614
2625
|
"required": false,
|
|
2615
|
-
"description": ""
|
|
2626
|
+
"description": "The accessibility label of the input field"
|
|
2616
2627
|
},
|
|
2617
2628
|
"tokens": {
|
|
2618
2629
|
"type": {
|
|
@@ -2809,7 +2820,7 @@
|
|
|
2809
2820
|
"name": "string"
|
|
2810
2821
|
},
|
|
2811
2822
|
"required": false,
|
|
2812
|
-
"description": ""
|
|
2823
|
+
"description": "Adds `data-testid` attribute for testing"
|
|
2813
2824
|
},
|
|
2814
2825
|
"flex": {
|
|
2815
2826
|
"type": {
|
|
@@ -3124,7 +3135,7 @@
|
|
|
3124
3135
|
]
|
|
3125
3136
|
},
|
|
3126
3137
|
"required": false,
|
|
3127
|
-
"description": ""
|
|
3138
|
+
"description": "Sets text style"
|
|
3128
3139
|
},
|
|
3129
3140
|
"children": {
|
|
3130
3141
|
"type": {
|
|
@@ -3474,21 +3485,21 @@
|
|
|
3474
3485
|
"name": "bool"
|
|
3475
3486
|
},
|
|
3476
3487
|
"required": false,
|
|
3477
|
-
"description": ""
|
|
3488
|
+
"description": "If true, the toast will be displayed"
|
|
3478
3489
|
},
|
|
3479
3490
|
"copy": {
|
|
3480
3491
|
"type": {
|
|
3481
3492
|
"name": "string"
|
|
3482
3493
|
},
|
|
3483
3494
|
"required": true,
|
|
3484
|
-
"description": ""
|
|
3495
|
+
"description": "The copy to display in the toast"
|
|
3485
3496
|
},
|
|
3486
3497
|
"headline": {
|
|
3487
3498
|
"type": {
|
|
3488
3499
|
"name": "string"
|
|
3489
3500
|
},
|
|
3490
3501
|
"required": false,
|
|
3491
|
-
"description": ""
|
|
3502
|
+
"description": "The headline to display in the toast (before copy)"
|
|
3492
3503
|
},
|
|
3493
3504
|
"link": {
|
|
3494
3505
|
"type": {
|
|
@@ -3515,7 +3526,7 @@
|
|
|
3515
3526
|
}
|
|
3516
3527
|
},
|
|
3517
3528
|
"required": false,
|
|
3518
|
-
"description": ""
|
|
3529
|
+
"description": "The link to display in the toast (after copy)"
|
|
3519
3530
|
}
|
|
3520
3531
|
},
|
|
3521
3532
|
"attributes": {}
|
|
@@ -3988,14 +3999,14 @@
|
|
|
3988
3999
|
"name": "string"
|
|
3989
4000
|
},
|
|
3990
4001
|
"required": true,
|
|
3991
|
-
"description": ""
|
|
4002
|
+
"description": "Text to be read by screen readers"
|
|
3992
4003
|
},
|
|
3993
4004
|
"heading": {
|
|
3994
4005
|
"type": {
|
|
3995
4006
|
"name": "bool"
|
|
3996
4007
|
},
|
|
3997
4008
|
"required": false,
|
|
3998
|
-
"description": ""
|
|
4009
|
+
"description": "Whether text should be rendered as a heading"
|
|
3999
4010
|
}
|
|
4000
4011
|
},
|
|
4001
4012
|
"attributes": {
|
|
@@ -6629,7 +6640,7 @@
|
|
|
6629
6640
|
]
|
|
6630
6641
|
},
|
|
6631
6642
|
"required": false,
|
|
6632
|
-
"description": ""
|
|
6643
|
+
"description": "Changes direction of chevron icon"
|
|
6633
6644
|
},
|
|
6634
6645
|
"tokens": {
|
|
6635
6646
|
"defaultValue": {
|
|
@@ -6713,7 +6724,7 @@
|
|
|
6713
6724
|
]
|
|
6714
6725
|
},
|
|
6715
6726
|
"required": false,
|
|
6716
|
-
"description": ""
|
|
6727
|
+
"description": "A number referring to a position on the space scale to create space on either side of the divider"
|
|
6717
6728
|
},
|
|
6718
6729
|
"variant": {
|
|
6719
6730
|
"type": {
|
|
@@ -8768,7 +8779,7 @@
|
|
|
8768
8779
|
]
|
|
8769
8780
|
},
|
|
8770
8781
|
"required": false,
|
|
8771
|
-
"description": ""
|
|
8782
|
+
"description": "To change the language for labels"
|
|
8772
8783
|
},
|
|
8773
8784
|
"LinkRouter": {
|
|
8774
8785
|
"type": {
|
|
@@ -8859,7 +8870,7 @@
|
|
|
8859
8870
|
}
|
|
8860
8871
|
},
|
|
8861
8872
|
"required": false,
|
|
8862
|
-
"description": ""
|
|
8873
|
+
"description": "When passed as `{{ compact: true }}`, `Pagination` does not render labels along side buttons"
|
|
8863
8874
|
},
|
|
8864
8875
|
"sideButtonTokens": {
|
|
8865
8876
|
"type": {
|
|
@@ -8894,7 +8905,7 @@
|
|
|
8894
8905
|
}
|
|
8895
8906
|
},
|
|
8896
8907
|
"required": false,
|
|
8897
|
-
"description": ""
|
|
8908
|
+
"description": "Custom tokens for `PaginationSideButton`"
|
|
8898
8909
|
}
|
|
8899
8910
|
},
|
|
8900
8911
|
"attributes": {
|
|
@@ -8984,14 +8995,14 @@
|
|
|
8984
8995
|
"name": "string"
|
|
8985
8996
|
},
|
|
8986
8997
|
"required": false,
|
|
8987
|
-
"description": ""
|
|
8998
|
+
"description": "To set custom label for the button"
|
|
8988
8999
|
},
|
|
8989
9000
|
"isActive": {
|
|
8990
9001
|
"type": {
|
|
8991
9002
|
"name": "bool"
|
|
8992
9003
|
},
|
|
8993
9004
|
"required": false,
|
|
8994
|
-
"description": ""
|
|
9005
|
+
"description": "To set `PageButton` to active state"
|
|
8995
9006
|
},
|
|
8996
9007
|
"copy": {
|
|
8997
9008
|
"type": {
|
|
@@ -9008,7 +9019,7 @@
|
|
|
9008
9019
|
]
|
|
9009
9020
|
},
|
|
9010
9021
|
"required": false,
|
|
9011
|
-
"description": ""
|
|
9022
|
+
"description": "To change the language for labels"
|
|
9012
9023
|
},
|
|
9013
9024
|
"variant": {
|
|
9014
9025
|
"type": {
|
|
@@ -9083,7 +9094,7 @@
|
|
|
9083
9094
|
"name": "string"
|
|
9084
9095
|
},
|
|
9085
9096
|
"required": false,
|
|
9086
|
-
"description": ""
|
|
9097
|
+
"description": "The HTML tag to render the list as"
|
|
9087
9098
|
},
|
|
9088
9099
|
"tokens": {
|
|
9089
9100
|
"type": {
|
|
@@ -9122,7 +9133,7 @@
|
|
|
9122
9133
|
}
|
|
9123
9134
|
},
|
|
9124
9135
|
"required": false,
|
|
9125
|
-
"description": ""
|
|
9136
|
+
"description": "Custom tokens override for `Card`"
|
|
9126
9137
|
},
|
|
9127
9138
|
"listTokens": {
|
|
9128
9139
|
"type": {
|
|
@@ -9154,7 +9165,7 @@
|
|
|
9154
9165
|
}
|
|
9155
9166
|
},
|
|
9156
9167
|
"required": false,
|
|
9157
|
-
"description": ""
|
|
9168
|
+
"description": "Custom tokens override for `QuickLinksList`"
|
|
9158
9169
|
},
|
|
9159
9170
|
"variant": {
|
|
9160
9171
|
"type": {
|
|
@@ -10329,7 +10340,7 @@
|
|
|
10329
10340
|
]
|
|
10330
10341
|
},
|
|
10331
10342
|
"required": false,
|
|
10332
|
-
"description": ""
|
|
10343
|
+
"description": "To hide children of `Responsive` if the current viewport is smaller than `min`"
|
|
10333
10344
|
},
|
|
10334
10345
|
"max": {
|
|
10335
10346
|
"type": {
|
|
@@ -10354,7 +10365,7 @@
|
|
|
10354
10365
|
]
|
|
10355
10366
|
},
|
|
10356
10367
|
"required": false,
|
|
10357
|
-
"description": ""
|
|
10368
|
+
"description": "To hide children of `Responsive` if the current viewport is larger than `max`"
|
|
10358
10369
|
},
|
|
10359
10370
|
"children": {
|
|
10360
10371
|
"type": {
|
|
@@ -10665,7 +10676,7 @@
|
|
|
10665
10676
|
"name": "string"
|
|
10666
10677
|
},
|
|
10667
10678
|
"required": true,
|
|
10668
|
-
"description": ""
|
|
10679
|
+
"description": "The label for the group."
|
|
10669
10680
|
}
|
|
10670
10681
|
},
|
|
10671
10682
|
"attributes": {
|
|
@@ -10689,7 +10700,7 @@
|
|
|
10689
10700
|
"name": "string"
|
|
10690
10701
|
},
|
|
10691
10702
|
"required": true,
|
|
10692
|
-
"description": ""
|
|
10703
|
+
"description": "The value of the option"
|
|
10693
10704
|
}
|
|
10694
10705
|
},
|
|
10695
10706
|
"attributes": {
|
|
@@ -10783,7 +10794,7 @@
|
|
|
10783
10794
|
}
|
|
10784
10795
|
},
|
|
10785
10796
|
"required": false,
|
|
10786
|
-
"description": ""
|
|
10797
|
+
"description": "Custom tokens for `SideNav.Item`"
|
|
10787
10798
|
},
|
|
10788
10799
|
"groupTokens": {
|
|
10789
10800
|
"type": {
|
|
@@ -10805,7 +10816,7 @@
|
|
|
10805
10816
|
}
|
|
10806
10817
|
},
|
|
10807
10818
|
"required": false,
|
|
10808
|
-
"description": ""
|
|
10819
|
+
"description": "Custom tokens for `SideNavItemsGroup`"
|
|
10809
10820
|
}
|
|
10810
10821
|
},
|
|
10811
10822
|
"attributes": {
|
|
@@ -11024,7 +11035,7 @@
|
|
|
11024
11035
|
}
|
|
11025
11036
|
},
|
|
11026
11037
|
"required": false,
|
|
11027
|
-
"description": ""
|
|
11038
|
+
"description": "Custom tokens for `SideNav.Item`"
|
|
11028
11039
|
}
|
|
11029
11040
|
},
|
|
11030
11041
|
"attributes": {
|
|
@@ -11371,6 +11382,7 @@
|
|
|
11371
11382
|
"space": {
|
|
11372
11383
|
"name": "custom",
|
|
11373
11384
|
"raw": "spacingProps.types.spacingValue",
|
|
11385
|
+
"description": "A number referring to a position on the space scale to create space on either side of the divider",
|
|
11374
11386
|
"required": false
|
|
11375
11387
|
},
|
|
11376
11388
|
"variant": {
|
|
@@ -11658,7 +11670,7 @@
|
|
|
11658
11670
|
"name": "number"
|
|
11659
11671
|
},
|
|
11660
11672
|
"required": false,
|
|
11661
|
-
"description": ""
|
|
11673
|
+
"description": "The current step, 0-based number"
|
|
11662
11674
|
},
|
|
11663
11675
|
"copy": {
|
|
11664
11676
|
"defaultValue": {
|
|
@@ -11688,7 +11700,7 @@
|
|
|
11688
11700
|
]
|
|
11689
11701
|
},
|
|
11690
11702
|
"required": false,
|
|
11691
|
-
"description": ""
|
|
11703
|
+
"description": "The language to use for the labels"
|
|
11692
11704
|
},
|
|
11693
11705
|
"dictionary": {
|
|
11694
11706
|
"defaultValue": {
|
|
@@ -11711,7 +11723,7 @@
|
|
|
11711
11723
|
}
|
|
11712
11724
|
},
|
|
11713
11725
|
"required": false,
|
|
11714
|
-
"description": ""
|
|
11726
|
+
"description": "Custom dictionary containing the labels to use for the steps"
|
|
11715
11727
|
},
|
|
11716
11728
|
"steps": {
|
|
11717
11729
|
"defaultValue": {
|
|
@@ -11725,7 +11737,7 @@
|
|
|
11725
11737
|
}
|
|
11726
11738
|
},
|
|
11727
11739
|
"required": false,
|
|
11728
|
-
"description": ""
|
|
11740
|
+
"description": "An array of strings defining the step titles"
|
|
11729
11741
|
},
|
|
11730
11742
|
"tokens": {
|
|
11731
11743
|
"type": {
|
|
@@ -11847,14 +11859,14 @@
|
|
|
11847
11859
|
}
|
|
11848
11860
|
},
|
|
11849
11861
|
"required": false,
|
|
11850
|
-
"description": ""
|
|
11862
|
+
"description": "Array of `TabsItem`s"
|
|
11851
11863
|
},
|
|
11852
11864
|
"value": {
|
|
11853
11865
|
"type": {
|
|
11854
11866
|
"name": "string"
|
|
11855
11867
|
},
|
|
11856
11868
|
"required": false,
|
|
11857
|
-
"description": ""
|
|
11869
|
+
"description": "`id` property of the current tab in the items array"
|
|
11858
11870
|
},
|
|
11859
11871
|
"initialValue": {
|
|
11860
11872
|
"type": {
|
|
@@ -11868,7 +11880,7 @@
|
|
|
11868
11880
|
"name": "func"
|
|
11869
11881
|
},
|
|
11870
11882
|
"required": false,
|
|
11871
|
-
"description": ""
|
|
11883
|
+
"description": "Callback for when the selected tab changes"
|
|
11872
11884
|
},
|
|
11873
11885
|
"tokens": {
|
|
11874
11886
|
"type": {
|
|
@@ -11915,7 +11927,7 @@
|
|
|
11915
11927
|
}
|
|
11916
11928
|
},
|
|
11917
11929
|
"required": false,
|
|
11918
|
-
"description": ""
|
|
11930
|
+
"description": "Custom tokens for `TabsItem`"
|
|
11919
11931
|
},
|
|
11920
11932
|
"scrollButtonTokens": {
|
|
11921
11933
|
"type": {
|
|
@@ -11938,7 +11950,7 @@
|
|
|
11938
11950
|
}
|
|
11939
11951
|
},
|
|
11940
11952
|
"required": false,
|
|
11941
|
-
"description": ""
|
|
11953
|
+
"description": "Custom tokens for `HorizontalScrollButton`"
|
|
11942
11954
|
},
|
|
11943
11955
|
"variant": {
|
|
11944
11956
|
"type": {
|
|
@@ -12631,6 +12643,7 @@
|
|
|
12631
12643
|
"dotWidth": "size",
|
|
12632
12644
|
"dotBorderWidth": "border",
|
|
12633
12645
|
"timelineContainerDirection": "direction",
|
|
12646
|
+
"timelineConnectorColor": "color",
|
|
12634
12647
|
"timelineColor": "color",
|
|
12635
12648
|
"connectorWidth": "size",
|
|
12636
12649
|
"connectorHeight": "size",
|