@universal-material/web 3.0.19 → 3.0.20

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 (5) hide show
  1. package/card/card.d.ts.map +1 -1
  2. package/card/card.js +1 -1
  3. package/card/card.js.map +1 -1
  4. package/custom-elements.json +148 -148
  5. package/package.json +2 -2
package/card/card.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAK3D,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,2BAA2B,CAAC;AAEnC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAE/D,qBACa,MAAO,SAAQ,UAAU;IAEpC,OAAgB,MAAM,4BAAwB;IAE9C;;OAEG;IACwB,OAAO,EAAE,aAAa,CAAc;IAEtD,MAAM,IAAI,kBAAkB;CAStC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,MAAM,CAAC;KAClB;CACF"}
1
+ {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAK3D,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,2BAA2B,CAAC;AAEnC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAE/D,qBACa,MAAO,SAAQ,UAAU;IAEpC,OAAgB,MAAM,4BAAwB;IAE9C;;OAEG;IACwB,OAAO,EAAE,aAAa,CAAY;IAEpD,MAAM,IAAI,kBAAkB;CAStC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,MAAM,CAAC;KAClB;CACF"}
package/card/card.js CHANGED
@@ -17,7 +17,7 @@ let UmCard = class UmCard extends LitElement {
17
17
  /**
18
18
  * The Card variant to render.
19
19
  */
20
- this.variant = 'elevated';
20
+ this.variant = 'filled';
21
21
  }
22
22
  render() {
23
23
  return html `
package/card/card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/card/card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,2BAA2B,CAAC;AAK5B,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QAIL;;WAEG;QACwB,YAAO,GAAkB,UAAU,CAAC;IAWjE,CAAC;IATU,MAAM;QACb,OAAO,IAAI,CAAA;;;;;;yCAM0B,CAAC;IACxC,CAAC;;AAfe,aAAM,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,AAAvB,CAAwB;AAKnB;IAA1B,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;uCAAqC;AAPpD,MAAM;IADlB,aAAa,CAAC,QAAQ,CAAC;GACX,MAAM,CAkBlB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles';\nimport { styles } from './card.styles';\nimport './card-content.js';\nimport './card-media.js';\nimport '../elevation/elevation.js';\n\nexport type UmCardVariant = 'filled' | 'elevated' | 'outlined';\n\n@customElement('u-card')\nexport class UmCard extends LitElement {\n\n static override styles = [baseStyles, styles];\n\n /**\n * The Card variant to render.\n */\n @property({reflect: true}) variant: UmCardVariant = 'elevated';\n\n override render(): HTMLTemplateResult {\n return html`\n <u-elevation></u-elevation>\n <slot name=\"before-content\"></slot>\n <u-card-content>\n <slot></slot>\n </u-card-content>\n <slot name=\"after-content\"></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-card': UmCard;\n }\n}\n"]}
1
+ {"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/card/card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,2BAA2B,CAAC;AAK5B,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QAIL;;WAEG;QACwB,YAAO,GAAkB,QAAQ,CAAC;IAW/D,CAAC;IATU,MAAM;QACb,OAAO,IAAI,CAAA;;;;;;yCAM0B,CAAC;IACxC,CAAC;;AAfe,aAAM,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,AAAvB,CAAwB;AAKnB;IAA1B,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;uCAAmC;AAPlD,MAAM;IADlB,aAAa,CAAC,QAAQ,CAAC;GACX,MAAM,CAkBlB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles';\nimport { styles } from './card.styles';\nimport './card-content.js';\nimport './card-media.js';\nimport '../elevation/elevation.js';\n\nexport type UmCardVariant = 'filled' | 'elevated' | 'outlined';\n\n@customElement('u-card')\nexport class UmCard extends LitElement {\n\n static override styles = [baseStyles, styles];\n\n /**\n * The Card variant to render.\n */\n @property({reflect: true}) variant: UmCardVariant = 'filled';\n\n override render(): HTMLTemplateResult {\n return html`\n <u-elevation></u-elevation>\n <slot name=\"before-content\"></slot>\n <u-card-content>\n <slot></slot>\n </u-card-content>\n <slot name=\"after-content\"></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-card': UmCard;\n }\n}\n"]}
package/custom-elements.json CHANGED
@@ -2213,7 +2213,7 @@
2213
2213
  "type": {
2214
2214
  "text": "UmCardVariant"
2215
2215
  },
2216
- "default": "'elevated'",
2216
+ "default": "'filled'",
2217
2217
  "description": "The Card variant to render.",
2218
2218
  "attribute": "variant",
2219
2219
  "reflects": true
@@ -2225,7 +2225,7 @@
2225
2225
  "type": {
2226
2226
  "text": "UmCardVariant"
2227
2227
  },
2228
- "default": "'elevated'",
2228
+ "default": "'filled'",
2229
2229
  "description": "The Card variant to render.",
2230
2230
  "fieldName": "variant"
2231
2231
  }
@@ -2333,6 +2333,152 @@
2333
2333
  }
2334
2334
  ]
2335
2335
  },
