@lab-anssi/ui-kit 1.56.0 → 1.57.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.
@@ -373,7 +373,9 @@
373
373
  "tertiary",
374
374
  "tertiary-no-outline",
375
375
  "inverted-primary",
376
- "inverted-secondary"
376
+ "inverted-secondary",
377
+ "inverted-tertiary",
378
+ "inverted-tertiary-no-outline"
377
379
  ]
378
380
  },
379
381
  {
@@ -5405,6 +5407,46 @@
5405
5407
  "slots": [],
5406
5408
  "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>"
5407
5409
  },
5410
+ {
5411
+ "tagName": "dsfr-tooltip",
5412
+ "title": "Composants/DSFR/Tooltip",
5413
+ "source": "src/lib/dsfr/DsfrTooltip.svelte",
5414
+ "props": [
5415
+ {
5416
+ "name": "id",
5417
+ "attribute": "id",
5418
+ "type": "String",
5419
+ "tsType": "string",
5420
+ "description": "Identifiant de l'infobulle"
5421
+ },
5422
+ {
5423
+ "name": "content",
5424
+ "attribute": "content",
5425
+ "type": "String",
5426
+ "tsType": "string",
5427
+ "description": "Contenu texte de l'infobulle"
5428
+ },
5429
+ {
5430
+ "name": "type",
5431
+ "attribute": "type",
5432
+ "type": "String",
5433
+ "tsType": "TooltipType",
5434
+ "description": "Type de déclenchement : 'hover' (information contextuelle) ou 'click' (infobulle)",
5435
+ "options": [
5436
+ "hover",
5437
+ "click"
5438
+ ]
5439
+ }
5440
+ ],
5441
+ "events": [],
5442
+ "slots": [
5443
+ {
5444
+ "name": "default",
5445
+ "description": "Élément déclencheur de l'infobulle (élément focusable)"
5446
+ }
5447
+ ],
5448
+ "example": "<dsfr-tooltip content={args.content} id={args.id} type={args.type}>\n {#if args.type === \"click\"}\n <DsfrButton label=\"infobulle\" preset=\"tooltip\" />\n {:else}\n <DsfrButton label=\"Information contextuelle\" />\n {/if}\n </dsfr-tooltip>"
5449
+ },
5408
5450
  {
5409
5451
  "tagName": "dsfr-transcription",
5410
5452
  "title": "Composants/DSFR/Transcription",
@@ -5513,7 +5555,9 @@
5513
5555
  "tertiary",
5514
5556
  "tertiary-no-outline",
5515
5557
  "inverted-primary",
5516
- "inverted-secondary"
5558
+ "inverted-secondary",
5559
+ "inverted-tertiary",
5560
+ "inverted-tertiary-no-outline"
5517
5561
  ]
5518
5562
  }
5519
5563
  ],
@@ -6053,8 +6097,8 @@
6053
6097
  },
