Move config out of subfolder

lovelace/button_card_templates/v3/primitives/v3_badge.yaml

@@ -0,0 +1,22 @@
+v3_badge:
+  variables:
+    state_size: 14px
+  show_name: false
+  show_icon: false
+  show_state: true
+  hold_action:
+    action: more-info
+  styles:
+    card:
+      - width: 60px
+      - height: 60px
+      - font-size: 15px
+      - border-radius: 60px
+      - box-shadow: none
+      - --ha-card-background: transparent
+      - border: 2px solid rgba(255, 255, 255, 0.5)
+    state:
+      - text-overflow: initial
+      - width: 80%
+      - font-weight: bold
+      - font-size: "[[[ return variables.state_size ]]]"

lovelace/button_card_templates/v3/primitives/v3_badge_icon.yaml

@@ -0,0 +1,17 @@
+v3_badge_icon:
+  template: v3_badge
+  show_state: false
+  show_icon: true
+  styles:
+    icon:
+      - transform: translateX(-4px) translateY(11px)
+      - --mdc-icon-size: 30px
+      - color: white
+  state:
+    - value: 'on'
+      styles:
+        card:
+          - background-color: white
+          - color: black
+        icon:
+          - color: var(--primary-color)

lovelace/button_card_templates/v3/primitives/v3_button.yaml

@@ -0,0 +1,64 @@
+v3_button:
+  variables:
+    value_has_error: false
+    background_color: 'var(--v3-background)'
+
+  show_state: true
+  show_icon: true
+  show_name: true
+  size: 120px
+  card_size: 2
+  hold_action:
+    action: more-info
+  styles:
+    card:
+      - width: 120px
+      - height: 120px
+      - box-shadow: none
+      - --ha-card-background: "[[[ return variables.background_color ]]]"
+    icon:
+      - position: absolute
+      - top: 8px
+      - left: 16px
+      - width: 30px
+      - height: 30px
+      - --mdc-icon-size: 30px
+      - color: white
+    state:
+      - position: absolute
+      - bottom: 10px
+      - left: 16px
+      - font-weight: bold
+      - font-size: 14px
+      - color: "[[[ return variables.value_has_error ? 'red' : 'white' ]]]"
+    name:
+      - position: absolute
+      - left: 16px
+      - bottom: "[[[ return this.___config.show_state ? '28px' : '10px'; ]]]"
+      - white-space: normal
+      - word-wrap: break-word
+      - word-break: break-word
+      - width: 90px
+      - text-align: left
+      - font-weight: bold
+      - font-size: 15px
+  state:
+    - value: 'on'
+      styles: &on_styles
+        card:
+          - background-color: white
+          - color: black
+        icon:
+          - color: var(--primary-color)
+        state:
+          - color: "[[[ return variables.value_has_error ? 'red' : 'var(--v3-btn-state-color)' ]]]"
+    - value: 'home'
+      styles: *on_styles
+    - value: 'recording'
+      styles: *on_styles
+    - value: 'open'
+      styles: *on_styles
+    - value: 'playing'
+      styles: *on_styles
+    - value: 'heat'
+      styles: *on_styles

lovelace/button_card_templates/v3/primitives/v3_pill.yaml

@@ -0,0 +1,29 @@
+v3_pill:
+  show_name: true
+  show_icon: true
+  show_state: false
+  card_size: 5
+  hold_action:
+    action: more-info
+  styles:
+    card:
+      - width: 380px
+      - margin-left: 8px
+      - height: 60px
+      - font-size: 15px
+      - border-radius: 8px
+      - background-color: 'rgba(70, 70, 70, 1)'
+    icon:
+      - position: absolute
+      - left: 16px
+      - width: 30px
+      - --mdc-icon-size: 30px
+      - display: flex
+      - align-items: center
+    name:
+      - position: absolute
+      - top: 22px
+      - left: 60px
+      - width: 180px
+      - font-weight: bold
+      - text-align: left

lovelace/button_card_templates/v3/primitives/v3_popup_button.yaml

@@ -0,0 +1,6 @@
+v3_popup_button:
+  variables:
+    background_color: rgba(60, 60, 60, 1)
+  styles:
+    card:
+      - margin-bottom: 8px

lovelace/button_card_templates/v3/primitives/v3_scene.yaml

@@ -0,0 +1,48 @@
+v3_scene:
+  variables:
+    scene_color_1: rgb(255, 255, 255)
+    scene_color_2: rgb(255, 255, 255)
+    degrees: 315
+  show_name: true
+  show_icon: true
+  show_state: false
+  card_size: 5
+  tap_action:
+    action: call-service
+    service: scene.turn_on
+    service_data:
+      entity_id: "[[[ return entity.entity_id ]]]"
+  hold_action:
+    action: more-info
+  styles:
+    card:
+      - width: 250px
+      - height: 60px
+      - font-size: 15px
+      - box-shadow: none
+      - background: >
+          [[[
+            const color_1 = variables.scene_color_1;
+            const color_2 = variables.scene_color_2 || variables.scene_color_1;
+            const degrees = variables.degrees;
+
+            return "linear-gradient("
+                + degrees + "deg, "
+                + color_1 + " 14%, "
+                + color_2 + " 14%, "
+                + color_2 + " 24%, var(--v3-background) 24%)"
+          ]]]
+    icon:
+      - position: absolute
+      - left: 16px
+      - width: 30px
+      - --mdc-icon-size: 30px
+      - display: flex
+      - align-items: center
+    name:
+      - position: absolute
+      - top: 22px
+      - left: 60px
+      - width: 180px
+      - font-weight: bold
+      - text-align: left

lovelace/button_card_templates/v3/primitives/v3_tablet_button.yaml

@@ -0,0 +1,21 @@
+v3_tablet_button:
+  template: v3_button
+  styles:
+    card:
+      - width: 100px
+      - height: 100px
+      - border-radius: 16px
+    icon:
+      - top: 4px
+      - left: 12px
+      - width: 20px
+      - height: 20px
+      - --mdc-icon-size: 20px
+    state:
+      - bottom: 4px
+      - left: 12px
+    name:
+      - left: 12px
+      - bottom: 22px
+      - width: 60px
+      - font-size: 13px

lovelace/button_card_templates/v3/primitives/v3_xs_button.yaml

@@ -0,0 +1,22 @@
+v3_xs_button:
+  template: v3_button
+  show_state: false
+  styles:
+    card:
+      - width: 75px
+      - height: 75px
+      - border-radius: 12px
+    icon:
+      - top: 4px
+      - left: 12px
+      - width: 20px
+      - height: 20px
+      - --mdc-icon-size: 20px
+    name:
+      - left: 12px
+      - bottom: 8px
+      - white-space: normal
+      - word-wrap: break-word
+      - word-break: break-word
+      - width: 60px
+      - font-size: 13px