@maicol07/material-web 2.5.1 → 2.5.2

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 (3) hide show
  1. package/custom-elements.json +144 -0
  2. package/package.json +1 -1
  3. package/web-types.json +1099 -3
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@maicol07/material-web",
4
- "version": "2.5.0",
4
+ "version": "2.5.1",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -3243,12 +3243,1108 @@
3243
3243
  }
3244
3244
  ]
3245
3245
  }
3246
+ },
3247
+ {
3248
+ "name": "md-gb-app-bar",
3249
+ "description": "A Material Design Expressive App Bar component (`md-gb-app-bar`).\n\n---\n\n\n### **Events:**\n - **scrollstatechange** - Fired when the scrolled state changes. --bubbles --composed\n\n### **Slots:**\n - **-** - Used to display the primary title text of the app bar.\n- **subtitle** - Used to display an optional subtitle below the title in medium/large bars.\n- **leading** - Used to display the leading navigation icon button (e.g. menu or back).\n- **trailing** - Used to display trailing action buttons and/or user avatar.\n- **search** - Used to display search bar input or controls when `variant=\"search\"`.\n\n### **CSS Properties:**\n - **--avatar-size** - undefined _(default: undefined)_\n- **--container-color** - undefined _(default: undefined)_\n- **--container-elevation** - undefined _(default: undefined)_\n- **--container-height** - undefined _(default: undefined)_\n- **--container-shape** - undefined _(default: undefined)_\n- **--icon-button-space** - undefined _(default: undefined)_\n- **--icon-size** - undefined _(default: undefined)_\n- **--label-text** - undefined _(default: undefined)_\n- **--label-text-axes** - undefined _(default: undefined)_\n- **--label-text-tracking** - undefined _(default: undefined)_\n- **--label-color** - undefined _(default: undefined)_\n- **--leading-icon-color** - undefined _(default: undefined)_\n- **--leading-space** - undefined _(default: undefined)_\n- **--subtitle** - undefined _(default: undefined)_\n- **--subtitle-axes** - undefined _(default: undefined)_\n- **--subtitle-color** - undefined _(default: undefined)_\n- **--subtitle-tracking** - undefined _(default: undefined)_\n- **--title** - undefined _(default: undefined)_\n- **--title-axes** - undefined _(default: undefined)_\n- **--title-color** - undefined _(default: undefined)_\n- **--title-tracking** - undefined _(default: undefined)_\n- **--trailing-icon-color** - undefined _(default: undefined)_\n- **--trailing-space** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **app-bar** - The root container element.",
3250
+ "doc-url": "",
3251
+ "attributes": [
3252
+ { "name": "size", "value": { "type": "string" } },
3253
+ { "name": "variant", "value": { "type": "string" } },
3254
+ { "name": "scrolled", "value": { "type": "boolean" } }
3255
+ ],
3256
+ "slots": [
3257
+ {
3258
+ "name": "-",
3259
+ "description": "Used to display the primary title text of the app bar."
3260
+ },
3261
+ {
3262
+ "name": "subtitle",
3263
+ "description": "Used to display an optional subtitle below the title in medium/large bars."
3264
+ },
3265
+ {
3266
+ "name": "leading",
3267
+ "description": "Used to display the leading navigation icon button (e.g. menu or back)."
3268
+ },
3269
+ {
3270
+ "name": "trailing",
3271
+ "description": "Used to display trailing action buttons and/or user avatar."
3272
+ },
3273
+ {
3274
+ "name": "search",
3275
+ "description": "Used to display search bar input or controls when `variant=\"search\"`."
3276
+ }
3277
+ ],
3278
+ "events": [
3279
+ {
3280
+ "name": "scrollstatechange",
3281
+ "type": "CustomEvent<{scrolled: boolean}>",
3282
+ "description": "Fired when the scrolled state changes. --bubbles --composed"
3283
+ }
3284
+ ],
3285
+ "js": {
3286
+ "properties": [
3287
+ {
3288
+ "name": "size",
3289
+ "description": "The size of the app bar (`sm`, `md`, `lg`). Defaults to `sm`.",
3290
+ "type": "AppBarSize"
3291
+ },
3292
+ {
3293
+ "name": "variant",
3294
+ "description": "The behavioral variant of the app bar (`standard` or `search`). Defaults to `standard`.",
3295
+ "type": "AppBarVariant"
3296
+ },
3297
+ {
3298
+ "name": "scrolled",
3299
+ "description": "Whether the app bar is in its scrolled state. Defaults to `false`.",
3300
+ "type": "boolean"
3301
+ }
3302
+ ],
3303
+ "events": [
3304
+ {
3305
+ "name": "scrollstatechange",
3306
+ "type": "CustomEvent<{scrolled: boolean}>",
3307
+ "description": "Fired when the scrolled state changes. --bubbles --composed"
3308
+ }
3309
+ ]
3310
+ }
3311
+ },
3312
+ {
3313
+ "name": "md-gb-badge",
3314
+ "description": "A Material Design badge component.\n\n---\n",
3315
+ "doc-url": "",
3316
+ "attributes": [],
3317
+ "events": [],
3318
+ "js": { "properties": [], "events": [] }
3319
+ },
3320
+ {
3321
+ "name": "md-gb-button",
3322
+ "description": "A Material Design button.\n\n---\n\n\n### **Events:**\n - **input** - Fired when a toggle button is selected or unselected. --bubbles --composed\n- **change** - Fired when a toggle button is selected or unselected. --bubbles\n\n### **Slots:**\n - **-** - Used to display a label and optional icon.\n- **container** - Used to set a custom background container for the button.\n\n### **CSS Properties:**\n - **--container-color** - undefined _(default: undefined)_\n- **--container-elevation** - undefined _(default: undefined)_\n- **--container-height** - undefined _(default: undefined)_\n- **--container-shape** - undefined _(default: undefined)_\n- **--icon-color** - undefined _(default: undefined)_\n- **--icon-label-space** - undefined _(default: undefined)_\n- **--icon-size** - undefined _(default: undefined)_\n- **--label-text** - undefined _(default: undefined)_\n- **--label-text-axes** - undefined _(default: undefined)_\n- **--label-text-color** - undefined _(default: undefined)_\n- **--label-text-tracking** - undefined _(default: undefined)_\n- **--leading-space** - undefined _(default: undefined)_\n- **--md-icon-fill** - undefined _(default: undefined)_\n- **--outline-color** - undefined _(default: undefined)_\n- **--outline-width** - undefined _(default: undefined)_\n- **--state-layer-color** - undefined _(default: undefined)_\n- **--trailing-space** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **btn** - The button's root element.",
3323
+ "doc-url": "",
3324
+ "attributes": [
3325
+ { "name": "color", "value": { "type": "string" } },
3326
+ { "name": "size", "value": { "type": "string" } },
3327
+ { "name": "square", "value": { "type": "boolean" } },
3328
+ { "name": "type", "value": { "type": "string" } },
3329
+ { "name": "soft-disabled", "value": { "type": "boolean" } },
3330
+ { "name": "selected", "value": { "type": "boolean" } },
3331
+ { "name": "href", "value": { "type": "string" } },
3332
+ { "name": "download", "value": { "type": "string" } },
3333
+ { "name": "target", "value": { "type": "string" } }
3334
+ ],
3335
+ "slots": [
3336
+ {
3337
+ "name": "-",
3338
+ "description": "Used to display a label and optional icon."
3339
+ },
3340
+ {
3341
+ "name": "container",
3342
+ "description": "Used to set a custom background container for the button."
3343
+ }
3344
+ ],
3345
+ "events": [
3346
+ {
3347
+ "name": "input",
3348
+ "type": "InputEvent",
3349
+ "description": "Fired when a toggle button is selected or unselected. --bubbles --composed"
3350
+ },
3351
+ {
3352
+ "name": "change",
3353
+ "type": "Event",
3354
+ "description": "Fired when a toggle button is selected or unselected. --bubbles"
3355
+ }
3356
+ ],
3357
+ "js": {
3358
+ "properties": [
3359
+ {
3360
+ "name": "color",
3361
+ "description": "The color of the button.",
3362
+ "type": "\"filled\" | \"elevated\" | \"tonal\" | \"outlined\" | \"text\""
3363
+ },
3364
+ {
3365
+ "name": "size",
3366
+ "description": "The size of the button.",
3367
+ "type": "\"sm\" | \"md\" | \"lg\" | \"xs\" | \"xl\""
3368
+ },
3369
+ {
3370
+ "name": "square",
3371
+ "description": "Changes the shape of the button to be square.",
3372
+ "type": "boolean"
3373
+ },
3374
+ {
3375
+ "name": "softDisabled",
3376
+ "description": "Whether or not the button is \"soft-disabled\" (disabled but still\nfocusable).\n\nUse this when a button needs increased visibility when disabled. See\nhttps://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_disabled_controls\nfor more guidance on when this is needed.",
3377
+ "type": "boolean"
3378
+ },
3379
+ {
3380
+ "name": "selected",
3381
+ "description": "Whether or not the button is selected, when `type=\"toggle\"`.",
3382
+ "type": "boolean"
3383
+ },
3384
+ {
3385
+ "name": "href",
3386
+ "description": "The URL that the link button points to.",
3387
+ "type": "string"
3388
+ },
3389
+ {
3390
+ "name": "download",
3391
+ "description": "The filename to use when downloading the linked resource.\nIf not specified, the browser will determine a filename.\nThis is only applicable when the button is used as a link (`href` is set).",
3392
+ "type": "string"
3393
+ },
3394
+ {
3395
+ "name": "target",
3396
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
3397
+ "type": "\"\" | \"_blank\" | \"_parent\" | \"_self\" | \"_top\""
3398
+ },
3399
+ { "name": "type", "type": "string" }
3400
+ ],
3401
+ "events": [
3402
+ {
3403
+ "name": "input",
3404
+ "type": "InputEvent",
3405
+ "description": "Fired when a toggle button is selected or unselected. --bubbles --composed"
3406
+ },
3407
+ {
3408
+ "name": "change",
3409
+ "type": "Event",
3410
+ "description": "Fired when a toggle button is selected or unselected. --bubbles"
3411
+ }
3412
+ ]
3413
+ }
3414
+ },
3415
+ {
3416
+ "name": "md-gb-card",
3417
+ "description": "A Material Design card.\n\n---\n\n\n### **Slots:**\n - **-** - Used to display the card's content. Note: add padding to content, not the host <md-gb-card> element.\n- **container** - Used to set a custom background container for the card.\n\n### **CSS Properties:**\n - **--container-color** - undefined _(default: undefined)_\n- **--container-elevation** - undefined _(default: undefined)_\n- **--container-shape** - undefined _(default: undefined)_\n- **--outline-color** - undefined _(default: undefined)_\n- **--outline-width** - undefined _(default: undefined)_\n- **--state-layer-color** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **card** - The card's root element.\n- **card-btn** - The card's main action button, when interactive.",
3418
+ "doc-url": "",
3419
+ "attributes": [
3420
+ { "name": "color", "value": { "type": "string" } },
3421
+ { "name": "disabled", "value": { "type": "boolean" } },
3422
+ { "name": "interactive", "value": { "type": "boolean" } }
3423
+ ],
3424
+ "slots": [
3425
+ {
3426
+ "name": "-",
3427
+ "description": "Used to display the card's content. Note: add padding to content, not the host <md-gb-card> element."
3428
+ },
3429
+ {
3430
+ "name": "container",
3431
+ "description": "Used to set a custom background container for the card."
3432
+ }
3433
+ ],
3434
+ "events": [],
3435
+ "js": {
3436
+ "properties": [
3437
+ {
3438
+ "name": "color",
3439
+ "description": "The color of the card.",
3440
+ "type": "CardColor"
3441
+ },
3442
+ {
3443
+ "name": "disabled",
3444
+ "description": "Whether the card is disabled.",
3445
+ "type": "boolean"
3446
+ },
3447
+ {
3448
+ "name": "interactive",
3449
+ "description": "Whether the card is interactive.",
3450
+ "type": "boolean"
3451
+ }
3452
+ ],
3453
+ "events": []
3454
+ }
3455
+ },
3456
+ {
3457
+ "name": "md-gb-checkbox",
3458
+ "description": "A Material Design checkbox component.\n\n---\n\n\n### **Events:**\n - **input** - Fired when the checkbox is checked or unchecked. --bubbles --composed\n- **change** - Fired when the checkbox is checked or unchecked. --bubbles\n\n### **CSS Properties:**\n - **--container-color** - undefined _(default: undefined)_\n- **--container-shape** - undefined _(default: undefined)_\n- **--container-size** - undefined _(default: undefined)_\n- **--icon-color** - undefined _(default: undefined)_\n- **--icon-size** - undefined _(default: undefined)_\n- **--outline-color** - undefined _(default: undefined)_\n- **--outline-width** - undefined _(default: undefined)_\n- **--state-layer-color** - undefined _(default: undefined)_\n- **--state-layer-shape** - undefined _(default: undefined)_\n- **--state-layer-size** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **checkbox** - The checkbox's root element.",
3459
+ "doc-url": "",
3460
+ "attributes": [
3461
+ { "name": "error", "value": { "type": "boolean" } },
3462
+ { "name": "checked", "value": { "type": "boolean" } },
3463
+ { "name": "indeterminate", "value": { "type": "boolean" } },
3464
+ { "name": "required", "value": { "type": "boolean" } },
3465
+ { "name": "value", "value": { "type": "string" } }
3466
+ ],
3467
+ "events": [
3468
+ {
3469
+ "name": "input",
3470
+ "type": "InputEvent",
3471
+ "description": "Fired when the checkbox is checked or unchecked. --bubbles --composed"
3472
+ },
3473
+ {
3474
+ "name": "change",
3475
+ "type": "Event",
3476
+ "description": "Fired when the checkbox is checked or unchecked. --bubbles"
3477
+ }
3478
+ ],
3479
+ "js": {
3480
+ "properties": [
3481
+ {
3482
+ "name": "error",
3483
+ "description": "Whether or not the checkbox is invalid.",
3484
+ "type": "boolean"
3485
+ },
3486
+ {
3487
+ "name": "checked",
3488
+ "description": "Whether or not the checkbox is selected.",
3489
+ "type": "boolean"
3490
+ },
3491
+ {
3492
+ "name": "indeterminate",
3493
+ "description": "Whether or not the checkbox is indeterminate.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes",
3494
+ "type": "boolean"
3495
+ },
3496
+ {
3497
+ "name": "required",
3498
+ "description": "When true, require the checkbox to be selected when participating in\nform submission.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#validation",
3499
+ "type": "boolean"
3500
+ },
3501
+ {
3502
+ "name": "value",
3503
+ "description": "The value of the checkbox that is submitted with a form when selected.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value",
3504
+ "type": "string"
3505
+ },
3506
+ { "name": "defaultChecked", "type": "boolean" }
3507
+ ],
3508
+ "events": [
3509
+ {
3510
+ "name": "input",
3511
+ "type": "InputEvent",
3512
+ "description": "Fired when the checkbox is checked or unchecked. --bubbles --composed"
3513
+ },
3514
+ {
3515
+ "name": "change",
3516
+ "type": "Event",
3517
+ "description": "Fired when the checkbox is checked or unchecked. --bubbles"
3518
+ }
3519
+ ]
3520
+ }
3521
+ },
3522
+ {
3523
+ "name": "md-gb-chip",
3524
+ "description": "A Material Design Expressive Chip component (`md-gb-chip`).\n\n---\n\n\n### **Events:**\n - **remove** - Fired when the remove action is triggered on a removable chip. --bubbles --composed\n- **change** - Fired when a filter/toggle chip's selection state changes. --bubbles\n- **input** - Fired when a filter/toggle chip's selection state changes. --bubbles --composed\n\n### **Slots:**\n - **-** - Used to display the chip label text.\n- **icon** - Used to display an optional leading icon, checkmark, or avatar.\n- **remove-icon** - Used to display the trailing remove button icon when `removable=\"true\"`.\n\n### **CSS Properties:**\n - **--avatar-opacity** - undefined _(default: undefined)_\n- **--avatar-shape** - undefined _(default: undefined)_\n- **--avatar-size** - undefined _(default: undefined)_\n- **--container-color** - undefined _(default: undefined)_\n- **--container-elevation** - undefined _(default: undefined)_\n- **--container-opacity** - undefined _(default: undefined)_\n- **--gap-horizontal** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--label-text** - undefined _(default: undefined)_\n- **--label-text-color** - undefined _(default: undefined)_\n- **--label-text-opacity** - undefined _(default: undefined)_\n- **--leading-icon-color** - undefined _(default: undefined)_\n- **--leading-icon-opacity** - undefined _(default: undefined)_\n- **--leading-icon-size** - undefined _(default: undefined)_\n- **--outline-color** - undefined _(default: undefined)_\n- **--outline-opacity** - undefined _(default: undefined)_\n- **--outline-width** - undefined _(default: undefined)_\n- **--padding-bottom** - undefined _(default: undefined)_\n- **--padding-leading** - undefined _(default: undefined)_\n- **--padding-top** - undefined _(default: undefined)_\n- **--padding-trailing** - undefined _(default: undefined)_\n- **--shape** - undefined _(default: undefined)_\n- **--trailing-icon-color** - undefined _(default: undefined)_\n- **--trailing-icon-opacity** - undefined _(default: undefined)_\n- **--trailing-icon-size** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **chip** - The root container element.",
3525
+ "doc-url": "",
3526
+ "attributes": [
3527
+ { "name": "color", "value": { "type": "string" } },
3528
+ { "name": "type", "value": { "type": "string" } },
3529
+ { "name": "selected", "value": { "type": "boolean" } },
3530
+ { "name": "removable", "value": { "type": "boolean" } },
3531
+ { "name": "disabled", "value": { "type": "boolean" } },
3532
+ { "name": "soft-disabled", "value": { "type": "boolean" } },
3533
+ { "name": "href", "value": { "type": "string" } },
3534
+ { "name": "target", "value": { "type": "string" } }
3535
+ ],
3536
+ "slots": [
3537
+ {
3538
+ "name": "-",
3539
+ "description": "Used to display the chip label text."
3540
+ },
3541
+ {
3542
+ "name": "icon",
3543
+ "description": "Used to display an optional leading icon, checkmark, or avatar."
3544
+ },
3545
+ {
3546
+ "name": "remove-icon",
3547
+ "description": "Used to display the trailing remove button icon when `removable=\"true\"`."
3548
+ }
3549
+ ],
3550
+ "events": [
3551
+ {
3552
+ "name": "remove",
3553
+ "type": "Event",
3554
+ "description": "Fired when the remove action is triggered on a removable chip. --bubbles --composed"
3555
+ },
3556
+ {
3557
+ "name": "change",
3558
+ "type": "Event",
3559
+ "description": "Fired when a filter/toggle chip's selection state changes. --bubbles"
3560
+ },
3561
+ {
3562
+ "name": "input",
3563
+ "type": "InputEvent",
3564
+ "description": "Fired when a filter/toggle chip's selection state changes. --bubbles --composed"
3565
+ }
3566
+ ],
3567
+ "js": {
3568
+ "properties": [
3569
+ {
3570
+ "name": "color",
3571
+ "description": "The color emphasis of the chip. Defaults to `outlined`.",
3572
+ "type": "ChipColor"
3573
+ },
3574
+ {
3575
+ "name": "type",
3576
+ "description": "The functional behavior type of the chip (`action`, `filter`, `toggle`, `link`).",
3577
+ "type": "ChipType"
3578
+ },
3579
+ {
3580
+ "name": "selected",
3581
+ "description": "Whether the filter or toggle chip is selected.",
3582
+ "type": "boolean"
3583
+ },
3584
+ {
3585
+ "name": "removable",
3586
+ "description": "Whether the chip is removable.",
3587
+ "type": "boolean"
3588
+ },
3589
+ {
3590
+ "name": "disabled",
3591
+ "description": "Whether the chip is disabled.",
3592
+ "type": "boolean"
3593
+ },
3594
+ {
3595
+ "name": "softDisabled",
3596
+ "description": "Whether the chip is soft-disabled (`aria-disabled=\"true\"` while preserving focusability).",
3597
+ "type": "boolean"
3598
+ },
3599
+ {
3600
+ "name": "href",
3601
+ "description": "The URL destination if `type=\"link\"` or if `href` is set.",
3602
+ "type": "string"
3603
+ },
3604
+ {
3605
+ "name": "target",
3606
+ "description": "Where to display the linked `href` URL for a link chip.",
3607
+ "type": "\"\" | \"_blank\" | \"_parent\" | \"_self\" | \"_top\""
3608
+ }
3609
+ ],
3610
+ "events": [
3611
+ {
3612
+ "name": "remove",
3613
+ "type": "Event",
3614
+ "description": "Fired when the remove action is triggered on a removable chip. --bubbles --composed"
3615
+ },
3616
+ {
3617
+ "name": "change",
3618
+ "type": "Event",
3619
+ "description": "Fired when a filter/toggle chip's selection state changes. --bubbles"
3620
+ },
3621
+ {
3622
+ "name": "input",
3623
+ "type": "InputEvent",
3624
+ "description": "Fired when a filter/toggle chip's selection state changes. --bubbles --composed"
3625
+ }
3626
+ ]
3627
+ }
3628
+ },
3629
+ {
3630
+ "name": "md-gb-divider",
3631
+ "description": "A Material Design divider component.\n\n---\n\n\n### **CSS Properties:**\n - **--color** - undefined _(default: undefined)_\n- **--thickness** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **divider** - The divider element.",
3632
+ "doc-url": "",
3633
+ "attributes": [
3634
+ { "name": "vertical", "value": { "type": "boolean" } }
3635
+ ],
3636
+ "events": [],
3637
+ "js": {
3638
+ "properties": [
3639
+ {
3640
+ "name": "vertical",
3641
+ "description": "Whether or not the divider is vertical.",
3642
+ "type": "boolean"
3643
+ }
3644
+ ],
3645
+ "events": []
3646
+ }
3647
+ },
3648
+ {
3649
+ "name": "md-gb-fab",
3650
+ "description": "A Material Design fab component.\n\n---\n\n\n### **Slots:**\n - **-** - Used to display an icon and optional label.\n\n### **CSS Properties:**\n - **--container-color** - undefined _(default: undefined)_\n- **--container-elevation** - undefined _(default: undefined)_\n- **--container-height** - undefined _(default: undefined)_\n- **--container-shape** - undefined _(default: undefined)_\n- **--icon-color** - undefined _(default: undefined)_\n- **--icon-label-space** - undefined _(default: undefined)_\n- **--icon-size** - undefined _(default: undefined)_\n- **--label-text** - undefined _(default: undefined)_\n- **--label-text-axes** - undefined _(default: undefined)_\n- **--label-text-color** - undefined _(default: undefined)_\n- **--label-text-tracking** - undefined _(default: undefined)_\n- **--leading-space** - undefined _(default: undefined)_\n- **--trailing-space** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **fab** - The FAB's root element.",
3651
+ "doc-url": "",
3652
+ "attributes": [
3653
+ { "name": "color", "value": { "type": "string" } },
3654
+ { "name": "size", "value": { "type": "string" } }
3655
+ ],
3656
+ "slots": [
3657
+ {
3658
+ "name": "-",
3659
+ "description": "Used to display an icon and optional label."
3660
+ }
3661
+ ],
3662
+ "events": [],
3663
+ "js": {
3664
+ "properties": [
3665
+ { "name": "color", "type": "FabColor" },
3666
+ { "name": "size", "type": "FabSize" }
3667
+ ],
3668
+ "events": []
3669
+ }
3670
+ },
3671
+ {
3672
+ "name": "md-gb-icon-button",
3673
+ "description": "A Material Design icon button component.\n\n---\n\n\n### **Events:**\n - **input** - Fired when a toggle icon button is selected or unselected. --bubbles --composed\n- **change** - Fired when a toggle button is selected or unselected. --bubbles\n\n### **Slots:**\n - **-** - Used to display an icon.\n\n### **CSS Properties:**\n - **--container-color** - undefined _(default: undefined)_\n- **--container-height** - undefined _(default: undefined)_\n- **--container-shape** - undefined _(default: undefined)_\n- **--icon-color** - undefined _(default: undefined)_\n- **--icon-size** - undefined _(default: undefined)_\n- **--leading-space** - undefined _(default: undefined)_\n- **--md-icon-fill** - undefined _(default: undefined)_\n- **--outline-color** - undefined _(default: undefined)_\n- **--outline-width** - undefined _(default: undefined)_\n- **--trailing-space** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **icon-btn** - The icon button's root element.",
3674
+ "doc-url": "",
3675
+ "attributes": [
3676
+ { "name": "color", "value": { "type": "string" } },
3677
+ { "name": "size", "value": { "type": "string" } },
3678
+ { "name": "square", "value": { "type": "boolean" } },
3679
+ { "name": "width", "value": { "type": "string" } },
3680
+ { "name": "type", "value": { "type": "string" } },
3681
+ { "name": "soft-disabled", "value": { "type": "boolean" } },
3682
+ { "name": "selected", "value": { "type": "boolean" } },
3683
+ { "name": "href", "value": { "type": "string" } },
3684
+ { "name": "download", "value": { "type": "string" } },
3685
+ { "name": "target", "value": { "type": "string" } }
3686
+ ],
3687
+ "slots": [{ "name": "-", "description": "Used to display an icon." }],
3688
+ "events": [
3689
+ {
3690
+ "name": "input",
3691
+ "type": "InputEvent",
3692
+ "description": "Fired when a toggle icon button is selected or unselected. --bubbles --composed"
3693
+ },
3694
+ {
3695
+ "name": "change",
3696
+ "type": "Event",
3697
+ "description": "Fired when a toggle button is selected or unselected. --bubbles"
3698
+ }
3699
+ ],
3700
+ "js": {
3701
+ "properties": [
3702
+ {
3703
+ "name": "color",
3704
+ "description": "The color of the button.",
3705
+ "type": "IconButtonColor"
3706
+ },
3707
+ {
3708
+ "name": "size",
3709
+ "description": "The size of the button.",
3710
+ "type": "IconButtonSize"
3711
+ },
3712
+ {
3713
+ "name": "square",
3714
+ "description": "Changes the shape of the button to be square.",
3715
+ "type": "boolean"
3716
+ },
3717
+ {
3718
+ "name": "width",
3719
+ "description": "Changes the width of the button.",
3720
+ "type": "IconButtonWidth"
3721
+ },
3722
+ {
3723
+ "name": "softDisabled",
3724
+ "description": "Whether or not the button is \"soft-disabled\" (disabled but still\nfocusable).",
3725
+ "type": "boolean"
3726
+ },
3727
+ {
3728
+ "name": "selected",
3729
+ "description": "Whether or not the button is selected, when `type=\"toggle\"`.",
3730
+ "type": "boolean"
3731
+ },
3732
+ {
3733
+ "name": "href",
3734
+ "description": "The URL that the link button points to.",
3735
+ "type": "string"
3736
+ },
3737
+ {
3738
+ "name": "download",
3739
+ "description": "The filename to use when downloading the linked resource.",
3740
+ "type": "string"
3741
+ },
3742
+ {
3743
+ "name": "target",
3744
+ "description": "Where to display the linked `href` URL for a link button.",
3745
+ "type": "\"\" | \"_blank\" | \"_parent\" | \"_self\" | \"_top\""
3746
+ },
3747
+ { "name": "type", "type": "string" }
3748
+ ],
3749
+ "events": [
3750
+ {
3751
+ "name": "input",
3752
+ "type": "InputEvent",
3753
+ "description": "Fired when a toggle icon button is selected or unselected. --bubbles --composed"
3754
+ },
3755
+ {
3756
+ "name": "change",
3757
+ "type": "Event",
3758
+ "description": "Fired when a toggle button is selected or unselected. --bubbles"
3759
+ }
3760
+ ]
3761
+ }
3762
+ },
3763
+ {
3764
+ "name": "md-gb-list",
3765
+ "description": "A Material Design list component.\n\n---\n\n\n### **Slots:**\n - **-** - Used to display list items.\n\n### **CSS Properties:**\n - **--container-shape** - undefined _(default: undefined)_\n- **--gap** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **list** - The list's root element.",
3766
+ "doc-url": "",
3767
+ "attributes": [
3768
+ { "name": "segmented", "value": { "type": "boolean" } }
3769
+ ],
3770
+ "slots": [
3771
+ { "name": "-", "description": "Used to display list items." }
3772
+ ],
3773
+ "events": [],
3774
+ "js": {
3775
+ "properties": [
3776
+ {
3777
+ "name": "segmented",
3778
+ "description": "Whether to render the list with segmented items.",
3779
+ "type": "boolean"
3780
+ }
3781
+ ],
3782
+ "events": []
3783
+ }
3784
+ },
3785
+ {
3786
+ "name": "md-gb-list-item",
3787
+ "description": "A Material Design list item component.\n\n---\n\n\n### **Slots:**\n - **-** - Used to display the item's primary label.\n- **avatar** - Used to display a circular avatar before the item's content.\n- **leading** - Used to display icons and content before the item's main content.\n- **overline** - Used to display overline text above the main label.\n- **supporting-text** - Used to display supporting text below the main label.\n- **trailing-text** - Used to display metadata or text after the item's main content.\n- **trailing** - Used to display icons and content after the item's main content.\n\n### **CSS Properties:**\n - **--container-height** - undefined _(default: undefined)_\n- **--container-color** - undefined _(default: undefined)_\n- **--container-shape** - undefined _(default: undefined)_\n- **--label-text-color** - undefined _(default: undefined)_\n- **--label-text** - undefined _(default: undefined)_\n- **--label-text-tracking** - undefined _(default: undefined)_\n- **--leading-space** - undefined _(default: undefined)_\n- **--trailing-space** - undefined _(default: undefined)_\n- **--between-space** - undefined _(default: undefined)_\n- **--top-space** - undefined _(default: undefined)_\n- **--bottom-space** - undefined _(default: undefined)_\n- **--avatar-size** - undefined _(default: undefined)_\n- **--avatar-shape** - undefined _(default: undefined)_\n- **--avatar-color** - undefined _(default: undefined)_\n- **--avatar-label** - undefined _(default: undefined)_\n- **--avatar-label-axes** - undefined _(default: undefined)_\n- **--avatar-label-tracking** - undefined _(default: undefined)_\n- **--avatar-label-color** - undefined _(default: undefined)_\n- **--leading-icon-color** - undefined _(default: undefined)_\n- **--leading-icon-size** - undefined _(default: undefined)_\n- **--trailing-icon-color** - undefined _(default: undefined)_\n- **--trailing-icon-size** - undefined _(default: undefined)_\n- **--overline** - undefined _(default: undefined)_\n- **--overline-axes** - undefined _(default: undefined)_\n- **--overline-tracking** - undefined _(default: undefined)_\n- **--overline-color** - undefined _(default: undefined)_\n- **--supporting-text** - undefined _(default: undefined)_\n- **--supporting-text-axes** - undefined _(default: undefined)_\n- **--supporting-text-tracking** - undefined _(default: undefined)_\n- **--supporting-text-color** - undefined _(default: undefined)_\n- **--trailing-supporting-text** - undefined _(default: undefined)_\n- **--trailing-supporting-text-axes** - undefined _(default: undefined)_\n- **--trailing-supporting-text-tracking** - undefined _(default: undefined)_\n- **--trailing-supporting-text-color** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **list-item** - The list item's root element.",
3788
+ "doc-url": "",
3789
+ "attributes": [
3790
+ { "name": "checked", "value": { "type": "boolean" } },
3791
+ { "name": "disabled", "value": { "type": "boolean" } },
3792
+ { "name": "static", "value": { "type": "boolean" } }
3793
+ ],
3794
+ "slots": [
3795
+ {
3796
+ "name": "-",
3797
+ "description": "Used to display the item's primary label."
3798
+ },
3799
+ {
3800
+ "name": "avatar",
3801
+ "description": "Used to display a circular avatar before the item's content."
3802
+ },
3803
+ {
3804
+ "name": "leading",
3805
+ "description": "Used to display icons and content before the item's main content."
3806
+ },
3807
+ {
3808
+ "name": "overline",
3809
+ "description": "Used to display overline text above the main label."
3810
+ },
3811
+ {
3812
+ "name": "supporting-text",
3813
+ "description": "Used to display supporting text below the main label."
3814
+ },
3815
+ {
3816
+ "name": "trailing-text",
3817
+ "description": "Used to display metadata or text after the item's main content."
3818
+ },
3819
+ {
3820
+ "name": "trailing",
3821
+ "description": "Used to display icons and content after the item's main content."
3822
+ }
3823
+ ],
3824
+ "events": [],
3825
+ "js": {
3826
+ "properties": [
3827
+ {
3828
+ "name": "checked",
3829
+ "description": "Whether the list item is selected.",
3830
+ "type": "boolean"
3831
+ },
3832
+ {
3833
+ "name": "disabled",
3834
+ "description": "Whether the list item is disabled.",
3835
+ "type": "boolean"
3836
+ },
3837
+ {
3838
+ "name": "nonInteractive",
3839
+ "description": "Whether the list item is non-interactive.",
3840
+ "type": "boolean"
3841
+ }
3842
+ ],
3843
+ "events": []
3844
+ }
3845
+ },
3846
+ {
3847
+ "name": "md-gb-menu",
3848
+ "description": "A Material Design menu component.\n\n---\n\n\n### **Slots:**\n - **-** - Used to display the menu's items.\n\n### **CSS Properties:**\n - **--container-color** - undefined _(default: undefined)_\n- **--container-elevation** - undefined _(default: undefined)_\n- **--container-shape** - undefined _(default: undefined)_\n- **--gap** - undefined _(default: undefined)_\n- **--group-padding** - undefined _(default: undefined)_\n- **--group-shape** - undefined _(default: undefined)_\n- **--section-label-text-color** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **menu** - The menu's root element.",
3849
+ "doc-url": "",
3850
+ "attributes": [{ "name": "color", "value": { "type": "string" } }],
3851
+ "slots": [
3852
+ { "name": "-", "description": "Used to display the menu's items." }
3853
+ ],
3854
+ "events": [],
3855
+ "js": {
3856
+ "properties": [
3857
+ { "name": "color", "type": "MenuColor" },
3858
+ { "name": "items", "type": "HTMLElement[]" }
3859
+ ],
3860
+ "events": []
3861
+ }
3862
+ },
3863
+ {
3864
+ "name": "md-gb-menu-group",
3865
+ "description": "A Material Design menu group component.\n\n---\n\n\n### **Slots:**\n - **-** - Used to display the menu group's items.",
3866
+ "doc-url": "",
3867
+ "attributes": [
3868
+ { "name": "checkable", "value": { "type": "string" } }
3869
+ ],
3870
+ "slots": [
3871
+ {
3872
+ "name": "-",
3873
+ "description": "Used to display the menu group's items."
3874
+ }
3875
+ ],
3876
+ "events": [],
3877
+ "js": {
3878
+ "properties": [
3879
+ { "name": "checkable", "type": "MenuItemCheckable" },
3880
+ { "name": "menu", "type": "HTMLElement" },
3881
+ { "name": "items", "type": "HTMLElement[]" }
3882
+ ],
3883
+ "events": []
3884
+ }
3885
+ },
3886
+ {
3887
+ "name": "md-gb-menu-item",
3888
+ "description": "A Material Design menu item component.\n\n---\n\n\n### **Events:**\n - **change** - Fired when a checkbox or menu item is checked or unchecked. --bubbles\n- **input** - Fired when a checkbox or menu item is checked or unchecked. --bubbles --composed\n\n### **Slots:**\n - **-** - Used to display the item's primary label.\n- **leading** - Used to display icons and content before the item's main content.\n- **supporting-text** - Used to display supporting text below the main label.\n- **trailing-text** - Used to display metadata or text after the item's main content.\n- **trailing** - Used to display icons and content after the item's main content.\n\n### **CSS Properties:**\n - **--between-space** - undefined _(default: undefined)_\n- **--bottom-space** - undefined _(default: undefined)_\n- **--container-color** - undefined _(default: undefined)_\n- **--height** - undefined _(default: undefined)_\n- **--inner-corner-corner-size** - undefined _(default: undefined)_\n- **--label-text-color** - undefined _(default: undefined)_\n- **--label-text** - undefined _(default: undefined)_\n- **--label-text-axes** - undefined _(default: undefined)_\n- **--label-text-tracking** - undefined _(default: undefined)_\n- **--leading-icon-color** - undefined _(default: undefined)_\n- **--leading-icon-size** - undefined _(default: undefined)_\n- **--leading-space** - undefined _(default: undefined)_\n- **--shape** - undefined _(default: undefined)_\n- **--supporting-text-color** - undefined _(default: undefined)_\n- **--supporting-text** - undefined _(default: undefined)_\n- **--supporting-text-axes** - undefined _(default: undefined)_\n- **--supporting-text-tracking** - undefined _(default: undefined)_\n- **--top-space** - undefined _(default: undefined)_\n- **--trailing-icon-color** - undefined _(default: undefined)_\n- **--trailing-icon-size** - undefined _(default: undefined)_\n- **--trailing-space** - undefined _(default: undefined)_\n- **--trailing-supporting-text** - undefined _(default: undefined)_\n- **--trailing-supporting-text-axes** - undefined _(default: undefined)_\n- **--trailing-supporting-text-color** - undefined _(default: undefined)_\n- **--trailing-supporting-text-tracking** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **menu-item** - The menu item's root element.",
3889
+ "doc-url": "",
3890
+ "attributes": [
3891
+ { "name": "checked", "value": { "type": "boolean" } },
3892
+ { "name": "disabled", "value": { "type": "boolean" } }
3893
+ ],
3894
+ "slots": [
3895
+ {
3896
+ "name": "-",
3897
+ "description": "Used to display the item's primary label."
3898
+ },
3899
+ {
3900
+ "name": "leading",
3901
+ "description": "Used to display icons and content before the item's main content."
3902
+ },
3903
+ {
3904
+ "name": "supporting-text",
3905
+ "description": "Used to display supporting text below the main label."
3906
+ },
3907
+ {
3908
+ "name": "trailing-text",
3909
+ "description": "Used to display metadata or text after the item's main content."
3910
+ },
3911
+ {
3912
+ "name": "trailing",
3913
+ "description": "Used to display icons and content after the item's main content."
3914
+ }
3915
+ ],
3916
+ "events": [
3917
+ {
3918
+ "name": "change",
3919
+ "type": "Event",
3920
+ "description": "Fired when a checkbox or menu item is checked or unchecked. --bubbles"
3921
+ },
3922
+ {
3923
+ "name": "input",
3924
+ "type": "InputEvent",
3925
+ "description": "Fired when a checkbox or menu item is checked or unchecked. --bubbles --composed"
3926
+ }
3927
+ ],
3928
+ "js": {
3929
+ "properties": [
3930
+ { "name": "checked", "type": "boolean" },
3931
+ { "name": "disabled", "type": "boolean" },
3932
+ { "name": "menu", "type": "HTMLElement" }
3933
+ ],
3934
+ "events": [
3935
+ {
3936
+ "name": "change",
3937
+ "type": "Event",
3938
+ "description": "Fired when a checkbox or menu item is checked or unchecked. --bubbles"
3939
+ },
3940
+ {
3941
+ "name": "input",
3942
+ "type": "InputEvent",
3943
+ "description": "Fired when a checkbox or menu item is checked or unchecked. --bubbles --composed"
3944
+ }
3945
+ ]
3946
+ }
3947
+ },
3948
+ {
3949
+ "name": "md-gb-radio",
3950
+ "description": "A Material Design radio component.\n\n---\n\n\n### **Events:**\n - **input** - Fired when the radio is checked (but not unchecked). --bubbles --composed\n- **change** - Fired when the radio is checked (but not unchecked). --bubbles\n\n### **CSS Properties:**\n - **--icon-color** - undefined _(default: undefined)_\n- **--icon-size** - undefined _(default: undefined)_\n- **--state-layer-color** - undefined _(default: undefined)_\n- **--state-layer-shape** - undefined _(default: undefined)_\n- **--state-layer-size** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **radio** - The radio's root element.",
3951
+ "doc-url": "",
3952
+ "attributes": [
3953
+ { "name": "checked", "value": { "type": "boolean" } },
3954
+ { "name": "required", "value": { "type": "boolean" } },
3955
+ { "name": "value", "value": { "type": "string" } }
3956
+ ],
3957
+ "events": [
3958
+ {
3959
+ "name": "input",
3960
+ "type": "InputEvent",
3961
+ "description": "Fired when the radio is checked (but not unchecked). --bubbles --composed"
3962
+ },
3963
+ {
3964
+ "name": "change",
3965
+ "type": "Event",
3966
+ "description": "Fired when the radio is checked (but not unchecked). --bubbles"
3967
+ }
3968
+ ],
3969
+ "js": {
3970
+ "properties": [
3971
+ {
3972
+ "name": "required",
3973
+ "description": "Whether or not the radio is required. If any radio is required in a group,\nall radios are implicitly required.",
3974
+ "type": "boolean"
3975
+ },
3976
+ {
3977
+ "name": "value",
3978
+ "description": "The element value to use in form submission when checked.",
3979
+ "type": "string"
3980
+ },
3981
+ { "name": "checked", "type": "boolean" },
3982
+ { "name": "defaultChecked", "type": "boolean" }
3983
+ ],
3984
+ "events": [
3985
+ {
3986
+ "name": "input",
3987
+ "type": "InputEvent",
3988
+ "description": "Fired when the radio is checked (but not unchecked). --bubbles --composed"
3989
+ },
3990
+ {
3991
+ "name": "change",
3992
+ "type": "Event",
3993
+ "description": "Fired when the radio is checked (but not unchecked). --bubbles"
3994
+ }
3995
+ ]
3996
+ }
3997
+ },
3998
+ {
3999
+ "name": "md-gb-split-button",
4000
+ "description": "A Material Design split button component.\n\n---\n\n\n### **Slots:**\n - **leading** - Requires a `<button>` for the main action.\n- **trailing** - Requires a `<button>` for the menu action. Use `popovertarget` to display a menu.\n- **-** - Used to render the trailing button's popover menu.\n\n### **CSS Properties:**\n - **--between-space** - undefined _(default: undefined)_\n- **--icon-size** - undefined _(default: undefined)_\n- **--inner-corner-size** - undefined _(default: undefined)_\n- **--outer-corner-size** - undefined _(default: undefined)_\n- **--leading-space** - undefined _(default: undefined)_\n- **--trailing-space** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **split-btn** - The split button's root element.\n- **leading-btn** - The split button's main action.\n- **trailing-btn** - The split button's menu action.",
4001
+ "doc-url": "",
4002
+ "attributes": [
4003
+ { "name": "color", "value": { "type": "string" } },
4004
+ { "name": "size", "value": { "type": "string" } },
4005
+ { "name": "selected", "value": { "type": "boolean" } }
4006
+ ],
4007
+ "slots": [
4008
+ {
4009
+ "name": "leading",
4010
+ "description": "Requires a `<button>` for the main action."
4011
+ },
4012
+ {
4013
+ "name": "trailing",
4014
+ "description": "Requires a `<button>` for the menu action. Use `popovertarget` to display a menu."
4015
+ },
4016
+ {
4017
+ "name": "-",
4018
+ "description": "Used to render the trailing button's popover menu."
4019
+ }
4020
+ ],
4021
+ "events": [],
4022
+ "js": {
4023
+ "properties": [
4024
+ { "name": "color", "type": "SplitButtonColor" },
4025
+ { "name": "size", "type": "SplitButtonSize" },
4026
+ { "name": "selected", "type": "boolean" }
4027
+ ],
4028
+ "events": []
4029
+ }
4030
+ },
4031
+ {
4032
+ "name": "md-gb-switch",
4033
+ "description": "A Material Design switch component.\n\n---\n\n\n### **Events:**\n - **input** - Fired when the switch is selected or unselected. --bubbles --composed\n- **change** - Fired when the switch is selected or unselected. --bubbles\n\n### **Slots:**\n - **off-icon** - Used to show an icon when the switch is unselected.\n- **on-icon** - Used to show an icon when the switch is selected.\n\n### **CSS Properties:**\n - **--handle-color** - undefined _(default: undefined)_\n- **--handle-size** - undefined _(default: undefined)_\n- **--with-icon-handle-size** - undefined _(default: undefined)_\n- **--icon-color** - undefined _(default: undefined)_\n- **--icon-size** - undefined _(default: undefined)_\n- **--state-layer-color** - undefined _(default: undefined)_\n- **--state-layer-size** - undefined _(default: undefined)_\n- **--track-color** - undefined _(default: undefined)_\n- **--track-height** - undefined _(default: undefined)_\n- **--track-outline-color** - undefined _(default: undefined)_\n- **--track-outline-width** - undefined _(default: undefined)_\n- **--track-width** - undefined _(default: undefined)_\n\n### **CSS Parts:**\n - **switch** - The switch's root element.",
4034
+ "doc-url": "",
4035
+ "attributes": [
4036
+ { "name": "selected", "value": { "type": "boolean" } },
4037
+ { "name": "required", "value": { "type": "boolean" } },
4038
+ { "name": "value", "value": { "type": "string" } }
4039
+ ],
4040
+ "slots": [
4041
+ {
4042
+ "name": "off-icon",
4043
+ "description": "Used to show an icon when the switch is unselected."
4044
+ },
4045
+ {
4046
+ "name": "on-icon",
4047
+ "description": "Used to show an icon when the switch is selected."
4048
+ }
4049
+ ],
4050
+ "events": [
4051
+ {
4052
+ "name": "input",
4053
+ "type": "InputEvent",
4054
+ "description": "Fired when the switch is selected or unselected. --bubbles --composed"
4055
+ },
4056
+ {
4057
+ "name": "change",
4058
+ "type": "Event",
4059
+ "description": "Fired when the switch is selected or unselected. --bubbles"
4060
+ }
4061
+ ],
4062
+ "js": {
4063
+ "properties": [
4064
+ {
4065
+ "name": "required",
4066
+ "description": "When true, require the switch to be selected when participating in\nform submission.\n\nhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#validation",
4067
+ "type": "boolean"
4068
+ },
4069
+ {
4070
+ "name": "value",
4071
+ "description": "The value associated with this switch on form submission. `null` is\nsubmitted when `selected` is `false`.",
4072
+ "type": "string"
4073
+ },
4074
+ { "name": "selected", "type": "boolean" },
4075
+ { "name": "defaultSelected", "type": "boolean" }
4076
+ ],
4077
+ "events": [
4078
+ {
4079
+ "name": "input",
4080
+ "type": "InputEvent",
4081
+ "description": "Fired when the switch is selected or unselected. --bubbles --composed"
4082
+ },
4083
+ {
4084
+ "name": "change",
4085
+ "type": "Event",
4086
+ "description": "Fired when the switch is selected or unselected. --bubbles"
4087
+ }
4088
+ ]
4089
+ }
4090
+ },
4091
+ {
4092
+ "name": "md-gb-icon",
4093
+ "description": "A Material Design icon component.\n\n---\n",
4094
+ "doc-url": "",
4095
+ "attributes": [],
4096
+ "events": [],
4097
+ "js": { "properties": [], "events": [] }
3246
4098
  }
