@universal-material/web 3.0.150 → 3.1.0
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.
- package/README.md +4 -0
- package/badge/badge.d.ts +12 -0
- package/badge/badge.d.ts.map +1 -0
- package/badge/badge.js +22 -0
- package/badge/badge.js.map +1 -0
- package/badge/badge.styles.d.ts +2 -0
- package/badge/badge.styles.d.ts.map +1 -0
- package/badge/badge.styles.js +35 -0
- package/badge/badge.styles.js.map +1 -0
- package/button/button.d.ts +1 -0
- package/button/button.d.ts.map +1 -1
- package/button/button.js +15 -3
- package/button/button.js.map +1 -1
- package/button/button.styles.d.ts.map +1 -1
- package/button/button.styles.js +2 -0
- package/button/button.styles.js.map +1 -1
- package/css/universal-material.css +1 -1
- package/css/universal-material.min.css +4593 -2
- package/custom-elements.json +2674 -2360
- package/index.d.ts +3 -0
- package/index.d.ts.map +1 -1
- package/index.js +3 -0
- package/index.js.map +1 -1
- package/overflow-menu/overflow-menu-item.d.ts +8 -0
- package/overflow-menu/overflow-menu-item.d.ts.map +1 -0
- package/overflow-menu/overflow-menu-item.js +31 -0
- package/overflow-menu/overflow-menu-item.js.map +1 -0
- package/overflow-menu/overflow-menu.d.ts +12 -0
- package/overflow-menu/overflow-menu.d.ts.map +1 -0
- package/overflow-menu/overflow-menu.js +99 -0
- package/overflow-menu/overflow-menu.js.map +1 -0
- package/overflow-menu/overflow-menu.styles.d.ts +2 -0
- package/overflow-menu/overflow-menu.styles.d.ts.map +1 -0
- package/overflow-menu/overflow-menu.styles.js +25 -0
- package/overflow-menu/overflow-menu.styles.js.map +1 -0
- package/package.json +27 -31
- package/scss/_api.scss +2 -2
- package/scss/_colors.scss +2 -2
- package/scss/_functions.scss +1 -1
- package/scss/_global.scss +2 -2
- package/scss/_layout.scss +3 -3
- package/scss/_mixins.scss +3 -3
- package/scss/_reboot.scss +3 -1
- package/scss/_utilities.scss +4 -4
- package/scss/_variables.scss +33 -32
- package/scss/colors/_text-bg.scss +21 -21
- package/scss/colors/_text.scss +2 -2
- package/scss/mixins/_text-bg.scss +5 -5
- package/scss/universal-material.scss +13 -13
- package/scss/utilities/_text.scss +2 -1
- package/shared/compare-text.d.ts.map +1 -1
- package/shared/events/redispatch-event.d.ts.map +1 -1
- package/shared/extract-template-html.d.ts.map +1 -1
- package/shared/mixin-attribute-properties.d.ts.map +1 -1
- package/shared/normalize-text.d.ts.map +1 -1
- package/shared/selection-control/selection-control-list-item.d.ts.map +1 -1
- package/shared/selection-control/selection-control.d.ts.map +1 -1
- package/shared/selection-control/checkbox-base.d.ts +0 -1
- package/shared/selection-control/checkbox-base.d.ts.map +0 -1
- package/shared/selection-control/checkbox-base.js +0 -7
- 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
|
-
@
|
|
4
|
+
@use "../mixins/text-bg";
|
|
5
5
|
|
|
6
6
|
@each $color in variables.$color-roles {
|
|
7
7
|
|
|
8
|
-
@include
|
|
9
|
-
@include
|
|
8
|
+
@include text-bg.text-bg-variant-important($color);
|
|
9
|
+
@include text-bg.text-bg-variant-important(inverse-#{$color});
|
|
10
10
|
|
|
11
|
-
@include
|
|
12
|
-
@include
|
|
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
|
|
17
|
-
@include
|
|
16
|
+
@include text-bg.text-bg-variant-important($color);
|
|
17
|
+
@include text-bg.text-bg-variant-important(#{$color}-container);
|
|
18
18
|
|
|
19
|
-
@include
|
|
20
|
-
@include
|
|
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
|
|
25
|
-
@include
|
|
26
|
-
@include
|
|
27
|
-
@include
|
|
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
|
|
31
|
-
@include
|
|
32
|
-
@include
|
|
33
|
-
@include
|
|
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
|
|
36
|
-
@include
|
|
37
|
-
@include
|
|
38
|
-
@include
|
|
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);
|
package/scss/colors/_text.scss
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
@use "sass:string";
|
|
4
4
|
|
|
5
5
|
@use "../variables";
|
|
6
|
-
@
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
-
@
|
|
2
|
-
@
|
|
3
|
-
@
|
|
4
|
-
@
|
|
5
|
-
@
|
|
6
|
-
@
|
|
7
|
-
@
|
|
8
|
-
@
|
|
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
|
-
@
|
|
11
|
-
@
|
|
10
|
+
@use "reboot";
|
|
11
|
+
@use "global";
|
|
12
12
|
|
|
13
|
-
@if
|
|
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
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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 +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"]}
|