@1024pix/pix-ui 15.0.2 → 16.0.0

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 (15) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/addon/components/pix-banner.hbs +1 -1
  3. package/addon/components/pix-banner.js +3 -3
  4. package/addon/components/pix-dropdown.hbs +2 -2
  5. package/addon/components/pix-filter-banner.hbs +1 -1
  6. package/addon/components/pix-input-password.hbs +1 -1
  7. package/addon/components/pix-input.hbs +1 -1
  8. package/addon/components/pix-message.js +5 -5
  9. package/addon/components/pix-modal.hbs +1 -1
  10. package/addon/components/pix-multi-select.hbs +1 -1
  11. package/app/stories/pix-icon-button.stories.js +2 -3
  12. package/app/stories/pix-icon-button.stories.mdx +1 -1
  13. package/app/stories/pix-tooltip.stories.js +1 -1
  14. package/app/stories/pix-tooltip.stories.mdx +2 -2
  15. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # Pix-UI Changelog
2
2
 
3
+ ## v16.0.0 (13/07/2022)
4
+
5
+
6
+ ### :building_construction: Tech
7
+ - [#238](https://github.com/1024pix/pix-ui/pull/238) [TECH] Monter de version fontawesome (PIX-5325)
8
+
3
9
  ## v15.0.2 (11/07/2022)
4
10
 
5
11
 
package/addon/components/pix-banner.hbs CHANGED
@@ -6,7 +6,7 @@
6
6
  {{#if this.isExternalLink}}
7
7
  <a class="pix-banner__action" href={{@actionUrl}} target="_blank" rel="noopener noreferrer">
8
8
  {{@actionLabel}}
9
- <FaIcon class="external-link" @icon="external-link-alt" />
9
+ <FaIcon class="external-link" @icon="up-right-from-square" />
10
10
  </a>
11
11
  {{else}}
12
12
  <LinkTo class="pix-banner__action" @route={{@actionUrl}}>{{@actionLabel}}</LinkTo>
package/addon/components/pix-banner.js CHANGED
@@ -16,9 +16,9 @@ const types = [
16
16
  ];
17
17
 
18
18
  const icons = {
19
- [TYPE_INFO]: 'info-circle',
20
- [TYPE_ERROR]: 'exclamation-triangle',
21
- [TYPE_WARNING]: 'exclamation-circle',
19
+ [TYPE_INFO]: 'circle-info',
20
+ [TYPE_ERROR]: 'triangle-exclamation',
21
+ [TYPE_WARNING]: 'circle-exclamation',
22
22
  [TYPE_COMMUNICATION]: 'bullhorn',
23
23
  [TYPE_COMMUNICATION_ORGA]: 'bullhorn',
24
24
  [TYPE_COMMUNICATION_CERTIF]: 'bullhorn',
package/addon/components/pix-dropdown.hbs CHANGED
@@ -33,7 +33,7 @@
33
33
  aria-label={{@clearLabel}}
34
34
  {{on "click" this.clearSelection}}
35
35
  >
36
- <FaIcon @icon="times" />
36
+ <FaIcon @icon="xmark" />
37
37
  </button>
38
38
  {{/if}}
39
39
 
@@ -62,7 +62,7 @@
62
62
 
63
63
  {{#if @isSearchable}}
64
64
  <div class="pix-dropdown__menu--search">
65
- <FaIcon class="pix-dropdown__menu--search-icon" @icon="search" />
65
+ <FaIcon class="pix-dropdown__menu--search-icon" @icon="magnifying-glass" />
66
66
  <label
67
67
  class="pix-dropdown__menu--search-input-label"
68
68
  for={{this.searchInputId}}
package/addon/components/pix-filter-banner.hbs CHANGED
@@ -23,7 +23,7 @@
23
23
  @size="small"
24
24
  @triggerAction={{@onClearFilters}}
25
25
  >
26
- <FaIcon class="pix-filter-banner-button__icon" @icon="trash-alt" @prefix="far" />
26
+ <FaIcon class="pix-filter-banner-button__icon" @icon="trash-can" @prefix="far" />
27
27
  {{@clearFiltersLabel}}
28
28
  </PixButton>
29
29
  </div>
package/addon/components/pix-input-password.hbs CHANGED
@@ -42,7 +42,7 @@
42
42
  />
43
43
 
44
44
  {{#if @errorMessage}}
45
- <FaIcon @icon="times" class="pix-input-password__error-icon" />
45
+ <FaIcon @icon="xmark" class="pix-input-password__error-icon" />
46
46
  {{/if}}
47
47
  </div>
48
48
 
package/addon/components/pix-input.hbs CHANGED
@@ -26,7 +26,7 @@
26
26
  />
27
27
 
28
28
  {{#if @errorMessage}}
29
- <FaIcon @icon="times" class="pix-input__error-icon" />
29
+ <FaIcon @icon="xmark" class="pix-input__error-icon" />
30
30
  {{/if}}
31
31
  </div>
32
32
 
package/addon/components/pix-message.js CHANGED
@@ -19,11 +19,11 @@ export default class PixMessage extends Component {
19
19
 
20
20
  get iconClass() {
21
21
  const classes = {
22
- [TYPE_INFO]: 'info-circle',
23
- [TYPE_SUCCESS]: 'check-circle',
24
- [TYPE_WARNING]: 'exclamation-circle',
25
- [TYPE_ALERT]: 'exclamation-triangle',
26
- [TYPE_ERROR]: 'exclamation-triangle',
22
+ [TYPE_INFO]: 'circle-info',
23
+ [TYPE_SUCCESS]: 'circle-check',
24
+ [TYPE_WARNING]: 'circle-exclamation',
25
+ [TYPE_ALERT]: 'triangle-exclamation',
26
+ [TYPE_ERROR]: 'triangle-exclamation',
27
27
  };
28
28
  return classes[this.type];
29
29
  }
package/addon/components/pix-modal.hbs CHANGED
@@ -10,7 +10,7 @@
10
10
  <header class="pix-modal__header">
11
11
  <h1 id="modal-title" class="pix-modal__title">{{@title}}</h1>
12
12
  <PixIconButton
13
- @icon="times"
13
+ @icon="xmark"
14
14
  @triggerAction={{@onCloseButtonClick}}
15
15
  @ariaLabel="Fermer"
16
16
  @size="small"
package/addon/components/pix-multi-select.hbs CHANGED
@@ -8,7 +8,7 @@
8
8
  <label class="pix-multi-select-header {{if this.isBig 'pix-multi-select-header--big'}}">
9
9
 
10
10
  <span class="pix-multi-select-header__title">{{@title}}</span>
11
- <FaIcon @icon="search" class="pix-multi-select-header__search-icon" />
11
+ <FaIcon @icon="magnifying-glass" class="pix-multi-select-header__search-icon" />
12
12
 
13
13
  <input
14
14
  id={{@id}}
package/app/stories/pix-icon-button.stories.js CHANGED
@@ -20,7 +20,7 @@ const Template = (args) => {
20
20
  export const Default = Template.bind({});
21
21
  Default.args = {
22
22
  ariaLabel: 'Action du bouton',
23
- icon: 'times',
23
+ icon: 'xmark',
24
24
  triggerAction: () => {
25
25
  return new Promise().resolves();
26
26
  },
@@ -43,13 +43,12 @@ export const argTypes = {
43
43
  name: 'ariaLabel',
44
44
  description: "l'action du bouton, pour l'accessibilité",
45
45
  type: { name: 'string', required: true },
46
- table: { defaultValue: { summary: 'times' } },
47
46
  },
48
47
  icon: {
49
48
  name: 'icon',
50
49
  description: 'Icône font-awesome',
51
50
  type: { name: 'string', required: true },
52
- table: { defaultValue: { summary: 'times' } },
51
+ table: { defaultValue: { summary: 'plus' } },
53
52
  },
54
53
  iconPrefix: {
55
54
  name: 'iconPrefix',
package/app/stories/pix-icon-button.stories.mdx CHANGED
@@ -81,7 +81,7 @@ Bouton d'action
81
81
  ```html
82
82
  <PixIconButton
83
83
  @ariaLabel="L'action du bouton"
84
- @icon="times"
84
+ @icon="xmark"
85
85
  disabled={{true}}
86
86
  aria-disabled={{true}}
87
87
  />
package/app/stories/pix-tooltip.stories.js CHANGED
@@ -38,7 +38,7 @@ const TemplateWithHTMLElement = (args) => {
38
38
  </:triggerElement>
39
39
 
40
40
  <:tooltip>
41
- <FaIcon @icon="external-link-alt" /> <strong>HTML/Ember</strong>
41
+ <FaIcon @icon="up-right-from-square" /> <strong>HTML/Ember</strong>
42
42
  </:tooltip>
43
43
  </PixTooltip>
44
44
  `,
package/app/stories/pix-tooltip.stories.mdx CHANGED
@@ -37,7 +37,7 @@ Si vous utilisez un élément `<div>` ou `<span>`, il faut ajouter `tabindex="0"
37
37
  </PixTooltip>
38
38
  ```
39
39
 
40
- Les tooltips doivent prendre un `@id` et être référencées par leur élément déclencheur
40
+ Les tooltips doivent prendre un `@id` et être référencées par leur élément déclencheur
41
41
 
42
42
  - soit via `aria-describedby` si l'élément possèdent déjà un label, car le tooltip agit alors comme une description supplémentaire.
43
43
 
@@ -131,7 +131,7 @@ Infobulle contenant des éléments HTML
131
131
  <button>Tooltip par défaut</button>
132
132
  </:triggerElement>
133
133
  <:tooltip>
134
- <FaIcon @icon="external-link-alt" /> Avec des <strong>éléments</strong> HTML/Ember
134
+ <FaIcon @icon="up-right-from-square" /> Avec des <strong>éléments</strong> HTML/Ember
135
135
  </:tooltip>
136
136
  </PixTooltip>
137
137
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1024pix/pix-ui",
3
- "version": "15.0.2",
3
+ "version": "16.0.0",
4
4
  "description": "Pix-UI is the implementation of Pix design principles and guidelines for its products.",
5
5
  "keywords": [
6
6
  "ember-addon"
@@ -58,8 +58,8 @@
58
58
  "@ember/test-helpers": "^2.6.0",
59
59
  "@formatjs/intl": "^2.1.0",
60
60
  "@fortawesome/ember-fontawesome": "^0.2.3",
61
- "@fortawesome/free-regular-svg-icons": "^5.15.4",
62
- "@fortawesome/free-solid-svg-icons": "^5.15.4",
61
+ "@fortawesome/free-regular-svg-icons": "^6.1.1",
62
+ "@fortawesome/free-solid-svg-icons": "^6.1.1",
63
63
  "@glimmer/component": "^1.0.4",
64
64
  "@glimmer/tracking": "^1.0.4",
65
65
  "@storybook/addon-a11y": "^6.3.7",