@ember-eui/core 1.6.2 → 1.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/addon/components/eui-flyout/index.hbs +43 -34
  3. package/addon/components/eui-list-group/index.hbs +23 -17
  4. package/addon/components/eui-markdown-editor-toolbar/index.hbs +3 -3
  5. package/addon/components/eui-modal/index.hbs +35 -26
  6. package/addon/components/eui-toast/index.hbs +1 -1
  7. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -2,6 +2,11 @@
2
2
 
3
3
  ### Master
4
4
 
5
+ ### 1.6.3
6
+ 🐛 Bug / Fixes
7
+ `@ember-eui/core`
8
+ - Fix inline-styling weird bug
9
+
5
10
  ### 1.6.2
6
11
  🐛 Bug / Fixes
7
12
  `@ember-eui/validated-form`
package/addon/components/eui-flyout/index.hbs CHANGED
@@ -2,37 +2,46 @@
2
2
  <EuiOverlayMask @headerZindexLocation="below" {{on "click" @onClose}} />
3
3
  {{/if}}
4
4
  {{set-body-class "euiBody--hasFlyout"}}
5
- <div
6
- role="dialog"
7
- class={{class-names
8
- (if (eq @maxWidth true) "euiFlyout--maxWidth-default")
9
- componentName="EuiFlyout"
10
- size=(arg-or-default @size "m")
11
- }}
12
- tabindex={{0}}
13
- ...attributes
14
- {{style
15
- (if (not (or (eq @maxWidth false) (eq @maxWidth true))) (inline-styles max-width=@maxWidth))
16
- }}
17
- {{focus-trap
18
- isActive=(arg-or-default @isFocusTrapActive true)
19
- shouldSelfFocus=(arg-or-default @shouldSelfFocus true)
20
- isPaused=(arg-or-default @isFocusTrapPaused false)
21
- focusTrapOptions=(arg-or-default
22
- @focusTrapOptions (hash allowOutsideClick=true clickOutsideDeactivates=(not @ownFocus))
23
- )
24
- }}
25
- {{on-key "Escape" @onClose}}
26
- >
27
- {{#if (and @onClose (not @hideCloseButton))}}
28
- <EuiButtonIcon
29
- class="euiFlyout__closeButton"
30
- aria-label={{or @closeButtonAriaLabel @closeAriaLabel}}
31
- @iconType="cross"
32
- @color="text"
33
- data-test-subj="euiFlyoutCloseButton"
34
- {{on "click" @onClose}}
35
- />
36
- {{/if}}
37
- {{yield}}
38
- </div>
5
+
6
+ {{#let
7
+ (if
8
+ (not (or (eq @maxWidth false) (eq @maxWidth true)))
9
+ (inline-styles max-width=@maxWidth)
10
+ (hash)
11
+ )
12
+ as |inlineStyles|
13
+ }}
14
+ <div
15
+ role="dialog"
16
+ class={{class-names
17
+ (if (eq @maxWidth true) "euiFlyout--maxWidth-default")
18
+ componentName="EuiFlyout"
19
+ size=(arg-or-default @size "m")
20
+ }}
21
+ tabindex={{0}}
22
+ ...attributes
23
+ {{style inlineStyles}}
24
+ {{focus-trap
25
+ isActive=(arg-or-default @isFocusTrapActive true)
26
+ shouldSelfFocus=(arg-or-default @shouldSelfFocus true)
27
+ isPaused=(arg-or-default @isFocusTrapPaused false)
28
+ focusTrapOptions=(arg-or-default
29
+ @focusTrapOptions
30
+ (hash allowOutsideClick=true clickOutsideDeactivates=(not @ownFocus))
31
+ )
32
+ }}
33
+ {{on-key "Escape" @onClose}}
34
+ >
35
+ {{#if (and @onClose (not @hideCloseButton))}}
36
+ <EuiButtonIcon
37
+ class="euiFlyout__closeButton"
38
+ aria-label={{or @closeButtonAriaLabel @closeAriaLabel}}
39
+ @iconType="cross"
40
+ @color="text"
41
+ data-test-subj="euiFlyoutCloseButton"
42
+ {{on "click" @onClose}}
43
+ />
44
+ {{/if}}
45
+ {{yield}}
46
+ </div>
47
+ {{/let}}
package/addon/components/eui-list-group/index.hbs CHANGED
@@ -1,18 +1,24 @@
1
- <ul
2
- class={{class-names
3
- (if (eq @maxWidth true) "euiListGroup-maxWidthDefault")
4
- (if @bordered "euiListGroup-bordered")
5
- (if @flush "euiListGroup-flush")
6
- componentName="EuiListGroup"
7
- gutterSize=(arg-or-default @gutterSize "s")
8
- }}
9
- ...attributes
10
- {{style
11
- (if
12
- (and @maxWidth (not-eq @maxWidth true))
13
- (inline-styles componentName="EuiListGroup" componentArgs=(hash maxWidth=@maxWidth))
1
+ {{#let
2
+ (if
3
+ (and @maxWidth (not-eq @maxWidth true))
4
+ (inline-styles
5
+ componentName="EuiListGroup" componentArgs=(hash maxWidth=@maxWidth)
14
6
  )
15
- }}
16
- >
17
- {{yield}}
18
- </ul>
7
+ (hash)
8
+ )
9
+ as |inlineStyles|
10
+ }}
11
+ <ul
12
+ class={{class-names
13
+ (if (eq @maxWidth true) "euiListGroup-maxWidthDefault")
14
+ (if @bordered "euiListGroup-bordered")
15
+ (if @flush "euiListGroup-flush")
16
+ componentName="EuiListGroup"
17
+ gutterSize=(arg-or-default @gutterSize "s")
18
+ }}
19
+ ...attributes
20
+ {{style inlineStyles}}
21
+ >
22
+ {{yield}}
23
+ </ul>
24
+ {{/let}}
package/addon/components/eui-markdown-editor-toolbar/index.hbs CHANGED
@@ -12,7 +12,7 @@
12
12
  </EuiToolTip>
13
13
 
14
14
  {{/each}}
15
- <span className="euiMarkdownEditorToolbar__divider"></span>
15
+ <span class="euiMarkdownEditorToolbar__divider"></span>
16
16
  {{#each this.listButtons as |item|}}
17
17
  <EuiToolTip @content={{item.label}} @delay="long">
18
18
  <EuiButtonIcon
@@ -26,7 +26,7 @@
26
26
  </EuiToolTip>
27
27
 
28
28
  {{/each}}
29
- <span className="euiMarkdownEditorToolbar__divider"></span>
29
+ <span class="euiMarkdownEditorToolbar__divider"></span>
30
30
  {{#each this.quoteCodeLinkButtons as |item|}}
31
31
  <EuiToolTip @content={{item.label}} @delay="long">
32
32
  <EuiButtonIcon
@@ -40,7 +40,7 @@
40
40
 
41
41
  {{/each}}
42
42
  {{#if (gte this.uiPlugins.length 0)}}
43
- <span className="euiMarkdownEditorToolbar__divider"></span>
43
+ <span class="euiMarkdownEditorToolbar__divider"></span>
44
44
  {{#each this.uiPlugins as |plugin|}}
45
45
  {{#let
46
46
  (and @selectedNode (eq @selectedNode.type plugin.name))
package/addon/components/eui-modal/index.hbs CHANGED
@@ -1,28 +1,37 @@
1
- <div
2
- class={{class-names "euiModal" (if (eq @maxWidth true) "euiModal--maxWidth-default")}}
3
- tabindex="0"
4
- ...attributes
5
- {{style
6
- (if
7
- (and @maxWidth (not-eq @maxWidth true))
8
- (inline-styles componentName="EuiModal" componentArgs=(hash maxWidth=@maxWidth))
1
+ {{#let
2
+ (if
3
+ (and @maxWidth (not-eq @maxWidth true))
4
+ (inline-styles
5
+ componentName="EuiModal" componentArgs=(hash maxWidth=@maxWidth)
9
6
  )
10
- }}
11
- {{focus-trap
12
- isActive=(arg-or-default @isFocusTrapActive true)
13
- shouldSelfFocus=(arg-or-default @shouldSelfFocus true)
14
- isPaused=(arg-or-default @isFocusTrapPaused false)
15
- focusTrapOptions=(arg-or-default @focusTrapOptions (hash))
16
- }}
17
- {{on-key "Escape" @onClose}}
18
- >
19
- <EuiButtonIcon
20
- class="euiModal__closeIcon"
21
- @iconType="cross"
22
- @color="text"
23
- {{on "click" @onClose}}
24
- />
25
- <div class="euiModal__flex">
26
- {{yield}}
7
+ (hash)
8
+ )
9
+ as |inlineStyles|
10
+ }}
11
+ <div
12
+ class={{class-names
13
+ "euiModal"
14
+ (if (eq @maxWidth true) "euiModal--maxWidth-default")
15
+ }}
16
+ tabindex="0"
17
+ ...attributes
18
+ {{style inlineStyles}}
19
+ {{focus-trap
20
+ isActive=(arg-or-default @isFocusTrapActive true)
21
+ shouldSelfFocus=(arg-or-default @shouldSelfFocus true)
22
+ isPaused=(arg-or-default @isFocusTrapPaused false)
23
+ focusTrapOptions=(arg-or-default @focusTrapOptions (hash))
24
+ }}
25
+ {{on-key "Escape" @onClose}}
26
+ >
27
+ <EuiButtonIcon
28
+ class="euiModal__closeIcon"
29
+ @iconType="cross"
30
+ @color="text"
31
+ {{on "click" @onClose}}
32
+ />
33
+ <div class="euiModal__flex">
34
+ {{yield}}
35
+ </div>
27
36
  </div>
28
- </div>
37
+ {{/let}}
package/addon/components/eui-toast/index.hbs CHANGED
@@ -27,7 +27,7 @@
27
27
  />
28
28
  {{/if}}
29
29
 
30
- <span className="euiToastHeader__title">
30
+ <span class="euiToastHeader__title">
31
31
  {{@title}}
32
32
  </span>
33
33
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ember-eui/core",
3
- "version": "1.6.2",
3
+ "version": "1.6.3",
4
4
  "description": "Ember Components for Elastic UI",
5
5
  "keywords": [
6
6
  "ember-addon",
@@ -154,5 +154,5 @@
154
154
  "volta": {
155
155
  "node": "12.22.1"
156
156
  },
157
- "gitHead": "166fcc5324d87bc5b03a7cfcf6214f3dbe7c76ce"
157
+ "gitHead": "9a24c611ad631adc96733da28942a10301abb05e"
158
158
  }