@carbon/ibmdotcom-web-components 1.17.0 → 1.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/custom-elements.json +1876 -1876
  3. package/dist/cloud-masthead.js +8 -8
  4. package/dist/cloud-masthead.min.js +8 -8
  5. package/dist/cloud-masthead.rtl.js +8 -8
  6. package/dist/cloud-masthead.rtl.min.js +8 -8
  7. package/dist/dotcom-shell.js +8 -8
  8. package/dist/dotcom-shell.min.js +8 -8
  9. package/dist/dotcom-shell.rtl.js +8 -8
  10. package/dist/dotcom-shell.rtl.min.js +8 -8
  11. package/dist/ibmdotcom-web-components-dotcom-shell.js +10 -10
  12. package/dist/ibmdotcom-web-components-dotcom-shell.min.js +8 -8
  13. package/dist/ibmdotcom-web-components-dotcom-shell.rtl.js +10 -10
  14. package/dist/ibmdotcom-web-components-dotcom-shell.rtl.min.js +8 -8
  15. package/dist/{masthead-composite-49b1f883.js → masthead-composite-29b414e2.js} +9 -9
  16. package/dist/{masthead-composite-72ea2054.js → masthead-composite-7db87912.js} +9 -9
  17. package/dist/{masthead-composite-7db2e938.js → masthead-composite-bb14f3dc.js} +8 -8
  18. package/dist/{masthead-composite-fa34fe9a.js → masthead-composite-bbfcffcc.js} +8 -8
  19. package/es/globals/scss/plex.css.js +1 -1
  20. package/es/globals/scss/plex.rtl.css.js +1 -1
  21. package/es/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
  22. package/lib/internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js +2 -2
  23. package/package.json +5 -5
package/custom-elements.json CHANGED
@@ -46,386 +46,335 @@
46
46
  ]
47
47
  },
48
48
  {
49
- "name": "dds-image",
50
- "path": "./src/components/image/image.ts",
51
- "description": "Image.",
49
+ "name": "dds-button-expressive",
50
+ "path": "./src/components/button/button.ts",
51
+ "description": "Expressive button.",
52
52
  "attributes": [
53
53
  {
54
- "name": "alt",
55
- "description": "The alternate text.",
56
- "type": "string",
57
- "default": "\"\""
58
- },
59
- {
60
- "name": "default-src",
61
- "description": "The image source.",
62
- "type": "string",
63
- "default": "\"\""
64
- },
65
- {
66
- "name": "border",
67
- "description": "Whether or not to apply a border around the image.",
54
+ "name": "autofocus",
55
+ "description": "`true` if the button should have input focus when the page loads.",
68
56
  "type": "boolean",
69
57
  "default": "false"
70
- }
71
- ],
72
- "properties": [
73
- {
74
- "name": "alt",
75
- "attribute": "alt",
76
- "description": "The alternate text.",
77
- "type": "string",
78
- "default": "\"\""
79
- },
80
- {
81
- "name": "defaultSrc",
82
- "attribute": "default-src",
83
- "description": "The image source.",
84
- "type": "string",
85
- "default": "\"\""
86
58
  },
87
59
  {
88
- "name": "border",
89
- "attribute": "border",
90
- "description": "Whether or not to apply a border around the image.",
60
+ "name": "disabled",
61
+ "description": "`true` if the button should be disabled.",
91
62
  "type": "boolean",
92
63
  "default": "false"
93
- }
94
- ],
95
- "slots": [
96
- {
97
- "name": "long-description",
98
- "description": "The long description content."
99
64
  },
100
65
  {
101
- "name": "icon",
102
- "description": "The icon content."
103
- }
104
- ]
105
- },
106
- {
107
- "name": "dds-video-player-composite",
108
- "path": "./src/components/video-player/video-player-composite.ts",
109
- "description": "Component that renders video player from its metadata, etc.",
110
- "attributes": [
111
- {
112
- "name": "auto-play",
113
- "description": "`true` to autoplay the videos.",
114
- "type": "boolean",
115
- "default": "false"
66
+ "name": "download",
67
+ "description": "The default file name, used if this button is rendered as `<a>`.",
68
+ "type": "string"
116
69
  },
117
70
  {
118
- "name": "caption",
119
- "description": "Optional custom video caption.",
120
- "type": "\"\" | undefined"
71
+ "name": "href",
72
+ "description": "Link `href`. If present, this button is rendered as `<a>`.",
73
+ "type": "string"
121
74
  },
122
75
  {
123
- "name": "video-description",
124
- "description": "Custom video description. This property should only be set when `playing-mode=\"lightbox\"`.",
125
- "type": "string | undefined"
76
+ "name": "hreflang",
77
+ "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
78
+ "type": "string"
126
79
  },
127
80
  {
128
- "name": "hide-caption",
129
- "description": "`true` to hide the caption.",
130
- "type": "boolean",
131
- "default": "false"
81
+ "name": "icon-layout",
82
+ "description": "Button icon layout.",
83
+ "type": "BUTTON_ICON_LAYOUT",
84
+ "default": "\"\""
132
85
  },
133
86
  {
134
- "name": "background-mode",
135
- "description": "`true` to autoplay, mute, and hide player UI.",
136
- "type": "boolean",
137
- "default": "false"
87
+ "name": "kind",
88
+ "description": "Button kind.",
89
+ "type": "BUTTON_KIND",
90
+ "default": "\"primary\""
138
91
  },
139
92
  {
140
- "name": "video-id",
141
- "description": "The video ID.",
93
+ "name": "link-role",
94
+ "description": "The a11y role for `<a>`.",
142
95
  "type": "string",
143
- "default": "\"\""
96
+ "default": "\"button\""
144
97
  },
145
98
  {
146
- "name": "aspect-ratio",
147
- "description": "The aspect ratio.",
148
- "type": "\"\" | undefined"
99
+ "name": "ping",
100
+ "description": "URLs to ping, if this button is rendered as `<a>`.",
101
+ "type": "string"
149
102
  },
150
103
  {
151
- "name": "isPlaying",
152
- "description": "The current playback state",
153
- "type": "boolean",
154
- "default": "false"
104
+ "name": "rel",
105
+ "description": "The link type, if this button is rendered as `<a>`.",
106
+ "type": "string"
155
107
  },
156
108
  {
157
- "name": "playing-mode",
158
- "description": "The video player's mode showing Inline or Lightbox.",
159
- "type": "VIDEO_PLAYER_PLAYING_MODE",
160
- "default": "\"inline\""
109
+ "name": "size",
110
+ "description": "Button size.",
111
+ "type": "BUTTON_SIZE",
112
+ "default": "\"\""
161
113
  },
162
114
  {
163
- "name": "thumbnail",
164
- "description": "Optional custom video thumbnail",
165
- "type": "\"\" | undefined"
115
+ "name": "target",
116
+ "description": "The link target, if this button is rendered as `<a>`.",
117
+ "type": "string"
166
118
  },
167
119
  {
168
- "name": "video-thumbnail-width",
169
- "description": "The video thumbnail width.",
170
- "type": "number",
171
- "default": "3"
120
+ "name": "type",
121
+ "description": "The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.",
122
+ "type": "string"
172
123
  }
173
124
  ],
174
125
  "properties": [
175
126
  {
176
- "name": "autoPlay",
177
- "attribute": "auto-play",
178
- "description": "`true` to autoplay the videos.",
127
+ "name": "autofocus",
128
+ "attribute": "autofocus",
129
+ "description": "`true` if the button should have input focus when the page loads.",
179
130
  "type": "boolean",
180
131
  "default": "false"
181
132
  },
182
133
  {
183
- "name": "embeddedVideos",
184
- "description": "The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.",
185
- "type": "{ [videoId: string]: any; } | undefined"
186
- },
187
- {
188
- "name": "caption",
189
- "attribute": "caption",
190
- "description": "Optional custom video caption.",
191
- "type": "\"\" | undefined"
192
- },
193
- {
194
- "name": "customVideoDescription",
195
- "attribute": "video-description",
196
- "description": "Custom video description. This property should only be set when `playing-mode=\"lightbox\"`.",
197
- "type": "string | undefined"
134
+ "name": "disabled",
135
+ "attribute": "disabled",
136
+ "description": "`true` if the button should be disabled.",
137
+ "type": "boolean",
138
+ "default": "false"
198
139
  },
199
140
  {
200
- "name": "formatCaption",
201
- "description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
202
- "type": "(({ duration, name }: { duration?: string | undefined; name?: string | undefined; }) => string) | undefined"
141
+ "name": "download",
142
+ "attribute": "download",
143
+ "description": "The default file name, used if this button is rendered as `<a>`.",
144
+ "type": "string"
203
145
  },
204
146
  {
205
- "name": "formatDuration",
206
- "description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
207
- "type": "(({ duration }: { duration?: number | undefined; }) => string) | undefined"
147
+ "name": "href",
148
+ "attribute": "href",
149
+ "description": "Link `href`. If present, this button is rendered as `<a>`.",
150
+ "type": "string"
208
151
  },
209
152
  {
210
- "name": "hideCaption",
211
- "attribute": "hide-caption",
212
- "description": "`true` to hide the caption.",
213
- "type": "boolean",
214
- "default": "false"
153
+ "name": "hreflang",
154
+ "attribute": "hreflang",
155
+ "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
156
+ "type": "string"
215
157
  },
216
158
  {
217
- "name": "backgroundMode",
218
- "attribute": "background-mode",
219
- "description": "`true` to autoplay, mute, and hide player UI.",
220
- "type": "boolean",
221
- "default": "false"
159
+ "name": "iconLayout",
160
+ "attribute": "icon-layout",
161
+ "description": "Button icon layout.",
162
+ "type": "BUTTON_ICON_LAYOUT",
163
+ "default": "\"\""
222
164
  },
223
165
  {
224
- "name": "mediaData",
225
- "description": "The video data, keyed by the video ID.",
226
- "type": "{ [videoId: string]: MediaData; } | undefined"
166
+ "name": "kind",
167
+ "attribute": "kind",
168
+ "description": "Button kind.",
169
+ "type": "BUTTON_KIND",
170
+ "default": "\"primary\""
227
171
  },
228
172
  {
229
- "name": "videoId",
230
- "attribute": "video-id",
231
- "description": "The video ID.",
173
+ "name": "linkRole",
174
+ "attribute": "link-role",
175
+ "description": "The a11y role for `<a>`.",
232
176
  "type": "string",
233
- "default": "\"\""
177
+ "default": "\"button\""
234
178
  },
235
179
  {
236
- "name": "aspectRatio",
237
- "attribute": "aspect-ratio",
238
- "description": "The aspect ratio.",
239
- "type": "\"\" | undefined"
180
+ "name": "ping",
181
+ "attribute": "ping",
182
+ "description": "URLs to ping, if this button is rendered as `<a>`.",
183
+ "type": "string"
240
184
  },
241
185
  {
242
- "name": "isPlaying",
243
- "attribute": "isPlaying",
244
- "description": "The current playback state",
245
- "type": "boolean",
246
- "default": "false"
186
+ "name": "rel",
187
+ "attribute": "rel",
188
+ "description": "The link type, if this button is rendered as `<a>`.",
189
+ "type": "string"
247
190
  },
248
191
  {
249
- "name": "playingMode",
250
- "attribute": "playing-mode",
251
- "description": "The video player's mode showing Inline or Lightbox.",
252
- "type": "VIDEO_PLAYER_PLAYING_MODE",
253
- "default": "\"inline\""
192
+ "name": "size",
193
+ "attribute": "size",
194
+ "description": "Button size.",
195
+ "type": "BUTTON_SIZE",
196
+ "default": "\"\""
254
197
  },
255
198
  {
256
- "name": "thumbnail",
257
- "attribute": "thumbnail",
258
- "description": "Optional custom video thumbnail",
259
- "type": "\"\" | undefined"
199
+ "name": "target",
200
+ "attribute": "target",
201
+ "description": "The link target, if this button is rendered as `<a>`.",
202
+ "type": "string"
260
203
  },
261
204
  {
262
- "name": "videoThumbnailWidth",
263
- "attribute": "video-thumbnail-width",
264
- "description": "The video thumbnail width.",
265
- "type": "number",
266
- "default": "3"
267
- },
268
- {
269
- "name": "lightRenderRoot",
270
- "description": "The render target in the light DOM.",
271
- "type": "void | Element | null"
272
- },
273
- {
274
- "name": "size",
275
- "type": "number"
205
+ "name": "type",
206
+ "attribute": "type",
207
+ "description": "The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.",
208
+ "type": "string"
276
209
  },
277
210
  {
278
211
  "name": "prototype",
279
212
  "description": "A reference to the prototype.",
280
- "type": "Set<any>"
213
+ "type": "Promise<any>"
281
214
  }
282
215
  ]
283
216
  },
