@rei/cedar 13.5.0 → 13.5.1-beta.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/dist/cedar-compiled.css +1031 -1031
- package/dist/cedar.umd.js +2 -2
- package/dist/component-docgen.json +1072 -1072
- package/dist/icon-component-docgen.json +424 -424
- package/dist/src/components/accordion/styles/CdrAccordion.module.scss.mjs +29 -29
- package/dist/src/components/accordion/styles/CdrAccordionGroup.module.scss.mjs +2 -2
- package/dist/src/components/banner/styles/CdrBanner.module.scss.mjs +14 -14
- package/dist/src/components/breadcrumb/styles/CdrBreadcrumb.module.scss.mjs +7 -7
- package/dist/src/components/button/styles/CdrButton.module.scss.mjs +31 -31
- package/dist/src/components/caption/styles/CdrCaption.module.scss.mjs +4 -4
- package/dist/src/components/card/styles/CdrCard.module.scss.mjs +3 -3
- package/dist/src/components/checkbox/styles/CdrCheckbox.module.scss.mjs +25 -25
- package/dist/src/components/chip/styles/CdrChip.module.scss.mjs +4 -4
- package/dist/src/components/chip/styles/CdrChipGroup.module.scss.mjs +4 -4
- package/dist/src/components/container/styles/CdrContainer.module.scss.mjs +2 -2
- package/dist/src/components/formError/styles/CdrFormError.module.scss.mjs +2 -2
- package/dist/src/components/formGroup/styles/CdrFormGroup.module.scss.mjs +8 -8
- package/dist/src/components/grid/styles/CdrGrid.module.scss.mjs +21 -21
- package/dist/src/components/icon/styles/CdrIcon.module.scss.mjs +12 -12
- package/dist/src/components/image/styles/CdrImg.module.scss.mjs +10 -10
- package/dist/src/components/input/styles/CdrInput.module.scss.mjs +34 -34
- package/dist/src/components/labelStandalone/styles/CdrLabelStandalone.module.scss.mjs +14 -14
- package/dist/src/components/labelWrapper/styles/CdrLabelWrapper.module.scss.mjs +23 -23
- package/dist/src/components/link/styles/CdrLink.module.scss.mjs +3 -3
- package/dist/src/components/list/styles/CdrList.module.scss.mjs +7 -7
- package/dist/src/components/modal/styles/CdrModal.module.scss.mjs +12 -12
- package/dist/src/components/pagination/styles/CdrPagination.module.scss.mjs +55 -55
- package/dist/src/components/popover/styles/CdrPopover.module.scss.mjs +65 -65
- package/dist/src/components/popup/styles/CdrPopup.module.scss.mjs +14 -14
- package/dist/src/components/quote/styles/CdrQuote.module.scss.mjs +4 -4
- package/dist/src/components/radio/styles/CdrRadio.module.scss.mjs +25 -25
- package/dist/src/components/rating/styles/CdrRating.module.scss.mjs +28 -28
- package/dist/src/components/select/styles/CdrSelect.module.scss.mjs +44 -44
- package/dist/src/components/skeleton/styles/CdrSkeleton.module.scss.mjs +1 -1
- package/dist/src/components/skeleton/styles/CdrSkeletonBone.module.scss.mjs +7 -7
- package/dist/src/components/switch/styles/CdrSwitch.module.scss.mjs +10 -10
- package/dist/src/components/table/styles/CdrTable.module.scss.mjs +15 -15
- package/dist/src/components/tabs/styles/CdrTabPanel.module.scss.mjs +5 -5
- package/dist/src/components/tabs/styles/CdrTabs.module.scss.mjs +28 -28
- package/dist/src/components/text/styles/CdrText.module.scss.mjs +1 -1
- package/dist/src/components/toast/styles/CdrToast.module.scss.mjs +57 -57
- package/dist/src/components/toggleButton/styles/CdrToggleButton.module.scss.mjs +2 -2
- package/dist/src/components/toggleButton/styles/CdrToggleGroup.module.scss.mjs +7 -7
- package/dist/src/components/tooltip/styles/CdrTooltip.module.scss.mjs +16 -16
- package/dist/style/cdr-accordion-group.css +1 -1
- package/dist/style/cdr-accordion.css +1 -1
- package/dist/style/cdr-banner.css +1 -1
- package/dist/style/cdr-breadcrumb.css +1 -1
- package/dist/style/cdr-button.css +1 -1
- package/dist/style/cdr-caption.css +1 -1
- package/dist/style/cdr-card.css +1 -1
- package/dist/style/cdr-checkbox.css +1 -1
- package/dist/style/cdr-chip-group.css +1 -1
- package/dist/style/cdr-chip.css +1 -1
- package/dist/style/cdr-container.css +1 -1
- package/dist/style/cdr-form-error.css +1 -1
- package/dist/style/cdr-form-group.css +1 -1
- package/dist/style/cdr-grid.css +1 -1
- package/dist/style/cdr-icon.css +1 -1
- package/dist/style/cdr-img.css +1 -1
- package/dist/style/cdr-input.css +1 -1
- package/dist/style/cdr-label-standalone.css +1 -1
- package/dist/style/cdr-label-wrapper.css +1 -1
- package/dist/style/cdr-link.css +1 -1
- package/dist/style/cdr-list.css +1 -1
- package/dist/style/cdr-modal.css +1 -1
- package/dist/style/cdr-pagination.css +1 -1
- package/dist/style/cdr-popover.css +1 -1
- package/dist/style/cdr-popup.css +1 -1
- package/dist/style/cdr-quote.css +1 -1
- package/dist/style/cdr-radio.css +1 -1
- package/dist/style/cdr-rating.css +1 -1
- package/dist/style/cdr-select.css +1 -1
- package/dist/style/cdr-skeleton-bone.css +1 -1
- package/dist/style/cdr-skeleton.css +1 -1
- package/dist/style/cdr-switch.css +1 -1
- package/dist/style/cdr-tab-panel.css +1 -1
- package/dist/style/cdr-table.css +1 -1
- package/dist/style/cdr-tabs.css +1 -1
- package/dist/style/cdr-text.css +1 -1
- package/dist/style/cdr-toast.css +1 -1
- package/dist/style/cdr-toggle-button.css +1 -1
- package/dist/style/cdr-toggle-group.css +1 -1
- package/dist/style/cdr-tooltip.css +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,40 @@
|
|
|
1
1
|
{
|
|
2
|
+
"CdrAccordionGroup": {
|
|
3
|
+
"displayName": "CdrAccordionGroup",
|
|
4
|
+
"exportName": "default",
|
|
5
|
+
"description": "",
|
|
6
|
+
"tags": {},
|
|
7
|
+
"props": [
|
|
8
|
+
{
|
|
9
|
+
"name": "unwrap",
|
|
10
|
+
"description": "A prop that will present accordion content as unwrapped. All content is expanded at the provided breakpoints.",
|
|
11
|
+
"tags": {},
|
|
12
|
+
"values": [
|
|
13
|
+
"@xs",
|
|
14
|
+
"@sm",
|
|
15
|
+
"@md",
|
|
16
|
+
"@lg",
|
|
17
|
+
"true"
|
|
18
|
+
],
|
|
19
|
+
"type": {
|
|
20
|
+
"name": "string|boolean"
|
|
21
|
+
},
|
|
22
|
+
"defaultValue": {
|
|
23
|
+
"func": false,
|
|
24
|
+
"value": false
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
],
|
|
28
|
+
"slots": [
|
|
29
|
+
{
|
|
30
|
+
"name": "default",
|
|
31
|
+
"description": "CdrAccordionGroup content (i.e. CdrAccordion components)"
|
|
32
|
+
}
|
|
33
|
+
],
|
|
34
|
+
"sourceFiles": [
|
|
35
|
+
"./src/components/accordion/CdrAccordionGroup.vue"
|
|
36
|
+
]
|
|
37
|
+
},
|
|
2
38
|
"CdrAccordion": {
|
|
3
39
|
"displayName": "CdrAccordion",
|
|
4
40
|
"description": "Vertically-stacked list that allows users to expand and collapse additional content",
|
|
@@ -125,40 +161,86 @@
|
|
|
125
161
|
"./src/components/accordion/CdrAccordion.vue"
|
|
126
162
|
]
|
|
127
163
|
},
|
|
128
|
-
"
|
|
129
|
-
"displayName": "
|
|
130
|
-
"
|
|
131
|
-
"description": "",
|
|
164
|
+
"CdrBreadcrumb": {
|
|
165
|
+
"displayName": "CdrBreadcrumb",
|
|
166
|
+
"description": "Navigation used to reveal a page's location within the site hierarchy",
|
|
132
167
|
"tags": {},
|
|
168
|
+
"exportName": "default",
|
|
133
169
|
"props": [
|
|
134
170
|
{
|
|
135
|
-
"name": "
|
|
136
|
-
"description": "
|
|
137
|
-
"tags": {
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
171
|
+
"name": "items",
|
|
172
|
+
"description": "Sets the array of a breadcrumb object containing a 'url' and 'name' property.",
|
|
173
|
+
"tags": {
|
|
174
|
+
"demoIgnore": [
|
|
175
|
+
{
|
|
176
|
+
"description": "true",
|
|
177
|
+
"title": "demoIgnore"
|
|
178
|
+
}
|
|
179
|
+
]
|
|
180
|
+
},
|
|
145
181
|
"type": {
|
|
146
|
-
"name": "
|
|
182
|
+
"name": "array"
|
|
147
183
|
},
|
|
148
184
|
"defaultValue": {
|
|
149
185
|
"func": false,
|
|
150
|
-
"value":
|
|
186
|
+
"value": []
|
|
187
|
+
}
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
"name": "truncationEnabled",
|
|
191
|
+
"description": "Controls the ability to truncate the entire breadcrumb path. If this value is false, truncation will no longer occur.",
|
|
192
|
+
"type": {
|
|
193
|
+
"name": "boolean"
|
|
194
|
+
},
|
|
195
|
+
"defaultValue": {
|
|
196
|
+
"func": false,
|
|
197
|
+
"value": true
|
|
198
|
+
}
|
|
199
|
+
},
|
|
200
|
+
{
|
|
201
|
+
"name": "id",
|
|
202
|
+
"description": "Define a custom ID for the `<nav>` element. Randomly generated if no ID provided.",
|
|
203
|
+
"tags": {
|
|
204
|
+
"demoIgnore": [
|
|
205
|
+
{
|
|
206
|
+
"description": "true",
|
|
207
|
+
"title": "demoIgnore"
|
|
208
|
+
}
|
|
209
|
+
]
|
|
210
|
+
},
|
|
211
|
+
"type": {
|
|
212
|
+
"name": "string"
|
|
151
213
|
}
|
|
152
214
|
}
|
|
153
215
|
],
|
|
216
|
+
"events": [
|
|
217
|
+
{
|
|
218
|
+
"name": "navigate",
|
|
219
|
+
"description": "Emits when a breadcrumb item is clicked. `e.preventDefault()` may be used to override the default link navigation."
|
|
220
|
+
}
|
|
221
|
+
],
|
|
154
222
|
"slots": [
|
|
155
223
|
{
|
|
156
|
-
"name": "
|
|
157
|
-
"
|
|
224
|
+
"name": "link",
|
|
225
|
+
"scoped": true,
|
|
226
|
+
"bindings": [
|
|
227
|
+
{
|
|
228
|
+
"name": "class",
|
|
229
|
+
"title": "binding"
|
|
230
|
+
},
|
|
231
|
+
{
|
|
232
|
+
"name": "href",
|
|
233
|
+
"title": "binding"
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
"name": "content",
|
|
237
|
+
"title": "binding"
|
|
238
|
+
}
|
|
239
|
+
]
|
|
158
240
|
}
|
|
159
241
|
],
|
|
160
242
|
"sourceFiles": [
|
|
161
|
-
"./src/components/
|
|
243
|
+
"./src/components/breadcrumb/CdrBreadcrumb.vue"
|
|
162
244
|
]
|
|
163
245
|
},
|
|
164
246
|
"CdrButton": {
|
|
@@ -320,6 +402,47 @@
|
|
|
320
402
|
"./src/components/button/CdrButton.vue"
|
|
321
403
|
]
|
|
322
404
|
},
|
|
405
|
+
"CdrCaption": {
|
|
406
|
+
"displayName": "CdrCaption",
|
|
407
|
+
"description": "Provides context and credit for an asset such as an image, video, or chart",
|
|
408
|
+
"tags": {},
|
|
409
|
+
"exportName": "default",
|
|
410
|
+
"props": [
|
|
411
|
+
{
|
|
412
|
+
"name": "summary",
|
|
413
|
+
"description": "Sets the string content for the description body of the caption.",
|
|
414
|
+
"tags": {
|
|
415
|
+
"demoIgnore": [
|
|
416
|
+
{
|
|
417
|
+
"description": "true",
|
|
418
|
+
"title": "demoIgnore"
|
|
419
|
+
}
|
|
420
|
+
]
|
|
421
|
+
},
|
|
422
|
+
"type": {
|
|
423
|
+
"name": "string"
|
|
424
|
+
}
|
|
425
|
+
},
|
|
426
|
+
{
|
|
427
|
+
"name": "credit",
|
|
428
|
+
"description": "Sets the string content for attribution.",
|
|
429
|
+
"tags": {
|
|
430
|
+
"demoIgnore": [
|
|
431
|
+
{
|
|
432
|
+
"description": "true",
|
|
433
|
+
"title": "demoIgnore"
|
|
434
|
+
}
|
|
435
|
+
]
|
|
436
|
+
},
|
|
437
|
+
"type": {
|
|
438
|
+
"name": "string"
|
|
439
|
+
}
|
|
440
|
+
}
|
|
441
|
+
],
|
|
442
|
+
"sourceFiles": [
|
|
443
|
+
"./src/components/caption/CdrCaption.vue"
|
|
444
|
+
]
|
|
445
|
+
},
|
|
323
446
|
"CdrCard": {
|
|
324
447
|
"displayName": "CdrCard",
|
|
325
448
|
"description": "Related, interactive containers linking to a single subject or destination",
|
|
@@ -348,36 +471,49 @@
|
|
|
348
471
|
"./src/components/card/CdrCard.vue"
|
|
349
472
|
]
|
|
350
473
|
},
|
|
351
|
-
"
|
|
352
|
-
"displayName": "
|
|
353
|
-
"description": "
|
|
474
|
+
"CdrCheckbox": {
|
|
475
|
+
"displayName": "CdrCheckbox",
|
|
476
|
+
"description": "Allows selecting one or more items from a list",
|
|
354
477
|
"tags": {},
|
|
355
478
|
"exportName": "default",
|
|
356
479
|
"props": [
|
|
357
480
|
{
|
|
358
|
-
"name": "
|
|
359
|
-
"description": "
|
|
360
|
-
"tags": {
|
|
361
|
-
"demoIgnore": [
|
|
362
|
-
{
|
|
363
|
-
"description": "true",
|
|
364
|
-
"title": "demoIgnore"
|
|
365
|
-
}
|
|
366
|
-
]
|
|
367
|
-
},
|
|
481
|
+
"name": "labelClass",
|
|
482
|
+
"description": "Passes a CSS class to the label for custom styles",
|
|
368
483
|
"type": {
|
|
369
|
-
"name": "
|
|
484
|
+
"name": "string"
|
|
485
|
+
}
|
|
486
|
+
},
|
|
487
|
+
{
|
|
488
|
+
"name": "inputClass",
|
|
489
|
+
"description": "Passes a CSS class to the input for custom styles",
|
|
490
|
+
"type": {
|
|
491
|
+
"name": "string"
|
|
492
|
+
}
|
|
493
|
+
},
|
|
494
|
+
{
|
|
495
|
+
"name": "contentClass",
|
|
496
|
+
"description": "Passes a CSS class to the slot wrapper for custom styles",
|
|
497
|
+
"type": {
|
|
498
|
+
"name": "string"
|
|
499
|
+
}
|
|
500
|
+
},
|
|
501
|
+
{
|
|
502
|
+
"name": "indeterminate",
|
|
503
|
+
"description": "Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)",
|
|
504
|
+
"type": {
|
|
505
|
+
"name": "boolean|string"
|
|
370
506
|
},
|
|
371
507
|
"defaultValue": {
|
|
372
508
|
"func": false,
|
|
373
|
-
"value":
|
|
509
|
+
"value": false
|
|
374
510
|
}
|
|
375
511
|
},
|
|
376
512
|
{
|
|
377
|
-
"name": "
|
|
378
|
-
"description": "
|
|
513
|
+
"name": "trueValue",
|
|
514
|
+
"description": "The value when checked.",
|
|
379
515
|
"type": {
|
|
380
|
-
"name": "boolean"
|
|
516
|
+
"name": "string|number|boolean|object|array|symbol|func"
|
|
381
517
|
},
|
|
382
518
|
"defaultValue": {
|
|
383
519
|
"func": false,
|
|
@@ -385,247 +521,52 @@
|
|
|
385
521
|
}
|
|
386
522
|
},
|
|
387
523
|
{
|
|
388
|
-
"name": "
|
|
389
|
-
"description": "
|
|
524
|
+
"name": "falseValue",
|
|
525
|
+
"description": "The value when unchecked.",
|
|
526
|
+
"type": {
|
|
527
|
+
"name": "string|number|boolean|object|array|symbol|func"
|
|
528
|
+
},
|
|
529
|
+
"defaultValue": {
|
|
530
|
+
"func": false,
|
|
531
|
+
"value": false
|
|
532
|
+
}
|
|
533
|
+
},
|
|
534
|
+
{
|
|
535
|
+
"name": "customValue",
|
|
536
|
+
"description": "The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.",
|
|
537
|
+
"type": {
|
|
538
|
+
"name": "string|number|boolean|object|array|symbol|func"
|
|
539
|
+
}
|
|
540
|
+
},
|
|
541
|
+
{
|
|
542
|
+
"name": "background",
|
|
543
|
+
"description": "Sets the background color the input is rendered on",
|
|
544
|
+
"tags": {},
|
|
545
|
+
"values": [
|
|
546
|
+
"primary",
|
|
547
|
+
"secondary"
|
|
548
|
+
],
|
|
549
|
+
"type": {
|
|
550
|
+
"name": "backgroundProps"
|
|
551
|
+
}
|
|
552
|
+
},
|
|
553
|
+
{
|
|
554
|
+
"name": "size",
|
|
390
555
|
"tags": {
|
|
391
|
-
"
|
|
556
|
+
"demoSelectMultiple": [
|
|
392
557
|
{
|
|
393
|
-
"description": "
|
|
394
|
-
"title": "
|
|
558
|
+
"description": "false",
|
|
559
|
+
"title": "demoSelectMultiple"
|
|
395
560
|
}
|
|
396
561
|
]
|
|
397
562
|
},
|
|
563
|
+
"values": [
|
|
564
|
+
"small",
|
|
565
|
+
"medium",
|
|
566
|
+
"large"
|
|
567
|
+
],
|
|
398
568
|
"type": {
|
|
399
|
-
"name": "
|
|
400
|
-
}
|
|
401
|
-
}
|
|
402
|
-
],
|
|
403
|
-
"events": [
|
|
404
|
-
{
|
|
405
|
-
"name": "navigate",
|
|
406
|
-
"description": "Emits when a breadcrumb item is clicked. `e.preventDefault()` may be used to override the default link navigation."
|
|
407
|
-
}
|
|
408
|
-
],
|
|
409
|
-
"slots": [
|
|
410
|
-
{
|
|
411
|
-
"name": "link",
|
|
412
|
-
"scoped": true,
|
|
413
|
-
"bindings": [
|
|
414
|
-
{
|
|
415
|
-
"name": "class",
|
|
416
|
-
"title": "binding"
|
|
417
|
-
},
|
|
418
|
-
{
|
|
419
|
-
"name": "href",
|
|
420
|
-
"title": "binding"
|
|
421
|
-
},
|
|
422
|
-
{
|
|
423
|
-
"name": "content",
|
|
424
|
-
"title": "binding"
|
|
425
|
-
}
|
|
426
|
-
]
|
|
427
|
-
}
|
|
428
|
-
],
|
|
429
|
-
"sourceFiles": [
|
|
430
|
-
"./src/components/breadcrumb/CdrBreadcrumb.vue"
|
|
431
|
-
]
|
|
432
|
-
},
|
|
433
|
-
"CdrBanner": {
|
|
434
|
-
"displayName": "CdrBanner",
|
|
435
|
-
"description": "Provides contextual feedback messages for typical user actions",
|
|
436
|
-
"tags": {},
|
|
437
|
-
"exportName": "default",
|
|
438
|
-
"props": [
|
|
439
|
-
{
|
|
440
|
-
"name": "type",
|
|
441
|
-
"description": "Sets the banner style.",
|
|
442
|
-
"tags": {
|
|
443
|
-
"demoSelectMultiple": [
|
|
444
|
-
{
|
|
445
|
-
"description": "false",
|
|
446
|
-
"title": "demoSelectMultiple"
|
|
447
|
-
}
|
|
448
|
-
]
|
|
449
|
-
},
|
|
450
|
-
"values": [
|
|
451
|
-
"info",
|
|
452
|
-
"warning",
|
|
453
|
-
"success",
|
|
454
|
-
"error",
|
|
455
|
-
"default"
|
|
456
|
-
],
|
|
457
|
-
"type": {
|
|
458
|
-
"name": "string"
|
|
459
|
-
},
|
|
460
|
-
"defaultValue": {
|
|
461
|
-
"func": false,
|
|
462
|
-
"value": "'default'"
|
|
463
|
-
}
|
|
464
|
-
}
|
|
465
|
-
],
|
|
466
|
-
"slots": [
|
|
467
|
-
{
|
|
468
|
-
"name": "icon-left",
|
|
469
|
-
"description": "Icon matching banner type"
|
|
470
|
-
},
|
|
471
|
-
{
|
|
472
|
-
"name": "default",
|
|
473
|
-
"description": "Primary message content"
|
|
474
|
-
},
|
|
475
|
-
{
|
|
476
|
-
"name": "icon-right",
|
|
477
|
-
"description": "Additional icon"
|
|
478
|
-
},
|
|
479
|
-
{
|
|
480
|
-
"name": "message-body",
|
|
481
|
-
"description": "Additional content about the message"
|
|
482
|
-
},
|
|
483
|
-
{
|
|
484
|
-
"name": "info-action",
|
|
485
|
-
"description": "Action-wrapped icon"
|
|
486
|
-
}
|
|
487
|
-
],
|
|
488
|
-
"sourceFiles": [
|
|
489
|
-
"./src/components/banner/CdrBanner.vue"
|
|
490
|
-
]
|
|
491
|
-
},
|
|
492
|
-
"CdrCaption": {
|
|
493
|
-
"displayName": "CdrCaption",
|
|
494
|
-
"description": "Provides context and credit for an asset such as an image, video, or chart",
|
|
495
|
-
"tags": {},
|
|
496
|
-
"exportName": "default",
|
|
497
|
-
"props": [
|
|
498
|
-
{
|
|
499
|
-
"name": "summary",
|
|
500
|
-
"description": "Sets the string content for the description body of the caption.",
|
|
501
|
-
"tags": {
|
|
502
|
-
"demoIgnore": [
|
|
503
|
-
{
|
|
504
|
-
"description": "true",
|
|
505
|
-
"title": "demoIgnore"
|
|
506
|
-
}
|
|
507
|
-
]
|
|
508
|
-
},
|
|
509
|
-
"type": {
|
|
510
|
-
"name": "string"
|
|
511
|
-
}
|
|
512
|
-
},
|
|
513
|
-
{
|
|
514
|
-
"name": "credit",
|
|
515
|
-
"description": "Sets the string content for attribution.",
|
|
516
|
-
"tags": {
|
|
517
|
-
"demoIgnore": [
|
|
518
|
-
{
|
|
519
|
-
"description": "true",
|
|
520
|
-
"title": "demoIgnore"
|
|
521
|
-
}
|
|
522
|
-
]
|
|
523
|
-
},
|
|
524
|
-
"type": {
|
|
525
|
-
"name": "string"
|
|
526
|
-
}
|
|
527
|
-
}
|
|
528
|
-
],
|
|
529
|
-
"sourceFiles": [
|
|
530
|
-
"./src/components/caption/CdrCaption.vue"
|
|
531
|
-
]
|
|
532
|
-
},
|
|
533
|
-
"CdrCheckbox": {
|
|
534
|
-
"displayName": "CdrCheckbox",
|
|
535
|
-
"description": "Allows selecting one or more items from a list",
|
|
536
|
-
"tags": {},
|
|
537
|
-
"exportName": "default",
|
|
538
|
-
"props": [
|
|
539
|
-
{
|
|
540
|
-
"name": "labelClass",
|
|
541
|
-
"description": "Passes a CSS class to the label for custom styles",
|
|
542
|
-
"type": {
|
|
543
|
-
"name": "string"
|
|
544
|
-
}
|
|
545
|
-
},
|
|
546
|
-
{
|
|
547
|
-
"name": "inputClass",
|
|
548
|
-
"description": "Passes a CSS class to the input for custom styles",
|
|
549
|
-
"type": {
|
|
550
|
-
"name": "string"
|
|
551
|
-
}
|
|
552
|
-
},
|
|
553
|
-
{
|
|
554
|
-
"name": "contentClass",
|
|
555
|
-
"description": "Passes a CSS class to the slot wrapper for custom styles",
|
|
556
|
-
"type": {
|
|
557
|
-
"name": "string"
|
|
558
|
-
}
|
|
559
|
-
},
|
|
560
|
-
{
|
|
561
|
-
"name": "indeterminate",
|
|
562
|
-
"description": "Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)",
|
|
563
|
-
"type": {
|
|
564
|
-
"name": "boolean|string"
|
|
565
|
-
},
|
|
566
|
-
"defaultValue": {
|
|
567
|
-
"func": false,
|
|
568
|
-
"value": false
|
|
569
|
-
}
|
|
570
|
-
},
|
|
571
|
-
{
|
|
572
|
-
"name": "trueValue",
|
|
573
|
-
"description": "The value when checked.",
|
|
574
|
-
"type": {
|
|
575
|
-
"name": "string|number|boolean|object|array|symbol|func"
|
|
576
|
-
},
|
|
577
|
-
"defaultValue": {
|
|
578
|
-
"func": false,
|
|
579
|
-
"value": true
|
|
580
|
-
}
|
|
581
|
-
},
|
|
582
|
-
{
|
|
583
|
-
"name": "falseValue",
|
|
584
|
-
"description": "The value when unchecked.",
|
|
585
|
-
"type": {
|
|
586
|
-
"name": "string|number|boolean|object|array|symbol|func"
|
|
587
|
-
},
|
|
588
|
-
"defaultValue": {
|
|
589
|
-
"func": false,
|
|
590
|
-
"value": false
|
|
591
|
-
}
|
|
592
|
-
},
|
|
593
|
-
{
|
|
594
|
-
"name": "customValue",
|
|
595
|
-
"description": "The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.",
|
|
596
|
-
"type": {
|
|
597
|
-
"name": "string|number|boolean|object|array|symbol|func"
|
|
598
|
-
}
|
|
599
|
-
},
|
|
600
|
-
{
|
|
601
|
-
"name": "background",
|
|
602
|
-
"description": "Sets the background color the input is rendered on",
|
|
603
|
-
"tags": {},
|
|
604
|
-
"values": [
|
|
605
|
-
"primary",
|
|
606
|
-
"secondary"
|
|
607
|
-
],
|
|
608
|
-
"type": {
|
|
609
|
-
"name": "backgroundProps"
|
|
610
|
-
}
|
|
611
|
-
},
|
|
612
|
-
{
|
|
613
|
-
"name": "size",
|
|
614
|
-
"tags": {
|
|
615
|
-
"demoSelectMultiple": [
|
|
616
|
-
{
|
|
617
|
-
"description": "false",
|
|
618
|
-
"title": "demoSelectMultiple"
|
|
619
|
-
}
|
|
620
|
-
]
|
|
621
|
-
},
|
|
622
|
-
"values": [
|
|
623
|
-
"small",
|
|
624
|
-
"medium",
|
|
625
|
-
"large"
|
|
626
|
-
],
|
|
627
|
-
"type": {
|
|
628
|
-
"name": "sizeProps"
|
|
569
|
+
"name": "sizeProps"
|
|
629
570
|
}
|
|
630
571
|
},
|
|
631
572
|
{
|
|
@@ -693,6 +634,69 @@
|
|
|
693
634
|
"./src/components/checkbox/CdrCheckbox.vue"
|
|
694
635
|
]
|
|
695
636
|
},
|
|
637
|
+
"CdrChipGroup": {
|
|
638
|
+
"displayName": "CdrChipGroup",
|
|
639
|
+
"exportName": "default",
|
|
640
|
+
"description": "",
|
|
641
|
+
"tags": {},
|
|
642
|
+
"props": [
|
|
643
|
+
{
|
|
644
|
+
"name": "label",
|
|
645
|
+
"description": "Sets a label that describes the chip group and what it is selecting. By default this label is visually hidden and only made available to screen readers.",
|
|
646
|
+
"type": {
|
|
647
|
+
"name": "string"
|
|
648
|
+
},
|
|
649
|
+
"required": true
|
|
650
|
+
},
|
|
651
|
+
{
|
|
652
|
+
"name": "hideLabel",
|
|
653
|
+
"description": "Visually hides the chip group label but makes it accessible to screen readers.",
|
|
654
|
+
"type": {
|
|
655
|
+
"name": "boolean"
|
|
656
|
+
},
|
|
657
|
+
"defaultValue": {
|
|
658
|
+
"func": false,
|
|
659
|
+
"value": true
|
|
660
|
+
}
|
|
661
|
+
}
|
|
662
|
+
],
|
|
663
|
+
"slots": [
|
|
664
|
+
{
|
|
665
|
+
"name": "label",
|
|
666
|
+
"description": "Override CdrChip label content with a custom element"
|
|
667
|
+
},
|
|
668
|
+
{
|
|
669
|
+
"name": "default",
|
|
670
|
+
"description": "CdrChipGroup content (CdrChip components)"
|
|
671
|
+
}
|
|
672
|
+
],
|
|
673
|
+
"sourceFiles": [
|
|
674
|
+
"./src/components/chip/CdrChipGroup.vue"
|
|
675
|
+
]
|
|
676
|
+
},
|
|
677
|
+
"CdrChip": {
|
|
678
|
+
"displayName": "CdrChip",
|
|
679
|
+
"description": "Allows people to make selections, filter content, or trigger actions",
|
|
680
|
+
"tags": {},
|
|
681
|
+
"exportName": "default",
|
|
682
|
+
"slots": [
|
|
683
|
+
{
|
|
684
|
+
"name": "icon-left",
|
|
685
|
+
"description": "Icon to the left of the content"
|
|
686
|
+
},
|
|
687
|
+
{
|
|
688
|
+
"name": "icon-right",
|
|
689
|
+
"description": "Icon to the right of the content"
|
|
690
|
+
},
|
|
691
|
+
{
|
|
692
|
+
"name": "default",
|
|
693
|
+
"description": "Primary CdrChip content"
|
|
694
|
+
}
|
|
695
|
+
],
|
|
696
|
+
"sourceFiles": [
|
|
697
|
+
"./src/components/chip/CdrChip.vue"
|
|
698
|
+
]
|
|
699
|
+
},
|
|
696
700
|
"CdrContainer": {
|
|
697
701
|
"displayName": "CdrContainer",
|
|
698
702
|
"description": "Provides base margins and responsive layout logic for pages",
|
|
@@ -744,89 +748,147 @@
|
|
|
744
748
|
"./src/components/container/CdrContainer.vue"
|
|
745
749
|
]
|
|
746
750
|
},
|
|
747
|
-
"
|
|
748
|
-
"displayName": "
|
|
749
|
-
"description": "Allows people to make selections, filter content, or trigger actions",
|
|
750
|
-
"tags": {},
|
|
751
|
+
"CdrFormError": {
|
|
752
|
+
"displayName": "CdrFormError",
|
|
751
753
|
"exportName": "default",
|
|
752
|
-
"
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
"description": "Icon to the left of the content"
|
|
756
|
-
},
|
|
754
|
+
"description": "",
|
|
755
|
+
"tags": {},
|
|
756
|
+
"props": [
|
|
757
757
|
{
|
|
758
|
-
"name": "
|
|
759
|
-
"
|
|
760
|
-
|
|
758
|
+
"name": "error",
|
|
759
|
+
"type": {
|
|
760
|
+
"name": "boolean|string"
|
|
761
|
+
}
|
|
762
|
+
}
|
|
763
|
+
],
|
|
764
|
+
"slots": [
|
|
761
765
|
{
|
|
762
|
-
"name": "
|
|
763
|
-
"description": "Primary CdrChip content"
|
|
766
|
+
"name": "error"
|
|
764
767
|
}
|
|
765
768
|
],
|
|
766
769
|
"sourceFiles": [
|
|
767
|
-
"./src/components/
|
|
770
|
+
"./src/components/formError/CdrFormError.vue"
|
|
768
771
|
]
|
|
769
772
|
},
|
|
770
|
-
"
|
|
771
|
-
"displayName": "
|
|
772
|
-
"
|
|
773
|
-
"description": "",
|
|
773
|
+
"CdrGrid": {
|
|
774
|
+
"displayName": "CdrGrid",
|
|
775
|
+
"description": "Simple wrapper for working with CSS grid",
|
|
774
776
|
"tags": {},
|
|
777
|
+
"exportName": "default",
|
|
775
778
|
"props": [
|
|
776
779
|
{
|
|
777
|
-
"name": "
|
|
780
|
+
"name": "gutter",
|
|
781
|
+
"description": "Defines gutter size. Also accepts responsive values with `@breakpoint`: \"none@md\"",
|
|
782
|
+
"tags": {
|
|
783
|
+
"demoSelectMultiple": [
|
|
784
|
+
{
|
|
785
|
+
"description": "false",
|
|
786
|
+
"title": "demoSelectMultiple"
|
|
787
|
+
}
|
|
788
|
+
]
|
|
789
|
+
},
|
|
790
|
+
"values": [
|
|
791
|
+
"none",
|
|
792
|
+
"small",
|
|
793
|
+
"medium",
|
|
794
|
+
"large"
|
|
795
|
+
],
|
|
796
|
+
"type": {
|
|
797
|
+
"name": "string"
|
|
798
|
+
},
|
|
799
|
+
"defaultValue": {
|
|
800
|
+
"func": false,
|
|
801
|
+
"value": "'medium@xs medium@sm large@md large@lg'"
|
|
802
|
+
}
|
|
803
|
+
},
|
|
804
|
+
{
|
|
805
|
+
"name": "tag",
|
|
806
|
+
"description": "Sets the HTML tag for the grid element",
|
|
778
807
|
"type": {
|
|
779
|
-
"name": "
|
|
808
|
+
"name": "string"
|
|
809
|
+
},
|
|
810
|
+
"defaultValue": {
|
|
811
|
+
"func": false,
|
|
812
|
+
"value": "'div'"
|
|
780
813
|
}
|
|
781
814
|
}
|
|
782
815
|
],
|
|
783
816
|
"slots": [
|
|
784
817
|
{
|
|
785
|
-
"name": "
|
|
818
|
+
"name": "default",
|
|
819
|
+
"description": "CdrGrid content (grid child elements)"
|
|
786
820
|
}
|
|
787
821
|
],
|
|
788
822
|
"sourceFiles": [
|
|
789
|
-
"./src/components/
|
|
823
|
+
"./src/components/grid/CdrGrid.vue"
|
|
790
824
|
]
|
|
791
825
|
},
|
|
792
|
-
"
|
|
793
|
-
"displayName": "
|
|
826
|
+
"CdrLabelStandalone": {
|
|
827
|
+
"displayName": "CdrLabelStandalone",
|
|
794
828
|
"exportName": "default",
|
|
795
829
|
"description": "",
|
|
796
830
|
"tags": {},
|
|
797
831
|
"props": [
|
|
798
832
|
{
|
|
799
|
-
"name": "
|
|
800
|
-
"description": "Sets a label that describes the chip group and what it is selecting. By default this label is visually hidden and only made available to screen readers.",
|
|
833
|
+
"name": "forId",
|
|
801
834
|
"type": {
|
|
802
835
|
"name": "string"
|
|
803
836
|
},
|
|
804
837
|
"required": true
|
|
805
838
|
},
|
|
839
|
+
{
|
|
840
|
+
"name": "label",
|
|
841
|
+
"type": {
|
|
842
|
+
"name": "string"
|
|
843
|
+
}
|
|
844
|
+
},
|
|
845
|
+
{
|
|
846
|
+
"name": "disabled",
|
|
847
|
+
"type": {
|
|
848
|
+
"name": "boolean"
|
|
849
|
+
}
|
|
850
|
+
},
|
|
851
|
+
{
|
|
852
|
+
"name": "required",
|
|
853
|
+
"type": {
|
|
854
|
+
"name": "boolean"
|
|
855
|
+
}
|
|
856
|
+
},
|
|
857
|
+
{
|
|
858
|
+
"name": "optional",
|
|
859
|
+
"type": {
|
|
860
|
+
"name": "boolean"
|
|
861
|
+
}
|
|
862
|
+
},
|
|
806
863
|
{
|
|
807
864
|
"name": "hideLabel",
|
|
808
|
-
"description": "Visually hides the chip group label but makes it accessible to screen readers.",
|
|
809
865
|
"type": {
|
|
810
866
|
"name": "boolean"
|
|
811
|
-
},
|
|
812
|
-
"defaultValue": {
|
|
813
|
-
"func": false,
|
|
814
|
-
"value": true
|
|
815
867
|
}
|
|
816
868
|
}
|
|
817
869
|
],
|
|
818
870
|
"slots": [
|
|
819
871
|
{
|
|
820
|
-
"name": "
|
|
821
|
-
"description": "Override CdrChip label content with a custom element"
|
|
872
|
+
"name": "helper"
|
|
822
873
|
},
|
|
823
874
|
{
|
|
824
|
-
"name": "default"
|
|
825
|
-
|
|
875
|
+
"name": "default"
|
|
876
|
+
},
|
|
877
|
+
{
|
|
878
|
+
"name": "info-action"
|
|
879
|
+
},
|
|
880
|
+
{
|
|
881
|
+
"name": "info"
|
|
882
|
+
},
|
|
883
|
+
{
|
|
884
|
+
"name": "helper-text-bottom"
|
|
885
|
+
},
|
|
886
|
+
{
|
|
887
|
+
"name": "error"
|
|
826
888
|
}
|
|
827
889
|
],
|
|
828
890
|
"sourceFiles": [
|
|
829
|
-
"./src/components/
|
|
891
|
+
"./src/components/labelStandalone/CdrLabelStandalone.vue"
|
|
830
892
|
]
|
|
831
893
|
},
|
|
832
894
|
"CdrFormGroup": {
|
|
@@ -896,15 +958,15 @@
|
|
|
896
958
|
"./src/components/formGroup/CdrFormGroup.vue"
|
|
897
959
|
]
|
|
898
960
|
},
|
|
899
|
-
"
|
|
900
|
-
"displayName": "
|
|
901
|
-
"description": "
|
|
961
|
+
"CdrBanner": {
|
|
962
|
+
"displayName": "CdrBanner",
|
|
963
|
+
"description": "Provides contextual feedback messages for typical user actions",
|
|
902
964
|
"tags": {},
|
|
903
965
|
"exportName": "default",
|
|
904
966
|
"props": [
|
|
905
967
|
{
|
|
906
|
-
"name": "
|
|
907
|
-
"description": "
|
|
968
|
+
"name": "type",
|
|
969
|
+
"description": "Sets the banner style.",
|
|
908
970
|
"tags": {
|
|
909
971
|
"demoSelectMultiple": [
|
|
910
972
|
{
|
|
@@ -914,39 +976,100 @@
|
|
|
914
976
|
]
|
|
915
977
|
},
|
|
916
978
|
"values": [
|
|
917
|
-
"
|
|
918
|
-
"
|
|
919
|
-
"
|
|
920
|
-
"
|
|
979
|
+
"info",
|
|
980
|
+
"warning",
|
|
981
|
+
"success",
|
|
982
|
+
"error",
|
|
983
|
+
"default"
|
|
921
984
|
],
|
|
922
985
|
"type": {
|
|
923
986
|
"name": "string"
|
|
924
987
|
},
|
|
925
988
|
"defaultValue": {
|
|
926
989
|
"func": false,
|
|
927
|
-
"value": "'
|
|
990
|
+
"value": "'default'"
|
|
928
991
|
}
|
|
992
|
+
}
|
|
993
|
+
],
|
|
994
|
+
"slots": [
|
|
995
|
+
{
|
|
996
|
+
"name": "icon-left",
|
|
997
|
+
"description": "Icon matching banner type"
|
|
929
998
|
},
|
|
930
999
|
{
|
|
931
|
-
"name": "
|
|
932
|
-
"description": "
|
|
1000
|
+
"name": "default",
|
|
1001
|
+
"description": "Primary message content"
|
|
1002
|
+
},
|
|
1003
|
+
{
|
|
1004
|
+
"name": "icon-right",
|
|
1005
|
+
"description": "Additional icon"
|
|
1006
|
+
},
|
|
1007
|
+
{
|
|
1008
|
+
"name": "message-body",
|
|
1009
|
+
"description": "Additional content about the message"
|
|
1010
|
+
},
|
|
1011
|
+
{
|
|
1012
|
+
"name": "info-action",
|
|
1013
|
+
"description": "Action-wrapped icon"
|
|
1014
|
+
}
|
|
1015
|
+
],
|
|
1016
|
+
"sourceFiles": [
|
|
1017
|
+
"./src/components/banner/CdrBanner.vue"
|
|
1018
|
+
]
|
|
1019
|
+
},
|
|
1020
|
+
"CdrLabelWrapper": {
|
|
1021
|
+
"displayName": "CdrLabelWrapper",
|
|
1022
|
+
"exportName": "default",
|
|
1023
|
+
"description": "",
|
|
1024
|
+
"tags": {},
|
|
1025
|
+
"props": [
|
|
1026
|
+
{
|
|
1027
|
+
"name": "labelClass",
|
|
1028
|
+
"type": {
|
|
1029
|
+
"name": "string"
|
|
1030
|
+
}
|
|
1031
|
+
},
|
|
1032
|
+
{
|
|
1033
|
+
"name": "contentClass",
|
|
1034
|
+
"type": {
|
|
1035
|
+
"name": "string"
|
|
1036
|
+
}
|
|
1037
|
+
},
|
|
1038
|
+
{
|
|
1039
|
+
"name": "background",
|
|
1040
|
+
"type": {
|
|
1041
|
+
"name": "backgroundProps"
|
|
1042
|
+
}
|
|
1043
|
+
},
|
|
1044
|
+
{
|
|
1045
|
+
"name": "disabled",
|
|
1046
|
+
"type": {
|
|
1047
|
+
"name": "boolean"
|
|
1048
|
+
}
|
|
1049
|
+
},
|
|
1050
|
+
{
|
|
1051
|
+
"name": "modifier",
|
|
1052
|
+
"type": {
|
|
1053
|
+
"name": "string"
|
|
1054
|
+
}
|
|
1055
|
+
},
|
|
1056
|
+
{
|
|
1057
|
+
"name": "size",
|
|
933
1058
|
"type": {
|
|
934
1059
|
"name": "string"
|
|
935
|
-
},
|
|
936
|
-
"defaultValue": {
|
|
937
|
-
"func": false,
|
|
938
|
-
"value": "'div'"
|
|
939
1060
|
}
|
|
940
1061
|
}
|
|
941
1062
|
],
|
|
942
1063
|
"slots": [
|
|
943
1064
|
{
|
|
944
|
-
"name": "
|
|
945
|
-
|
|
1065
|
+
"name": "input"
|
|
1066
|
+
},
|
|
1067
|
+
{
|
|
1068
|
+
"name": "default"
|
|
946
1069
|
}
|
|
947
1070
|
],
|
|
948
1071
|
"sourceFiles": [
|
|
949
|
-
"./src/components/
|
|
1072
|
+
"./src/components/labelWrapper/CdrLabelWrapper.vue"
|
|
950
1073
|
]
|
|
951
1074
|
},
|
|
952
1075
|
"CdrIcon": {
|
|
@@ -1105,210 +1228,125 @@
|
|
|
1105
1228
|
"name": "modifier",
|
|
1106
1229
|
"description": "Modifies the style variant for this component.",
|
|
1107
1230
|
"tags": {
|
|
1108
|
-
"demoSelectMultiple": [
|
|
1109
|
-
{
|
|
1110
|
-
"description": "false",
|
|
1111
|
-
"title": "demoSelectMultiple"
|
|
1112
|
-
}
|
|
1113
|
-
]
|
|
1114
|
-
},
|
|
1115
|
-
"values": [
|
|
1116
|
-
"responsive"
|
|
1117
|
-
],
|
|
1118
|
-
"type": {
|
|
1119
|
-
"name": "string"
|
|
1120
|
-
},
|
|
1121
|
-
"defaultValue": {
|
|
1122
|
-
"func": false,
|
|
1123
|
-
"value": "''"
|
|
1124
|
-
}
|
|
1125
|
-
}
|
|
1126
|
-
],
|
|
1127
|
-
"sourceFiles": [
|
|
1128
|
-
"./src/components/image/CdrImg.vue"
|
|
1129
|
-
]
|
|
1130
|
-
},
|
|
1131
|
-
"CdrLabelStandalone": {
|
|
1132
|
-
"displayName": "CdrLabelStandalone",
|
|
1133
|
-
"exportName": "default",
|
|
1134
|
-
"description": "",
|
|
1135
|
-
"tags": {},
|
|
1136
|
-
"props": [
|
|
1137
|
-
{
|
|
1138
|
-
"name": "forId",
|
|
1139
|
-
"type": {
|
|
1140
|
-
"name": "string"
|
|
1141
|
-
},
|
|
1142
|
-
"required": true
|
|
1143
|
-
},
|
|
1144
|
-
{
|
|
1145
|
-
"name": "label",
|
|
1146
|
-
"type": {
|
|
1147
|
-
"name": "string"
|
|
1148
|
-
}
|
|
1149
|
-
},
|
|
1150
|
-
{
|
|
1151
|
-
"name": "disabled",
|
|
1152
|
-
"type": {
|
|
1153
|
-
"name": "boolean"
|
|
1154
|
-
}
|
|
1155
|
-
},
|
|
1156
|
-
{
|
|
1157
|
-
"name": "required",
|
|
1158
|
-
"type": {
|
|
1159
|
-
"name": "boolean"
|
|
1160
|
-
}
|
|
1161
|
-
},
|
|
1162
|
-
{
|
|
1163
|
-
"name": "optional",
|
|
1164
|
-
"type": {
|
|
1165
|
-
"name": "boolean"
|
|
1166
|
-
}
|
|
1167
|
-
},
|
|
1168
|
-
{
|
|
1169
|
-
"name": "hideLabel",
|
|
1170
|
-
"type": {
|
|
1171
|
-
"name": "boolean"
|
|
1172
|
-
}
|
|
1173
|
-
}
|
|
1174
|
-
],
|
|
1175
|
-
"slots": [
|
|
1176
|
-
{
|
|
1177
|
-
"name": "helper"
|
|
1178
|
-
},
|
|
1179
|
-
{
|
|
1180
|
-
"name": "default"
|
|
1181
|
-
},
|
|
1182
|
-
{
|
|
1183
|
-
"name": "info-action"
|
|
1184
|
-
},
|
|
1185
|
-
{
|
|
1186
|
-
"name": "info"
|
|
1187
|
-
},
|
|
1188
|
-
{
|
|
1189
|
-
"name": "helper-text-bottom"
|
|
1190
|
-
},
|
|
1191
|
-
{
|
|
1192
|
-
"name": "error"
|
|
1231
|
+
"demoSelectMultiple": [
|
|
1232
|
+
{
|
|
1233
|
+
"description": "false",
|
|
1234
|
+
"title": "demoSelectMultiple"
|
|
1235
|
+
}
|
|
1236
|
+
]
|
|
1237
|
+
},
|
|
1238
|
+
"values": [
|
|
1239
|
+
"responsive"
|
|
1240
|
+
],
|
|
1241
|
+
"type": {
|
|
1242
|
+
"name": "string"
|
|
1243
|
+
},
|
|
1244
|
+
"defaultValue": {
|
|
1245
|
+
"func": false,
|
|
1246
|
+
"value": "''"
|
|
1247
|
+
}
|
|
1193
1248
|
}
|
|
1194
1249
|
],
|
|
1195
1250
|
"sourceFiles": [
|
|
1196
|
-
"./src/components/
|
|
1251
|
+
"./src/components/image/CdrImg.vue"
|
|
1197
1252
|
]
|
|
1198
1253
|
},
|
|
1199
|
-
"
|
|
1200
|
-
"displayName": "
|
|
1201
|
-
"description": "
|
|
1254
|
+
"CdrLink": {
|
|
1255
|
+
"displayName": "CdrLink",
|
|
1256
|
+
"description": "Clickable text elements used for navigating to other pages or sections",
|
|
1202
1257
|
"tags": {},
|
|
1203
1258
|
"exportName": "default",
|
|
1204
1259
|
"props": [
|
|
1205
1260
|
{
|
|
1206
|
-
"name": "
|
|
1207
|
-
"description": "
|
|
1208
|
-
"tags": {
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
}
|
|
1214
|
-
]
|
|
1215
|
-
},
|
|
1261
|
+
"name": "tag",
|
|
1262
|
+
"description": "Sets valid HTML element tag",
|
|
1263
|
+
"tags": {},
|
|
1264
|
+
"values": [
|
|
1265
|
+
"a",
|
|
1266
|
+
"button"
|
|
1267
|
+
],
|
|
1216
1268
|
"type": {
|
|
1217
1269
|
"name": "string"
|
|
1270
|
+
},
|
|
1271
|
+
"defaultValue": {
|
|
1272
|
+
"func": false,
|
|
1273
|
+
"value": "'a'"
|
|
1218
1274
|
}
|
|
1219
1275
|
},
|
|
1220
1276
|
{
|
|
1221
|
-
"name": "
|
|
1222
|
-
"description": "Sets
|
|
1277
|
+
"name": "href",
|
|
1278
|
+
"description": "Sets value for anchors href property. Requires tag prop value to be `a`.",
|
|
1223
1279
|
"type": {
|
|
1224
|
-
"name": "
|
|
1280
|
+
"name": "string"
|
|
1225
1281
|
},
|
|
1226
1282
|
"defaultValue": {
|
|
1227
1283
|
"func": false,
|
|
1228
|
-
"value": "
|
|
1284
|
+
"value": "'#'"
|
|
1229
1285
|
}
|
|
1230
1286
|
},
|
|
1231
1287
|
{
|
|
1232
|
-
"name": "
|
|
1233
|
-
"description": "
|
|
1288
|
+
"name": "inheritColor",
|
|
1289
|
+
"description": "Sets color and fill",
|
|
1234
1290
|
"type": {
|
|
1235
|
-
"name": "
|
|
1291
|
+
"name": "boolean"
|
|
1236
1292
|
},
|
|
1237
|
-
"
|
|
1293
|
+
"defaultValue": {
|
|
1294
|
+
"func": false,
|
|
1295
|
+
"value": false
|
|
1296
|
+
}
|
|
1238
1297
|
},
|
|
1239
1298
|
{
|
|
1240
|
-
"name": "
|
|
1241
|
-
"description": "
|
|
1299
|
+
"name": "modifier",
|
|
1300
|
+
"description": "Modifies the style variant for this component.",
|
|
1242
1301
|
"tags": {},
|
|
1243
1302
|
"values": [
|
|
1244
|
-
"
|
|
1245
|
-
"button"
|
|
1303
|
+
"standalone"
|
|
1246
1304
|
],
|
|
1247
1305
|
"type": {
|
|
1248
1306
|
"name": "string"
|
|
1249
1307
|
},
|
|
1250
1308
|
"defaultValue": {
|
|
1251
1309
|
"func": false,
|
|
1252
|
-
"value": "'
|
|
1310
|
+
"value": "''"
|
|
1253
1311
|
}
|
|
1254
1312
|
},
|
|
1255
1313
|
{
|
|
1256
|
-
"name": "
|
|
1257
|
-
"
|
|
1314
|
+
"name": "target",
|
|
1315
|
+
"tags": {
|
|
1316
|
+
"ignore": [
|
|
1317
|
+
{
|
|
1318
|
+
"description": true,
|
|
1319
|
+
"title": "ignore"
|
|
1320
|
+
}
|
|
1321
|
+
]
|
|
1322
|
+
},
|
|
1258
1323
|
"type": {
|
|
1259
1324
|
"name": "string"
|
|
1260
|
-
},
|
|
1261
|
-
"defaultValue": {
|
|
1262
|
-
"func": false,
|
|
1263
|
-
"value": "''"
|
|
1264
1325
|
}
|
|
1265
1326
|
},
|
|
1266
1327
|
{
|
|
1267
|
-
"name": "
|
|
1328
|
+
"name": "rel",
|
|
1268
1329
|
"tags": {
|
|
1269
1330
|
"ignore": [
|
|
1270
1331
|
{
|
|
1271
|
-
"description":
|
|
1332
|
+
"description": true,
|
|
1272
1333
|
"title": "ignore"
|
|
1273
1334
|
}
|
|
1274
1335
|
]
|
|
1275
1336
|
},
|
|
1276
1337
|
"type": {
|
|
1277
|
-
"name": "
|
|
1338
|
+
"name": "string"
|
|
1278
1339
|
}
|
|
1279
1340
|
}
|
|
1280
1341
|
],
|
|
1281
|
-
"
|
|
1282
|
-
{
|
|
1283
|
-
"name": "update:modelValue",
|
|
1284
|
-
"description": "Event emitted by v-model on the select <input> element to indicate current page.\nOnly used on small devices",
|
|
1285
|
-
"properties": [
|
|
1286
|
-
{
|
|
1287
|
-
"type": {
|
|
1288
|
-
"names": [
|
|
1289
|
-
"mixed"
|
|
1290
|
-
]
|
|
1291
|
-
},
|
|
1292
|
-
"name": "modelValue"
|
|
1293
|
-
}
|
|
1294
|
-
],
|
|
1295
|
-
"tags": [
|
|
1296
|
-
{
|
|
1297
|
-
"title": "param",
|
|
1298
|
-
"type": {
|
|
1299
|
-
"name": "mixed"
|
|
1300
|
-
},
|
|
1301
|
-
"name": "modelValue"
|
|
1302
|
-
}
|
|
1303
|
-
]
|
|
1304
|
-
},
|
|
1342
|
+
"slots": [
|
|
1305
1343
|
{
|
|
1306
|
-
"name": "
|
|
1307
|
-
"description": "
|
|
1344
|
+
"name": "default",
|
|
1345
|
+
"description": "Readable text of the link"
|
|
1308
1346
|
}
|
|
1309
1347
|
],
|
|
1310
1348
|
"sourceFiles": [
|
|
1311
|
-
"./src/components/
|
|
1349
|
+
"./src/components/link/CdrLink.vue"
|
|
1312
1350
|
]
|
|
1313
1351
|
},
|
|
1314
1352
|
"CdrInput": {
|
|
@@ -1448,161 +1486,21 @@
|
|
|
1448
1486
|
}
|
|
1449
1487
|
},
|
|
1450
1488
|
{
|
|
1451
|
-
"name": "required",
|
|
1452
|
-
"description": "Sets aria-required on the input field and displays an asterisk next to the input label.",
|
|
1453
|
-
"type": {
|
|
1454
|
-
"name": "boolean"
|
|
1455
|
-
}
|
|
1456
|
-
},
|
|
1457
|
-
{
|
|
1458
|
-
"name": "optional",
|
|
1459
|
-
"description": "Displays '(optional)' text next to the input label.",
|
|
1460
|
-
"type": {
|
|
1461
|
-
"name": "boolean"
|
|
1462
|
-
}
|
|
1463
|
-
},
|
|
1464
|
-
{
|
|
1465
|
-
"name": "modelValue",
|
|
1466
|
-
"tags": {
|
|
1467
|
-
"ignore": [
|
|
1468
|
-
{
|
|
1469
|
-
"description": true,
|
|
1470
|
-
"title": "ignore"
|
|
1471
|
-
}
|
|
1472
|
-
]
|
|
1473
|
-
},
|
|
1474
|
-
"type": {
|
|
1475
|
-
"name": "string|number|func"
|
|
1476
|
-
}
|
|
1477
|
-
},
|
|
1478
|
-
{
|
|
1479
|
-
"name": "labelClass",
|
|
1480
|
-
"description": "Adds a custom class to the cdr-label-standalone wrapping div",
|
|
1481
|
-
"type": {
|
|
1482
|
-
"name": "string"
|
|
1483
|
-
}
|
|
1484
|
-
}
|
|
1485
|
-
],
|
|
1486
|
-
"events": [
|
|
1487
|
-
{
|
|
1488
|
-
"name": "update:modelValue",
|
|
1489
|
-
"description": "Event emitted by v-model on the <input> element",
|
|
1490
|
-
"properties": [
|
|
1491
|
-
{
|
|
1492
|
-
"type": {
|
|
1493
|
-
"names": [
|
|
1494
|
-
"mixed"
|
|
1495
|
-
]
|
|
1496
|
-
},
|
|
1497
|
-
"name": "modelValue"
|
|
1498
|
-
}
|
|
1499
|
-
],
|
|
1500
|
-
"tags": [
|
|
1501
|
-
{
|
|
1502
|
-
"title": "param",
|
|
1503
|
-
"type": {
|
|
1504
|
-
"name": "mixed"
|
|
1505
|
-
},
|
|
1506
|
-
"name": "modelValue"
|
|
1507
|
-
}
|
|
1508
|
-
]
|
|
1509
|
-
}
|
|
1510
|
-
],
|
|
1511
|
-
"slots": [
|
|
1512
|
-
{
|
|
1513
|
-
"name": "helper-text-top",
|
|
1514
|
-
"description": "Helper text above the input field"
|
|
1515
|
-
},
|
|
1516
|
-
{
|
|
1517
|
-
"name": "info",
|
|
1518
|
-
"description": "Link or icon to the right above the input field."
|
|
1519
|
-
},
|
|
1520
|
-
{
|
|
1521
|
-
"name": "pre-icon",
|
|
1522
|
-
"description": "Icon preceding text within the input field"
|
|
1523
|
-
},
|
|
1524
|
-
{
|
|
1525
|
-
"name": "post-icon",
|
|
1526
|
-
"description": "Icon after text within the input field"
|
|
1527
|
-
},
|
|
1528
|
-
{
|
|
1529
|
-
"name": "info-action",
|
|
1530
|
-
"description": "Action-wrapped icon within the input field (precedes post-icon)"
|
|
1531
|
-
},
|
|
1532
|
-
{
|
|
1533
|
-
"name": "helper-text-bottom",
|
|
1534
|
-
"description": "Helper text below the input field"
|
|
1535
|
-
},
|
|
1536
|
-
{
|
|
1537
|
-
"name": "error",
|
|
1538
|
-
"description": "Error messaging text that is displayed when the `error` prop is true."
|
|
1539
|
-
}
|
|
1540
|
-
],
|
|
1541
|
-
"sourceFiles": [
|
|
1542
|
-
"./src/components/input/CdrInput.vue"
|
|
1543
|
-
]
|
|
1544
|
-
},
|
|
1545
|
-
"CdrLink": {
|
|
1546
|
-
"displayName": "CdrLink",
|
|
1547
|
-
"description": "Clickable text elements used for navigating to other pages or sections",
|
|
1548
|
-
"tags": {},
|
|
1549
|
-
"exportName": "default",
|
|
1550
|
-
"props": [
|
|
1551
|
-
{
|
|
1552
|
-
"name": "tag",
|
|
1553
|
-
"description": "Sets valid HTML element tag",
|
|
1554
|
-
"tags": {},
|
|
1555
|
-
"values": [
|
|
1556
|
-
"a",
|
|
1557
|
-
"button"
|
|
1558
|
-
],
|
|
1559
|
-
"type": {
|
|
1560
|
-
"name": "string"
|
|
1561
|
-
},
|
|
1562
|
-
"defaultValue": {
|
|
1563
|
-
"func": false,
|
|
1564
|
-
"value": "'a'"
|
|
1565
|
-
}
|
|
1566
|
-
},
|
|
1567
|
-
{
|
|
1568
|
-
"name": "href",
|
|
1569
|
-
"description": "Sets value for anchors href property. Requires tag prop value to be `a`.",
|
|
1570
|
-
"type": {
|
|
1571
|
-
"name": "string"
|
|
1572
|
-
},
|
|
1573
|
-
"defaultValue": {
|
|
1574
|
-
"func": false,
|
|
1575
|
-
"value": "'#'"
|
|
1576
|
-
}
|
|
1577
|
-
},
|
|
1578
|
-
{
|
|
1579
|
-
"name": "inheritColor",
|
|
1580
|
-
"description": "Sets color and fill",
|
|
1489
|
+
"name": "required",
|
|
1490
|
+
"description": "Sets aria-required on the input field and displays an asterisk next to the input label.",
|
|
1581
1491
|
"type": {
|
|
1582
1492
|
"name": "boolean"
|
|
1583
|
-
},
|
|
1584
|
-
"defaultValue": {
|
|
1585
|
-
"func": false,
|
|
1586
|
-
"value": false
|
|
1587
1493
|
}
|
|
1588
1494
|
},
|
|
1589
1495
|
{
|
|
1590
|
-
"name": "
|
|
1591
|
-
"description": "
|
|
1592
|
-
"tags": {},
|
|
1593
|
-
"values": [
|
|
1594
|
-
"standalone"
|
|
1595
|
-
],
|
|
1496
|
+
"name": "optional",
|
|
1497
|
+
"description": "Displays '(optional)' text next to the input label.",
|
|
1596
1498
|
"type": {
|
|
1597
|
-
"name": "
|
|
1598
|
-
},
|
|
1599
|
-
"defaultValue": {
|
|
1600
|
-
"func": false,
|
|
1601
|
-
"value": "''"
|
|
1499
|
+
"name": "boolean"
|
|
1602
1500
|
}
|
|
1603
1501
|
},
|
|
1604
1502
|
{
|
|
1605
|
-
"name": "
|
|
1503
|
+
"name": "modelValue",
|
|
1606
1504
|
"tags": {
|
|
1607
1505
|
"ignore": [
|
|
1608
1506
|
{
|
|
@@ -1612,32 +1510,74 @@
|
|
|
1612
1510
|
]
|
|
1613
1511
|
},
|
|
1614
1512
|
"type": {
|
|
1615
|
-
"name": "string"
|
|
1513
|
+
"name": "string|number|func"
|
|
1616
1514
|
}
|
|
1617
1515
|
},
|
|
1618
1516
|
{
|
|
1619
|
-
"name": "
|
|
1620
|
-
"
|
|
1621
|
-
"ignore": [
|
|
1622
|
-
{
|
|
1623
|
-
"description": true,
|
|
1624
|
-
"title": "ignore"
|
|
1625
|
-
}
|
|
1626
|
-
]
|
|
1627
|
-
},
|
|
1517
|
+
"name": "labelClass",
|
|
1518
|
+
"description": "Adds a custom class to the cdr-label-standalone wrapping div",
|
|
1628
1519
|
"type": {
|
|
1629
1520
|
"name": "string"
|
|
1630
1521
|
}
|
|
1631
1522
|
}
|
|
1632
1523
|
],
|
|
1524
|
+
"events": [
|
|
1525
|
+
{
|
|
1526
|
+
"name": "update:modelValue",
|
|
1527
|
+
"description": "Event emitted by v-model on the <input> element",
|
|
1528
|
+
"properties": [
|
|
1529
|
+
{
|
|
1530
|
+
"type": {
|
|
1531
|
+
"names": [
|
|
1532
|
+
"mixed"
|
|
1533
|
+
]
|
|
1534
|
+
},
|
|
1535
|
+
"name": "modelValue"
|
|
1536
|
+
}
|
|
1537
|
+
],
|
|
1538
|
+
"tags": [
|
|
1539
|
+
{
|
|
1540
|
+
"title": "param",
|
|
1541
|
+
"type": {
|
|
1542
|
+
"name": "mixed"
|
|
1543
|
+
},
|
|
1544
|
+
"name": "modelValue"
|
|
1545
|
+
}
|
|
1546
|
+
]
|
|
1547
|
+
}
|
|
1548
|
+
],
|
|
1633
1549
|
"slots": [
|
|
1634
1550
|
{
|
|
1635
|
-
"name": "
|
|
1636
|
-
"description": "
|
|
1551
|
+
"name": "helper-text-top",
|
|
1552
|
+
"description": "Helper text above the input field"
|
|
1553
|
+
},
|
|
1554
|
+
{
|
|
1555
|
+
"name": "info",
|
|
1556
|
+
"description": "Link or icon to the right above the input field."
|
|
1557
|
+
},
|
|
1558
|
+
{
|
|
1559
|
+
"name": "pre-icon",
|
|
1560
|
+
"description": "Icon preceding text within the input field"
|
|
1561
|
+
},
|
|
1562
|
+
{
|
|
1563
|
+
"name": "post-icon",
|
|
1564
|
+
"description": "Icon after text within the input field"
|
|
1565
|
+
},
|
|
1566
|
+
{
|
|
1567
|
+
"name": "info-action",
|
|
1568
|
+
"description": "Action-wrapped icon within the input field (precedes post-icon)"
|
|
1569
|
+
},
|
|
1570
|
+
{
|
|
1571
|
+
"name": "helper-text-bottom",
|
|
1572
|
+
"description": "Helper text below the input field"
|
|
1573
|
+
},
|
|
1574
|
+
{
|
|
1575
|
+
"name": "error",
|
|
1576
|
+
"description": "Error messaging text that is displayed when the `error` prop is true."
|
|
1637
1577
|
}
|
|
1638
1578
|
],
|
|
1639
1579
|
"sourceFiles": [
|
|
1640
|
-
"./src/components/
|
|
1580
|
+
"./src/components/input/CdrInput.vue"
|
|
1641
1581
|
]
|
|
1642
1582
|
},
|
|
1643
1583
|
"CdrList": {
|
|
@@ -1837,178 +1777,177 @@
|
|
|
1837
1777
|
"./src/components/modal/CdrModal.vue"
|
|
1838
1778
|
]
|
|
1839
1779
|
},
|
|
1840
|
-
"
|
|
1841
|
-
"displayName": "
|
|
1842
|
-
"description": "
|
|
1780
|
+
"CdrPagination": {
|
|
1781
|
+
"displayName": "CdrPagination",
|
|
1782
|
+
"description": "Allows people to navigate to the next or previous page within an experience",
|
|
1843
1783
|
"tags": {},
|
|
1844
1784
|
"exportName": "default",
|
|
1845
1785
|
"props": [
|
|
1846
1786
|
{
|
|
1847
|
-
"name": "
|
|
1848
|
-
"description": "
|
|
1787
|
+
"name": "id",
|
|
1788
|
+
"description": "Define a custom slug for the generated breadcrumb item IDs. Slug is randomly generated if no ID provided.",
|
|
1849
1789
|
"tags": {
|
|
1850
|
-
"
|
|
1790
|
+
"demoIgnore": [
|
|
1851
1791
|
{
|
|
1852
|
-
"description": "
|
|
1853
|
-
"title": "
|
|
1792
|
+
"description": "true",
|
|
1793
|
+
"title": "demoIgnore"
|
|
1854
1794
|
}
|
|
1855
1795
|
]
|
|
1856
1796
|
},
|
|
1857
|
-
"values": [
|
|
1858
|
-
"top",
|
|
1859
|
-
"bottom",
|
|
1860
|
-
"left",
|
|
1861
|
-
"right"
|
|
1862
|
-
],
|
|
1863
1797
|
"type": {
|
|
1864
1798
|
"name": "string"
|
|
1865
|
-
},
|
|
1866
|
-
"required": false,
|
|
1867
|
-
"defaultValue": {
|
|
1868
|
-
"func": false,
|
|
1869
|
-
"value": "'top'"
|
|
1870
1799
|
}
|
|
1871
1800
|
},
|
|
1872
1801
|
{
|
|
1873
|
-
"name": "
|
|
1874
|
-
"description": "
|
|
1802
|
+
"name": "totalPages",
|
|
1803
|
+
"description": "Sets the total number of pages for displaying \"Page x of <totalPages>\".\nSometimes the total number of pages is different than total page data objects in the pages array.\nFor example, if only the next and previous pages are provided.",
|
|
1875
1804
|
"type": {
|
|
1876
|
-
"name": "
|
|
1805
|
+
"name": "number"
|
|
1877
1806
|
},
|
|
1878
|
-
"required": false,
|
|
1879
1807
|
"defaultValue": {
|
|
1880
1808
|
"func": false,
|
|
1881
|
-
"value":
|
|
1809
|
+
"value": "null"
|
|
1882
1810
|
}
|
|
1883
1811
|
},
|
|
1884
1812
|
{
|
|
1885
|
-
"name": "
|
|
1886
|
-
"description": "
|
|
1813
|
+
"name": "pages",
|
|
1814
|
+
"description": "Array of objects containing pagination data.\nObjects must have structure of `{ page: number, url: string }`",
|
|
1887
1815
|
"type": {
|
|
1888
|
-
"name": "
|
|
1816
|
+
"name": "array"
|
|
1889
1817
|
},
|
|
1890
|
-
"required":
|
|
1818
|
+
"required": true
|
|
1891
1819
|
},
|
|
1892
1820
|
{
|
|
1893
|
-
"name": "
|
|
1894
|
-
"description": "
|
|
1821
|
+
"name": "linkTag",
|
|
1822
|
+
"description": "Sets which tag type is used to render pagination elements",
|
|
1823
|
+
"tags": {},
|
|
1824
|
+
"values": [
|
|
1825
|
+
"a",
|
|
1826
|
+
"button"
|
|
1827
|
+
],
|
|
1895
1828
|
"type": {
|
|
1896
1829
|
"name": "string"
|
|
1897
1830
|
},
|
|
1898
|
-
"
|
|
1831
|
+
"defaultValue": {
|
|
1832
|
+
"func": false,
|
|
1833
|
+
"value": "'a'"
|
|
1834
|
+
}
|
|
1899
1835
|
},
|
|
1900
1836
|
{
|
|
1901
|
-
"name": "
|
|
1902
|
-
"description": "
|
|
1837
|
+
"name": "forLabel",
|
|
1838
|
+
"description": "Used to customize the aria-label for the root pagination element.\nFor page-level pagination (i.e, pagination that updates the entire page content and changes the URL)\nthis property should be omitted.\nFor intra-page navigation this property should describe the element being paginated, for example:\n`Pagination for sub-content`",
|
|
1903
1839
|
"type": {
|
|
1904
1840
|
"name": "string"
|
|
1905
1841
|
},
|
|
1906
|
-
"
|
|
1842
|
+
"defaultValue": {
|
|
1843
|
+
"func": false,
|
|
1844
|
+
"value": "''"
|
|
1845
|
+
}
|
|
1907
1846
|
},
|
|
1908
1847
|
{
|
|
1909
|
-
"name": "
|
|
1910
|
-
"description": "Used to programmatically control the popover state. Does not need to be set if you are using the `trigger` slot.",
|
|
1848
|
+
"name": "modelValue",
|
|
1911
1849
|
"tags": {
|
|
1912
|
-
"
|
|
1850
|
+
"ignore": [
|
|
1913
1851
|
{
|
|
1914
|
-
"description": "
|
|
1915
|
-
"title": "
|
|
1852
|
+
"description": "used for binding v-model, represents the current page",
|
|
1853
|
+
"title": "ignore"
|
|
1916
1854
|
}
|
|
1917
1855
|
]
|
|
1918
1856
|
},
|
|
1919
1857
|
"type": {
|
|
1920
|
-
"name": "
|
|
1921
|
-
},
|
|
1922
|
-
"required": false,
|
|
1923
|
-
"defaultValue": {
|
|
1924
|
-
"func": false,
|
|
1925
|
-
"value": false
|
|
1858
|
+
"name": "number"
|
|
1926
1859
|
}
|
|
1927
1860
|
}
|
|
1928
1861
|
],
|
|
1929
1862
|
"events": [
|
|
1930
1863
|
{
|
|
1931
|
-
"name": "
|
|
1932
|
-
"description": "
|
|
1933
|
-
|
|
1934
|
-
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
|
|
1948
|
-
|
|
1949
|
-
|
|
1864
|
+
"name": "update:modelValue",
|
|
1865
|
+
"description": "Event emitted by v-model on the select <input> element to indicate current page.\nOnly used on small devices",
|
|
1866
|
+
"properties": [
|
|
1867
|
+
{
|
|
1868
|
+
"type": {
|
|
1869
|
+
"names": [
|
|
1870
|
+
"mixed"
|
|
1871
|
+
]
|
|
1872
|
+
},
|
|
1873
|
+
"name": "modelValue"
|
|
1874
|
+
}
|
|
1875
|
+
],
|
|
1876
|
+
"tags": [
|
|
1877
|
+
{
|
|
1878
|
+
"title": "param",
|
|
1879
|
+
"type": {
|
|
1880
|
+
"name": "mixed"
|
|
1881
|
+
},
|
|
1882
|
+
"name": "modelValue"
|
|
1883
|
+
}
|
|
1884
|
+
]
|
|
1950
1885
|
},
|
|
1951
1886
|
{
|
|
1952
|
-
"name": "
|
|
1887
|
+
"name": "navigate",
|
|
1888
|
+
"description": "$emit event fired when page changes based on user interaction by clicking a link\nor selecting an option from the select on mobile.\n`event.preventDefault()` can be used to override the default link navigation behavior."
|
|
1953
1889
|
}
|
|
1954
1890
|
],
|
|
1955
1891
|
"sourceFiles": [
|
|
1956
|
-
"./src/components/
|
|
1892
|
+
"./src/components/pagination/CdrPagination.vue"
|
|
1957
1893
|
]
|
|
1958
1894
|
},
|
|
1959
|
-
"
|
|
1960
|
-
"displayName": "
|
|
1895
|
+
"CdrPopup": {
|
|
1896
|
+
"displayName": "CdrPopup",
|
|
1961
1897
|
"exportName": "default",
|
|
1962
1898
|
"description": "",
|
|
1963
1899
|
"tags": {},
|
|
1964
1900
|
"props": [
|
|
1965
1901
|
{
|
|
1966
|
-
"name": "
|
|
1902
|
+
"name": "opened",
|
|
1967
1903
|
"type": {
|
|
1968
|
-
"name": "
|
|
1904
|
+
"name": "boolean"
|
|
1905
|
+
},
|
|
1906
|
+
"defaultValue": {
|
|
1907
|
+
"func": false,
|
|
1908
|
+
"value": false
|
|
1969
1909
|
}
|
|
1970
1910
|
},
|
|
1971
1911
|
{
|
|
1972
|
-
"name": "
|
|
1912
|
+
"name": "position",
|
|
1973
1913
|
"type": {
|
|
1974
1914
|
"name": "string"
|
|
1915
|
+
},
|
|
1916
|
+
"required": false,
|
|
1917
|
+
"defaultValue": {
|
|
1918
|
+
"func": false,
|
|
1919
|
+
"value": "'top'"
|
|
1975
1920
|
}
|
|
1976
1921
|
},
|
|
1977
1922
|
{
|
|
1978
|
-
"name": "
|
|
1979
|
-
"type": {
|
|
1980
|
-
"name": "backgroundProps"
|
|
1981
|
-
}
|
|
1982
|
-
},
|
|
1983
|
-
{
|
|
1984
|
-
"name": "disabled",
|
|
1923
|
+
"name": "autoPosition",
|
|
1985
1924
|
"type": {
|
|
1986
1925
|
"name": "boolean"
|
|
1926
|
+
},
|
|
1927
|
+
"defaultValue": {
|
|
1928
|
+
"func": false,
|
|
1929
|
+
"value": true
|
|
1987
1930
|
}
|
|
1988
1931
|
},
|
|
1989
1932
|
{
|
|
1990
|
-
"name": "
|
|
1991
|
-
"type": {
|
|
1992
|
-
"name": "string"
|
|
1993
|
-
}
|
|
1994
|
-
},
|
|
1995
|
-
{
|
|
1996
|
-
"name": "size",
|
|
1933
|
+
"name": "contentClass",
|
|
1997
1934
|
"type": {
|
|
1998
1935
|
"name": "string"
|
|
1999
1936
|
}
|
|
2000
1937
|
}
|
|
2001
1938
|
],
|
|
2002
|
-
"
|
|
1939
|
+
"events": [
|
|
2003
1940
|
{
|
|
2004
|
-
"name": "
|
|
2005
|
-
}
|
|
1941
|
+
"name": "closed"
|
|
1942
|
+
}
|
|
1943
|
+
],
|
|
1944
|
+
"slots": [
|
|
2006
1945
|
{
|
|
2007
1946
|
"name": "default"
|
|
2008
1947
|
}
|
|
2009
1948
|
],
|
|
2010
1949
|
"sourceFiles": [
|
|
2011
|
-
"./src/components/
|
|
1950
|
+
"./src/components/popup/CdrPopup.vue"
|
|
2012
1951
|
]
|
|
2013
1952
|
},
|
|
2014
1953
|
"CdrQuote": {
|
|
@@ -2081,24 +2020,29 @@
|
|
|
2081
2020
|
"./src/components/quote/CdrQuote.vue"
|
|
2082
2021
|
]
|
|
2083
2022
|
},
|
|
2084
|
-
"
|
|
2085
|
-
"displayName": "
|
|
2086
|
-
"
|
|
2087
|
-
"description": "",
|
|
2023
|
+
"CdrPopover": {
|
|
2024
|
+
"displayName": "CdrPopover",
|
|
2025
|
+
"description": "Small overlay used to display contextual information",
|
|
2088
2026
|
"tags": {},
|
|
2027
|
+
"exportName": "default",
|
|
2089
2028
|
"props": [
|
|
2090
|
-
{
|
|
2091
|
-
"name": "opened",
|
|
2092
|
-
"type": {
|
|
2093
|
-
"name": "boolean"
|
|
2094
|
-
},
|
|
2095
|
-
"defaultValue": {
|
|
2096
|
-
"func": false,
|
|
2097
|
-
"value": false
|
|
2098
|
-
}
|
|
2099
|
-
},
|
|
2100
2029
|
{
|
|
2101
2030
|
"name": "position",
|
|
2031
|
+
"description": "Sets the position where the popover will render relative to the trigger element.",
|
|
2032
|
+
"tags": {
|
|
2033
|
+
"demoSelectMultiple": [
|
|
2034
|
+
{
|
|
2035
|
+
"description": "false",
|
|
2036
|
+
"title": "demoSelectMultiple"
|
|
2037
|
+
}
|
|
2038
|
+
]
|
|
2039
|
+
},
|
|
2040
|
+
"values": [
|
|
2041
|
+
"top",
|
|
2042
|
+
"bottom",
|
|
2043
|
+
"left",
|
|
2044
|
+
"right"
|
|
2045
|
+
],
|
|
2102
2046
|
"type": {
|
|
2103
2047
|
"name": "string"
|
|
2104
2048
|
},
|
|
@@ -2110,33 +2054,89 @@
|
|
|
2110
2054
|
},
|
|
2111
2055
|
{
|
|
2112
2056
|
"name": "autoPosition",
|
|
2057
|
+
"description": "If set to `true`, popover will attempt to dynamically set it's position to\nensure it renders within the visible browser window.\nIf `false` the popover will always render in the provided `position`.",
|
|
2113
2058
|
"type": {
|
|
2114
2059
|
"name": "boolean"
|
|
2115
2060
|
},
|
|
2061
|
+
"required": false,
|
|
2116
2062
|
"defaultValue": {
|
|
2117
2063
|
"func": false,
|
|
2118
2064
|
"value": true
|
|
2119
2065
|
}
|
|
2120
2066
|
},
|
|
2067
|
+
{
|
|
2068
|
+
"name": "label",
|
|
2069
|
+
"description": "Sets the title for the popover content. Can also be provided via the `title` slot.",
|
|
2070
|
+
"type": {
|
|
2071
|
+
"name": "string"
|
|
2072
|
+
},
|
|
2073
|
+
"required": false
|
|
2074
|
+
},
|
|
2075
|
+
{
|
|
2076
|
+
"name": "id",
|
|
2077
|
+
"description": "ID for the popover element, required for accessibility",
|
|
2078
|
+
"type": {
|
|
2079
|
+
"name": "string"
|
|
2080
|
+
},
|
|
2081
|
+
"required": true
|
|
2082
|
+
},
|
|
2121
2083
|
{
|
|
2122
2084
|
"name": "contentClass",
|
|
2085
|
+
"description": "Add custom class to the popover content wrapper. Allows for overriding size, styling, etc.",
|
|
2123
2086
|
"type": {
|
|
2124
2087
|
"name": "string"
|
|
2088
|
+
},
|
|
2089
|
+
"required": false
|
|
2090
|
+
},
|
|
2091
|
+
{
|
|
2092
|
+
"name": "open",
|
|
2093
|
+
"description": "Used to programmatically control the popover state. Does not need to be set if you are using the `trigger` slot.",
|
|
2094
|
+
"tags": {
|
|
2095
|
+
"demoIgnore": [
|
|
2096
|
+
{
|
|
2097
|
+
"description": "true",
|
|
2098
|
+
"title": "demoIgnore"
|
|
2099
|
+
}
|
|
2100
|
+
]
|
|
2101
|
+
},
|
|
2102
|
+
"type": {
|
|
2103
|
+
"name": "boolean"
|
|
2104
|
+
},
|
|
2105
|
+
"required": false,
|
|
2106
|
+
"defaultValue": {
|
|
2107
|
+
"func": false,
|
|
2108
|
+
"value": false
|
|
2125
2109
|
}
|
|
2126
2110
|
}
|
|
2127
2111
|
],
|
|
2128
2112
|
"events": [
|
|
2129
2113
|
{
|
|
2130
|
-
"name": "
|
|
2114
|
+
"name": "opened",
|
|
2115
|
+
"description": "Emits when popover is opened"
|
|
2116
|
+
},
|
|
2117
|
+
{
|
|
2118
|
+
"name": "closed",
|
|
2119
|
+
"description": "Emits when popover is closed"
|
|
2131
2120
|
}
|
|
2132
2121
|
],
|
|
2133
2122
|
"slots": [
|
|
2123
|
+
{
|
|
2124
|
+
"name": "trigger",
|
|
2125
|
+
"description": " Slot for the element that triggers the popover."
|
|
2126
|
+
},
|
|
2127
|
+
{
|
|
2128
|
+
"name": "title",
|
|
2129
|
+
"description": "Sets the title for the popover. Can also be set with `label` prop"
|
|
2130
|
+
},
|
|
2134
2131
|
{
|
|
2135
2132
|
"name": "default"
|
|
2133
|
+
},
|
|
2134
|
+
{
|
|
2135
|
+
"name": "icon"
|
|
2136
2136
|
}
|
|
2137
2137
|
],
|
|
2138
2138
|
"sourceFiles": [
|
|
2139
|
-
"./src/components/
|
|
2139
|
+
"./src/components/popover/CdrPopover.vue"
|
|
2140
2140
|
]
|
|
2141
2141
|
},
|
|
2142
2142
|
"CdrRadio": {
|
|
@@ -2508,197 +2508,41 @@
|
|
|
2508
2508
|
"description": "Disables the input and sets appropriate styling",
|
|
2509
2509
|
"type": {
|
|
2510
2510
|
"name": "boolean"
|
|
2511
|
-
}
|
|
2512
|
-
},
|
|
2513
|
-
{
|
|
2514
|
-
"name": "required",
|
|
2515
|
-
"description": "Sets aria-required on the input field and displays an asterisk next to the select label",
|
|
2516
|
-
"type": {
|
|
2517
|
-
"name": "boolean"
|
|
2518
|
-
}
|
|
2519
|
-
},
|
|
2520
|
-
{
|
|
2521
|
-
"name": "optional",
|
|
2522
|
-
"description": "Displays '(optional)' text next to the select label.",
|
|
2523
|
-
"type": {
|
|
2524
|
-
"name": "boolean"
|
|
2525
|
-
}
|
|
2526
|
-
},
|
|
2527
|
-
{
|
|
2528
|
-
"name": "multiple",
|
|
2529
|
-
"description": "Turns CdrSelect into a multi-select element.",
|
|
2530
|
-
"type": {
|
|
2531
|
-
"name": "boolean"
|
|
2532
|
-
}
|
|
2533
|
-
},
|
|
2534
|
-
{
|
|
2535
|
-
"name": "multipleSize",
|
|
2536
|
-
"description": "Sets the height of the CdrSelect when using the multiple option.\nThis number corresponds to the number of select options that will be visible without scrolling.",
|
|
2537
|
-
"type": {
|
|
2538
|
-
"name": "number"
|
|
2539
|
-
}
|
|
2540
|
-
}
|
|
2541
|
-
],
|
|
2542
|
-
"events": [
|
|
2543
|
-
{
|
|
2544
|
-
"name": "update:modelValue",
|
|
2545
|
-
"description": "Event emitted by v-model on the radio's <input> element",
|
|
2546
|
-
"properties": [
|
|
2547
|
-
{
|
|
2548
|
-
"type": {
|
|
2549
|
-
"names": [
|
|
2550
|
-
"mixed"
|
|
2551
|
-
]
|
|
2552
|
-
},
|
|
2553
|
-
"name": "modelValue"
|
|
2554
|
-
}
|
|
2555
|
-
],
|
|
2556
|
-
"tags": [
|
|
2557
|
-
{
|
|
2558
|
-
"title": "param",
|
|
2559
|
-
"type": {
|
|
2560
|
-
"name": "mixed"
|
|
2561
|
-
},
|
|
2562
|
-
"name": "modelValue"
|
|
2563
|
-
}
|
|
2564
|
-
]
|
|
2565
|
-
}
|
|
2566
|
-
],
|
|
2567
|
-
"slots": [
|
|
2568
|
-
{
|
|
2569
|
-
"name": "helper-text",
|
|
2570
|
-
"description": "Helper text above the select field"
|
|
2571
|
-
},
|
|
2572
|
-
{
|
|
2573
|
-
"name": "info",
|
|
2574
|
-
"description": "Link or icon to the right above the select field."
|
|
2575
|
-
},
|
|
2576
|
-
{
|
|
2577
|
-
"name": "pre-icon",
|
|
2578
|
-
"description": "Icon preceding text within the select field"
|
|
2579
|
-
},
|
|
2580
|
-
{
|
|
2581
|
-
"name": "default",
|
|
2582
|
-
"description": "CdrSelect content (<option> tags). Leave empty if using the `options` prop."
|
|
2583
|
-
},
|
|
2584
|
-
{
|
|
2585
|
-
"name": "info-action",
|
|
2586
|
-
"description": "Action-wrapped icon to the right of the select field"
|
|
2587
|
-
},
|
|
2588
|
-
{
|
|
2589
|
-
"name": "error",
|
|
2590
|
-
"description": "Error messaging text that is displayed when the `error` prop is true."
|
|
2591
|
-
}
|
|
2592
|
-
],
|
|
2593
|
-
"sourceFiles": [
|
|
2594
|
-
"./src/components/select/CdrSelect.vue"
|
|
2595
|
-
]
|
|
2596
|
-
},
|
|
2597
|
-
"CdrSkeletonBone": {
|
|
2598
|
-
"displayName": "CdrSkeletonBone",
|
|
2599
|
-
"exportName": "default",
|
|
2600
|
-
"description": "",
|
|
2601
|
-
"tags": {},
|
|
2602
|
-
"props": [
|
|
2603
|
-
{
|
|
2604
|
-
"name": "type",
|
|
2605
|
-
"description": "Sets the type of content placeholder",
|
|
2606
|
-
"tags": {
|
|
2607
|
-
"demoSelectMultiple": [
|
|
2608
|
-
{
|
|
2609
|
-
"description": "false",
|
|
2610
|
-
"title": "demoSelectMultiple"
|
|
2611
|
-
}
|
|
2612
|
-
]
|
|
2613
|
-
},
|
|
2614
|
-
"values": [
|
|
2615
|
-
"default",
|
|
2616
|
-
"heading",
|
|
2617
|
-
"line",
|
|
2618
|
-
"rectangle",
|
|
2619
|
-
"square"
|
|
2620
|
-
],
|
|
2621
|
-
"type": {
|
|
2622
|
-
"name": "string"
|
|
2623
|
-
},
|
|
2624
|
-
"required": false,
|
|
2625
|
-
"defaultValue": {
|
|
2626
|
-
"func": false,
|
|
2627
|
-
"value": "'default'"
|
|
2628
|
-
}
|
|
2629
|
-
}
|
|
2630
|
-
],
|
|
2631
|
-
"sourceFiles": [
|
|
2632
|
-
"./src/components/skeleton/CdrSkeletonBone.vue"
|
|
2633
|
-
]
|
|
2634
|
-
},
|
|
2635
|
-
"CdrSwitch": {
|
|
2636
|
-
"displayName": "CdrSwitch",
|
|
2637
|
-
"description": "Permits selection from two opposing options",
|
|
2638
|
-
"tags": {},
|
|
2639
|
-
"exportName": "default",
|
|
2640
|
-
"props": [
|
|
2641
|
-
{
|
|
2642
|
-
"name": "id",
|
|
2643
|
-
"description": "Sets a custom ID for the switch. If this value is not set, it will be auto-generated.",
|
|
2644
|
-
"type": {
|
|
2645
|
-
"name": "string"
|
|
2646
|
-
}
|
|
2647
|
-
},
|
|
2648
|
-
{
|
|
2649
|
-
"name": "size",
|
|
2650
|
-
"description": "Sets the size of the switch",
|
|
2651
|
-
"tags": {
|
|
2652
|
-
"demoSelectMultiple": [
|
|
2653
|
-
{
|
|
2654
|
-
"description": "false",
|
|
2655
|
-
"title": "demoSelectMultiple"
|
|
2656
|
-
}
|
|
2657
|
-
]
|
|
2658
|
-
},
|
|
2659
|
-
"values": [
|
|
2660
|
-
"medium",
|
|
2661
|
-
"large"
|
|
2662
|
-
],
|
|
2511
|
+
}
|
|
2512
|
+
},
|
|
2513
|
+
{
|
|
2514
|
+
"name": "required",
|
|
2515
|
+
"description": "Sets aria-required on the input field and displays an asterisk next to the select label",
|
|
2663
2516
|
"type": {
|
|
2664
|
-
"name": "
|
|
2665
|
-
},
|
|
2666
|
-
"defaultValue": {
|
|
2667
|
-
"func": false,
|
|
2668
|
-
"value": "'medium'"
|
|
2517
|
+
"name": "boolean"
|
|
2669
2518
|
}
|
|
2670
2519
|
},
|
|
2671
2520
|
{
|
|
2672
|
-
"name": "
|
|
2673
|
-
"description": "
|
|
2521
|
+
"name": "optional",
|
|
2522
|
+
"description": "Displays '(optional)' text next to the select label.",
|
|
2674
2523
|
"type": {
|
|
2675
2524
|
"name": "boolean"
|
|
2676
|
-
},
|
|
2677
|
-
"defaultValue": {
|
|
2678
|
-
"func": false,
|
|
2679
|
-
"value": false
|
|
2680
2525
|
}
|
|
2681
2526
|
},
|
|
2682
2527
|
{
|
|
2683
|
-
"name": "
|
|
2684
|
-
"
|
|
2685
|
-
"demoIgnore": [
|
|
2686
|
-
{
|
|
2687
|
-
"description": "true",
|
|
2688
|
-
"title": "demoIgnore"
|
|
2689
|
-
}
|
|
2690
|
-
]
|
|
2691
|
-
},
|
|
2528
|
+
"name": "multiple",
|
|
2529
|
+
"description": "Turns CdrSelect into a multi-select element.",
|
|
2692
2530
|
"type": {
|
|
2693
2531
|
"name": "boolean"
|
|
2694
|
-
}
|
|
2695
|
-
|
|
2532
|
+
}
|
|
2533
|
+
},
|
|
2534
|
+
{
|
|
2535
|
+
"name": "multipleSize",
|
|
2536
|
+
"description": "Sets the height of the CdrSelect when using the multiple option.\nThis number corresponds to the number of select options that will be visible without scrolling.",
|
|
2537
|
+
"type": {
|
|
2538
|
+
"name": "number"
|
|
2539
|
+
}
|
|
2696
2540
|
}
|
|
2697
2541
|
],
|
|
2698
2542
|
"events": [
|
|
2699
2543
|
{
|
|
2700
2544
|
"name": "update:modelValue",
|
|
2701
|
-
"description": "Event emitted by v-model on
|
|
2545
|
+
"description": "Event emitted by v-model on the radio's <input> element",
|
|
2702
2546
|
"properties": [
|
|
2703
2547
|
{
|
|
2704
2548
|
"type": {
|
|
@@ -2722,78 +2566,43 @@
|
|
|
2722
2566
|
],
|
|
2723
2567
|
"slots": [
|
|
2724
2568
|
{
|
|
2725
|
-
"name": "
|
|
2726
|
-
"description": "
|
|
2727
|
-
}
|
|
2728
|
-
],
|
|
2729
|
-
"sourceFiles": [
|
|
2730
|
-
"./src/components/switch/CdrSwitch.vue"
|
|
2731
|
-
]
|
|
2732
|
-
},
|
|
2733
|
-
"CdrTable": {
|
|
2734
|
-
"displayName": "CdrTable",
|
|
2735
|
-
"description": "Organizes structured data for users to easily scan, compare, and analyze",
|
|
2736
|
-
"tags": {},
|
|
2737
|
-
"exportName": "default",
|
|
2738
|
-
"props": [
|
|
2739
|
-
{
|
|
2740
|
-
"name": "striped",
|
|
2741
|
-
"description": "Sets row colors to alternate between darker and lighter backgrounds.\nStriping will not apply when `border` is true",
|
|
2742
|
-
"type": {
|
|
2743
|
-
"name": "boolean"
|
|
2744
|
-
},
|
|
2745
|
-
"defaultValue": {
|
|
2746
|
-
"func": false,
|
|
2747
|
-
"value": false
|
|
2748
|
-
}
|
|
2569
|
+
"name": "helper-text",
|
|
2570
|
+
"description": "Helper text above the select field"
|
|
2749
2571
|
},
|
|
2750
2572
|
{
|
|
2751
|
-
"name": "
|
|
2752
|
-
"description": "
|
|
2753
|
-
"type": {
|
|
2754
|
-
"name": "boolean"
|
|
2755
|
-
},
|
|
2756
|
-
"defaultValue": {
|
|
2757
|
-
"func": false,
|
|
2758
|
-
"value": true
|
|
2759
|
-
}
|
|
2573
|
+
"name": "info",
|
|
2574
|
+
"description": "Link or icon to the right above the select field."
|
|
2760
2575
|
},
|
|
2761
2576
|
{
|
|
2762
|
-
"name": "
|
|
2763
|
-
"description": "
|
|
2764
|
-
"type": {
|
|
2765
|
-
"name": "boolean|string"
|
|
2766
|
-
},
|
|
2767
|
-
"defaultValue": {
|
|
2768
|
-
"func": false,
|
|
2769
|
-
"value": true
|
|
2770
|
-
}
|
|
2577
|
+
"name": "pre-icon",
|
|
2578
|
+
"description": "Icon preceding text within the select field"
|
|
2771
2579
|
},
|
|
2772
2580
|
{
|
|
2773
|
-
"name": "
|
|
2774
|
-
"description": "
|
|
2775
|
-
"type": {
|
|
2776
|
-
"name": "boolean"
|
|
2777
|
-
},
|
|
2778
|
-
"defaultValue": {
|
|
2779
|
-
"func": false,
|
|
2780
|
-
"value": true
|
|
2781
|
-
}
|
|
2581
|
+
"name": "default",
|
|
2582
|
+
"description": "CdrSelect content (<option> tags). Leave empty if using the `options` prop."
|
|
2782
2583
|
},
|
|
2783
2584
|
{
|
|
2784
|
-
"name": "
|
|
2785
|
-
"description": "
|
|
2786
|
-
"type": {
|
|
2787
|
-
"name": "boolean"
|
|
2788
|
-
},
|
|
2789
|
-
"defaultValue": {
|
|
2790
|
-
"func": false,
|
|
2791
|
-
"value": false
|
|
2792
|
-
}
|
|
2585
|
+
"name": "info-action",
|
|
2586
|
+
"description": "Action-wrapped icon to the right of the select field"
|
|
2793
2587
|
},
|
|
2794
2588
|
{
|
|
2795
|
-
"name": "
|
|
2796
|
-
"description": "
|
|
2589
|
+
"name": "error",
|
|
2590
|
+
"description": "Error messaging text that is displayed when the `error` prop is true."
|
|
2591
|
+
}
|
|
2592
|
+
],
|
|
2593
|
+
"sourceFiles": [
|
|
2594
|
+
"./src/components/select/CdrSelect.vue"
|
|
2595
|
+
]
|
|
2596
|
+
},
|
|
2597
|
+
"CdrSkeletonBone": {
|
|
2598
|
+
"displayName": "CdrSkeletonBone",
|
|
2599
|
+
"exportName": "default",
|
|
2600
|
+
"description": "",
|
|
2601
|
+
"tags": {},
|
|
2602
|
+
"props": [
|
|
2603
|
+
{
|
|
2604
|
+
"name": "type",
|
|
2605
|
+
"description": "Sets the type of content placeholder",
|
|
2797
2606
|
"tags": {
|
|
2798
2607
|
"demoSelectMultiple": [
|
|
2799
2608
|
{
|
|
@@ -2803,77 +2612,24 @@
|
|
|
2803
2612
|
]
|
|
2804
2613
|
},
|
|
2805
2614
|
"values": [
|
|
2806
|
-
"
|
|
2807
|
-
"
|
|
2808
|
-
"
|
|
2615
|
+
"default",
|
|
2616
|
+
"heading",
|
|
2617
|
+
"line",
|
|
2618
|
+
"rectangle",
|
|
2619
|
+
"square"
|
|
2809
2620
|
],
|
|
2810
2621
|
"type": {
|
|
2811
2622
|
"name": "string"
|
|
2812
2623
|
},
|
|
2624
|
+
"required": false,
|
|
2813
2625
|
"defaultValue": {
|
|
2814
2626
|
"func": false,
|
|
2815
|
-
"value": "'
|
|
2816
|
-
}
|
|
2817
|
-
}
|
|
2818
|
-
],
|
|
2819
|
-
"slots": [
|
|
2820
|
-
{
|
|
2821
|
-
"name": "default",
|
|
2822
|
-
"description": "CdrTable content (Valid table elements <th>, <tbody>, <tr>, <td>, etc.)"
|
|
2823
|
-
}
|
|
2824
|
-
],
|
|
2825
|
-
"sourceFiles": [
|
|
2826
|
-
"./src/components/table/CdrTable.vue"
|
|
2827
|
-
]
|
|
2828
|
-
},
|
|
2829
|
-
"CdrTabPanel": {
|
|
2830
|
-
"displayName": "CdrTabPanel",
|
|
2831
|
-
"exportName": "default",
|
|
2832
|
-
"description": "",
|
|
2833
|
-
"tags": {},
|
|
2834
|
-
"props": [
|
|
2835
|
-
{
|
|
2836
|
-
"name": "id",
|
|
2837
|
-
"description": "Sets reference identifier for tab content. This property is required and is necessary for accessibility. Must be unique for each tabPanel, and cannot be the same as the `aria-labelledby` property.",
|
|
2838
|
-
"type": {
|
|
2839
|
-
"name": "string"
|
|
2840
|
-
}
|
|
2841
|
-
},
|
|
2842
|
-
{
|
|
2843
|
-
"name": "name",
|
|
2844
|
-
"description": "Sets tab display name. Required and must be unique for each tab. If `id` is not provided, this value will be used as the reference identifier.",
|
|
2845
|
-
"type": {
|
|
2846
|
-
"name": "string"
|
|
2847
|
-
}
|
|
2848
|
-
},
|
|
2849
|
-
{
|
|
2850
|
-
"name": "ariaLabelledby",
|
|
2851
|
-
"description": "Sets reference identifier for tab header. This property is required and is necessary for accessibility. Must be unique for each tabPanel, and cannot be the same as the `id` property.",
|
|
2852
|
-
"type": {
|
|
2853
|
-
"name": "string"
|
|
2627
|
+
"value": "'default'"
|
|
2854
2628
|
}
|
|
2855
2629
|
}
|
|
2856
2630
|
],
|
|
2857
|
-
"events": [
|
|
2858
|
-
{
|
|
2859
|
-
"name": "tab-change",
|
|
2860
|
-
"description": "Emits when active tab is changed",
|
|
2861
|
-
"tags": [
|
|
2862
|
-
{
|
|
2863
|
-
"title": "params",
|
|
2864
|
-
"content": "state, panelId"
|
|
2865
|
-
}
|
|
2866
|
-
]
|
|
2867
|
-
}
|
|
2868
|
-
],
|
|
2869
|
-
"slots": [
|
|
2870
|
-
{
|
|
2871
|
-
"name": "default",
|
|
2872
|
-
"description": "CdrTabPanel content"
|
|
2873
|
-
}
|
|
2874
|
-
],
|
|
2875
2631
|
"sourceFiles": [
|
|
2876
|
-
"./src/components/
|
|
2632
|
+
"./src/components/skeleton/CdrSkeletonBone.vue"
|
|
2877
2633
|
]
|
|
2878
2634
|
},
|
|
2879
2635
|
"CdrTabs": {
|
|
@@ -2986,31 +2742,6 @@
|
|
|
2986
2742
|
"./src/components/text/CdrText.vue"
|
|
2987
2743
|
]
|
|
2988
2744
|
},
|
|
2989
|
-
"CdrToggleButton": {
|
|
2990
|
-
"displayName": "CdrToggleButton",
|
|
2991
|
-
"description": "Permits switching two or more options on and off",
|
|
2992
|
-
"tags": {},
|
|
2993
|
-
"exportName": "default",
|
|
2994
|
-
"props": [
|
|
2995
|
-
{
|
|
2996
|
-
"name": "toggleValue",
|
|
2997
|
-
"description": "Sets the value and aria-label for the toggle button. Display can be overridden using default slot",
|
|
2998
|
-
"type": {
|
|
2999
|
-
"name": "string"
|
|
3000
|
-
},
|
|
3001
|
-
"required": true
|
|
3002
|
-
}
|
|
3003
|
-
],
|
|
3004
|
-
"slots": [
|
|
3005
|
-
{
|
|
3006
|
-
"name": "default",
|
|
3007
|
-
"description": "CdrToggleButton label content"
|
|
3008
|
-
}
|
|
3009
|
-
],
|
|
3010
|
-
"sourceFiles": [
|
|
3011
|
-
"./src/components/toggleButton/CdrToggleButton.vue"
|
|
3012
|
-
]
|
|
3013
|
-
},
|
|
3014
2745
|
"CdrToast": {
|
|
3015
2746
|
"displayName": "CdrToast",
|
|
3016
2747
|
"description": "Non-modal dialog used to communicate the status of a task or process",
|
|
@@ -3096,20 +2827,45 @@
|
|
|
3096
2827
|
}
|
|
3097
2828
|
],
|
|
3098
2829
|
"slots": [
|
|
3099
|
-
{
|
|
3100
|
-
"name": "icon-left",
|
|
3101
|
-
"description": "Icon matching toast messaging type"
|
|
3102
|
-
},
|
|
2830
|
+
{
|
|
2831
|
+
"name": "icon-left",
|
|
2832
|
+
"description": "Icon matching toast messaging type"
|
|
2833
|
+
},
|
|
2834
|
+
{
|
|
2835
|
+
"name": "default",
|
|
2836
|
+
"description": "CdrToast content"
|
|
2837
|
+
},
|
|
2838
|
+
{
|
|
2839
|
+
"name": "icon"
|
|
2840
|
+
}
|
|
2841
|
+
],
|
|
2842
|
+
"sourceFiles": [
|
|
2843
|
+
"./src/components/toast/CdrToast.vue"
|
|
2844
|
+
]
|
|
2845
|
+
},
|
|
2846
|
+
"CdrToggleButton": {
|
|
2847
|
+
"displayName": "CdrToggleButton",
|
|
2848
|
+
"description": "Permits switching two or more options on and off",
|
|
2849
|
+
"tags": {},
|
|
2850
|
+
"exportName": "default",
|
|
2851
|
+
"props": [
|
|
2852
|
+
{
|
|
2853
|
+
"name": "toggleValue",
|
|
2854
|
+
"description": "Sets the value and aria-label for the toggle button. Display can be overridden using default slot",
|
|
2855
|
+
"type": {
|
|
2856
|
+
"name": "string"
|
|
2857
|
+
},
|
|
2858
|
+
"required": true
|
|
2859
|
+
}
|
|
2860
|
+
],
|
|
2861
|
+
"slots": [
|
|
3103
2862
|
{
|
|
3104
2863
|
"name": "default",
|
|
3105
|
-
"description": "
|
|
3106
|
-
},
|
|
3107
|
-
{
|
|
3108
|
-
"name": "icon"
|
|
2864
|
+
"description": "CdrToggleButton label content"
|
|
3109
2865
|
}
|
|
3110
2866
|
],
|
|
3111
2867
|
"sourceFiles": [
|
|
3112
|
-
"./src/components/
|
|
2868
|
+
"./src/components/toggleButton/CdrToggleButton.vue"
|
|
3113
2869
|
]
|
|
3114
2870
|
},
|
|
3115
2871
|
"CdrToggleGroup": {
|
|
@@ -3294,5 +3050,249 @@
|
|
|
3294
3050
|
"sourceFiles": [
|
|
3295
3051
|
"./src/components/tooltip/CdrTooltip.vue"
|
|
3296
3052
|
]
|
|
3053
|
+
},
|
|
3054
|
+
"CdrTable": {
|
|
3055
|
+
"displayName": "CdrTable",
|
|
3056
|
+
"description": "Organizes structured data for users to easily scan, compare, and analyze",
|
|
3057
|
+
"tags": {},
|
|
3058
|
+
"exportName": "default",
|
|
3059
|
+
"props": [
|
|
3060
|
+
{
|
|
3061
|
+
"name": "striped",
|
|
3062
|
+
"description": "Sets row colors to alternate between darker and lighter backgrounds.\nStriping will not apply when `border` is true",
|
|
3063
|
+
"type": {
|
|
3064
|
+
"name": "boolean"
|
|
3065
|
+
},
|
|
3066
|
+
"defaultValue": {
|
|
3067
|
+
"func": false,
|
|
3068
|
+
"value": false
|
|
3069
|
+
}
|
|
3070
|
+
},
|
|
3071
|
+
{
|
|
3072
|
+
"name": "border",
|
|
3073
|
+
"description": "Adds borders between rows. Will disable `striped` if both are true",
|
|
3074
|
+
"type": {
|
|
3075
|
+
"name": "boolean"
|
|
3076
|
+
},
|
|
3077
|
+
"defaultValue": {
|
|
3078
|
+
"func": false,
|
|
3079
|
+
"value": true
|
|
3080
|
+
}
|
|
3081
|
+
},
|
|
3082
|
+
{
|
|
3083
|
+
"name": "fullWidth",
|
|
3084
|
+
"description": "Sets the width to 100%. Also accepts space separated strings for breakpoints that it should be full width: { '@xs' | '@sm' | '@md' | '@lg' }",
|
|
3085
|
+
"type": {
|
|
3086
|
+
"name": "boolean|string"
|
|
3087
|
+
},
|
|
3088
|
+
"defaultValue": {
|
|
3089
|
+
"func": false,
|
|
3090
|
+
"value": true
|
|
3091
|
+
}
|
|
3092
|
+
},
|
|
3093
|
+
{
|
|
3094
|
+
"name": "responsive",
|
|
3095
|
+
"description": "Makes the table scroll horizontally when it would overflow its container",
|
|
3096
|
+
"type": {
|
|
3097
|
+
"name": "boolean"
|
|
3098
|
+
},
|
|
3099
|
+
"defaultValue": {
|
|
3100
|
+
"func": false,
|
|
3101
|
+
"value": true
|
|
3102
|
+
}
|
|
3103
|
+
},
|
|
3104
|
+
{
|
|
3105
|
+
"name": "hover",
|
|
3106
|
+
"description": "Adds a darker background on row hover",
|
|
3107
|
+
"type": {
|
|
3108
|
+
"name": "boolean"
|
|
3109
|
+
},
|
|
3110
|
+
"defaultValue": {
|
|
3111
|
+
"func": false,
|
|
3112
|
+
"value": false
|
|
3113
|
+
}
|
|
3114
|
+
},
|
|
3115
|
+
{
|
|
3116
|
+
"name": "size",
|
|
3117
|
+
"description": "Sets the table size (cell padding); values can target responsive breakpoints. Example `small@lg`.",
|
|
3118
|
+
"tags": {
|
|
3119
|
+
"demoSelectMultiple": [
|
|
3120
|
+
{
|
|
3121
|
+
"description": "false",
|
|
3122
|
+
"title": "demoSelectMultiple"
|
|
3123
|
+
}
|
|
3124
|
+
]
|
|
3125
|
+
},
|
|
3126
|
+
"values": [
|
|
3127
|
+
"small",
|
|
3128
|
+
"medium",
|
|
3129
|
+
"large"
|
|
3130
|
+
],
|
|
3131
|
+
"type": {
|
|
3132
|
+
"name": "string"
|
|
3133
|
+
},
|
|
3134
|
+
"defaultValue": {
|
|
3135
|
+
"func": false,
|
|
3136
|
+
"value": "'medium'"
|
|
3137
|
+
}
|
|
3138
|
+
}
|
|
3139
|
+
],
|
|
3140
|
+
"slots": [
|
|
3141
|
+
{
|
|
3142
|
+
"name": "default",
|
|
3143
|
+
"description": "CdrTable content (Valid table elements <th>, <tbody>, <tr>, <td>, etc.)"
|
|
3144
|
+
}
|
|
3145
|
+
],
|
|
3146
|
+
"sourceFiles": [
|
|
3147
|
+
"./src/components/table/CdrTable.vue"
|
|
3148
|
+
]
|
|
3149
|
+
},
|
|
3150
|
+
"CdrSwitch": {
|
|
3151
|
+
"displayName": "CdrSwitch",
|
|
3152
|
+
"description": "Permits selection from two opposing options",
|
|
3153
|
+
"tags": {},
|
|
3154
|
+
"exportName": "default",
|
|
3155
|
+
"props": [
|
|
3156
|
+
{
|
|
3157
|
+
"name": "id",
|
|
3158
|
+
"description": "Sets a custom ID for the switch. If this value is not set, it will be auto-generated.",
|
|
3159
|
+
"type": {
|
|
3160
|
+
"name": "string"
|
|
3161
|
+
}
|
|
3162
|
+
},
|
|
3163
|
+
{
|
|
3164
|
+
"name": "size",
|
|
3165
|
+
"description": "Sets the size of the switch",
|
|
3166
|
+
"tags": {
|
|
3167
|
+
"demoSelectMultiple": [
|
|
3168
|
+
{
|
|
3169
|
+
"description": "false",
|
|
3170
|
+
"title": "demoSelectMultiple"
|
|
3171
|
+
}
|
|
3172
|
+
]
|
|
3173
|
+
},
|
|
3174
|
+
"values": [
|
|
3175
|
+
"medium",
|
|
3176
|
+
"large"
|
|
3177
|
+
],
|
|
3178
|
+
"type": {
|
|
3179
|
+
"name": "string"
|
|
3180
|
+
},
|
|
3181
|
+
"defaultValue": {
|
|
3182
|
+
"func": false,
|
|
3183
|
+
"value": "'medium'"
|
|
3184
|
+
}
|
|
3185
|
+
},
|
|
3186
|
+
{
|
|
3187
|
+
"name": "fullWidth",
|
|
3188
|
+
"description": "Sets the label and switch to expand to the full width of its container with `space-between`",
|
|
3189
|
+
"type": {
|
|
3190
|
+
"name": "boolean"
|
|
3191
|
+
},
|
|
3192
|
+
"defaultValue": {
|
|
3193
|
+
"func": false,
|
|
3194
|
+
"value": false
|
|
3195
|
+
}
|
|
3196
|
+
},
|
|
3197
|
+
{
|
|
3198
|
+
"name": "modelValue",
|
|
3199
|
+
"tags": {
|
|
3200
|
+
"demoIgnore": [
|
|
3201
|
+
{
|
|
3202
|
+
"description": "true",
|
|
3203
|
+
"title": "demoIgnore"
|
|
3204
|
+
}
|
|
3205
|
+
]
|
|
3206
|
+
},
|
|
3207
|
+
"type": {
|
|
3208
|
+
"name": "boolean"
|
|
3209
|
+
},
|
|
3210
|
+
"required": true
|
|
3211
|
+
}
|
|
3212
|
+
],
|
|
3213
|
+
"events": [
|
|
3214
|
+
{
|
|
3215
|
+
"name": "update:modelValue",
|
|
3216
|
+
"description": "Event emitted by v-model on switch",
|
|
3217
|
+
"properties": [
|
|
3218
|
+
{
|
|
3219
|
+
"type": {
|
|
3220
|
+
"names": [
|
|
3221
|
+
"mixed"
|
|
3222
|
+
]
|
|
3223
|
+
},
|
|
3224
|
+
"name": "modelValue"
|
|
3225
|
+
}
|
|
3226
|
+
],
|
|
3227
|
+
"tags": [
|
|
3228
|
+
{
|
|
3229
|
+
"title": "param",
|
|
3230
|
+
"type": {
|
|
3231
|
+
"name": "mixed"
|
|
3232
|
+
},
|
|
3233
|
+
"name": "modelValue"
|
|
3234
|
+
}
|
|
3235
|
+
]
|
|
3236
|
+
}
|
|
3237
|
+
],
|
|
3238
|
+
"slots": [
|
|
3239
|
+
{
|
|
3240
|
+
"name": "default",
|
|
3241
|
+
"description": "The label for the switch"
|
|
3242
|
+
}
|
|
3243
|
+
],
|
|
3244
|
+
"sourceFiles": [
|
|
3245
|
+
"./src/components/switch/CdrSwitch.vue"
|
|
3246
|
+
]
|
|
3247
|
+
},
|
|
3248
|
+
"CdrTabPanel": {
|
|
3249
|
+
"displayName": "CdrTabPanel",
|
|
3250
|
+
"exportName": "default",
|
|
3251
|
+
"description": "",
|
|
3252
|
+
"tags": {},
|
|
3253
|
+
"props": [
|
|
3254
|
+
{
|
|
3255
|
+
"name": "id",
|
|
3256
|
+
"description": "Sets reference identifier for tab content. This property is required and is necessary for accessibility. Must be unique for each tabPanel, and cannot be the same as the `aria-labelledby` property.",
|
|
3257
|
+
"type": {
|
|
3258
|
+
"name": "string"
|
|
3259
|
+
}
|
|
3260
|
+
},
|
|
3261
|
+
{
|
|
3262
|
+
"name": "name",
|
|
3263
|
+
"description": "Sets tab display name. Required and must be unique for each tab. If `id` is not provided, this value will be used as the reference identifier.",
|
|
3264
|
+
"type": {
|
|
3265
|
+
"name": "string"
|
|
3266
|
+
}
|
|
3267
|
+
},
|
|
3268
|
+
{
|
|
3269
|
+
"name": "ariaLabelledby",
|
|
3270
|
+
"description": "Sets reference identifier for tab header. This property is required and is necessary for accessibility. Must be unique for each tabPanel, and cannot be the same as the `id` property.",
|
|
3271
|
+
"type": {
|
|
3272
|
+
"name": "string"
|
|
3273
|
+
}
|
|
3274
|
+
}
|
|
3275
|
+
],
|
|
3276
|
+
"events": [
|
|
3277
|
+
{
|
|
3278
|
+
"name": "tab-change",
|
|
3279
|
+
"description": "Emits when active tab is changed",
|
|
3280
|
+
"tags": [
|
|
3281
|
+
{
|
|
3282
|
+
"title": "params",
|
|
3283
|
+
"content": "state, panelId"
|
|
3284
|
+
}
|
|
3285
|
+
]
|
|
3286
|
+
}
|
|
3287
|
+
],
|
|
3288
|
+
"slots": [
|
|
3289
|
+
{
|
|
3290
|
+
"name": "default",
|
|
3291
|
+
"description": "CdrTabPanel content"
|
|
3292
|
+
}
|
|
3293
|
+
],
|
|
3294
|
+
"sourceFiles": [
|
|
3295
|
+
"./src/components/tabs/CdrTabPanel.vue"
|
|
3296
|
+
]
|
|
3297
3297
|
}
|
|
3298
3298
|
}
|