6054
6098
  {
6055
6099
  "tagName": "lab-anssi-carrousel-tuiles",
6056
- "title": "Composants/Lab ANSSI/Legacy/Carrousel de tuiles",
6057
- "source": "src/lib/composants/vitrines-produits/briques/CarrouselTuiles/CarrouselTuiles.svelte",
6100
+ "title": "Composants/Lab ANSSI/Carrousel Tuiles",
6101
+ "source": "src/lib/composants/carrousel-tuiles/CarrouselTuiles.svelte",
6058
6102
  "props": [
6059
6103
  {
6060
6104
  "name": "tuiles",
@@ -6062,6 +6106,17 @@
6062
6106
  "type": "Array",
6063
6107
  "tsType": "Tuiles",
6064
6108
  "description": "Liste de tuiles affichées dans le carrousel."
6109
+ },
6110
+ {
6111
+ "name": "fond",
6112
+ "attribute": "fond",
6113
+ "type": "String",
6114
+ "tsType": "\"clair\" | \"sombre\"",
6115
+ "options": [
6116
+ "clair",
6117
+ "sombre"
6118
+ ],
6119
+ "description": "Défini le type de fond du conteneur du carrousel."
6065
6120
  }
6066
6121
  ],
6067
6122
  "events": [],
@@ -6274,28 +6329,53 @@
6274
6329
  {
6275
6330
  "tagName": "lab-anssi-marelle",
6276
6331
  "title": "Composants/Lab ANSSI/Marelle",
6277
- "source": "src/lib/composants/vitrines-produits/briques/marelle/Marelle.svelte",
6332
+ "source": "src/lib/composants/marelle/Marelle.svelte",
6278
6333
  "props": [
6279
6334
  {
6280
6335
  "name": "titre",
6281
6336
  "attribute": "titre",
6282
6337
  "type": "String",
6283
6338
  "tsType": "string",
6284
- "description": "Titre affiché en haut de la brique Marelle."
6339
+ "description": "Titre affiché en haut de la brique Marelle"
6340
+ },
6341
+ {
6342
+ "name": "baliseTitre",
6343
+ "attribute": "balise-titre",
6344
+ "type": "String",
6345
+ "tsType": "\"h2\" | \"h3\" | \"h4\" | \"div\"",
6346
+ "description": "Balise Hn du titre du composant (default: h3)",
6347
+ "options": [
6348
+ "h2",
6349
+ "h3",
6350
+ "h4",
6351
+ "div"
6352
+ ]
6285
6353
  },
6286
6354
  {
6287
6355
  "name": "etapesmarelle",
6288
6356
  "attribute": "etapesmarelle",
6289
6357
  "type": "Array",
6290
6358
  "tsType": "EtapeMarelle[]",
6291
- "description": "Liste des étapes de la marelle."
6359
+ "description": "Étapes de la marelle"
6360
+ },
6361
+ {
6362
+ "name": "baliseSousTitre",
6363
+ "attribute": "balise-sous-titre",
6364
+ "type": "String",
6365
+ "tsType": "\"h3\" | \"h4\" | \"h5\"",
6366
+ "description": "Balise Hn du sous-titre des étapes composant",
6367
+ "options": [
6368
+ "h3",
6369
+ "h4",
6370
+ "h5"
6371
+ ]
6292
6372
  },
6293
6373
  {
6294
6374
  "name": "action",
6295
6375
  "attribute": "action",
6296
6376
  "type": "Object",
6297
6377
  "tsType": "Action",
6298
- "description": "Action associée à la brique Marelle."
6378
+ "description": "Propriétés du bouton d'action"
6299
6379
  }
6300
6380
  ],
6301
6381
  "events": [],
@@ -6310,19 +6390,33 @@
6310
6390
  {
6311
6391
  "tagName": "lab-anssi-marelle-etape",
6312
6392
  "title": null,
6313
- "source": "src/lib/composants/vitrines-produits/briques/marelle/Etape.svelte",
6393
+ "source": "src/lib/composants/marelle/Etape.svelte",
6314
6394
  "props": [
6315
6395
  {
6316
6396
  "name": "index",
6317
6397
  "attribute": "index",
6318
6398
  "type": "Number",
6319
- "tsType": "number"
6399
+ "tsType": "number",
6400
+ "description": "Index de l'étape"
6320
6401
  },
6321
6402
  {
6322
6403
  "name": "etapeMarelle",
6323
6404
  "attribute": "etape-marelle",
6324
6405
  "type": "Object",
6325
- "tsType": "EtapeMarelle"
6406
+ "tsType": "EtapeMarelle",
6407
+ "description": "Contenu de l'étape"
6408
+ },
6409
+ {
6410
+ "name": "baliseTitre",
6411
+ "attribute": "balise-titre",
6412
+ "type": "String",
6413
+ "tsType": "\"h3\" | \"h4\" | \"h5\"",
6414
+ "description": "Balise Hn du titre des étapes",
6415
+ "options": [
6416
+ "h3",
6417
+ "h4",
6418
+ "h5"
6419
+ ]
6326
6420
  }
6327
6421
  ],
6328
6422
  "events": [],
@@ -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.56.0",
4
+ "version": "1.57.0",
5
5
  "framework-config": {
6
6
  "enable-when": {
7
7
  "file-extensions": [
@@ -463,7 +463,7 @@
463
463
  "name": "kind",
464
464
  "description": "Type du bouton",
465
465
  "value": {
466
- "type": "'primary' | 'secondary' | 'tertiary' | 'tertiary-no-outline' | 'inverted-primary' | 'inverted-secondary'"
466
+ "type": "'primary' | 'secondary' | 'tertiary' | 'tertiary-no-outline' | 'inverted-primary' | 'inverted-secondary' | 'inverted-tertiary' | 'inverted-tertiary-no-outline'"
467
467
  }
468
468
  },
469
469
  {
@@ -568,7 +568,7 @@
568
568
  {
569
569
  "name": "kind",
570
570
  "description": "Type du bouton",
571
- "type": "'primary' | 'secondary' | 'tertiary' | 'tertiary-no-outline' | 'inverted-primary' | 'inverted-secondary'"
571
+ "type": "'primary' | 'secondary' | 'tertiary' | 'tertiary-no-outline' | 'inverted-primary' | 'inverted-secondary' | 'inverted-tertiary' | 'inverted-tertiary-no-outline'"
572
572
  },
573
573
  {
574
574
  "name": "size",
@@ -8091,6 +8091,58 @@
8091
8091
  }
8092
8092
  ]
8093
8093
  },
8094
+ {
8095
+ "name": "dsfr-tooltip",
8096
+ "attributes": [
8097
+ {
8098
+ "name": "id",
8099
+ "description": "Identifiant de l'infobulle",
8100
+ "value": {
8101
+ "type": "string"
8102
+ }
8103
+ },
8104
+ {
8105
+ "name": "content",
8106
+ "description": "Contenu texte de l'infobulle",
8107
+ "value": {
8108
+ "type": "string"
8109
+ }
8110
+ },
8111
+ {
8112
+ "name": "type",
8113
+ "description": "Type de déclenchement : 'hover' (information contextuelle) ou 'click' (infobulle)",
8114
+ "value": {
8115
+ "type": "'hover' | 'click'"
8116
+ }
8117
+ }
8118
+ ],
8119
+ "js": {
8120
+ "properties": [
8121
+ {
8122
+ "name": "id",
8123
+ "description": "Identifiant de l'infobulle",
8124
+ "type": "string"
8125
+ },
8126
+ {
8127
+ "name": "content",
8128
+ "description": "Contenu texte de l'infobulle",
8129
+ "type": "string"
8130
+ },
8131
+ {
8132
+ "name": "type",
8133
+ "description": "Type de déclenchement : 'hover' (information contextuelle) ou 'click' (infobulle)",
8134
+ "type": "'hover' | 'click'"
8135
+ }
8136
+ ]
8137
+ },
8138
+ "doc-url": "https://betagouv.github.io/lab-anssi-ui-kit/?path=/docs/composants-dsfr-tooltip--docs",
8139
+ "slots": [
8140
+ {
8141
+ "name": "default",
8142
+ "description": "Élément déclencheur de l'infobulle (élément focusable)"
8143
+ }
8144
+ ]
8145
+ },
8094
8146
  {
8095
8147
  "name": "dsfr-transcription",
8096
8148
  "attributes": [
@@ -8215,7 +8267,7 @@
8215
8267
  "name": "button-kind",
8216
8268
  "description": "Variante du bouton de sélection de langue",
8217
8269
  "value": {
8218
- "type": "'primary' | 'secondary' | 'tertiary' | 'tertiary-no-outline' | 'inverted-primary' | 'inverted-secondary'"
8270
+ "type": "'primary' | 'secondary' | 'tertiary' | 'tertiary-no-outline' | 'inverted-primary' | 'inverted-secondary' | 'inverted-tertiary' | 'inverted-tertiary-no-outline'"
8219
8271
  }
8220
8272
  }
8221
8273
  ],
@@ -8253,7 +8305,7 @@
8253
8305
  {
8254
8306
  "name": "buttonKind",
8255
8307
  "description": "Variante du bouton de sélection de langue",
8256
- "type": "'primary' | 'secondary' | 'tertiary' | 'tertiary-no-outline' | 'inverted-primary' | 'inverted-secondary'"
8308
+ "type": "'primary' | 'secondary' | 'tertiary' | 'tertiary-no-outline' | 'inverted-primary' | 'inverted-secondary' | 'inverted-tertiary' | 'inverted-tertiary-no-outline'"
8257
8309
  }
8258
8310
  ]
8259
8311
  },
@@ -9048,6 +9100,13 @@
9048
9100
  "value": {
9049
9101
  "type": "string"
9050
9102
  }
9103
+ },
9104
+ {
9105
+ "name": "fond",
9106
+ "description": "Défini le type de fond du conteneur du carrousel.",
9107
+ "value": {
9108
+ "type": "'clair' | 'sombre'"
9109
+ }
9051
9110
  }
9052
9111
  ],