284
217
  {
285
- "name": "dds-video-player-container",
286
- "path": "./src/components/video-player/video-player-container.ts",
287
- "description": "Container component for video player."
288
- },
289
- {
290
- "name": "dds-video-player",
291
- "path": "./src/components/video-player/video-player.ts",
292
- "description": "Video player.",
218
+ "name": "dds-button-group-item",
219
+ "path": "./src/components/button-group/button-group-item.ts",
220
+ "description": "Button group item.",
293
221
  "attributes": [
294
222
  {
295
- "name": "playing-mode",
296
- "description": "The video player's mode showing Inline or Lightbox.",
297
- "type": "VIDEO_PLAYER_PLAYING_MODE",
298
- "default": "\"inline\""
223
+ "name": "autofocus",
224
+ "description": "`true` if the button should have input focus when the page loads.",
225
+ "type": "boolean",
226
+ "default": "false"
299
227
  },
300
228
  {
301
- "name": "content-state",
302
- "description": "The video player's content state.",
303
- "type": "VIDEO_PLAYER_CONTENT_STATE",
304
- "default": "\"thumbnail\""
229
+ "name": "disabled",
230
+ "description": "`true` if the button should be disabled.",
231
+ "type": "boolean",
232
+ "default": "false"
305
233
  },
306
234
  {
307
- "name": "duration",
308
- "description": "The video duration.",
309
- "type": "number | undefined"
235
+ "name": "download",
236
+ "description": "The default file name, used if this button is rendered as `<a>`.",
237
+ "type": "string"
310
238
  },
311
239
  {
312
- "name": "hide-caption",
313
- "description": "`true` to hide the caption.",
314
- "type": "boolean",
315
- "default": "false"
240
+ "name": "href",
241
+ "description": "Link `href`. If present, this button is rendered as `<a>`.",
242
+ "type": "string"
316
243
  },
317
244
  {
318
- "name": "name",
319
- "description": "The video name.",
320
- "type": "string",
321
- "default": "\"\""
245
+ "name": "hreflang",
246
+ "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
247
+ "type": "string"
322
248
  },
323
249
  {
324
- "name": "background-mode",
325
- "description": "`true` to autoplay, mute video, and hide UI",
326
- "type": "boolean",
327
- "default": "false"
250
+ "name": "icon-layout",
251
+ "description": "Button icon layout.",
252
+ "type": "BUTTON_ICON_LAYOUT",
253
+ "default": "\"\""
328
254
  },
329
255
  {
330
- "name": "video-description",
331
- "description": "Custom video description. This property should only be set when using `playing-mode=\"lightbox\"`",
332
- "type": "string | undefined"
256
+ "name": "kind",
257
+ "description": "Button kind.",
258
+ "type": "BUTTON_KIND",
259
+ "default": "\"primary\""
333
260
  },
334
261
  {
335
- "name": "thumbnail-url",
336
- "description": "The thumbnail URL.",
262
+ "name": "link-role",
263
+ "description": "The a11y role for `<a>`.",
337
264
  "type": "string",
338
- "default": "\"data:image/svg+xml,%3Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\"/%3E\""
265
+ "default": "\"button\""
339
266
  },
340
267
  {
341
- "name": "video-id",
342
- "description": "The video ID.",
343
- "type": "string | undefined"
268
+ "name": "ping",
269
+ "description": "URLs to ping, if this button is rendered as `<a>`.",
270
+ "type": "string"
344
271
  },
345
272
  {
346
- "name": "aspect-ratio",
347
- "description": "Override default aspect ratio of `16x9`.\nAvailable aspect ratios:\n\n`16x9`, `9x16`, `2x1`, `1x2`, `4x3`, `3x4`, `1x1`",
348
- "type": "string | undefined"
273
+ "name": "rel",
274
+ "description": "The link type, if this button is rendered as `<a>`.",
275
+ "type": "string"
276
+ },
277
+ {
278
+ "name": "size",
279
+ "description": "Button size.",
280
+ "type": "BUTTON_SIZE",
281
+ "default": "\"\""
282
+ },
283
+ {
284
+ "name": "target",
285
+ "description": "The link target, if this button is rendered as `<a>`.",
286
+ "type": "string"
287
+ },
288
+ {
289
+ "name": "type",
290
+ "description": "The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.",
291
+ "type": "string"
349
292
  }
350
293
  ],
351
294
  "properties": [
352
295
  {
353
- "name": "playingMode",
354
- "attribute": "playing-mode",
355
- "description": "The video player's mode showing Inline or Lightbox.",
356
- "type": "VIDEO_PLAYER_PLAYING_MODE",
357
- "default": "\"inline\""
296
+ "name": "autofocus",
297
+ "attribute": "autofocus",
298
+ "description": "`true` if the button should have input focus when the page loads.",
299
+ "type": "boolean",
300
+ "default": "false"
358
301
  },
359
302
  {
360
- "name": "contentState",
361
- "attribute": "content-state",
362
- "description": "The video player's content state.",
363
- "type": "VIDEO_PLAYER_CONTENT_STATE",
364
- "default": "\"thumbnail\""
303
+ "name": "disabled",
304
+ "attribute": "disabled",
305
+ "description": "`true` if the button should be disabled.",
306
+ "type": "boolean",
307
+ "default": "false"
365
308
  },
366
309
  {
367
- "name": "duration",
368
- "attribute": "duration",
369
- "description": "The video duration.",
370
- "type": "number | undefined"
310
+ "name": "download",
311
+ "attribute": "download",
312
+ "description": "The default file name, used if this button is rendered as `<a>`.",
313
+ "type": "string"
371
314
  },
372
315
  {
373
- "name": "formatCaption",
374
- "description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
375
- "type": "(...args: any[]) => string",
376
- "default": "\"formatVideoCaption\""
316
+ "name": "href",
317
+ "attribute": "href",
318
+ "description": "Link `href`. If present, this button is rendered as `<a>`.",
319
+ "type": "string"
377
320
  },
378
321
  {
379
- "name": "formatDuration",
380
- "description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
381
- "type": "(...args: any[]) => string",
382
- "default": "\"formatVideoDuration\""
322
+ "name": "hreflang",
323
+ "attribute": "hreflang",
324
+ "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
325
+ "type": "string"
383
326
  },
384
327
  {
385
- "name": "hideCaption",
386
- "attribute": "hide-caption",
387
- "description": "`true` to hide the caption.",
388
- "type": "boolean",
389
- "default": "false"
328
+ "name": "iconLayout",
329
+ "attribute": "icon-layout",
330
+ "description": "Button icon layout.",
331
+ "type": "BUTTON_ICON_LAYOUT",
332
+ "default": "\"\""
390
333
  },
391
334
  {
392
- "name": "name",
393
- "attribute": "name",
394
- "description": "The video name.",
335
+ "name": "kind",
336
+ "attribute": "kind",
337
+ "description": "Button kind.",
338
+ "type": "BUTTON_KIND",
339
+ "default": "\"primary\""
340
+ },
341
+ {
342
+ "name": "linkRole",
343
+ "attribute": "link-role",
344
+ "description": "The a11y role for `<a>`.",
395
345
  "type": "string",
396
- "default": "\"\""
346
+ "default": "\"button\""
397
347
  },
398
348
  {
399
- "name": "backgroundMode",
400
- "attribute": "background-mode",
401
- "description": "`true` to autoplay, mute video, and hide UI",
402
- "type": "boolean",
403
- "default": "false"
349
+ "name": "ping",
350
+ "attribute": "ping",
351
+ "description": "URLs to ping, if this button is rendered as `<a>`.",
352
+ "type": "string"
404
353
  },
405
354
  {
406
- "name": "customVideoDescription",
407
- "attribute": "video-description",
408
- "description": "Custom video description. This property should only be set when using `playing-mode=\"lightbox\"`",
409
- "type": "string | undefined"
355
+ "name": "rel",
356
+ "attribute": "rel",
357
+ "description": "The link type, if this button is rendered as `<a>`.",
358
+ "type": "string"
410
359
  },
411
360
  {
412
- "name": "thumbnailUrl",
413
- "attribute": "thumbnail-url",
414
- "description": "The thumbnail URL.",
415
- "type": "string",
416
- "default": "\"data:image/svg+xml,%3Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\"/%3E\""
361
+ "name": "size",
362
+ "attribute": "size",
363
+ "description": "Button size.",
364
+ "type": "BUTTON_SIZE",
365
+ "default": "\"\""
417
366
  },
418
367
  {
419
- "name": "videoId",
420
- "attribute": "video-id",
421
- "description": "The video ID.",
422
- "type": "string | undefined"
368
+ "name": "target",
369
+ "attribute": "target",
370
+ "description": "The link target, if this button is rendered as `<a>`.",
371
+ "type": "string"
423
372
  },
424
373
  {
425
- "name": "aspectRatio",
426
- "attribute": "aspect-ratio",
427
- "description": "Override default aspect ratio of `16x9`.\nAvailable aspect ratios:\n\n`16x9`, `9x16`, `2x1`, `1x2`, `4x3`, `3x4`, `1x1`",
428
- "type": "string | undefined"
374
+ "name": "type",
375
+ "attribute": "type",
376
+ "description": "The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.",
377
+ "type": "string"
429
378
  },
430
379
  {
431
380
  "name": "prototype",
@@ -435,9 +384,14 @@
435
384
  ]
436
385
  },
437
386
  {
438
- "name": "dds-leadspace",
439
- "path": "./src/components/leadspace/leadspace.ts",
440
- "description": "The LeadSpace component.",
387
+ "name": "dds-button-group",
388
+ "path": "./src/components/button-group/button-group.ts",
389
+ "description": "Button group."
390
+ },
391
+ {
392
+ "name": "dds-image",
393
+ "path": "./src/components/image/image.ts",
394
+ "description": "Image.",
441
395
  "attributes": [
442
396
  {
443
397
  "name": "alt",
@@ -452,413 +406,369 @@
452
406
  "default": "\"\""
453
407
  },
454
408
  {
455
- "name": "copy",
456
- "description": "The leadspace copy.",
409
+ "name": "border",
410
+ "description": "Whether or not to apply a border around the image.",
411
+ "type": "boolean",
412
+ "default": "false"
413
+ }
414
+ ],
415
+ "properties": [
416
+ {
417
+ "name": "alt",
418
+ "attribute": "alt",
419
+ "description": "The alternate text.",
457
420
  "type": "string",
458
421
  "default": "\"\""
459
422
  },
460
423
  {
461
- "name": "gradient-style-scheme",
462
- "description": "The gradient style scheme.",
463
- "type": "LEADSPACE_GRADIENT_STYLE_SCHEME",
464
- "default": "\"with-gradient\""
465
- },
466
- {
467
- "name": "title",
468
- "description": "The leadspace title.",
424
+ "name": "defaultSrc",
425
+ "attribute": "default-src",
426
+ "description": "The image source.",
469
427
  "type": "string",
470
428
  "default": "\"\""
471
429
  },
472
430
  {
473
- "name": "type",
474
- "description": "Leadspace type (small, left, or centered)",
475
- "type": "LEADSPACE_TYPE",
476
- "default": "\"left\""
477
- },
478
- {
479
- "name": "size",
480
- "description": "Leadspace size (super, tall, medium, or short)",
481
- "type": "string",
482
- "default": "\"tall\""
431
+ "name": "border",
432
+ "attribute": "border",
433
+ "description": "Whether or not to apply a border around the image.",
434
+ "type": "boolean",
435
+ "default": "false"
483
436
  }
484
437
  ],
485
- "properties": [
486
- {
487
- "name": "alt",
488
- "attribute": "alt",
489
- "description": "The alternate text.",
490
- "type": "string",
491
- "default": "\"\""
492
- },
493
- {
494
- "name": "defaultSrc",
495
- "attribute": "default-src",
496
- "description": "The image source.",
497
- "type": "string",
498
- "default": "\"\""
499
- },
500
- {
501
- "name": "copy",
502
- "attribute": "copy",
503
- "description": "The leadspace copy.",
504
- "type": "string",
505
- "default": "\"\""
506
- },
507
- {
508
- "name": "gradientStyleScheme",
509
- "attribute": "gradient-style-scheme",
510
- "description": "The gradient style scheme.",
511
- "type": "LEADSPACE_GRADIENT_STYLE_SCHEME",
512
- "default": "\"with-gradient\""
513
- },
514
- {
515
- "name": "title",
516
- "attribute": "title",
517
- "description": "The leadspace title.",
518
- "type": "string",
519
- "default": "\"\""
520
- },
438
+ "slots": [
521
439
  {
522
- "name": "type",
523
- "attribute": "type",
524
- "description": "Leadspace type (small, left, or centered)",
525
- "type": "LEADSPACE_TYPE",
526
- "default": "\"left\""
440
+ "name": "long-description",
441
+ "description": "The long description content."
527
442
  },
528
443
  {
529
- "name": "size",
530
- "attribute": "size",
531
- "description": "Leadspace size (super, tall, medium, or short)",
532
- "type": "string",
533
- "default": "\"tall\""
534
- }
535
- ],
536
- "slots": [
537
- {
538
- "name": "",
539
- "description": "action The action (CTA) content."
444
+ "name": "icon",
445
+ "description": "The icon content."
540
446
  }
541
447
  ]
542
448
  },
543
449
  {
544
- "name": "dds-background-media",
545
- "path": "./src/components/background-media/background-media.ts",
546
- "description": "Background media.",
450
+ "name": "dds-video-player-composite",
451
+ "path": "./src/components/video-player/video-player-composite.ts",
452
+ "description": "Component that renders video player from its metadata, etc.",
547
453
  "attributes": [
548
454
  {
549
- "name": "opacity",
550
- "description": "The opacity of the background image or video. 100 is fully visible, 0 is fully transparent.",
551
- "type": "number",
552
- "default": "100"
553
- },
554
- {
555
- "name": "containsOnlyImages",
556
- "description": "Set to true in _handleBackgroundMedia if all children are `dds-image-item`",
455
+ "name": "auto-play",
456
+ "description": "`true` to autoplay the videos.",
557
457
  "type": "boolean",
558
458
  "default": "false"
559
459
  },
560
460
  {
561
- "name": "gradient-direction",
562
- "description": "Gradient Direction (left-to-right (default) | top-to-bottom)",
563
- "type": "GRADIENT_DIRECTION",
564
- "default": "\"left-to-right\""
461
+ "name": "caption",
462
+ "description": "Optional custom video caption.",
463
+ "type": "\"\" | undefined"
565
464
  },
566
465
  {
567
- "name": "gradientHidden",
568
- "description": "Option to hide gradient. Automatically set to yes if parent is dds-leadspace",
466
+ "name": "video-description",
467
+ "description": "Custom video description. This property should only be set when `playing-mode=\"lightbox\"`.",
468
+ "type": "string | undefined"
469
+ },
470
+ {
471
+ "name": "hide-caption",
472
+ "description": "`true` to hide the caption.",
569
473
  "type": "boolean",
570
474
  "default": "false"
571
475
  },
572
476
  {
573
- "name": "mobile-position",
574
- "description": "Mobile Position (bottom (default) | top)",
575
- "type": "MOBILE_POSITION",
576
- "default": "\"bottom\""
477
+ "name": "background-mode",
478
+ "description": "`true` to autoplay, mute, and hide player UI.",
479
+ "type": "boolean",
480
+ "default": "false"
577
481
  },
578
482
  {
579
- "name": "videoId",
580
- "description": "Internal storage of the video ID",
581
- "type": "String | null"
483
+ "name": "video-id",
484
+ "description": "The video ID.",
485
+ "type": "string",
486
+ "default": "\"\""
582
487
  },
583
488
  {
584
- "name": "videoIsPlaying",
585
- "description": "Current state of video playback",
586
- "type": "Boolean",
587
- "default": "false"
489
+ "name": "aspect-ratio",
490
+ "description": "The aspect ratio.",
491
+ "type": "\"\" | undefined"
588
492
  },
589
493
  {
590
- "name": "videoPlayer",
591
- "description": "Internal storage of the video player comonent",
592
- "type": "DDSVideoPlayer | null"
494
+ "name": "isPlaying",
495
+ "description": "The current playback state",
496
+ "type": "boolean",
497
+ "default": "false"
593
498
  },
594
499
  {
595
- "name": "alt",
596
- "description": "The alternate text.",
597
- "type": "string",
598
- "default": "\"\""
500
+ "name": "playing-mode",
501
+ "description": "The video player's mode showing Inline or Lightbox.",
502
+ "type": "VIDEO_PLAYER_PLAYING_MODE",
503
+ "default": "\"inline\""
599
504
  },
600
505
  {
601
- "name": "default-src",
602
- "description": "The image source.",
603
- "type": "string",
604
- "default": "\"\""
506
+ "name": "thumbnail",
507
+ "description": "Optional custom video thumbnail",
508
+ "type": "\"\" | undefined"
605
509
  },
606
510
  {
607
- "name": "border",
608
- "description": "Whether or not to apply a border around the image.",
609
- "type": "boolean",
610
- "default": "false"
511
+ "name": "video-thumbnail-width",
512
+ "description": "The video thumbnail width.",
513
+ "type": "number",
514
+ "default": "3"
611
515
  }
612
516
  ],
613
517
  "properties": [
614
518
  {
615
- "name": "backgroundOpacity",
616
- "attribute": "opacity",
617
- "description": "The opacity of the background image or video. 100 is fully visible, 0 is fully transparent.",
618
- "type": "number",
619
- "default": "100"
620
- },
621
- {
622
- "name": "containsOnlyImages",
623
- "attribute": "containsOnlyImages",
624
- "description": "Set to true in _handleBackgroundMedia if all children are `dds-image-item`",
519
+ "name": "autoPlay",
520
+ "attribute": "auto-play",
521
+ "description": "`true` to autoplay the videos.",
625
522
  "type": "boolean",
626
523
  "default": "false"
627
524
  },
628
525
  {
629
- "name": "gradientDirection",
630
- "attribute": "gradient-direction",
631
- "description": "Gradient Direction (left-to-right (default) | top-to-bottom)",
632
- "type": "GRADIENT_DIRECTION",
633
- "default": "\"left-to-right\""
526
+ "name": "embeddedVideos",
527
+ "description": "The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.",
528
+ "type": "{ [videoId: string]: any; } | undefined"
634
529
  },
635
530
  {
636
- "name": "gradientHidden",
637
- "attribute": "gradientHidden",
638
- "description": "Option to hide gradient. Automatically set to yes if parent is dds-leadspace",
639
- "type": "boolean",
640
- "default": "false"
531
+ "name": "caption",
532
+ "attribute": "caption",
533
+ "description": "Optional custom video caption.",
534
+ "type": "\"\" | undefined"
641
535
  },
642
536
  {
643
- "name": "mobilePosition",
644
- "attribute": "mobile-position",
645
- "description": "Mobile Position (bottom (default) | top)",
646
- "type": "MOBILE_POSITION",
647
- "default": "\"bottom\""
537
+ "name": "customVideoDescription",
538
+ "attribute": "video-description",
539
+ "description": "Custom video description. This property should only be set when `playing-mode=\"lightbox\"`.",
540
+ "type": "string | undefined"
648
541
  },
649
542
  {
650
- "name": "videoId",
651
- "attribute": "videoId",
652
- "description": "Internal storage of the video ID",
653
- "type": "String | null"
543
+ "name": "formatCaption",
544
+ "description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
545
+ "type": "(({ duration, name }: { duration?: string | undefined; name?: string | undefined; }) => string) | undefined"
654
546
  },
655
547
  {
656
- "name": "videoIsPlaying",
657
- "attribute": "videoIsPlaying",
658
- "description": "Current state of video playback",
659
- "type": "Boolean",
548
+ "name": "formatDuration",
549
+ "description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
550
+ "type": "(({ duration }: { duration?: number | undefined; }) => string) | undefined"
551
+ },
552
+ {
553
+ "name": "hideCaption",
554
+ "attribute": "hide-caption",
555
+ "description": "`true` to hide the caption.",
556
+ "type": "boolean",
660
557
  "default": "false"
661
558
  },
662
559
  {
663
- "name": "videoPlayer",
664
- "attribute": "videoPlayer",
665
- "description": "Internal storage of the video player comonent",
666
- "type": "DDSVideoPlayer | null"
560
+ "name": "backgroundMode",
561
+ "attribute": "background-mode",
562
+ "description": "`true` to autoplay, mute, and hide player UI.",
563
+ "type": "boolean",
564
+ "default": "false"
667
565
  },
668
566
  {
669
- "name": "alt",
670
- "attribute": "alt",
671
- "description": "The alternate text.",
672
- "type": "string",
673
- "default": "\"\""
567
+ "name": "mediaData",
568
+ "description": "The video data, keyed by the video ID.",
569
+ "type": "{ [videoId: string]: MediaData; } | undefined"
674
570
  },
675
571
  {
676
- "name": "defaultSrc",
677
- "attribute": "default-src",
678
- "description": "The image source.",
572
+ "name": "videoId",
573
+ "attribute": "video-id",
574
+ "description": "The video ID.",
679
575
  "type": "string",
680
576
  "default": "\"\""
681
577
  },
682
578
  {
683
- "name": "border",
684
- "attribute": "border",
685
- "description": "Whether or not to apply a border around the image.",
579
+ "name": "aspectRatio",
580
+ "attribute": "aspect-ratio",
581
+ "description": "The aspect ratio.",
582
+ "type": "\"\" | undefined"
583
+ },
584
+ {
585
+ "name": "isPlaying",
586
+ "attribute": "isPlaying",
587
+ "description": "The current playback state",
686
588
  "type": "boolean",
687
589
  "default": "false"
688
- }
689
- ],
690
- "slots": [
691
- {
692
- "name": "long-description",
693
- "description": "The long description content."
694
590
  },
695
591
  {
696
- "name": "icon",
697
- "description": "The icon content."
698
- }
699
- ]
700
- },
701
- {
702
- "name": "dds-button-expressive",
703
- "path": "./src/components/button/button.ts",
704
- "description": "Expressive button.",
705
- "attributes": [
592
+ "name": "playingMode",
593
+ "attribute": "playing-mode",
594
+ "description": "The video player's mode showing Inline or Lightbox.",
595
+ "type": "VIDEO_PLAYER_PLAYING_MODE",
596
+ "default": "\"inline\""
597
+ },
706
598
  {
707
- "name": "autofocus",
708
- "description": "`true` if the button should have input focus when the page loads.",
709
- "type": "boolean",
710
- "default": "false"
599
+ "name": "thumbnail",
600
+ "attribute": "thumbnail",
601
+ "description": "Optional custom video thumbnail",
602
+ "type": "\"\" | undefined"
711
603
  },
712
604
  {
713
- "name": "disabled",
714
- "description": "`true` if the button should be disabled.",
715
- "type": "boolean",
716
- "default": "false"
605
+ "name": "videoThumbnailWidth",
606
+ "attribute": "video-thumbnail-width",
607
+ "description": "The video thumbnail width.",
608
+ "type": "number",
609
+ "default": "3"
717
610
  },
718
611
  {
719
- "name": "download",
720
- "description": "The default file name, used if this button is rendered as `<a>`.",
721
- "type": "string"
612
+ "name": "lightRenderRoot",
613
+ "description": "The render target in the light DOM.",
614
+ "type": "void | Element | null"
722
615
  },
723
616
  {
724
- "name": "href",
725
- "description": "Link `href`. If present, this button is rendered as `<a>`.",
726
- "type": "string"
617
+ "name": "size",
618
+ "type": "number"
727
619
  },
728
620
  {
729
- "name": "hreflang",
730
- "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
731
- "type": "string"
621
+ "name": "prototype",
622
+ "description": "A reference to the prototype.",
623
+ "type": "Set<any>"
624
+ }
625
+ ]
626
+ },
627
+ {
628
+ "name": "dds-video-player-container",
629
+ "path": "./src/components/video-player/video-player-container.ts",
630
+ "description": "Container component for video player."
631
+ },
632
+ {
633
+ "name": "dds-video-player",
634
+ "path": "./src/components/video-player/video-player.ts",
635
+ "description": "Video player.",
636
+ "attributes": [
637
+ {
638
+ "name": "playing-mode",
639
+ "description": "The video player's mode showing Inline or Lightbox.",
640
+ "type": "VIDEO_PLAYER_PLAYING_MODE",
641
+ "default": "\"inline\""
732
642
  },
733
643
  {
734
- "name": "icon-layout",
735
- "description": "Button icon layout.",
736
- "type": "BUTTON_ICON_LAYOUT",
737
- "default": "\"\""
644
+ "name": "content-state",
645
+ "description": "The video player's content state.",
646
+ "type": "VIDEO_PLAYER_CONTENT_STATE",
647
+ "default": "\"thumbnail\""
738
648
  },
739
649
  {
740
- "name": "kind",
741
- "description": "Button kind.",
742
- "type": "BUTTON_KIND",
743
- "default": "\"primary\""
650
+ "name": "duration",
651
+ "description": "The video duration.",
652
+ "type": "number | undefined"
744
653
  },
745
654
  {
746
- "name": "link-role",
747
- "description": "The a11y role for `<a>`.",
655
+ "name": "hide-caption",
656
+ "description": "`true` to hide the caption.",
657
+ "type": "boolean",
658
+ "default": "false"
659
+ },
660
+ {
661
+ "name": "name",
662
+ "description": "The video name.",
748
663
  "type": "string",
749
- "default": "\"button\""
664
+ "default": "\"\""
750
665
  },
751
666
  {
752
- "name": "ping",
753
- "description": "URLs to ping, if this button is rendered as `<a>`.",
754
- "type": "string"
667
+ "name": "background-mode",
668
+ "description": "`true` to autoplay, mute video, and hide UI",
669
+ "type": "boolean",
670
+ "default": "false"
755
671
  },
756
672
  {
757
- "name": "rel",
758
- "description": "The link type, if this button is rendered as `<a>`.",
759
- "type": "string"
673
+ "name": "video-description",
674
+ "description": "Custom video description. This property should only be set when using `playing-mode=\"lightbox\"`",
675
+ "type": "string | undefined"
760
676
  },
761
677
  {
762
- "name": "size",
763
- "description": "Button size.",
764
- "type": "BUTTON_SIZE",
765
- "default": "\"\""
678
+ "name": "thumbnail-url",
679
+ "description": "The thumbnail URL.",
680
+ "type": "string",
681
+ "default": "\"data:image/svg+xml,%3Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\"/%3E\""
766
682
  },
767
683
  {
768
- "name": "target",
769
- "description": "The link target, if this button is rendered as `<a>`.",
770
- "type": "string"
684
+ "name": "video-id",
685
+ "description": "The video ID.",
686
+ "type": "string | undefined"
771
687
  },
772
688
  {
773
- "name": "type",
774
- "description": "The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.",
775
- "type": "string"
689
+ "name": "aspect-ratio",
690
+ "description": "Override default aspect ratio of `16x9`.\nAvailable aspect ratios:\n\n`16x9`, `9x16`, `2x1`, `1x2`, `4x3`, `3x4`, `1x1`",
691
+ "type": "string | undefined"
776
692
  }
777
693
  ],
778
694
  "properties": [
779
695
  {
780
- "name": "autofocus",
781
- "attribute": "autofocus",
782
- "description": "`true` if the button should have input focus when the page loads.",
783
- "type": "boolean",
784
- "default": "false"
785
- },
786
- {
787
- "name": "disabled",
788
- "attribute": "disabled",
789
- "description": "`true` if the button should be disabled.",
790
- "type": "boolean",
791
- "default": "false"
696
+ "name": "playingMode",
697
+ "attribute": "playing-mode",
698
+ "description": "The video player's mode showing Inline or Lightbox.",
699
+ "type": "VIDEO_PLAYER_PLAYING_MODE",
700
+ "default": "\"inline\""
792
701
  },
793
702
  {
794
- "name": "download",
795
- "attribute": "download",
796
- "description": "The default file name, used if this button is rendered as `<a>`.",
797
- "type": "string"
703
+ "name": "contentState",
704
+ "attribute": "content-state",
705
+ "description": "The video player's content state.",
706
+ "type": "VIDEO_PLAYER_CONTENT_STATE",
707
+ "default": "\"thumbnail\""
798
708
  },
799
709
  {
800
- "name": "href",
801
- "attribute": "href",
802
- "description": "Link `href`. If present, this button is rendered as `<a>`.",
803
- "type": "string"
710
+ "name": "duration",
711
+ "attribute": "duration",
712
+ "description": "The video duration.",
713
+ "type": "number | undefined"
804
714
  },
805
715
  {
806
- "name": "hreflang",
807
- "attribute": "hreflang",
808
- "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
809
- "type": "string"
716
+ "name": "formatCaption",
717
+ "description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
718
+ "type": "(...args: any[]) => string",
719
+ "default": "\"formatVideoCaption\""
810
720
  },
811
721
  {
812
- "name": "iconLayout",
813
- "attribute": "icon-layout",
814
- "description": "Button icon layout.",
815
- "type": "BUTTON_ICON_LAYOUT",
816
- "default": "\"\""
722
+ "name": "formatDuration",
723
+ "description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
724
+ "type": "(...args: any[]) => string",
725
+ "default": "\"formatVideoDuration\""
817
726
  },
818
727
  {
819
- "name": "kind",
820
- "attribute": "kind",
821
- "description": "Button kind.",
822
- "type": "BUTTON_KIND",
823
- "default": "\"primary\""
728
+ "name": "hideCaption",
729
+ "attribute": "hide-caption",
730
+ "description": "`true` to hide the caption.",
731
+ "type": "boolean",
732
+ "default": "false"
824
733
  },
825
734
  {
826
- "name": "linkRole",
827
- "attribute": "link-role",
828
- "description": "The a11y role for `<a>`.",
735
+ "name": "name",
736
+ "attribute": "name",
737
+ "description": "The video name.",
829
738
  "type": "string",
830
- "default": "\"button\""
739
+ "default": "\"\""
831
740
  },
832
741
  {
833
- "name": "ping",
834
- "attribute": "ping",
835
- "description": "URLs to ping, if this button is rendered as `<a>`.",
836
- "type": "string"
742
+ "name": "backgroundMode",
743
+ "attribute": "background-mode",
744
+ "description": "`true` to autoplay, mute video, and hide UI",
745
+ "type": "boolean",
746
+ "default": "false"
837
747
  },
838
748
  {
839
- "name": "rel",
840
- "attribute": "rel",
841
- "description": "The link type, if this button is rendered as `<a>`.",
842
- "type": "string"
749
+ "name": "customVideoDescription",
750
+ "attribute": "video-description",
751
+ "description": "Custom video description. This property should only be set when using `playing-mode=\"lightbox\"`",
752
+ "type": "string | undefined"
843
753
  },
844
754
  {
845
- "name": "size",
846
- "attribute": "size",
847
- "description": "Button size.",
848
- "type": "BUTTON_SIZE",
849
- "default": "\"\""
755
+ "name": "thumbnailUrl",
756
+ "attribute": "thumbnail-url",
757
+ "description": "The thumbnail URL.",
758
+ "type": "string",
759
+ "default": "\"data:image/svg+xml,%3Csvg xmlns=\\\"http://www.w3.org/2000/svg\\\"/%3E\""
850
760
  },
851
761
  {
852
- "name": "target",
853
- "attribute": "target",
854
- "description": "The link target, if this button is rendered as `<a>`.",
855
- "type": "string"
762
+ "name": "videoId",
763
+ "attribute": "video-id",
764
+ "description": "The video ID.",
765
+ "type": "string | undefined"
856
766
  },
857
767
  {
858
- "name": "type",
859
- "attribute": "type",
860
- "description": "The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.",
861
- "type": "string"
768
+ "name": "aspectRatio",
769
+ "attribute": "aspect-ratio",
770
+ "description": "Override default aspect ratio of `16x9`.\nAvailable aspect ratios:\n\n`16x9`, `9x16`, `2x1`, `1x2`, `4x3`, `3x4`, `1x1`",
771
+ "type": "string | undefined"
862
772
  },
863
773
  {
864
774
  "name": "prototype",
@@ -868,247 +778,337 @@
868
778
  ]
869
779
  },
870
780
  {
871
- "name": "dds-button-group-item",
872
- "path": "./src/components/button-group/button-group-item.ts",
873
- "description": "Button group item.",
781
+ "name": "dds-leadspace",
782
+ "path": "./src/components/leadspace/leadspace.ts",
783
+ "description": "The LeadSpace component.",
874
784
  "attributes": [
875
785
  {
876
- "name": "autofocus",
877
- "description": "`true` if the button should have input focus when the page loads.",
878
- "type": "boolean",
879
- "default": "false"
880
- },
881
- {
882
- "name": "disabled",
883
- "description": "`true` if the button should be disabled.",
884
- "type": "boolean",
885
- "default": "false"
786
+ "name": "alt",
787
+ "description": "The alternate text.",
788
+ "type": "string",
789
+ "default": "\"\""
886
790
  },
887
791
  {
888
- "name": "download",
889
- "description": "The default file name, used if this button is rendered as `<a>`.",
890
- "type": "string"
891
- },
892
- {
893
- "name": "href",
894
- "description": "Link `href`. If present, this button is rendered as `<a>`.",
895
- "type": "string"
896
- },
897
- {
898
- "name": "hreflang",
899
- "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
900
- "type": "string"
901
- },
902
- {
903
- "name": "icon-layout",
904
- "description": "Button icon layout.",
905
- "type": "BUTTON_ICON_LAYOUT",
792
+ "name": "default-src",
793
+ "description": "The image source.",
794
+ "type": "string",
906
795
  "default": "\"\""
907
796
  },
908
797
  {
909
- "name": "kind",
910
- "description": "Button kind.",
911
- "type": "BUTTON_KIND",
912
- "default": "\"primary\""
913
- },
914
- {
915
- "name": "link-role",
916
- "description": "The a11y role for `<a>`.",
798
+ "name": "copy",
799
+ "description": "The leadspace copy.",
917
800
  "type": "string",
918
- "default": "\"button\""
919
- },
920
- {
921
- "name": "ping",
922
- "description": "URLs to ping, if this button is rendered as `<a>`.",
923
- "type": "string"
801
+ "default": "\"\""
924
802
  },
925
803
  {
926
- "name": "rel",
927
- "description": "The link type, if this button is rendered as `<a>`.",
928
- "type": "string"
804
+ "name": "gradient-style-scheme",
805
+ "description": "The gradient style scheme.",
806
+ "type": "LEADSPACE_GRADIENT_STYLE_SCHEME",
807
+ "default": "\"with-gradient\""
929
808
  },
930
809
  {
931
- "name": "size",
932
- "description": "Button size.",
933
- "type": "BUTTON_SIZE",
810
+ "name": "title",
811
+ "description": "The leadspace title.",
812
+ "type": "string",
934
813
  "default": "\"\""
935
814
  },
936
815
  {
937
- "name": "target",
938
- "description": "The link target, if this button is rendered as `<a>`.",
939
- "type": "string"
816
+ "name": "type",
817
+ "description": "Leadspace type (small, left, or centered)",
818
+ "type": "LEADSPACE_TYPE",
819
+ "default": "\"left\""
940
820
  },
941
821
  {
942
- "name": "type",
943
- "description": "The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.",
944
- "type": "string"
822
+ "name": "size",
823
+ "description": "Leadspace size (super, tall, medium, or short)",
824
+ "type": "string",
825
+ "default": "\"tall\""
945
826
  }
946
827
  ],
947
828
  "properties": [
948
829
  {
949
- "name": "autofocus",
950
- "attribute": "autofocus",
951
- "description": "`true` if the button should have input focus when the page loads.",
952
- "type": "boolean",
953
- "default": "false"
954
- },
955
- {
956
- "name": "disabled",
957
- "attribute": "disabled",
958
- "description": "`true` if the button should be disabled.",
959
- "type": "boolean",
960
- "default": "false"
961
- },
962
- {
963
- "name": "download",
964
- "attribute": "download",
965
- "description": "The default file name, used if this button is rendered as `<a>`.",
966
- "type": "string"
967
- },
968
- {
969
- "name": "href",
970
- "attribute": "href",
971
- "description": "Link `href`. If present, this button is rendered as `<a>`.",
972
- "type": "string"
973
- },
974
- {
975
- "name": "hreflang",
976
- "attribute": "hreflang",
977
- "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
978
- "type": "string"
979
- },
980
- {
981
- "name": "iconLayout",
982
- "attribute": "icon-layout",
983
- "description": "Button icon layout.",
984
- "type": "BUTTON_ICON_LAYOUT",
830
+ "name": "alt",
831
+ "attribute": "alt",
832
+ "description": "The alternate text.",
833
+ "type": "string",
985
834
  "default": "\"\""
986
835
  },
987
836
  {
988
- "name": "kind",
989
- "attribute": "kind",
990
- "description": "Button kind.",
991
- "type": "BUTTON_KIND",
992
- "default": "\"primary\""
993
- },
994
- {
995
- "name": "linkRole",
996
- "attribute": "link-role",
997
- "description": "The a11y role for `<a>`.",
837
+ "name": "defaultSrc",
838
+ "attribute": "default-src",
839
+ "description": "The image source.",
998
840
  "type": "string",
999
- "default": "\"button\""
841
+ "default": "\"\""
1000
842
  },
1001
843
  {
1002
- "name": "ping",
1003
- "attribute": "ping",
1004
- "description": "URLs to ping, if this button is rendered as `<a>`.",
1005
- "type": "string"
844
+ "name": "copy",
845
+ "attribute": "copy",
846
+ "description": "The leadspace copy.",
847
+ "type": "string",
848
+ "default": "\"\""
1006
849
  },
1007
850
  {
1008
- "name": "rel",
1009
- "attribute": "rel",
1010
- "description": "The link type, if this button is rendered as `<a>`.",
1011
- "type": "string"
851
+ "name": "gradientStyleScheme",
852
+ "attribute": "gradient-style-scheme",
853
+ "description": "The gradient style scheme.",
854
+ "type": "LEADSPACE_GRADIENT_STYLE_SCHEME",
855
+ "default": "\"with-gradient\""
1012
856
  },
1013
857
  {
1014
- "name": "size",
1015
- "attribute": "size",
1016
- "description": "Button size.",
1017
- "type": "BUTTON_SIZE",
858
+ "name": "title",
859
+ "attribute": "title",
860
+ "description": "The leadspace title.",
861
+ "type": "string",
1018
862
  "default": "\"\""
1019
863
  },
1020
- {
1021
- "name": "target",
1022
- "attribute": "target",
1023
- "description": "The link target, if this button is rendered as `<a>`.",
1024
- "type": "string"
1025
- },
1026
864
  {
1027
865
  "name": "type",
1028
866
  "attribute": "type",
1029
- "description": "The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.",
1030
- "type": "string"
867
+ "description": "Leadspace type (small, left, or centered)",
868
+ "type": "LEADSPACE_TYPE",
869
+ "default": "\"left\""
1031
870
  },
1032
871
  {
1033
- "name": "prototype",
1034
- "description": "A reference to the prototype.",
1035
- "type": "Promise<any>"
872
+ "name": "size",
873
+ "attribute": "size",
874
+ "description": "Leadspace size (super, tall, medium, or short)",
875
+ "type": "string",
876
+ "default": "\"tall\""
877
+ }
878
+ ],
879
+ "slots": [
880
+ {
881
+ "name": "",
882
+ "description": "action The action (CTA) content."
1036
883
  }
1037
884
  ]
1038
885
  },
1039
886
  {
1040
- "name": "dds-button-group",
1041
- "path": "./src/components/button-group/button-group.ts",
1042
- "description": "Button group."
1043
- },
1044
- {
1045
- "name": "dds-link-with-icon",
1046
- "path": "./src/components/link-with-icon/link-with-icon.ts",
1047
- "description": "Link with icon.",
887
+ "name": "dds-background-media",
888
+ "path": "./src/components/background-media/background-media.ts",
889
+ "description": "Background media.",
1048
890
  "attributes": [
1049
891
  {
1050
- "name": "icon-placement",
1051
- "description": "Icon placement(right (default) | left)",
1052
- "type": "ICON_PLACEMENT",
1053
- "default": "\"right\""
892
+ "name": "opacity",
893
+ "description": "The opacity of the background image or video. 100 is fully visible, 0 is fully transparent.",
894
+ "type": "number",
895
+ "default": "100"
1054
896
  },
1055
897
  {
1056
- "name": "iconInline",
1057
- "description": "Positions the icon inline with text when `true`",
898
+ "name": "containsOnlyImages",
899
+ "description": "Set to true in _handleBackgroundMedia if all children are `dds-image-item`",
1058
900
  "type": "boolean",
1059
- "default": "true"
901
+ "default": "false"
1060
902
  },
1061
903
  {
1062
- "name": "size",
1063
- "description": "Property that specifies the link to use size large",
1064
- "type": "LINK_SIZE",
1065
- "default": "\"lg\""
1066
- }
1067
- ],
1068
- "properties": [
1069
- {
1070
- "name": "iconPlacement",
1071
- "attribute": "icon-placement",
1072
- "description": "Icon placement(right (default) | left)",
1073
- "type": "ICON_PLACEMENT",
1074
- "default": "\"right\""
904
+ "name": "gradient-direction",
905
+ "description": "Gradient Direction (left-to-right (default) | top-to-bottom)",
906
+ "type": "GRADIENT_DIRECTION",
907
+ "default": "\"left-to-right\""
1075
908
  },
1076
909
  {
1077
- "name": "iconInline",
1078
- "attribute": "iconInline",
1079
- "description": "Positions the icon inline with text when `true`",
910
+ "name": "gradientHidden",
911
+ "description": "Option to hide gradient. Automatically set to yes if parent is dds-leadspace",
1080
912
  "type": "boolean",
1081
- "default": "true"
913
+ "default": "false"
1082
914
  },
1083
915
  {
1084
- "name": "disabled",
1085
- "description": "`true` if the button should be disabled.",
1086
- "type": "boolean"
916
+ "name": "mobile-position",
917
+ "description": "Mobile Position (bottom (default) | top)",
918
+ "type": "MOBILE_POSITION",
919
+ "default": "\"bottom\""
1087
920
  },
1088
921
  {
1089
- "name": "download",
1090
- "description": "The default file name.",
1091
- "type": "string"
922
+ "name": "videoId",
923
+ "description": "Internal storage of the video ID",
924
+ "type": "String | null"
1092
925
  },
1093
926
  {
1094
- "name": "href",
1095
- "description": "Link `href`.",
1096
- "type": "string"
927
+ "name": "videoIsPlaying",
928
+ "description": "Current state of video playback",
929
+ "type": "Boolean",
930
+ "default": "false"
1097
931
  },
1098
932
  {
1099
- "name": "hreflang",
1100
- "description": "The language of what `href` points to.",
1101
- "type": "string"
933
+ "name": "videoPlayer",
934
+ "description": "Internal storage of the video player comonent",
935
+ "type": "DDSVideoPlayer | null"
1102
936
  },
1103
937
  {
1104
- "name": "linkRole",
1105
- "description": "The a11y role for `<a>`.",
1106
- "type": "string"
938
+ "name": "alt",
939
+ "description": "The alternate text.",
940
+ "type": "string",
941
+ "default": "\"\""
1107
942
  },
1108
943
  {
1109
- "name": "ping",
1110
- "description": "URLs to ping.",
1111
- "type": "string"
944
+ "name": "default-src",
945
+ "description": "The image source.",
946
+ "type": "string",
947
+ "default": "\"\""
948
+ },
949
+ {
950
+ "name": "border",
951
+ "description": "Whether or not to apply a border around the image.",
952
+ "type": "boolean",
953
+ "default": "false"
954
+ }
955
+ ],
956
+ "properties": [
957
+ {
958
+ "name": "backgroundOpacity",
959
+ "attribute": "opacity",
960
+ "description": "The opacity of the background image or video. 100 is fully visible, 0 is fully transparent.",
961
+ "type": "number",
962
+ "default": "100"
963
+ },
964
+ {
965
+ "name": "containsOnlyImages",
966
+ "attribute": "containsOnlyImages",
967
+ "description": "Set to true in _handleBackgroundMedia if all children are `dds-image-item`",
968
+ "type": "boolean",
969
+ "default": "false"
970
+ },
971
+ {
972
+ "name": "gradientDirection",
973
+ "attribute": "gradient-direction",
974
+ "description": "Gradient Direction (left-to-right (default) | top-to-bottom)",
975
+ "type": "GRADIENT_DIRECTION",
976
+ "default": "\"left-to-right\""
977
+ },
978
+ {
979
+ "name": "gradientHidden",
980
+ "attribute": "gradientHidden",
981
+ "description": "Option to hide gradient. Automatically set to yes if parent is dds-leadspace",
982
+ "type": "boolean",
983
+ "default": "false"
984
+ },
985
+ {
986
+ "name": "mobilePosition",
987
+ "attribute": "mobile-position",
988
+ "description": "Mobile Position (bottom (default) | top)",
989
+ "type": "MOBILE_POSITION",
990
+ "default": "\"bottom\""
991
+ },
992
+ {
993
+ "name": "videoId",
994
+ "attribute": "videoId",
995
+ "description": "Internal storage of the video ID",
996
+ "type": "String | null"
997
+ },
998
+ {
999
+ "name": "videoIsPlaying",
1000
+ "attribute": "videoIsPlaying",
1001
+ "description": "Current state of video playback",
1002
+ "type": "Boolean",
1003
+ "default": "false"
1004
+ },
1005
+ {
1006
+ "name": "videoPlayer",
1007
+ "attribute": "videoPlayer",
1008
+ "description": "Internal storage of the video player comonent",
1009
+ "type": "DDSVideoPlayer | null"
1010
+ },
1011
+ {
1012
+ "name": "alt",
1013
+ "attribute": "alt",
1014
+ "description": "The alternate text.",
1015
+ "type": "string",
1016
+ "default": "\"\""
1017
+ },
1018
+ {
1019
+ "name": "defaultSrc",
1020
+ "attribute": "default-src",
1021
+ "description": "The image source.",
1022
+ "type": "string",
1023
+ "default": "\"\""
1024
+ },
1025
+ {
1026
+ "name": "border",
1027
+ "attribute": "border",
1028
+ "description": "Whether or not to apply a border around the image.",
1029
+ "type": "boolean",
1030
+ "default": "false"
1031
+ }
1032
+ ],
1033
+ "slots": [
1034
+ {
1035
+ "name": "long-description",
1036
+ "description": "The long description content."
1037
+ },
1038
+ {
1039
+ "name": "icon",
1040
+ "description": "The icon content."
1041
+ }
1042
+ ]
1043
+ },
1044
+ {
1045
+ "name": "dds-link-with-icon",
1046
+ "path": "./src/components/link-with-icon/link-with-icon.ts",
1047
+ "description": "Link with icon.",
1048
+ "attributes": [
1049
+ {
1050
+ "name": "icon-placement",
1051
+ "description": "Icon placement(right (default) | left)",
1052
+ "type": "ICON_PLACEMENT",
1053
+ "default": "\"right\""
1054
+ },
1055
+ {
1056
+ "name": "iconInline",
1057
+ "description": "Positions the icon inline with text when `true`",
1058
+ "type": "boolean",
1059
+ "default": "true"
1060
+ },
1061
+ {
1062
+ "name": "size",
1063
+ "description": "Property that specifies the link to use size large",
1064
+ "type": "LINK_SIZE",
1065
+ "default": "\"lg\""
1066
+ }
1067
+ ],
1068
+ "properties": [
1069
+ {
1070
+ "name": "iconPlacement",
1071
+ "attribute": "icon-placement",
1072
+ "description": "Icon placement(right (default) | left)",
1073
+ "type": "ICON_PLACEMENT",
1074
+ "default": "\"right\""
1075
+ },
1076
+ {
1077
+ "name": "iconInline",
1078
+ "attribute": "iconInline",
1079
+ "description": "Positions the icon inline with text when `true`",
1080
+ "type": "boolean",
1081
+ "default": "true"
1082
+ },
1083
+ {
1084
+ "name": "disabled",
1085
+ "description": "`true` if the button should be disabled.",
1086
+ "type": "boolean"
1087
+ },
1088
+ {
1089
+ "name": "download",
1090
+ "description": "The default file name.",
1091
+ "type": "string"
1092
+ },
1093
+ {
1094
+ "name": "href",
1095
+ "description": "Link `href`.",
1096
+ "type": "string"
1097
+ },
1098
+ {
1099
+ "name": "hreflang",
1100
+ "description": "The language of what `href` points to.",
1101
+ "type": "string"
1102
+ },
1103
+ {
1104
+ "name": "linkRole",
1105
+ "description": "The a11y role for `<a>`.",
1106
+ "type": "string"
1107
+ },
1108
+ {
1109
+ "name": "ping",
1110
+ "description": "URLs to ping.",
1111
+ "type": "string"
1112
1112
  },
1113
1113
  {
1114
1114
  "name": "rel",
@@ -1489,969 +1489,895 @@
1489
1489
  ]
1490
1490
  },
1491
1491
  {
1492
- "name": "dds-markdown",
1493
- "path": "./src/components/markdown/markdown.ts",
1494
- "description": "Markdown content.",
1495
- "properties": [
1496
- {
1497
- "name": "content",
1498
- "description": "The markdown content.",
1499
- "type": "string | undefined"
1500
- }
1501
- ]
1502
- },
1503
- {
1504
- "name": "dds-content-block-paragraph",
1505
- "path": "./src/components/content-block/content-block-paragraph.ts",
1506
- "description": "The paragraph content in content block."
1507
- },
1508
- {
1509
- "name": "dds-content-block-copy",
1510
- "path": "./src/components/content-block/content-block-copy.ts",
1511
- "description": "The copy content of content block.",
1492
+ "name": "dds-card-eyebrow",
1493
+ "path": "./src/components/card/card-eyebrow.ts",
1494
+ "description": "The eyebrow content of card.",
1512
1495
  "attributes": [
1513
- {
1514
- "name": "size",
1515
- "description": "The default slot for all content-block-copy use cases.\nThe content size.",
1516
- "type": "CONTENT_BLOCK_COPY_SIZE",
1517
- "default": "\"md\""
1518
- },
1519
1496
  {
1520
1497
  "name": "slot",
1521
- "description": "The shadow slot this copy content should be in.",
1498
+ "description": "The shadow slot this card eyebrow should be in.",
1522
1499
  "type": "string",
1523
- "default": "\"copy\""
1500
+ "default": "\"eyebrow\""
1524
1501
  }
1525
1502
  ],
1526
1503
  "properties": [
1527
- {
1528
- "name": "size",
1529
- "attribute": "size",
1530
- "description": "The default slot for all content-block-copy use cases.\nThe content size.",
1531
- "type": "CONTENT_BLOCK_COPY_SIZE",
1532
- "default": "\"md\""
1533
- },
1534
1504
  {
1535
1505
  "name": "slot",
1536
1506
  "attribute": "slot",
1537
- "description": "The shadow slot this copy content should be in.",
1507
+ "description": "The shadow slot this card eyebrow should be in.",
1538
1508
  "type": "string",
1539
- "default": "\"copy\""
1540
- },
1541
- {
1542
- "name": "content",
1543
- "description": "The markdown content.",
1544
- "type": "string | undefined"
1509
+ "default": "\"eyebrow\""
1545
1510
  }
1546
1511
  ]
1547
1512
  },
1548
1513
  {
1549
- "name": "dds-callout-with-media-copy",
1550
- "path": "./src/components/callout-with-media/callout-with-media-copy.ts",
1551
- "description": "The copy content of callout with media.",
1514
+ "name": "dds-card-footer",
1515
+ "path": "./src/components/card/card-footer.ts",
1516
+ "description": "Card footer.",
1552
1517
  "attributes": [
1553
1518
  {
1554
- "name": "size",
1555
- "description": "The default slot for all content-block-copy use cases.\nThe content size.",
1556
- "type": "CONTENT_BLOCK_COPY_SIZE",
1557
- "default": "\"md\""
1519
+ "name": "altAriaLabel",
1520
+ "description": "Alternative aria label if no text in footer.",
1521
+ "type": "string | null | undefined"
1558
1522
  },
1559
1523
  {
1560
- "name": "slot",
1561
- "description": "The shadow slot this copy content should be in.",
1562
- "type": "string",
1563
- "default": "\"copy\""
1564
- }
1565
- ],
1566
- "properties": [
1524
+ "name": "color-scheme",
1525
+ "description": "The color scheme.",
1526
+ "type": "BASIC_COLOR_SCHEME",
1527
+ "default": "\"\""
1528
+ },
1567
1529
  {
1568
- "name": "size",
1569
- "attribute": "size",
1570
- "description": "The default slot for all content-block-copy use cases.\nThe content size.",
1571
- "type": "CONTENT_BLOCK_COPY_SIZE",
1572
- "default": "\"md\""
1530
+ "name": "parent-href",
1531
+ "description": "The `href` in parent `<dds-card>`.\n`<dds-card>` sets this automatically.",
1532
+ "type": "string | undefined"
1573
1533
  },
1574
1534
  {
1575
1535
  "name": "slot",
1576
- "attribute": "slot",
1577
- "description": "The shadow slot this copy content should be in.",
1536
+ "description": "The slot in parent `<dds-card>`.",
1578
1537
  "type": "string",
1579
- "default": "\"copy\""
1538
+ "default": "\"footer\""
1580
1539
  },
1581
1540
  {
1582
- "name": "content",
1583
- "description": "The markdown content.",
1584
- "type": "string | undefined"
1585
- }
1586
- ]
1587
- },
1588
- {
1589
- "name": "dds-expressive-modal-close-button",
1590
- "path": "./src/components/expressive-modal/expressive-modal-close-button.ts",
1591
- "description": "Expressive modal close button.",
1592
- "attributes": [
1541
+ "name": "icon-placement",
1542
+ "description": "Icon placement(right (default) | left)",
1543
+ "type": "ICON_PLACEMENT",
1544
+ "default": "\"right\""
1545
+ },
1546
+ {
1547
+ "name": "iconInline",
1548
+ "description": "Positions the icon inline with text when `true`",
1549
+ "type": "boolean",
1550
+ "default": "true"
1551
+ },
1593
1552
  {
1594
1553
  "name": "size",
1595
- "description": "The size variant.",
1596
- "type": "EXPRESSIVE_MODAL_SIZE",
1597
- "default": "\"\""
1554
+ "description": "Property that specifies the link to use size large",
1555
+ "type": "LINK_SIZE",
1556
+ "default": "\"lg\""
1598
1557
  }
1599
1558
  ],
1600
1559
  "properties": [
1601
1560
  {
1602
- "name": "size",
1603
- "attribute": "size",
1604
- "description": "The size variant.",
1605
- "type": "EXPRESSIVE_MODAL_SIZE",
1606
- "default": "\"\""
1561
+ "name": "altAriaLabel",
1562
+ "attribute": "altAriaLabel",
1563
+ "description": "Alternative aria label if no text in footer.",
1564
+ "type": "string | null | undefined"
1607
1565
  },
1608
1566
  {
1609
- "name": "assistiveText",
1610
- "description": "The assistive text for the button.",
1611
- "type": "string"
1612
- }
1613
- ],
1614
- "cssParts": [
1567
+ "name": "colorScheme",
1568
+ "attribute": "color-scheme",
1569
+ "description": "The color scheme.",
1570
+ "type": "BASIC_COLOR_SCHEME",
1571
+ "default": "\"\""
1572
+ },
1615
1573
  {
1616
- "name": "close",
1617
- "description": "icon The close icon."
1618
- }
1619
- ]
1620
- },
1621
- {
1622
- "name": "dds-expressive-modal",
1623
- "path": "./src/components/expressive-modal/expressive-modal.ts",
1624
- "description": "Expressive modal.",
1625
- "attributes": [
1574
+ "name": "parentHref",
1575
+ "attribute": "parent-href",
1576
+ "description": "The `href` in parent `<dds-card>`.\n`<dds-card>` sets this automatically.",
1577
+ "type": "string | undefined"
1578
+ },
1626
1579
  {
1627
- "name": "container-class",
1628
- "description": "The additional CSS class names for the container <div> of the element.",
1580
+ "name": "slot",
1581
+ "attribute": "slot",
1582
+ "description": "The slot in parent `<dds-card>`.",
1629
1583
  "type": "string",
1630
- "default": "\"\""
1584
+ "default": "\"footer\""
1631
1585
  },
1632
1586
  {
1633
- "name": "open",
1634
- "description": "`true` if the modal should be open.",
1587
+ "name": "iconPlacement",
1588
+ "attribute": "icon-placement",
1589
+ "description": "Icon placement(right (default) | left)",
1590
+ "type": "ICON_PLACEMENT",
1591
+ "default": "\"right\""
1592
+ },
1593
+ {
1594
+ "name": "iconInline",
1595
+ "attribute": "iconInline",
1596
+ "description": "Positions the icon inline with text when `true`",
1635
1597
  "type": "boolean",
1636
- "default": "false"
1598
+ "default": "true"
1637
1599
  },
1638
1600
  {
1639
- "name": "mode",
1640
- "description": "The mode variant.",
1641
- "type": "EXPRESSIVE_MODAL_MODE",
1642
- "default": "\"\""
1601
+ "name": "disabled",
1602
+ "description": "`true` if the button should be disabled.",
1603
+ "type": "boolean"
1643
1604
  },
1644
1605
  {
1645
- "name": "expressive-size",
1646
- "description": "The size variant.",
1647
- "type": "EXPRESSIVE_MODAL_SIZE",
1648
- "default": "\"\""
1649
- }
1650
- ],
1651
- "properties": [
1606
+ "name": "download",
1607
+ "description": "The default file name.",
1608
+ "type": "string"
1609
+ },
1652
1610
  {
1653
- "name": "containerClass",
1654
- "attribute": "container-class",
1655
- "description": "The additional CSS class names for the container <div> of the element.",
1656
- "type": "string",
1657
- "default": "\"\""
1611
+ "name": "href",
1612
+ "description": "Link `href`.",
1613
+ "type": "string"
1658
1614
  },
