@universal-material/web 3.0.26 → 3.0.28

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 (22) hide show
  1. package/button/button-set.d.ts +1 -1
  2. package/button/button-set.d.ts.map +1 -1
  3. package/button/button-set.js +2 -2
  4. package/button/button-set.js.map +1 -1
  5. package/button/button-set.styles.js +6 -6
  6. package/button/button-set.styles.js.map +1 -1
  7. package/css/universal-material.css +1 -22
  8. package/css/universal-material.min.css +2 -2
  9. package/custom-elements.json +401 -401
  10. package/navigation/side-navigation.d.ts +1 -0
  11. package/navigation/side-navigation.d.ts.map +1 -1
  12. package/navigation/side-navigation.js +1 -0
  13. package/navigation/side-navigation.js.map +1 -1
  14. package/package.json +1 -1
  15. package/scss/_common.scss +0 -22
  16. package/shared/base.styles.d.ts.map +1 -1
  17. package/shared/base.styles.js +19 -0
  18. package/shared/base.styles.js.map +1 -1
  19. package/snackbar/snackbar.d.ts +2 -0
  20. package/snackbar/snackbar.d.ts.map +1 -1
  21. package/snackbar/snackbar.js +2 -0
  22. package/snackbar/snackbar.js.map +1 -1
package/custom-elements.json CHANGED
@@ -463,331 +463,6 @@
463
463
  }
464
464
  ]
465
465
  },
