@lab-anssi/ui-kit 1.53.4 → 1.54.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.
@@ -85,6 +85,8 @@
85
85
  --background-action-low-blue-france-hover: var(--yellow-msc-75);
86
86
  --background-action-low-blue-france-active: var(--yellow-msc-100);
87
87
  --background-active-blue-france: var(--yellow-msc-200);
88
+ --background-active-blue-france-hover: var(--yellow-msc-250);
89
+ --background-active-blue-france-active: var(--yellow-msc-275);
88
90
  --background-open-blue-france: var(--yellow-msc-50);
89
91
  --background-open-blue-france-hover: var(--yellow-msc-75);
90
92
  --background-open-blue-france-active: var(--yellow-msc-100);
@@ -65,8 +65,8 @@
65
65
  {
66
66
  "name": "hasTitle",
67
67
  "attribute": "has-title",
68
- "type": "Boolean",
69
- "tsType": "boolean"
68
+ "type": "String",
69
+ "tsType": "boolean | string"
70
70
  },
71
71
  {
72
72
  "name": "title",
@@ -77,8 +77,8 @@
77
77
  {
78
78
  "name": "hasDescription",
79
79
  "attribute": "has-description",
80
- "type": "Boolean",
81
- "tsType": "boolean"
80
+ "type": "String",
81
+ "tsType": "boolean | string"
82
82
  },
83
83
  {
84
84
  "name": "text",
@@ -126,6 +126,22 @@
126
126
  "attribute": "icon",
127
127
  "type": "String",
128
128
  "tsType": "string"
129
+ },
130
+ {
131
+ "name": "titleTag",
132
+ "attribute": "title-tag",
133
+ "type": "String",
134
+ "tsType": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\"",
135
+ "options": [
136
+ "h1",
137
+ "h2",
138
+ "h3",
139
+ "h4",
140
+ "h5",
141
+ "h6",
142
+ "p"
143
+ ],
144
+ "description": "Balise HTML du titre"
129
145
  }
130
146
  ],
131
147
  "events": [],
@@ -135,7 +151,7 @@
135
151
  "description": "Contenu de la description (remplace la prop `text` avec du HTML riche)"
136
152
  }
137
153
  ],
138
- "example": "<dsfr-alert\n button-close-label={args.buttonCloseLabel}\n has-title={args.hasTitle || undefined}\n title={args.title}\n has-description={args.hasDescription || undefined}\n text={args.text}\n type={args.type}\n size={args.size}\n id={args.id}\n dismissible={args.dismissible || undefined}\n icon={args.icon}\n ></dsfr-alert>"
154
+ "example": "<dsfr-alert\n button-close-label={args.buttonCloseLabel}\n has-title={args.hasTitle}\n title={args.title}\n has-description={args.hasDescription}\n text={args.text}\n type={args.type}\n size={args.size}\n id={args.id}\n dismissible={args.dismissible || undefined}\n icon={args.icon}\n title-tag={args.titleTag}\n ></dsfr-alert>"
139
155
  },
140
156
  {
141
157
  "tagName": "dsfr-badge",
@@ -1564,6 +1580,13 @@
1564
1580
  "type": "Array",
1565
1581
  "tsType": "ButtonItem[]",
1566
1582
  "description": "Items du menu"
1583
+ },
1584
+ {
1585
+ "name": "disabled",
1586
+ "attribute": "disabled",
1587
+ "type": "Boolean",
1588
+ "tsType": "boolean",
1589
+ "description": "Désactive le bouton d'ouverture du dropdown"
1567
1590
  }
1568
1591
  ],
1569
1592
  "events": [
@@ -1582,7 +1605,7 @@
1582
1605
  "description": "Contenu du panneau déroulant"
1583
1606
  }
1584
1607
  ],