1659
1615
  {
1660
- "name": "open",
1661
- "attribute": "open",
1662
- "description": "`true` if the modal should be open.",
1663
- "type": "boolean",
1664
- "default": "false"
1616
+ "name": "hreflang",
1617
+ "description": "The language of what `href` points to.",
1618
+ "type": "string"
1665
1619
  },
1666
1620
  {
1667
- "name": "mode",
1668
- "attribute": "mode",
1669
- "description": "The mode variant.",
1670
- "type": "EXPRESSIVE_MODAL_MODE",
1671
- "default": "\"\""
1621
+ "name": "linkRole",
1622
+ "description": "The a11y role for `<a>`.",
1623
+ "type": "string"
1672
1624
  },
1673
1625
  {
1674
- "name": "size",
1675
- "attribute": "expressive-size",
1676
- "description": "The size variant.",
1677
- "type": "EXPRESSIVE_MODAL_SIZE",
1678
- "default": "\"\""
1626
+ "name": "ping",
1627
+ "description": "URLs to ping.",
1628
+ "type": "string"
1679
1629
  },
1680
1630
  {
1681
- "name": "prototype",
1682
- "description": "A reference to the prototype.",
1683
- "type": "Set<any>"
1684
- }
1685
- ],
1686
- "events": [
1631
+ "name": "rel",
1632
+ "description": "The link type.",
1633
+ "type": "string"
1634
+ },
1687
1635
  {
1688
- "name": "dds-expressive-modal-beingclosed",
1689
- "description": "The custom event fired before this modal is being closed upon a user gesture.\nCancellation of this event stops the user-initiated action of closing this modal."
1636
+ "name": "size",
1637
+ "attribute": "size",
1638
+ "description": "Property that specifies the link to use size large",
1639
+ "type": "LINK_SIZE",
1640
+ "default": "\"lg\""
1690
1641
  },
