Update dependencies (incl. Lit 3.2.1)
- Update dependencies (incl. Lit 3.2.0 & ESLint v9)
- Pinned the dependencies to exact versions
- Update dependencies (incl. Lit 3.1.4)
- Update dependencies
- Upgrade to Storybook 8
- Minor dev dependencies updates
- Update dependencies (incl. Lit 3.1.2)
- Fix minor accessibility issue
- Lint formating with
prettier --check
instead ofeslint-plugin-prettier
- Update dependencies (incl. to Husky 9)
- Avoid exceptions when not running in browser (e.g. in the context of SSR).
- Add favicon with variations.
- Dependency upgrades (patch version)
- Accessibility improvements
- Add Storybook accessibility addon
- Add accessibility linting plugin for lit-html, enable recommended a11y rules check on commit
Use 4.0.2, which fixes publication error of 4.0.1.
- BREAKING CHANGE: Provide JavaScript modules (ES2021) with TypeScript definitions in addition to the pre-bundled version which includes Lit. This is the recommended way of publishing Web Components and allows to deduplicate Lit. Unfortunately this change breaks with the existing import paths (see README.md for more details):
- Bundled:
@puzzleitc/puzzle-shell
→@puzzleitc/puzzle-shell/bundle.js
or via CDN:https://unpkg.com/@puzzleitc/puzzle-shell/dist/puzzle-shell.js
→https://unpkg.com/@puzzleitc/puzzle-shell/dist/bundle.js
@puzzleitc/puzzle-shell/dist/style.css
→@puzzleitc/puzzle-shell/style.css
or via CDN:https://unpkg.com/@puzzleitc/puzzle-shell/dist/style.css
(no change)
- JavaScript modules (new):
import "@puzzleitc/puzzle-shell"
(all components)import "@puzzleitc/puzzle-shell/components/Topbar.js"
(specific components)
- Bundled:
- Update the dependencies (including upgrade to Lit 3 & Vite 5, using Node 20).
- Allow overflowing in
pzsh-banner
to fix cropped dropdowns within the component's content slot.
- BREAKING CHANGE: Switch to self-hosting of Roboto fonts instead of fetching from Google. This improves privacy and performance but means you now have to include
dist/style.css
in your project for the fonts to be working. - Allow mobile/desktop breakpoint to be customized via the global
window.pzshBreakpoint
property. - Prevent body from scrolling while
pzsh-menu
is open on mobile. Use thescrollContainerSelector
attribute to configure a custom scroll container. - Enable overflowing (scrolling) for
pzsh-menu
content larger than screen height. - Add GitHub Actions Workflow to generate BOM (bill of materials) file and push it to Dependency Track.
- Add missing logos to logo story
- Migrate to Vite setup, upgrade to Storybook 7.3 and update all other dependencies. This eliminates all vulnerabilities reported by
npm audit
. - Migrate to TypeScript, include
.d.ts
files in package. - BREAKING CHANGE: The main entry file is now
dist/puzzle-shell.js
, previously it wasindex.js
.
- Fix click/keydown event registering without useCapture
- Upgrade the dependencies. Unfortunately this does not fix the Storybook/trim Vulnerability reported by NPM Audit, which will not be fixed until Storybook 7.0 (see #14603).
- Implement
pzsh-menu
's backdrop as separatepzsh-backdrop
component to avoid CSP issues with inline styles. - Fix vertical alignment of
pzsh-menu-action
text on mobile
- Add responsive styling of
pzsh-hero
component - Add documentation for logos and
pzsh-container
component
- Fix bug with attribute access in constructor of
pzsh-menu-action
,pzsh-dropdown-item
andpzsh-nav-item
- Build custom-elements.json manifest according 1.0.0 schema specification
- Lighter, white-based styling of mobile menu and add backdrop
- New order in hamburger menu: nav, actions, items
- Add rudimentary
pzsh-nav
,pzsh-subnav
andpzsh-nav-item
components for application navigation - Implement responsive
pzsh-banner
component
- Fix menu action/item DOMException
- Add responsive
pzsh-menu-dropdown
component - Make menu & dropdown menu keyboard navigatable
- Allow to close menus with ESC or click outside
- Add icon:
setting
- Add icons:
gitlab
,plus-circle
,sliders-v-alt
anduser
- Remove icons:
user-circle
,users-alt
-> currently not used in favor ofuser
- Implement
pzsh-footer
component with styling & slots - Add responsive
pzsh-menu
component
- Use eslint to provide a bundled version of the Puzzle Shell components in addition to the native ES Modules
- Add an
href
property to thepzsh-topbar
for the logo link
Initial release
pzsh-topbar
component with logo/actions slots, responsive menu on smaller screenspzsh-topbar
component (yet unpolished on smaller screens)pzsh-container
component for general page layout- Dummy
pzsh-banner
andpzsh-footer
components