@1024pix/pix-ui 48.0.0 → 48.0.2

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 (9) hide show
  1. package/addon/components/pix-banner.hbs +6 -1
  2. package/addon/components/pix-button.hbs +2 -0
  3. package/addon/components/pix-collapsible.hbs +1 -0
  4. package/addon/components/pix-input-password.hbs +10 -2
  5. package/addon/components/pix-input.hbs +2 -2
  6. package/addon/components/pix-multi-select.hbs +2 -1
  7. package/addon/components/pix-search-input.hbs +1 -1
  8. package/addon/components/pix-select.hbs +8 -2
  9. package/package.json +1 -1
package/addon/components/pix-banner.hbs CHANGED
@@ -1,6 +1,11 @@
1
1
  {{#if this.displayBanner}}
2
2
  <div class="pix-banner pix-banner--{{this.type}}" role="alert" ...attributes>
3
- <PixIcon @name={{this.icon}} @plainIcon={{true}} @ariaHidden="true" class="pix-banner__icon" />
3
+ <PixIcon
4
+ @name={{this.icon}}
5
+ @plainIcon={{true}}
6
+ @ariaHidden={{true}}
7
+ class="pix-banner__icon"
8
+ />
4
9
  <div>
5
10
  {{yield}}
6
11
  {{#if this.displayAction}}
package/addon/components/pix-button.hbs CHANGED
@@ -17,6 +17,7 @@
17
17
  {{#if @iconBefore}}
18
18
  <PixIcon
19
19
  class="pix-button__icon pix-button__icon--before"
20
+ @ariaHidden={{true}}
20
21
  @name={{@iconBefore}}
21
22
  @plainIcon={{@plainIconBefore}}
22
23
  />
@@ -26,6 +27,7 @@
26
27
  <PixIcon
27
28
  class="pix-button__icon pix-button__icon--after"
28
29
  @name={{@iconAfter}}
30
+ @ariaHidden={{true}}
29
31
  @plainIcon={{@plainIconAfter}}
30
32
  />
31
33
  {{/if}}
package/addon/components/pix-collapsible.hbs CHANGED
@@ -30,6 +30,7 @@
30
30
  {{/if}}
31
31
  <PixIcon
32
32
  class="pix-collapsible-title-container__toggle-icon"
33
+ @ariaHidden={{true}}
33
34
  @name="{{if this.isCollapsed 'chevronBottom' 'chevronTop'}}"
34
35
  />
35
36
  </span>
package/addon/components/pix-input-password.hbs CHANGED
@@ -44,10 +44,18 @@
44
44
  />
45
45
 
46
46
  {{#if this.hasError}}
47
- <PixIcon @name="close" class="pix-input-password__icon pix-input-password__error-icon" />
47
+ <PixIcon
48
+ @name="close"
49
+ @ariaHidden={{true}}
50
+ class="pix-input-password__icon pix-input-password__error-icon"
51
+ />
48
52
  {{/if}}
49
53
  {{#if this.hasSuccess}}
50
- <PixIcon @name="check" class="pix-input-password__icon pix-input-password__success-icon" />
54
+ <PixIcon
55
+ @name="check"
56
+ @ariaHidden={{true}}
57
+ class="pix-input-password__icon pix-input-password__success-icon"
58
+ />
51
59
  {{/if}}
52
60
  </div>
53
61
 
package/addon/components/pix-input.hbs CHANGED
@@ -24,10 +24,10 @@
24
24
  />
25
25
 
26
26
  {{#if this.hasError}}
27
- <PixIcon @name="close" class="pix-input__error-icon" />
27
+ <PixIcon @name="close" class="pix-input__error-icon" @ariaHidden={{true}} />
28
28
  {{/if}}
29
29
  {{#if this.hasSuccess}}
30
- <PixIcon @name="check" class="pix-input__success-icon" />
30
+ <PixIcon @name="check" class="pix-input__success-icon" @ariaHidden={{true}} />
31
31
  {{/if}}
32
32
  </div>
33
33
 
package/addon/components/pix-multi-select.hbs CHANGED
@@ -20,7 +20,7 @@
20
20
 
21
21
  {{#if @isSearchable}}
22
22
  <span {{reference}} class={{this.headerClassName}}>
23
- <PixIcon @name="search" class="pix-multi-select-header__search-icon" />
23
+ <PixIcon @name="search" class="pix-multi-select-header__search-icon" @ariaHidden={{true}} />
24
24
 
25
25
  <input
26
26
  class="pix-multi-select-header__search-input"
@@ -56,6 +56,7 @@
56
56
  class="pix-multi-select-header__dropdown-icon
57
57
  {{if this.isExpanded ' pix-multi-select-header__dropdown-icon--expand'}}"
58
58
  @name={{if this.isExpanded "chevronTop" "chevronBottom"}}
59
+ @ariaHidden={{true}}
59
60
  />
60
61
  </button>
61
62
  {{/if}}
package/addon/components/pix-search-input.hbs CHANGED
@@ -11,7 +11,7 @@
11
11
  </PixLabel>
12
12
 
13
13
  <div class="pix-search-input__input-container">
14
- <PixIcon @name="search" />
14
+ <PixIcon @name="search" @ariaHidden={{true}} />
15
15
  <input
16
16
  id={{this.id}}
17
17
  class="pix-search-input__input"
package/addon/components/pix-select.hbs CHANGED
@@ -33,13 +33,19 @@
33
33
  aria-disabled={{@isDisabled}}
34
34
  >
35
35
  {{#if @iconName}}
36
- <PixIcon @name={{@iconName}} @plainIcon={{@plainIcon}} class="pix-select-button__icon" />
36
+ <PixIcon
37
+ @name={{@iconName}}
38
+ @plainIcon={{@plainIcon}}
39
+ @ariaHidden={{true}}
40
+ class="pix-select-button__icon"
41
+ />
37
42
  {{/if}}
38
43
 
39
44
  <span class="pix-select-button__text">{{this.placeholder}}</span>
40
45
 
41
46
  <PixIcon
42
47
  class="pix-select-button__dropdown-icon"
48
+ @ariaHidden={{true}}
43
49
  @name={{if this.isExpanded "chevronTop" "chevronBottom"}}
44
50
  />
45
51
  </button>
@@ -50,7 +56,7 @@
50
56
  >
51
57
  {{#if @isSearchable}}
52
58
  <div class="pix-select__search">
53
- <PixIcon class="pix-select-search__icon" @name="search" />
59
+ <PixIcon class="pix-select-search__icon" @name="search" @ariaHidden={{true}} />
54
60
  <label class="screen-reader-only" for={{this.searchId}}>{{@searchLabel}}</label>
55
61
  <input
56
62
  class="pix-select-search__input"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1024pix/pix-ui",
3
- "version": "48.0.0",
3
+ "version": "48.0.2",
4
4
  "description": "Pix-UI is the implementation of Pix design principles and guidelines for its products.",
5
5
  "keywords": [
6
6
  "ember-addon"