@lab-anssi/ui-kit 1.22.0 → 1.23.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.
@@ -93,7 +93,7 @@ export let actif = true;
93
93
  .bouton.lg.icone-seule {
94
94
  padding: 12px;
95
95
  }
96
- .bouton:disabled, .bouton[aria-disabled] {
96
+ .bouton:disabled, .bouton[aria-disabled=true] {
97
97
  cursor: not-allowed;
98
98
  }
99
99
  .bouton.primaire {
@@ -108,7 +108,7 @@ export let actif = true;
108
108
  .bouton.primaire:active {
109
109
  background: var(--bouton-primaire-couleur-fond-clique);
110
110
  }
111
- .bouton.primaire:disabled, .bouton.primaire[aria-disabled] {
111
+ .bouton.primaire:disabled, .bouton.primaire[aria-disabled=true] {
112
112
  background: #e5e5e5;
113
113
  color: #929292;
114
114
  }
@@ -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
  }
@@ -198,7 +198,7 @@ export let actif = true;
198
198
  padding: 12px;
199
199
  }
200
200
 
201
- .bouton:disabled, .bouton[aria-disabled] {
201
+ .bouton:disabled, .bouton[aria-disabled=true] {
202
202
  cursor: not-allowed;
203
203
  }
204
204
 
@@ -217,7 +217,7 @@ export let actif = true;
217
217
  background: var(--bouton-primaire-couleur-fond-clique);
218
218
  }
219
219
 
220
- .bouton.primaire:disabled, .bouton.primaire[aria-disabled] {
220
+ .bouton.primaire:disabled, .bouton.primaire[aria-disabled=true] {
221
221
  background: #e5e5e5;
222
222
  color: #929292;
223
223
  }
@@ -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
  }
@@ -7,6 +7,7 @@
7
7
  label: { reflect: false, type: "String", attribute: "label" },
8
8
  taille: { reflect: false, type: "String", attribute: "taille" },
9
9
  type: { reflect: false, type: "String", attribute: "type" },
10
+ presse: { reflect: false, type: "Boolean", attribute: "presse" },
10
11
  },
11
12
  }}
12
13
  />
@@ -16,7 +17,8 @@ export let couleurTexte;
16
17
  export let couleurFond;
17
18
  export let taille = "sm";
18
19
  export let type = "defaut";
19
- let selectionne = false;
20
+ export let presse = false;
21
+ $: selectionne = presse;
20
22
  const bascule = () => {
21
23
  selectionne = !selectionne;
22
24
  };
@@ -6,6 +6,7 @@ declare const __propDef: {
6
6
  couleurFond: string | undefined;
7
7
  taille?: "sm" | "md";
8
8
  type?: "defaut" | "selectionnable";
9
+ presse?: boolean;
9
10
  };
10
11
  events: {
11
12
  [evt: string]: CustomEvent<any>;
@@ -69,7 +69,7 @@
69
69
  }
70
70
 
71
71
  &:disabled,
72
- &[aria-disabled] {
72
+ &[aria-disabled="true"] {
73
73
  cursor: not-allowed;
74
74
  }
75
75
 
@@ -88,7 +88,7 @@
88
88
  }
89
89
 
90
90
  &:disabled,
91
- &[aria-disabled] {
91
+ &[aria-disabled="true"] {
92
92
  background: #e5e5e5;
93
93
  color: #929292;
94
94
  }
@@ -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
  }