@ember-eui/core 4.2.4 → 4.2.5

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.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,11 @@
2
2
 
3
3
  ### Master
4
4
 
5
+ ### 4.2.5
6
+ 🐛 Bug / Fixes
7
+ `@ember-eui/core`
8
+ - `<EuiIcon />` for now use @iconClasses to pass down classes when using svg-jar
9
+
5
10
  ### 4.2.4
6
11
  🐛 Bug / Fixes
7
12
  `@ember-eui/core`
@@ -23,7 +23,7 @@
23
23
  }}
24
24
  >
25
25
  <EuiIcon
26
- class={{class-names
26
+ @iconClasses={{class-names
27
27
  "euiAccordion__icon"
28
28
  (if this.isOpen "euiAccordion__icon-isOpen")
29
29
  }}
@@ -59,7 +59,7 @@
59
59
  {{on "click" this.onToggle}}
60
60
  >
61
61
  <EuiIcon
62
- class={{class-names
62
+ @iconClasses={{class-names
63
63
  "euiAccordion__icon"
64
64
  (if this.isOpen "euiAccordion__icon-isOpen")
65
65
  }}
@@ -30,7 +30,7 @@
30
30
  </span>
31
31
  {{else if @iconType}}
32
32
  <EuiIcon
33
- class="euiAvatar__icon"
33
+ @iconClasses="euiAvatar__icon"
34
34
  @size={{or @iconSize @size}}
35
35
  @type={{@iconType}}
36
36
  aria-label={{@name}}
@@ -98,7 +98,7 @@
98
98
  {{on "click" (optional @iconOnClick)}}
99
99
  >
100
100
  <EuiIcon
101
- class={{class-names "euiBadge__icon" @closeButtonProps.iconClasses}}
101
+ @iconClasses={{class-names "euiBadge__icon" @closeButtonProps.iconClasses}}
102
102
  @type={{@iconType}}
103
103
  data-selected-index={{@closeButtonProps.dataSelectedIconIndex}}
104
104
  @size={{if (has-block) "s" "m"}}
@@ -109,7 +109,7 @@
109
109
  <EuiIcon
110
110
  @type={{@iconType}}
111
111
  @size={{if (has-block) "s" "m"}}
112
- class="euiBadge__icon"
112
+ @iconClasses="euiBadge__icon"
113
113
  />
114
114
  {{/if}}
115
115
  </span>
@@ -8,7 +8,7 @@
8
8
  {{yield}}
9
9
  {{else if @iconType}}
10
10
  <EuiIcon
11
- class="euiBetaBadge__icon"
11
+ @iconClasses="euiBetaBadge__icon"
12
12
  @type={{@iconType}}
13
13
  @size="m"
14
14
  aria-hidden="true"
@@ -9,7 +9,7 @@
9
9
  <EuiLoadingSpinner class="euiButtonContent__spinner" @size="m" />
10
10
  {{else if @iconType}}
11
11
  <EuiIcon
12
- class="euiButtonContent__icon {{@iconClasses}}"
12
+ @iconClasses="euiButtonContent__icon {{@iconClasses}}"
13
13
  @type={{@iconType}}
14
14
  @size="m"
15
15
  @useSvg={{@useSvg}}
@@ -7,7 +7,7 @@
7
7
  >
8
8
  {{#if @iconType}}
9
9
  <EuiIcon
10
- class="euiButtonIcon__icon {{@iconClasses}}"
10
+ @iconClasses="euiButtonIcon__icon {{@iconClasses}}"
11
11
  @type={{@iconType}}
12
12
  @size={{arg-or-default @iconSize "m"}}
13
13
  @useSvg={{@useSvg}}
@@ -26,7 +26,7 @@
26
26
  >
27
27
  {{#if @iconType}}
28
28
  <EuiIcon
29
- class="euiButtonIcon__icon {{@iconClasses}}"
29
+ @iconClasses="euiButtonIcon__icon {{@iconClasses}}"
30
30
  @type={{@iconType}}
31
31
  @size={{@iconSize}}
32
32
  @useSvg={{@useSvg}}
@@ -9,7 +9,12 @@
9
9
  {{#if (or @title (has-block "title"))}}
10
10
  <div class="euiCallOutHeader">
11
11
  {{#if @iconType}}
12
- <EuiIcon class="euiCallOutHeader__icon" @type={{@iconType}} @size="m" aria-hidden="true" />
12
+ <EuiIcon
13
+ @iconClasses="euiCallOutHeader__icon"
14
+ @type={{@iconType}}
15
+ @size="m"
16
+ aria-hidden="true"
17
+ />
13
18
  {{/if}}
14
19
  {{#if @heading}}
15
20
  <TextBlock @tagName={{@heading}} class="euiCallOutHeader__title">
@@ -35,4 +40,4 @@
35
40
  {{yield to="body"}}
36
41
  </EuiText>
37
42
  {{/if}}
38
- </div>
43
+ </div>
@@ -47,7 +47,7 @@
47
47
  {{/if}}
48
48
  {{#if @icon}}
49
49
  <EuiIcon
50
- class="euiCard__icon"
50
+ @iconClasses="euiCard__icon"
51
51
  @type={{@icon}}
52
52
  @size={{@iconSize}}
53
53
  />
@@ -30,7 +30,6 @@
30
30
  class="euiFilePicker__input"
31
31
  disabled={{@disabled}}
32
32
  aria-describedby={{promptId}}
33
- ...attributes
34
33
  {{on "dragover" this.showDrop}}
35
34
  {{on "dragleave" this.hideDrop}}
36
35
  {{on "drop" this.hideDrop}}
@@ -40,7 +39,7 @@
40
39
  />
41
40
  <div class="euiFilePicker__prompt" id={{promptId}}>
42
41
  <EuiIcon
43
- class="euiFilePicker__icon"
42
+ @iconClasses="euiFilePicker__icon"
44
43
  @type="importAction"
45
44
  @size={{if true "m" "l"}}
46
45
  aria-hidden="true"
@@ -58,7 +57,7 @@
58
57
  class="euiFilePicker__clearButton"
59
58
  {{on "click" this.removeFiles}}
60
59
  >
61
- <EuiIcon class="euiFilePicker__clearIcon" @type="cross" />
60
+ <EuiIcon @iconClasses="euiFilePicker__clearIcon" @type="cross" />
62
61
  </button>
63
62
  {{else}}
64
63
  <EuiButtonEmpty
@@ -4,5 +4,5 @@
4
4
  aria-label={{@label}}
5
5
  ...attributes
6
6
  >
7
- <EuiIcon class="euiFormControlLayoutClearButton__icon" @type="cross" />
7
+ <EuiIcon @iconClasses="euiFormControlLayoutClearButton__icon" @type="cross" />
8
8
  </button>
@@ -6,7 +6,7 @@
6
6
  {{on "click" @onClick}}
7
7
  >
8
8
  <EuiIcon
9
- class="euiFormControlLayoutCustomIcon__icon"
9
+ @iconClasses="euiFormControlLayoutCustomIcon__icon"
10
10
  @type={{@type}}
11
11
  @size={{@size}}
12
12
  aria-hidden="true"
@@ -15,7 +15,7 @@
15
15
  {{else}}
16
16
  <span class="euiFormControlLayoutCustomIcon" ...attributes>
17
17
  <EuiIcon
18
- class="euiFormControlLayoutCustomIcon__icon"
18
+ @iconClasses="euiFormControlLayoutCustomIcon__icon"
19
19
  @type={{@type}}
20
20
  @size={{@size}}
21
21
  aria-hidden="true"
@@ -6,7 +6,7 @@
6
6
  >
7
7
  <EuiIcon
8
8
  aria-label={{@iconTitle}}
9
- class="euiHeaderLogo__icon"
9
+ @iconClasses="euiHeaderLogo__icon"
10
10
  @size="l"
11
11
  @type={{arg-or-default @iconType "logoElastic"}}
12
12
  />
@@ -8,7 +8,7 @@
8
8
  {{#if @notification}}
9
9
  {{#if (eq @notification true)}}
10
10
  <EuiIcon
11
- class="euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot"
11
+ @iconClasses="euiHeaderSectionItemButton__notification euiHeaderSectionItemButton__notification--dot"
12
12
  @color={{arg-or-default @notificationColor "accent"}}
13
13
  @type="dot"
14
14
  @size="l"
@@ -4,6 +4,7 @@
4
4
  {{!template-lint-disable}}
5
5
  <IconComponent
6
6
  class={{class-names
7
+ @iconClasses
7
8
  this.optionalColorClass
8
9
  (if this.isAppIcon "euiIcon--app")
9
10
  componentName="EuiIcon"
@@ -23,6 +24,7 @@
23
24
  <img
24
25
  src={{this.icon}}
25
26
  class={{class-names
27
+ @iconClasses
26
28
  this.optionalColorClass
27
29
  (if this.isAppIcon "euiIcon--app")
28
30
  componentName="EuiIcon"
@@ -36,6 +38,7 @@
36
38
  {{svg-jar
37
39
  this.icon
38
40
  class=(class-names
41
+ @iconClasses
39
42
  this.optionalColorClass
40
43
  (if this.isAppIcon "euiIcon--app")
41
44
  componentName="EuiIcon"
@@ -11,11 +11,10 @@
11
11
  <:anchor>
12
12
  <EuiIcon
13
13
  tabindex="0"
14
- class={{@iconProps.className}}
14
+ @iconClasses={{@iconProps.className}}
15
15
  @type={{arg-or-default @type "questionInCircle"}}
16
16
  @color={{@color}}
17
17
  @size={{@size}}
18
- ...attributes
19
18
  aria-label={{arg-or-default @ariaLabel "Info"}}
20
19
  />
21
20
  </:anchor>
@@ -58,7 +58,7 @@
58
58
  </figcaption>
59
59
  </figure>
60
60
  <EuiIcon
61
- class="euiImage-isFullScreenCloseIcon"
61
+ @iconClasses="euiImage-isFullScreenCloseIcon"
62
62
  @type="cross"
63
63
  @color={{if (not (eq @fullScreenIconColor "dark")) "ghost"}}
64
64
  />
@@ -18,7 +18,7 @@
18
18
  ...attributes
19
19
  >
20
20
  {{#if @iconType}}
21
- <EuiIcon class="euiListGroupItem__icon" @type={{@iconType}} />
21
+ <EuiIcon @iconClasses="euiListGroupItem__icon" @type={{@iconType}} />
22
22
  {{/if}}
23
23
  <span class="euiListGroupItem__label">
24
24
  {{#if (has-block)}}
@@ -37,7 +37,7 @@
37
37
  ...attributes
38
38
  >
39
39
  {{#if @iconType}}
40
- <EuiIcon class="euiListGroupItem__icon" @type={{@iconType}} />
40
+ <EuiIcon @iconClasses="euiListGroupItem__icon" @type={{@iconType}} />
41
41
  {{/if}}
42
42
  <span class="euiListGroupItem__label">
43
43
  {{#if (has-block)}}
@@ -50,7 +50,7 @@
50
50
  {{else}}
51
51
  <span class="euiListGroupItem__text" ...attributes>
52
52
  {{#if @iconType}}
53
- <EuiIcon class="euiListGroupItem__icon" @type={{@iconType}} />
53
+ <EuiIcon @iconClasses="euiListGroupItem__icon" @type={{@iconType}} />
54
54
  {{/if}}
55
55
  <span class="euiListGroupItem__label">
56
56
  {{#if (has-block)}}
@@ -2,7 +2,7 @@
2
2
  <EuiToolTip @content={{@node.tooltipText}}>
3
3
  <span>
4
4
  <strong>{{@node.content}}</strong>
5
- <EuiIcon @type="questionInCircle" class="euiMarkdownTooltip__icon" />
5
+ <EuiIcon @type="questionInCircle" @iconClasses="euiMarkdownTooltip__icon" />
6
6
  </span>
7
7
  </EuiToolTip>
8
8
  </span>
@@ -8,7 +8,7 @@
8
8
  <span class="euiSideNav__mobileTitle">
9
9
  {{@mobileTitle}}
10
10
  </span>
11
- <EuiIcon class="euiSideNav__mobileIcon" @type="apps" @size="m" aria-hidden="true" />
11
+ <EuiIcon @iconClasses="euiSideNav__mobileIcon" @type="apps" @size="m" aria-hidden="true" />
12
12
  </span>
13
13
  </button>
14
14
  <div class="euiSideNav__content">
@@ -3,7 +3,7 @@
3
3
  <EuiIcon
4
4
  @type={{@icon}}
5
5
  @size="m"
6
- class={{class-names "euiSideNavItemButton__icon" @buttonIconClasses}}
6
+ @iconClasses={{class-names "euiSideNavItemButton__icon" @buttonIconClasses}}
7
7
  />
8
8
  {{/if}}
9
9
  <span class="euiSideNavItemButton__label">
@@ -8,11 +8,11 @@
8
8
  ...attributes
9
9
  >
10
10
  {{#if (eq @status "complete")}}
11
- <EuiIcon class="euiStepNumber__icon" @type="check" @size={{iconSize}} />
11
+ <EuiIcon @iconClasses="euiStepNumber__icon" @type="check" @size={{iconSize}} />
12
12
  {{else if (eq @status "warning")}}
13
- <EuiIcon class="euiStepNumber__icon" @type="alert" @size={{iconSize}} />
13
+ <EuiIcon @iconClasses="euiStepNumber__icon" @type="alert" @size={{iconSize}} />
14
14
  {{else if (eq @status "danger")}}
15
- <EuiIcon class="euiStepNumber__icon" @type="cross" @size={{iconSize}} />
15
+ <EuiIcon @iconClasses="euiStepNumber__icon" @type="cross" @size={{iconSize}} />
16
16
  {{else if (eq @status "loading")}}
17
17
  <EuiLoadingSpinner class="euiStepNumber__loader" @size={{if (eq iconSize "s") "l" "xl"}} />
18
18
  {{else}}
@@ -29,11 +29,11 @@
29
29
  <span class="euiSwitch__thumb"></span>
30
30
  <span class="euiSwitch__track">
31
31
  {{#unless @compressed}}
32
- <EuiIcon @type="cross" @size="m" class="euiSwitch__icon" />
32
+ <EuiIcon @type="cross" @size="m" @iconClasses="euiSwitch__icon" />
33
33
  <EuiIcon
34
34
  @type="check"
35
35
  @size="m"
36
- class="euiSwitch__icon euiSwitch__icon--checked"
36
+ @iconClasses="euiSwitch__icon euiSwitch__icon--checked"
37
37
  />
38
38
  {{/unless}}
39
39
  </span>
@@ -20,7 +20,7 @@
20
20
  >
21
21
  {{#if @iconType}}
22
22
  <EuiIcon
23
- class="euiToastHeader__icon"
23
+ @iconClasses="euiToastHeader__icon"
24
24
  @type={{@iconType}}
25
25
  @size="m"
26
26
  aria-hidden="true"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ember-eui/core",
3
- "version": "4.2.4",
3
+ "version": "4.2.5",
4
4
  "description": "Ember Components for Elastic UI",
5
5
  "keywords": [
6
6
  "ember-addon",
@@ -176,5 +176,5 @@
176
176
  "volta": {
177
177
  "extends": "../../package.json"
178
178
  },
179
- "gitHead": "129e8ad0a68528eddbb628ca3772c7297d48621c"
179
+ "gitHead": "734349b17f552bf40db786c1b38270abcdce3952"
180
180
  }