Lovelace Paper Buttons Row Versions Save

Fixes

• feat: extract getLovelace and add backwards compatibility (f27d690)
• fix: renaming of app-drawer-layout -> ha-drawer in HA 2023.4 (5fd0a36)
• fix: renaming of app-drawer-layout -> ha-drawer in HA 2023.4 (b26a30c)

Dependencies

• build(deps): update all non-major dependencies (adbf954)
• build(deps): update dependency typescript to v5 (#120) (d6fb13e)
• chore(deps): lock file maintenance (#122) (a33cc74)
• build(deps): update pnpm to v8 (#121) (3525559)
• chore(deps): lock file maintenance (f0b8003)
• build(deps): update all non-major dependencies (#117) (590de61)

Full Changelog: https://github.com/jcwillox/lovelace-paper-buttons-row/compare/2.1.2...2.1.3

• feat: use state-active-color fallback when state is on (3cd4506)
• feat: add fallback color (9b74ee8)
• feat: configure renovate (#115) (f5e58e3)

Full Changelog: https://github.com/jcwillox/lovelace-paper-buttons-row/compare/2.1.1...2.1.2

• fix: missing state field (eca77ed)
• fix: include vite.config.ts in tsconfig.json (de898f7)
• chore: drop unnecessary step from workflow (1996daf)

Full Changelog: https://github.com/jcwillox/lovelace-paper-buttons-row/compare/2.1.0...2.1.1

This release contains many improvements to the projects dev-tooling, this shouldn't really be noticeable to end-users but makes it easier to keep maintaining the project. In particular, I switched from rollup -> vite for much faster builds.

Changes

• fix: missing state default color (584ddd6)
• chore: bump LICENSE to 2023 (552e8b1)

Development updates

• fix: duplicate embedded buttons (f59a543)
• build(deps): pin dependencies (fc16587)
• feat: update github files (84995fe)
• feat: add vscode configuration (4a29b55)
• feat: add husky and lint-staged (f899e4a)
• feat: add .git-blame-ignore-revs (264f818)
• refactor: reformat and sort imports (8b31e63)
• feat: update prettier config (3f24f25)
• fix: eslint issues (65829fe)
• feat: update eslint config (7bfdfb6)
• feat: add editor config and git attributes (984e32e)
• build(deps): bump dependencies (e86646e)
• feat: update package scripts (0851da3)
• feat: build with vite instead of rollup (cf7468f)

Full Changelog: https://github.com/jcwillox/lovelace-paper-buttons-row/compare/2.0.1...2.1.0

This contains a patch for the missing state colours in 2023.2, this fix is not perfect, it's basically a polyfill that will convert the hex state colours into the now missing RGB colours. I'll have to find a better fix for this in the next release but that may require breaking changes.

• fix: rgb state colors removed in HA 2023.2 (29eabbf)
• feat: improve types (cb36788)
• feat: update workflows (64561a8)

Full Changelog: https://github.com/jcwillox/lovelace-paper-buttons-row/compare/2.0.0...2.0.1

🚨 Breaking Changes

• Support RGB state color CSS variables (5d922a8) (fixes #108)

Home Assistant 2022.12 has removed the --paper-item-icon-active-color and replaced it with several rgb state colours. In order to support this change the --paper-item-icon-color variable is no longer supported, and --paper-item-icon-active-color has no value by default, buttons will now use the state colour for their entity.

Several CSS variables are however now available for styling, most importantly you should rename the following.

• --paper-item-icon-color ➡ --pbs-button-color
• --paper-item-icon-active-color ➡ --pbs-button-active-color

If you do not want to use the new state colors you can force the button to use the old active color by adding the following.

type: custom:paper-buttons-row
# on all buttons
styles:
  "--pbs-button-active-color": "#fdd835"
buttons:
  - entity: light.bedroom_light
    # or per-button
    styles:
      "--pbs-button-active-color": "#fdd835"

⚡ Features

• Use RGB color from entity if available (ce1e383) (fixes #100) (fixes #46)
  • Related to the changes above in addition to support for HA's built-in RGB state colors, we also now extract the rgb_color attribute from any entity that has it.
• Add CSS variable for default color (7b430b9) (fixes #82)
• Configure ripple shape, a new ripple option is available to switch between none, circle, and fill. (8f6ffd1) (fixes #87)
• Add support for presets. (b873a02)
  • There are now built-in presets available to change the default look and feel of the buttons, this is using the preset config option. Currently, only the mushroom preset is available, which mimics the buttons from piitaya/lovelace-mushroom.
  • Presets can be configured for all buttons or per button.
• User-defined presets. (4165d4f) • Support defining active states (26d7b0c)
  • You can now configure which states the button considers active, when the button is active it has the button-active CSS class and uses a different set of CSS variables, this is particularly useful alongside presets.
• Add data-attributes for CSS styling, see more. (7b0bfd8)

  aper-button[data-state="on"] {
   color: red;
  
  

Changes

• Include build information in bundle (04f7521)

Full Changelog: https://github.com/jcwillox/lovelace-paper-buttons-row/compare/1.0.1...2.0.0

• Fix embedded button placement for 2022.6.0 (b14597d)
• Add additional examples (0a4535a)

Full Changelog: https://github.com/jcwillox/lovelace-paper-buttons-row/compare/1.0.0...1.0.1

This is a rather big release, the entire codebase has been converted to Typescript which should help considerably with avoiding bugs and generally with maintaining the project. I've tried to minimise any breaking changes the plugin should work the same as before or better aside from the breaking changes listed below.

🚨 Breaking Changes

• Rework state_icons to use templated state value (fixes #51) (28d6f24)
  • state_icons was incorrectly using the entities state instead of the configured state template, state_styles and state_text were using the correct value.
  • If you were not using state templating then nothing will change.
• Center button content by default (9087337)
  • Buttons now have justify-content: center by default, this might affect your buttons that expected the content to be aligned to flex-start. I had quite a few people asking how to center the text/content and looking at my own buttons I used center a lot more than flex-start so I decided it was better to change the default. To fix any affected buttons update your config to include the following. (closes #29)

    styles:
      button:
        justify-content: flex-start
    

• Rename style option to styles (f671d9f)
  • This isn't technically a breaking change as style will still work, but styles is the preferred keyword now to improve consistency for button-card users.
• Deprecate align_icon and align_icons (2214395)
  • They still work but will be removed in a future version, use the layout option instead.

⚡ New Features

• Add support for animations (closes #59)
• Add built-in animations for blink and rotating (d0e36aa) (closes #59)
• Add global styles and extra_styles support (2ce78d1) (closes #58, #59, #31)
• Add support for service call targets by @ristomatti in https://github.com/jcwillox/lovelace-paper-buttons-row/pull/68 (5ab6123)
• Show more-info by default for tap action of non-toggleable entities (fd766c9)
• Show toast messages for invalid actions (429465a)
• Add hide_state and hide_badge options for extended rows (33a7261)

Changes

• Add CI and release workflows (e7d12a2)
• Refactor style handling and switch to styleMap (a49aeee)
• The Great Typescript Migration (9884f08)
  • This fixes a handful of issues in the code and I've also started using custom-card-helpers which has one of the main benefits of better icon extraction for states and more domains (fixes #45).

Full Changelog: https://github.com/jcwillox/lovelace-paper-buttons-row/compare/0.6.2...1.0.0

• Use more robust method for inserting buttons into entity rows (a71f76d) (fixes #67)

• Fix button positioning on HA 2021.12 (7198e6f) (fixes #66)

Full Changelog: https://github.com/jcwillox/lovelace-paper-buttons-row/compare/0.6.0...0.6.1