466
- {
467
- "kind": "javascript-module",
468
- "path": "src/card/card-content.styles.ts",
469
- "declarations": [
470
- {
471
- "kind": "variable",
472
- "name": "styles",
473
- "default": "css `\n :host {\n display: block;\n }\n\n :host(:has(slot > *)) {\n display: none;\n }\n\n :host([has-content]) {\n padding: var(--u-card-padding, 16px);\n }\n\n slot {\n border-radius: inherit;\n }\n`"
474
- }
475
- ],
476
- "exports": [
477
- {
478
- "kind": "js",
479
- "name": "styles",
480
- "declaration": {
481
- "name": "styles",
482
- "module": "src/card/card-content.styles.ts"
483
- }
484
- }
485
- ]
486
- },
487
- {
488
- "kind": "javascript-module",
489
- "path": "src/card/card-content.ts",
490
- "declarations": [
491
- {
492
- "kind": "class",
493
- "description": "",
494
- "name": "UmCardContent",
495
- "members": [
496
- {
497
- "kind": "field",
498
- "name": "hasContent",
499
- "type": {
500
- "text": "boolean"
501
- },
502
- "default": "false",
503
- "attribute": "has-content",
504
- "reflects": true
505
- },
506
- {
507
- "kind": "method",
508
- "name": "handleSlotChange",
509
- "privacy": "private",
510
- "parameters": [
511
- {
512
- "name": "e",
513
- "type": {
514
- "text": "Event"
515
- }
516
- }
517
- ]
518
- }
519
- ],
520
- "attributes": [
521
- {
522
- "name": "has-content",
523
- "type": {
524
- "text": "boolean"
525
- },
526
- "default": "false",
527
- "fieldName": "hasContent"
528
- }
529
- ],
530
- "superclass": {
531
- "name": "LitElement",
532
- "package": "lit"
533
- },
534
- "tagName": "u-card-content",
535
- "customElement": true
536
- }
537
- ],
538
- "exports": [
539
- {
540
- "kind": "js",
541
- "name": "UmCardContent",
542
- "declaration": {
543
- "name": "UmCardContent",
544
- "module": "src/card/card-content.ts"
545
- }
546
- },
547
- {
548
- "kind": "custom-element-definition",
549
- "name": "u-card-content",
550
- "declaration": {
551
- "name": "UmCardContent",
552
- "module": "src/card/card-content.ts"
553
- }
554
- }
555
- ]
556
- },
557
- {
558
- "kind": "javascript-module",
559
- "path": "src/card/card-media.styles.ts",
560
- "declarations": [
561
- {
562
- "kind": "variable",
563
- "name": "styles",
564
- "default": "css `\n :host {\n display: block;\n aspect-ratio: 1;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([wide]) {\n aspect-ratio: 16/9;\n }\n`"
565
- }
566
- ],
567
- "exports": [
568
- {
569
- "kind": "js",
570
- "name": "styles",
571
- "declaration": {
572
- "name": "styles",
573
- "module": "src/card/card-media.styles.ts"
574
- }
575
- }
576
- ]
577
- },
578
- {
579
- "kind": "javascript-module",
580
- "path": "src/card/card-media.ts",
581
- "declarations": [
582
- {
583
- "kind": "class",
584
- "description": "",
585
- "name": "UmCardMedia",
586
- "members": [
587
- {
588
- "kind": "field",
589
- "name": "wide",
590
- "type": {
591
- "text": "boolean"
592
- },
593
- "default": "false",
594
- "attribute": "wide",
595
- "reflects": true
596
- }
597
- ],
598
- "attributes": [
599
- {
600
- "name": "wide",
601
- "type": {
602
- "text": "boolean"
603
- },
604
- "default": "false",
605
- "fieldName": "wide"
606
- }
607
- ],
608
- "superclass": {
609
- "name": "LitElement",
610
- "package": "lit"
611
- },
612
- "tagName": "u-card-media",
613
- "customElement": true
614
- }
615
- ],
616
- "exports": [
617
- {
618
- "kind": "js",
619
- "name": "UmCardMedia",
620
- "declaration": {
621
- "name": "UmCardMedia",
622
- "module": "src/card/card-media.ts"
623
- }
624
- },
625
- {
626
- "kind": "custom-element-definition",
627
- "name": "u-card-media",
628
- "declaration": {
629
- "name": "UmCardMedia",
630
- "module": "src/card/card-media.ts"
631
- }
632
- }
633
- ]
634
- },
635
- {
636
- "kind": "javascript-module",
637
- "path": "src/card/card.styles.ts",
638
- "declarations": [
639
- {
640
- "kind": "variable",
641
- "name": "styles",
642
- "default": "css `\n :host {\n display: block;\n position: relative;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host(:not(:first-child)) {\n margin-top: 8px;\n }\n\n :host([variant=elevated]) {\n background-color: var(--u-color-surface-container-low, rgb(247, 242, 250));\n }\n :host([variant=elevated]) u-elevation {\n --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n }\n\n :host([variant=filled]) {\n background-color: var(--u-color-surface-container-highest, rgb(230, 224, 233));\n }\n\n :host([variant=outlined]) {\n border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n u-card-content,\n slot {\n border-radius: inherit;\n }\n`"
643
- }
644
- ],
645
- "exports": [
646
- {
647
- "kind": "js",
648
- "name": "styles",
649
- "declaration": {
650
- "name": "styles",
651
- "module": "src/card/card.styles.ts"
652
- }
653
- }
654
- ]
655
- },
656
- {
657
- "kind": "javascript-module",
658
- "path": "src/card/card.ts",
659
- "declarations": [
660
- {
661
- "kind": "class",
662
- "description": "",
663
- "name": "UmCard",
664
- "members": [
665
- {
666
- "kind": "field",
667
- "name": "variant",
668
- "type": {
669
- "text": "UmCardVariant"
670
- },
671
- "default": "'filled'",
672
- "description": "The Card variant to render.",
673
- "attribute": "variant",
674
- "reflects": true
675
- }
676
- ],
677
- "attributes": [
678
- {
679
- "name": "variant",
680
- "type": {
681
- "text": "UmCardVariant"
682
- },
683
- "default": "'filled'",
684
- "description": "The Card variant to render.",
685
- "fieldName": "variant"
686
- }
687
- ],
688
- "superclass": {
689
- "name": "LitElement",
690
- "package": "lit"
691
- },
692
- "tagName": "u-card",
693
- "customElement": true
694
- }
695
- ],
696
- "exports": [
697
- {
698
- "kind": "js",
699
- "name": "UmCard",
700
- "declaration": {
701
- "name": "UmCard",
702
- "module": "src/card/card.ts"
703
- }
704
- },
705
- {
706
- "kind": "custom-element-definition",
707
- "name": "u-card",
708
- "declaration": {
709
- "name": "UmCard",
710
- "module": "src/card/card.ts"
711
- }
712
- }
713
- ]
714
- },
715
- {
716
- "kind": "javascript-module",
717
- "path": "src/checkbox/checkbox.ts",
718
- "declarations": [
719
- {
720
- "kind": "class",
721
- "description": "",
722
- "name": "UmCheckbox",
723
- "members": [
724
- {
725
- "kind": "field",
726
- "name": "ripple",
727
- "type": {
728
- "text": "UmRipple"
729
- },
730
- "privacy": "private"
731
- },
732
- {
733
- "kind": "field",
734
- "name": "assignedInputs",
735
- "type": {
736
- "text": "HTMLInputElement[]"
737
- },
738
- "privacy": "private"
739
- },
740
- {
741
- "kind": "field",
742
- "name": "input",
743
- "type": {
744
- "text": "HTMLInputElement | undefined"
745
- },
746
- "privacy": "private"
747
- },
748
- {
749
- "kind": "method",
750
- "name": "handleSlotChange",
751
- "privacy": "private",
752
- "return": {
753
- "type": {
754
- "text": "void"
755
- }
756
- }
757
- },
758
- {
759
- "kind": "field",
760
- "name": "handleInputChange",
761
- "privacy": "private"
762
- }
763
- ],
764
- "superclass": {
765
- "name": "LitElement",
766
- "package": "lit"
767
- },
768
- "tagName": "u-checkbox",
769
- "customElement": true
770
- }
771
- ],
772
- "exports": [
773
- {
774
- "kind": "js",
775
- "name": "UmCheckbox",
776
- "declaration": {
777
- "name": "UmCheckbox",
778
- "module": "src/checkbox/checkbox.ts"
779
- }
780
- },
781
- {
782
- "kind": "custom-element-definition",
783
- "name": "u-checkbox",
784
- "declaration": {
785
- "name": "UmCheckbox",
786
- "module": "src/checkbox/checkbox.ts"
787
- }
788
- }
789
- ]
790
- },
791
466
  {
792
467
  "kind": "javascript-module",
793
468
  "path": "src/button/button-base.ts",
@@ -1149,7 +824,7 @@
1149
824
  {
1150
825
  "kind": "variable",
1151
826
  "name": "styles",
1152
- "default": "css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: nowrap;\n }\n\n :host([align=start]) {\n justify-content: flex-start;\n }\n\n :host([align=center]) {\n justify-content: center;\n }\n\n :host([align=end]) {\n justify-content: flex-end;\n }\n\n :host([stack][align=start]) {\n align-items: flex-start;\n }\n\n :host([stack][align=center]) {\n align-items: center;\n }\n\n :host([stack][align=end]) {\n align-items: flex-end;\n }\n\n :host([stack]) {\n flex-direction: column;\n justify-content: flex-start;\n }\n`"
827
+ "default": "css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: nowrap;\n }\n\n :host([alignment=start]) {\n justify-content: flex-start;\n }\n\n :host([alignment=center]) {\n justify-content: center;\n }\n\n :host([alignment=end]) {\n justify-content: flex-end;\n }\n\n :host([stack][alignment=start]) {\n align-items: flex-start;\n }\n\n :host([stack][alignment=center]) {\n align-items: center;\n }\n\n :host([stack][alignment=end]) {\n align-items: flex-end;\n }\n\n :host([stack]) {\n flex-direction: column;\n justify-content: flex-start;\n }\n`"
1153
828
  }
1154
829
  ],
