@francofantomius/material-components 1.1.1 → 1.1.2

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.
Files changed (17) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/custom-elements.json +231 -143
  3. package/dist/chunks/{search-bar-fUD0qU2P.js → search-bar-CfN-emMP.js} +148 -89
  4. package/dist/chunks/search-bar-CfN-emMP.js.map +1 -0
  5. package/dist/chunks/{top-app-bar-Dgbp6CFv.js → top-app-bar-VzrSd-r5.js} +21 -15
  6. package/dist/chunks/top-app-bar-VzrSd-r5.js.map +1 -0
  7. package/dist/components/search-bar/search-bar.css.d.ts.map +1 -1
  8. package/dist/components/search-bar/search-bar.d.ts +3 -0
  9. package/dist/components/search-bar/search-bar.d.ts.map +1 -1
  10. package/dist/components/search-bar/search-bar.js +1 -1
  11. package/dist/components/top-app-bar/top-app-bar.css.d.ts.map +1 -1
  12. package/dist/components/top-app-bar/top-app-bar.js +1 -1
  13. package/dist/index.js +2 -2
  14. package/llms.txt +2 -0
  15. package/package.json +1 -1
  16. package/dist/chunks/search-bar-fUD0qU2P.js.map +0 -1
  17. package/dist/chunks/top-app-bar-Dgbp6CFv.js.map +0 -1
package/CHANGELOG.md CHANGED
@@ -5,6 +5,20 @@ All notable changes to this project will be documented in this file.
5
5
  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
6
6
  and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7
7
 