1691
1642
  {
1692
- "name": "dds-expressive-modal-closed",
1693
- "description": "The custom event fired after this modal is closed upon a user gesture."
1643
+ "name": "target",
1644
+ "description": "The link target.",
1645
+ "type": "string"
1646
+ },
1647
+ {
1648
+ "name": "type",
1649
+ "description": "MIME type of the `target`.",
1650
+ "type": "string"
1694
1651
  }
1695
1652
  ],
1696
1653
  "slots": [
1697
1654
  {
1698
- "name": "header",
1699
- "description": "The header content."
1655
+ "name": "icon",
1656
+ "description": "The icon."
1700
1657
  },
1701
1658
  {
1702
- "name": "footer",
1703
- "description": "The footer content."
1659
+ "name": "icon-left",
1660
+ "description": "The CTA icon to place at the left."
1704
1661
  }
1705
1662
  ]
1706
1663
  },
1707
1664
  {
1708
- "name": "dds-lightbox-image-viewer",
1709
- "path": "./src/components/lightbox-media-viewer/lightbox-image-viewer.ts",
1710
- "description": "The image content of lightbox media viewer.",
1665
+ "name": "dds-card-heading",
1666
+ "path": "./src/components/card/card-heading.ts",
1667
+ "description": "The heading content of card.",
1711
1668
  "attributes": [
1712
1669
  {
1713
- "name": "alt",
1714
- "description": "The alternate text.",
1670
+ "name": "slot",
1671
+ "description": "The shadow slot this card heading should be in.",
1715
1672
  "type": "string",
1716
- "default": "\"\""
1717
- },
1673
+ "default": "\"heading\""
1674
+ }
1675
+ ],
1676
+ "properties": [
1718
1677
  {
1719
- "name": "default-src",
1720
- "description": "The image source.",
1678
+ "name": "slot",
1679
+ "attribute": "slot",
1680
+ "description": "The shadow slot this card heading should be in.",
1721
1681
  "type": "string",
1722
- "default": "\"\""
1682
+ "default": "\"heading\""
1683
+ }
1684
+ ]
1685
+ },
1686
+ {
1687
+ "name": "dds-card",
1688
+ "path": "./src/components/card/card.ts",
1689
+ "description": "Card.",
1690
+ "attributes": [
1691
+ {
1692
+ "name": "border",
1693
+ "description": "An optional 1px border surrounding the component.",
1694
+ "type": "boolean",
1695
+ "default": "false"
1723
1696
  },
1724
1697
  {
1725
- "name": "description",
1726
- "description": "The media description.",
1727
- "type": "string",
1698
+ "name": "color-scheme",
1699
+ "description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"light\"",
1700
+ "type": "BASIC_COLOR_SCHEME",
1728
1701
  "default": "\"\""
1729
1702
  },
1730
1703
  {
1731
- "name": "title",
1732
- "description": "The media title.",
1704
+ "name": "pictogram-placement",
1705
+ "description": "Pictogram placement",
1706
+ "type": "PICTOGRAM_PLACEMENT",
1707
+ "default": "\"top\""
1708
+ },
1709
+ {
1710
+ "name": "logo",
1711
+ "description": "Whether or not to apply the logo style.",
1712
+ "type": "boolean",
1713
+ "default": "false"
1714
+ },
1715
+ {
1716
+ "name": "href",
1717
+ "description": "Link `href`.",
1733
1718
  "type": "string",
1734
1719
  "default": "\"\""
1735
1720
  }
1736
1721
  ],
1737
1722
  "properties": [
1738
1723
  {
1739
- "name": "alt",
1740
- "attribute": "alt",
1741
- "description": "The alternate text.",
1742
- "type": "string",
1743
- "default": "\"\""
1724
+ "name": "border",
1725
+ "attribute": "border",
1726
+ "description": "An optional 1px border surrounding the component.",
1727
+ "type": "boolean",
1728
+ "default": "false"
1744
1729
  },
1745
1730
  {
1746
- "name": "defaultSrc",
1747
- "attribute": "default-src",
1748
- "description": "The image source.",
1749
- "type": "string",
1731
+ "name": "colorScheme",
1732
+ "attribute": "color-scheme",
1733
+ "description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"light\"",
1734
+ "type": "BASIC_COLOR_SCHEME",
1750
1735
  "default": "\"\""
1751
1736
  },
1752
1737
  {
1753
- "name": "description",
1754
- "attribute": "description",
1755
- "description": "The media description.",
1756
- "type": "string",
1757
- "default": "\"\""
1738
+ "name": "pictogramPlacement",
1739
+ "attribute": "pictogram-placement",
1740
+ "description": "Pictogram placement",
1741
+ "type": "PICTOGRAM_PLACEMENT",
1742
+ "default": "\"top\""
1758
1743
  },
1759
1744
  {
1760
- "name": "title",
1761
- "attribute": "title",
1762
- "description": "The media title.",
1763
- "type": "string",
1764
- "default": "\"\""
1765
- },
1766
- {
1767
- "name": "prototype",
1768
- "description": "A reference to the prototype.",
1769
- "type": "Promise<any>"
1770
- }
1771
- ],
1772
- "slots": [
1773
- {
1774
- "name": "title",
1775
- "description": "The title content."
1776
- },
1777
- {
1778
- "name": "description",
1779
- "description": "The description content."
1780
- }
1781
- ]
1782
- },
1783
- {
1784
- "name": "dds-image-with-caption",
1785
- "path": "./src/components/image-with-caption/image-with-caption.ts",
1786
- "description": "Image With Caption",
1787
- "attributes": [
1788
- {
1789
- "name": "lightbox",
1790
- "description": "The lightbox.",
1745
+ "name": "logo",
1746
+ "attribute": "logo",
1747
+ "description": "Whether or not to apply the logo style.",
1791
1748
  "type": "boolean",
1792
1749
  "default": "false"
1793
1750
  },
1794
1751
  {
1795
- "name": "default-src",
1796
- "description": "The image source.",
1797
- "type": "string",
1798
- "default": "\"\""
1752
+ "name": "disabled",
1753
+ "description": "`true` if the button should be disabled.",
1754
+ "type": "boolean"
1799
1755
  },
1800
1756
  {
1801
- "name": "alt",
1802
- "description": "The alt text.",
1803
- "type": "string",
1804
- "default": "\"\""
1757
+ "name": "download",
1758
+ "description": "The default file name.",
1759
+ "type": "string"
1805
1760
  },
1806
1761
  {
1807
- "name": "heading",
1808
- "description": "The heading.",
1762
+ "name": "href",
1763
+ "attribute": "href",
1764
+ "description": "Link `href`.",
1809
1765
  "type": "string",
1810
1766
  "default": "\"\""
1811
1767
  },
1812
1768
  {
1813
- "name": "launch-lightbox-button-assistive-text",
1814
- "type": "string",
1815
- "default": "\"launch light box media viewer\""
1816
- },
1817
- {
1818
- "name": "copy",
1819
- "description": "The description.",
1820
- "type": "string",
1821
- "default": "\"\""
1769
+ "name": "hreflang",
1770
+ "description": "The language of what `href` points to.",
1771
+ "type": "string"
1822
1772
  },
1823
1773
  {
1824
- "name": "open",
1825
- "description": "`true` if the modal should be open.",
1826
- "type": "boolean",
1827
- "default": "false"
1828
- }
1829
- ],
1830
- "properties": [
1831
- {
1832
- "name": "lightbox",
1833
- "attribute": "lightbox",
1834
- "description": "The lightbox.",
1835
- "type": "boolean",
1836
- "default": "false"
1774
+ "name": "linkRole",
1775
+ "description": "The a11y role for `<a>`.",
1776
+ "type": "string"
1837
1777
  },
1838
1778
  {
1839
- "name": "defaultSrc",
1840
- "attribute": "default-src",
1841
- "description": "The image source.",
1842
- "type": "string",
1843
- "default": "\"\""
1779
+ "name": "ping",
1780
+ "description": "URLs to ping.",
1781
+ "type": "string"
1844
1782
  },
1845
1783
  {
1846
- "name": "alt",
1847
- "attribute": "alt",
1848
- "description": "The alt text.",
1849
- "type": "string",
1850
- "default": "\"\""
1784
+ "name": "rel",
1785
+ "description": "The link type.",
1786
+ "type": "string"
1851
1787
  },
1852
1788
  {
1853
- "name": "heading",
1854
- "attribute": "heading",
1855
- "description": "The heading.",
1856
- "type": "string",
1857
- "default": "\"\""
1789
+ "name": "size",
1790
+ "description": "Link size.",
1791
+ "type": "LINK_SIZE"
1858
1792
  },
1859
1793
  {
1860
- "name": "launchLightboxButtonAssistiveText",
1861
- "attribute": "launch-lightbox-button-assistive-text",
1862
- "type": "string",
1863
- "default": "\"launch light box media viewer\""
1794
+ "name": "target",
1795
+ "description": "The link target.",
1796
+ "type": "string"
1864
1797
  },
1865
1798
  {
1866
- "name": "copy",
1867
- "attribute": "copy",
1868
- "description": "The description.",
1869
- "type": "string",
1870
- "default": "\"\""
1871
- },
1799
+ "name": "type",
1800
+ "description": "MIME type of the `target`.",
1801
+ "type": "string"
1802
+ }
1803
+ ],
1804
+ "slots": [
1872
1805
  {
1873
- "name": "open",
1874
- "attribute": "open",
1875
- "description": "`true` if the modal should be open.",
1876
- "type": "boolean",
1877
- "default": "false"
1806
+ "name": "eyebrow",
1807
+ "description": "The eyebrow content."
1878
1808
  },
1879
1809
  {
1880
- "name": "modalRenderRoot",
1881
- "description": "The render target of the modal.",
1882
- "type": "void | Element | null"
1810
+ "name": "heading",
1811
+ "description": "The heading content."
1883
1812
  },
1884
1813
  {
1885
- "name": "container",
1886
- "description": "The DOM element to put the modal into."
1814
+ "name": "image",
1815
+ "description": "The image content."
1887
1816
  },
1888
1817
  {
1889
- "name": "prototype",
1890
- "description": "A reference to the prototype.",
1891
- "type": "Promise<any>"
1818
+ "name": "footer",
1819
+ "description": "The footer content."
1892
1820
  }
1893
1821
  ]
