@universal-material/web 3.0.34 → 3.0.36

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.
@@ -2536,255 +2536,6 @@
2536
2536
  }
2537
2537
  ]
2538
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",
2572
- "type": {
2573
- "text": "boolean"
2574
- },
2575
- "default": "false",
2576
- "attribute": "has-content",
2577
- "reflects": true
2578
- },
2579
- {
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": [
2594
- {
2595
- "name": "has-content",
2596
- "type": {
2597
- "text": "boolean"
2598
- },
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": [
2660
- {
2661
- "kind": "field",
2662
- "name": "wide",
2663
- "type": {
2664
- "text": "boolean"
2665
- },
2666
- "default": "false",
2667
- "attribute": "wide",
2668
- "reflects": true
2669
- }
2670
- ],
2671
- "attributes": [
2672
- {
2673
- "name": "wide",
2674
- "type": {
2675
- "text": "boolean"
2676
- },
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([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": [
2738
- {
2739
- "kind": "field",
2740
- "name": "variant",
2741
- "type": {
2742
- "text": "UmCardVariant"
2743
- },
2744
- "default": "'filled'",
2745
- "description": "The Card variant to render.",
2746
- "attribute": "variant",
2747
- "reflects": true
2748
- }
2749
- ],
2750
- "attributes": [
2751
- {
2752
- "name": "variant",
2753
- "type": {
2754
- "text": "UmCardVariant"
2755
- },
2756
- "default": "'filled'",
2757
- "description": "The Card variant to render.",
2758
- "fieldName": "variant"
2759
- }
2760
- ],
2761
- "superclass": {
2762
- "name": "LitElement",
2763
- "package": "lit"
2764
- },
2765
- "tagName": "u-card",
2766
- "customElement": true
2767
- }
2768
- ],
2769
- "exports": [
2770
- {
2771
- "kind": "js",
2772
- "name": "UmCard",
2773
- "declaration": {
2774
- "name": "UmCard",
2775
- "module": "src/card/card.ts"
2776
- }
2777
- },
2778
- {
2779
- "kind": "custom-element-definition",
2780
- "name": "u-card",
2781
- "declaration": {
2782
- "name": "UmCard",
2783
- "module": "src/card/card.ts"
2784
- }
2785
- }
2786
- ]
2787
- },
2788
2539
  {
2789
2540
  "kind": "javascript-module",
2790
2541
  "path": "src/checkbox/checkbox-list-item.ts",
@@ -3027,13 +2778,21 @@
3027
2778
  {
3028
2779
  "kind": "method",
3029
2780
  "name": "#handleClick",
3030
- "inheritedFrom": {
3031
- "name": "UmSelectionControl",
3032
- "module": "src/shared/selection-control/selection-control.ts"
3033
- }
3034
- }
3035
- ],
3036
- "attributes": [
2781
+ "parameters": [
2782
+ {
2783
+ "name": "e",
2784
+ "type": {
2785
+ "text": "Event"
2786
+ }
2787
+ }
2788
+ ],
2789
+ "inheritedFrom": {
2790
+ "name": "UmSelectionControl",
2791
+ "module": "src/shared/selection-control/selection-control.ts"
2792
+ }
2793
+ }
2794
+ ],
2795
+ "attributes": [
3037
2796
  {
3038
2797
  "name": "hide-state-layer",
3039
2798
  "type": {
@@ -3104,6 +2863,16 @@
3104
2863
  }
3105
2864
  ],
3106
2865
  "events": [
2866
+ {
2867
+ "name": "input",
2868
+ "type": {
2869
+ "text": "InputEvent"
2870
+ },
2871
+ "inheritedFrom": {
2872
+ "name": "UmSelectionControl",
2873
+ "module": "src/shared/selection-control/selection-control.ts"
2874
+ }
2875
+ },
3107
2876
  {
3108
2877
  "name": "change",
3109
2878
  "type": {
@@ -3321,149 +3090,336 @@
3321
3090
  },
3322
3091
  {
3323
3092
  "kind": "field",
3324
- "name": "renderRipple",
3093
+ "name": "renderRipple",
3094
+ "type": {
3095
+ "text": "boolean"
3096
+ },
3097
+ "privacy": "protected",
3098
+ "default": "true",
3099
+ "inheritedFrom": {
3100
+ "name": "UmSelectionControl",
3101
+ "module": "src/shared/selection-control/selection-control.ts"
3102
+ }
3103
+ },
3104
+ {
3105
+ "kind": "field",
3106
+ "name": "value",
3107
+ "type": {
3108
+ "text": "string"
3109
+ },
3110
+ "default": "'on'",
3111
+ "description": "The element value to use in form submission when checked.",
3112
+ "attribute": "value",
3113
+ "inheritedFrom": {
3114
+ "name": "UmSelectionControl",
3115
+ "module": "src/shared/selection-control/selection-control.ts"
3116
+ }
3117
+ },
3118
+ {
3119
+ "kind": "method",
3120
+ "name": "#handleClick",
3121
+ "parameters": [
3122
+ {
3123
+ "name": "e",
3124
+ "type": {
3125
+ "text": "Event"
3126
+ }
3127
+ }
3128
+ ],
3129
+ "inheritedFrom": {
3130
+ "name": "UmSelectionControl",
3131
+ "module": "src/shared/selection-control/selection-control.ts"
3132
+ }
3133
+ }
3134
+ ],
3135
+ "attributes": [
3136
+ {
3137
+ "name": "hide-state-layer",
3138
+ "type": {
3139
+ "text": "boolean"
3140
+ },
3141
+ "default": "false",
3142
+ "fieldName": "hideStateLayer"
3143
+ },
3144
+ {
3145
+ "name": "indeterminate",
3146
+ "type": {
3147
+ "text": "boolean"
3148
+ },
3149
+ "fieldName": "indeterminate"
3150
+ },
3151
+ {
3152
+ "name": "name",
3153
+ "type": {
3154
+ "text": "string | undefined"
3155
+ },
3156
+ "default": "''",
3157
+ "fieldName": "name",
3158
+ "inheritedFrom": {
3159
+ "name": "UmSelectionControl",
3160
+ "module": "src/shared/selection-control/selection-control.ts"
3161
+ }
3162
+ },
3163
+ {
3164
+ "name": "disabled",
3165
+ "type": {
3166
+ "text": "boolean"
3167
+ },
3168
+ "default": "false",
3169
+ "fieldName": "disabled",
3170
+ "inheritedFrom": {
3171
+ "name": "UmSelectionControl",
3172
+ "module": "src/shared/selection-control/selection-control.ts"
3173
+ }
3174
+ },
3175
+ {
3176
+ "name": "value",
3177
+ "type": {
3178
+ "text": "string"
3179
+ },
3180
+ "default": "'on'",
3181
+ "description": "The element value to use in form submission when checked.",
3182
+ "fieldName": "value",
3183
+ "inheritedFrom": {
3184
+ "name": "UmSelectionControl",
3185
+ "module": "src/shared/selection-control/selection-control.ts"
3186
+ }
3187
+ },
3188
+ {
3189
+ "name": "checked",
3190
+ "fieldName": "checked",
3191
+ "inheritedFrom": {
3192
+ "name": "UmSelectionControl",
3193
+ "module": "src/shared/selection-control/selection-control.ts"
3194
+ }
3195
+ }
3196
+ ],
3197
+ "superclass": {
3198
+ "name": "UmSelectionControl",
3199
+ "module": "/src/shared/selection-control/selection-control.js"
3200
+ },
3201
+ "tagName": "u-checkbox",
3202
+ "customElement": true,
3203
+ "events": [
3204
+ {
3205
+ "name": "input",
3206
+ "type": {
3207
+ "text": "InputEvent"
3208
+ },
3209
+ "inheritedFrom": {
3210
+ "name": "UmSelectionControl",
3211
+ "module": "src/shared/selection-control/selection-control.ts"
3212
+ }
3213
+ },
3214
+ {
3215
+ "name": "change",
3216
+ "type": {
3217
+ "text": "Event"
3218
+ },
3219
+ "inheritedFrom": {
3220
+ "name": "UmSelectionControl",
3221
+ "module": "src/shared/selection-control/selection-control.ts"
3222
+ }
3223
+ }
3224
+ ]
3225
+ }
3226
+ ],
3227
+ "exports": [
3228
+ {
3229
+ "kind": "js",
3230
+ "name": "UmCheckbox",
3231
+ "declaration": {
3232
+ "name": "UmCheckbox",
3233
+ "module": "src/checkbox/checkbox.ts"
3234
+ }
3235
+ },
3236
+ {
3237
+ "kind": "custom-element-definition",
3238
+ "name": "u-checkbox",
3239
+ "declaration": {
3240
+ "name": "UmCheckbox",
3241
+ "module": "src/checkbox/checkbox.ts"
3242
+ }
3243
+ }
3244
+ ]
3245
+ },
3246
+ {
3247
+ "kind": "javascript-module",
3248
+ "path": "src/card/card-content.styles.ts",
3249
+ "declarations": [
3250
+ {
3251
+ "kind": "variable",
3252
+ "name": "styles",
3253
+ "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`"
3254
+ }
3255
+ ],
3256
+ "exports": [
3257
+ {
3258
+ "kind": "js",
3259
+ "name": "styles",
3260
+ "declaration": {
3261
+ "name": "styles",
3262
+ "module": "src/card/card-content.styles.ts"
3263
+ }
3264
+ }
3265
+ ]
3266
+ },
3267
+ {
3268
+ "kind": "javascript-module",
3269
+ "path": "src/card/card-content.ts",
3270
+ "declarations": [
3271
+ {
3272
+ "kind": "class",
3273
+ "description": "",
3274
+ "name": "UmCardContent",
3275
+ "members": [
3276
+ {
3277
+ "kind": "field",
3278
+ "name": "hasContent",
3279
+ "type": {
3280
+ "text": "boolean"
3281
+ },
3282
+ "default": "false",
3283
+ "attribute": "has-content",
3284
+ "reflects": true
3285
+ },
3286
+ {
3287
+ "kind": "method",
3288
+ "name": "handleSlotChange",
3289
+ "privacy": "private",
3290
+ "parameters": [
3291
+ {
3292
+ "name": "e",
3293
+ "type": {
3294
+ "text": "Event"
3295
+ }
3296
+ }
3297
+ ]
3298
+ }
3299
+ ],
3300
+ "attributes": [
3301
+ {
3302
+ "name": "has-content",
3303
+ "type": {
3304
+ "text": "boolean"
3305
+ },
3306
+ "default": "false",
3307
+ "fieldName": "hasContent"
3308
+ }
3309
+ ],
3310
+ "superclass": {
3311
+ "name": "LitElement",
3312
+ "package": "lit"
3313
+ },
3314
+ "tagName": "u-card-content",
3315
+ "customElement": true
3316
+ }
3317
+ ],
3318
+ "exports": [
3319
+ {
3320
+ "kind": "js",
3321
+ "name": "UmCardContent",
3322
+ "declaration": {
3323
+ "name": "UmCardContent",
3324
+ "module": "src/card/card-content.ts"
3325
+ }
3326
+ },
3327
+ {
3328
+ "kind": "custom-element-definition",
3329
+ "name": "u-card-content",
3330
+ "declaration": {
3331
+ "name": "UmCardContent",
3332
+ "module": "src/card/card-content.ts"
3333
+ }
3334
+ }
3335
+ ]
3336
+ },
3337
+ {
3338
+ "kind": "javascript-module",
3339
+ "path": "src/card/card-media.styles.ts",
3340
+ "declarations": [
3341
+ {
3342
+ "kind": "variable",
3343
+ "name": "styles",
3344
+ "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`"
3345
+ }
3346
+ ],
3347
+ "exports": [
3348
+ {
3349
+ "kind": "js",
3350
+ "name": "styles",
3351
+ "declaration": {
3352
+ "name": "styles",
3353
+ "module": "src/card/card-media.styles.ts"
3354
+ }
3355
+ }
3356
+ ]
3357
+ },
3358
+ {
3359
+ "kind": "javascript-module",
3360
+ "path": "src/card/card-media.ts",
3361
+ "declarations": [
3362
+ {
3363
+ "kind": "class",
3364
+ "description": "",
3365
+ "name": "UmCardMedia",
3366
+ "members": [
3367
+ {
3368
+ "kind": "field",
3369
+ "name": "wide",
3325
3370
  "type": {
3326
3371
  "text": "boolean"
3327
3372
  },
3328
- "privacy": "protected",
3329
- "default": "true",
3330
- "inheritedFrom": {
3331
- "name": "UmSelectionControl",
3332
- "module": "src/shared/selection-control/selection-control.ts"
3333
- }
3334
- },
3335
- {
3336
- "kind": "field",
3337
- "name": "value",
3338
- "type": {
3339
- "text": "string"
3340
- },
3341
- "default": "'on'",
3342
- "description": "The element value to use in form submission when checked.",
3343
- "attribute": "value",
3344
- "inheritedFrom": {
3345
- "name": "UmSelectionControl",
3346
- "module": "src/shared/selection-control/selection-control.ts"
3347
- }
3348
- },
3349
- {
3350
- "kind": "method",
3351
- "name": "#handleClick",
3352
- "inheritedFrom": {
3353
- "name": "UmSelectionControl",
3354
- "module": "src/shared/selection-control/selection-control.ts"
3355
- }
3373
+ "default": "false",
3374
+ "attribute": "wide",
3375
+ "reflects": true
3356
3376
  }
3357
3377
  ],
3358
3378
  "attributes": [
3359
3379
  {
3360
- "name": "hide-state-layer",
3361
- "type": {
3362
- "text": "boolean"
3363
- },
3364
- "default": "false",
3365
- "fieldName": "hideStateLayer"
3366
- },
3367
- {
3368
- "name": "indeterminate",
3369
- "type": {
3370
- "text": "boolean"
3371
- },
3372
- "fieldName": "indeterminate"
3373
- },
3374
- {
3375
- "name": "name",
3376
- "type": {
3377
- "text": "string | undefined"
3378
- },
3379
- "default": "''",
3380
- "fieldName": "name",
3381
- "inheritedFrom": {
3382
- "name": "UmSelectionControl",
3383
- "module": "src/shared/selection-control/selection-control.ts"
3384
- }
3385
- },
3386
- {
3387
- "name": "disabled",
3380
+ "name": "wide",
3388
3381
  "type": {
3389
3382
  "text": "boolean"
3390
3383
  },
3391
3384
  "default": "false",
3392
- "fieldName": "disabled",
3393
- "inheritedFrom": {
3394
- "name": "UmSelectionControl",
3395
- "module": "src/shared/selection-control/selection-control.ts"
3396
- }
3397
- },
3398
- {
3399
- "name": "value",
3400
- "type": {
3401
- "text": "string"
3402
- },
3403
- "default": "'on'",
3404
- "description": "The element value to use in form submission when checked.",
3405
- "fieldName": "value",
3406
- "inheritedFrom": {
3407
- "name": "UmSelectionControl",
3408
- "module": "src/shared/selection-control/selection-control.ts"
3409
- }
3410
- },
3411
- {
3412
- "name": "checked",
3413
- "fieldName": "checked",
3414
- "inheritedFrom": {
3415
- "name": "UmSelectionControl",
3416
- "module": "src/shared/selection-control/selection-control.ts"
3417
- }
3385
+ "fieldName": "wide"
3418
3386
  }
3419
3387
  ],
3420
3388
  "superclass": {
3421
- "name": "UmSelectionControl",
3422
- "module": "/src/shared/selection-control/selection-control.js"
3389
+ "name": "LitElement",
3390
+ "package": "lit"
3423
3391
  },
3424
- "tagName": "u-checkbox",
3425
- "customElement": true,
3426
- "events": [
3427
- {
3428
- "name": "change",
3429
- "type": {
3430
- "text": "Event"
3431
- },
3432
- "inheritedFrom": {
3433
- "name": "UmSelectionControl",
3434
- "module": "src/shared/selection-control/selection-control.ts"
3435
- }
3436
- }
3437
- ]
3392
+ "tagName": "u-card-media",
3393
+ "customElement": true
3438
3394
  }
3439
3395
  ],
3440
3396
  "exports": [
3441
3397
  {
3442
3398
  "kind": "js",
3443
- "name": "UmCheckbox",
3399
+ "name": "UmCardMedia",
3444
3400
  "declaration": {
3445
- "name": "UmCheckbox",
3446
- "module": "src/checkbox/checkbox.ts"
3401
+ "name": "UmCardMedia",
3402
+ "module": "src/card/card-media.ts"
3447
3403
  }
3448
3404
  },
3449
3405
  {
3450
3406
  "kind": "custom-element-definition",
3451
- "name": "u-checkbox",
3407
+ "name": "u-card-media",
3452
3408
  "declaration": {
3453
- "name": "UmCheckbox",
3454
- "module": "src/checkbox/checkbox.ts"
3409
+ "name": "UmCardMedia",
3410
+ "module": "src/card/card-media.ts"
3455
3411
  }
3456
3412
  }
3457
3413
  ]
3458
3414
  },