2336
+ {
2337
+ "kind": "javascript-module",
2338
+ "path": "src/divider/divider.styles.ts",
2339
+ "declarations": [
2340
+ {
2341
+ "kind": "variable",
2342
+ "name": "styles",
2343
+ "default": "css `\n :host {\n --_divider-thickness: var(--u-divider-thickness, 1px);\n display: block;\n margin-block: 8px;\n height: var(--_divider-thickness);\n background-color: var(--u-divider-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n :host([no-margin]) {\n margin: 0;\n }\n`"
2344
+ }
2345
+ ],
2346
+ "exports": [
2347
+ {
2348
+ "kind": "js",
2349
+ "name": "styles",
2350
+ "declaration": {
2351
+ "name": "styles",
2352
+ "module": "src/divider/divider.styles.ts"
2353
+ }
2354
+ }
2355
+ ]
2356
+ },
2357
+ {
2358
+ "kind": "javascript-module",
2359
+ "path": "src/divider/divider.ts",
2360
+ "declarations": [
2361
+ {
2362
+ "kind": "class",
2363
+ "description": "",
2364
+ "name": "UmDivider",
2365
+ "members": [
2366
+ {
2367
+ "kind": "field",
2368
+ "name": "noMargin",
2369
+ "type": {
2370
+ "text": "boolean"
2371
+ },
2372
+ "default": "false",
2373
+ "description": "When true, remove the margin of the divider",
2374
+ "attribute": "no-margin",
2375
+ "reflects": true
2376
+ }
2377
+ ],
2378
+ "attributes": [
2379
+ {
2380
+ "name": "no-margin",
2381
+ "type": {
2382
+ "text": "boolean"
2383
+ },
2384
+ "default": "false",
2385
+ "description": "When true, remove the margin of the divider",
2386
+ "fieldName": "noMargin"
2387
+ }
2388
+ ],
2389
+ "superclass": {
2390
+ "name": "LitElement",
2391
+ "package": "lit"
2392
+ },
2393
+ "tagName": "u-divider",
2394
+ "customElement": true
2395
+ }
2396
+ ],
2397
+ "exports": [
2398
+ {
2399
+ "kind": "js",
2400
+ "name": "UmDivider",
2401
+ "declaration": {
2402
+ "name": "UmDivider",
2403
+ "module": "src/divider/divider.ts"
2404
+ }
2405
+ },
2406
+ {
2407
+ "kind": "custom-element-definition",
2408
+ "name": "u-divider",
2409
+ "declaration": {
2410
+ "name": "UmDivider",
2411
+ "module": "src/divider/divider.ts"
2412
+ }
2413
+ }
2414
+ ]
2415
+ },
2416
+ {
2417
+ "kind": "javascript-module",
2418
+ "path": "src/elevation/elevation.styles.ts",
2419
+ "declarations": [
2420
+ {
2421
+ "kind": "variable",
2422
+ "name": "styles",
2423
+ "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`"
2424
+ }
2425
+ ],
2426
+ "exports": [
2427
+ {
2428
+ "kind": "js",
2429
+ "name": "styles",
2430
+ "declaration": {
2431
+ "name": "styles",
2432
+ "module": "src/elevation/elevation.styles.ts"
2433
+ }
2434
+ }
2435
+ ]
2436
+ },
2437
+ {
2438
+ "kind": "javascript-module",
2439
+ "path": "src/elevation/elevation.ts",
2440
+ "declarations": [
2441
+ {
2442
+ "kind": "class",
2443
+ "description": "",
2444
+ "name": "UmElevation",
2445
+ "members": [
2446
+ {
2447
+ "kind": "field",
2448
+ "name": "ariaHidden",
2449
+ "type": {
2450
+ "text": "string"
2451
+ },
2452
+ "default": "\"true\""
2453
+ }
2454
+ ],
2455
+ "superclass": {
2456
+ "name": "LitElement",
2457
+ "package": "lit"
2458
+ },
2459
+ "tagName": "u-elevation",
2460
+ "customElement": true
2461
+ }
2462
+ ],
2463
+ "exports": [
2464
+ {
2465
+ "kind": "js",
2466
+ "name": "UmElevation",
2467
+ "declaration": {
2468
+ "name": "UmElevation",
2469
+ "module": "src/elevation/elevation.ts"
2470
+ }
2471
+ },
2472
+ {
2473
+ "kind": "custom-element-definition",
2474
+ "name": "u-elevation",
2475
+ "declaration": {
2476
+ "name": "UmElevation",
2477
+ "module": "src/elevation/elevation.ts"
2478
+ }
2479
+ }
2480
+ ]
2481
+ },
2336
2482
  {
2337
2483
  "kind": "javascript-module",
2338
2484
  "path": "src/container/container.styles.ts",
@@ -3213,152 +3359,6 @@
3213
3359
  }
3214
3360
  ]
3215
3361
  },