1894
1822
  },
1895
1823
  {
1896
- "name": "dds-callout-with-media-image",
1897
- "path": "./src/components/callout-with-media/callout-with-media-image.ts",
1898
- "description": "Callout with media image.",
1824
+ "name": "dds-image-logo",
1825
+ "path": "./src/components/card/image-logo.ts",
1826
+ "description": "Image logo.",
1899
1827
  "attributes": [
1900
- {
1901
- "name": "slot",
1902
- "description": "The shadow slot this video container should be in.",
1903
- "type": "string",
1904
- "default": "\"media\""
1905
- },
1906
- {
1907
- "name": "lightbox",
1908
- "description": "The lightbox.",
1909
- "type": "boolean",
1910
- "default": "false"
1911
- },
1912
- {
1913
- "name": "default-src",
1914
- "description": "The image source.",
1915
- "type": "string",
1916
- "default": "\"\""
1917
- },
1918
1828
  {
1919
1829
  "name": "alt",
1920
- "description": "The alt text.",
1921
- "type": "string",
1922
- "default": "\"\""
1923
- },
1924
- {
1925
- "name": "heading",
1926
- "description": "The heading.",
1830
+ "description": "The alternate text.",
1927
1831
  "type": "string",
1928
1832
  "default": "\"\""
1929
1833
  },
1930
1834
  {
1931
- "name": "launch-lightbox-button-assistive-text",
1932
- "type": "string",
1933
- "default": "\"launch light box media viewer\""
1934
- },
1935
- {
1936
- "name": "copy",
1937
- "description": "The description.",
1835
+ "name": "default-src",
1836
+ "description": "The image source.",
1938
1837
  "type": "string",
1939
1838
  "default": "\"\""
1940
1839
  },
1941
1840
  {
1942
- "name": "open",
1943
- "description": "`true` if the modal should be open.",
1841
+ "name": "border",
1842
+ "description": "Whether or not to apply a border around the image.",
1944
1843
  "type": "boolean",
1945
1844
  "default": "false"
1946
1845
  }
1947
1846
  ],
1948
1847
  "properties": [
1949
- {
1950
- "name": "slot",
1951
- "attribute": "slot",
1952
- "description": "The shadow slot this video container should be in.",
1953
- "type": "string",
1954
- "default": "\"media\""
1955
- },
1956
- {
1957
- "name": "lightbox",
1958
- "attribute": "lightbox",
1959
- "description": "The lightbox.",
1960
- "type": "boolean",
1961
- "default": "false"
1962
- },
1963
- {
1964
- "name": "defaultSrc",
1965
- "attribute": "default-src",
1966
- "description": "The image source.",
1967
- "type": "string",
1968
- "default": "\"\""
1969
- },
1970
1848
  {
1971
1849
  "name": "alt",
1972
1850
  "attribute": "alt",
1973
- "description": "The alt text.",
1974
- "type": "string",
1975
- "default": "\"\""
1976
- },
1977
- {
1978
- "name": "heading",
1979
- "attribute": "heading",
1980
- "description": "The heading.",
1851
+ "description": "The alternate text.",
1981
1852
  "type": "string",
1982
1853
  "default": "\"\""
1983
1854
  },
1984
1855
  {
1985
- "name": "launchLightboxButtonAssistiveText",
1986
- "attribute": "launch-lightbox-button-assistive-text",
1987
- "type": "string",
1988
- "default": "\"launch light box media viewer\""
1989
- },
1990
- {
1991
- "name": "copy",
1992
- "attribute": "copy",
1993
- "description": "The description.",
1856
+ "name": "defaultSrc",
1857
+ "attribute": "default-src",
1858
+ "description": "The image source.",
1994
1859
  "type": "string",
1995
1860
  "default": "\"\""
1996
1861
  },
1997
1862
  {
1998
- "name": "open",
1999
- "attribute": "open",
2000
- "description": "`true` if the modal should be open.",
1863
+ "name": "border",
1864
+ "attribute": "border",
1865
+ "description": "Whether or not to apply a border around the image.",
2001
1866
  "type": "boolean",
2002
1867
  "default": "false"
2003
- },
2004
- {
2005
- "name": "modalRenderRoot",
2006
- "description": "The render target of the modal.",
2007
- "type": "void | Element | null"
2008
- },
1868
+ }
1869
+ ],
1870
+ "slots": [
2009
1871
  {
2010
- "name": "container",
2011
- "description": "The DOM element to put the modal into."
1872
+ "name": "long-description",
1873
+ "description": "The long description content."
2012
1874
  },
2013
1875
  {
2014
- "name": "prototype",
2015
- "description": "A reference to the prototype.",
2016
- "type": "Promise<any>"
1876
+ "name": "icon",
1877
+ "description": "The icon content."
2017
1878
  }
2018
1879
  ]
2019
1880
  },
2020
1881
  {
2021
- "name": "dds-callout-with-media-video",
2022
- "path": "./src/components/callout-with-media/callout-with-media-video.ts",
2023
- "description": "Callout with media video.",
2024
- "attributes": [
2025
- {
2026
- "name": "slot",
2027
- "description": "The shadow slot this video container should be in.",
2028
- "type": "string",
2029
- "default": "\"media\""
2030
- }
2031
- ],
2032
- "properties": [
2033
- {
2034
- "name": "slot",
2035
- "attribute": "slot",
2036
- "description": "The shadow slot this video container should be in.",
2037
- "type": "string",
2038
- "default": "\"media\""
2039
- }
2040
- ]
1882
+ "name": "dds-tag-group",
1883
+ "path": "./src/components/tag-group/tag-group.ts",
1884
+ "description": "Tag Group"
2041
1885
  },
2042
1886
  {
2043
- "name": "dds-callout-data",
2044
- "path": "./src/components/callout-with-media/callout-with-media.ts",
2045
- "description": "Callout Data.",
1887
+ "name": "dds-tag-link",
1888
+ "path": "./src/components/tag-link/tag-link.ts",
1889
+ "description": "Tag Link.",
2046
1890
  "attributes": [
2047
1891
  {
2048
- "name": "complementary-style-scheme",
2049
- "description": "The style scheme for the complementary content.",
2050
- "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
2051
- "default": "\"regular\""
1892
+ "name": "href",
1893
+ "description": "Link `href`.",
1894
+ "type": "string"
1895
+ },
1896
+ {
1897
+ "name": "hreflang",
1898
+ "description": "The language of what `href` points to.",
1899
+ "type": "string"
1900
+ },
1901
+ {
1902
+ "name": "link-role",
1903
+ "description": "The a11y role for `<a>`.",
1904
+ "type": "string"
1905
+ },
1906
+ {
1907
+ "name": "ping",
1908
+ "description": "URLs to ping.",
1909
+ "type": "string"
1910
+ },
1911
+ {
1912
+ "name": "rel",
1913
+ "description": "The link type.",
1914
+ "type": "string"
1915
+ },
1916
+ {
1917
+ "name": "target",
1918
+ "description": "The link target.",
1919
+ "type": "string"
2052
1920
  }
2053
1921
  ],
2054
1922
  "properties": [
2055
1923
  {
2056
- "name": "complementaryStyleScheme",
2057
- "attribute": "complementary-style-scheme",
2058
- "description": "The style scheme for the complementary content.",
2059
- "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
2060
- "default": "\"regular\""
2061
- }
2062
- ],
2063
- "slots": [
1924
+ "name": "href",
1925
+ "attribute": "href",
1926
+ "description": "Link `href`.",
1927
+ "type": "string"
1928
+ },
2064
1929
  {
2065
- "name": "heading",
2066
- "description": "The heading content."
1930
+ "name": "hreflang",
1931
+ "attribute": "hreflang",
1932
+ "description": "The language of what `href` points to.",
1933
+ "type": "string"
2067
1934
  },
2068
1935
  {
2069
- "name": "copy",
2070
- "description": "The copy content."
1936
+ "name": "linkRole",
1937
+ "attribute": "link-role",
1938
+ "description": "The a11y role for `<a>`.",
1939
+ "type": "string"
2071
1940
  },
2072
1941
  {
2073
- "name": "media",
2074
- "description": "The media content."
1942
+ "name": "ping",
1943
+ "attribute": "ping",
1944
+ "description": "URLs to ping.",
1945
+ "type": "string"
2075
1946
  },
2076
1947
  {
2077
- "name": "footer",
2078
- "description": "The footer (CTA) content."
1948
+ "name": "rel",
1949
+ "attribute": "rel",
1950
+ "description": "The link type.",
1951
+ "type": "string"
2079
1952
  },
2080
1953
  {
2081
- "name": "complementary",
2082
- "description": "The complementary (aside) content."
1954
+ "name": "target",
1955
+ "attribute": "target",
1956
+ "description": "The link target.",
1957
+ "type": "string"
2083
1958
  }
2084
1959
  ]
2085
1960
  },
2086
1961
  {
2087
- "name": "dds-content-block-heading",
2088
- "path": "./src/components/content-block/content-block-heading.ts",
2089
- "description": "The heading content in content block.",
1962
+ "name": "dds-markdown",
1963
+ "path": "./src/components/markdown/markdown.ts",
1964
+ "description": "Markdown content.",
1965
+ "properties": [
1966
+ {
1967
+ "name": "content",
1968
+ "description": "The markdown content.",
1969
+ "type": "string | undefined"
1970
+ }
1971
+ ]
1972
+ },
1973
+ {
1974
+ "name": "dds-content-block-paragraph",
1975
+ "path": "./src/components/content-block/content-block-paragraph.ts",
1976
+ "description": "The paragraph content in content block."
1977
+ },
1978
+ {
1979
+ "name": "dds-content-block-copy",
1980
+ "path": "./src/components/content-block/content-block-copy.ts",
1981
+ "description": "The copy content of content block.",
2090
1982
  "attributes": [
1983
+ {
1984
+ "name": "size",
1985
+ "description": "The default slot for all content-block-copy use cases.\nThe content size.",
1986
+ "type": "CONTENT_BLOCK_COPY_SIZE",
1987
+ "default": "\"md\""
1988
+ },
2091
1989
  {
2092
1990
  "name": "slot",
2093
- "description": "The shadow slot this logo UI should be in.",
1991
+ "description": "The shadow slot this copy content should be in.",
2094
1992
  "type": "string",
2095
- "default": "\"heading\""
1993
+ "default": "\"copy\""
2096
1994
  }
2097
1995
  ],
2098
1996
  "properties": [
1997
+ {
1998
+ "name": "size",
1999
+ "attribute": "size",
2000
+ "description": "The default slot for all content-block-copy use cases.\nThe content size.",
2001
+ "type": "CONTENT_BLOCK_COPY_SIZE",
2002
+ "default": "\"md\""
2003
+ },
2099
2004
  {
2100
2005
  "name": "slot",
2101
2006
  "attribute": "slot",
2102
- "description": "The shadow slot this logo UI should be in.",
2007
+ "description": "The shadow slot this copy content should be in.",
2103
2008
  "type": "string",
2104
- "default": "\"heading\""
2009
+ "default": "\"copy\""
2105
2010
  },
2106
2011
  {
2107
2012
  "name": "content",
2108
- "type": "string",
2109
- "default": "\"\""
2013
+ "description": "The markdown content.",
2014
+ "type": "string | undefined"
2110
2015
  }
2111
2016
  ]
2112
2017
  },
2113
2018
  {
2114
- "name": "dds-card-eyebrow",
2115
- "path": "./src/components/card/card-eyebrow.ts",
2116
- "description": "The eyebrow content of card.",
2019
+ "name": "dds-callout-with-media-copy",
2020
+ "path": "./src/components/callout-with-media/callout-with-media-copy.ts",
2021
+ "description": "The copy content of callout with media.",
2117
2022
  "attributes": [
2023
+ {
2024
+ "name": "size",
2025
+ "description": "The default slot for all content-block-copy use cases.\nThe content size.",
2026
+ "type": "CONTENT_BLOCK_COPY_SIZE",
2027
+ "default": "\"md\""
2028
+ },
2118
2029
  {
2119
2030
  "name": "slot",
2120
- "description": "The shadow slot this card eyebrow should be in.",
2031
+ "description": "The shadow slot this copy content should be in.",
2121
2032
  "type": "string",
2122
- "default": "\"eyebrow\""
2033
+ "default": "\"copy\""
2123
2034
  }
2124
2035
  ],
2125
2036
  "properties": [
2037
+ {
2038
+ "name": "size",
2039
+ "attribute": "size",
2040
+ "description": "The default slot for all content-block-copy use cases.\nThe content size.",
2041
+ "type": "CONTENT_BLOCK_COPY_SIZE",
2042
+ "default": "\"md\""
2043
+ },
2126
2044
  {
2127
2045
  "name": "slot",
2128
2046
  "attribute": "slot",
2129
- "description": "The shadow slot this card eyebrow should be in.",
2047
+ "description": "The shadow slot this copy content should be in.",
2130
2048
  "type": "string",
2131
- "default": "\"eyebrow\""
2049
+ "default": "\"copy\""
2050
+ },
2051
+ {
2052
+ "name": "content",
2053
+ "description": "The markdown content.",
2054
+ "type": "string | undefined"
2132
2055
  }
2133
2056
  ]
2134
2057
  },