3459
3415
  {
3460
3416
  "kind": "javascript-module",
3461
- "path": "src/elevation/elevation.styles.ts",
3417
+ "path": "src/card/card.styles.ts",
3462
3418
  "declarations": [
3463
3419
  {
3464
3420
  "kind": "variable",
3465
3421
  "name": "styles",
3466
- "default": "css `\n :host {\n --_level: var(--u-elevation-level, 0);\n --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0));\n -webkit-tap-highlight-color: transparent;\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n :host::before, :host::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n transition: box-shadow 150ms ease-in-out;\n }\n :host::before {\n box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color);\n opacity: 0.3;\n }\n :host::after {\n box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color);\n opacity: 0.15;\n }\n`"
3422
+ "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([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`"
3467
3423
  }
3468
3424
  ],
3469
3425
  "exports": [
@@ -3472,43 +3428,66 @@
3472
3428
  "name": "styles",
3473
3429
  "declaration": {
3474
3430
  "name": "styles",
3475
- "module": "src/elevation/elevation.styles.ts"
3431
+ "module": "src/card/card.styles.ts"
3476
3432
  }
3477
3433
  }
3478
3434
  ]
3479
3435
  },
3480
3436
  {
3481
3437
  "kind": "javascript-module",
3482
- "path": "src/elevation/elevation.ts",
3438
+ "path": "src/card/card.ts",
3483
3439
  "declarations": [
3484
3440
  {
3485
3441
  "kind": "class",
3486
3442
  "description": "",
3487
- "name": "UmElevation",
3488
- "members": [],
3443
+ "name": "UmCard",
3444
+ "members": [
3445
+ {
3446
+ "kind": "field",
3447
+ "name": "variant",
3448
+ "type": {
3449
+ "text": "UmCardVariant"
3450
+ },
3451
+ "default": "'filled'",
3452
+ "description": "The Card variant to render.",
3453
+ "attribute": "variant",
3454
+ "reflects": true
3455
+ }
3456
+ ],
3457
+ "attributes": [
3458
+ {
3459
+ "name": "variant",
3460
+ "type": {
3461
+ "text": "UmCardVariant"
3462
+ },
3463
+ "default": "'filled'",
3464
+ "description": "The Card variant to render.",
3465
+ "fieldName": "variant"
3466
+ }
3467
+ ],
3489
3468
  "superclass": {
3490
3469
  "name": "LitElement",
3491
3470
  "package": "lit"
3492
3471
  },
3493
- "tagName": "u-elevation",
3472
+ "tagName": "u-card",
3494
3473
  "customElement": true
3495
3474
  }
3496
3475
  ],
3497
3476
  "exports": [
3498
3477
  {
3499
3478
  "kind": "js",
3500
- "name": "UmElevation",
3479
+ "name": "UmCard",
3501
3480
  "declaration": {
3502
- "name": "UmElevation",
3503
- "module": "src/elevation/elevation.ts"
3481
+ "name": "UmCard",
3482
+ "module": "src/card/card.ts"
3504
3483
  }
3505
3484
  },
3506
3485
  {
3507
3486
  "kind": "custom-element-definition",
3508
- "name": "u-elevation",
3487
+ "name": "u-card",
3509
3488
  "declaration": {
3510
- "name": "UmElevation",
3511
- "module": "src/elevation/elevation.ts"
3489
+ "name": "UmCard",
3490
+ "module": "src/card/card.ts"
3512
3491
  }
3513
3492
  }
3514
3493
  ]
@@ -3817,6 +3796,63 @@
3817
3796
  }
