@ember-eui/core 4.2.6 → 5.0.0-alpha.1

package/docs/forms/form-controls/range-demo/demo1.md

@@ -1,61 +0,0 @@
----
-order: 1
----
-
-# Demo
-
-```hbs template
-<EuiRange
-  @min={{100}}
-  @max={{200}}
-  @step={{0.5}}
-  @value={{this.value}}
-  @onChange={{this.onChange}}
-  @showLabels={{true}}
-  aria-label="An example of EuiRange with showLabels prop"
-/>
-<EuiSpacer @size="xl" />
-<EuiRange
-  @min={{100}}
-  @max={{200}}
-  @value={{this.value}}
-  @onChange={{this.onChange}}
-  @showLabels={{true}}
-  @showValue={{true}}
-  aria-label="An example of EuiRange with showValue prop"
-/>
-<EuiSpacer @size="xl" />
-<EuiRange
-  @min={{100}}
-  @max={{200}}
-  @value={{this.value}}
-  @onChange={{this.onChange}}
-  @showLabels={{true}}
-  @showValue={{true}}
-  @showRange={{true}}
-  @valuePrepend="100 -"
-  aria-label="An example of EuiRange with valuePrepend prop"
->
-  <:min as |minVal|>
-    The min value is: {{minVal}}
-  </:min>
-  <:valueAppend>
-    🚀
-  </:valueAppend>
-</EuiRange>
-<EuiSpacer @size="xl" />
-```
-
-```javascript component
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-
-export default class EuiTextFieldDemo1 extends Component {
-  @tracked value = 170;
-  @action
-  onChange(e) {
-    this.value = e.target.value;
-  }
-}
-```

package/docs/forms/form-controls/range-demo/demo2.md

@@ -1,59 +0,0 @@
----
-order: 2
----
-
-# Demo
-
-```hbs template
-<EuiTitle>
-  Dual range
-</EuiTitle>
-<EuiText>
-  <p>
-    The EuiDualRange accepts almost all the same props as the regular EuiRange, with the exception of showRange which is on by default, and showValue since tooltips don't fit properly when there are two.
-  </p>
-</EuiText>
-<EuiCallOut @color="warning" @title="Retrieving field values">
-  <:title>
-    Retrieving field values
-  </:title>
-  <:body>
-    <p>
-      Two-value input[type=range] elements are not part of the HTML5 specification. Because of this support gap, EuiDualRange cannot expose a native value property for native form to consumption.
-    </p>
-    <p>
-      EuiDualRange does use native inputs to help validate step values and range limits. These may be used as form values when showInput is in use. The alternative is to store values in input[type=hidden].
-    </p>
-  </:body>
-</EuiCallOut>
-<EuiTitle>
-  Values: [
-  {{object-at "0" this.value}}
-  ,
-  {{object-at "1" this.value}}
-  ]
-</EuiTitle>
-<EuiDualRange
-  @value={{this.value}}
-  @min={{-100}}
-  @max={{200}}
-  @step={{10}}
-  @onChange={{this.onChange}}
-  @showLabels={{true}}
-  aria-label="An example of EuiDualRange"
-/>
-```
-
-```javascript component
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-
-export default class EuiTextFieldDemo1 extends Component {
-  @tracked value = ['', ''];
-  @action
-  onChange(values) {
-    this.value = values;
-  }
-}
-```

package/docs/forms/form-controls/range-demo/demo6.md

@@ -1,59 +0,0 @@
----
-order: 6
----
-
-# Demo
-
-```hbs template
-<EuiTitle>
-  Inputs with range in a dropdown
-</EuiTitle>
-<EuiText>
-  <p>
-    Passing showInput="inputWithPopover" instead of a boolean will only display the inputs until the input is interacted with in which case a dropdown will appear displaying the actual slider.
-  </p>
-</EuiText>
-<EuiRange
-  @value={{this.value}}
-  @onChange={{this.onChange}}
-  @showInput="inputWithPopover"
-  @showLabels={{true}}
-  aria-label="An example of EuiRange with showInput prop"
-/>
-<EuiSpacer @size="xl" />
-<EuiDualRange
-  @value={{this.dualValue}}
-  @onChange={{set this "dualValue"}}
-  @showInput="inputWithPopover"
-  @showLabels={{true}}
-  @levels={{this.levels}}
-  aria-label="An example of EuiDualRange with showInput prop"
-/>
-```
-
-```javascript component
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-
-export default class EuiTextFieldDemo1 extends Component {
-  @tracked value = '20';
-  @action
-  onChange(e) {
-    this.value = e.target.value;
-  }
-
-  levels = [
-    {
-      min: 0,
-      max: 20,
-      color: 'danger',
-    },
-    {
-      min: 20,
-      max: 100,
-      color: 'success',
-    },
-  ];
-}
-```

package/docs/forms/form-controls/range.md

@@ -1 +0,0 @@
-# Range sliders

package/docs/forms/form-controls/search-field-demo/demo1.md

@@ -1,31 +0,0 @@
----
-order: 1
----
-
-# Demo
-
-```hbs template
-<EuiTitle>
-  Search Text:
-  <EuiTextColor @color="secondary">
-    {{this.searchText}}
-  </EuiTextColor>
-</EuiTitle>
-<EuiForm>
-  {{#let (unique-id) as |inputId|}}
-    <EuiFormRow @label="Some Input" @helpText="here's some help text" @id={{inputId}}>
-      <EuiFieldSearch @clear={{set this "text" ""}} @id={{inputId}} @onSearch={{set this "searchText"}} />
-    </EuiFormRow>
-  {{/let}}
-</EuiForm>
-```
-
-```javascript component
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-
-export default class EuiSearchFieldDemo1 extends Component {
-  @tracked searchText = '';
-}
-```

package/docs/forms/form-controls/search-field.md

@@ -1 +0,0 @@
-# Search field

package/docs/forms/form-controls/select.md

@@ -1 +0,0 @@
-# Select

package/docs/forms/form-controls/switch.md

@@ -1 +0,0 @@
-# Switch

package/docs/forms/form-controls/text-field.md

@@ -1 +0,0 @@
-# Text field

package/docs/forms/form-controls/textarea-demo/demo1.md

@@ -1,36 +0,0 @@
----
-order: 1
----
-
-# Demo
-
-```hbs template
-<EuiTitle>
-  Text:
-  {{this.text1}}
-</EuiTitle>
-<EuiTextArea @value={{this.text1}} {{on "input" (pick "target.value" (set this "text1"))}} />
-<EuiSpacer />
-<EuiTitle>
-  Text:
-  {{this.text2}}
-</EuiTitle>
-<EuiTextArea
-  @value={{this.text2}}
-  @rows={{10}}
-  @resize="both"
-  @isInvalid={{true}}
-  {{on "input" (pick "target.value" (set this "text2"))}}
-/>
-```
-
-```javascript component
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-
-export default class EuiTextFieldDemo1 extends Component {
-  @tracked text1 = '';
-  @tracked text2 = '';
-}
-```

package/docs/forms/form-controls/textarea.md

@@ -1 +0,0 @@
-# Textarea