2135
2058
  {
2136
- "name": "dds-card-footer",
2137
- "path": "./src/components/card/card-footer.ts",
2138
- "description": "Card footer.",
2059
+ "name": "dds-expressive-modal-close-button",
2060
+ "path": "./src/components/expressive-modal/expressive-modal-close-button.ts",
2061
+ "description": "Expressive modal close button.",
2139
2062
  "attributes": [
2140
2063
  {
2141
- "name": "altAriaLabel",
2142
- "description": "Alternative aria label if no text in footer.",
2143
- "type": "string | null | undefined"
2144
- },
2064
+ "name": "size",
2065
+ "description": "The size variant.",
2066
+ "type": "EXPRESSIVE_MODAL_SIZE",
2067
+ "default": "\"\""
2068
+ }
2069
+ ],
2070
+ "properties": [
2145
2071
  {
2146
- "name": "color-scheme",
2147
- "description": "The color scheme.",
2148
- "type": "BASIC_COLOR_SCHEME",
2072
+ "name": "size",
2073
+ "attribute": "size",
2074
+ "description": "The size variant.",
2075
+ "type": "EXPRESSIVE_MODAL_SIZE",
2149
2076
  "default": "\"\""
2150
2077
  },
2151
2078
  {
2152
- "name": "parent-href",
2153
- "description": "The `href` in parent `<dds-card>`.\n`<dds-card>` sets this automatically.",
2154
- "type": "string | undefined"
2155
- },
2079
+ "name": "assistiveText",
2080
+ "description": "The assistive text for the button.",
2081
+ "type": "string"
2082
+ }
2083
+ ],
2084
+ "cssParts": [
2156
2085
  {
2157
- "name": "slot",
2158
- "description": "The slot in parent `<dds-card>`.",
2086
+ "name": "close",
2087
+ "description": "icon The close icon."
2088
+ }
2089
+ ]
2090
+ },
2091
+ {
2092
+ "name": "dds-expressive-modal",
2093
+ "path": "./src/components/expressive-modal/expressive-modal.ts",
2094
+ "description": "Expressive modal.",
2095
+ "attributes": [
2096
+ {
2097
+ "name": "container-class",
2098
+ "description": "The additional CSS class names for the container <div> of the element.",
2159
2099
  "type": "string",
2160
- "default": "\"footer\""
2100
+ "default": "\"\""
2161
2101
  },
2162
2102
  {
2163
- "name": "icon-placement",
2164
- "description": "Icon placement(right (default) | left)",
2165
- "type": "ICON_PLACEMENT",
2166
- "default": "\"right\""
2103
+ "name": "open",
2104
+ "description": "`true` if the modal should be open.",
2105
+ "type": "boolean",
2106
+ "default": "false"
2167
2107
  },
2168
2108
  {
2169
- "name": "iconInline",
2170
- "description": "Positions the icon inline with text when `true`",
2171
- "type": "boolean",
2172
- "default": "true"
2109
+ "name": "mode",
2110
+ "description": "The mode variant.",
2111
+ "type": "EXPRESSIVE_MODAL_MODE",
2112
+ "default": "\"\""
2173
2113
  },
2174
2114
  {
2175
- "name": "size",
2176
- "description": "Property that specifies the link to use size large",
2177
- "type": "LINK_SIZE",
2178
- "default": "\"lg\""
2179
- }
2180
- ],
2115
+ "name": "expressive-size",
2116
+ "description": "The size variant.",
2117
+ "type": "EXPRESSIVE_MODAL_SIZE",
2118
+ "default": "\"\""
2119
+ }
2120
+ ],
2181
2121
  "properties": [
2182
2122
  {
2183
- "name": "altAriaLabel",
2184
- "attribute": "altAriaLabel",
2185
- "description": "Alternative aria label if no text in footer.",
2186
- "type": "string | null | undefined"
2187
- },
2188
- {
2189
- "name": "colorScheme",
2190
- "attribute": "color-scheme",
2191
- "description": "The color scheme.",
2192
- "type": "BASIC_COLOR_SCHEME",
2123
+ "name": "containerClass",
2124
+ "attribute": "container-class",
2125
+ "description": "The additional CSS class names for the container <div> of the element.",
2126
+ "type": "string",
2193
2127
  "default": "\"\""
2194
2128
  },
2195
2129
  {
2196
- "name": "parentHref",
2197
- "attribute": "parent-href",
2198
- "description": "The `href` in parent `<dds-card>`.\n`<dds-card>` sets this automatically.",
2199
- "type": "string | undefined"
2130
+ "name": "open",
2131
+ "attribute": "open",
2132
+ "description": "`true` if the modal should be open.",
2133
+ "type": "boolean",
2134
+ "default": "false"
2200
2135
  },
2201
2136
  {
2202
- "name": "slot",
2203
- "attribute": "slot",
2204
- "description": "The slot in parent `<dds-card>`.",
2205
- "type": "string",
2206
- "default": "\"footer\""
2137
+ "name": "mode",
2138
+ "attribute": "mode",
2139
+ "description": "The mode variant.",
2140
+ "type": "EXPRESSIVE_MODAL_MODE",
2141
+ "default": "\"\""
2207
2142
  },
2208
2143
  {
2209
- "name": "iconPlacement",
2210
- "attribute": "icon-placement",
2211
- "description": "Icon placement(right (default) | left)",
2212
- "type": "ICON_PLACEMENT",
2213
- "default": "\"right\""
2144
+ "name": "size",
2145
+ "attribute": "expressive-size",
2146
+ "description": "The size variant.",
2147
+ "type": "EXPRESSIVE_MODAL_SIZE",
2148
+ "default": "\"\""
2214
2149
  },
2215
2150
  {
2216
- "name": "iconInline",
2217
- "attribute": "iconInline",
2218
- "description": "Positions the icon inline with text when `true`",
2219
- "type": "boolean",
2220
- "default": "true"
2221
- },
2151
+ "name": "prototype",
2152
+ "description": "A reference to the prototype.",
2153
+ "type": "Set<any>"
2154
+ }
2155
+ ],
2156
+ "events": [
2222
2157
  {
2223
- "name": "disabled",
2224
- "description": "`true` if the button should be disabled.",
2225
- "type": "boolean"
2158
+ "name": "dds-expressive-modal-beingclosed",
2159
+ "description": "The custom event fired before this modal is being closed upon a user gesture.\nCancellation of this event stops the user-initiated action of closing this modal."
2226
2160
  },
2227
2161
  {
2228
- "name": "download",
2229
- "description": "The default file name.",
2230
- "type": "string"
2162
+ "name": "dds-expressive-modal-closed",
2163
+ "description": "The custom event fired after this modal is closed upon a user gesture."
2164
+ }
2165
+ ],
2166
+ "slots": [
2167
+ {
2168
+ "name": "header",
2169
+ "description": "The header content."
2231
2170
  },
2232
2171
  {
2233
- "name": "href",
2234
- "description": "Link `href`.",
2235
- "type": "string"
2172
+ "name": "footer",
2173
+ "description": "The footer content."
2174
+ }
2175
+ ]
2176
+ },
2177
+ {
2178
+ "name": "dds-lightbox-image-viewer",
2179
+ "path": "./src/components/lightbox-media-viewer/lightbox-image-viewer.ts",
2180
+ "description": "The image content of lightbox media viewer.",
2181
+ "attributes": [
2182
+ {
2183
+ "name": "alt",
2184
+ "description": "The alternate text.",
2185
+ "type": "string",
2186
+ "default": "\"\""
2236
2187
  },
2237
2188
  {
2238
- "name": "hreflang",
2239
- "description": "The language of what `href` points to.",
2240
- "type": "string"
2189
+ "name": "default-src",
2190
+ "description": "The image source.",
2191
+ "type": "string",
2192
+ "default": "\"\""
2241
2193
  },
2242
2194
  {
2243
- "name": "linkRole",
2244
- "description": "The a11y role for `<a>`.",
2245
- "type": "string"
2195
+ "name": "description",
2196
+ "description": "The media description.",
2197
+ "type": "string",
2198
+ "default": "\"\""
2246
2199
  },
2247
2200
  {
2248
- "name": "ping",
2249
- "description": "URLs to ping.",
2250
- "type": "string"
2201
+ "name": "title",
2202
+ "description": "The media title.",
2203
+ "type": "string",
2204
+ "default": "\"\""
2205
+ }
2206
+ ],
2207
+ "properties": [
2208
+ {
2209
+ "name": "alt",
2210
+ "attribute": "alt",
2211
+ "description": "The alternate text.",
2212
+ "type": "string",
2213
+ "default": "\"\""
2251
2214
  },
2252
2215
  {
2253
- "name": "rel",
2254
- "description": "The link type.",
2255
- "type": "string"
2216
+ "name": "defaultSrc",
2217
+ "attribute": "default-src",
2218
+ "description": "The image source.",
2219
+ "type": "string",
2220
+ "default": "\"\""
2256
2221
  },
2257
2222
  {
2258
- "name": "size",
2259
- "attribute": "size",
2260
- "description": "Property that specifies the link to use size large",
2261
- "type": "LINK_SIZE",
2262
- "default": "\"lg\""
2223
+ "name": "description",
2224
+ "attribute": "description",
2225
+ "description": "The media description.",
2226
+ "type": "string",
2227
+ "default": "\"\""
2263
2228
  },
2264
2229
  {
2265
- "name": "target",
2266
- "description": "The link target.",
2267
- "type": "string"
2230
+ "name": "title",
2231
+ "attribute": "title",
2232
+ "description": "The media title.",
2233
+ "type": "string",
2234
+ "default": "\"\""
2268
2235
  },
2269
2236
  {
2270
- "name": "type",
2271
- "description": "MIME type of the `target`.",
2272
- "type": "string"
2237
+ "name": "prototype",
2238
+ "description": "A reference to the prototype.",
2239
+ "type": "Promise<any>"
2273
2240
  }
2274
2241
  ],
2275
2242
  "slots": [
2276
2243
  {
2277
- "name": "icon",
2278
- "description": "The icon."
2244
+ "name": "title",
2245
+ "description": "The title content."
2279
2246
  },
2280
2247
  {
2281
- "name": "icon-left",
2282
- "description": "The CTA icon to place at the left."
2283
- }
2284
- ]
2285
- },
2286
- {
2287
- "name": "dds-card-heading",
2288
- "path": "./src/components/card/card-heading.ts",
2289
- "description": "The heading content of card.",
2290
- "attributes": [
2291
- {
2292
- "name": "slot",
2293
- "description": "The shadow slot this card heading should be in.",
2294
- "type": "string",
2295
- "default": "\"heading\""
2296
- }
2297
- ],
2298
- "properties": [
2299
- {
2300
- "name": "slot",
2301
- "attribute": "slot",
2302
- "description": "The shadow slot this card heading should be in.",
2303
- "type": "string",
2304
- "default": "\"heading\""
2248
+ "name": "description",
2249
+ "description": "The description content."
2305
2250
  }
2306
2251
  ]
2307
2252
  },
2308
2253
  {
2309
- "name": "dds-card",
2310
- "path": "./src/components/card/card.ts",
2311
- "description": "Card.",
2254
+ "name": "dds-image-with-caption",
2255
+ "path": "./src/components/image-with-caption/image-with-caption.ts",
2256
+ "description": "Image With Caption",
2312
2257
  "attributes": [
2313
2258
  {
2314
- "name": "border",
2315
- "description": "An optional 1px border surrounding the component.",
2259
+ "name": "lightbox",
2260
+ "description": "The lightbox.",
2316
2261
  "type": "boolean",
2317
2262
  "default": "false"
2318
2263
  },
2319
2264
  {
2320
- "name": "color-scheme",
2321
- "description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"light\"",
2322
- "type": "BASIC_COLOR_SCHEME",
2265
+ "name": "default-src",
2266
+ "description": "The image source.",
2267
+ "type": "string",
2323
2268
  "default": "\"\""
2324
2269
  },
2325
2270
  {
2326
- "name": "pictogram-placement",
2327
- "description": "Pictogram placement",
2328
- "type": "PICTOGRAM_PLACEMENT",
2329
- "default": "\"top\""
2271
+ "name": "alt",
2272
+ "description": "The alt text.",
2273
+ "type": "string",
2274
+ "default": "\"\""
2330
2275
  },
2331
2276
  {
2332
- "name": "logo",
2333
- "description": "Whether or not to apply the logo style.",
2334
- "type": "boolean",
2335
- "default": "false"
2277
+ "name": "heading",
2278
+ "description": "The heading.",
2279
+ "type": "string",
2280
+ "default": "\"\""
2336
2281
  },
2337
2282
  {
2338
- "name": "href",
2339
- "description": "Link `href`.",
2283
+ "name": "launch-lightbox-button-assistive-text",
2284
+ "type": "string",
2285
+ "default": "\"launch light box media viewer\""
2286
+ },
2287
+ {
2288
+ "name": "copy",
2289
+ "description": "The description.",
2340
2290
  "type": "string",
2341
2291
  "default": "\"\""
2292
+ },
2293
+ {
2294
+ "name": "open",
2295
+ "description": "`true` if the modal should be open.",
2296
+ "type": "boolean",
2297
+ "default": "false"
2342
2298
  }
2343
2299
  ],
2344
2300
  "properties": [
2345
2301
  {
2346
- "name": "border",
2347
- "attribute": "border",
2348
- "description": "An optional 1px border surrounding the component.",
2302
+ "name": "lightbox",
2303
+ "attribute": "lightbox",
2304
+ "description": "The lightbox.",
2349
2305
  "type": "boolean",
2350
2306
  "default": "false"
2351
2307
  },
2352
2308
  {
2353
- "name": "colorScheme",
2354
- "attribute": "color-scheme",
2355
- "description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"light\"",
2356
- "type": "BASIC_COLOR_SCHEME",
2309
+ "name": "defaultSrc",
2310
+ "attribute": "default-src",
2311
+ "description": "The image source.",
2312
+ "type": "string",
2357
2313
  "default": "\"\""
2358
2314
  },
2359
2315
  {
2360
- "name": "pictogramPlacement",
2361
- "attribute": "pictogram-placement",
2362
- "description": "Pictogram placement",
2363
- "type": "PICTOGRAM_PLACEMENT",
2364
- "default": "\"top\""
2365
- },
2366
- {
2367
- "name": "logo",
2368
- "attribute": "logo",
2369
- "description": "Whether or not to apply the logo style.",
2370
- "type": "boolean",
2371
- "default": "false"
2372
- },
2373
- {
2374
- "name": "disabled",
2375
- "description": "`true` if the button should be disabled.",
2376
- "type": "boolean"
2377
- },
2378
- {
2379
- "name": "download",
2380
- "description": "The default file name.",
2381
- "type": "string"
2382
- },
2383
- {
2384
- "name": "href",
2385
- "attribute": "href",
2386
- "description": "Link `href`.",
2316
+ "name": "alt",
2317
+ "attribute": "alt",
2318
+ "description": "The alt text.",
2387
2319
  "type": "string",
2388
2320
  "default": "\"\""
2389
2321
  },
2390
2322
  {
2391
- "name": "hreflang",
2392
- "description": "The language of what `href` points to.",
2393
- "type": "string"
2394
- },
2395
- {
2396
- "name": "linkRole",
2397
- "description": "The a11y role for `<a>`.",
2398
- "type": "string"
2399
- },
2400
- {
2401
- "name": "ping",
2402
- "description": "URLs to ping.",
2403
- "type": "string"
2404
- },
2405
- {
2406
- "name": "rel",
2407
- "description": "The link type.",
2408
- "type": "string"
2323
+ "name": "heading",
2324
+ "attribute": "heading",
2325
+ "description": "The heading.",
2326
+ "type": "string",
2327
+ "default": "\"\""
2409
2328
  },
2410
2329
  {
2411
- "name": "size",
2412
- "description": "Link size.",
2413
- "type": "LINK_SIZE"
2330
+ "name": "launchLightboxButtonAssistiveText",
2331
+ "attribute": "launch-lightbox-button-assistive-text",
2332
+ "type": "string",
2333
+ "default": "\"launch light box media viewer\""
2414
2334
  },
2415
2335
  {
2416
- "name": "target",
2417
- "description": "The link target.",
2418
- "type": "string"
2336
+ "name": "copy",
2337
+ "attribute": "copy",
2338
+ "description": "The description.",
2339
+ "type": "string",
2340
+ "default": "\"\""
2419
2341
  },
2420
2342
  {
2421
- "name": "type",
2422
- "description": "MIME type of the `target`.",
2423
- "type": "string"
2424
- }
2425
- ],
2426
- "slots": [
2427
- {
2428
- "name": "eyebrow",
2429
- "description": "The eyebrow content."
2343
+ "name": "open",
2344
+ "attribute": "open",
2345
+ "description": "`true` if the modal should be open.",
2346
+ "type": "boolean",
2347
+ "default": "false"
2430
2348
  },
2431
2349
  {
2432
- "name": "heading",
2433
- "description": "The heading content."
2350
+ "name": "modalRenderRoot",
2351
+ "description": "The render target of the modal.",
2352
+ "type": "void | Element | null"
2434
2353
  },
2435
2354
  {
2436
- "name": "image",
2437
- "description": "The image content."
2355
+ "name": "container",
2356
+ "description": "The DOM element to put the modal into."
2438
2357
  },
2439
2358
  {
2440
- "name": "footer",
2441
- "description": "The footer content."
2359
+ "name": "prototype",
2360
+ "description": "A reference to the prototype.",
2361
+ "type": "Promise<any>"
2442
2362
  }
2443
2363
  ]
2444
2364
  },
