@universal-material/web 3.0.150 → 3.1.0

package/index.d.ts

@@ -36,6 +36,7 @@ import './tab-bar/tab.js';
 import './typeahead/highlight.js';
 import './typeahead/typeahead.js';
 export * from './app-bar/top-app-bar.js';
+export * from './badge/badge.js';
 export * from './button/button.js';
 export * from './button/button-base.js';
 export * from './button/button-set.js';
@@ -69,6 +70,8 @@ export * from './navigation/drawer.js';
 export * from './navigation/drawer-item.js';
 export * from './navigation/drawer-headline.js';
 export * from './navigation/side-navigation.js';
+export * from './overflow-menu/overflow-menu.js';
+export * from './overflow-menu/overflow-menu-item.js';
 export * from './progress/circular-progress.js';
 export * from './progress/progress-bar.js';
 export * from './ripple/ripple.js';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,wCAAwC,CAAC;AAEhD,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAC1B,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,8BAA8B,CAAC;AACtC,OAAO,0BAA0B,CAAC;AAClC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,wBAAwB,CAAC;AAChC,OAAO,6BAA6B,CAAC;AACrC,OAAO,iCAAiC,CAAC;AACzC,OAAO,iCAAiC,CAAC;AACzC,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAElC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,wCAAwC,CAAC;AAEhD,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAC1B,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,8BAA8B,CAAC;AACtC,OAAO,0BAA0B,CAAC;AAClC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,wBAAwB,CAAC;AAChC,OAAO,6BAA6B,CAAC;AACrC,OAAO,iCAAiC,CAAC;AACzC,OAAO,iCAAiC,CAAC;AACzC,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAElC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC"}

package/index.js

@@ -36,6 +36,7 @@ import './tab-bar/tab.js';
 import './typeahead/highlight.js';
 import './typeahead/typeahead.js';
 export * from './app-bar/top-app-bar.js';
+export * from './badge/badge.js';
 export * from './button/button.js';
 export * from './button/button-base.js';
 export * from './button/button-set.js';
@@ -69,6 +70,8 @@ export * from './navigation/drawer.js';
 export * from './navigation/drawer-item.js';
 export * from './navigation/drawer-headline.js';
 export * from './navigation/side-navigation.js';