1585
- "example": "<div class=\"dropdown-wrapper\">\n <dsfr-dropdown\n id={args.id}\n collapse-id={args.collapseId}\n button-id={args.buttonId}\n button-title={args.buttonTitle}\n button-kind={args.buttonKind}\n button-size={args.buttonSize}\n button-icon={args.buttonIcon}\n button-icon-place={args.buttonIconPlace}\n content-type={args.contentType}\n align={args.align}\n items={args.items}\n >\n </dsfr-dropdown>\n </div>"
1608
+ "example": "<div class=\"dropdown-wrapper\">\n <dsfr-dropdown\n id={args.id}\n collapse-id={args.collapseId}\n button-id={args.buttonId}\n button-title={args.buttonTitle}\n button-kind={args.buttonKind}\n button-size={args.buttonSize}\n button-icon={args.buttonIcon}\n button-icon-place={args.buttonIconPlace}\n content-type={args.contentType}\n align={args.align}\n items={args.items}\n disabled={args.disabled || undefined}\n >\n </dsfr-dropdown>\n </div>"
1586
1609
  },
1587
1610
  {
1588
1611
  "tagName": "dsfr-footer",
@@ -2319,6 +2342,27 @@
2319
2342
  "type": "Number",
2320
2343
  "tsType": "number",
2321
2344
  "description": "Valeur de l'attribut step du champs de saisie _(valable uniquement dans ce composant pour les champs de type \"date\" et \"number\")_"
2345
+ },
2346
+ {
2347
+ "name": "icon",
2348
+ "attribute": "icon",
2349
+ "type": "String",
2350
+ "tsType": "string",
2351
+ "description": "Ajoute une icône dans le champs de saisie"
2352
+ },
2353
+ {
2354
+ "name": "addon",
2355
+ "attribute": "addon",
2356
+ "type": "Boolean",
2357
+ "tsType": "boolean",
2358
+ "description": "Associe un bouton d'envoi à l'input (variation addon)"
2359
+ },
2360
+ {
2361
+ "name": "action",
2362
+ "attribute": "action",
2363
+ "type": "Boolean",
2364
+ "tsType": "boolean",
2365
+ "description": "Associe un bouton d'action à l'input (variation action)"
2322
2366
  }
2323
2367
  ],
2324
2368
  "events": [
@@ -4861,6 +4905,13 @@
4861
4905
  "tsType": "string",
4862
4906
  "description": "Libellé de l'interrupteur"
4863
4907
  },
4908
+ {
4909
+ "name": "hideLabel",
4910
+ "attribute": "hide-label",
4911
+ "type": "Boolean",
4912
+ "tsType": "boolean",
4913
+ "description": "Permet de masquer le label"
4914
+ },
4864
4915
  {
4865
4916
  "name": "hint",
4866
4917
  "attribute": "hint",
@@ -4951,7 +5002,7 @@
4951
5002
  }
4952
5003
  ],
4953
5004
  "slots": [],
4954
- "example": "<dsfr-toggle\n id={args.id}\n label={args.label}\n hint={args.hint}\n hint-id={args.hintId}\n disabled={args.disabled || undefined}\n checked={args.checked || undefined}\n border={args.border || undefined}\n left={args.left || undefined}\n state={args.state || undefined}\n status={args.status}\n error-message={args.errorMessage}\n valid-message={args.validMessage}\n form={args.form}\n required={args.required || undefined}\n ></dsfr-toggle>"
5005
+ "example": "<dsfr-toggle\n id={args.id}\n label={args.label}\n hint={args.hint}\n hint-id={args.hintId}\n disabled={args.disabled || undefined}\n checked={args.checked || undefined}\n border={args.border || undefined}\n left={args.left || undefined}\n state={args.state || undefined}\n status={args.status}\n error-message={args.errorMessage}\n valid-message={args.validMessage}\n form={args.form}\n required={args.required || undefined}\n hide-label={args.hideLabel || undefined}\n ></dsfr-toggle>"
4955
5006
  },
