@universal-material/web 3.0.150 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/README.md +4 -0
  2. package/badge/badge.d.ts +12 -0
  3. package/badge/badge.d.ts.map +1 -0
  4. package/badge/badge.js +22 -0
  5. package/badge/badge.js.map +1 -0
  6. package/badge/badge.styles.d.ts +2 -0
  7. package/badge/badge.styles.d.ts.map +1 -0
  8. package/badge/badge.styles.js +35 -0
  9. package/badge/badge.styles.js.map +1 -0
  10. package/button/button.d.ts +1 -0
  11. package/button/button.d.ts.map +1 -1
  12. package/button/button.js +15 -3
  13. package/button/button.js.map +1 -1
  14. package/button/button.styles.d.ts.map +1 -1
  15. package/button/button.styles.js +2 -0
  16. package/button/button.styles.js.map +1 -1
  17. package/css/universal-material.css +1 -1
  18. package/css/universal-material.min.css +4593 -2
  19. package/custom-elements.json +2702 -2388
  20. package/index.d.ts +3 -0
  21. package/index.d.ts.map +1 -1
  22. package/index.js +3 -0
  23. package/index.js.map +1 -1
  24. package/navigation/drawer-item.styles.js +1 -1
  25. package/navigation/drawer-item.styles.js.map +1 -1
  26. package/overflow-menu/overflow-menu-item.d.ts +8 -0
  27. package/overflow-menu/overflow-menu-item.d.ts.map +1 -0
  28. package/overflow-menu/overflow-menu-item.js +31 -0
  29. package/overflow-menu/overflow-menu-item.js.map +1 -0
  30. package/overflow-menu/overflow-menu.d.ts +12 -0
  31. package/overflow-menu/overflow-menu.d.ts.map +1 -0
  32. package/overflow-menu/overflow-menu.js +99 -0
  33. package/overflow-menu/overflow-menu.js.map +1 -0
  34. package/overflow-menu/overflow-menu.styles.d.ts +2 -0
  35. package/overflow-menu/overflow-menu.styles.d.ts.map +1 -0
  36. package/overflow-menu/overflow-menu.styles.js +25 -0
  37. package/overflow-menu/overflow-menu.styles.js.map +1 -0
  38. package/package.json +27 -31
  39. package/scss/_api.scss +2 -2
  40. package/scss/_colors.scss +2 -2
  41. package/scss/_functions.scss +1 -1
  42. package/scss/_global.scss +2 -2
  43. package/scss/_layout.scss +3 -3
  44. package/scss/_mixins.scss +3 -3
  45. package/scss/_reboot.scss +3 -1
  46. package/scss/_utilities.scss +4 -4
  47. package/scss/_variables.scss +33 -32
  48. package/scss/colors/_text-bg.scss +21 -21
  49. package/scss/colors/_text.scss +2 -2
  50. package/scss/mixins/_text-bg.scss +5 -5
  51. package/scss/universal-material.scss +13 -13
  52. package/scss/utilities/_text.scss +2 -1
  53. package/shared/compare-text.d.ts.map +1 -1
  54. package/shared/events/redispatch-event.d.ts.map +1 -1
  55. package/shared/extract-template-html.d.ts.map +1 -1
  56. package/shared/mixin-attribute-properties.d.ts.map +1 -1
  57. package/shared/normalize-text.d.ts.map +1 -1
  58. package/shared/selection-control/selection-control-list-item.d.ts.map +1 -1
  59. package/shared/selection-control/selection-control.d.ts.map +1 -1
  60. package/shared/selection-control/checkbox-base.d.ts +0 -1
  61. package/shared/selection-control/checkbox-base.d.ts.map +0 -1
  62. package/shared/selection-control/checkbox-base.js +0 -7
  63. package/shared/selection-control/checkbox-base.js.map +0 -1
@@ -1,38 +1,38 @@
1
1
  @use "sass:string";
2
2
 
3
3
  @use "../variables";
4
- @import "../mixins/text-bg";
4
+ @use "../mixins/text-bg";
5
5
 
