0.54.0 - Editor improvements and ability to customize main grid layout!! 🧣 🪛

Future Breaking Changes ⚠️ 💣

Projected breaking changes for thresholds property to make it more robust in the future. Keep an eye out on future updates.

Grid Layout Customization

New CSS Variables for Grid Layout:

You can now customize the main grid layout of the card using CSS variables, allowing you to create horizontal layouts and control the card's aspect ratio. This enables new layout possibilities like horizontal entity arrangements.

New CSS Variables:

• --user-grid-template-areas - Control grid template areas (e.g., "'i e'" for horizontal layout)
• --user-grid-template-columns - Control grid columns (e.g., 1fr 1.2fr)
• --user-grid-template-rows - Control grid rows (e.g., 1fr)
• --user-grid-aspect-ratio - Control aspect ratio (e.g., 16/9, auto to size to content)

Documentation: See Custom Styles Configuration for detailed examples and usage.

Sensor States Support

Editor Improvements:

• Sensor Editor States Configuration: The sensor editor now supports state-based color and icon configuration, matching the functionality available for entities. You can now configure custom colors, icons, labels, and styles for sensors based on their state values directly through the visual editor.
• Cleaner Configuration Output: The editor no longer creates empty properties (like empty strings for on_color, off_color, icon_color, title_color, etc.) when editing entities, states, or thresholds. Only properties with actual values are saved to your configuration.
• The title_color field is now only shown for the main entity (not for entities in the entities list or sensors), as it only affects the card title which is controlled by the main entity.

---

• chore: bumps version to 0.54.0 by @gh-action-bump-version
• ability to control grid layout - thanks @sillymoi! by @warmfire540
• chore: yarn (deps-dev): bump @types/sinon from 17.0.4 to 21.0.0 (#285) by @dependabot[bot]
• chore: yarn (deps-dev): bump jsdom in the all-dependencies group (#284) by @dependabot[bot]
• editor cleans up empty props by @warmfire540
• sensor state config added to editor - thanks @mistermtu! by @warmfire540

What's Changed

• chore: yarn (deps-dev): bump jsdom from 27.1.0 to 27.2.0 in the all-dependencies group by @dependabot[bot] in #284
• chore: yarn (deps-dev): bump @types/sinon from 17.0.4 to 21.0.0 by @dependabot[bot] in #285
• Editor improvements and ability to customize main grid layout!! 🧣 🪛 by @warmfire540 in #280

Full Changelog: 0.53.0...0.54.0