Remove twine and introduce trusted publishing (#27110)

* Remove twine and introduce trusted publishing

* Update release.yaml

.github/workflows/release.yaml

@@ -19,8 +19,11 @@ jobs:
   release:
     name: Release
     runs-on: ubuntu-latest
+    environment: pypi
     permissions:
       contents: write # Required to upload release assets
+      id-token: write # For "Trusted Publisher" to PyPi
+    if: github.repository_owner == 'home-assistant'
     steps:
       - name: Checkout the repository
         uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6.0.1
@@ -46,14 +49,18 @@ jobs:
         run: ./script/translations_download
         env:
           LOKALISE_TOKEN: ${{ secrets.LOKALISE_TOKEN }}
+
       - name: Build and release package
         run: |
-          python3 -m pip install twine build
-          export TWINE_USERNAME="__token__"
-          export TWINE_PASSWORD="${{ secrets.TWINE_TOKEN }}"
+          python3 -m pip install build
           export SKIP_FETCH_NIGHTLY_TRANSLATIONS=1
           script/release
 
+      - name: Publish to PyPI
+        uses: pypa/gh-action-pypi-publish@ed0c53931b1dc9bd32cbe73a98c7f6766f8a527e # v1.13.0
+        with:
+          skip-existing: true
+
       - name: Upload release assets
         uses: softprops/action-gh-release@a06a81a03ee405af7f2048a818ed3f03bbf83c7b # v2.5.0
         with:

script/release

@@ -1,5 +1,4 @@
 #!/bin/sh
-# Pushes a new version to PyPi.
 
 # Stop on errors
 set -e
@@ -12,5 +11,4 @@ yarn install
 script/build_frontend
 
 rm -rf dist home_assistant_frontend.egg-info
-python3 -m build
-python3 -m twine upload dist/*.whl --skip-existing
+python3 -m build -q

src/components/ha-drawer.ts

@@ -90,16 +90,6 @@ export class HaDrawer extends DrawerBase {
         border-color: var(--divider-color, rgba(0, 0, 0, 0.12));
         inset-inline-start: 0 !important;
         inset-inline-end: initial !important;
-        transition-property: transform, width;
-        transition-duration:
-          var(--mdc-drawer-transition-duration, 0.2s),
-          var(--ha-animation-base-duration);
-        transition-timing-function:
-          var(
-            --mdc-drawer-transition-timing-function,
-            cubic-bezier(0.4, 0, 0.2, 1)
-          ),
-          ease;
       }
       .mdc-drawer.mdc-drawer--modal.mdc-drawer--open {
         z-index: 200;
@@ -113,15 +103,6 @@ export class HaDrawer extends DrawerBase {
         direction: var(--direction);
         width: 100%;
         box-sizing: border-box;
-        transition:
-          padding-left var(--ha-animation-base-duration) ease,
-          padding-inline-start var(--ha-animation-base-duration) ease;
-      }
-      @media (prefers-reduced-motion: reduce) {
-        .mdc-drawer,
-        .mdc-drawer-app-content {
-          transition: none;
-        }
       }
     `,
   ];

src/components/ha-sidebar.ts

@@ -731,8 +731,6 @@ class HaSidebar extends SubscribeMixin(LitElement) {
           );
           font-size: var(--ha-font-size-xl);
           align-items: center;
-          overflow: hidden;
-          width: calc(56px + var(--safe-area-inset-left, 0px));
           padding-left: calc(
             var(--ha-space-1) + var(--safe-area-inset-left, 0px)
           );
@@ -741,7 +739,6 @@ class HaSidebar extends SubscribeMixin(LitElement) {
           );
           padding-inline-end: initial;
           padding-top: var(--safe-area-inset-top, 0px);
-          transition: width var(--ha-animation-base-duration) ease;
         }
         :host([expanded]) .menu {
           width: calc(256px + var(--safe-area-inset-left, 0px));
@@ -756,28 +753,15 @@ class HaSidebar extends SubscribeMixin(LitElement) {
           margin-left: 3px;
           margin-inline-start: 3px;
           margin-inline-end: initial;
-          flex: 1;
-          min-width: 0;
-          max-width: 0;
-          opacity: 0;
-          transform: translateX(-4px);
-          transition:
-            max-width var(--ha-animation-base-duration) ease,
-            opacity var(--ha-animation-base-duration) ease,
-            transform var(--ha-animation-base-duration) ease;
+          width: 100%;
+          display: none;
         }
         :host([narrow]) .title {
           margin: 0;
           padding: 0 var(--ha-space-4);
         }
         :host([expanded]) .title {
-          max-width: 100%;
-          opacity: 1;
-          transform: none;
-          transition-delay: 0ms, 80ms, 80ms;
-        }
-        :host(:not([expanded])) .title {
-          margin: 0;
+          display: initial;
         }
         .hidden-panel {
           display: none;
@@ -819,7 +803,6 @@ class HaSidebar extends SubscribeMixin(LitElement) {
           --md-list-item-leading-space: var(--ha-space-3);
           --md-list-item-trailing-space: var(--ha-space-3);
           --md-list-item-leading-icon-size: var(--ha-space-6);
-          transition: width var(--ha-animation-base-duration) ease;
         }
         :host([expanded]) ha-md-list-item {
           width: 248px;
@@ -860,25 +843,11 @@ class HaSidebar extends SubscribeMixin(LitElement) {
         }
 
         ha-md-list-item .item-text {
-          display: block;
-          max-width: 0;
-          opacity: 0;
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-          transform: translateX(-4px);
+          display: none;
           font-size: var(--ha-font-size-m);
           font-weight: var(--ha-font-weight-medium);
-          transition:
-            max-width var(--ha-animation-base-duration) ease,
-            opacity var(--ha-animation-base-duration) ease,
-            transform var(--ha-animation-base-duration) ease;
         }
         :host([expanded]) ha-md-list-item .item-text {
-          max-width: 100%;
-          opacity: 1;
-          transform: none;
-          transition-delay: 0ms, 80ms, 80ms;
           display: block;
           overflow: hidden;
           text-overflow: ellipsis;
@@ -963,15 +932,6 @@ class HaSidebar extends SubscribeMixin(LitElement) {
           -webkit-transform: scaleX(var(--scale-direction));
           transform: scaleX(var(--scale-direction));
         }
-
-        @media (prefers-reduced-motion: reduce) {
-          .menu,
-          ha-md-list-item,
-          ha-md-list-item .item-text,
-          .title {
-            transition: none;
-          }
-        }
       `,
     ];
   }

src/panels/climate/ha-panel-climate.ts

@@ -186,11 +186,7 @@ class PanelClimate extends LitElement {
           );
           padding-top: var(--safe-area-inset-top);
           z-index: 4;
-          transition:
-            box-shadow 200ms linear,
-            width var(--ha-animation-base-duration) ease,
-            padding-left var(--ha-animation-base-duration) ease,
-            padding-right var(--ha-animation-base-duration) ease;
+          transition: box-shadow 200ms linear;
           display: flex;
           flex-direction: row;
           -webkit-backdrop-filter: var(--app-header-backdrop-filter, none);
@@ -215,11 +211,6 @@ class PanelClimate extends LitElement {
             0px 1px 10px 0px rgba(0, 0, 0, 0.12)
           );
         }
-        @media (prefers-reduced-motion: reduce) {
-          .header {
-            transition: box-shadow 200ms linear;
-          }
-        }
         .toolbar {
           height: var(--header-height);
           display: flex;

src/panels/developer-tools/ha-panel-developer-tools.ts

@@ -160,10 +160,6 @@ class PanelDeveloperTools extends LitElement {
           border-bottom: var(--app-header-border-bottom, none);
           -webkit-backdrop-filter: var(--app-header-backdrop-filter, none);
           backdrop-filter: var(--app-header-backdrop-filter, none);
-          transition:
-            width var(--ha-animation-base-duration) ease,
-            padding-left var(--ha-animation-base-duration) ease,
-            padding-right var(--ha-animation-base-duration) ease;
         }
         :host([narrow]) .header {
           width: calc(
@@ -174,11 +170,6 @@ class PanelDeveloperTools extends LitElement {
           );
           padding-left: var(--safe-area-inset-left);
         }
-        @media (prefers-reduced-motion: reduce) {
-          .header {
-            transition: none;
-          }
-        }
 
         .toolbar {
           height: var(--header-height);

src/panels/light/ha-panel-light.ts

@@ -186,11 +186,7 @@ class PanelLight extends LitElement {
           );
           padding-top: var(--safe-area-inset-top);
           z-index: 4;
-          transition:
-            box-shadow 200ms linear,
-            width var(--ha-animation-base-duration) ease,
-            padding-left var(--ha-animation-base-duration) ease,
-            padding-right var(--ha-animation-base-duration) ease;
+          transition: box-shadow 200ms linear;
           display: flex;
           flex-direction: row;
           -webkit-backdrop-filter: var(--app-header-backdrop-filter, none);
@@ -215,11 +211,6 @@ class PanelLight extends LitElement {
             0px 1px 10px 0px rgba(0, 0, 0, 0.12)
           );
         }
-        @media (prefers-reduced-motion: reduce) {
-          .header {
-            transition: box-shadow 200ms linear;
-          }
-        }
         .toolbar {
           height: var(--header-height);
           display: flex;

src/panels/lovelace/hui-root.ts

@@ -1376,11 +1376,7 @@ class HUIRoot extends LitElement {
           padding-top: var(--safe-area-inset-top);
           padding-right: var(--safe-area-inset-right);
           z-index: 4;
-          transition:
-            box-shadow 200ms linear,
-            width var(--ha-animation-base-duration) ease,
-            padding-left var(--ha-animation-base-duration) ease,
-            padding-right var(--ha-animation-base-duration) ease;
+          transition: box-shadow 200ms linear;
         }
         .narrow .header {
           width: calc(
@@ -1399,11 +1395,6 @@ class HUIRoot extends LitElement {
             0px 1px 10px 0px rgba(0, 0, 0, 0.12)
           );
         }
-        @media (prefers-reduced-motion: reduce) {
-          .header {
-            transition: box-shadow 200ms linear;
-          }
-        }
         .edit-mode .header {
           background-color: var(--app-header-edit-background-color, #455a64);
           color: var(--app-header-edit-text-color, white);

src/panels/security/ha-panel-security.ts

@@ -186,11 +186,7 @@ class PanelSecurity extends LitElement {
           );
           padding-top: var(--safe-area-inset-top);
           z-index: 4;
-          transition:
-            box-shadow 200ms linear,
-            width var(--ha-animation-base-duration) ease,
-            padding-left var(--ha-animation-base-duration) ease,
-            padding-right var(--ha-animation-base-duration) ease;
+          transition: box-shadow 200ms linear;
           display: flex;
           flex-direction: row;
           -webkit-backdrop-filter: var(--app-header-backdrop-filter, none);
@@ -215,11 +211,6 @@ class PanelSecurity extends LitElement {
             0px 1px 10px 0px rgba(0, 0, 0, 0.12)
           );
         }
-        @media (prefers-reduced-motion: reduce) {
-          .header {
-            transition: box-shadow 200ms linear;
-          }
-        }
         .toolbar {
           height: var(--header-height);
           display: flex;