@francofantomius/material-components 1.1.0 → 1.1.2

package/CHANGELOG.md

@@ -5,6 +5,30 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.1.2] - 2026-08-22
+
+### Added
+- **Search Bar Sizing Variants (`md-search-bar`, `md-search`)**:
+  - Added `size` property supporting `'small'`, `'compact'`, `'medium'`, and `'large'` variants (`size="small"` / `size="compact"` provides a 40px height ideal for navbars and compact headers).
+  - Added `compact` boolean property/attribute shorthand.
+  - Added customizable CSS custom properties: `--md-search-bar-height`, `--md-search-bar-shape`, `--md-search-bar-font-size`, `--md-search-bar-padding`, `--md-search-bar-icon-size`, and `--md-search-bar-icon-button-size`.
+- **Top App Bar Integration (`md-top-app-bar`, `md-top-bar`)**: Slotted search bars within top app bars now default to an optimized 44px height (`--md-top-app-bar-search-bar-height`) to align with top app bar rows.
+
+### Changed
+- **Documentation Site**: Updated the header search bar in `docs/index.html` to use `size="small"` for a sleek, proportionate navbar presentation.
+
+---
+
+## [1.1.1] - 2026-08-22
+
+### Fixed
+- **Search Bar (`md-search-bar`, `md-search`)**: Hidden native browser clear and cancel buttons (`::-webkit-search-cancel-button`, `::-ms-clear`) to prevent duplicate clear icons on Chromium and WebKit browsers.
+
+### Changed
+- **Documentation**: Vertically and horizontally centered the search bar within the top header bar and improved active docked transition positioning.
+
+---
+
 ## [1.1.0] - 2026-08-22
 
 ### Added

package/custom-elements.json

@@ -2932,6 +2932,149 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/badge/badge.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "MdBadge",
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "dot",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "dot",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "anchored",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "anchored",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "assignedChildren",
+              "type": {
+                "text": "HTMLElement[]"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "emitEvent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "detail",
+                  "optional": true,
+                  "type": {
+                    "text": "T"
+                  }
+                },
+                {
+                  "name": "options",
+                  "default": "{}",
+                  "type": {
+                    "text": "CustomEventInit<T>"
+                  }
+                }
+              ],
+              "description": "Helper to dispatch custom events with standard bubbles/composed defaults.",
+              "inheritedFrom": {
+                "name": "MdBaseElement",
+                "module": "src/internal/base-component.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "value"
+            },
+            {
+              "name": "dot",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "dot"
+            },
+            {
+              "name": "anchored",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "anchored"
+            }
+          ],
+          "superclass": {
+            "name": "MdBaseElement",
+            "module": "/src/internal/base-component.js"
+          },
+          "tagName": "md-badge",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MdBadge",
+          "declaration": {
+            "name": "MdBadge",
+            "module": "src/components/badge/badge.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "md-badge",
+          "declaration": {
+            "name": "MdBadge",
+            "module": "src/components/badge/badge.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/app-drawer/app-drawer.ts",
@@ -6662,149 +6805,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/badge/badge.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "MdBadge",
-          "members": [
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "value",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "dot",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "dot",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "anchored",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "anchored",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "assignedChildren",
-              "type": {
-                "text": "HTMLElement[]"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "emitEvent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "detail",
-                  "optional": true,
-                  "type": {
-                    "text": "T"
-                  }
-                },
-                {
-                  "name": "options",
-                  "default": "{}",
-                  "type": {
-                    "text": "CustomEventInit<T>"
-                  }
-                }
-              ],
-              "description": "Helper to dispatch custom events with standard bubbles/composed defaults.",
-              "inheritedFrom": {
-                "name": "MdBaseElement",
-                "module": "src/internal/base-component.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "value"
-            },
-            {
-              "name": "dot",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "dot"
-            },
-            {
-              "name": "anchored",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "anchored"
-            }
-          ],
-          "superclass": {
-            "name": "MdBaseElement",
-            "module": "/src/internal/base-component.js"
-          },
-          "tagName": "md-badge",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MdBadge",
-          "declaration": {
-            "name": "MdBadge",
-            "module": "src/components/badge/badge.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "md-badge",
-          "declaration": {
-            "name": "MdBadge",
-            "module": "src/components/badge/badge.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/bottom-sheet/bottom-sheet.ts",
@@ -24260,6 +24260,26 @@
           "description": "",
           "name": "MdSearchBar",
           "members": [
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "SearchBarSize"
+              },
+              "default": "'medium'",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "compact",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "value",
@@ -24820,6 +24840,22 @@
             }
           ],
           "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "SearchBarSize"
+              },
+              "default": "'medium'",
+              "fieldName": "size"
+            },
+            {
+              "name": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "compact"
+            },
             {
               "name": "value",
               "type": {
@@ -24979,6 +25015,30 @@
           "tagName": "md-search",
           "customElement": true,
           "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "SearchBarSize"
+              },
+              "default": "'medium'",
+              "fieldName": "size",
+              "inheritedFrom": {
+                "name": "MdSearchBar",
+                "module": "src/components/search-bar/search-bar.ts"
+              }
+            },
+            {
+              "name": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "compact",
+              "inheritedFrom": {
+                "name": "MdSearchBar",
+                "module": "src/components/search-bar/search-bar.ts"
+              }
+            },
             {
               "name": "value",
               "type": {
@@ -25173,6 +25233,34 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "SearchBarSize"
+              },
+              "default": "'medium'",
+              "attribute": "size",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "MdSearchBar",
+                "module": "src/components/search-bar/search-bar.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "compact",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "MdSearchBar",
+                "module": "src/components/search-bar/search-bar.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "value",