@ember-eui/core 5.0.1 → 5.1.0

package/docs/layout/modal-demo/demo2.md

@@ -1,126 +0,0 @@
----
-order: 2
----
-
-# Overflow test
-
-```hbs template
-<EuiButton
-  @color='primary'
-  {{on 'click' (fn this.activateModal 'overflowModalActive')}}
->
-  Show Modal
-</EuiButton>
-{{#if this.overflowModalActive}}
-
-  <EuiModal
-    @initialFocus='#donebutton'
-    @onClose={{fn this.deactivateModal 'overflowModalActive'}}
-  >
-    <EuiModalHeader>
-      <EuiTitle @size='l'>
-        Overflow Test
-      </EuiTitle>
-    </EuiModalHeader>
-    <EuiModalBody>
-      <EuiText>
-        <p>
-          <strong>
-            Palpatine
-          </strong>
-          : Did you ever hear the tragedy of Darth Plagueis The Wise?
-        </p>
-        <p>
-          <strong>
-            Anakin
-          </strong>
-          : No.
-        </p>
-        <p>
-          <strong>
-            Palpatine
-          </strong>
-          : I thought not. It's not a story the Jedi would tell you. It's a Sith
-          legend. Darth Plagueis was a Dark Lord of the Sith, so powerful and so
-          wise he could use the Force to influence the midichlorians to create
-          life… He had such a knowledge of the dark side, he could even keep the
-          ones he cared about from dying.
-        </p>
-        <p>
-          <strong>
-            Anakin
-          </strong>
-          : He could actually save people from death?
-        </p>
-        <p>
-          Palpatine: The dark side of the Force is a pathway to many abilities
-          some consider to be unnatural.
-        </p>
-        <p>
-          <strong>
-            Anakin
-          </strong>
-          : What happened to him?
-        </p>
-        <p>
-          <strong>
-            Palpatine
-          </strong>
-          : He became so powerful… the only thing he was afraid of was losing
-          his power, which eventually, of course, he did. Unfortunately, he
-          taught his apprentice everything he knew, then his apprentice killed
-          him in his sleep. Ironic. He could save others from death, but not
-          himself.
-        </p>
-        <p>
-          <strong>
-            Anakin
-          </strong>
-          : Is it possible to learn this power?
-        </p>
-        <p>
-          <strong>
-            Palpatine
-          </strong>
-          : Not from a Jedi.
-        </p>
-      </EuiText>
-    </EuiModalBody>
-    <EuiModalFooter>
-      <EuiButton
-        @color='primary'
-        {{on 'click' (fn this.deactivateModal 'overflowModalActive')}}
-        id='donebutton'
-      >
-        Done
-      </EuiButton>
-    </EuiModalFooter>
-  </EuiModal>
-{{/if}}
-<EuiSpacer />
-```
-
-```js component
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-
-export default class DemoModalComponent extends Component {
-  @tracked overflowModalActive = false;
-
-  @action
-  activateModal(modal) {
-    this[modal] = true;
-  }
-
-  @action
-  deactivateModal(modal) {
-    this[modal] = false;
-  }
-
-  @action
-  reloadPage() {
-    location.reload();
-  }
-}
-```

package/docs/layout/modal-demo/demo3.md

@@ -1,55 +0,0 @@
----
-order: 3
----
-
-# Confirm Modal
-
-```hbs template
-<EuiButton
-  @color='primary'
-  {{on 'click' (fn this.activateModal 'confirmModalActive')}}
->
-  Show Confirm Modal
-</EuiButton>
-{{#if this.confirmModalActive}}
-  <EuiConfirmModal
-    @title='Refresh the page?'
-    @onConfirm={{this.reloadPage}}
-    @buttonColor='primary'
-    @confirmButtonText='Refresh'
-    @cancelButtonText='Cancel'
-    @onCancel={{fn this.deactivateModal 'confirmModalActive'}}
-  >
-    <EuiText>
-      This action will trash all unsaved changes
-    </EuiText>
-  </EuiConfirmModal>
-
-{{/if}}
-<EuiSpacer />
-```
-
-```js component
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-
-export default class DemoModalComponent extends Component {
-  @tracked confirmModalActive = false;
-
-  @action
-  activateModal(modal) {
-    this[modal] = true;
-  }
-
-  @action
-  deactivateModal(modal) {
-    this[modal] = false;
-  }
-
-  @action
-  reloadPage() {
-    location.reload();
-  }
-}
-```

package/docs/layout/modal-demo/demo4.md

@@ -1,65 +0,0 @@
----
-order: 4
----
-
-# Loading modal
-
-<EuiText>
-  <strong>EuiConfirmModal</strong> supports being able to apply loading and disabled states to the confirm button with the <EuiCode>confirmButtonDisabled</EuiCode> and <EuiCode>isLoading</EuiCode> props respectively. This is helpful to indicate the fetching of data and/or to wait for a user's input before enabling the confirm action.
-</EuiText>
-
-```hbs template
-<EuiButton
-  @color='primary'
-  {{on 'click' (fn this.activateModal 'loadingModalActive')}}
->
-  Activate Loading Modal
-</EuiButton>
-{{#if this.loadingModalActive}}
-
-  <EuiConfirmModal
-    @title='Refresh the page?'
-    @onConfirm={{this.reloadPage}}
-    @buttonColor='primary'
-    @confirmButtonText='Refresh'
-    @cancelButtonText='Cancel'
-    @isLoading={{this.isLoading}}
-    @onCancel={{fn this.deactivateModal 'loadingModalActive'}}
-  >
-    <EuiText>
-      Eui Modal with isLoading true and a timeout for removing is loading
-      spinner
-    </EuiText>
-  </EuiConfirmModal>
-{{/if}}
-```
-
-```js component
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-
-export default class DemoModalComponent extends Component {
-  @tracked loadingModalActive = false;
-  @tracked isLoading = true;
-
-  @action
-  activateModal(modal) {
-    this[modal] = true;
-    setTimeout(() => {
-      this.isLoading = false;
-    }, 3500);
-  }
-
-  @action
-  deactivateModal(modal) {
-    this[modal] = false;
-    this.isLoading = true;
-  }
-
-  @action
-  reloadPage() {
-    location.reload();
-  }
-}
-```