1155
830
  "exports": [
@@ -1174,13 +849,13 @@
1174
849
  "members": [
1175
850
  {
1176
851
  "kind": "field",
1177
- "name": "align",
852
+ "name": "alignment",
1178
853
  "type": {
1179
854
  "text": "UmButtonSetAlignment"
1180
855
  },
1181
856
  "default": "'end'",
1182
857
  "description": "Set the alignment of the buttons at the `start`, `center` or at the `end`.",
1183
- "attribute": "align",
858
+ "attribute": "alignment",
1184
859
  "reflects": true
1185
860
  },
1186
861
  {
@@ -1197,13 +872,13 @@
1197
872
  ],
1198
873
  "attributes": [
1199
874
  {
1200
- "name": "align",
875
+ "name": "alignment",
1201
876
  "type": {
1202
877
  "text": "UmButtonSetAlignment"
1203
878
  },
1204
879
  "default": "'end'",
1205
880
  "description": "Set the alignment of the buttons at the `start`, `center` or at the `end`.",
1206
- "fieldName": "align"
881
+ "fieldName": "alignment"
1207
882
  },
1208
883
  {
1209
884
  "name": "stack",
@@ -2674,113 +2349,438 @@
2674
2349
  "fieldName": "ariaLabelSelected"
2675
2350
  },
2676
2351
  {
2677
- "name": "type",
2352
+ "name": "type",
2353
+ "type": {
2354
+ "text": "string"
2355
+ },
2356
+ "default": "'submit'",
2357
+ "fieldName": "type",
2358
+ "inheritedFrom": {
2359
+ "name": "UmButtonBase",
2360
+ "module": "src/button/button-base.ts"
2361
+ }
2362
+ },
2363
+ {
2364
+ "name": "value",
2365
+ "type": {
2366
+ "text": "string"
2367
+ },
2368
+ "default": "''",
2369
+ "fieldName": "value",
2370
+ "inheritedFrom": {
2371
+ "name": "UmButtonBase",
2372
+ "module": "src/button/button-base.ts"
2373
+ }
2374
+ },
2375
+ {
2376
+ "name": "form",
2377
+ "type": {
2378
+ "text": "HTMLFormElement | null"
2379
+ },
2380
+ "description": "The `<form>` element to associate the button with (its form owner). The value of this attribute must be the id of a `<form>` in the same document. (If this attribute is not set, the button is associated with its ancestor `<form>` element, if any.)",
2381
+ "fieldName": "form",
2382
+ "inheritedFrom": {
2383
+ "name": "UmButtonBase",
2384
+ "module": "src/button/button-base.ts"
2385
+ }
2386
+ },
2387
+ {
2388
+ "name": "disabled",
2389
+ "type": {
2390
+ "text": "boolean"
2391
+ },
2392
+ "default": "false",
2393
+ "description": "Whether the button is disabled or not.",
2394
+ "fieldName": "disabled",
2395
+ "inheritedFrom": {
2396
+ "name": "UmButtonWrapper",
2397
+ "module": "src/shared/button-wrapper.ts"
2398
+ }
2399
+ },
2400
+ {
2401
+ "name": "href",
2402
+ "type": {
2403
+ "text": "string | undefined"
2404
+ },
2405
+ "description": "The URL that the link button points to.",
2406
+ "fieldName": "href",
2407
+ "inheritedFrom": {
2408
+ "name": "UmButtonWrapper",
2409
+ "module": "src/shared/button-wrapper.ts"
2410
+ }
2411
+ },
2412
+ {
2413
+ "name": "target",
2414
+ "type": {
2415
+ "text": "string | undefined"
2416
+ },
2417
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
2418
+ "fieldName": "target",
2419
+ "inheritedFrom": {
2420
+ "name": "UmButtonWrapper",
2421
+ "module": "src/shared/button-wrapper.ts"
2422
+ }
2423
+ },
2424
+ {
2425
+ "name": "name",
2426
+ "type": {
2427
+ "text": "string | undefined"
2428
+ },
2429
+ "fieldName": "name",
2430
+ "inheritedFrom": {
2431
+ "name": "UmButtonWrapper",
2432
+ "module": "src/shared/button-wrapper.ts"
2433
+ }
2434
+ }
2435
+ ],
2436
+ "superclass": {
2437
+ "name": "UmButtonBase",
2438
+ "module": "/src/button/button-base.js"
2439
+ },
2440
+ "tagName": "u-icon-button",
2441
+ "customElement": true
2442
+ }
2443
+ ],
2444
+ "exports": [
2445
+ {
2446
+ "kind": "js",
2447
+ "name": "UmIconButton",
2448
+ "declaration": {
2449
+ "name": "UmIconButton",
2450
+ "module": "src/button/icon-button.ts"
2451
+ }
2452
+ },
2453
+ {
2454
+ "kind": "custom-element-definition",
2455
+ "name": "u-icon-button",
2456
+ "declaration": {
2457
+ "name": "UmIconButton",
2458
+ "module": "src/button/icon-button.ts"
2459
+ }
2460
+ }
2461
+ ]
2462
+ },
2463
+ {
2464
+ "kind": "javascript-module",
2465
+ "path": "src/checkbox/checkbox.ts",
2466
+ "declarations": [
2467
+ {
2468
+ "kind": "class",
2469
+ "description": "",
2470
+ "name": "UmCheckbox",
2471
+ "members": [
2472
+ {
2473
+ "kind": "field",
2474
+ "name": "ripple",
2475
+ "type": {
2476
+ "text": "UmRipple"
2477
+ },
2478
+ "privacy": "private"
2479
+ },
2480
+ {
2481
+ "kind": "field",
2482
+ "name": "assignedInputs",
2483
+ "type": {
2484
+ "text": "HTMLInputElement[]"
2485
+ },
2486
+ "privacy": "private"
2487
+ },
2488
+ {
2489
+ "kind": "field",
2490
+ "name": "input",
2491
+ "type": {
2492
+ "text": "HTMLInputElement | undefined"
2493
+ },
2494
+ "privacy": "private"
2495
+ },
2496
+ {
2497
+ "kind": "method",
2498
+ "name": "handleSlotChange",
2499
+ "privacy": "private",
2500
+ "return": {
2501
+ "type": {
2502
+ "text": "void"
2503
+ }
2504
+ }
2505
+ },
2506
+ {
2507
+ "kind": "field",
2508
+ "name": "handleInputChange",
2509
+ "privacy": "private"
2510
+ }
2511
+ ],
2512
+ "superclass": {
2513
+ "name": "LitElement",
2514
+ "package": "lit"
2515
+ },
2516
+ "tagName": "u-checkbox",
2517
+ "customElement": true
2518
+ }
2519
+ ],
2520
+ "exports": [
2521
+ {
2522
+ "kind": "js",
2523
+ "name": "UmCheckbox",
2524
+ "declaration": {
2525
+ "name": "UmCheckbox",
2526
+ "module": "src/checkbox/checkbox.ts"
2527
+ }
2528
+ },
2529
+ {
2530
+ "kind": "custom-element-definition",
2531
+ "name": "u-checkbox",
2532
+ "declaration": {
2533
+ "name": "UmCheckbox",
2534
+ "module": "src/checkbox/checkbox.ts"
2535
+ }
2536
+ }
2537
+ ]
2538
+ },
2539
+ {
2540
+ "kind": "javascript-module",
2541
+ "path": "src/card/card-content.styles.ts",
2542
+ "declarations": [
2543
+ {
2544
+ "kind": "variable",
2545
+ "name": "styles",
2546
+ "default": "css `\n :host {\n display: block;\n }\n\n :host(:has(slot > *)) {\n display: none;\n }\n\n :host([has-content]) {\n padding: var(--u-card-padding, 16px);\n }\n\n slot {\n border-radius: inherit;\n }\n`"
2547
+ }
2548
+ ],
2549
+ "exports": [
2550
+ {
2551
+ "kind": "js",
2552
+ "name": "styles",
2553
+ "declaration": {
2554
+ "name": "styles",
2555
+ "module": "src/card/card-content.styles.ts"
2556
+ }
2557
+ }
2558
+ ]
2559
+ },
2560
+ {
2561
+ "kind": "javascript-module",
2562
+ "path": "src/card/card-content.ts",
2563
+ "declarations": [
2564
+ {
2565
+ "kind": "class",
2566
+ "description": "",
2567
+ "name": "UmCardContent",
2568
+ "members": [
2569
+ {
2570
+ "kind": "field",
2571
+ "name": "hasContent",
2678
2572
  "type": {
2679
- "text": "string"
2573
+ "text": "boolean"
2680
2574
  },
2681
- "default": "'submit'",
2682
- "fieldName": "type",
2683
- "inheritedFrom": {
2684
- "name": "UmButtonBase",
2685
- "module": "src/button/button-base.ts"
2686
- }
2575
+ "default": "false",
2576
+ "attribute": "has-content",
2577
+ "reflects": true
2687
2578
  },
2688
2579
  {
2689
- "name": "value",
2690
- "type": {
2691
- "text": "string"
2692
- },
2693
- "default": "''",
2694
- "fieldName": "value",
2695
- "inheritedFrom": {
2696
- "name": "UmButtonBase",
2697
- "module": "src/button/button-base.ts"
2698
- }
2699
- },
2580
+ "kind": "method",
2581
+ "name": "handleSlotChange",
2582
+ "privacy": "private",
2583
+ "parameters": [
2584
+ {
2585
+ "name": "e",
2586
+ "type": {
2587
+ "text": "Event"
2588
+ }
2589
+ }
2590
+ ]
2591
+ }
2592
+ ],
2593
+ "attributes": [
2700
2594
  {
2701
- "name": "form",
2595
+ "name": "has-content",
2702
2596
  "type": {
2703
- "text": "HTMLFormElement | null"
2597
+ "text": "boolean"
2704
2598
  },
2705
- "description": "The `<form>` element to associate the button with (its form owner). The value of this attribute must be the id of a `<form>` in the same document. (If this attribute is not set, the button is associated with its ancestor `<form>` element, if any.)",
2706
- "fieldName": "form",
2707
- "inheritedFrom": {
2708
- "name": "UmButtonBase",
2709
- "module": "src/button/button-base.ts"
2710
- }
2711
- },
2599
+ "default": "false",
2600
+ "fieldName": "hasContent"
2601
+ }
2602
+ ],
2603
+ "superclass": {
2604
+ "name": "LitElement",
2605
+ "package": "lit"
2606
+ },
2607
+ "tagName": "u-card-content",
2608
+ "customElement": true
2609
+ }
2610
+ ],
2611
+ "exports": [
2612
+ {
2613
+ "kind": "js",
2614
+ "name": "UmCardContent",
2615
+ "declaration": {
2616
+ "name": "UmCardContent",
2617
+ "module": "src/card/card-content.ts"
2618
+ }
2619
+ },
2620
+ {
2621
+ "kind": "custom-element-definition",
2622
+ "name": "u-card-content",
2623
+ "declaration": {
2624
+ "name": "UmCardContent",
2625
+ "module": "src/card/card-content.ts"
2626
+ }
2627
+ }
2628
+ ]
2629
+ },
2630
+ {
2631
+ "kind": "javascript-module",
2632
+ "path": "src/card/card-media.styles.ts",
2633
+ "declarations": [
2634
+ {
2635
+ "kind": "variable",
2636
+ "name": "styles",
2637
+ "default": "css `\n :host {\n display: block;\n aspect-ratio: 1;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host([wide]) {\n aspect-ratio: 16/9;\n }\n`"
2638
+ }
2639
+ ],
2640
+ "exports": [
2641
+ {
2642
+ "kind": "js",
2643
+ "name": "styles",
2644
+ "declaration": {
2645
+ "name": "styles",
2646
+ "module": "src/card/card-media.styles.ts"
2647
+ }
2648
+ }
2649
+ ]
2650
+ },
2651
+ {
2652
+ "kind": "javascript-module",
2653
+ "path": "src/card/card-media.ts",
2654
+ "declarations": [
2655
+ {
2656
+ "kind": "class",
2657
+ "description": "",
2658
+ "name": "UmCardMedia",
2659
+ "members": [
2712
2660
  {
2713
- "name": "disabled",
2661
+ "kind": "field",
2662
+ "name": "wide",
2714
2663
  "type": {
2715
2664
  "text": "boolean"
2716
2665
  },
2717
2666
  "default": "false",
2718
- "description": "Whether the button is disabled or not.",
2719
- "fieldName": "disabled",
2720
- "inheritedFrom": {
2721
- "name": "UmButtonWrapper",
2722
- "module": "src/shared/button-wrapper.ts"
2723
- }
2724
- },
2667
+ "attribute": "wide",
2668
+ "reflects": true
2669
+ }
2670
+ ],
2671
+ "attributes": [
2725
2672
  {
2726
- "name": "href",
2673
+ "name": "wide",
2727
2674
  "type": {
2728
- "text": "string | undefined"
2675
+ "text": "boolean"
2729
2676
  },
2730
- "description": "The URL that the link button points to.",
2731
- "fieldName": "href",
2732
- "inheritedFrom": {
2733
- "name": "UmButtonWrapper",
2734
- "module": "src/shared/button-wrapper.ts"
2735
- }
2736
- },
2677
+ "default": "false",
2678
+ "fieldName": "wide"
2679
+ }
2680
+ ],
2681
+ "superclass": {
2682
+ "name": "LitElement",
2683
+ "package": "lit"
2684
+ },
2685
+ "tagName": "u-card-media",
2686
+ "customElement": true
2687
+ }
2688
+ ],
2689
+ "exports": [
2690
+ {
2691
+ "kind": "js",
2692
+ "name": "UmCardMedia",
2693
+ "declaration": {
2694
+ "name": "UmCardMedia",
2695
+ "module": "src/card/card-media.ts"
2696
+ }
2697
+ },
2698
+ {
2699
+ "kind": "custom-element-definition",
2700
+ "name": "u-card-media",
2701
+ "declaration": {
2702
+ "name": "UmCardMedia",
2703
+ "module": "src/card/card-media.ts"
2704
+ }
2705
+ }
2706
+ ]
2707
+ },
2708
+ {
2709
+ "kind": "javascript-module",
2710
+ "path": "src/card/card.styles.ts",
2711
+ "declarations": [
2712
+ {
2713
+ "kind": "variable",
2714
+ "name": "styles",
2715
+ "default": "css `\n :host {\n display: block;\n position: relative;\n border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n }\n\n :host(:not(:first-child)) {\n margin-top: 8px;\n }\n\n :host([variant=elevated]) {\n background-color: var(--u-color-surface-container-low, rgb(247, 242, 250));\n }\n :host([variant=elevated]) u-elevation {\n --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n }\n\n :host([variant=filled]) {\n background-color: var(--u-color-surface-container-highest, rgb(230, 224, 233));\n }\n\n :host([variant=outlined]) {\n border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n u-card-content,\n slot {\n border-radius: inherit;\n }\n`"
2716
+ }
2717
+ ],
2718
+ "exports": [
2719
+ {
2720
+ "kind": "js",
2721
+ "name": "styles",
2722
+ "declaration": {
2723
+ "name": "styles",
2724
+ "module": "src/card/card.styles.ts"
2725
+ }
2726
+ }
2727
+ ]
2728
+ },
2729
+ {
2730
+ "kind": "javascript-module",
2731
+ "path": "src/card/card.ts",
2732
+ "declarations": [
2733
+ {
2734
+ "kind": "class",
2735
+ "description": "",
2736
+ "name": "UmCard",
2737
+ "members": [
2737
2738
  {
2738
- "name": "target",
2739
+ "kind": "field",
2740
+ "name": "variant",
2739
2741
  "type": {
2740
- "text": "string | undefined"
2742
+ "text": "UmCardVariant"
2741
2743
  },
2742
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
2743
- "fieldName": "target",
2744
- "inheritedFrom": {
2745
- "name": "UmButtonWrapper",
2746
- "module": "src/shared/button-wrapper.ts"
2747
- }
2748
- },
2744
+ "default": "'filled'",
2745
+ "description": "The Card variant to render.",
2746
+ "attribute": "variant",
2747
+ "reflects": true
2748
+ }
2749
+ ],
2750
+ "attributes": [
2749
2751
  {
2750
- "name": "name",
2752
+ "name": "variant",
2751
2753
  "type": {
2752
- "text": "string | undefined"
2754
+ "text": "UmCardVariant"
2753
2755
  },
2754
- "fieldName": "name",
2755
- "inheritedFrom": {
2756
- "name": "UmButtonWrapper",
2757
- "module": "src/shared/button-wrapper.ts"
2758
- }
2756
+ "default": "'filled'",
2757
+ "description": "The Card variant to render.",
2758
+ "fieldName": "variant"
2759
2759
  }
2760
2760
  ],
2761
2761
  "superclass": {
2762
- "name": "UmButtonBase",
2763
- "module": "/src/button/button-base.js"
2762
+ "name": "LitElement",
2763
+ "package": "lit"
2764
2764
  },
2765
- "tagName": "u-icon-button",
2765
+ "tagName": "u-card",
2766
2766
  "customElement": true
2767
2767
  }
2768
2768
  ],