8
+ ## [1.1.2] - 2026-08-22
9
+
10
+ ### Added
11
+ - **Search Bar Sizing Variants (`md-search-bar`, `md-search`)**:
12
+ - Added `size` property supporting `'small'`, `'compact'`, `'medium'`, and `'large'` variants (`size="small"` / `size="compact"` provides a 40px height ideal for navbars and compact headers).
13
+ - Added `compact` boolean property/attribute shorthand.
14
+ - 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`.
15
+ - **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.
16
+
17
+ ### Changed
18
+ - **Documentation Site**: Updated the header search bar in `docs/index.html` to use `size="small"` for a sleek, proportionate navbar presentation.
19
+
20
+ ---
21
+
8
22
  ## [1.1.1] - 2026-08-22
9
23
 
10
24
  ### Fixed
package/custom-elements.json CHANGED
@@ -2932,6 +2932,149 @@
2932
2932
  }
2933
2933
  ]
2934
2934
  },
2935
+ {
2936
+ "kind": "javascript-module",
2937
+ "path": "src/components/badge/badge.ts",
2938
+ "declarations": [
2939
+ {
2940
+ "kind": "class",
2941
+ "description": "",
2942
+ "name": "MdBadge",
2943
+ "members": [
2944
+ {
2945
+ "kind": "field",
2946
+ "name": "value",
2947
+ "type": {
2948
+ "text": "string"
2949
+ },
2950
+ "default": "''",
2951
+ "attribute": "value",
2952
+ "reflects": true
2953
+ },
2954
+ {
2955
+ "kind": "field",
2956
+ "name": "dot",
2957
+ "type": {
2958
+ "text": "boolean"
2959
+ },
2960
+ "default": "false",
2961
+ "attribute": "dot",
2962
+ "reflects": true
2963
+ },
2964
+ {
2965
+ "kind": "field",
2966
+ "name": "anchored",
2967
+ "type": {
2968
+ "text": "boolean"
2969
+ },
2970
+ "default": "false",
2971
+ "attribute": "anchored",
2972
+ "reflects": true
2973
+ },
2974
+ {
2975
+ "kind": "field",
2976
+ "name": "assignedChildren",
2977
+ "type": {
2978
+ "text": "HTMLElement[]"
2979
+ },
2980
+ "privacy": "private"
2981
+ },
2982
+ {
2983
+ "kind": "field",
2984
+ "name": "handleSlotChange",
2985
+ "privacy": "private"
2986
+ },
2987
+ {
2988
+ "kind": "method",
2989
+ "name": "emitEvent",
2990
+ "privacy": "protected",
2991
+ "return": {
2992
+ "type": {
2993
+ "text": "boolean"
2994
+ }
2995
+ },
2996
+ "parameters": [
2997
+ {
2998
+ "name": "name",
2999
+ "type": {
3000
+ "text": "string"
3001
+ }
3002
+ },
3003
+ {
3004
+ "name": "detail",
3005
+ "optional": true,
3006
+ "type": {
3007
+ "text": "T"
3008
+ }
3009
+ },
3010
+ {
3011
+ "name": "options",
3012
+ "default": "{}",
3013
+ "type": {
3014
+ "text": "CustomEventInit<T>"
3015
+ }
3016
+ }
3017
+ ],
3018
+ "description": "Helper to dispatch custom events with standard bubbles/composed defaults.",
3019
+ "inheritedFrom": {
3020
+ "name": "MdBaseElement",
3021
+ "module": "src/internal/base-component.ts"
3022
+ }
3023
+ }
3024
+ ],
3025
+ "attributes": [
3026
+ {
3027
+ "name": "value",
3028
+ "type": {
3029
+ "text": "string"
3030
+ },
3031
+ "default": "''",
3032
+ "fieldName": "value"
3033
+ },
3034
+ {
3035
+ "name": "dot",
3036
+ "type": {
3037
+ "text": "boolean"
3038
+ },
3039
+ "default": "false",
3040
+ "fieldName": "dot"
3041
+ },
3042
+ {
3043
+ "name": "anchored",
3044
+ "type": {
3045
+ "text": "boolean"
3046
+ },
3047
+ "default": "false",
3048
+ "fieldName": "anchored"
3049
+ }
3050
+ ],
3051
+ "superclass": {
3052
+ "name": "MdBaseElement",
3053
+ "module": "/src/internal/base-component.js"
3054
+ },
3055
+ "tagName": "md-badge",
3056
+ "customElement": true
3057
+ }
3058
+ ],
3059
+ "exports": [
3060
+ {
3061
+ "kind": "js",
3062
+ "name": "MdBadge",
3063
+ "declaration": {
3064
+ "name": "MdBadge",
3065
+ "module": "src/components/badge/badge.ts"
3066
+ }
3067
+ },
3068
+ {
3069
+ "kind": "custom-element-definition",
3070
+ "name": "md-badge",
3071
+ "declaration": {
3072
+ "name": "MdBadge",
3073
+ "module": "src/components/badge/badge.ts"
3074
+ }
3075
+ }
3076
+ ]
3077
+ },
2935
3078
  {
2936
3079
  "kind": "javascript-module",
2937
3080
  "path": "src/components/app-drawer/app-drawer.ts",
@@ -6662,149 +6805,6 @@
6662
6805
  }
6663
6806
  ]
6664
6807
  },
6665
- {
6666
- "kind": "javascript-module",
6667
- "path": "src/components/badge/badge.ts",
6668
- "declarations": [
6669
- {
6670
- "kind": "class",
6671
- "description": "",
6672
- "name": "MdBadge",
6673
- "members": [
6674
- {
6675
- "kind": "field",
6676
- "name": "value",
6677
- "type": {
6678
- "text": "string"
6679
- },
6680
- "default": "''",
6681
- "attribute": "value",
6682
- "reflects": true
6683
- },
6684
- {
6685
- "kind": "field",
6686
- "name": "dot",
6687
- "type": {
6688
- "text": "boolean"
6689
- },
6690
- "default": "false",
6691
- "attribute": "dot",
6692
- "reflects": true
6693
- },
6694
- {
6695
- "kind": "field",
6696
- "name": "anchored",
6697
- "type": {
6698
- "text": "boolean"
6699
- },
6700
- "default": "false",
6701
- "attribute": "anchored",
6702
- "reflects": true
6703
- },
6704
- {
6705
- "kind": "field",
6706
- "name": "assignedChildren",
6707
- "type": {
6708
- "text": "HTMLElement[]"
6709
- },
6710
- "privacy": "private"
6711
- },
6712
- {
6713
- "kind": "field",
6714
- "name": "handleSlotChange",
6715
- "privacy": "private"
6716
- },
6717
- {
6718
- "kind": "method",
6719
- "name": "emitEvent",
6720
- "privacy": "protected",
6721
- "return": {
6722
- "type": {
6723
- "text": "boolean"
6724
- }
6725
- },
6726
- "parameters": [
6727
- {
6728
- "name": "name",
6729
- "type": {
6730
- "text": "string"
6731
- }
6732
- },
6733
- {
6734
- "name": "detail",
6735
- "optional": true,
6736
- "type": {
6737
- "text": "T"
6738
- }
6739
- },
6740
- {
6741
- "name": "options",
6742
- "default": "{}",
6743
- "type": {
6744
- "text": "CustomEventInit<T>"
6745
- }
6746
- }
6747
- ],
6748
- "description": "Helper to dispatch custom events with standard bubbles/composed defaults.",
6749
- "inheritedFrom": {
6750
- "name": "MdBaseElement",
6751
- "module": "src/internal/base-component.ts"
6752
- }
6753
- }
6754
- ],
6755
- "attributes": [
6756
- {
6757
- "name": "value",
6758
- "type": {
6759
- "text": "string"
6760
- },
6761
- "default": "''",
6762
- "fieldName": "value"
6763
- },
6764
- {
6765
- "name": "dot",
6766
- "type": {
6767
- "text": "boolean"
6768
- },
6769
- "default": "false",
6770
- "fieldName": "dot"
6771
- },
6772
- {
6773
- "name": "anchored",
6774
- "type": {
6775
- "text": "boolean"
6776
- },
6777
- "default": "false",
6778
- "fieldName": "anchored"
6779
- }
6780
- ],
6781
- "superclass": {
6782
- "name": "MdBaseElement",
6783
- "module": "/src/internal/base-component.js"
6784
- },
6785
- "tagName": "md-badge",
6786
- "customElement": true
6787
- }
6788
- ],
6789
- "exports": [
6790
- {
6791
- "kind": "js",
6792
- "name": "MdBadge",
6793
- "declaration": {
6794
- "name": "MdBadge",
6795
- "module": "src/components/badge/badge.ts"
6796
- }
6797
- },
6798
- {
6799
- "kind": "custom-element-definition",
6800
- "name": "md-badge",
6801
- "declaration": {
6802
- "name": "MdBadge",
6803
- "module": "src/components/badge/badge.ts"
6804
- }
6805
- }
6806
- ]
6807
- },
6808
6808
  {
6809
6809
  "kind": "javascript-module",
6810
6810
  "path": "src/components/bottom-sheet/bottom-sheet.ts",
@@ -24260,6 +24260,26 @@
24260
24260
  "description": "",
24261
24261
  "name": "MdSearchBar",
24262
24262
  "members": [
24263
+ {
24264
+ "kind": "field",
24265
+ "name": "size",
24266
+ "type": {
24267
+ "text": "SearchBarSize"
24268
+ },
24269
+ "default": "'medium'",
24270
+ "attribute": "size",
24271
+ "reflects": true
24272
+ },
24273
+ {
24274
+ "kind": "field",
24275
+ "name": "compact",
24276
+ "type": {
24277
+ "text": "boolean"
24278
+ },
24279
+ "default": "false",
24280
+ "attribute": "compact",
24281
+ "reflects": true
24282
+ },
24263
24283
  {
24264
24284
  "kind": "field",
24265
24285
  "name": "value",
@@ -24820,6 +24840,22 @@
24820
24840
  }
24821
24841
  ],
24822
24842
  "attributes": [
24843
+ {
24844
+ "name": "size",
24845
+ "type": {
24846
+ "text": "SearchBarSize"
24847
+ },
24848
+ "default": "'medium'",
24849
+ "fieldName": "size"
24850
+ },
24851
+ {
24852
+ "name": "compact",
24853
+ "type": {
24854
+ "text": "boolean"
24855
+ },
24856
+ "default": "false",
24857
+ "fieldName": "compact"
24858
+ },
24823
24859
  {
24824
24860
  "name": "value",
24825
24861
  "type": {
@@ -24979,6 +25015,30 @@
24979
25015
  "tagName": "md-search",
24980
25016
  "customElement": true,
24981
25017
  "attributes": [
25018
+ {
25019
+ "name": "size",
25020
+ "type": {
25021
+ "text": "SearchBarSize"
25022
+ },
25023
+ "default": "'medium'",
25024
+ "fieldName": "size",
25025
+ "inheritedFrom": {
25026
+ "name": "MdSearchBar",
25027
+ "module": "src/components/search-bar/search-bar.ts"
25028
+ }
25029
+ },
25030
+ {
25031
+ "name": "compact",
25032
+ "type": {
25033
+ "text": "boolean"
25034
+ },
25035
+ "default": "false",
25036
+ "fieldName": "compact",
25037
+ "inheritedFrom": {
25038
+ "name": "MdSearchBar",
25039
+ "module": "src/components/search-bar/search-bar.ts"
25040
+ }
25041
+ },
24982
25042
  {
24983
25043
  "name": "value",
24984
25044
  "type": {
@@ -25173,6 +25233,34 @@
25173
25233
  }
25174
25234
  ],
25175
25235
  "members": [
25236
+ {
25237
+ "kind": "field",
25238
+ "name": "size",
25239
+ "type": {
25240
+ "text": "SearchBarSize"
25241
+ },
25242
+ "default": "'medium'",
25243
+ "attribute": "size",
25244
+ "reflects": true,
25245
+ "inheritedFrom": {
25246
+ "name": "MdSearchBar",
25247
+ "module": "src/components/search-bar/search-bar.ts"
25248
+ }
25249
+ },
25250
+ {
25251
+ "kind": "field",
25252
+ "name": "compact",
25253
+ "type": {
25254
+ "text": "boolean"
25255
+ },
25256
+ "default": "false",
25257
+ "attribute": "compact",
25258
+ "reflects": true,
25259
+ "inheritedFrom": {
25260
+ "name": "MdSearchBar",
25261
+ "module": "src/components/search-bar/search-bar.ts"
25262
+ }
25263
+ },
25176
25264
  {
25177
25265
  "kind": "field",
25178
25266
  "name": "value",