mtrl 0.7.0 → 0.7.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mtrl",
3
- "version": "0.7.0",
3
+ "version": "0.7.1",
4
4
  "description": "A functional TypeScript/JavaScript component library with composable architecture based on Material Design 3",
5
5
  "author": "floor",
6
6
  "license": "MIT License",
@@ -60,11 +60,8 @@
60
60
  "scripts": {
61
61
  "start": "bun run server.js",
62
62
  "dev": "bun --watch server.js",
63
- "build:js": "bun build demo/main.js --outfile=demo/dist/bundle.js --format=esm",
64
- "build:css": "sass src/styles/main.scss:demo/dist/styles.css --style=compressed",
65
- "build": "bun run build:js && bun run build:css",
66
- "build:lib": "bun run build.ts",
67
- "prepublishOnly": "bun run build:lib",
63
+ "build": "bun run build.ts",
64
+ "prepublishOnly": "bun run build",
68
65
  "lint": "bunx eslint src --ext .ts,.tsx",
69
66
  "lint:fix": "bunx eslint src --ext .ts,.tsx --fix",
70
67
  "format": "bunx prettier --write .",
@@ -53,7 +53,15 @@ $component: "#{base.$prefix}-select";
53
53
 
54
54
  // State when menu is open
55
55
  &--open {
56
- z-index: 2; // Keep above other elements when open
56
+ z-index: f.get-z-index("menu");
57
+
58
+ // Transparent scrim covering the viewport to block pointer events
59
+ // on elements behind the open dropdown
60
+ &::before {
61
+ content: "";
62
+ position: fixed;
63
+ inset: 0;
64
+ }
57
65
 
58
66
  // These styles handle the focused state when the menu is open
59
67
  .#{base.$prefix}-textfield--filled {