@sentropic/design-system-svelte 0.34.60 → 0.34.61
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.
package/dist/Avatar.svelte
CHANGED
package/dist/IdentityMenu.svelte
CHANGED
|
@@ -305,6 +305,18 @@
|
|
|
305
305
|
</div>
|
|
306
306
|
{/if}
|
|
307
307
|
</div>
|
|
308
|
+
{:else if compact}
|
|
309
|
+
<button
|
|
310
|
+
type="button"
|
|
311
|
+
class="st-identityMenu__loginCompact"
|
|
312
|
+
aria-label={loginLabel}
|
|
313
|
+
onclick={() => onLogin?.()}
|
|
314
|
+
>
|
|
315
|
+
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
316
|
+
<circle cx="12" cy="8" r="4"/>
|
|
317
|
+
<path d="M4 20c0-4 3.6-7 8-7s8 3 8 7"/>
|
|
318
|
+
</svg>
|
|
319
|
+
</button>
|
|
308
320
|
{:else}
|
|
309
321
|
<button
|
|
310
322
|
type="button"
|
|
@@ -326,14 +338,17 @@
|
|
|
326
338
|
width: 100%;
|
|
327
339
|
}
|
|
328
340
|
|
|
329
|
-
/* Mode compact : le trigger
|
|
341
|
+
/* Mode compact : le trigger est un carré strict (même gabarit qu'un bouton
|
|
342
|
+
icône .st-appHeader__control sans texte) avec l'avatar gris centré. */
|
|
330
343
|
.st-identityMenu--compact .st-identityMenu__trigger {
|
|
331
344
|
background: var(--st-semantic-surface-default);
|
|
332
345
|
border: 1px solid var(--st-semantic-border-subtle);
|
|
333
346
|
border-radius: var(--st-radius-sm, 0.375rem);
|
|
334
347
|
color: var(--st-semantic-text-secondary);
|
|
335
348
|
height: 2.25rem;
|
|
336
|
-
|
|
349
|
+
justify-content: center;
|
|
350
|
+
padding: 0;
|
|
351
|
+
width: 2.25rem;
|
|
337
352
|
transition: background-color var(--st-motion-fast, 120ms) ease,
|
|
338
353
|
border-color var(--st-motion-fast, 120ms) ease,
|
|
339
354
|
color var(--st-motion-fast, 120ms) ease;
|
|
@@ -525,4 +540,31 @@
|
|
|
525
540
|
box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
|
|
526
541
|
outline: none;
|
|
527
542
|
}
|
|
543
|
+
|
|
544
|
+
/* Mode déconnecté compact : carré icône bonhomme (même gabarit 2.25rem que
|
|
545
|
+
le trigger compact connecté). */
|
|
546
|
+
.st-identityMenu__loginCompact {
|
|
547
|
+
align-items: center;
|
|
548
|
+
background: var(--st-semantic-surface-default);
|
|
549
|
+
border: 1px solid var(--st-semantic-border-subtle);
|
|
550
|
+
border-radius: var(--st-radius-sm, 0.375rem);
|
|
551
|
+
color: var(--st-semantic-text-secondary);
|
|
552
|
+
cursor: pointer;
|
|
553
|
+
display: inline-flex;
|
|
554
|
+
height: 2.25rem;
|
|
555
|
+
justify-content: center;
|
|
556
|
+
padding: 0;
|
|
557
|
+
width: 2.25rem;
|
|
558
|
+
transition: background-color var(--st-motion-fast, 120ms) ease,
|
|
559
|
+
border-color var(--st-motion-fast, 120ms) ease,
|
|
560
|
+
color var(--st-motion-fast, 120ms) ease;
|
|
561
|
+
}
|
|
562
|
+
|
|
563
|
+
.st-identityMenu__loginCompact:hover,
|
|
564
|
+
.st-identityMenu__loginCompact:focus-visible {
|
|
565
|
+
background: var(--st-semantic-surface-subtle);
|
|
566
|
+
border-color: var(--st-semantic-border-interactive);
|
|
567
|
+
color: var(--st-semantic-text-primary);
|
|
568
|
+
outline: none;
|
|
569
|
+
}
|
|
528
570
|
</style>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityMenu.svelte.d.ts","sourceRoot":"","sources":["../src/lib/IdentityMenu.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,iBAAiB;IAChC,2DAA2D;IAC3D,IAAI,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC3B,oEAAoE;IACpE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,0EAA0E;AAC1E,wBAAgB,eAAe,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAG7E;AAED,sFAAsF;AACtF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAG9E;
|
|
1
|
+
{"version":3,"file":"IdentityMenu.svelte.d.ts","sourceRoot":"","sources":["../src/lib/IdentityMenu.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,iBAAiB;IAChC,2DAA2D;IAC3D,IAAI,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC3B,oEAAoE;IACpE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,0EAA0E;AAC1E,wBAAgB,eAAe,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAG7E;AAED,sFAAsF;AACtF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAG9E;AA2NH,QAAA,MAAM,YAAY,2DAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
|