+export * from './overflow-menu/overflow-menu.js';
+export * from './overflow-menu/overflow-menu-item.js';
 export * from './progress/circular-progress.js';
 export * from './progress/progress-bar.js';
 export * from './ripple/ripple.js';

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,wCAAwC,CAAC;AAEhD,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAC1B,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,8BAA8B,CAAC;AACtC,OAAO,0BAA0B,CAAC;AAClC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,wBAAwB,CAAC;AAChC,OAAO,6BAA6B,CAAC;AACrC,OAAO,iCAAiC,CAAC;AACzC,OAAO,iCAAiC,CAAC;AACzC,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAElC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC","sourcesContent":["import '@bart-krakowski/get-week-info-polyfill';\n\nimport './app-bar/top-app-bar.js';\nimport './button/button.js';\nimport './button/button-set.js';\nimport './button/fab.js';\nimport './button/icon-button.js';\nimport './card/card.js';\nimport './chip/chip.js';\nimport './chip/chip-set.js';\nimport './chip-field/chip-field.js';\nimport './dialog/dialog.js';\nimport './checkbox/checkbox.js';\nimport './checkbox/checkbox-list-item.js';\nimport './radio/radio.js';\nimport './radio/radio-list-item.js';\nimport './switch/switch.js';\nimport './switch/switch-list-item.js';\nimport './elevation/elevation.js';\nimport './field/field.js';\nimport './text-field/text-field.js';\nimport './text-area/text-area.js';\nimport './select/select.js';\nimport './list/list.js';\nimport './list/list-item.js';\nimport './menu/menu.js';\nimport './menu/menu-item.js';\nimport './navigation/drawer.js';\nimport './navigation/drawer-item.js';\nimport './navigation/side-navigation.js';\nimport './progress/circular-progress.js';\nimport './progress/progress-bar.js';\nimport './ripple/ripple.js';\nimport './snackbar/snackbar.js';\nimport './tab-bar/tab-bar.js';\nimport './tab-bar/tab.js';\nimport './typeahead/highlight.js';\nimport './typeahead/typeahead.js';\n\nexport * from './app-bar/top-app-bar.js';\nexport * from './button/button.js';\nexport * from './button/button-base.js';\nexport * from './button/button-set.js';\nexport * from './button/fab.js';\nexport * from './button/icon-button.js';\nexport * from './button-field/button-field.js';\nexport * from './calendar/calendar.js';\nexport * from './calendar/range-calendar.js';\nexport * from './card/card.js';\nexport * from './card/card-content.js';\nexport * from './card/card-media.js';\nexport * from './chip/chip.js';\nexport * from './chip-field/chip-field.js';\nexport * from './chip/chip-set.js';\nexport * from './dialog/dialog.js';\nexport * from './checkbox/checkbox.js';\nexport * from './radio/radio.js';\nexport * from './switch/switch.js';\nexport * from './switch/switch-list-item.js';\nexport * from './elevation/elevation.js';\nexport * from './field/field.js';\nexport * from './text-field/text-field.js';\nexport * from './text-area/text-area.js';\nexport * from './select/select.js';\nexport * from './select/option.js';\nexport * from './list/list.js';\nexport * from './list/list-item.js';\nexport * from './menu/menu.js';\nexport * from './menu/menu-item.js';\nexport * from './navigation/drawer.js';\nexport * from './navigation/drawer-item.js';\nexport * from './navigation/drawer-headline.js';\nexport * from './navigation/side-navigation.js';\nexport * from './progress/circular-progress.js';\nexport * from './progress/progress-bar.js';\nexport * from './ripple/ripple.js';\nexport * from './snackbar/snackbar.js';\nexport * from './tab-bar/tab-bar.js';\nexport * from './tab-bar/tab.js';\nexport * from './theme/theme-builder.js';\nexport * from './typeahead/highlight.js';\nexport * from './typeahead/typeahead.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,wCAAwC,CAAC;AAEhD,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAC1B,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,8BAA8B,CAAC;AACtC,OAAO,0BAA0B,CAAC;AAClC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,wBAAwB,CAAC;AAChC,OAAO,6BAA6B,CAAC;AACrC,OAAO,iCAAiC,CAAC;AACzC,OAAO,iCAAiC,CAAC;AACzC,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAElC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC","sourcesContent":["import '@bart-krakowski/get-week-info-polyfill';\n\nimport './app-bar/top-app-bar.js';\nimport './button/button.js';\nimport './button/button-set.js';\nimport './button/fab.js';\nimport './button/icon-button.js';\nimport './card/card.js';\nimport './chip/chip.js';\nimport './chip/chip-set.js';\nimport './chip-field/chip-field.js';\nimport './dialog/dialog.js';\nimport './checkbox/checkbox.js';\nimport './checkbox/checkbox-list-item.js';\nimport './radio/radio.js';\nimport './radio/radio-list-item.js';\nimport './switch/switch.js';\nimport './switch/switch-list-item.js';\nimport './elevation/elevation.js';\nimport './field/field.js';\nimport './text-field/text-field.js';\nimport './text-area/text-area.js';\nimport './select/select.js';\nimport './list/list.js';\nimport './list/list-item.js';\nimport './menu/menu.js';\nimport './menu/menu-item.js';\nimport './navigation/drawer.js';\nimport './navigation/drawer-item.js';\nimport './navigation/side-navigation.js';\nimport './progress/circular-progress.js';\nimport './progress/progress-bar.js';\nimport './ripple/ripple.js';\nimport './snackbar/snackbar.js';\nimport './tab-bar/tab-bar.js';\nimport './tab-bar/tab.js';\nimport './typeahead/highlight.js';\nimport './typeahead/typeahead.js';\n\nexport * from './app-bar/top-app-bar.js';\nexport * from './badge/badge.js';\nexport * from './button/button.js';\nexport * from './button/button-base.js';\nexport * from './button/button-set.js';\nexport * from './button/fab.js';\nexport * from './button/icon-button.js';\nexport * from './button-field/button-field.js';\nexport * from './calendar/calendar.js';\nexport * from './calendar/range-calendar.js';\nexport * from './card/card.js';\nexport * from './card/card-content.js';\nexport * from './card/card-media.js';\nexport * from './chip/chip.js';\nexport * from './chip-field/chip-field.js';\nexport * from './chip/chip-set.js';\nexport * from './dialog/dialog.js';\nexport * from './checkbox/checkbox.js';\nexport * from './radio/radio.js';\nexport * from './switch/switch.js';\nexport * from './switch/switch-list-item.js';\nexport * from './elevation/elevation.js';\nexport * from './field/field.js';\nexport * from './text-field/text-field.js';\nexport * from './text-area/text-area.js';\nexport * from './select/select.js';\nexport * from './select/option.js';\nexport * from './list/list.js';\nexport * from './list/list-item.js';\nexport * from './menu/menu.js';\nexport * from './menu/menu-item.js';\nexport * from './navigation/drawer.js';\nexport * from './navigation/drawer-item.js';\nexport * from './navigation/drawer-headline.js';\nexport * from './navigation/side-navigation.js';\nexport * from './overflow-menu/overflow-menu.js';\nexport * from './overflow-menu/overflow-menu-item.js';\nexport * from './progress/circular-progress.js';\nexport * from './progress/progress-bar.js';\nexport * from './ripple/ripple.js';\nexport * from './snackbar/snackbar.js';\nexport * from './tab-bar/tab-bar.js';\nexport * from './tab-bar/tab.js';\nexport * from './theme/theme-builder.js';\nexport * from './typeahead/highlight.js';\nexport * from './typeahead/typeahead.js';\n"]}

