@sentropic/design-system-vue 0.36.19 → 0.36.20

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 (7) hide show
  1. package/dist/AppHeader.d.ts +70 -0
  2. package/dist/AppHeader.d.ts.map +1 -1
  3. package/dist/AppHeader.js +34 -1
  4. package/dist/AppHeader.js.map +1 -1
  5. package/dist/Avatar.d.ts +1 -1
  6. package/dist/styles.css +108 -0
  7. package/package.json +1 -1
package/dist/AppHeader.d.ts CHANGED
@@ -7,6 +7,22 @@ export type AppHeaderProps = {
7
7
  * Auto-généré et stable si non fourni.
8
8
  */
9
9
  drawerId?: string;
10
+ /**
11
+ * Marque structurée (décision actée : logo SENT + sous-titre). Rend le bloc
12
+ * canonique « logo carré + nom + sous-titre produit ». Si le slot `logo` est
13
+ * fourni, il a priorité (contrôle total).
14
+ */
15
+ brandName?: string;
16
+ /** Sous-titre produit affiché sous le nom (ex. « Design System », « dataviz »). */
17
+ productName?: string;
18
+ /** Source de l'image du logo carré (ex. `/SENT-logo-squared.svg`). */
19
+ logoSrc?: string;
20
+ /** Texte alternatif du logo (décoratif par défaut). */
21
+ logoAlt?: string;
22
+ /** Cible du lien de la marque. Défaut : `/`. */
23
+ brandHref?: string;
24
+ /** aria-label du lien de marque (sinon dérivé de `brandName` + `productName`). */
25
+ brandLabel?: string;
10
26
  class?: string;
11
27
  };
12
28
  export declare const AppHeader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -26,6 +42,30 @@ export declare const AppHeader: import("vue").DefineComponent<import("vue").Extr
26
42
  type: StringConstructor;
27
43
  default: undefined;
28
44
  };
45
+ brandName: {
46
+ type: StringConstructor;
47
+ default: undefined;
48
+ };
49
+ productName: {
50
+ type: StringConstructor;
51
+ default: undefined;
52
+ };
53
+ logoSrc: {
54
+ type: StringConstructor;
55
+ default: undefined;
56
+ };
57
+ logoAlt: {
58
+ type: StringConstructor;
59
+ default: string;
60
+ };
61
+ brandHref: {
62
+ type: StringConstructor;
63
+ default: string;
64
+ };
65
+ brandLabel: {
66
+ type: StringConstructor;
67
+ default: undefined;
68
+ };
29
69
  class: {
30
70
  type: StringConstructor;
31
71
  default: undefined;
@@ -51,6 +91,30 @@ export declare const AppHeader: import("vue").DefineComponent<import("vue").Extr
51
91
  type: StringConstructor;
52
92
  default: undefined;
53
93
  };