4956
5007
  {
4957
5008
  "tagName": "dsfr-transcription",
@@ -5999,7 +6050,22 @@
5999
6050
  "tagName": "lab-anssi-presentation-anssi",
6000
6051
  "title": "Composants/ANSSI/Presentation ANSSI",
6001
6052
  "source": "src/lib/composants/vitrines-produits/briques/PresentationANSSI.svelte",
6002
- "props": [],
6053
+ "props": [
6054
+ {
6055
+ "name": "titre",
6056
+ "attribute": "titre",
6057
+ "type": "String",
6058
+ "tsType": "string",
6059
+ "description": "Titre de la section"
6060
+ },
6061
+ {
6062
+ "name": "labelBouton",
6063
+ "attribute": "label-bouton",
6064
+ "type": "String",
6065
+ "tsType": "string",
6066
+ "description": "Libellé du bouton"
6067
+ }
6068
+ ],
6003
6069
  "events": [],
6004
6070
  "slots": [],
6005
6071
  "example": "<lab-anssi-presentation-anssi></lab-anssi-presentation-anssi>"
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@lab-anssi/ui-kit",
4
- "version": "1.53.4",
4
+ "version": "1.54.2",
5
5
  "framework-config": {
6
6
  "enable-when": {
7
7
  "file-extensions": [
@@ -103,7 +103,7 @@
103
103
  {
104
104
  "name": "has-title",
105
105
  "value": {
106
- "type": "boolean"
106
+ "type": "string"
107
107
  }
108
108
  },
109
109
  {
@@ -115,7 +115,7 @@
115
115
  {
116
116
  "name": "has-description",
117
117
  "value": {
118
- "type": "boolean"
118
+ "type": "string"
119
119
  }
120
120
  },
121
121
  {
@@ -153,6 +153,13 @@
153
153
  "value": {
154
154
  "type": "string"
155
155
  }
156
+ },
157
+ {
158
+ "name": "title-tag",
159
+ "description": "Balise HTML du titre",
160
+ "value": {
161
+ "type": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p'"
162
+ }
156
163
  }
157
164
  ],
158
165
  "js": {
@@ -163,7 +170,7 @@
163
170
  },
164
171
  {
165
172
  "name": "hasTitle",
166
- "type": "boolean"
173
+ "type": "string"
167
174
  },
168
175
  {
169
176
  "name": "title",
@@ -171,7 +178,7 @@
171
178
  },
172
179
  {
173
180
  "name": "hasDescription",
174
- "type": "boolean"
181
+ "type": "string"
175
182
  },
176
183
  {
177
184
  "name": "text",
@@ -196,6 +203,11 @@
196
203
  {
197
204
  "name": "icon",
198
205
  "type": "string"
206
+ },
207
+ {
208
+ "name": "titleTag",
209
+ "description": "Balise HTML du titre",
210
+ "type": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p'"
199
211
  }
200
212
  ]
201
213
  },
@@ -2079,6 +2091,13 @@
2079
2091
  "type": "string"
2080
2092
  }
2081
2093
  },
2094
+ {
2095
+ "name": "disabled",
2096
+ "description": "Désactive le bouton d'ouverture du dropdown",
2097
+ "value": {
2098
+ "type": "boolean"
2099
+ }
2100
+ },
2082
2101
  {
2083
2102
  "name": "onitemclicked",
2084
2103
  "description": "detail: { item, index }",
@@ -2144,6 +2163,11 @@
2144
2163
  "description": "Items du menu",
2145
2164
  "type": "string"
2146
2165
  },
2166
+ {
2167
+ "name": "disabled",
2168
+ "description": "Désactive le bouton d'ouverture du dropdown",
2169
+ "type": "boolean"
2170
+ },
2147
2171
  {
2148
2172
  "name": "onitemclicked",
2149
2173
  "description": "detail: { item, index }",
@@ -3205,6 +3229,27 @@
3205
3229
  "type": "number"
3206
3230
  }
3207
3231
  },
