@francofantomius/material-components 1.1.1 → 1.2.0

package/CHANGELOG.md

@@ -5,6 +5,50 @@ 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.2.0] - 2026-09-09
+
+### Added
+- **Dynamic Palette Generator Utility (`generateTheme`, `generateColorScheme`)**:
+  - Automatically derives full Material Design 3 (M3) light and dark color palettes, CSS variable records, and complete stylesheets from any single seed color hex string (`#RGB` or `#RRGGBB`).
+  - Provides convenience `apply({ dark?: boolean, target?: HTMLElement })` helper to apply dynamic themes at runtime to the document or specific DOM subtrees.
+  - Exported from root `@francofantomius/material-components` and `@francofantomius/material-components/theme`.
+- **Form-Association (FACE) for Remaining Inputs (`md-slider`, `md-date-picker`, `md-time-picker`)**:
+  - **`md-slider`**: Full form participation for single and dual-thumb range sliders with `name-start` and `name-end` (`FormData` support), reactive updates on attribute changes, `min`/`max`/`required` constraint validation, and spec-compliant form reset restoring initial values.
+  - **`md-date-picker`**: Form participation for single dates and ranges, adding `name-start` and `name-end` properties (`FormData`), range constraint validation, and form reset restoring configured defaults.
+  - **`md-time-picker`**: Added native constraint validation (`required`, `min`, `max`, `error`, `error-text`), 24-hour time range validation, disabled state nullification, and form reset restoring initial values.
+  - **`MdFormAssociatedElement`**: Added standard lifecycle hooks `formAssociatedCallback` and `formStateRestoreCallback`.
+- **Security Policy (`SECURITY.md`)**:
+  - Added repository security policy documenting supported versions and private vulnerability reporting channels.
+- **AI Developer Documentation (`llms.txt`)**:
+  - Documented the dynamic palette generator API (`generateTheme`, `generateColorScheme`) with TypeScript code examples.
+  - Expanded Form Integration (FACE) guide and component reference tables for `md-slider`, `md-date-picker`, and `md-time-picker`.
+
+### Changed
+- **Documentation Modernization & Deployment**:
+  - Re-architected documentation to Markdown files (`docs/index.md`, `docs/components/`, `docs/guides/`, `docs/docs.config.json`).
+  - Streamlined GitHub Pages deployment workflow (`.github/workflows/deploy-docs.yml`) using `FrancoFantomius/docs-gen@v1`.
+  - Removed legacy bespoke static site generator scripts (`docs/generate.js`) and bundle configurations (`vite.docs.config.ts`).
+- **Build & Tooling Configuration**:
+  - Streamlined `package.json` build scripts and removed redundant devDependencies.
+  - Configured Dependabot with the `npm` package ecosystem in `.github/dependabot.yml`.
+
+---
+
+## [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

package/README.md

@@ -2,6 +2,7 @@
 
 <p align="left">
   <a href="https://www.npmjs.com/package/@francofantomius/material-components"><img src="https://img.shields.io/npm/v/@francofantomius/material-components?color=6750A4&label=npm&logo=npm" alt="npm version" /></a>
+  <a href="https://github.com/FrancoFantomius/material-components/releases/tag/v1.2.0"><img src="https://img.shields.io/badge/version-1.2.0-6750A4" alt="version 1.2.0" /></a>
   <a href="https://lit.dev/"><img src="https://img.shields.io/badge/Lit-3.x-324FFF?logo=lit&logoColor=white" alt="Lit 3" /></a>
   <a href="https://vite.dev/"><img src="https://img.shields.io/badge/Vite-8.x-646CFF?logo=vite&logoColor=white" alt="Vite 8" /></a>
   <a href="https://www.typescriptlang.org/"><img src="https://img.shields.io/badge/TypeScript-Ready-3178C6?logo=typescript&logoColor=white" alt="TypeScript" /></a>
@@ -96,7 +97,7 @@ For quick prototyping or usage directly in HTML without a bundler, import from a
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" />
 
     <!-- Import from CDN (esm.sh / jsdelivr / unpkg) -->
-    <script type="module" src="https://esm.sh/@francofantomius/material-components"></script>
+    <script type="module" src="https://esm.sh/@francofantomius/material-components@1.2.0"></script>
   </head>
   <body>
     <md-button variant="filled" icon="send">Get Started</md-button>