3818
3797
  ]
3819
3798
  },
3799
+ {
3800
+ "kind": "javascript-module",
3801
+ "path": "src/elevation/elevation.styles.ts",
3802
+ "declarations": [
3803
+ {
3804
+ "kind": "variable",
3805
+ "name": "styles",
3806
+ "default": "css `\n :host {\n --_level: var(--u-elevation-level, 0);\n --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0));\n -webkit-tap-highlight-color: transparent;\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n :host::before, :host::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n transition: box-shadow 150ms ease-in-out;\n }\n :host::before {\n box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color);\n opacity: 0.3;\n }\n :host::after {\n box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color);\n opacity: 0.15;\n }\n`"
3807
+ }
3808
+ ],
3809
+ "exports": [
3810
+ {
3811
+ "kind": "js",
3812
+ "name": "styles",
3813
+ "declaration": {
3814
+ "name": "styles",
3815
+ "module": "src/elevation/elevation.styles.ts"
3816
+ }
3817
+ }
3818
+ ]
3819
+ },
3820
+ {
3821
+ "kind": "javascript-module",
3822
+ "path": "src/elevation/elevation.ts",
3823
+ "declarations": [
3824
+ {
3825
+ "kind": "class",
3826
+ "description": "",
3827
+ "name": "UmElevation",
3828
+ "members": [],
3829
+ "superclass": {
3830
+ "name": "LitElement",
3831
+ "package": "lit"
3832
+ },
3833
+ "tagName": "u-elevation",
3834
+ "customElement": true
3835
+ }
3836
+ ],
3837
+ "exports": [
3838
+ {
3839
+ "kind": "js",
3840
+ "name": "UmElevation",
3841
+ "declaration": {
3842
+ "name": "UmElevation",
3843
+ "module": "src/elevation/elevation.ts"
3844
+ }
3845
+ },
3846
+ {
3847
+ "kind": "custom-element-definition",
3848
+ "name": "u-elevation",
3849
+ "declaration": {
3850
+ "name": "UmElevation",
3851
+ "module": "src/elevation/elevation.ts"
3852
+ }
3853
+ }
3854
+ ]
3855
+ },
3820
3856
  {
3821
3857
  "kind": "javascript-module",
3822
3858
  "path": "src/list/list-item.styles.ts",
@@ -5605,6 +5641,14 @@
5605
5641
  {
5606
5642
  "kind": "method",
5607
5643
  "name": "#handleClick",
5644
+ "parameters": [
5645
+ {
5646
+ "name": "e",
5647
+ "type": {
5648
+ "text": "Event"
5649
+ }
5650
+ }
5651
+ ],
5608
5652
  "inheritedFrom": {
5609
5653
  "name": "UmSelectionControl",
5610
5654
  "module": "src/shared/selection-control/selection-control.ts"
@@ -5671,6 +5715,16 @@
5671
5715
  }
5672
5716
  ],
5673
5717
  "events": [
5718
+ {
5719
+ "name": "input",
5720
+ "type": {
5721
+ "text": "InputEvent"
5722
+ },
5723
+ "inheritedFrom": {
5724
+ "name": "UmSelectionControl",
5725
+ "module": "src/shared/selection-control/selection-control.ts"
5726
+ }
5727
+ },
5674
5728
  {
5675
5729
  "name": "change",
5676
5730
  "type": {
@@ -5926,6 +5980,14 @@
5926
5980
  {
5927
5981
  "kind": "method",
5928
5982
  "name": "#handleClick",
5983
+ "parameters": [
5984
+ {
5985
+ "name": "e",
5986
+ "type": {
5987
+ "text": "Event"
5988
+ }
5989
+ }
5990
+ ],
5929
5991
  "inheritedFrom": {
5930
5992
  "name": "UmSelectionControl",
5931
5993
  "module": "src/shared/selection-control/selection-control.ts"
@@ -5994,6 +6056,16 @@
5994
6056
  "tagName": "u-radio",
5995
6057
  "customElement": true,
5996
6058
  "events": [
6059
+ {
6060
+ "name": "input",
6061
+ "type": {
6062
+ "text": "InputEvent"
6063
+ },
6064
+ "inheritedFrom": {
6065
+ "name": "UmSelectionControl",
6066
+ "module": "src/shared/selection-control/selection-control.ts"
6067
+ }
6068
+ },
5997
6069
  {
5998
6070
  "name": "change",
5999
6071
  "type": {
@@ -6444,27 +6516,289 @@
6444
6516
  },
6445
6517
  "parameters": [
6446
6518
  {
6447
- "name": "event",
6519
+ "name": "event",
6520
+ "type": {
6521
+ "text": "MouseEvent"
6522
+ }
6523
+ }
6524
+ ]
6525
+ },
6526
+ {
6527
+ "kind": "method",
6528
+ "name": "handleClick",
6529
+ "privacy": "protected",
6530
+ "return": {
6531
+ "type": {
6532
+ "text": "void"
6533
+ }
6534
+ },
6535
+ "parameters": [
6536
+ {
6537
+ "name": "_",
6538
+ "type": {
6539
+ "text": "UIEvent"
6540
+ }
6541
+ }
6542
+ ]
6543
+ }
6544
+ ],
6545
+ "attributes": [
6546
+ {
6547
+ "name": "disabled",
6548
+ "type": {
6549
+ "text": "boolean"
6550
+ },
6551
+ "default": "false",
6552
+ "description": "Whether the button is disabled or not.",
6553
+ "fieldName": "disabled"
6554
+ },
6555
+ {
6556
+ "name": "href",
6557
+ "type": {
6558
+ "text": "string | undefined"
6559
+ },
6560
+ "description": "The URL that the link button points to.",
6561
+ "fieldName": "href"
6562
+ },
6563
+ {
6564
+ "name": "target",
6565
+ "type": {
6566
+ "text": "string | undefined"
6567
+ },
6568
+ "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
6569
+ "fieldName": "target"
6570
+ },
6571
+ {
6572
+ "name": "name",
6573
+ "type": {
6574
+ "text": "string | undefined"
6575
+ },
6576
+ "fieldName": "name"
6577
+ }
6578
+ ],
6579
+ "superclass": {
6580
+ "name": "LitElement",
6581
+ "package": "lit"
6582
+ },
6583
+ "customElement": true
6584
+ }
6585
+ ],
6586
+ "exports": [
6587
+ {
6588
+ "kind": "js",
6589
+ "name": "UmButtonWrapper",
6590
+ "declaration": {
6591
+ "name": "UmButtonWrapper",
6592
+ "module": "src/shared/button-wrapper.ts"
6593
+ }
6594
+ }
6595
+ ]
6596
+ },
6597
+ {
6598
+ "kind": "javascript-module",
6599
+ "path": "src/snackbar/snackbar.styles.ts",
6600
+ "declarations": [
6601
+ {
6602
+ "kind": "variable",
6603
+ "name": "styles",
6604
+ "default": "css `\n :host {\n --u-elevation-level: var(--u-snackbar-elevation-level, 3);\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-medium, 16px));\n position: fixed;\n inset-inline: 0;\n inset-block-end: 0;\n padding: var(--_snackbar-margin);\n z-index: var(--u-snackbar-z-index, 1070);\n display: flex;\n justify-content: center;\n }\n\n .snackbar {\n display: flex;\n align-items: center;\n min-height: var(--u-snackbar-height, 48px);\n color: var(--u-snackbar-text-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n background-color: var(--u-snackbar-background-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n border-radius: var(--u-snackbar-shape, var(--u-shape-corner-extra-small, 4px));\n animation-name: snackbar-fade-in;\n animation-duration: 450ms;\n animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n animation-fill-mode: forwards;\n min-width: var(--u-snackbar-min-width, 100%);\n max-width: var(--u-snackbar-max-width, 100%);\n }\n .snackbar.dismiss {\n animation-name: snackbar-fade-out;\n }\n\n u-button {\n color: var(--u-color-inverse-primary, );\n margin-inline: var(--u-snackbar-text-button-margin, var(--u-spacing-small, 8px));\n }\n\n u-icon-button {\n color: var(--u-color-on-inverse-surface, rgb(245, 239, 247));\n margin-inline: var(--u-snackbar-close-button-margin, var(--u-spacing-extra-small, 4px));\n }\n\n .label {\n flex: 1;\n overflow: hidden;\n color: var(--u-on-inverse-surface-color);\n padding: var(--u-snackbar-text-margin, var(--u-spacing-medium, 16px));\n line-height: 18px;\n }\n\n @media (min-width: 840px) {\n :host {\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-large, 24px));\n }\n .snackbar {\n min-width: var(--u-snackbar-min-width, 288px);\n max-width: var(--u-snackbar-max-width, 568px);\n }\n }\n @keyframes snackbar-fade-in {\n 0% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes snackbar-fade-out {\n 0% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n 100% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n }\n`"
6605
+ }
6606
+ ],
6607
+ "exports": [
6608
+ {
6609
+ "kind": "js",
6610
+ "name": "styles",
6611
+ "declaration": {
6612
+ "name": "styles",
6613
+ "module": "src/snackbar/snackbar.styles.ts"
6614
+ }
6615
+ }
6616
+ ]
6617
+ },
6618
+ {
6619
+ "kind": "javascript-module",
6620
+ "path": "src/snackbar/snackbar.ts",
6621
+ "declarations": [
6622
+ {
6623
+ "kind": "class",
6624
+ "description": "",
6625
+ "name": "UmSnackbar",
6626
+ "members": [
6627
+ {
6628
+ "kind": "field",
6629
+ "name": "label",
6630
+ "type": {
6631
+ "text": "string"
6632
+ },
6633
+ "default": "''",
6634
+ "attribute": "label",
6635
+ "reflects": true
6636
+ },
6637
+ {
6638
+ "kind": "field",
6639
+ "name": "buttonLabel",
6640
+ "type": {
6641
+ "text": "string"
6642
+ },
6643
+ "default": "''",
6644
+ "attribute": "buttonLabel",
6645
+ "reflects": true
6646
+ },
6647
+ {
6648
+ "kind": "field",
6649
+ "name": "showClose",
6650
+ "type": {
6651
+ "text": "boolean"
6652
+ },
6653
+ "default": "false",
6654
+ "attribute": "show-close",
6655
+ "reflects": true
6656
+ },
6657
+ {
6658
+ "kind": "field",
6659
+ "name": "dismissed",
6660
+ "type": {
6661
+ "text": "boolean"
6662
+ },
6663
+ "default": "false",
6664
+ "attribute": "dismissed",
6665
+ "reflects": true
6666
+ },
6667
+ {
6668
+ "kind": "field",
6669
+ "name": "duration",
6670
+ "type": {
6671
+ "text": "SnackbarDuration"
6672
+ },
6673
+ "privacy": "private"
6674
+ },
6675
+ {
6676
+ "kind": "field",
6677
+ "name": "snackbar",
6678
+ "type": {
6679
+ "text": "HTMLElement"
6680
+ },
6681
+ "privacy": "private"
6682
+ },
6683
+ {
6684
+ "kind": "method",
6685
+ "name": "renderButton",
6686
+ "privacy": "private"
6687
+ },
6688
+ {
6689
+ "kind": "method",
6690
+ "name": "renderCloseButton",
6691
+ "privacy": "private"
6692
+ },
6693
+ {
6694
+ "kind": "method",
6695
+ "name": "dismiss",
6696
+ "return": {
6697
+ "type": {
6698
+ "text": "void"
6699
+ }
6700
+ }
6701
+ },
6702
+ {
6703
+ "kind": "field",
6704
+ "name": "_queue",
6705
+ "type": {
6706
+ "text": "UmSnackbar[]"
6707
+ },
6708
+ "privacy": "private",
6709
+ "static": true,
6710
+ "default": "[]"
6711
+ },
6712
+ {
6713
+ "kind": "field",
6714
+ "name": "_consuming",
6715
+ "type": {
6716
+ "text": "boolean"
6717
+ },
6718
+ "privacy": "private",
6719
+ "static": true
6720
+ },
6721
+ {
6722
+ "kind": "method",
6723
+ "name": "show",
6724
+ "static": true,
6725
+ "return": {
6726
+ "type": {
6727
+ "text": "UmSnackbar"
6728
+ }
6729
+ },
6730
+ "parameters": [
6731
+ {
6732
+ "name": "label",
6733
+ "type": {
6734
+ "text": "string"
6735
+ }
6736
+ }
6737
+ ]
6738
+ },
6739
+ {
6740
+ "kind": "method",
6741
+ "name": "show",
6742
+ "static": true,
6743
+ "return": {
6744
+ "type": {
6745
+ "text": "UmSnackbar"
6746
+ }
6747
+ },
6748
+ "parameters": [
6749
+ {
6750
+ "name": "config",
6751
+ "type": {
6752
+ "text": "SnackbarConfig"
6753
+ }
6754
+ }
6755
+ ]
6756
+ },
6757
+ {
6758
+ "kind": "method",
6759
+ "name": "show",
6760
+ "static": true,
6761
+ "return": {
6762
+ "type": {
6763
+ "text": "UmSnackbar"
6764
+ }
6765
+ },
6766
+ "parameters": [
6767
+ {
6768
+ "name": "configOrLabel",
6448
6769
  "type": {
6449
- "text": "MouseEvent"
6770
+ "text": "SnackbarConfig | string"
6450
6771
  }
6451
6772
  }
6452
6773
  ]
6453
6774
  },
6454
6775
  {
6455
6776
  "kind": "method",
6456
- "name": "handleClick",
6457
- "privacy": "protected",
6777
+ "name": "consumeQueue",
6778
+ "privacy": "private",
6779
+ "static": true
6780
+ },
6781
+ {
6782
+ "kind": "method",
6783
+ "name": "showNext",
6784
+ "privacy": "private",
6785
+ "static": true
6786
+ },
6787
+ {
6788
+ "kind": "method",
6789
+ "name": "createSnackbar",
6790
+ "privacy": "private",
6791
+ "static": true,
6458
6792
  "return": {
6459
6793
  "type": {
6460
- "text": "void"
6794
+ "text": "UmSnackbar"
6461
6795
  }
6462
6796
  },
6463
6797
  "parameters": [
6464
6798
  {
6465
- "name": "_",
6799
+ "name": "config",
6466
6800
  "type": {
6467
- "text": "UIEvent"
6801
+ "text": "SnackbarConfig"
6468
6802
  }
6469
6803
  }
6470
6804
  ]
@@ -6472,52 +6806,61 @@
6472
6806
  ],
6473
6807
  "attributes": [
6474
6808
  {
6475
- "name": "disabled",
6809
+ "name": "label",
6476
6810
  "type": {
6477
- "text": "boolean"
6811
+ "text": "string"
6478
6812
  },
6479
- "default": "false",
6480
- "description": "Whether the button is disabled or not.",
6481
- "fieldName": "disabled"
6813
+ "default": "''",
6814
+ "fieldName": "label"
6482
6815
  },
6483
6816
  {
6484
- "name": "href",
6817
+ "name": "buttonLabel",
6485
6818
  "type": {
6486
- "text": "string | undefined"
6819
+ "text": "string"
6487
6820
  },
6488
- "description": "The URL that the link button points to.",
6489
- "fieldName": "href"
6821
+ "default": "''",
6822
+ "fieldName": "buttonLabel"
6490
6823
  },
6491
6824
  {
6492
- "name": "target",
6825
+ "name": "show-close",
6493
6826
  "type": {
6494
- "text": "string | undefined"
6827
+ "text": "boolean"
6495
6828
  },
6496
- "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
6497
- "fieldName": "target"
6829
+ "default": "false",
6830
+ "fieldName": "showClose"
6498
6831
  },
6499
6832
  {
6500
- "name": "name",
6833
+ "name": "dismissed",
6501
6834
  "type": {
6502
- "text": "string | undefined"
6835
+ "text": "boolean"
6503
6836
  },
6504
- "fieldName": "name"
6837
+ "default": "false",
6838
+ "fieldName": "dismissed"
6505
6839
  }
6506
6840
  ],
6507
6841
  "superclass": {
6508
6842
  "name": "LitElement",
6509
6843
  "package": "lit"
6510
6844
  },
6845
+ "tagName": "u-snackbar",
6511
6846
  "customElement": true
6512
6847
  }
6513
6848
  ],
6514
6849
  "exports": [
6515
6850
  {
6516
6851
  "kind": "js",
6517
- "name": "UmButtonWrapper",
6852
+ "name": "UmSnackbar",
6518
6853
  "declaration": {
6519
- "name": "UmButtonWrapper",
6520
- "module": "src/shared/button-wrapper.ts"
6854
+ "name": "UmSnackbar",
6855
+ "module": "src/snackbar/snackbar.ts"
6856
+ }
6857
+ },
6858
+ {
6859
+ "kind": "custom-element-definition",
6860
+ "name": "u-snackbar",
6861
+ "declaration": {
6862
+ "name": "UmSnackbar",
6863
+ "module": "src/snackbar/snackbar.ts"
6521
6864
  }
6522
6865
  }
6523
6866
  ]
@@ -6722,6 +7065,14 @@
6722
7065
  {
6723
7066
  "kind": "method",
6724
7067
  "name": "#handleClick",
7068
+ "parameters": [
7069
+ {
7070
+ "name": "e",
7071
+ "type": {
7072
+ "text": "Event"
7073
+ }
7074
+ }
7075
+ ],
6725
7076
  "inheritedFrom": {
6726
7077
  "name": "UmSelectionControl",
6727
7078
  "module": "src/shared/selection-control/selection-control.ts"
@@ -6776,6 +7127,16 @@
6776
7127
  }
6777
7128
  ],
6778
7129
  "events": [
7130
+ {
7131
+ "name": "input",
7132
+ "type": {
7133
+ "text": "InputEvent"
7134
+ },
7135
+ "inheritedFrom": {
7136
+ "name": "UmSelectionControl",
7137
+ "module": "src/shared/selection-control/selection-control.ts"
7138
+ }
7139
+ },
6779
7140
  {
6780
7141
  "name": "change",
6781
7142
  "type": {
@@ -6991,6 +7352,14 @@
6991
7352
  {
6992
7353
  "kind": "method",
6993
7354
  "name": "#handleClick",
7355
+ "parameters": [
7356
+ {
7357
+ "name": "e",
7358
+ "type": {
7359
+ "text": "Event"
7360
+ }
7361
+ }
7362
+ ],
6994
7363
  "inheritedFrom": {
6995
7364
  "name": "UmSelectionControl",
6996
7365
  "module": "src/shared/selection-control/selection-control.ts"
@@ -7051,6 +7420,16 @@
7051
7420
  }
7052
7421
  ],
7053
7422
  "events": [
7423
+ {
7424
+ "name": "input",
7425
+ "type": {
7426
+ "text": "InputEvent"
7427
+ },
7428
+ "inheritedFrom": {
7429
+ "name": "UmSelectionControl",
7430
+ "module": "src/shared/selection-control/selection-control.ts"
7431
+ }
7432
+ },
7054
7433
  {
7055
7434
  "name": "change",
7056
7435
  "type": {
@@ -7085,12 +7464,12 @@
7085
7464
  },
7086
7465
  {
7087
7466
  "kind": "javascript-module",
7088
- "path": "src/snackbar/snackbar.styles.ts",
7467
+ "path": "src/text-field/text-field.styles.ts",
7089
7468
  "declarations": [
7090
7469
  {
7091
7470
  "kind": "variable",
7092
7471
  "name": "styles",
7093
- "default": "css `\n :host {\n --u-elevation-level: var(--u-snackbar-elevation-level, 3);\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-medium, 16px));\n position: fixed;\n inset-inline: 0;\n inset-block-end: 0;\n padding: var(--_snackbar-margin);\n z-index: var(--u-snackbar-z-index, 1070);\n display: flex;\n justify-content: center;\n }\n\n .snackbar {\n display: flex;\n align-items: center;\n min-height: var(--u-snackbar-height, 48px);\n color: var(--u-snackbar-text-color, var(--u-color-on-inverse-surface, rgb(245, 239, 247)));\n background-color: var(--u-snackbar-background-color, var(--u-color-inverse-surface, rgb(50, 47, 53)));\n border-radius: var(--u-snackbar-shape, var(--u-shape-corner-extra-small, 4px));\n animation-name: snackbar-fade-in;\n animation-duration: 450ms;\n animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n animation-fill-mode: forwards;\n min-width: var(--u-snackbar-min-width, 100%);\n max-width: var(--u-snackbar-max-width, 100%);\n }\n .snackbar.dismiss {\n animation-name: snackbar-fade-out;\n }\n\n u-button {\n color: var(--u-color-inverse-primary, );\n margin-inline: var(--u-snackbar-text-button-margin, var(--u-spacing-small, 8px));\n }\n\n u-icon-button {\n color: var(--u-color-on-inverse-surface, rgb(245, 239, 247));\n margin-inline: var(--u-snackbar-close-button-margin, var(--u-spacing-extra-small, 4px));\n }\n\n .label {\n flex: 1;\n overflow: hidden;\n color: var(--u-on-inverse-surface-color);\n padding: var(--u-snackbar-text-margin, var(--u-spacing-medium, 16px));\n line-height: 18px;\n }\n\n @media (min-width: 840px) {\n :host {\n --_snackbar-margin: var(--u-snackbar-margin, var(--u-spacing-large, 24px));\n }\n .snackbar {\n min-width: var(--u-snackbar-min-width, 288px);\n max-width: var(--u-snackbar-max-width, 568px);\n }\n }\n @keyframes snackbar-fade-in {\n 0% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes snackbar-fade-out {\n 0% {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n 100% {\n opacity: 0;\n transform: scale3d(0.5, 0.5, 1);\n }\n }\n`"
7472
+ "default": "css `\n\n`"
7094
7473
  }
7095
7474
  ],
7096
7475
  "exports": [
@@ -7099,257 +7478,159 @@
7099
7478
  "name": "styles",
7100
7479
  "declaration": {
7101
7480
  "name": "styles",
7102
- "module": "src/snackbar/snackbar.styles.ts"
7481
+ "module": "src/text-field/text-field.styles.ts"
7103
7482
  }
7104
7483
  }
7105
7484
  ]
7106
7485
  },
7107
7486
  {
7108
7487
  "kind": "javascript-module",
7109
- "path": "src/snackbar/snackbar.ts",
7488
+ "path": "src/text-field/text-field.ts",
7110
7489
  "declarations": [
7111
7490
  {
7112
7491
  "kind": "class",
7113
7492
  "description": "",
7114
- "name": "UmSnackbar",
7493
+ "name": "UmTextField",
7115
7494
  "members": [
7116
7495
  {
7117
7496
  "kind": "field",
7118
- "name": "label",
7497
+ "name": "formAssociated",
7119
7498
  "type": {
7120
- "text": "string"
7499
+ "text": "boolean"
7121
7500
  },
7122
- "default": "''",
7123
- "attribute": "label",
7124
- "reflects": true
7501
+ "static": true,
7502
+ "default": "true"
7125
7503
  },
7126
7504
  {
7127
7505
  "kind": "field",
7128
- "name": "buttonLabel",
7506
+ "name": "variant",
7507
+ "attribute": "variant"
7508
+ },
7509
+ {
7510
+ "kind": "field",
7511
+ "name": "label",
7129
7512
  "type": {
7130
- "text": "string"
7513
+ "text": "string | undefined"
7131
7514
  },
7132
- "default": "''",
7133
- "attribute": "buttonLabel",
7134
- "reflects": true
7515
+ "attribute": "label"
7135
7516
  },
7136
7517
  {
7137
7518
  "kind": "field",
7138
- "name": "showClose",
7519
+ "name": "disabled",
7139
7520
  "type": {
7140
7521
  "text": "boolean"
7141
7522
  },
7142
7523
  "default": "false",
7143
- "attribute": "show-close",
7524
+ "attribute": "disabled",
7144
7525
  "reflects": true
7145
7526
  },
7146
7527
  {
7147
7528
  "kind": "field",
7148
- "name": "dismissed",
7529
+ "name": "invalid",
7149
7530
  "type": {
7150
7531
  "text": "boolean"
7151
7532
  },
7152
7533
  "default": "false",
7153
- "attribute": "dismissed",
7534
+ "attribute": "invalid",
7154
7535
  "reflects": true
7155
7536
  },
7156
7537
  {
7157
7538
  "kind": "field",
7158
- "name": "duration",
7539
+ "name": "#value",
7540
+ "privacy": "private",
7159
7541
  "type": {
7160
- "text": "SnackbarDuration"
7542
+ "text": "string"
7161
7543
  },
7162
- "privacy": "private"
7544
+ "default": "''"
7163
7545
  },
7164
7546
  {
7165
7547
  "kind": "field",
7166
- "name": "snackbar",
7548
+ "name": "form",
7167
7549
  "type": {
7168
- "text": "HTMLElement"
7169
- },
7170
- "privacy": "private"
7171
- },
7172
- {
7173
- "kind": "method",
7174
- "name": "renderButton",
7175
- "privacy": "private"
7176
- },
7177
- {
7178
- "kind": "method",
7179
- "name": "renderCloseButton",
7180
- "privacy": "private"
7181
- },
7182
- {
7183
- "kind": "method",
7184
- "name": "dismiss",
7185
- "return": {
7186
- "type": {
7187
- "text": "void"
7188
- }
7550
+ "text": "HTMLFormElement | null"
7189
7551
  }
7190
7552
  },
7191
7553
  {
7192
7554
  "kind": "field",
7193
- "name": "_queue",
7194
- "type": {
7195
- "text": "UmSnackbar[]"
7196
- },
7197
- "privacy": "private",
7198
- "static": true,
7199
- "default": "[]"
7555
+ "name": "value",
7556
+ "attribute": "value"
7200
7557
  },
7201
7558
  {
7202
7559
  "kind": "field",
7203
- "name": "_consuming",
7204
- "type": {
7205
- "text": "boolean"
7206
- },
7207
- "privacy": "private",
7208
- "static": true
7209
- },
7210
- {
7211
- "kind": "method",
7212
- "name": "show",
7213
- "static": true,
7214
- "return": {
7215
- "type": {
7216
- "text": "UmSnackbar"
7217
- }
7218
- },
7219
- "parameters": [
7220
- {
7221
- "name": "label",
7222
- "type": {
7223
- "text": "string"
7224
- }
7225
- }
7226
- ]
7227
- },
7228
- {
7229
- "kind": "method",
7230
- "name": "show",
7231
- "static": true,
7232
- "return": {
7233
- "type": {
7234
- "text": "UmSnackbar"
7235
- }
7236
- },
7237
- "parameters": [
7238
- {
7239
- "name": "config",
7240
- "type": {
7241
- "text": "SnackbarConfig"
7242
- }
7243
- }
7244
- ]
7245
- },
7246
- {
7247
- "kind": "method",
7248
- "name": "show",
7249
- "static": true,
7250
- "return": {
7251
- "type": {
7252
- "text": "UmSnackbar"
7253
- }
7254
- },
7255
- "parameters": [
7256
- {
7257
- "name": "configOrLabel",
7258
- "type": {
7259
- "text": "SnackbarConfig | string"
7260
- }
7261
- }
7262
- ]
7263
- },
7264
- {
7265
- "kind": "method",
7266
- "name": "consumeQueue",
7560
+ "name": "#elementInternals",
7267
7561
  "privacy": "private",
7268
- "static": true
7562
+ "type": {
7563
+ "text": "ElementInternals"
7564
+ }
7269
7565
  },
7270
7566
  {
7271
- "kind": "method",
7272
- "name": "showNext",
7273
- "privacy": "private",
7274
- "static": true
7567
+ "kind": "field",
7568
+ "name": "input",
7569
+ "type": {
7570
+ "text": "HTMLInputElement"
7571
+ }
7275
7572
  },
7276
7573
  {
7277
7574
  "kind": "method",
7278
- "name": "createSnackbar",
7279
- "privacy": "private",
7280
- "static": true,
7281
- "return": {
7282
- "type": {
7283
- "text": "UmSnackbar"
7284
- }
7285
- },
7286
- "parameters": [
7287
- {
7288
- "name": "config",
7289
- "type": {
7290
- "text": "SnackbarConfig"
7291
- }
7292
- }
7293
- ]
7575
+ "name": "#handleInput"
7294
7576
  }
7295
7577
  ],
7296
7578
  "attributes": [
7297
7579
  {
7298
- "name": "label",
7299
- "type": {
7300
- "text": "string"
7301
- },
7302
- "default": "''",
7303
- "fieldName": "label"
7580
+ "name": "variant",
7581
+ "fieldName": "variant"
7304
7582
  },
7305
7583
  {
7306
- "name": "buttonLabel",
7584
+ "name": "label",
7307
7585
  "type": {
7308
- "text": "string"
7586
+ "text": "string | undefined"
7309
7587
  },
7310
- "default": "''",
7311
- "fieldName": "buttonLabel"
7588
+ "fieldName": "label"
7312
7589
  },
7313
7590
  {
7314
- "name": "show-close",
7591
+ "name": "disabled",
7315
7592
  "type": {
7316
7593
  "text": "boolean"
7317
7594
  },
7318
7595
  "default": "false",
7319
- "fieldName": "showClose"
7596
+ "fieldName": "disabled"
7320
7597
  },
7321
7598
  {
7322
- "name": "dismissed",
7599
+ "name": "invalid",
7323
7600
  "type": {
7324
7601
  "text": "boolean"
7325
7602
  },
7326
7603
  "default": "false",
7327
- "fieldName": "dismissed"
7604
+ "fieldName": "invalid"
7605
+ },
7606
+ {
7607
+ "name": "value",
7608
+ "fieldName": "value"
7328
7609
  }
7329
7610
  ],
7330
7611
  "superclass": {
7331
7612
  "name": "LitElement",
7332
7613
  "package": "lit"
7333
7614
  },
7334
- "tagName": "u-snackbar",
7615
+ "tagName": "u-text-field",
7335
7616
  "customElement": true
7336
7617
  }
7337
7618
  ],
7338
7619
  "exports": [
7339
7620
  {
7340
7621
  "kind": "js",
7341
- "name": "UmSnackbar",
7622
+ "name": "UmTextField",
7342
7623
  "declaration": {
7343
- "name": "UmSnackbar",
7344
- "module": "src/snackbar/snackbar.ts"
7624
+ "name": "UmTextField",
7625
+ "module": "src/text-field/text-field.ts"
7345
7626
  }
7346
7627
  },
7347
7628
  {
7348
7629
  "kind": "custom-element-definition",
7349
- "name": "u-snackbar",
7630
+ "name": "u-text-field",
7350
7631
  "declaration": {
7351
- "name": "UmSnackbar",
7352
- "module": "src/snackbar/snackbar.ts"
7632
+ "name": "UmTextField",
7633
+ "module": "src/text-field/text-field.ts"
7353
7634
  }
7354
7635
  }
7355
7636
  ]
@@ -7941,179 +8222,6 @@
7941
8222
  "declarations": [],
7942
8223
  "exports": []
7943
8224
  },
7944
- {
7945
- "kind": "javascript-module",
7946
- "path": "src/text-field/text-field.styles.ts",
7947
- "declarations": [
7948
- {
7949
- "kind": "variable",
7950
- "name": "styles",
7951
- "default": "css `\n\n`"
7952
- }
7953
- ],
7954
- "exports": [
7955
- {
7956
- "kind": "js",
7957
- "name": "styles",
7958
- "declaration": {
7959
- "name": "styles",
7960
- "module": "src/text-field/text-field.styles.ts"
7961
- }
7962
- }
7963
- ]
7964
- },
7965
- {
7966
- "kind": "javascript-module",
7967
- "path": "src/text-field/text-field.ts",
7968
- "declarations": [
7969
- {
7970
- "kind": "class",
7971
- "description": "",
7972
- "name": "UmTextField",
7973
- "members": [
7974
- {
7975
- "kind": "field",
7976
- "name": "formAssociated",
7977
- "type": {
7978
- "text": "boolean"
7979
- },
7980
- "static": true,
7981
- "default": "true"
7982
- },
7983
- {
7984
- "kind": "field",
7985
- "name": "variant",
7986
- "attribute": "variant"
7987
- },
7988
- {
7989
- "kind": "field",
7990
- "name": "label",
7991
- "type": {
7992
- "text": "string | undefined"
7993
- },
7994
- "attribute": "label"
7995
- },
7996
- {
7997
- "kind": "field",
7998
- "name": "disabled",
7999
- "type": {
8000
- "text": "boolean"
8001
- },
8002
- "default": "false",
8003
- "attribute": "disabled",
8004
- "reflects": true
8005
- },
8006
- {
8007
- "kind": "field",
8008
- "name": "invalid",
8009
- "type": {
8010
- "text": "boolean"
8011
- },
8012
- "default": "false",
8013
- "attribute": "invalid",
8014
- "reflects": true
8015
- },
8016
- {
8017
- "kind": "field",
8018
- "name": "#value",
8019
- "privacy": "private",
8020
- "type": {
8021
- "text": "string"
8022
- },
8023
- "default": "''"
8024
- },
8025
- {
8026
- "kind": "field",
8027
- "name": "form",
8028
- "type": {
8029
- "text": "HTMLFormElement | null"
8030
- }
8031
- },
8032
- {
8033
- "kind": "field",
8034
- "name": "value",
8035
- "attribute": "value"
8036
- },
8037
- {
8038
- "kind": "field",
8039
- "name": "#elementInternals",
8040
- "privacy": "private",
8041
- "type": {
8042
- "text": "ElementInternals"
8043
- }
8044
- },
8045
- {
8046
- "kind": "field",
8047
- "name": "input",
8048
- "type": {
8049
- "text": "HTMLInputElement"
8050
- }
8051
- },
8052
- {
8053
- "kind": "method",
8054
- "name": "#handleInput"
8055
- }
8056
- ],
8057
- "attributes": [
8058
- {
8059
- "name": "variant",
8060
- "fieldName": "variant"
8061
- },
8062
- {
8063
- "name": "label",
8064
- "type": {
8065
- "text": "string | undefined"
8066
- },
8067
- "fieldName": "label"
8068
- },
8069
- {
8070
- "name": "disabled",
8071
- "type": {
8072
- "text": "boolean"
8073
- },
8074
- "default": "false",
8075
- "fieldName": "disabled"
8076
- },
8077
- {
8078
- "name": "invalid",
8079
- "type": {
8080
- "text": "boolean"
8081
- },
8082
- "default": "false",
8083
- "fieldName": "invalid"
8084
- },
8085
- {
8086
- "name": "value",
8087
- "fieldName": "value"
8088
- }
8089
- ],
8090
- "superclass": {
8091
- "name": "LitElement",
8092
- "package": "lit"
8093
- },
8094
- "tagName": "u-text-field",
8095
- "customElement": true
8096
- }
8097
- ],
8098
- "exports": [
8099
- {
8100
- "kind": "js",
8101
- "name": "UmTextField",
8102
- "declaration": {
8103
- "name": "UmTextField",
8104
- "module": "src/text-field/text-field.ts"
8105
- }
8106
- },
8107
- {
8108
- "kind": "custom-element-definition",
8109
- "name": "u-text-field",
8110
- "declaration": {
8111
- "name": "UmTextField",
8112
- "module": "src/text-field/text-field.ts"
8113
- }
8114
- }
8115
- ]
8116
- },
8117
8225
  {
8118
8226
  "kind": "javascript-module",
8119
8227
  "path": "src/shared/selection-control/selection-control-list-item.ts",
@@ -8297,10 +8405,24 @@
8297
8405
  },
8298
8406
  {
8299
8407
  "kind": "method",
8300
- "name": "#handleClick"
8408
+ "name": "#handleClick",
8409
+ "parameters": [
8410
+ {
8411
+ "name": "e",
8412
+ "type": {
8413
+ "text": "Event"
8414
+ }
8415
+ }
8416
+ ]
8301
8417
  }
8302
8418
  ],
8303
8419
  "events": [
8420
+ {
8421
+ "name": "input",
8422
+ "type": {
8423
+ "text": "InputEvent"
8424
+ }
8425
+ },
8304
8426
  {
8305
8427
  "name": "change",
8306
8428
  "type": {