package/docs/layout/modal.md

@@ -1 +0,0 @@
-<EuiPageHeader @pageTitle="Modal"/>

package/docs/layout/page-template/index.md

@@ -1,11 +0,0 @@
----
-order: 1
-title: Page Template
----
-
-<EuiPageHeader @pageTitle="Page Template" @bottomBorder={{true}}>
-	<:description>
-	<EuiText>While the <strong>EuiPageHeader</strong> component can be placed anywhere within your page layout, we recommend using it within the <a href="#"><strong>EuiPageTemplate</strong></a> component by passing the configuration props as its <EuiCode>pageHeader</EuiCode>.</EuiText>
-	</:description>
-	
-</EuiPageHeader>

package/docs/layout/popover-demo/demo4.md

@@ -1,118 +0,0 @@
----
-order: 4
----
-
-# Popover titles and footers
-<EuiText>
-  Popovers often need titling. Use the
-  <strong>EuiPopoverTitle</strong>
-  component nested somewhere inside the popover contents.
-  <br /><br />
-  You can also add a similarly styled
-  <strong>EuiPopoverFooter</strong>
-  for smaller captions or call to action buttons.
-</EuiText>
-
-```hbs template
-<EuiPopover
-  @ownFocus={{true}}
-  @isOpen={{this.pop1}}
-  @closePopover={{set this 'pop1' false}}
->
-  <:button>
-    <EuiButton
-      @iconType='arrowDown'
-      @iconSide='right'
-      @fill={{true}}
-      {{on 'click' (set this 'pop1' true)}}
-    >
-      With title
-    </EuiButton>
-  </:button>
-  <:content>
-    <EuiPopoverTitle>
-      HELLO, I’M A POPOVER TITLE
-    </EuiPopoverTitle>
-    <div style='width: 300px;'>
-      <EuiText size='s'>
-        <p>
-          Selfies migas stumptown hot chicken quinoa wolf green juice, mumblecore tattooed trust fund hammock truffaut taxidermy kogi.
-        </p>
-      </EuiText>
-    </div>
-  </:content>
-</EuiPopover>
-<EuiPopover
-  @ownFocus={{true}}
-  @isOpen={{this.pop2}}
-  @closePopover={{set this 'pop2' false}}
->
-  <:button>
-    <EuiButton
-      @iconType='arrowDown'
-      @iconSide='right'
-      @fill={{true}}
-      {{on 'click' (set this 'pop2' true)}}
-    >
-      With footer
-    </EuiButton>
-  </:button>
-  <:content>
-    <div style='width: 300px;'>
-      <EuiText size='s'>
-        <p>
-          Selfies migas stumptown hot chicken quinoa wolf green juice, mumblecore tattooed trust fund hammock truffaut taxidermy kogi.
-        </p>
-      </EuiText>
-    </div>
-    <EuiPopoverFooter>
-      Hello, I’m a small popover footer caption
-    </EuiPopoverFooter>
-  </:content>
-</EuiPopover>
-<EuiPopover
-  @ownFocus={{true}}
-  @isOpen={{this.pop3}}
-  @closePopover={{set this 'pop3' false}}
->
-  <:button>
-    <EuiButton
-      @iconType='arrowDown'
-      @iconSide='right'
-      @fill={{true}}
-      {{on 'click' (set this 'pop3' true)}}
-    >
-      With Title and footer button
-    </EuiButton>
-  </:button>
-  <:content>
-    <EuiPopoverTitle>
-      HELLO, I’M A POPOVER TITLE
-    </EuiPopoverTitle>
-    <div style='width: 300px;'>
-      <EuiText size='s'>
-        <p>
-          Selfies migas stumptown hot chicken quinoa wolf green juice, mumblecore tattooed trust fund hammock truffaut taxidermy kogi.
-        </p>
-      </EuiText>
-    </div>
-    <EuiPopoverFooter>
-      <EuiButton @fullWidth={{true}}>
-        Manage this thing
-      </EuiButton>
-    </EuiPopoverFooter>
-  </:content>
-</EuiPopover>
-```
-
-```javascript component
-import Component from '@glimmer/component';
-import { action } from '@ember/object';
-import { tracked } from '@glimmer/tracking';
-
-export default class PopoverDemo1 extends Component {
-  @tracked pop1 = false;
-  @tracked pop2 = false;
-  @tracked pop3 = false;
-}
-```

package/docs/layout/popover.md

@@ -1 +0,0 @@
-<EuiPageHeader @pageTitle="Popover"/>

package/docs/navigation/breadcrumbs.md

@@ -1 +0,0 @@
-<EuiPageHeader @pageTitle="Breadcrumbs"/>