3216
- {
3217
- "kind": "javascript-module",
3218
- "path": "src/divider/divider.styles.ts",
3219
- "declarations": [
3220
- {
3221
- "kind": "variable",
3222
- "name": "styles",
3223
- "default": "css `\n :host {\n --_divider-thickness: var(--u-divider-thickness, 1px);\n display: block;\n margin-block: 8px;\n height: var(--_divider-thickness);\n background-color: var(--u-divider-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n }\n\n :host([no-margin]) {\n margin: 0;\n }\n`"
3224
- }
3225
- ],
3226
- "exports": [
3227
- {
3228
- "kind": "js",
3229
- "name": "styles",
3230
- "declaration": {
3231
- "name": "styles",
3232
- "module": "src/divider/divider.styles.ts"
3233
- }
3234
- }
3235
- ]
3236
- },
3237
- {
3238
- "kind": "javascript-module",
3239
- "path": "src/divider/divider.ts",
3240
- "declarations": [
3241
- {
3242
- "kind": "class",
3243
- "description": "",
3244
- "name": "UmDivider",
3245
- "members": [
3246
- {
3247
- "kind": "field",
3248
- "name": "noMargin",
3249
- "type": {
3250
- "text": "boolean"
3251
- },
3252
- "default": "false",
3253
- "description": "When true, remove the margin of the divider",
3254
- "attribute": "no-margin",
3255
- "reflects": true
3256
- }
3257
- ],
3258
- "attributes": [
3259
- {
3260
- "name": "no-margin",
3261
- "type": {
3262
- "text": "boolean"
3263
- },
3264
- "default": "false",
3265
- "description": "When true, remove the margin of the divider",
3266
- "fieldName": "noMargin"
3267
- }
3268
- ],
3269
- "superclass": {
3270
- "name": "LitElement",
3271
- "package": "lit"
3272
- },
3273
- "tagName": "u-divider",
3274
- "customElement": true
3275
- }
3276
- ],
3277
- "exports": [
3278
- {
3279
- "kind": "js",
3280
- "name": "UmDivider",
3281
- "declaration": {
3282
- "name": "UmDivider",
3283
- "module": "src/divider/divider.ts"
3284
- }
3285
- },
3286
- {
3287
- "kind": "custom-element-definition",
3288
- "name": "u-divider",
3289
- "declaration": {
3290
- "name": "UmDivider",
3291
- "module": "src/divider/divider.ts"
3292
- }
3293
- }
3294
- ]
3295
- },
3296
- {
3297
- "kind": "javascript-module",
3298
- "path": "src/elevation/elevation.styles.ts",
3299
- "declarations": [
3300
- {
3301
- "kind": "variable",
3302
- "name": "styles",
3303
- "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`"
3304
- }
3305
- ],
3306
- "exports": [
3307
- {
3308
- "kind": "js",
3309
- "name": "styles",
3310
- "declaration": {
3311
- "name": "styles",
3312
- "module": "src/elevation/elevation.styles.ts"
3313
- }
3314
- }
3315
- ]
3316
- },
3317
- {
3318
- "kind": "javascript-module",
3319
- "path": "src/elevation/elevation.ts",
3320
- "declarations": [
3321
- {
3322
- "kind": "class",
3323
- "description": "",
3324
- "name": "UmElevation",
3325
- "members": [
3326
- {
3327
- "kind": "field",
3328
- "name": "ariaHidden",
3329
- "type": {
3330
- "text": "string"
3331
- },
3332
- "default": "\"true\""
3333
- }
3334
- ],
3335
- "superclass": {
3336
- "name": "LitElement",
3337
- "package": "lit"
3338
- },
3339
- "tagName": "u-elevation",
3340
- "customElement": true
3341
- }
3342
- ],
3343
- "exports": [
3344
- {
3345
- "kind": "js",
3346
- "name": "UmElevation",
3347
- "declaration": {
3348
- "name": "UmElevation",
3349
- "module": "src/elevation/elevation.ts"
3350
- }
3351
- },
3352
- {
3353
- "kind": "custom-element-definition",
3354
- "name": "u-elevation",
3355
- "declaration": {
3356
- "name": "UmElevation",
3357
- "module": "src/elevation/elevation.ts"
3358
- }
3359
- }
3360
- ]
3361
- },
3362
3362
  {
3363
3363
  "kind": "javascript-module",
3364
3364
  "path": "src/ripple/ripple.styles.ts",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@universal-material/web",
3
- "version": "3.0.19",
3
+ "version": "3.0.20",
4
4
  "description": "Material web components",
5
5
  "type": "module",
6
6
  "keywords": [
@@ -17,7 +17,7 @@
17
17
  "typings": "./index.d.ts",
18
18
  "scripts": {
19
19
  "build": "run-s clean sass:sass-to-ts script:build analyze copy",
20
- "build:watch": "npm-run-all clean sass:sass-to-ts --parallel sass:sass-to-ts:watch script:build:watch",
20
+ "build:watch": "npm-run-all sass:sass-to-ts --parallel sass:sass-to-ts:watch script:build:watch",
21
21
  "script:build": "tsc",
22
22
  "script:build:watch": "tsc --watch",
23
23
  "script:build:prod": "npm run clean && npm run script:build && npm run copy",