94
+ brandName: {
95
+ type: StringConstructor;
96
+ default: undefined;
97
+ };
98
+ productName: {
99
+ type: StringConstructor;
100
+ default: undefined;
101
+ };
102
+ logoSrc: {
103
+ type: StringConstructor;
104
+ default: undefined;
105
+ };
106
+ logoAlt: {
107
+ type: StringConstructor;
108
+ default: string;
109
+ };
110
+ brandHref: {
111
+ type: StringConstructor;
112
+ default: string;
113
+ };
114
+ brandLabel: {
115
+ type: StringConstructor;
116
+ default: undefined;
117
+ };
54
118
  class: {
55
119
  type: StringConstructor;
56
120
  default: undefined;
@@ -63,5 +127,11 @@ export declare const AppHeader: import("vue").DefineComponent<import("vue").Extr
63
127
  menuOpen: boolean;
64
128
  menuLabel: string;
65
129
  drawerId: string;
130
+ brandName: string;
131
+ productName: string;
132
+ logoSrc: string;
133
+ logoAlt: string;
134
+ brandHref: string;
135
+ brandLabel: string;
66
136
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
67
137
  //# sourceMappingURL=AppHeader.d.ts.map
package/dist/AppHeader.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../src/AppHeader.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgDF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAyEpB,CAAC"}
1
+ {"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../src/AppHeader.ts"],"names":[],"mappings":"AAOA,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgDF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgHpB,CAAC"}
package/dist/AppHeader.js CHANGED
@@ -46,6 +46,12 @@ export const AppHeader = defineComponent({
46
46
  menuOpen: { type: Boolean, default: false },
47
47
  menuLabel: { type: String, default: "Menu" },
48
48
  drawerId: { type: String, default: undefined },
49
+ brandName: { type: String, default: undefined },
50
+ productName: { type: String, default: undefined },
51
+ logoSrc: { type: String, default: undefined },
52
+ logoAlt: { type: String, default: "" },
53
+ brandHref: { type: String, default: "/" },
54
+ brandLabel: { type: String, default: undefined },
49
55
  class: { type: String, default: undefined },
50
56
  },
51
57
  emits: ["menuToggle"],
@@ -54,11 +60,38 @@ export const AppHeader = defineComponent({
54
60
  // Id stable du tiroir : prop fournie sinon compteur module (SSR-safe).
55
61
  const resolvedDrawerId = props.drawerId ?? `st-appHeader-drawer-${++appHeaderIdCounter}`;
56
62
  return () => {
63
+ const hasDefaultBrand = !slots.logo && Boolean(props.brandName || props.productName || props.logoSrc);
64
+ const resolvedBrandLabel = props.brandLabel ?? [props.brandName, props.productName].filter(Boolean).join(" ");
57
65
  const bar = h("div", { class: "st-appHeader__bar" }, [
58
66
  // Logo SENT à GAUCHE (+ sous-titre).
59
67
  slots.logo
60
68
  ? h("div", { class: "st-appHeader__logo" }, slots.logo())
61
- : null,
69
+ : hasDefaultBrand
70
+ ? h("a", {
71
+ class: "st-appHeader__brand",
72
+ href: props.brandHref,
73
+ "aria-label": resolvedBrandLabel || undefined,
74
+ }, [
75
+ props.logoSrc
76
+ ? h("img", {
77
+ class: "st-appHeader__brandMark",
78
+ src: props.logoSrc,
79
+ alt: props.logoAlt,
80
+ "aria-hidden": props.logoAlt ? undefined : "true",
81
+ })
82
+ : null,
83
+ props.brandName || props.productName
84
+ ? h("span", { class: "st-appHeader__brandCopy" }, [
85
+ props.brandName
86
+ ? h("span", { class: "st-appHeader__brandName" }, props.brandName)
87
+ : null,
88
+ props.productName
89
+ ? h("span", { class: "st-appHeader__brandProduct" }, props.productName)
90
+ : null,
91
+ ])
92
+ : null,
93
+ ])
94
+ : null,
62
95
  // Nav desktop + actions (masqués en mode compact).
63
96
  !props.compact
64
97
  ? h("nav", { class: "st-appHeader__nav", "aria-label": "Primary" }, slots.nav?.())
package/dist/AppHeader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AppHeader.js","sourceRoot":"","sources":["../src/AppHeader.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AppHeader.js","sourceRoot":"","sources":["../src/AppHeader.ts"],"names":[],"mappings":"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"}
package/dist/Avatar.d.ts CHANGED
@@ -78,8 +78,8 @@ export declare const Avatar: import("vue").DefineComponent<import("vue").Extract
78
78
  size: AvatarSize;
79
79
  class: string;
80
80
  tone: AvatarTone;
81
- shape: AvatarShape;
82
81
  src: string;
83
82
  alt: string;
83
+ shape: AvatarShape;
84
84
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
85
85
  //# sourceMappingURL=Avatar.d.ts.map
package/dist/styles.css CHANGED
@@ -11250,6 +11250,114 @@
11250
11250
  flex: 0 0 auto;
11251
11251
  }
11252
11252
 
11253
+ .st-appHeader__brand {
11254
+ align-items: center;
11255
+ color: var(--st-semantic-text-primary);
11256
+ display: inline-flex;
11257
+ flex: 0 0 auto;
11258
+ gap: var(--st-spacing-3, 0.75rem);
11259
+ min-width: 0;
11260
+ text-decoration: none;
11261
+ }
11262
+
11263
+ .st-appHeader__brand:hover,
11264
+ .st-appHeader__brand:focus-visible {
11265
+ text-decoration: none;
11266
+ }
11267
+
11268
+ .st-appHeader__brand:focus-visible {
11269
+ border-radius: var(--st-radius-sm, 0.375rem);
11270
+ box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
11271
+ outline: none;
11272
+ }
11273
+
11274
+ .st-appHeader__brandMark {
11275
+ aspect-ratio: 1;
11276
+ display: inline-block;
11277
+ flex: 0 0 auto;
11278
+ height: 2rem;
11279
+ object-fit: contain;
11280
+ width: 2rem;
11281
+ }
11282
+
11283
+ .st-appHeader__brandCopy {
11284
+ display: grid;
11285
+ gap: 0.08rem;
11286
+ line-height: 1;
11287
+ min-width: 0;
11288
+ }
11289
+
11290
+ .st-appHeader__brandName {
11291
+ color: var(--st-semantic-text-primary);
11292
+ font-size: 1rem;
11293
+ font-weight: 760;
11294
+ }
11295
+
11296
+ .st-appHeader__brandProduct {
11297
+ color: var(--st-semantic-text-secondary);
11298
+ font-size: 0.75rem;
11299
+ font-weight: 650;
11300
+ }
11301
+
11302
+ .st-appHeader__navLink {
11303
+ align-items: center;
11304
+ border-bottom: 2px solid transparent;
11305
+ border-radius: 0;
11306
+ color: var(--st-semantic-text-secondary);
11307
+ display: inline-flex;
11308
+ font-size: 0.875rem;
11309
+ gap: 0.35rem;
11310
+ line-height: 1;
11311
+ padding: 0.38rem 0.75rem;
11312
+ text-decoration: none;
11313
+ white-space: nowrap;
11314
+ transition: color var(--st-motion-fast, 120ms) ease,
11315
+ border-color var(--st-motion-fast, 120ms) ease;
11316
+ }
11317
+
11318
+ .st-appHeader__navLink:hover,
11319
+ .st-appHeader__navLink:focus-visible {
11320
+ color: var(--st-semantic-text-primary);
11321
+ text-decoration: none;
11322
+ }
11323
+
11324
+ .st-appHeader__navLink[aria-current="page"] {
11325
+ border-bottom-color: var(--st-semantic-border-interactive);
11326
+ color: var(--st-semantic-text-primary);
11327
+ font-weight: 650;
11328
+ }
11329
+
11330
+ .st-appHeader__control {
11331
+ align-items: center;
11332
+ background: var(--st-semantic-surface-default);
11333
+ border: 1px solid var(--st-semantic-border-subtle);
11334
+ border-radius: var(--st-radius-sm, 0.375rem);
11335
+ color: var(--st-semantic-text-secondary);
11336
+ cursor: pointer;
11337
+ display: inline-flex;
11338
+ font: inherit;
11339
+ font-size: 0.75rem;
11340
+ font-weight: 650;
11341
+ gap: 0.35rem;
11342
+ height: 2.25rem;
11343
+ line-height: 1;
11344
+ padding: 0 0.65rem;
11345
+ text-decoration: none;
11346
+ white-space: nowrap;
11347
+ transition: background-color var(--st-motion-fast, 120ms) ease,
11348
+ border-color var(--st-motion-fast, 120ms) ease,
11349
+ color var(--st-motion-fast, 120ms) ease;
11350
+ }
11351
+
11352
+ .st-appHeader__control:hover,
11353
+ .st-appHeader__control:focus-visible,
11354
+ .st-appHeader__control[aria-expanded="true"] {
11355
+ background: var(--st-semantic-surface-subtle);
11356
+ border-color: var(--st-semantic-border-interactive);
11357
+ color: var(--st-semantic-text-primary);
11358
+ outline: none;
11359
+ }
11360
+
11253
11361
  .st-appHeader__actions {
11254
11362
  align-items: center;
11255
11363
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sentropic/design-system-vue",
3
- "version": "0.36.19",
3
+ "version": "0.36.20",
4
4
  "description": "Vue 3 components for the Sentropic design system.",
5
5
  "type": "module",
6
6
  "publishConfig": {