3247
4099
  ]
3248
4100
  },
3249
4101
  "css": {
3250
- "properties": [],
3251
- "pseudo-elements": []
4102
+ "properties": [
4103
+ { "name": "--avatar-size" },
4104
+ { "name": "--container-color" },
4105
+ { "name": "--container-elevation" },
4106
+ { "name": "--container-height" },
4107
+ { "name": "--container-shape" },
4108
+ { "name": "--icon-button-space" },
4109
+ { "name": "--icon-size" },
4110
+ { "name": "--label-text" },
4111
+ { "name": "--label-text-axes" },
4112
+ { "name": "--label-text-tracking" },
4113
+ { "name": "--label-color" },
4114
+ { "name": "--leading-icon-color" },
4115
+ { "name": "--leading-space" },
4116
+ { "name": "--subtitle" },
4117
+ { "name": "--subtitle-axes" },
4118
+ { "name": "--subtitle-color" },
4119
+ { "name": "--subtitle-tracking" },
4120
+ { "name": "--title" },
4121
+ { "name": "--title-axes" },
4122
+ { "name": "--title-color" },
4123
+ { "name": "--title-tracking" },
4124
+ { "name": "--trailing-icon-color" },
4125
+ { "name": "--trailing-space" },
4126
+ { "name": "--container-color" },
4127
+ { "name": "--container-elevation" },
4128
+ { "name": "--container-height" },
4129
+ { "name": "--container-shape" },
4130
+ { "name": "--icon-color" },
4131
+ { "name": "--icon-label-space" },
4132
+ { "name": "--icon-size" },
4133
+ { "name": "--label-text" },
4134
+ { "name": "--label-text-axes" },
4135
+ { "name": "--label-text-color" },
4136
+ { "name": "--label-text-tracking" },
4137
+ { "name": "--leading-space" },
4138
+ { "name": "--md-icon-fill" },
4139
+ { "name": "--outline-color" },
4140
+ { "name": "--outline-width" },
4141
+ { "name": "--state-layer-color" },
4142
+ { "name": "--trailing-space" },
4143
+ { "name": "--container-color" },
4144
+ { "name": "--container-elevation" },
4145
+ { "name": "--container-shape" },
4146
+ { "name": "--outline-color" },
4147
+ { "name": "--outline-width" },
4148
+ { "name": "--state-layer-color" },
4149
+ { "name": "--container-color" },
4150
+ { "name": "--container-shape" },
4151
+ { "name": "--container-size" },
4152
+ { "name": "--icon-color" },
4153
+ { "name": "--icon-size" },
4154
+ { "name": "--outline-color" },
4155
+ { "name": "--outline-width" },
4156
+ { "name": "--state-layer-color" },
4157
+ { "name": "--state-layer-shape" },
4158
+ { "name": "--state-layer-size" },
4159
+ { "name": "--avatar-opacity" },
4160
+ { "name": "--avatar-shape" },
4161
+ { "name": "--avatar-size" },
4162
+ { "name": "--container-color" },
4163
+ { "name": "--container-elevation" },
4164
+ { "name": "--container-opacity" },
4165
+ { "name": "--gap-horizontal" },
4166
+ { "name": "--height" },
4167
+ { "name": "--label-text" },
4168
+ { "name": "--label-text-color" },
4169
+ { "name": "--label-text-opacity" },
4170
+ { "name": "--leading-icon-color" },
4171
+ { "name": "--leading-icon-opacity" },
4172
+ { "name": "--leading-icon-size" },
4173
+ { "name": "--outline-color" },
4174
+ { "name": "--outline-opacity" },
4175
+ { "name": "--outline-width" },
4176
+ { "name": "--padding-bottom" },
4177
+ { "name": "--padding-leading" },
4178
+ { "name": "--padding-top" },
4179
+ { "name": "--padding-trailing" },
4180
+ { "name": "--shape" },
4181
+ { "name": "--trailing-icon-color" },
4182
+ { "name": "--trailing-icon-opacity" },
4183
+ { "name": "--trailing-icon-size" },
4184
+ { "name": "--color" },
4185
+ { "name": "--thickness" },
4186
+ { "name": "--container-color" },
4187
+ { "name": "--container-elevation" },
4188
+ { "name": "--container-height" },
4189
+ { "name": "--container-shape" },
4190
+ { "name": "--icon-color" },
4191
+ { "name": "--icon-label-space" },
4192
+ { "name": "--icon-size" },
4193
+ { "name": "--label-text" },
4194
+ { "name": "--label-text-axes" },
4195
+ { "name": "--label-text-color" },
4196
+ { "name": "--label-text-tracking" },
4197
+ { "name": "--leading-space" },
4198
+ { "name": "--trailing-space" },
4199
+ { "name": "--container-color" },
4200
+ { "name": "--container-height" },
4201
+ { "name": "--container-shape" },
4202
+ { "name": "--icon-color" },
4203
+ { "name": "--icon-size" },
4204
+ { "name": "--leading-space" },
4205
+ { "name": "--md-icon-fill" },
4206
+ { "name": "--outline-color" },
4207
+ { "name": "--outline-width" },
4208
+ { "name": "--trailing-space" },
4209
+ { "name": "--container-shape" },
4210
+ { "name": "--gap" },
4211
+ { "name": "--container-height" },
4212
+ { "name": "--container-color" },
4213
+ { "name": "--container-shape" },
4214
+ { "name": "--label-text-color" },
4215
+ { "name": "--label-text" },
4216
+ { "name": "--label-text-tracking" },
4217
+ { "name": "--leading-space" },
4218
+ { "name": "--trailing-space" },
4219
+ { "name": "--between-space" },
4220
+ { "name": "--top-space" },
4221
+ { "name": "--bottom-space" },
4222
+ { "name": "--avatar-size" },
4223
+ { "name": "--avatar-shape" },
4224
+ { "name": "--avatar-color" },
4225
+ { "name": "--avatar-label" },
4226
+ { "name": "--avatar-label-axes" },
4227
+ { "name": "--avatar-label-tracking" },
4228
+ { "name": "--avatar-label-color" },
4229
+ { "name": "--leading-icon-color" },
4230
+ { "name": "--leading-icon-size" },
4231
+ { "name": "--trailing-icon-color" },
4232
+ { "name": "--trailing-icon-size" },
4233
+ { "name": "--overline" },
4234
+ { "name": "--overline-axes" },
4235
+ { "name": "--overline-tracking" },
4236
+ { "name": "--overline-color" },
4237
+ { "name": "--supporting-text" },
4238
+ { "name": "--supporting-text-axes" },
4239
+ { "name": "--supporting-text-tracking" },
4240
+ { "name": "--supporting-text-color" },
4241
+ { "name": "--trailing-supporting-text" },
4242
+ { "name": "--trailing-supporting-text-axes" },
4243
+ { "name": "--trailing-supporting-text-tracking" },
4244
+ { "name": "--trailing-supporting-text-color" },
4245
+ { "name": "--container-color" },
4246
+ { "name": "--container-elevation" },
4247
+ { "name": "--container-shape" },
4248
+ { "name": "--gap" },
4249
+ { "name": "--group-padding" },
4250
+ { "name": "--group-shape" },
4251
+ { "name": "--section-label-text-color" },
4252
+ { "name": "--between-space" },
4253
+ { "name": "--bottom-space" },
4254
+ { "name": "--container-color" },
4255
+ { "name": "--height" },
4256
+ { "name": "--inner-corner-corner-size" },
4257
+ { "name": "--label-text-color" },
4258
+ { "name": "--label-text" },
4259
+ { "name": "--label-text-axes" },
4260
+ { "name": "--label-text-tracking" },
4261
+ { "name": "--leading-icon-color" },
4262
+ { "name": "--leading-icon-size" },
4263
+ { "name": "--leading-space" },
4264
+ { "name": "--shape" },
4265
+ { "name": "--supporting-text-color" },
4266
+ { "name": "--supporting-text" },
4267
+ { "name": "--supporting-text-axes" },
4268
+ { "name": "--supporting-text-tracking" },
4269
+ { "name": "--top-space" },
4270
+ { "name": "--trailing-icon-color" },
4271
+ { "name": "--trailing-icon-size" },
4272
+ { "name": "--trailing-space" },
4273
+ { "name": "--trailing-supporting-text" },
4274
+ { "name": "--trailing-supporting-text-axes" },
4275
+ { "name": "--trailing-supporting-text-color" },
4276
+ { "name": "--trailing-supporting-text-tracking" },
4277
+ { "name": "--icon-color" },
4278
+ { "name": "--icon-size" },
4279
+ { "name": "--state-layer-color" },
4280
+ { "name": "--state-layer-shape" },
4281
+ { "name": "--state-layer-size" },
4282
+ { "name": "--between-space" },
4283
+ { "name": "--icon-size" },
4284
+ { "name": "--inner-corner-size" },
4285
+ { "name": "--outer-corner-size" },
4286
+ { "name": "--leading-space" },
4287
+ { "name": "--trailing-space" },
4288
+ { "name": "--handle-color" },
4289
+ { "name": "--handle-size" },
4290
+ { "name": "--with-icon-handle-size" },
4291
+ { "name": "--icon-color" },
4292
+ { "name": "--icon-size" },
4293
+ { "name": "--state-layer-color" },
4294
+ { "name": "--state-layer-size" },
4295
+ { "name": "--track-color" },
4296
+ { "name": "--track-height" },
4297
+ { "name": "--track-outline-color" },
4298
+ { "name": "--track-outline-width" },
4299
+ { "name": "--track-width" }
4300
+ ],
4301
+ "pseudo-elements": [
4302
+ {
4303
+ "name": "part(app-bar)",
4304
+ "description": "The root container element."
4305
+ },
4306
+ { "name": "part(btn)", "description": "The button's root element." },
4307
+ { "name": "part(card)", "description": "The card's root element." },
4308
+ {
4309
+ "name": "part(card-btn)",
4310
+ "description": "The card's main action button, when interactive."
4311
+ },
4312
+ {
4313
+ "name": "part(checkbox)",
4314
+ "description": "The checkbox's root element."
4315
+ },
4316
+ { "name": "part(chip)", "description": "The root container element." },
4317
+ { "name": "part(divider)", "description": "The divider element." },
4318
+ { "name": "part(fab)", "description": "The FAB's root element." },
4319
+ {
4320
+ "name": "part(icon-btn)",
4321
+ "description": "The icon button's root element."
4322
+ },
4323
+ { "name": "part(list)", "description": "The list's root element." },
4324
+ {
4325
+ "name": "part(list-item)",
4326
+ "description": "The list item's root element."
4327
+ },
4328
+ { "name": "part(menu)", "description": "The menu's root element." },
4329
+ {
4330
+ "name": "part(menu-item)",
4331
+ "description": "The menu item's root element."
4332
+ },
4333
+ { "name": "part(radio)", "description": "The radio's root element." },
4334
+ {
4335
+ "name": "part(split-btn)",
4336
+ "description": "The split button's root element."
4337
+ },
4338
+ {
4339
+ "name": "part(leading-btn)",
4340
+ "description": "The split button's main action."
4341
+ },
4342
+ {
4343
+ "name": "part(trailing-btn)",
4344
+ "description": "The split button's menu action."
4345
+ },
4346
+ { "name": "part(switch)", "description": "The switch's root element." }
4347
+ ]
3252
4348
  }
3253
4349
  }
3254
4350
  }