package/overflow-menu/overflow-menu-item.d.ts

@@ -0,0 +1,8 @@
+import { HTMLTemplateResult, LitElement } from 'lit';
+export declare class OverflowMenuItem extends LitElement {
+    label: string;
+    priority: boolean;
+    icons: HTMLElement[];
+    protected render(): HTMLTemplateResult;
+}
+//# sourceMappingURL=overflow-menu-item.d.ts.map

package/overflow-menu/overflow-menu-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-menu-item.d.ts","sourceRoot":"","sources":["../../src/overflow-menu/overflow-menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAG3D,qBACa,gBAAiB,SAAQ,UAAU;IAClC,KAAK,SAAM;IACM,QAAQ,UAAS;IAErB,KAAK,EAAG,WAAW,EAAE,CAAC;cAE5B,MAAM,IAAI,kBAAkB;CAOhD"}

package/overflow-menu/overflow-menu-item.js

@@ -0,0 +1,31 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { customElement, property, queryAssignedElements } from 'lit/decorators.js';
+let OverflowMenuItem = class OverflowMenuItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.priority = false;
+    }
+    render() {
+        return html `
+      <u-icon-button .title="${this.label}">
+        <slot></slot>
+      </u-icon-button>
+    `;
+    }
+};
+__decorate([
+    property()
+], OverflowMenuItem.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean })
+], OverflowMenuItem.prototype, "priority", void 0);
+__decorate([
+    queryAssignedElements()
+], OverflowMenuItem.prototype, "icons", void 0);
+OverflowMenuItem = __decorate([
+    customElement('u-overflow-menu-item')
+], OverflowMenuItem);
+export { OverflowMenuItem };
+//# sourceMappingURL=overflow-menu-item.js.map