3232
+ {
3233
+ "name": "icon",
3234
+ "description": "Ajoute une icône dans le champs de saisie",
3235
+ "value": {
3236
+ "type": "string"
3237
+ }
3238
+ },
3239
+ {
3240
+ "name": "addon",
3241
+ "description": "Associe un bouton d'envoi à l'input (variation addon)",
3242
+ "value": {
3243
+ "type": "boolean"
3244
+ }
3245
+ },
3246
+ {
3247
+ "name": "action",
3248
+ "description": "Associe un bouton d'action à l'input (variation action)",
3249
+ "value": {
3250
+ "type": "boolean"
3251
+ }
3252
+ },
3208
3253
  {
3209
3254
  "name": "onvaluechanged",
3210
3255
  "description": "detail: target.value",
@@ -3330,6 +3375,21 @@
3330
3375
  "description": "Valeur de l'attribut step du champs de saisie _(valable uniquement dans ce composant pour les champs de type \"date\" et \"number\")_",
3331
3376
  "type": "number"
3332
3377
  },
3378
+ {
3379
+ "name": "icon",
3380
+ "description": "Ajoute une icône dans le champs de saisie",
3381
+ "type": "string"
3382
+ },
3383
+ {
3384
+ "name": "addon",
3385
+ "description": "Associe un bouton d'envoi à l'input (variation addon)",
3386
+ "type": "boolean"
3387
+ },
3388
+ {
3389
+ "name": "action",
3390
+ "description": "Associe un bouton d'action à l'input (variation action)",
3391
+ "type": "boolean"
3392
+ },
3333
3393
  {
3334
3394
  "name": "onvaluechanged",
3335
3395
  "description": "detail: target.value",
@@ -7372,6 +7432,13 @@
7372
7432
  "type": "string"
7373
7433
  }
7374
7434
  },
7435
+ {
7436
+ "name": "hide-label",
7437
+ "description": "Permet de masquer le label",
7438
+ "value": {
7439
+ "type": "boolean"
7440
+ }
7441
+ },
7375
7442
  {
7376
7443
  "name": "hint",
7377
7444
  "description": "Texte additionnel de l'interrupteur",
@@ -7469,6 +7536,11 @@
7469
7536
  "description": "Libellé de l'interrupteur",
7470
7537
  "type": "string"
7471
7538
  },
7539
+ {
7540
+ "name": "hideLabel",
7541
+ "description": "Permet de masquer le label",
7542
+ "type": "boolean"
7543
+ },
7472
7544
  {
7473
7545
  "name": "hint",
7474
7546
  "description": "Texte additionnel de l'interrupteur",
@@ -9072,9 +9144,35 @@
9072
9144
  },
9073
9145
  {
9074
9146
  "name": "lab-anssi-presentation-anssi",
9075
- "attributes": [],
9147
+ "attributes": [
9148
+ {
9149
+ "name": "titre",
9150
+ "description": "Titre de la section",
9151
+ "value": {
9152
+ "type": "string"
9153
+ }
9154
+ },
9155
+ {
9156
+ "name": "label-bouton",
9157
+ "description": "Libellé du bouton",
9158
+ "value": {
9159
+ "type": "string"
9160
+ }
9161
+ }
9162
+ ],
9076
9163
  "js": {
9077
- "properties": []
9164
+ "properties": [
9165
+ {
9166
+ "name": "titre",
9167
+ "description": "Titre de la section",
9168
+ "type": "string"
9169
+ },
9170
+ {
9171
+ "name": "labelBouton",
9172
+ "description": "Libellé du bouton",
9173
+ "type": "string"
9174
+ }
9175
+ ]
9078
9176
  },
9079
9177
  "doc-url": "https://betagouv.github.io/lab-anssi-ui-kit/?path=/docs/composants-anssi-presentation-anssi--docs"
9080
9178
  },