@1024pix/pix-ui 24.2.2 → 25.0.1
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 +15 -0
- package/addon/styles/_pix-icon-button.scss +6 -4
- package/app/stories/pix-banner.stories.js +3 -3
- package/app/stories/pix-indicator-card.stories.js +2 -0
- package/app/stories/pix-tooltip.stories.js +8 -8
- package/app/stories/pix-tooltip.stories.mdx +8 -8
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# Pix-UI Changelog
|
|
2
2
|
|
|
3
|
+
## v25.0.1 (06/02/2023)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### :building_construction: Tech
|
|
7
|
+
- [#329](https://github.com/1024pix/pix-ui/pull/329) [TECH] Améliorations techniques diverses
|
|
8
|
+
|
|
9
|
+
### :coffee: Autre
|
|
10
|
+
- [#294](https://github.com/1024pix/pix-ui/pull/294) chore(deps): bump decode-uri-component from 0.2.0 to 0.2.2
|
|
11
|
+
|
|
12
|
+
## v25.0.0 (06/02/2023)
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
### :coffee: Autre
|
|
16
|
+
- [#330](https://github.com/1024pix/pix-ui/pull/330) [BREAKING CHANGES] Ajouter une min-width au PixIconButton (PIX-7003)
|
|
17
|
+
|
|
3
18
|
## v24.2.2 (01/02/2023)
|
|
4
19
|
|
|
5
20
|
|
|
@@ -39,14 +39,16 @@
|
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
&--small {
|
|
42
|
-
width:
|
|
43
|
-
|
|
42
|
+
width: 2rem;
|
|
43
|
+
min-width: 2rem;
|
|
44
|
+
height: 2rem;
|
|
44
45
|
font-size: 1rem;
|
|
45
46
|
}
|
|
46
47
|
|
|
47
48
|
&--big {
|
|
48
|
-
width:
|
|
49
|
-
|
|
49
|
+
width: 2.375rem;
|
|
50
|
+
min-width: 2.375rem;
|
|
51
|
+
height: 2.375rem;
|
|
50
52
|
font-size: 1.25rem;
|
|
51
53
|
}
|
|
52
54
|
}
|
|
@@ -44,21 +44,21 @@ communicationPixCertif.args = {
|
|
|
44
44
|
|
|
45
45
|
export const withExternalLink = Template.bind({});
|
|
46
46
|
withExternalLink.args = {
|
|
47
|
-
type: '
|
|
47
|
+
type: 'information',
|
|
48
48
|
actionLabel: 'Voir le nouveau site',
|
|
49
49
|
actionUrl: 'www.test.fr/',
|
|
50
50
|
};
|
|
51
51
|
|
|
52
52
|
export const withInternalLink = Template.bind({});
|
|
53
53
|
withInternalLink.args = {
|
|
54
|
-
type: '
|
|
54
|
+
type: 'information',
|
|
55
55
|
actionLabel: 'Voir la liste des participants',
|
|
56
56
|
actionUrl: 'campaign.list',
|
|
57
57
|
};
|
|
58
58
|
|
|
59
59
|
export const withCloseIcon = Template.bind({});
|
|
60
60
|
withCloseIcon.args = {
|
|
61
|
-
type: '
|
|
61
|
+
type: 'information',
|
|
62
62
|
canCloseBanner: true,
|
|
63
63
|
};
|
|
64
64
|
|
|
@@ -58,6 +58,8 @@ export const argTypes = {
|
|
|
58
58
|
description:
|
|
59
59
|
"Préfixe pour l'icone dans l'encart - permet d'utiliser une variation de l'icone font awesome différente de celle par défaut.",
|
|
60
60
|
table: { defaultValue: { summary: 'fas' } },
|
|
61
|
+
control: { type: 'select' },
|
|
62
|
+
options: ['far', 'fas'],
|
|
61
63
|
},
|
|
62
64
|
value: {
|
|
63
65
|
name: 'Value',
|
|
@@ -114,24 +114,24 @@ bottom.args = {
|
|
|
114
114
|
position: 'bottom',
|
|
115
115
|
};
|
|
116
116
|
|
|
117
|
-
export const hide = Template.bind({});
|
|
118
|
-
hide.args = {
|
|
119
|
-
label: 'À survoler pour voir la tooltip',
|
|
120
|
-
text: "Ne devrait pas s'afficher",
|
|
121
|
-
hide: true,
|
|
122
|
-
};
|
|
123
|
-
|
|
124
117
|
export const WithHTML = TemplateWithHTMLElement.bind({});
|
|
125
118
|
WithHTML.args = {
|
|
126
119
|
label: 'À survoler pour voir la tooltip',
|
|
127
120
|
};
|
|
128
121
|
|
|
129
122
|
export const WithIcon = TemplateWithIconElement.bind({});
|
|
130
|
-
|
|
123
|
+
WithIcon.args = {
|
|
131
124
|
text: 'Hello World',
|
|
132
125
|
label: 'À survoler pour voir la tooltip',
|
|
133
126
|
};
|
|
134
127
|
|
|
128
|
+
export const hide = Template.bind({});
|
|
129
|
+
hide.args = {
|
|
130
|
+
label: "Survoler ici n'affiche pas tooltip",
|
|
131
|
+
text: "Ne devrait pas s'afficher",
|
|
132
|
+
hide: true,
|
|
133
|
+
};
|
|
134
|
+
|
|
135
135
|
export const argTypes = {
|
|
136
136
|
id: {
|
|
137
137
|
name: 'id',
|
|
@@ -55,14 +55,6 @@ Les tooltips doivent prendre un `@id` et être référencées par leur élément
|
|
|
55
55
|
</PixTooltip>
|
|
56
56
|
```
|
|
57
57
|
|
|
58
|
-
## Hide
|
|
59
|
-
|
|
60
|
-
Cache la tooltip (par exemple si le contenu est vide).
|
|
61
|
-
|
|
62
|
-
<Canvas>
|
|
63
|
-
<Story name="Hide" story={stories.hide} height={200} />
|
|
64
|
-
</Canvas>
|
|
65
|
-
|
|
66
58
|
## Default
|
|
67
59
|
|
|
68
60
|
Infobulle en position `top`, fond sombre (par défaut).
|
|
@@ -117,6 +109,14 @@ Infobulle contenant des éléments HTML
|
|
|
117
109
|
<Story name="WithHTML" story={stories.WithHTML} height={200} />
|
|
118
110
|
</Canvas>
|
|
119
111
|
|
|
112
|
+
## Hide
|
|
113
|
+
|
|
114
|
+
Cache la tooltip (par exemple si le contenu est vide).
|
|
115
|
+
|
|
116
|
+
<Canvas>
|
|
117
|
+
<Story name="Hide" story={stories.hide} height={200} />
|
|
118
|
+
</Canvas>
|
|
119
|
+
|
|
120
120
|
## Usage
|
|
121
121
|
|
|
122
122
|
```html
|