2445
2365
  {
2446
- "name": "dds-image-logo",
2447
- "path": "./src/components/card/image-logo.ts",
2448
- "description": "Image logo.",
2366
+ "name": "dds-callout-with-media-image",
2367
+ "path": "./src/components/callout-with-media/callout-with-media-image.ts",
2368
+ "description": "Callout with media image.",
2449
2369
  "attributes": [
2450
2370
  {
2451
- "name": "alt",
2452
- "description": "The alternate text.",
2371
+ "name": "slot",
2372
+ "description": "The shadow slot this video container should be in.",
2453
2373
  "type": "string",
2454
- "default": "\"\""
2374
+ "default": "\"media\""
2375
+ },
2376
+ {
2377
+ "name": "lightbox",
2378
+ "description": "The lightbox.",
2379
+ "type": "boolean",
2380
+ "default": "false"
2455
2381
  },
2456
2382
  {
2457
2383
  "name": "default-src",
@@ -2459,131 +2385,227 @@
2459
2385
  "type": "string",
2460
2386
  "default": "\"\""
2461
2387
  },
2462
- {
2463
- "name": "border",
2464
- "description": "Whether or not to apply a border around the image.",
2465
- "type": "boolean",
2466
- "default": "false"
2467
- }
2468
- ],
2469
- "properties": [
2470
2388
  {
2471
2389
  "name": "alt",
2472
- "attribute": "alt",
2473
- "description": "The alternate text.",
2390
+ "description": "The alt text.",
2474
2391
  "type": "string",
2475
2392
  "default": "\"\""
2476
2393
  },
2477
2394
  {
2478
- "name": "defaultSrc",
2479
- "attribute": "default-src",
2480
- "description": "The image source.",
2395
+ "name": "heading",
2396
+ "description": "The heading.",
2481
2397
  "type": "string",
2482
2398
  "default": "\"\""
2483
2399
  },
2484
2400
  {
2485
- "name": "border",
2486
- "attribute": "border",
2487
- "description": "Whether or not to apply a border around the image.",
2488
- "type": "boolean",
2489
- "default": "false"
2490
- }
2491
- ],
2492
- "slots": [
2401
+ "name": "launch-lightbox-button-assistive-text",
2402
+ "type": "string",
2403
+ "default": "\"launch light box media viewer\""
2404
+ },
2493
2405
  {
2494
- "name": "long-description",
2495
- "description": "The long description content."
2406
+ "name": "copy",
2407
+ "description": "The description.",
2408
+ "type": "string",
2409
+ "default": "\"\""
2496
2410
  },
2497
2411
  {
2498
- "name": "icon",
2499
- "description": "The icon content."
2412
+ "name": "open",
2413
+ "description": "`true` if the modal should be open.",
2414
+ "type": "boolean",
2415
+ "default": "false"
2500
2416
  }
2501
- ]
2502
- },
2503
- {
2504
- "name": "dds-tag-group",
2505
- "path": "./src/components/tag-group/tag-group.ts",
2506
- "description": "Tag Group"
2507
- },
2508
- {
2509
- "name": "dds-tag-link",
2510
- "path": "./src/components/tag-link/tag-link.ts",
2511
- "description": "Tag Link.",
2512
- "attributes": [
2417
+ ],
2418
+ "properties": [
2513
2419
  {
2514
- "name": "href",
2515
- "description": "Link `href`.",
2516
- "type": "string"
2420
+ "name": "slot",
2421
+ "attribute": "slot",
2422
+ "description": "The shadow slot this video container should be in.",
2423
+ "type": "string",
2424
+ "default": "\"media\""
2517
2425
  },
2518
2426
  {
2519
- "name": "hreflang",
2520
- "description": "The language of what `href` points to.",
2521
- "type": "string"
2427
+ "name": "lightbox",
2428
+ "attribute": "lightbox",
2429
+ "description": "The lightbox.",
2430
+ "type": "boolean",
2431
+ "default": "false"
2522
2432
  },
2523
2433
  {
2524
- "name": "link-role",
2525
- "description": "The a11y role for `<a>`.",
2526
- "type": "string"
2434
+ "name": "defaultSrc",
2435
+ "attribute": "default-src",
2436
+ "description": "The image source.",
2437
+ "type": "string",
2438
+ "default": "\"\""
2527
2439
  },
2528
2440
  {
2529
- "name": "ping",
2530
- "description": "URLs to ping.",
2531
- "type": "string"
2441
+ "name": "alt",
2442
+ "attribute": "alt",
2443
+ "description": "The alt text.",
2444
+ "type": "string",
2445
+ "default": "\"\""
2532
2446
  },
2533
2447
  {
2534
- "name": "rel",
2535
- "description": "The link type.",
2536
- "type": "string"
2448
+ "name": "heading",
2449
+ "attribute": "heading",
2450
+ "description": "The heading.",
2451
+ "type": "string",
2452
+ "default": "\"\""
2537
2453
  },
2538
2454
  {
2539
- "name": "target",
2540
- "description": "The link target.",
2541
- "type": "string"
2542
- }
2543
- ],
2544
- "properties": [
2545
- {
2546
- "name": "href",
2547
- "attribute": "href",
2548
- "description": "Link `href`.",
2549
- "type": "string"
2455
+ "name": "launchLightboxButtonAssistiveText",
2456
+ "attribute": "launch-lightbox-button-assistive-text",
2457
+ "type": "string",
2458
+ "default": "\"launch light box media viewer\""
2550
2459
  },
2551
2460
  {
2552
- "name": "hreflang",
2553
- "attribute": "hreflang",
2554
- "description": "The language of what `href` points to.",
2555
- "type": "string"
2461
+ "name": "copy",
2462
+ "attribute": "copy",
2463
+ "description": "The description.",
2464
+ "type": "string",
2465
+ "default": "\"\""
2556
2466
  },
2557
2467
  {
2558
- "name": "linkRole",
2559
- "attribute": "link-role",
2560
- "description": "The a11y role for `<a>`.",
2561
- "type": "string"
2468
+ "name": "open",
2469
+ "attribute": "open",
2470
+ "description": "`true` if the modal should be open.",
2471
+ "type": "boolean",
2472
+ "default": "false"
2562
2473
  },
2563
2474
  {
2564
- "name": "ping",
2565
- "attribute": "ping",
2566
- "description": "URLs to ping.",
2567
- "type": "string"
2475
+ "name": "modalRenderRoot",
2476
+ "description": "The render target of the modal.",
2477
+ "type": "void | Element | null"
2568
2478
  },
2569
2479
  {
2570
- "name": "rel",
2571
- "attribute": "rel",
2572
- "description": "The link type.",
2573
- "type": "string"
2480
+ "name": "container",
2481
+ "description": "The DOM element to put the modal into."
2574
2482
  },
2575
2483
  {
2576
- "name": "target",
2577
- "attribute": "target",
2578
- "description": "The link target.",
2579
- "type": "string"
2484
+ "name": "prototype",
2485
+ "description": "A reference to the prototype.",
2486
+ "type": "Promise<any>"
2580
2487
  }
2581
2488
  ]
2582
2489
  },
2583
2490
  {
2584
- "name": "dds-card-link",
2585
- "path": "./src/components/card-link/card-link.ts",
2586
- "description": "Card Link.",
2491
+ "name": "dds-callout-with-media-video",
2492
+ "path": "./src/components/callout-with-media/callout-with-media-video.ts",
2493
+ "description": "Callout with media video.",
2494
+ "attributes": [
2495
+ {
2496
+ "name": "slot",
2497
+ "description": "The shadow slot this video container should be in.",
2498
+ "type": "string",
2499
+ "default": "\"media\""
2500
+ }
2501
+ ],
2502
+ "properties": [
2503
+ {
2504
+ "name": "slot",
2505
+ "attribute": "slot",
2506
+ "description": "The shadow slot this video container should be in.",
2507
+ "type": "string",
2508
+ "default": "\"media\""
2509
+ }
2510
+ ]
2511
+ },
2512
+ {
2513
+ "name": "dds-callout-data",
2514
+ "path": "./src/components/callout-with-media/callout-with-media.ts",
2515
+ "description": "Callout Data.",
2516
+ "attributes": [
2517
+ {
2518
+ "name": "complementary-style-scheme",
2519
+ "description": "The style scheme for the complementary content.",
2520
+ "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
2521
+ "default": "\"regular\""
2522
+ }
2523
+ ],
2524
+ "properties": [
2525
+ {
2526
+ "name": "complementaryStyleScheme",
2527
+ "attribute": "complementary-style-scheme",
2528
+ "description": "The style scheme for the complementary content.",
2529
+ "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
2530
+ "default": "\"regular\""
2531
+ }
2532
+ ],
2533
+ "slots": [
2534
+ {
2535
+ "name": "heading",
2536
+ "description": "The heading content."
2537
+ },
2538
+ {
2539
+ "name": "copy",
2540
+ "description": "The copy content."
2541
+ },
2542
+ {
2543
+ "name": "media",
2544
+ "description": "The media content."
2545
+ },
2546
+ {
2547
+ "name": "footer",
2548
+ "description": "The footer (CTA) content."
2549
+ },
2550
+ {
2551
+ "name": "complementary",
2552
+ "description": "The complementary (aside) content."
2553
+ }
2554
+ ]
2555
+ },
2556
+ {
2557
+ "name": "dds-content-block-heading",
2558
+ "path": "./src/components/content-block/content-block-heading.ts",
2559
+ "description": "The heading content in content block.",
2560
+ "attributes": [
2561
+ {
2562
+ "name": "slot",
2563
+ "description": "The shadow slot this logo UI should be in.",
2564
+ "type": "string",
2565
+ "default": "\"heading\""
2566
+ }
2567
+ ],
2568
+ "properties": [
2569
+ {
2570
+ "name": "slot",
2571
+ "attribute": "slot",
2572
+ "description": "The shadow slot this logo UI should be in.",
2573
+ "type": "string",
2574
+ "default": "\"heading\""
2575
+ },
2576
+ {
2577
+ "name": "content",
2578
+ "type": "string",
2579
+ "default": "\"\""
2580
+ }
2581
+ ]
2582
+ },
2583
+ {
2584
+ "name": "dds-card-link-heading",
2585
+ "path": "./src/components/card-link/card-link-heading.ts",
2586
+ "description": "Card Link Heading.",
2587
+ "attributes": [
2588
+ {
2589
+ "name": "slot",
2590
+ "description": "The shadow slot this card heading should be in.",
2591
+ "type": "string",
2592
+ "default": "\"heading\""
2593
+ }
2594
+ ],
2595
+ "properties": [
2596
+ {
2597
+ "name": "slot",
2598
+ "attribute": "slot",
2599
+ "description": "The shadow slot this card heading should be in.",
2600
+ "type": "string",
2601
+ "default": "\"heading\""
2602
+ }
2603
+ ]
2604
+ },
2605
+ {
2606
+ "name": "dds-card-link",
2607
+ "path": "./src/components/card-link/card-link.ts",
2608
+ "description": "Card Link.",
2587
2609
  "attributes": [
2588
2610
  {
2589
2611
  "name": "border",
@@ -2725,28 +2747,6 @@
2725
2747
  }
2726
2748
  ]
2727
2749
  },
2728
- {
2729
- "name": "dds-card-link-heading",
2730
- "path": "./src/components/card-link/card-link-heading.ts",
2731
- "description": "Card Link Heading.",
2732
- "attributes": [
2733
- {
2734
- "name": "slot",
2735
- "description": "The shadow slot this card heading should be in.",
2736
- "type": "string",
2737
- "default": "\"heading\""
2738
- }
2739
- ],
2740
- "properties": [
2741
- {
2742
- "name": "slot",
2743
- "attribute": "slot",
2744
- "description": "The shadow slot this card heading should be in.",
2745
- "type": "string",
2746
- "default": "\"heading\""
2747
- }
2748
- ]
2749
- },
2750
2750
  {
2751
2751
  "name": "dds-card-cta-footer",
2752
2752
  "path": "./src/components/cta/card-cta-footer.ts",
@@ -5390,332 +5390,81 @@
5390
5390
  "description": "Component that handles video CTAs in app.",
5391
5391
  "properties": [
5392
5392
  {
5393
- "name": "embeddedVideos",
5394
- "description": "The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.",
5395
- "type": "{ [videoId: string]: any; } | undefined"
5396
- },
5397
- {
5398
- "name": "mediaData",
5399
- "description": "The video data, keyed by the video ID.",
5400
- "type": "{ [videoId: string]: MediaData; } | undefined"
5401
- },
5402
- {
5403
- "name": "modalRenderRoot",
5404
- "description": "The render target of the modal.",
5405
- "type": "void | Element | null"
5406
- },
5407
- {
5408
- "name": "container",
5409
- "description": "The DOM element to put the modal into."
5410
- },
5411
- {
5412
- "name": "size",
5413
- "type": "number"
5414
- },
5415
- {
5416
- "name": "prototype",
5417
- "description": "A reference to the prototype.",
5418
- "type": "Set<any>"
5419
- }
5420
- ]
5421
- },
5422
- {
5423
- "name": "dds-cta-container",
5424
- "path": "./src/components/cta/video-cta-container.ts",
5425
- "description": "Container component for CTA."
5426
- },
5427
- {
5428
- "name": "dds-content-block-cards",
5429
- "path": "./src/components/content-block-cards/content-block-cards.ts",
5430
- "description": "Content block cards.",
5431
- "attributes": [
5432
- {
5433
- "name": "complementary-style-scheme",
5434
- "description": "The style scheme for the complementary content.",
5435
- "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
5436
- "default": "\"regular\""
5437
- }
5438
- ],
5439
- "properties": [
5440
- {
5441
- "name": "complementaryStyleScheme",
5442
- "attribute": "complementary-style-scheme",
5443
- "description": "The style scheme for the complementary content.",
5444
- "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
5445
- "default": "\"regular\""
5446
- }
5447
- ],
5448
- "slots": [
5449
- {
5450
- "name": "heading",
5451
- "description": "The heading content."
5452
- },
5453
- {
5454
- "name": "copy",
5455
- "description": "The copy content."
5456
- },
5457
- {
5458
- "name": "media",
5459
- "description": "The media content."
5460
- },
5461
- {
5462
- "name": "footer",
5463
- "description": "The footer (CTA) content."
5464
- },
5465
- {
5466
- "name": "complementary",
5467
- "description": "The complementary (aside) content."
5468
- }
5469
- ]
5470
- },
5471
- {
5472
- "name": "dds-content-block-headlines-heading",
5473
- "path": "./src/components/content-block-headlines/content-block-headlines-heading.ts",
5474
- "description": "The heading content in content item.",
5475
- "attributes": [
5476
- {
5477
- "name": "slot",
5478
- "description": "The shadow slot this logo UI should be in.",
5479
- "type": "string",
5480
- "default": "\"heading\""
5481
- }
5482
- ],
5483
- "properties": [
5484
- {
5485
- "name": "slot",
5486
- "attribute": "slot",
5487
- "description": "The shadow slot this logo UI should be in.",
5488
- "type": "string",
5489
- "default": "\"heading\""
5490
- }
5491
- ]
5492
- },
5493
- {
5494
- "name": "dds-content-block-headlines-item",
5495
- "path": "./src/components/content-block-headlines/content-block-headlines-item.ts",
5496
- "description": "Content Block Headlines item",
5497
- "slots": [
5498
- {
5499
- "name": "media",
5500
- "description": "The media content."
5501
- },
5502
- {
5503
- "name": "heading",
5504
- "description": "The heading content."
5505
- },
5506
- {
5507
- "name": "footer",
5508
- "description": "The footer (CTA) content."
5509
- }
5510
- ]
5511
- },
5512
- {
5513
- "name": "dds-content-block-headlines",
5514
- "path": "./src/components/content-block-headlines/content-block-headlines.ts",
5515
- "description": "Content Block Headlines",
5516
- "attributes": [
5517
- {
5518
- "name": "complementary-style-scheme",
5519
- "description": "The style scheme for the complementary content.",
5520
- "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
5521
- "default": "\"regular\""
5522
- }
5523
- ],
5524
- "properties": [
5525
- {
5526
- "name": "complementaryStyleScheme",
5527
- "attribute": "complementary-style-scheme",
5528
- "description": "The style scheme for the complementary content.",
5529
- "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
5530
- "default": "\"regular\""
5531
- }
5532
- ],
5533
- "slots": [
5534
- {
5535
- "name": "heading",
5536
- "description": "The heading content."
5537
- },
5538
- {
5539
- "name": "copy",
5540
- "description": "The copy content."
5541
- },
5542
- {
5543
- "name": "media",
5544
- "description": "The media content."
5545
- },
5546
- {
5547
- "name": "footer",
5548
- "description": "The footer (CTA) content."
5549
- },
5550
- {
5551
- "name": "complementary",
5552
- "description": "The complementary (aside) content."
5553
- }
5554
- ]
5555
- },
5556
- {
5557
- "name": "dds-link-list-item-cta",
5558
- "path": "./src/components/cta/link-list-item-cta.ts",
5559
- "description": "Link list item CTA.",
5560
- "attributes": [
5561
- {
5562
- "name": "video-duration",
5563
- "description": "The video duration.",
5564
- "type": "number | undefined"
5565
- },
5566
- {
5567
- "name": "video-name",
5568
- "description": "The video name.",
5569
- "type": "string | undefined"
5570
- },
5571
- {
5572
- "name": "video-description",
5573
- "description": "The video description.",
5574
- "type": "string | undefined"
5575
- },
5576
- {
5577
- "name": "cta-type",
5578
- "description": "The CTA type.",
5579
- "type": "CTA_TYPE",
5580
- "default": "\"\""
5581
- },
5582
- {
5583
- "name": "icon-placement",
5584
- "description": "Icon placement(right (default) | left)",
5585
- "type": "ICON_PLACEMENT",
5586
- "default": "\"right\""
5587
- },
5588
- {
5589
- "name": "iconInline",
5590
- "description": "Positions the icon inline with text when `true`",
5591
- "type": "boolean",
5592
- "default": "true"
5593
- },
5594
- {
5595
- "name": "size",
5596
- "description": "Property that specifies the link to use size large",
5597
- "type": "LINK_SIZE",
5598
- "default": "\"lg\""
5599
- }
5600
- ],
5601
- "properties": [
5602
- {
5603
- "name": "formatVideoCaption",
5604
- "description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
5605
- "type": "(...args: any[]) => string",
5606
- "default": "\"formatVideoCaption\""
5607
- },
5608
- {
5609
- "name": "formatVideoDuration",
5610
- "description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
5611
- "type": "(...args: any[]) => string",
5612
- "default": "\"formatVideoDuration\""
5613
- },
5614
- {
5615
- "name": "videoDuration",
5616
- "attribute": "video-duration",
5617
- "description": "The video duration.",
5618
- "type": "number | undefined"
5619
- },
5620
- {
5621
- "name": "videoName",
5622
- "attribute": "video-name",
5623
- "description": "The video name.",
5624
- "type": "string | undefined"
5625
- },
5626
- {
5627
- "name": "videoDescription",
5628
- "attribute": "video-description",
5629
- "description": "The video description.",
5630
- "type": "string | undefined"
5631
- },
5632
- {
5633
- "name": "videoThumbnailUrl",
5634
- "description": "The video thumbnail URL.\nText CTA does not support video thumbnail, and this property should never be set.",
5635
- "type": "undefined"
5636
- },
5637
- {
5638
- "name": "ctaType",
5639
- "attribute": "cta-type",
5640
- "description": "The CTA type.",
5641
- "type": "CTA_TYPE",
5642
- "default": "\"\""
5643
- },
5644
- {
5645
- "name": "iconPlacement",
5646
- "attribute": "icon-placement",
5647
- "description": "Icon placement(right (default) | left)",
5648
- "type": "ICON_PLACEMENT",
5649
- "default": "\"right\""
5650
- },
5651
- {
5652
- "name": "iconInline",
5653
- "attribute": "iconInline",
5654
- "description": "Positions the icon inline with text when `true`",
5655
- "type": "boolean",
5656
- "default": "true"
5657
- },
5658
- {
5659
- "name": "disabled",
5660
- "description": "`true` if the button should be disabled.",
5661
- "type": "boolean | undefined"
5662
- },
5663
- {
5664
- "name": "download",
5665
- "description": "The default file name.",
5666
- "type": "string | undefined"
5667
- },
5668
- {
5669
- "name": "href",
5670
- "description": "Link `href`.",
5671
- "type": "string | undefined"
5672
- },
5673
- {
5674
- "name": "hreflang",
5675
- "description": "The language of what `href` points to.",
5676
- "type": "string"
5393
+ "name": "embeddedVideos",
5394
+ "description": "The embedded Kaltura player element (that has `.sendNotification()`, etc. APIs), keyed by the video ID.",
5395
+ "type": "{ [videoId: string]: any; } | undefined"
5677
5396
  },
5678
5397
  {
5679
- "name": "linkRole",
5680
- "description": "The a11y role for `<a>`.",
5681
- "type": "string"
5398
+ "name": "mediaData",
5399
+ "description": "The video data, keyed by the video ID.",
5400
+ "type": "{ [videoId: string]: MediaData; } | undefined"
5682
5401
  },
5683
5402
  {
5684
- "name": "ping",
5685
- "description": "URLs to ping.",
5686
- "type": "string"
5403
+ "name": "modalRenderRoot",
5404
+ "description": "The render target of the modal.",
5405
+ "type": "void | Element | null"
5687
5406
  },
5688
5407
  {
5689
- "name": "rel",
5690
- "description": "The link type.",
5691
- "type": "string"
5408
+ "name": "container",
5409
+ "description": "The DOM element to put the modal into."
5692
5410
  },
5693
5411
  {
5694
5412
  "name": "size",
5695
- "attribute": "size",
5696
- "description": "Property that specifies the link to use size large",
5697
- "type": "LINK_SIZE",
5698
- "default": "\"lg\""
5413
+ "type": "number"
5699
5414
  },
5700
5415
  {
5701
- "name": "target",
5702
- "description": "The link target.",
5703
- "type": "string | undefined"
5704
- },
5416
+ "name": "prototype",
5417
+ "description": "A reference to the prototype.",
5418
+ "type": "Set<any>"
5419
+ }
5420
+ ]
5421
+ },
5422
+ {
5423
+ "name": "dds-cta-container",
5424
+ "path": "./src/components/cta/video-cta-container.ts",
5425
+ "description": "Container component for CTA."
5426
+ },
5427
+ {
5428
+ "name": "dds-content-block-cards",
5429
+ "path": "./src/components/content-block-cards/content-block-cards.ts",
5430
+ "description": "Content block cards.",
5431
+ "attributes": [
5705
5432
  {
5706
- "name": "type",
5707
- "description": "MIME type of the `target`.",
5708
- "type": "string"
5433
+ "name": "complementary-style-scheme",
5434
+ "description": "The style scheme for the complementary content.",
5435
+ "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
5436
+ "default": "\"regular\""
5437
+ }
5438
+ ],
5439
+ "properties": [
5440
+ {
5441
+ "name": "complementaryStyleScheme",
5442
+ "attribute": "complementary-style-scheme",
5443
+ "description": "The style scheme for the complementary content.",
5444
+ "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
5445
+ "default": "\"regular\""
5709
5446
  }
5710
5447
  ],
5711
5448
  "slots": [
5712
5449
  {
5713
- "name": "icon",
5714
- "description": "The icon."
5450
+ "name": "heading",
5451
+ "description": "The heading content."
5715
5452
  },
5716
5453
  {
5717
- "name": "icon-left",
5718
- "description": "The CTA icon to place at the left."
5454
+ "name": "copy",
5455
+ "description": "The copy content."
5456
+ },
5457
+ {
5458
+ "name": "media",
5459
+ "description": "The media content."
5460
+ },
5461
+ {
5462
+ "name": "footer",
5463
+ "description": "The footer (CTA) content."
5464
+ },
5465
+ {
5466
+ "name": "complementary",
5467
+ "description": "The complementary (aside) content."
5719
5468
  }
5720
5469
  ]
5721
5470
  },