6
6
  @each $color in variables.$color-roles {
7
7
 
8
- @include _text-bg-variant-important($color);
9
- @include _text-bg-variant-important(inverse-#{$color});
8
+ @include text-bg.text-bg-variant-important($color);
9
+ @include text-bg.text-bg-variant-important(inverse-#{$color});
10
10
 
11
- @include _bg-variant-important($color);
12
- @include _bg-variant-important(inverse-#{$color});
11
+ @include text-bg.bg-variant-important($color);
12
+ @include text-bg.bg-variant-important(inverse-#{$color});
13
13
  }
14
14
 
15
15
  @each $color in variables.$fixed-colors {
16
- @include _text-bg-variant-important($color);
17
- @include _text-bg-variant-important(#{$color}-container);
16
+ @include text-bg.text-bg-variant-important($color);
17
+ @include text-bg.text-bg-variant-important(#{$color}-container);
18
18
 
19
- @include _bg-variant-important($color);
20
- @include _bg-variant-important(#{$color}-container);
19
+ @include text-bg.bg-variant-important($color);
20
+ @include text-bg.bg-variant-important(#{$color}-container);
21
21
  }
22
22
 
23
23
  @each $color in variables.$theme-colors {
24
- @include _text-bg-variant-important(#{$color}-fixed);
25
- @include _text-bg-variant-important(#{$color}-fixed-dim, on-#{$color}-fixed);
26
- @include _bg-variant-important(#{$color}-fixed);
27
- @include _bg-variant-important(#{$color}-fixed-dim);
24
+ @include text-bg.text-bg-variant-important(#{$color}-fixed);
25
+ @include text-bg.text-bg-variant-important(#{$color}-fixed-dim, on-#{$color}-fixed);
26
+ @include text-bg.bg-variant-important(#{$color}-fixed);
27
+ @include text-bg.bg-variant-important(#{$color}-fixed-dim);
28
28
  }
29
29
 
30
- @include _text-bg-variant-important(body);
31
- @include _text-bg-variant-important(inverse-body);
32
- @include _text-bg-variant-important(light);
33
- @include _text-bg-variant-important(dark);
30
+ @include text-bg.text-bg-variant-important(body);
31
+ @include text-bg.text-bg-variant-important(inverse-body);
32
+ @include text-bg.text-bg-variant-important(light);
33
+ @include text-bg.text-bg-variant-important(dark);
34
34
 
35
- @include _bg-variant-important(body);
36
- @include _bg-variant-important(inverse-body);
37
- @include _bg-variant-important(light);
38
- @include _bg-variant-important(dark);
35
+ @include text-bg.bg-variant-important(body);
36
+ @include text-bg.bg-variant-important(inverse-body);
37
+ @include text-bg.bg-variant-important(light);
38
+ @include text-bg.bg-variant-important(dark);
@@ -3,7 +3,7 @@
3
3
  @use "sass:string";
4
4
 
5
5
  @use "../variables";
6
- @import "../mixins/text-bg";
6
+ @use "../mixins/text-bg";
7
7
 
8
8
  @mixin _text-variant-block($name, $color-name) {
9
9
 
@@ -23,7 +23,7 @@
23
23
  }
24
24
 
25
25
  .u-text-#{$prefix}#{$name} {
26
- @include _current-color-vars-important(--u-color-#{$prefix}#{$color-name});
26
+ @include text-bg.current-color-vars-important(--u-color-#{$prefix}#{$color-name});
27
27
  }
28
28
  }
29
29
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  @use "../functions";
4
4
 
5
- @mixin _current-color-vars-important($current-color-var-name) {
5
+ @mixin current-color-vars-important($current-color-var-name) {
6
6
  --u-current-text-color: var(#{$current-color-var-name}) !important;
7
7
 
8
8
  --u-color-high-emphasis: #{functions.get-color-transparency-mix(var(--u-current-text-color), var(--u-high-emphasis-opacity))} !important;
@@ -11,7 +11,7 @@
11
11
  color: var(--u-color-high-emphasis) !important;
12
12
  }
13
13
 
14
- @mixin _current-color-vars($current-color-var-name) {
14
+ @mixin current-color-vars($current-color-var-name) {
15
15
  --u-current-text-color: var(#{$current-color-var-name});
16
16
 
17
17
  --u-color-high-emphasis: #{functions.get-color-transparency-mix(var(--u-current-text-color), var(--u-high-emphasis-opacity))};
@@ -20,13 +20,13 @@
20
20
  color: var(--u-color-high-emphasis);
21
21
  }
22
22
 
23
- @mixin _bg-variant-important($color-name) {
23
+ @mixin bg-variant-important($color-name) {
24
24
  .u-bg-#{$color-name} {
25
25
  background-color: var(--u-color-#{$color-name}) !important;
26
26
  }
27
27
  }
28
28
 
29
- @mixin _text-bg-variant-important($color-name, $on-color-name: null) {
29
+ @mixin text-bg-variant-important($color-name, $on-color-name: null) {
30
30
 
31
31
  @if $on-color-name == null {
32
32
  $on-color-name: on-#{$color-name};
@@ -38,7 +38,7 @@
38
38
  }
39
39
 
40
40
  .u-text-bg-#{$color-name} {
41
- @include _current-color-vars-important(--u-color-#{$on-color-name});
41
+ @include current-color-vars-important(--u-color-#{$on-color-name});
42
42
  background-color: var(--u-color-#{$color-name}) !important;
43
43
  }
44
44
  }
@@ -1,16 +1,16 @@
1
- @import "variables";
2
- @import "css-vars";
3
- @import "colors";
4
- @import "layout";
5
- @import "utilities";
6
- @import "table/table";
7
- @import "typo/font";
8
- @import "typo/typo";
1
+ @use "variables";
2
+ @use "css-vars";
3
+ @use "colors";
4
+ @use "layout";
5
+ @use "utilities";
6
+ @use "table/table";
7
+ @use "typo/font";
8
+ @use "typo/typo";
9
9
 
10
- @import "reboot";
11
- @import "global";
10
+ @use "reboot";
11
+ @use "global";
12
12
 
13
- @if $include-reboot {
14
- @include reboot;
15
- @include global-styles;
13
+ @if variables.$include-reboot {
14
+ @include reboot.reboot;
15
+ @include global.global-styles;
16
16
  }
@@ -1,3 +1,4 @@
1
+ @use "sass:map";
1
2
  @use "../variables";
2
3
  @use "../mixins";
3
4
 
@@ -35,7 +36,7 @@
35
36
 
36
37
  // Responsive alignment
37
38
 
38
- @each $breakpoint in map-keys(variables.$breakpoints) {
39
+ @each $breakpoint in map.keys(variables.$breakpoints) {
39
40
  @include mixins.media-breakpoint-up($breakpoint) {
40
41
  $infix: mixins.breakpoint-infix($breakpoint);
41
42
 
@@ -1 +1 @@
1
- {"version":3,"file":"compare-text.d.ts","sourceRoot":"","sources":["../../src/shared/compare-text.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,SAAU,MAAM,GAAG,IAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,OAG9B,CAAC"}
1
+ {"version":3,"file":"compare-text.d.ts","sourceRoot":"","sources":["../../src/shared/compare-text.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,GAAG,IAAI,EAAE,MAAM,MAAM,GAAG,IAAI,KAAG,OAG9B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"redispatch-event.d.ts","sourceRoot":"","sources":["../../../src/shared/events/redispatch-event.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,YAAa,OAAO,SAAS,KAAK,YAe7D,CAAC"}
1
+ {"version":3,"file":"redispatch-event.d.ts","sourceRoot":"","sources":["../../../src/shared/events/redispatch-event.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,GAAI,SAAS,OAAO,EAAE,OAAO,KAAK,YAe7D,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"extract-template-html.d.ts","sourceRoot":"","sources":["../../src/shared/extract-template-html.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,aAAc,mBAAmB,WAQhE,CAAC"}
1
+ {"version":3,"file":"extract-template-html.d.ts","sourceRoot":"","sources":["../../src/shared/extract-template-html.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,GAAI,UAAU,mBAAmB,WAQhE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"mixin-attribute-properties.d.ts","sourceRoot":"","sources":["../../src/shared/mixin-attribute-properties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAGpD,eAAO,MAAM,wBAAwB,GAAI,CAAC,SAAS,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,iBAAiB,MAAM,EAAE,KAAG,WAAW,CAAC,CAAC,CA2BzH,CAAC"}
1
+ {"version":3,"file":"mixin-attribute-properties.d.ts","sourceRoot":"","sources":["../../src/shared/mixin-attribute-properties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAGpD,eAAO,MAAM,wBAAwB,GAAI,CAAC,SAAS,SAAS,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,EAAE,GAAG,YAAY,MAAM,EAAE,KAAG,WAAW,CAAC,CAAC,CA2BzH,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"normalize-text.d.ts","sourceRoot":"","sources":["../../src/shared/normalize-text.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,SAAU,MAAM,GAAG,IAAI,KAAG,MAQnD,CAAC"}
1
+ {"version":3,"file":"normalize-text.d.ts","sourceRoot":"","sources":["../../src/shared/normalize-text.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,GAAG,IAAI,KAAG,MAQnD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"selection-control-list-item.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control-list-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,eAAO,MAAM,6BAA6B,GAAI,CAAC,SAAS,SAAS,CAAC,kBAAkB,CAAC,QAAQ,CAAC,KAAG,WAAW,CAAC,CAAC,CAoC7G,CAAC"}
1
+ {"version":3,"file":"selection-control-list-item.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control-list-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,eAAO,MAAM,6BAA6B,GAAI,CAAC,SAAS,SAAS,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC,KAAG,WAAW,CAAC,CAAC,CAoC7G,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"selection-control.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAOpE,OAAO,wBAAwB,CAAC;AAEhC,eAAO,MAAM,iBAAiB,UAAW,KAAK,YAmB7C,CAAC;AA2BF,8BAAsB,kBAAmB,SAAQ,UAAU;;IACzD,OAAgB,MAAM,EAAE,cAAc,CAAwB;IAE9D,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEF,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAEzB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAM;IACf,QAAQ,UAAS;IAC7C,KAAK,EAAG,gBAAgB,CAAC;IAEzC,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAEQ,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAMrC,SAAS,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAc;IACvD,SAAS,CAAC,YAAY,UAAQ;IAC9B,SAAS,CAAC,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAa;IAC7D,SAAS,CAAC,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAa;IAE5D,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,kBAAkB;IAExD;;OAEG;IACS,KAAK,SAAQ;IAEzB,IACI,OAAO,IAIU,OAAO,CAF3B;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,OAAO,EAQ3B;IAEkD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAS;IAE9F,SAAS;IAKA,YAAY,CAAC,iBAAiB,EAAE,cAAc;IAM9C,iBAAiB;IAMjB,oBAAoB;cAKV,MAAM,IAAI,kBAAkB;IAuC/C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK;CAKhC"}
1
+ {"version":3,"file":"selection-control.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAOpE,OAAO,wBAAwB,CAAC;AAEhC,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,YAmB7C,CAAC;AA2BF,8BAAsB,kBAAmB,SAAQ,UAAU;;IACzD,OAAgB,MAAM,EAAE,cAAc,CAAwB;IAE9D,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEF,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAEzB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAM;IACf,QAAQ,UAAS;IAC7C,KAAK,EAAG,gBAAgB,CAAC;IAEzC,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAEQ,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAMrC,SAAS,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAc;IACvD,SAAS,CAAC,YAAY,UAAQ;IAC9B,SAAS,CAAC,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAa;IAC7D,SAAS,CAAC,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAa;IAE5D,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,kBAAkB;IAExD;;OAEG;IACS,KAAK,SAAQ;IAEzB,IACI,OAAO,IAIU,OAAO,CAF3B;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,OAAO,EAQ3B;IAEkD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAS;IAE9F,SAAS;IAKA,YAAY,CAAC,iBAAiB,EAAE,cAAc;IAM9C,iBAAiB;IAMjB,oBAAoB;cAKV,MAAM,IAAI,kBAAkB;IAuC/C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK;CAKhC"}
@@ -1 +0,0 @@
1
- //# sourceMappingURL=checkbox-base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkbox-base.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/checkbox-base.ts"],"names":[],"mappings":""}
@@ -1,7 +0,0 @@
1
- "use strict";
2
- // import { UmSelectionControl } from './selection-control.js';
3
- //
4
- // export abstract class UmCheckboxBase extends UmSelectionControl {
5
- // @property({ type: Boolean }) checked;
6
- // }
7
- //# sourceMappingURL=checkbox-base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkbox-base.js","sourceRoot":"","sources":["../../../src/shared/selection-control/checkbox-base.ts"],"names":[],"mappings":";AAAA,+DAA+D;AAC/D,EAAE;AACF,oEAAoE;AACpE,0CAA0C;AAC1C,IAAI","sourcesContent":["// import { UmSelectionControl } from './selection-control.js';\n//\n// export abstract class UmCheckboxBase extends UmSelectionControl {\n// @property({ type: Boolean }) checked;\n// }\n"]}