package/overflow-menu/overflow-menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-menu-item.js","sourceRoot":"","sources":["../../src/overflow-menu/overflow-menu-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAG5E,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QACO,UAAK,GAAG,EAAE,CAAC;QACM,aAAQ,GAAG,KAAK,CAAC;IAWhD,CAAC;IAPoB,MAAM;QACvB,OAAO,IAAI,CAAA;+BACgB,IAAI,CAAC,KAAK;;;KAGpC,CAAC;IACJ,CAAC;CACF,CAAA;AAZa;IAAX,QAAQ,EAAE;+CAAY;AACM;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDAAkB;AAErB;IAAxB,qBAAqB,EAAE;+CAAuB;AAJpC,gBAAgB;IAD5B,aAAa,CAAC,sBAAsB,CAAC;GACzB,gBAAgB,CAa5B","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js';\n\n@customElement('u-overflow-menu-item')\nexport class OverflowMenuItem extends LitElement {\n  @property() label = '';\n  @property({ type: Boolean }) priority = false;\n\n  @queryAssignedElements() icons!: HTMLElement[];\n\n  protected override render(): HTMLTemplateResult {\n    return html`\n      <u-icon-button .title=\"${this.label}\">\n        <slot></slot>\n      </u-icon-button>\n    `;\n  }\n}\n"]}

package/overflow-menu/overflow-menu.d.ts

@@ -0,0 +1,12 @@
+import { HTMLTemplateResult, LitElement } from 'lit';
+import { UmMenu } from '../menu/menu.js';
+export declare class OverflowMenu extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult;
+    _showMenu: boolean;
+    menu?: UmMenu;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected render(): HTMLTemplateResult;
+}
+//# sourceMappingURL=overflow-menu.d.ts.map

package/overflow-menu/overflow-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-menu.d.ts","sourceRoot":"","sources":["../../src/overflow-menu/overflow-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAK3D,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAIzC,qBACa,YAAa,SAAQ,UAAU;;IAC1C,OAAgB,MAAM,0BAAU;IAMvB,SAAS,UAAS;IAEV,IAAI,CAAC,EAAE,MAAM,CAAC;IAItB,iBAAiB;IAQjB,oBAAoB;cA6CV,MAAM,IAAI,kBAAkB;CA6BhD"}

package/overflow-menu/overflow-menu.js

