@lab-anssi/ui-kit 1.53.4 → 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": [
|
|
@@ -5999,7 +6043,22 @@
|
|
|
5999
6043
|
"tagName": "lab-anssi-presentation-anssi",
|
|
6000
6044
|
"title": "Composants/ANSSI/Presentation ANSSI",
|
|
6001
6045
|
"source": "src/lib/composants/vitrines-produits/briques/PresentationANSSI.svelte",
|
|
6002
|
-
"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
|
+
],
|
|
6003
6062
|
"events": [],
|
|
6004
6063
|
"slots": [],
|
|
6005
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",
|
|
@@ -9072,9 +9132,35 @@
|
|
|
9072
9132
|
},
|
|
9073
9133
|
{
|
|
9074
9134
|
"name": "lab-anssi-presentation-anssi",
|
|
9075
|
-
"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
|
+
],
|
|
9076
9151
|
"js": {
|
|
9077
|
-
"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
|
+
]
|
|
9078
9164
|
},
|
|
9079
9165
|
"doc-url": "https://betagouv.github.io/lab-anssi-ui-kit/?path=/docs/composants-anssi-presentation-anssi--docs"
|
|
9080
9166
|
},
|