2769
2769
  "exports": [
2770
2770
  {
2771
2771
  "kind": "js",
2772
- "name": "UmIconButton",
2772
+ "name": "UmCard",
2773
2773
  "declaration": {
2774
- "name": "UmIconButton",
2775
- "module": "src/button/icon-button.ts"
2774
+ "name": "UmCard",
2775
+ "module": "src/card/card.ts"
2776
2776
  }
2777
2777
  },
2778
2778
  {
2779
2779
  "kind": "custom-element-definition",
2780
- "name": "u-icon-button",
2780
+ "name": "u-card",
2781
2781
  "declaration": {
2782
- "name": "UmIconButton",
2783
- "module": "src/button/icon-button.ts"
2782
+ "name": "UmCard",
2783
+ "module": "src/card/card.ts"
2784
2784
  }
2785
2785
  }
2786
2786
  ]
@@ -5415,7 +5415,7 @@
5415
5415
  {
5416
5416
  "kind": "variable",
5417
5417
  "name": "styles",
5418
- "default": "css `\n :host,\n * {\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n box-sizing: border-box;\n }\n`"
5418
+ "default": "css `\n :host,\n * {\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n box-sizing: border-box;\n outline: 0;\n }\n\n *:focus-visible {\n animation: u-focus-pulse 400ms ease;\n animation-fill-mode: forwards;\n outline-offset: 2px;\n }\n\n @keyframes u-focus-pulse {\n 0% {\n outline: 2px solid var(--u-color-primary);\n }\n 50% {\n outline: 4px solid var(--u-color-primary);\n }\n 100% {\n outline: 2px solid var(--u-color-primary);\n }\n }\n`"
5419
5419
  }
5420
5420
  ],
5421
5421
  "exports": [