@@ -0,0 +1,99 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { map } from 'lit/directives/map.js';
+import { when } from 'lit/directives/when.js';
+import { styles } from './overflow-menu.styles.js';
+let OverflowMenu = class OverflowMenu extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.#resizeObserver = null;
+        this.#items = [];
+        this.#collapsedItems = [];
+        this._showMenu = false;
+        this.#updateMenusTimeout = 0;
+    }
+    static { this.styles = styles; }
+    #resizeObserver;
+    #items;
+    #collapsedItems;
+    #updateMenusTimeout;
+    connectedCallback() {
+        super.connectedCallback();
+        this.#resizeObserver = new ResizeObserver(() => this.#updateMenus());
+        this.#resizeObserver.observe(this);
+        this.#updateMenus();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.#resizeObserver.disconnect();
+        this.#resizeObserver = null;
+    }
+    #updateMenus() {
+        clearTimeout(this.#updateMenusTimeout);
+        this.#updateMenusTimeout = setTimeout(() => {
+            let firstWrapperMenu = true;
+            const previousCollapsedLength = this.#collapsedItems.length;
+            this.#collapsedItems.length = 0;
+            for (const item of this.#items) {
+                if (item.offsetTop === this.offsetTop) {
+                    continue;
+                }
+                if (firstWrapperMenu && !this._showMenu) {
+                    this.#collapsedItems.push(item.previousSibling);
+                }
+                this.#collapsedItems.push(item);
+                firstWrapperMenu = false;
+            }
+            this._showMenu = this.#collapsedItems.length > 1;
+            if (previousCollapsedLength !== this.#collapsedItems.length) {
+                this.requestUpdate();
+            }
+        }, 100);
+    }
+    #handleSlotChange(e) {
+        const slot = e.target;
+        this.#items = slot.assignedElements();
+        this.#updateMenus();
+    }
+    render() {
+        return html `
+      
+      <u-button-set>
+        <u-button-set class="items-set">
+          <slot @slotchange="${this.#handleSlotChange}"></slot>
+        </u-button-set>
+          ${when(this._showMenu, () => html `
+            <div class="inner-menu">
+              <u-icon-button @click=${{ handleEvent: () => this.menu?.toggle() }}>
+                <slot name="icon">
+                  <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em" fill="currentColor">
+                    <path
+                      d="M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 
+                      33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 
+                      33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z"/>
+                  </svg>
+                </slot>
+              </u-icon-button>
+              <u-menu anchor-corner="end-end">
+                ${map(this.#collapsedItems, item => html `
+                  <u-menu-item @click=${{ handleEvent: () => item.click() }}>${item.label}</u-menu-item>
+                `)}
+              </u-menu>
+            </div>
+          `)}
+      </u-button-set>
+    `;
+    }
+};
+__decorate([
+    state()
+], OverflowMenu.prototype, "_showMenu", void 0);
+__decorate([
+    query('u-menu')
+], OverflowMenu.prototype, "menu", void 0);
+OverflowMenu = __decorate([
+    customElement('u-overflow-menu')
+], OverflowMenu);
+export { OverflowMenu };
+//# sourceMappingURL=overflow-menu.js.map

package/overflow-menu/overflow-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-menu.js","sourceRoot":"","sources":["../../src/overflow-menu/overflow-menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { map } from 'lit/directives/map.js';\nimport { when } from 'lit/directives/when.js';\n\nimport { UmMenu } from '../menu/menu.js';\nimport { OverflowMenuItem } from './overflow-menu-item.js';\nimport { styles } from './overflow-menu.styles.js';\n\n@customElement('u-overflow-menu')\nexport class OverflowMenu extends LitElement {\n  static override styles = styles;\n  #resizeObserver: ResizeObserver | null = null;\n  #items: OverflowMenuItem[] = [];\n\n  readonly #collapsedItems: OverflowMenuItem[] = [];\n\n  @state() _showMenu = false;\n\n  @query('u-menu') menu?: UmMenu;\n\n  #updateMenusTimeout = 0;\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    this.#resizeObserver = new ResizeObserver(() => this.#updateMenus());\n    this.#resizeObserver.observe(this);\n    this.#updateMenus();\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n\n    this.#resizeObserver!.disconnect();\n    this.#resizeObserver = null;\n  }\n\n  #updateMenus(): void {\n\n    clearTimeout(this.#updateMenusTimeout);\n\n    this.#updateMenusTimeout = setTimeout(() => {\n      let firstWrapperMenu = true;\n\n      const previousCollapsedLength = this.#collapsedItems.length;\n      this.#collapsedItems.length = 0;\n\n      for (const item of this.#items) {\n\n        if (item.offsetTop === this.offsetTop) {\n          continue;\n        }\n\n        if (firstWrapperMenu && !this._showMenu) {\n          this.#collapsedItems.push(item.previousSibling as OverflowMenuItem);\n        }\n\n        this.#collapsedItems.push(item);\n        firstWrapperMenu = false;\n      }\n\n      this._showMenu = this.#collapsedItems.length > 1;\n\n      if (previousCollapsedLength !== this.#collapsedItems.length) {\n        this.requestUpdate();\n      }\n    }, 100);\n  }\n\n  #handleSlotChange(e: Event) {\n    const slot = e.target as HTMLSlotElement;\n    this.#items = slot.assignedElements() as OverflowMenuItem[];\n    this.#updateMenus();\n  }\n\n  protected override render(): HTMLTemplateResult {\n    return html`\n      \n      <u-button-set>\n        <u-button-set class=\"items-set\">\n          <slot @slotchange=\"${this.#handleSlotChange}\"></slot>\n        </u-button-set>\n          ${when(this._showMenu, () => html`\n            <div class=\"inner-menu\">\n              <u-icon-button @click=${{ handleEvent: () => this.menu?.toggle() }}>\n                <slot name=\"icon\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\" fill=\"currentColor\">\n                    <path\n                      d=\"M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 \n                      33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 \n                      33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z\"/>\n                  </svg>\n                </slot>\n              </u-icon-button>\n              <u-menu anchor-corner=\"end-end\">\n                ${map(this.#collapsedItems, item => html`\n                  <u-menu-item @click=${{ handleEvent: () => item.click() }}>${item.label}</u-menu-item>\n                `)}\n              </u-menu>\n            </div>\n          `)}\n      </u-button-set>\n    `;\n  }\n}\n"]}

