@universal-material/web 3.0.149 → 3.1.0

package/scss/_variables.scss

@@ -1,3 +1,4 @@
+@use "sass:string";
 @use "sass:map";
 
 $awesome-cubic-bezier: cubic-bezier(.19, 1, .22, 1) !default;
@@ -54,43 +55,43 @@ $color-roles: (
 );
 
 $rgb-colors: (
-  primary: unquote("103, 80, 164"),
-  on-primary: unquote("255, 255, 255"),
-  primary-container: unquote("234, 221, 255"),
-  on-primary-container: unquote("33, 0, 93"),
-  secondary: unquote("98, 91, 113"),
-  secondary-container: unquote("232, 222, 248"),
-  on-secondary-container: unquote("29, 25, 43"),
-  on-secondary: unquote("255, 255, 255"),
-  tertiary: unquote("125, 82, 96"),
-  on-tertiary: unquote("255, 255, 255"),
-  tertiary-container: unquote("255, 216, 228"),
-  on-tertiary-container: unquote("49, 17, 29"),
-  error: unquote("179, 38, 30"),
-  on-error: unquote("255, 255, 255"),
-  error-container: unquote("249, 222, 220"),
-  on-error-container: unquote("65, 14, 11"),
-  surface: unquote("254, 247, 255"),
-  on-surface: unquote("29, 27, 32"),
-  surface-variant: unquote("231, 224, 236"),
-  on-surface-variant: unquote("73, 69, 79"),
-  surface-container-highest: unquote("230, 224, 233"),
-  surface-container-high: unquote("236, 230, 240"),
-  surface-container: unquote("243, 237, 247"),
-  surface-container-low: unquote("247, 242, 250"),
-  surface-container-lowest: unquote("255, 255, 255"),
-  inverse-surface: unquote("50, 47, 53"),
-  on-inverse-surface: unquote("245, 239, 247"),
-  outline: unquote("121, 116, 126"),
-  outline-variant: unquote("202, 196, 208"),
-  scrim: unquote("0, 0, 0"),
-  shadow: unquote("0, 0, 0")
+  primary: string.unquote("103, 80, 164"),
+  on-primary: string.unquote("255, 255, 255"),
+  primary-container: string.unquote("234, 221, 255"),
+  on-primary-container: string.unquote("33, 0, 93"),
+  secondary: string.unquote("98, 91, 113"),
+  secondary-container: string.unquote("232, 222, 248"),
+  on-secondary-container: string.unquote("29, 25, 43"),
+  on-secondary: string.unquote("255, 255, 255"),
+  tertiary: string.unquote("125, 82, 96"),
+  on-tertiary: string.unquote("255, 255, 255"),
+  tertiary-container: string.unquote("255, 216, 228"),
+  on-tertiary-container: string.unquote("49, 17, 29"),
+  error: string.unquote("179, 38, 30"),
+  on-error: string.unquote("255, 255, 255"),
+  error-container: string.unquote("249, 222, 220"),
+  on-error-container: string.unquote("65, 14, 11"),
+  surface: string.unquote("254, 247, 255"),
+  on-surface: string.unquote("29, 27, 32"),
+  surface-variant: string.unquote("231, 224, 236"),
+  on-surface-variant: string.unquote("73, 69, 79"),
+  surface-container-highest: string.unquote("230, 224, 233"),
+  surface-container-high: string.unquote("236, 230, 240"),
+  surface-container: string.unquote("243, 237, 247"),
+  surface-container-low: string.unquote("247, 242, 250"),
+  surface-container-lowest: string.unquote("255, 255, 255"),
+  inverse-surface: string.unquote("50, 47, 53"),
+  on-inverse-surface: string.unquote("245, 239, 247"),
+  outline: string.unquote("121, 116, 126"),
+  outline-variant: string.unquote("202, 196, 208"),
+  scrim: string.unquote("0, 0, 0"),
+  shadow: string.unquote("0, 0, 0")
 );
 
 $colors: ();
 
 @each $name, $value in $rgb-colors {
-  $colors: map.set($colors, $name, unquote("rgb(#{$value})"));
+  $colors: map.set($colors, $name, string.unquote("rgb(#{$value})"));
 }
 
 $fixed-colors: (

package/scss/colors/_text-bg.scss

@@ -1,38 +1,38 @@
 @use "sass:string";
 
 @use "../variables";
-@import "../mixins/text-bg";
+@use "../mixins/text-bg";
 
 @each $color in variables.$color-roles {
 
-  @include _text-bg-variant-important($color);
-  @include _text-bg-variant-important(inverse-#{$color});
+  @include text-bg.text-bg-variant-important($color);
+  @include text-bg.text-bg-variant-important(inverse-#{$color});
 
-  @include _bg-variant-important($color);
-  @include _bg-variant-important(inverse-#{$color});
+  @include text-bg.bg-variant-important($color);
+  @include text-bg.bg-variant-important(inverse-#{$color});
 }
 
 @each $color in variables.$fixed-colors {
-  @include _text-bg-variant-important($color);
-  @include _text-bg-variant-important(#{$color}-container);
+  @include text-bg.text-bg-variant-important($color);
+  @include text-bg.text-bg-variant-important(#{$color}-container);
 
-  @include _bg-variant-important($color);
-  @include _bg-variant-important(#{$color}-container);
+  @include text-bg.bg-variant-important($color);
+  @include text-bg.bg-variant-important(#{$color}-container);
 }
 
 @each $color in variables.$theme-colors {
-  @include _text-bg-variant-important(#{$color}-fixed);
-  @include _text-bg-variant-important(#{$color}-fixed-dim, on-#{$color}-fixed);
-  @include _bg-variant-important(#{$color}-fixed);
-  @include _bg-variant-important(#{$color}-fixed-dim);
+  @include text-bg.text-bg-variant-important(#{$color}-fixed);
+  @include text-bg.text-bg-variant-important(#{$color}-fixed-dim, on-#{$color}-fixed);
+  @include text-bg.bg-variant-important(#{$color}-fixed);
+  @include text-bg.bg-variant-important(#{$color}-fixed-dim);
 }
 
-@include _text-bg-variant-important(body);
-@include _text-bg-variant-important(inverse-body);
-@include _text-bg-variant-important(light);
-@include _text-bg-variant-important(dark);
+@include text-bg.text-bg-variant-important(body);
+@include text-bg.text-bg-variant-important(inverse-body);
+@include text-bg.text-bg-variant-important(light);
+@include text-bg.text-bg-variant-important(dark);
 
-@include _bg-variant-important(body);
-@include _bg-variant-important(inverse-body);
-@include _bg-variant-important(light);
-@include _bg-variant-important(dark);
+@include text-bg.bg-variant-important(body);
+@include text-bg.bg-variant-important(inverse-body);
+@include text-bg.bg-variant-important(light);
+@include text-bg.bg-variant-important(dark);

package/scss/colors/_text.scss

@@ -3,7 +3,7 @@
 @use "sass:string";
 
 @use "../variables";
-@import "../mixins/text-bg";
+@use "../mixins/text-bg";
 
 @mixin _text-variant-block($name, $color-name) {
 
@@ -23,7 +23,7 @@
   }
 
   .u-text-#{$prefix}#{$name} {
-    @include _current-color-vars-important(--u-color-#{$prefix}#{$color-name});
+    @include text-bg.current-color-vars-important(--u-color-#{$prefix}#{$color-name});
   }
 }
 

package/scss/mixins/_text-bg.scss

@@ -2,7 +2,7 @@
 
 @use "../functions";
 
-@mixin _current-color-vars-important($current-color-var-name) {
+@mixin current-color-vars-important($current-color-var-name) {
   --u-current-text-color: var(#{$current-color-var-name}) !important;
 
   --u-color-high-emphasis: #{functions.get-color-transparency-mix(var(--u-current-text-color), var(--u-high-emphasis-opacity))} !important;
@@ -11,7 +11,7 @@
   color: var(--u-color-high-emphasis) !important;
 }
 
-@mixin _current-color-vars($current-color-var-name) {
+@mixin current-color-vars($current-color-var-name) {
   --u-current-text-color: var(#{$current-color-var-name});
 
   --u-color-high-emphasis: #{functions.get-color-transparency-mix(var(--u-current-text-color), var(--u-high-emphasis-opacity))};
@@ -20,13 +20,13 @@
   color: var(--u-color-high-emphasis);
 }
 
-@mixin _bg-variant-important($color-name) {
+@mixin bg-variant-important($color-name) {
   .u-bg-#{$color-name} {
     background-color: var(--u-color-#{$color-name}) !important;
   }
 }
 
-@mixin _text-bg-variant-important($color-name, $on-color-name: null) {
+@mixin text-bg-variant-important($color-name, $on-color-name: null) {
 
   @if $on-color-name == null {
     $on-color-name: on-#{$color-name};
@@ -38,7 +38,7 @@
   }
 
   .u-text-bg-#{$color-name} {
-    @include _current-color-vars-important(--u-color-#{$on-color-name});
+    @include current-color-vars-important(--u-color-#{$on-color-name});
     background-color: var(--u-color-#{$color-name}) !important;
   }
 }

package/scss/universal-material.scss

@@ -1,16 +1,16 @@
-@import "variables";
-@import "css-vars";
-@import "colors";
-@import "layout";
-@import "utilities";
-@import "table/table";
-@import "typo/font";
-@import "typo/typo";
+@use "variables";
+@use "css-vars";
+@use "colors";
+@use "layout";
+@use "utilities";
+@use "table/table";
+@use "typo/font";
+@use "typo/typo";
 
-@import "reboot";
-@import "global";
+@use "reboot";
+@use "global";
 
-@if $include-reboot {
-  @include reboot;
-  @include global-styles;
+@if variables.$include-reboot {
+  @include reboot.reboot;
+  @include global.global-styles;
 }

package/scss/utilities/_text.scss

@@ -1,3 +1,4 @@
+@use "sass:map";
 @use "../variables";
 @use "../mixins";
 
@@ -35,7 +36,7 @@
 
 // Responsive alignment
 
-@each $breakpoint in map-keys(variables.$breakpoints) {
+@each $breakpoint in map.keys(variables.$breakpoints) {
   @include mixins.media-breakpoint-up($breakpoint) {
     $infix: mixins.breakpoint-infix($breakpoint);
 

package/shared/compare-text.d.ts.map

@@ -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"}
+{"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"}

package/shared/events/redispatch-event.d.ts.map

@@ -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"}
+{"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"}

package/shared/extract-template-html.d.ts.map

@@ -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"}
+{"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"}

package/shared/mixin-attribute-properties.d.ts.map

@@ -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"}
+{"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"}

package/shared/normalize-text.d.ts.map

@@ -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"}
+{"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"}

package/shared/selection-control/selection-control-list-item.d.ts.map

@@ -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"}
+{"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"}

package/shared/selection-control/selection-control.d.ts.map

@@ -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"}
+{"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"}

package/shared/selection-control/checkbox-base.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=checkbox-base.d.ts.map

package/shared/selection-control/checkbox-base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-base.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/checkbox-base.ts"],"names":[],"mappings":""}

package/shared/selection-control/checkbox-base.js

@@ -1,7 +0,0 @@
-"use strict";
-// import { UmSelectionControl } from './selection-control.js';
-//
-// export abstract class UmCheckboxBase extends UmSelectionControl {
-//   @property({ type: Boolean }) checked;
-// }
-//# sourceMappingURL=checkbox-base.js.map

package/shared/selection-control/checkbox-base.js.map

@@ -1 +0,0 @@
-{"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"]}