9053
9112
  "js": {
@@ -9056,10 +9115,15 @@
9056
9115
  "name": "tuiles",
9057
9116
  "description": "Liste de tuiles affichées dans le carrousel.",
9058
9117
  "type": "string"
9118
+ },
9119
+ {
9120
+ "name": "fond",
9121
+ "description": "Défini le type de fond du conteneur du carrousel.",
9122
+ "type": "'clair' | 'sombre'"
9059
9123
  }
9060
9124
  ]
9061
9125
  },
9062
- "doc-url": "https://betagouv.github.io/lab-anssi-ui-kit/?path=/docs/composants-lab-anssi-legacy-carrousel-de-tuiles--docs",
9126
+ "doc-url": "https://betagouv.github.io/lab-anssi-ui-kit/?path=/docs/composants-lab-anssi-carrousel-tuiles--docs",
9063
9127
  "slots": [
9064
9128
  {
9065
9129
  "name": "default",
@@ -9332,21 +9396,35 @@
9332
9396
  "attributes": [
9333
9397
  {
9334
9398
  "name": "titre",
9335
- "description": "Titre affiché en haut de la brique Marelle.",
9399
+ "description": "Titre affiché en haut de la brique Marelle",
9336
9400
  "value": {
9337
9401
  "type": "string"
9338
9402
  }
9339
9403
  },
9404
+ {
9405
+ "name": "balise-titre",
9406
+ "description": "Balise Hn du titre du composant (default: h3)",
9407
+ "value": {
9408
+ "type": "'h2' | 'h3' | 'h4' | 'div'"
9409
+ }
9410
+ },
9340
9411
  {
9341
9412
  "name": "etapesmarelle",
9342
- "description": "Liste des étapes de la marelle.",
9413
+ "description": "Étapes de la marelle",
9343
9414
  "value": {
9344
9415
  "type": "string"
9345
9416
  }
9346
9417
  },
9418
+ {
9419
+ "name": "balise-sous-titre",
9420
+ "description": "Balise Hn du sous-titre des étapes composant",
9421
+ "value": {
9422
+ "type": "'h3' | 'h4' | 'h5'"
9423
+ }
9424
+ },
9347
9425
  {
9348
9426
  "name": "action",
9349
- "description": "Action associée à la brique Marelle.",
9427
+ "description": "Propriétés du bouton d'action",
9350
9428
  "value": {
9351
9429
  "type": "string"
9352
9430
  }
@@ -9356,17 +9434,27 @@
9356
9434
  "properties": [
9357
9435
  {
9358
9436
  "name": "titre",
9359
- "description": "Titre affiché en haut de la brique Marelle.",
9437
+ "description": "Titre affiché en haut de la brique Marelle",
9360
9438
  "type": "string"
9361
9439
  },
9440
+ {
9441
+ "name": "baliseTitre",
9442
+ "description": "Balise Hn du titre du composant (default: h3)",
9443
+ "type": "'h2' | 'h3' | 'h4' | 'div'"
9444
+ },
9362
9445
  {
9363
9446
  "name": "etapesmarelle",
9364
- "description": "Liste des étapes de la marelle.",
9447
+ "description": "Étapes de la marelle",
9365
9448
  "type": "string"
9366
9449
  },
9450
+ {
9451
+ "name": "baliseSousTitre",
9452
+ "description": "Balise Hn du sous-titre des étapes composant",
9453
+ "type": "'h3' | 'h4' | 'h5'"
9454
+ },
9367
9455
  {
9368
9456
  "name": "action",
9369
- "description": "Action associée à la brique Marelle.",
9457
+ "description": "Propriétés du bouton d'action",
9370
9458
  "type": "string"
9371
9459
  }
9372
9460
  ]
@@ -9384,26 +9472,42 @@
9384
9472
  "attributes": [
9385
9473
  {
9386
9474
  "name": "index",
9475
+ "description": "Index de l'étape",
9387
9476
  "value": {
9388
9477
  "type": "number"
9389
9478
  }
9390
9479
  },
9391
9480
  {
9392
9481
  "name": "etape-marelle",
9482
+ "description": "Contenu de l'étape",
9393
9483
  "value": {
9394
9484
  "type": "string"
9395
9485
  }
9486
+ },
9487
+ {
9488
+ "name": "balise-titre",
9489
+ "description": "Balise Hn du titre des étapes",
9490
+ "value": {
9491
+ "type": "'h3' | 'h4' | 'h5'"
9492
+ }
9396
9493
  }
9397
9494
  ],
9398
9495
  "js": {
9399
9496
  "properties": [
9400
9497
  {
9401
9498
  "name": "index",
9499
+ "description": "Index de l'étape",
9402
9500
  "type": "number"
9403
9501
  },
9404
9502
  {
9405
9503
  "name": "etapeMarelle",
9504
+ "description": "Contenu de l'étape",
9406
9505
  "type": "string"
9506
+ },
9507
+ {
9508
+ "name": "baliseTitre",
9509
+ "description": "Balise Hn du titre des étapes",
9510
+ "type": "'h3' | 'h4' | 'h5'"
9407
9511
  }
9408
9512
  ]
9409
9513
  }