package/overflow-menu/overflow-menu.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=overflow-menu.styles.d.ts.map

package/overflow-menu/overflow-menu.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-menu.styles.d.ts","sourceRoot":"","sources":["../../src/overflow-menu/overflow-menu.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAsBlB,CAAC"}

package/overflow-menu/overflow-menu.styles.js

@@ -0,0 +1,25 @@
+import { css } from 'lit';
+export const styles = css `
+  .grid {
+    --_cell-size: var(--u-icon-button-small-height, 40px);
+    display: grid;
+    column-gap: 8px;
+    grid-template-columns: repeat(auto-fit, var(--_cell-size));
+    justify-content: end;
+    height: var(--_cell-size);
+    overflow: hidden;
+  }
+
+  .items-set {
+    flex-wrap: wrap;
+    max-height: var(--u-icon-button-small-height, 40px);
+    overflow: hidden;
+  }
+
+  .inner-menu {
+    position: relative;
+    grid-row: 1;
+    grid-column: -2;
+  }
+`;
+//# sourceMappingURL=overflow-menu.styles.js.map

package/overflow-menu/overflow-menu.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-menu.styles.js","sourceRoot":"","sources":["../../src/overflow-menu/overflow-menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;CAsBzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  .grid {\n    --_cell-size: var(--u-icon-button-small-height, 40px);\n    display: grid;\n    column-gap: 8px;\n    grid-template-columns: repeat(auto-fit, var(--_cell-size));\n    justify-content: end;\n    height: var(--_cell-size);\n    overflow: hidden;\n  }\n\n  .items-set {\n    flex-wrap: wrap;\n    max-height: var(--u-icon-button-small-height, 40px);\n    overflow: hidden;\n  }\n\n  .inner-menu {\n    position: relative;\n    grid-row: 1;\n    grid-column: -2;\n  }\n`;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universal-material/web",
-  "version": "3.0.150",
+  "version": "3.1.0",
   "description": "Material web components",
   "type": "module",
   "keywords": [
@@ -25,20 +25,22 @@
     "sass:watch": "gulp -f gulpfile.js sass:watch",
     "clean": "rimraf ./dist/ rimraf ./src/**/*.d.ts rimraf ./src/**/*.styles.ts",
     "copy": "copyfiles package.json README.md custom-elements.json dist/ && copyfiles -u 1 src/scss/**/*.scss dist/",
-    "lint": "npm run lint:lit-analyzer && npm run lint:eslint",
+    "lint": "npm run lint:lit-analyzer && npm run lint:eslint && npm run lint:prettier",
     "lint:eslint": "eslint src/**/*.ts",
     "lint:eslint:fix": "eslint src/**/*.ts --fix",
     "lint:lit-analyzer": "lit-analyzer",
+    "lint:prettier": "prettier . --check",
     "predocs": "run-p analyze docs:apis script:sass-to-ts",
     "docs": "run-p build:watch docs:serve",
     "docs:apis": "gulp -f gulpfile.js docs:apis",
     "docs:apis:watch": "gulp -f gulpfile.js docs:apis:watch",
-    "docs:serve": "cd docs && ng serve --disable-host-check",
+    "docs:serve": "cd docs && ng serve",
     "docs:build": "npm run predocs && cd docs && ng build",
     "docs:watch": "npm run predocs && cd docs && ng build --watch --configuration development",
     "analyze": "cem analyze --litelement --globs \"src/**/*.ts\"",
     "analyze:watch": "cem analyze --litelement --globs \"src/**/*.ts\" --watch",
-    "checksize": "rollup -c ; cat my-element.bundled.js | gzip -9 | wc -c ; rm my-element.bundled.js"
+    "checksize": "rollup -c ; cat my-element.bundled.js | gzip -9 | wc -c ; rm my-element.bundled.js",
+    "prettier": "prettier . --write"
   },
   "author": "https://github.com/universal-material/universal-material/graphs/contributors",
   "repository": {
@@ -49,38 +51,34 @@
   "homepage": "https://universal-material.github.io",
   "dependencies": {
     "@bart-krakowski/get-week-info-polyfill": "^1.0.8",
-    "@lit/context": "^1.1.4",
+    "@lit/context": "^1.1.5",
     "@material/material-color-utilities": "^0.3.0",
     "lit": "^3.2.1",
     "swiper": "^11.2.4"
   },
   "devDependencies": {
-    "@11ty/eleventy": "^1.0.1",
-    "@11ty/eleventy-plugin-syntaxhighlight": "^4.0.0",
-    "@angular-devkit/build-angular": "^19.2.0",
-    "@angular/animations": "^19.2.0",
-    "@angular/cli": "^19.2.0",
-    "@angular/common": "^19.2.0",
-    "@angular/compiler": "^19.2.0",
-    "@angular/core": "^19.2.0",
-    "@angular/forms": "^19.2.0",
-    "@angular/platform-browser": "^19.2.0",
-    "@angular/platform-browser-dynamic": "^19.2.0",
-    "@angular/router": "^19.2.0",
+    "@angular/build": "^20.0.4",
+    "@angular/cli": "^20.0.4",
+    "@angular/compiler-cli": "^20.0.0",
+    "@angular/common": "^20.0.0",
+    "@angular/compiler": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/forms": "^20.0.0",
+    "@angular/platform-browser": "^20.0.0",
+    "@angular/router": "^20.0.0",
     "@custom-elements-manifest/analyzer": "^0.6.3",
     "@eslint/compat": "^1.2.7",
     "@eslint/eslintrc": "^3.3.0",
     "@eslint/js": "^9.21.0",
-    "@ianvs/prettier-plugin-sort-imports": "^4.2.1",
     "@open-wc/testing": "^3.1.5",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-replace": "^5.0.5",
     "@stylistic/eslint-plugin": "^3.1.0",
     "@types/mocha": "^10.0.6",
-    "@typescript-eslint/eslint-plugin": "8.25.0",
-    "@typescript-eslint/parser": "8.25.0",
+    "@typescript-eslint/eslint-plugin": "8.35.0",
+    "@typescript-eslint/parser": "8.35.0",
     "@webcomponents/webcomponentsjs": "^2.8.0",
-    "angular-eslint": "^19.0.2",
+    "angular-eslint": "^20.0.0",
     "copyfiles": "^2.4.1",
     "eslint": "^9.21.0",
     "eslint-plugin-import": "^2.31.0",
@@ -92,20 +90,18 @@
     "gulp-changed": "^5.0.2",
     "gulp-newer": "^1.4.0",
     "gulp-notify": "^4.0.0",
-    "gulp-pug": "^5.0.0",
-    "gulp-rename": "^2.0.0",
-    "gulp-sass": "^5.1.0",
+    "gulp-rename": "^2.1.0",
+    "gulp-sass": "^6.0.1",
     "gulp-sourcemaps": "^3.0.0",
     "gulp-typescript": "^5.0.1",
     "highlight.js": "^11.11.1",
     "html-entities": "^2.5.2",
     "lit-analyzer": "^1.2.1",
     "ngx-highlightjs": "^14.0.0",
-    "ngx-markdown": "^19.1.0",
-    "ngx-pug-builders": "file:vendor/ngx-pug-builders-19.0.0.tgz",
+    "ngx-markdown": "^20.0.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "2.8.8",
-    "pug": "^3.0.2",
+    "prettier": "^3.6.2",
+    "prettier-plugin-organize-attributes": "^1.0.0",
     "raw-loader": "^4.0.2",
     "rimraf": "^3.0.2",
     "rollup": "^2.73.0",
@@ -113,12 +109,12 @@
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "rxjs": "~7.8.0",
-    "sass": "^1.74.1",
+    "sass": "^1.89.2",
     "through2": "^4.0.2",
     "ts-morph": "^22.0.0",
     "tslib": "^2.6.2",
-    "typescript": "~5.7.2",
-    "typescript-eslint": "8.18.0",
+    "typescript": "~5.8.2",
+    "typescript-eslint": "8.35.0",
     "zone.js": "~0.15.0"
   },
   "customElements": "custom-elements.json"

package/scss/_api.scss

@@ -1,2 +1,2 @@
-@import "mixins";
-@import "functions";
+@forward "mixins";
+@forward "functions";

package/scss/_colors.scss

@@ -1,2 +1,2 @@
-@import "colors/text-bg";
-@import "colors/text";
+@use "colors/text-bg";
+@use "colors/text";

package/scss/_functions.scss

@@ -2,7 +2,7 @@
 
 @use "variables";
 
-@import "functions/font";
+@forward "functions/font";
 
 @function get-color-var($name) {
   @return var(--u-color-#{$name}, map.get(variables.$colors, $name));

package/scss/_global.scss

@@ -1,5 +1,5 @@
 @use "functions";
-@import "mixins/text-bg";
+@use "mixins/text-bg";
 
 @mixin global-styles() {
   :root {
@@ -7,7 +7,7 @@
   }
 
   body {
-    @include _current-color-vars(--u-color-on-body);
+    @include text-bg.current-color-vars(--u-color-on-body);
 
     background-color: var(--u-color-body);
     color: var(--u-color-high-emphasis);

package/scss/_layout.scss

@@ -1,5 +1,5 @@
 @use "api";
 
-@import "layout/container";
-@import "layout/grid";
-@import "layout/margin-and-gutters";
+@use "layout/container";
+@use "layout/grid";
+@use "layout/margin-and-gutters";

package/scss/_mixins.scss

@@ -1,3 +1,3 @@
-@import "mixins/breakpoints";
-@import "mixins/colors";
-@import "mixins/typo";
+@forward "mixins/breakpoints";
+@forward "mixins/colors";
+@forward "mixins/typo";

package/scss/_reboot.scss

@@ -1,3 +1,5 @@
+@use "variables";
+
 @use "functions";
 @use "mixins";
 
@@ -30,7 +32,7 @@
   // null by default, thus nothing is generated.
 
   :root {
-    @if $enable-smooth-scroll {
+    @if variables.$enable-smooth-scroll {
       @media (prefers-reduced-motion: no-preference) {
         scroll-behavior: smooth;
       }

package/scss/_utilities.scss

@@ -1,4 +1,4 @@
-@import "utilities/divider";
-@import "utilities/scheme";
-@import "utilities/spacing";
-@import "utilities/text";
+@use "utilities/divider";
+@use "utilities/scheme";
+@use "utilities/spacing";
+@use "utilities/text";

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: (