@@ -5836,99 +5585,265 @@
5836
5585
  ],
5837
5586
  "properties": [
5838
5587
  {
5839
- "name": "slot",
5840
- "attribute": "slot",
5841
- "description": "The shadow slot this eyebrow content should be in.",
5842
- "type": "string",
5843
- "default": "\"eyebrow\""
5844
- }
5845
- ]
5846
- },
5847
- {
5848
- "name": "dds-content-item-horizontal-media",
5849
- "path": "./src/components/content-item-horizontal/content-item-horizontal-media.ts",
5850
- "description": "A component to present content in a horizontal orientation with media.",
5851
- "attributes": [
5588
+ "name": "slot",
5589
+ "attribute": "slot",
5590
+ "description": "The shadow slot this eyebrow content should be in.",
5591
+ "type": "string",
5592
+ "default": "\"eyebrow\""
5593
+ }
5594
+ ]
5595
+ },
5596
+ {
5597
+ "name": "dds-content-item-horizontal-media",
5598
+ "path": "./src/components/content-item-horizontal/content-item-horizontal-media.ts",
5599
+ "description": "A component to present content in a horizontal orientation with media.",
5600
+ "attributes": [
5601
+ {
5602
+ "name": "align",
5603
+ "description": "Defines the alignment of the media: `left` or `right`",
5604
+ "type": "MEDIA_ALIGN",
5605
+ "default": "\"right\""
5606
+ }
5607
+ ],
5608
+ "properties": [
5609
+ {
5610
+ "name": "align",
5611
+ "attribute": "align",
5612
+ "description": "Defines the alignment of the media: `left` or `right`",
5613
+ "type": "MEDIA_ALIGN",
5614
+ "default": "\"right\""
5615
+ },
5616
+ {
5617
+ "name": "size",
5618
+ "type": "number"
5619
+ },
5620
+ {
5621
+ "name": "prototype",
5622
+ "description": "A reference to the prototype.",
5623
+ "type": "Set<any>"
5624
+ }
5625
+ ],
5626
+ "slots": [
5627
+ {
5628
+ "name": "media",
5629
+ "description": "The media content."
5630
+ },
5631
+ {
5632
+ "name": "heading",
5633
+ "description": "The heading content."
5634
+ },
5635
+ {
5636
+ "name": "footer",
5637
+ "description": "The footer (CTA) content."
5638
+ }
5639
+ ]
5640
+ },
5641
+ {
5642
+ "name": "dds-content-item-horizontal-media-copy",
5643
+ "path": "./src/components/content-item-horizontal/content-item-horizontal-media-copy.ts",
5644
+ "description": "The copy content of content item horizontal with media.",
5645
+ "properties": [
5646
+ {
5647
+ "name": "content",
5648
+ "description": "The markdown content.",
5649
+ "type": "string | undefined"
5650
+ }
5651
+ ]
5652
+ },
5653
+ {
5654
+ "name": "dds-content-item-horizontal-thumbnail-copy",
5655
+ "path": "./src/components/content-item-horizontal/content-item-horizontal-thumbnail-copy.ts",
5656
+ "description": "The copy content of content item horizontal with thumbnail.",
5657
+ "properties": [
5658
+ {
5659
+ "name": "content",
5660
+ "description": "The markdown content.",
5661
+ "type": "string | undefined"
5662
+ }
5663
+ ]
5664
+ },
5665
+ {
5666
+ "name": "dds-content-item-horizontal-media-featured",
5667
+ "path": "./src/components/content-item-horizontal/content-item-horizontal-media-featured.ts",
5668
+ "description": "A component to present content in a horizontal orientation with featured\nmedia beneath.",
5669
+ "slots": [
5670
+ {
5671
+ "name": "media",
5672
+ "description": "The media content."
5673
+ },
5674
+ {
5675
+ "name": "heading",
5676
+ "description": "The heading content."
5677
+ },
5678
+ {
5679
+ "name": "footer",
5680
+ "description": "The footer (CTA) content."
5681
+ }
5682
+ ]
5683
+ },
5684
+ {
5685
+ "name": "dds-link-list-item-cta",
5686
+ "path": "./src/components/cta/link-list-item-cta.ts",
5687
+ "description": "Link list item CTA.",
5688
+ "attributes": [
5689
+ {
5690
+ "name": "video-duration",
5691
+ "description": "The video duration.",
5692
+ "type": "number | undefined"
5693
+ },
5694
+ {
5695
+ "name": "video-name",
5696
+ "description": "The video name.",
5697
+ "type": "string | undefined"
5698
+ },
5699
+ {
5700
+ "name": "video-description",
5701
+ "description": "The video description.",
5702
+ "type": "string | undefined"
5703
+ },
5704
+ {
5705
+ "name": "cta-type",
5706
+ "description": "The CTA type.",
5707
+ "type": "CTA_TYPE",
5708
+ "default": "\"\""
5709
+ },
5710
+ {
5711
+ "name": "icon-placement",
5712
+ "description": "Icon placement(right (default) | left)",
5713
+ "type": "ICON_PLACEMENT",
5714
+ "default": "\"right\""
5715
+ },
5716
+ {
5717
+ "name": "iconInline",
5718
+ "description": "Positions the icon inline with text when `true`",
5719
+ "type": "boolean",
5720
+ "default": "true"
5721
+ },
5722
+ {
5723
+ "name": "size",
5724
+ "description": "Property that specifies the link to use size large",
5725
+ "type": "LINK_SIZE",
5726
+ "default": "\"lg\""
5727
+ }
5728
+ ],
5729
+ "properties": [
5730
+ {
5731
+ "name": "formatVideoCaption",
5732
+ "description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
5733
+ "type": "(...args: any[]) => string",
5734
+ "default": "\"formatVideoCaption\""
5735
+ },
5736
+ {
5737
+ "name": "formatVideoDuration",
5738
+ "description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
5739
+ "type": "(...args: any[]) => string",
5740
+ "default": "\"formatVideoDuration\""
5741
+ },
5742
+ {
5743
+ "name": "videoDuration",
5744
+ "attribute": "video-duration",
5745
+ "description": "The video duration.",
5746
+ "type": "number | undefined"
5747
+ },
5748
+ {
5749
+ "name": "videoName",
5750
+ "attribute": "video-name",
5751
+ "description": "The video name.",
5752
+ "type": "string | undefined"
5753
+ },
5754
+ {
5755
+ "name": "videoDescription",
5756
+ "attribute": "video-description",
5757
+ "description": "The video description.",
5758
+ "type": "string | undefined"
5759
+ },
5760
+ {
5761
+ "name": "videoThumbnailUrl",
5762
+ "description": "The video thumbnail URL.\nText CTA does not support video thumbnail, and this property should never be set.",
5763
+ "type": "undefined"
5764
+ },
5765
+ {
5766
+ "name": "ctaType",
5767
+ "attribute": "cta-type",
5768
+ "description": "The CTA type.",
5769
+ "type": "CTA_TYPE",
5770
+ "default": "\"\""
5771
+ },
5852
5772
  {
5853
- "name": "align",
5854
- "description": "Defines the alignment of the media: `left` or `right`",
5855
- "type": "MEDIA_ALIGN",
5773
+ "name": "iconPlacement",
5774
+ "attribute": "icon-placement",
5775
+ "description": "Icon placement(right (default) | left)",
5776
+ "type": "ICON_PLACEMENT",
5856
5777
  "default": "\"right\""
5857
- }
5858
- ],
5859
- "properties": [
5778
+ },
5860
5779
  {
5861
- "name": "align",
5862
- "attribute": "align",
5863
- "description": "Defines the alignment of the media: `left` or `right`",
5864
- "type": "MEDIA_ALIGN",
5865
- "default": "\"right\""
5780
+ "name": "iconInline",
5781
+ "attribute": "iconInline",
5782
+ "description": "Positions the icon inline with text when `true`",
5783
+ "type": "boolean",
5784
+ "default": "true"
5866
5785
  },
5867
5786
  {
5868
- "name": "size",
5869
- "type": "number"
5787
+ "name": "disabled",
5788
+ "description": "`true` if the button should be disabled.",
5789
+ "type": "boolean | undefined"
5870
5790
  },
5871
5791
  {
5872
- "name": "prototype",
5873
- "description": "A reference to the prototype.",
5874
- "type": "Set<any>"
5875
- }
5876
- ],
5877
- "slots": [
5792
+ "name": "download",
5793
+ "description": "The default file name.",
5794
+ "type": "string | undefined"
5795
+ },
5878
5796
  {
5879
- "name": "media",
5880
- "description": "The media content."
5797
+ "name": "href",
5798
+ "description": "Link `href`.",
5799
+ "type": "string | undefined"
5881
5800
  },
5882
5801
  {
5883
- "name": "heading",
5884
- "description": "The heading content."
5802
+ "name": "hreflang",
5803
+ "description": "The language of what `href` points to.",
5804
+ "type": "string"
5885
5805
  },
5886
5806
  {
5887
- "name": "footer",
5888
- "description": "The footer (CTA) content."
5889
- }
5890
- ]
5891
- },
5892
- {
5893
- "name": "dds-content-item-horizontal-media-copy",
5894
- "path": "./src/components/content-item-horizontal/content-item-horizontal-media-copy.ts",
5895
- "description": "The copy content of content item horizontal with media.",
5896
- "properties": [
5807
+ "name": "linkRole",
5808
+ "description": "The a11y role for `<a>`.",
5809
+ "type": "string"
5810
+ },
5897
5811
  {
5898
- "name": "content",
5899
- "description": "The markdown content.",
5900
- "type": "string | undefined"
5901
- }
5902
- ]
5903
- },
5904
- {
5905
- "name": "dds-content-item-horizontal-thumbnail-copy",
5906
- "path": "./src/components/content-item-horizontal/content-item-horizontal-thumbnail-copy.ts",
5907
- "description": "The copy content of content item horizontal with thumbnail.",
5908
- "properties": [
5812
+ "name": "ping",
5813
+ "description": "URLs to ping.",
5814
+ "type": "string"
5815
+ },
5909
5816
  {
5910
- "name": "content",
5911
- "description": "The markdown content.",
5817
+ "name": "rel",
5818
+ "description": "The link type.",
5819
+ "type": "string"
5820
+ },
5821
+ {
5822
+ "name": "size",
5823
+ "attribute": "size",
5824
+ "description": "Property that specifies the link to use size large",
5825
+ "type": "LINK_SIZE",
5826
+ "default": "\"lg\""
5827
+ },
5828
+ {
5829
+ "name": "target",
5830
+ "description": "The link target.",
5912
5831
  "type": "string | undefined"
5832
+ },
5833
+ {
5834
+ "name": "type",
5835
+ "description": "MIME type of the `target`.",
5836
+ "type": "string"
5913
5837
  }
5914
- ]
5915
- },
5916
- {
5917
- "name": "dds-content-item-horizontal-media-featured",
5918
- "path": "./src/components/content-item-horizontal/content-item-horizontal-media-featured.ts",
5919
- "description": "A component to present content in a horizontal orientation with featured\nmedia beneath.",
5838
+ ],
5920
5839
  "slots": [
5921
5840
  {
5922
- "name": "media",
5923
- "description": "The media content."
5924
- },
5925
- {
5926
- "name": "heading",
5927
- "description": "The heading content."
5841
+ "name": "icon",
5842
+ "description": "The icon."
5928
5843
  },
5929
5844
  {
5930
- "name": "footer",
5931
- "description": "The footer (CTA) content."
5845
+ "name": "icon-left",
5846
+ "description": "The CTA icon to place at the left."
5932
5847
  }
5933
5848
  ]
5934
5849
  },
@@ -6071,6 +5986,91 @@
6071
5986
  }
6072
5987
  ]
6073
5988
  },
5989
+ {
5990
+ "name": "dds-content-block-headlines-heading",
5991
+ "path": "./src/components/content-block-headlines/content-block-headlines-heading.ts",
5992
+ "description": "The heading content in content item.",
5993
+ "attributes": [
5994
+ {
5995
+ "name": "slot",
5996
+ "description": "The shadow slot this logo UI should be in.",
5997
+ "type": "string",
5998
+ "default": "\"heading\""
5999
+ }
6000
+ ],
6001
+ "properties": [
6002
+ {
6003
+ "name": "slot",
6004
+ "attribute": "slot",
6005
+ "description": "The shadow slot this logo UI should be in.",
6006
+ "type": "string",
6007
+ "default": "\"heading\""
6008
+ }
6009
+ ]
6010
+ },
6011
+ {
6012
+ "name": "dds-content-block-headlines-item",
6013
+ "path": "./src/components/content-block-headlines/content-block-headlines-item.ts",
6014
+ "description": "Content Block Headlines item",
6015
+ "slots": [
6016
+ {
6017
+ "name": "media",
6018
+ "description": "The media content."
6019
+ },
6020
+ {
6021
+ "name": "heading",
6022
+ "description": "The heading content."
6023
+ },
6024
+ {
6025
+ "name": "footer",
6026
+ "description": "The footer (CTA) content."
6027
+ }
6028
+ ]
6029
+ },
6030
+ {
6031
+ "name": "dds-content-block-headlines",
6032
+ "path": "./src/components/content-block-headlines/content-block-headlines.ts",
6033
+ "description": "Content Block Headlines",
6034
+ "attributes": [
6035
+ {
6036
+ "name": "complementary-style-scheme",
6037
+ "description": "The style scheme for the complementary content.",
6038
+ "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
6039
+ "default": "\"regular\""
6040
+ }
6041
+ ],
6042
+ "properties": [
6043
+ {
6044
+ "name": "complementaryStyleScheme",
6045
+ "attribute": "complementary-style-scheme",
6046
+ "description": "The style scheme for the complementary content.",
6047
+ "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
6048
+ "default": "\"regular\""
6049
+ }
6050
+ ],
6051
+ "slots": [
6052
+ {
6053
+ "name": "heading",
6054
+ "description": "The heading content."
6055
+ },
6056
+ {
6057
+ "name": "copy",
6058
+ "description": "The copy content."
6059
+ },
6060
+ {
6061
+ "name": "media",
6062
+ "description": "The media content."
6063
+ },
6064
+ {
6065
+ "name": "footer",
6066
+ "description": "The footer (CTA) content."
6067
+ },
6068
+ {
6069
+ "name": "complementary",
6070
+ "description": "The complementary (aside) content."
6071
+ }
6072
+ ]
6073
+ },
6074
6074
  {
6075
6075
  "name": "dds-content-block-media-content",
6076
6076
  "path": "./src/components/content-block-media/content-block-media-content.ts",
@@ -7740,15 +7740,10 @@
7740
7740
  ]
7741
7741
  },
7742
7742
  {
7743
- "name": "dds-content-block-horizontal",
7744
- "path": "./src/components/content-group-horizontal/content-group-horizontal.ts",
7745
- "description": "Horizontal version of content group.",
7743
+ "name": "dds-content-group-pictogram",
7744
+ "path": "./src/components/content-group-pictograms/content-group-pictograms.ts",
7745
+ "description": "Content group with pictograms",
7746
7746
  "attributes": [
7747
- {
7748
- "name": "border",
7749
- "type": "boolean",
7750
- "default": "false"
7751
- },
7752
7747
  {
7753
7748
  "name": "complementary-style-scheme",
7754
7749
  "description": "The style scheme for the complementary content.",
@@ -7757,12 +7752,6 @@
7757
7752
  }
7758
7753
  ],
7759
7754
  "properties": [
7760
- {
7761
- "name": "border",
7762
- "attribute": "border",
7763
- "type": "boolean",
7764
- "default": "false"
7765
- },
7766
7755
  {
7767
7756
  "name": "complementaryStyleScheme",
7768
7757
  "attribute": "complementary-style-scheme",
@@ -7795,10 +7784,15 @@
7795
7784
  ]
7796
7785
  },
7797
7786
  {
7798
- "name": "dds-content-group-pictogram",
7799
- "path": "./src/components/content-group-pictograms/content-group-pictograms.ts",
7800
- "description": "Content group with pictograms",
7787
+ "name": "dds-content-block-horizontal",
7788
+ "path": "./src/components/content-group-horizontal/content-group-horizontal.ts",
7789
+ "description": "Horizontal version of content group.",
7801
7790
  "attributes": [
7791
+ {
7792
+ "name": "border",
7793
+ "type": "boolean",
7794
+ "default": "false"
7795
+ },
7802
7796
  {
7803
7797
  "name": "complementary-style-scheme",
7804
7798
  "description": "The style scheme for the complementary content.",
@@ -7807,6 +7801,12 @@
7807
7801
  }
7808
7802
  ],
7809
7803
  "properties": [
7804
+ {
7805
+ "name": "border",
7806
+ "attribute": "border",
7807
+ "type": "boolean",
7808
+ "default": "false"
7809
+ },
7810
7810
  {
7811
7811
  "name": "complementaryStyleScheme",
7812
7812
  "attribute": "complementary-style-scheme",