Changes after pull request

Author: chubara62372

elements/pf-alert/demo/Custom-icon.html

@@ -23,14 +23,13 @@ <h3 slot="header">Success alert title</h3>
     background-color: #fff;
   }
 
-  /* צבע כחול ל-b */
   pf-alert.b::part(container) {
     background-color: #f3faf2;
   }
 
   .demo-description {
     padding: 1cm;
-    /* שמירה על מרחק של ס"מ אחד מכל הצדדים */
+    /* Maintain a distance of one centimeter on all sides */
   }
 </style>
 <script type="module">

elements/pf-alert/demo/Inline-plain.html

@@ -29,63 +29,3 @@ <h3 slot="header">Success alert title</h3>
 
 
 
-<!-- <form id="alert-variant-toast">
-  <fieldset>
-    <legend>Alert State</legend>
-    <label><input type="radio" name="state" value="default">Neutral</label>
-    <label><input type="radio" name="state" value="info">Info</label>
-    <label><input type="radio" name="state" value="success">Success</label>
-    <label><input type="radio" name="state" value="warning">Caution</label>
-    <label><input type="radio" name="state" value="warning">Warning</label>
-    <label><input type="radio" name="state" value="danger">Danger</label>
-  </fieldset>
-  <fieldset>
-    <legend>Persistence</legend>
-    <label><input type="checkbox" name="persistent">Persistent</label>
-  </fieldset>
-  <fieldset>
-    <legend>Actions</legend>
-    <label><input type="radio" name="actions" value="none">No actions</label>
-    <label><input type="radio" name="actions" value="primary">Single action</label>
-    <label><input type="radio" name="actions" value="secondary">Secondary action</label>
-  </fieldset>
-  <pf-button  id="alert-toast">Toast alert</pf-button>
-</form>
-
-<style>
-  #alert-variant-toast {
-    gap: var(--pf-space-lg, 16px);
-    padding: var(--pf-space-lg, 16px);
-    width: max-content;
-  }
-   #alert-toast {
-    margin-top: 0.45cm;
-  }
-</style>
-
-<script type="module">
-  import { PfAlert } from '@patternfly/elements/pf-alert/pf-alert.js';
-  import '@patternfly/elements/pf-button/pf-button.js';
-
-  let i = 0;
-  document.addEventListener('close', e => console.log(e.action));
-  document.getElementById('alert-variant-toast').addEventListener('submit', async function(event) {
-    event.preventDefault();
-    const data = new FormData(event.target);
-    const persistent = data.has('persistent');
-    const state = data.get('state') ?? 'info';
-    const [a, ...rest] = state;
-    await PfAlert.toast({
-      state,
-      persistent,
-      message: `${++i}: Lorem ipsum dolor sit amet, consectetur adipiscing elit.`,
-      heading: `${a.toUpperCase()}${rest.join('')}${persistent ? ` - persistent` : ''}`,
-      actions: data.get('actions') === 'primary' ? [
-          { action: 'dismiss', text: 'Dismiss' },
-        ] : data.get('actions') === 'secondary' ? [
-          { action: 'confirm', text: 'Confirm' },
-          { action: 'dismiss', text: 'Dismiss' },
-        ] : undefined,
-    });
-  });
-</script> -->

elements/pf-alert/pf-alert-toast-styles.css

@@ -1,12 +1,3 @@
-/* 
-:host {
-  display: block;
-  max-width: var(--pf-c-alert--MaxWidth, initial);
-}
-
-[hidden] {
-  display: none !important;
-} */
 
 header {
   display: flex;

elements/pf-alert/pf-alert.css

@@ -8,7 +8,6 @@ import { classMap } from 'lit/directives/class-map.js';
 import { getRandomId } from '@patternfly/pfe-core/functions/random.js';
 import { SlotController } from '@patternfly/pfe-core/controllers/slot-controller.js';
 import styles from './pf-alert.css';
-import toastStyles from './pf-alert-toast-styles.css';
 import '@patternfly/elements/pf-icon/pf-icon.js';
 import '@patternfly/elements/pf-button/pf-button.js';
 
@@ -262,14 +261,14 @@ firstUpdated(): void {
   `;
   }
 
-  async #close() {
-    await this.updateComplete;
-    await Promise.all(this.getAnimations().map(x => {
-      x.finish();
-      return x.finished;
-    }));
-    this.remove();
-  }
+  // async #close() {
+  //   await this.updateComplete;
+  //   await Promise.all(this.getAnimations().map(x => {
+  //     x.finish();
+  //     return x.finished;
+  //   }));
+  //   this.remove();
+  // }
 
   async #onActionsClick(event: MouseEvent) {
     if (event.target instanceof HTMLElement
@@ -289,7 +288,6 @@ function initToaster() {
   node.classList.add('pf-alert-toast-group');
   document.adoptedStyleSheets = [
     ...document.adoptedStyleSheets ?? [],
-    (toastStyles as unknown as CSSResult).styleSheet!,
   ];
 
   document.body.append(node);