@lab-anssi/ui-kit 1.23.0 → 1.23.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 (5) hide show
  1. package/dist/lab/Bouton.svelte +4 -4
  2. package/dist/lab/Lien.svelte +4 -4
  3. package/dist/lab/apparence-bouton.scss +4 -4
  4. package/dist/webcomponents/lab-anssi-ui-kit.iife.js +20 -20
  5. package/package.json +25 -5
package/dist/lab/Bouton.svelte CHANGED
@@ -44,6 +44,7 @@ export let actif = true;
44
44
  font-family: Marianne, arial, sans-serif;
45
45
  cursor: pointer;
46
46
  justify-content: center;
47
+ text-align: center;
47
48
  font-style: normal;
48
49
  font-weight: 500;
49
50
  }
@@ -93,7 +94,7 @@ export let actif = true;
93
94
  .bouton.lg.icone-seule {
94
95
  padding: 12px;
95
96
  }
96
- .bouton:disabled, .bouton[aria-disabled] {
97
+ .bouton:disabled, .bouton[aria-disabled=true] {
97
98
  cursor: not-allowed;
98
99
  }
99
100
  .bouton.primaire {
@@ -108,13 +109,12 @@ export let actif = true;
108
109
  .bouton.primaire:active {
109
110
  background: var(--bouton-primaire-couleur-fond-clique);
110
111
  }
111
- .bouton.primaire:disabled, .bouton.primaire[aria-disabled] {
112
+ .bouton.primaire:disabled, .bouton.primaire[aria-disabled=true] {
112
113
  background: #e5e5e5;
113
114
  color: #929292;
114
115
  }
115
116
  .bouton.tertiaire, .bouton.tertiaire-sans-bordure {
116
117
  color: var(--bouton-secondaire-tertiaire-couleur-texte);
117
- text-align: center;
118
118
  background: white;
119
119
  border-radius: var(--bouton-arrondi);
120
120
  }
@@ -124,7 +124,7 @@ export let actif = true;
124
124
  .bouton.tertiaire:active, .bouton.tertiaire-sans-bordure:active {
125
125
  background: rgba(0, 0, 0, 0.08);
126
126
  }
127
- .bouton.tertiaire:disabled, .bouton.tertiaire[aria-disabled], .bouton.tertiaire-sans-bordure:disabled, .bouton.tertiaire-sans-bordure[aria-disabled] {
127
+ .bouton.tertiaire:disabled, .bouton.tertiaire[aria-disabled=true], .bouton.tertiaire-sans-bordure:disabled, .bouton.tertiaire-sans-bordure[aria-disabled=true] {
128
128
  background: transparent;
129
129
  color: #929292;
130
130
  }
package/dist/lab/Lien.svelte CHANGED
@@ -135,6 +135,7 @@ export let actif = true;
135
135
  font-family: Marianne, arial, sans-serif;
136
136
  cursor: pointer;
137
137
  justify-content: center;
138
+ text-align: center;
138
139
  font-style: normal;
139
140
  font-weight: 500;
140
141
  }
@@ -198,7 +199,7 @@ export let actif = true;
198
199
  padding: 12px;
199
200
  }
200
201
 
201
- .bouton:disabled, .bouton[aria-disabled] {
202
+ .bouton:disabled, .bouton[aria-disabled=true] {
202
203
  cursor: not-allowed;
203
204
  }
204
205
 
@@ -217,14 +218,13 @@ export let actif = true;
217
218
  background: var(--bouton-primaire-couleur-fond-clique);
218
219
  }
219
220
 
220
- .bouton.primaire:disabled, .bouton.primaire[aria-disabled] {
221
+ .bouton.primaire:disabled, .bouton.primaire[aria-disabled=true] {
221
222
  background: #e5e5e5;
222
223
  color: #929292;
223
224
  }
224
225
 
225
226
  .bouton.tertiaire, .bouton.tertiaire-sans-bordure {
226
227
  color: var(--bouton-secondaire-tertiaire-couleur-texte);
227
- text-align: center;
228
228
  background: white;
229
229
  border-radius: var(--bouton-arrondi);
230
230
  }
@@ -237,7 +237,7 @@ export let actif = true;
237
237
  background: rgba(0, 0, 0, 0.08);
238
238
  }
239
239
 
240
- .bouton.tertiaire:disabled, .bouton.tertiaire[aria-disabled], .bouton.tertiaire-sans-bordure:disabled, .bouton.tertiaire-sans-bordure[aria-disabled] {
240
+ .bouton.tertiaire:disabled, .bouton.tertiaire[aria-disabled=true], .bouton.tertiaire-sans-bordure:disabled, .bouton.tertiaire-sans-bordure[aria-disabled=true] {
241
241
  background: transparent;
242
242
  color: #929292;
243
243
  }
package/dist/lab/apparence-bouton.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  font-family: Marianne, arial, sans-serif;
6
6
  cursor: pointer;
7
7
  justify-content: center;
8
+ text-align: center;
8
9
 
9
10
  font-style: normal;
10
11
  font-weight: 500;
@@ -69,7 +70,7 @@
69
70
  }
70
71
 
71
72
  &:disabled,
72
- &[aria-disabled] {
73
+ &[aria-disabled="true"] {
73
74
  cursor: not-allowed;
74
75
  }
75
76
 
@@ -88,7 +89,7 @@
88
89
  }
89
90
 
90
91
  &:disabled,
91
- &[aria-disabled] {
92
+ &[aria-disabled="true"] {
92
93
  background: #e5e5e5;
93
94
  color: #929292;
94
95
  }
@@ -97,7 +98,6 @@
97
98
  &.tertiaire,
98
99
  &.tertiaire-sans-bordure {
99
100
  color: $bouton-secondaire-tertiaire-couleur-texte;
100
- text-align: center;
101
101
  background: white;
102
102
  border-radius: $bouton-arrondi;
103
103
 
@@ -110,7 +110,7 @@
110
110
  }
111
111
 
112
112
  &:disabled,
113
- &[aria-disabled] {
113
+ &[aria-disabled="true"] {
114
114
  background: transparent;
115
115
  color: #929292;
116
116
  }