@lab-anssi/ui-kit 1.53.3 → 1.54.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.
|
@@ -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": "
|
|
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": "
|
|
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
|
|
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": [
|
|
@@ -4812,6 +4856,13 @@
|
|
|
4812
4856
|
"type": "Number",
|
|
4813
4857
|
"tsType": "2 | 3 | 4 | 5",
|
|
4814
4858
|
"description": "Niveau de titre de la tuile (default: h3)"
|
|
4859
|
+
},
|
|
4860
|
+
{
|
|
4861
|
+
"name": "noIcon",
|
|
4862
|
+
"attribute": "no-icon",
|
|
4863
|
+
"type": "Boolean",
|
|
4864
|
+
"tsType": "boolean",
|
|
4865
|
+
"description": "Si true, ajoute la classe fr-tile--no-icon pour désactiver l'icône associée au lien"
|
|
4815
4866
|
}
|
|
4816
4867
|
],
|
|
4817
4868
|
"events": [],
|
|
@@ -4833,7 +4884,7 @@
|
|
|
4833
4884
|
"description": "Pictogramme SVG personnalisé (remplace la prop `pictogramName`)"
|
|
4834
4885
|
}
|
|
4835
4886
|
],
|
|
4836
|
-
"example": "<dsfr-tile\n title={args.title}\n has-description={args.hasDescription || undefined}\n description={args.description}\n has-details={args.hasDetails || undefined}\n details={args.details}\n markup-level={args.markupLevel}\n pictogram-name={args.pictogramName}\n has-badge={args.hasBadge || undefined}\n has-tag={args.hasTag || undefined}\n enlarge={args.enlarge || undefined}\n action-markup={args.actionMarkup}\n href={args.href}\n action-title={args.actionTitle}\n no-link={args.noLink || undefined}\n disabled={args.disabled || undefined}\n blank={args.blank || undefined}\n download={args.download || undefined}\n lang={args.lang}\n assess={args.assess || undefined}\n assess-bytes={args.assessBytes || undefined}\n size={args.size}\n horizontal={args.horizontal || undefined}\n vertical-breakpoint={args.verticalBreakpoint}\n variations={args.variations}\n >\n <dsfr-badge\n slot=\"badge\"\n label=\"Libellé Badge\"\n type=\"accent\"\n accent=\"purple-glycine\"\n size={args.size}\n ></dsfr-badge>\n\n <dsfr-tag slot=\"tag\" label=\"Libellé Tag\" size={args.size}></dsfr-tag>\n\n <span slot=\"pictogram\">\n {@html CityHall}\n </span>\n </dsfr-tile>"
|
|
4887
|
+
"example": "<dsfr-tile\n title={args.title}\n has-description={args.hasDescription || undefined}\n description={args.description}\n has-details={args.hasDetails || undefined}\n details={args.details}\n markup-level={args.markupLevel}\n pictogram-name={args.pictogramName}\n has-badge={args.hasBadge || undefined}\n has-tag={args.hasTag || undefined}\n enlarge={args.enlarge || undefined}\n action-markup={args.actionMarkup}\n href={args.href}\n action-title={args.actionTitle}\n no-link={args.noLink || undefined}\n disabled={args.disabled || undefined}\n blank={args.blank || undefined}\n download={args.download || undefined}\n lang={args.lang}\n assess={args.assess || undefined}\n assess-bytes={args.assessBytes || undefined}\n size={args.size}\n horizontal={args.horizontal || undefined}\n vertical-breakpoint={args.verticalBreakpoint}\n variations={args.variations}\n no-icon={args.noIcon || undefined}\n >\n <dsfr-badge\n slot=\"badge\"\n label=\"Libellé Badge\"\n type=\"accent\"\n accent=\"purple-glycine\"\n size={args.size}\n ></dsfr-badge>\n\n <dsfr-tag slot=\"tag\" label=\"Libellé Tag\" size={args.size}></dsfr-tag>\n\n <span slot=\"pictogram\">\n {@html CityHall}\n </span>\n </dsfr-tile>"
|
|
4837
4888
|
},
|
|
4838
4889
|
{
|
|
4839
4890
|
"tagName": "dsfr-toggle",
|
|
@@ -5992,7 +6043,22 @@
|
|
|
5992
6043
|
"tagName": "lab-anssi-presentation-anssi",
|
|
5993
6044
|
"title": "Composants/ANSSI/Presentation ANSSI",
|
|
5994
6045
|
"source": "src/lib/composants/vitrines-produits/briques/PresentationANSSI.svelte",
|
|
5995
|
-
"props": [
|
|
6046
|
+
"props": [
|
|
6047
|
+
{
|
|
6048
|
+
"name": "titre",
|
|
6049
|
+
"attribute": "titre",
|
|
6050
|
+
"type": "String",
|
|
6051
|
+
"tsType": "string",
|
|
6052
|
+
"description": "Titre de la section"
|
|
6053
|
+
},
|
|
6054
|
+
{
|
|
6055
|
+
"name": "labelBouton",
|
|
6056
|
+
"attribute": "label-bouton",
|
|
6057
|
+
"type": "String",
|
|
6058
|
+
"tsType": "string",
|
|
6059
|
+
"description": "Libellé du bouton"
|
|
6060
|
+
}
|
|
6061
|
+
],
|
|
5996
6062
|
"events": [],
|
|
5997
6063
|
"slots": [],
|
|
5998
6064
|
"example": "<lab-anssi-presentation-anssi></lab-anssi-presentation-anssi>"
|
package/dist/web-types.json
CHANGED
|
@@ -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.
|
|
4
|
+
"version": "1.54.0",
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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",
|
|
@@ -7193,6 +7253,13 @@
|
|
|
7193
7253
|
"value": {
|
|
7194
7254
|
"type": "number"
|
|
7195
7255
|
}
|
|
7256
|
+
},
|
|
7257
|
+
{
|
|
7258
|
+
"name": "no-icon",
|
|
7259
|
+
"description": "Si true, ajoute la classe fr-tile--no-icon pour désactiver l'icône associée au lien",
|
|
7260
|
+
"value": {
|
|
7261
|
+
"type": "boolean"
|
|
7262
|
+
}
|
|
7196
7263
|
}
|
|
7197
7264
|
],
|
|
7198
7265
|
"js": {
|
|
@@ -7320,6 +7387,11 @@
|
|
|
7320
7387
|
"name": "markupLevel",
|
|
7321
7388
|
"description": "Niveau de titre de la tuile (default: h3)",
|
|
7322
7389
|
"type": "number"
|
|
7390
|
+
},
|
|
7391
|
+
{
|
|
7392
|
+
"name": "noIcon",
|
|
7393
|
+
"description": "Si true, ajoute la classe fr-tile--no-icon pour désactiver l'icône associée au lien",
|
|
7394
|
+
"type": "boolean"
|
|
7323
7395
|
}
|
|
7324
7396
|
]
|
|
7325
7397
|
},
|
|
@@ -9060,9 +9132,35 @@
|
|
|
9060
9132
|
},
|
|
9061
9133
|
{
|
|
9062
9134
|
"name": "lab-anssi-presentation-anssi",
|
|
9063
|
-
"attributes": [
|
|
9135
|
+
"attributes": [
|
|
9136
|
+
{
|
|
9137
|
+
"name": "titre",
|
|
9138
|
+
"description": "Titre de la section",
|
|
9139
|
+
"value": {
|
|
9140
|
+
"type": "string"
|
|
9141
|
+
}
|
|
9142
|
+
},
|
|
9143
|
+
{
|
|
9144
|
+
"name": "label-bouton",
|
|
9145
|
+
"description": "Libellé du bouton",
|
|
9146
|
+
"value": {
|
|
9147
|
+
"type": "string"
|
|
9148
|
+
}
|
|
9149
|
+
}
|
|
9150
|
+
],
|
|
9064
9151
|
"js": {
|
|
9065
|
-
"properties": [
|
|
9152
|
+
"properties": [
|
|
9153
|
+
{
|
|
9154
|
+
"name": "titre",
|
|
9155
|
+
"description": "Titre de la section",
|
|
9156
|
+
"type": "string"
|
|
9157
|
+
},
|
|
9158
|
+
{
|
|
9159
|
+
"name": "labelBouton",
|
|
9160
|
+
"description": "Libellé du bouton",
|
|
9161
|
+
"type": "string"
|
|
9162
|
+
}
|
|
9163
|
+
]
|
|
9066
9164
|
},
|
|
9067
9165
|
"doc-url": "https://betagouv.github.io/lab-anssi-ui-kit/?path=/docs/composants-anssi-presentation-anssi--docs"
|
|
9068
9166
|
},
|