@sentropic/design-system-svelte 0.34.59 → 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.
Files changed (4) hide show
  1. package/dist/Avatar.svelte +1 -1
  2. package/dist/IdentityMenu.svelte +73 -1
  3. package/dist/IdentityMenu.svelte.d.ts.map +1 -1
  4. package/package.json +1 -1
package/dist/Avatar.svelte CHANGED
@@ -35,7 +35,7 @@
35
35
  src,
36
36
  alt,
37
37
  size = "md",
38
- shape = "circle",
38
+ shape = "square",
39
39
  tone = "category1",
40
40
  class: className,
41
41
  ...rest
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,8 +338,41 @@
326
338
  width: 100%;
327
339
  }
328
340
 
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é. */
329
343
  .st-identityMenu--compact .st-identityMenu__trigger {
330
- padding: var(--st-spacing-1, 0.25rem);
344
+ background: var(--st-semantic-surface-default);
345
+ border: 1px solid var(--st-semantic-border-subtle);
346
+ border-radius: var(--st-radius-sm, 0.375rem);
347
+ color: var(--st-semantic-text-secondary);
348
+ height: 2.25rem;
349
+ justify-content: center;
350
+ padding: 0;
351
+ width: 2.25rem;
352
+ transition: background-color var(--st-motion-fast, 120ms) ease,
353
+ border-color var(--st-motion-fast, 120ms) ease,
354
+ color var(--st-motion-fast, 120ms) ease;
355
+ }
356
+
357
+ .st-identityMenu--compact .st-identityMenu__trigger:hover,
358
+ .st-identityMenu--compact .st-identityMenu__trigger:focus-visible,
359
+ .st-identityMenu--compact .st-identityMenu__trigger[aria-expanded="true"] {
360
+ background: var(--st-semantic-surface-subtle);
361
+ border-color: var(--st-semantic-border-interactive);
362
+ box-shadow: none;
363
+ color: var(--st-semantic-text-primary);
364
+ outline: none;
365
+ }
366
+
367
+ /* Avatar compact = carré gris (surface-subtle + radius-sm), pas cercle primary. */
368
+ .st-identityMenu--compact .st-identityMenu__avatar {
369
+ background: var(--st-semantic-surface-subtle);
370
+ border-radius: var(--st-radius-sm, 0.375rem);
371
+ color: var(--st-semantic-text-primary);
372
+ font-size: 0.6875rem;
373
+ font-weight: 700;
374
+ height: 1.5rem;
375
+ width: 1.5rem;
331
376
  }
332
377
 
333
378
  .st-identityMenu__trigger {
@@ -495,4 +540,31 @@
495
540
  box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
496
541
  outline: none;
497
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
+ }
498
570
  </style>
package/dist/IdentityMenu.svelte.d.ts.map CHANGED
@@ -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;AAoNH,QAAA,MAAM,YAAY,2DAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sentropic/design-system-svelte",
3
- "version": "0.34.59",
3
+ "version": "0.34.61",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"