@sentropic/design-system-angular 0.36.54 → 0.36.56

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/.srchash ADDED
@@ -0,0 +1 @@
1
+ 66850c653e556abc818e32235ecd2f132a0b3eb244940b3226a65f71fe1e6a65
@@ -1 +1 @@
1
- {"version":3,"file":"KpiCard.d.ts","sourceRoot":"","sources":["../src/KpiCard.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"KpiCard.d.ts","sourceRoot":"","sources":["../src/KpiCard.ts"],"names":[],"mappings":"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"}
package/dist/KpiCard.js CHANGED
@@ -156,10 +156,7 @@ export class KpiCard {
156
156
  role="group"
157
157
  [attr.aria-label]="ariaLabel"
158
158
  >
159
- <p class="st-kpiCard__label">
160
- @if (tone) { <span class="st-kpiCard__swatch" aria-hidden="true"></span> }
161
- <span class="st-kpiCard__labelText">{{ label }}</span>
162
- </p>
159
+ <p class="st-kpiCard__label">{{ label }}</p>
163
160
 
164
161
  <p class="st-kpiCard__value">
165
162
  @if (decoration && decorationIconNodes) {
@@ -262,10 +259,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
262
259
  role="group"
263
260
  [attr.aria-label]="ariaLabel"
264
261
  >
265
- <p class="st-kpiCard__label">
266
- @if (tone) { <span class="st-kpiCard__swatch" aria-hidden="true"></span> }
267
- <span class="st-kpiCard__labelText">{{ label }}</span>
268
- </p>
262
+ <p class="st-kpiCard__label">{{ label }}</p>
269
263
 
270
264
  <p class="st-kpiCard__value">
271
265
  @if (decoration && decorationIconNodes) {
@@ -1 +1 @@
1
- {"version":3,"file":"KpiCard.js","sourceRoot":"","sources":["../src/KpiCard.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"KpiCard.js","sourceRoot":"","sources":["../src/KpiCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAsB,MAAM,gBAAgB,CAAC;AAEpD,OAAO,EAEL,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC;;AAuJ7B,MAAM,OAAO,OAAO;IAClB,MAAM,CAAU,eAAe,GAAG,SAAS,CAAC;IACnC,aAAa,GAAG,SAAS,CAAC;IACxB,KAAK,CAAmB;IACxB,KAAK,CAAU;IACf,KAAK,CAAU;IACf,WAAW,GAAuB,SAAS,CAAC;IAC5C,KAAK,CAAgB;IACrB,MAAM,GAAkB,QAAQ,CAAC;IACjC,IAAI,CAAU;IACd,QAAQ,GAAG,KAAK,CAAC;IACjB,MAAM,CAAU;IAChB,SAAS,CAAY;IACrB,IAAI,GAAgB,IAAI,CAAC;IACzB,IAAI,CAAe;IACnB,UAAU,CAAkB;IACrB,UAAU,CAAU;IAEtC,IAAI,SAAS;QACX,OAAO,UAAU,CACf,YAAY,EACZ,eAAe,IAAI,CAAC,IAAI,EAAE,EAC1B,IAAI,CAAC,IAAI,IAAI,eAAe,IAAI,CAAC,IAAI,EAAE,EACvC,IAAI,CAAC,IAAI,IAAI,mBAAmB,EAChC,IAAI,CAAC,UAAU,IAAI,SAAS,EAC5B,IAAI,CAAC,UAAU,IAAI,mBAAmB,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAC9D,IAAI,CAAC,UAAU,CAChB,CAAC;IACJ,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC;QACtD,IAAI,IAAI,CAAC,MAAM,KAAK,UAAU,EAAE,CAAC;YAC/B,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE;gBACxC,KAAK,EAAE,UAAU;gBACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;QACD,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;YAC9B,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE;gBACxC,KAAK,EAAE,SAAS;gBAChB,qBAAqB,EAAE,CAAC;aACzB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;QACD,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/D,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI;YAAE,OAAO,SAAS,CAAC;QACzC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QACvC,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE,CAAC;YACnC,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE;gBAC7C,KAAK,EAAE,SAAS;gBAChB,qBAAqB,EAAE,CAAC;aACzB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtB,OAAO,GAAG,IAAI,GAAG,GAAG,EAAE,CAAC;QACzB,CAAC;QACD,OAAO,GAAG,IAAI,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;IAC3E,CAAC;IAED,IAAI,aAAa;QACf,IAAI,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC;QAClC,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI;YAAE,OAAO,MAAM,CAAC;QACtC,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC;YAAE,OAAO,IAAI,CAAC;QAChC,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC;YAAE,OAAO,MAAM,CAAC;QAClC,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,aAAa,KAAK,IAAI;YAChC,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,IAAI,CAAC,aAAa,KAAK,MAAM;gBAC7B,CAAC,CAAC,OAAO;gBACT,CAAC,CAAC,SAAS,CAAC;IAClB,CAAC;IAEQ,cAAc,GAAG,GAAG,CAAC;IACrB,eAAe,GAAG,EAAE,CAAC;IACrB,oBAAoB,GAAG,GAAG,CAAC;IAEpC,IAAI,gBAAgB;QAClB,OAAO,OAAO,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;IAC9D,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,UAAU,CACf,uBAAuB,EACvB,cAAc,EACd,iBAAiB,IAAI,CAAC,aAAa,EAAE,CACtC,CAAC;IACJ,CAAC;IAED,IAAY,iBAAiB;QAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;QAC5B,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;QAC9D,MAAM,OAAO,GAAG,CAAC,CAAC;QAClB,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC;QAClC,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC;QACpC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;QAC9B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;QAC9B,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,CAAC;QAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,OAAO,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QACpD,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,OAAO,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QACtD,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAClE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACvC,MAAM,CAAC,GAAG,OAAO,GAAG,IAAI,GAAG,KAAK,CAAC;YACjC,MAAM,UAAU,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC;YACxC,MAAM,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC,GAAG,UAAU,CAAC,GAAG,WAAW,CAAC;YACnD,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,MAAM;aAChB,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;aAC1E,IAAI,CAAC,GAAG,CAAC,CAAC;QACb,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;QAClC,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACxB,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACvC,MAAM,IAAI,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;QACpH,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACxB,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;IACrC,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;IACrC,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,aAAa,KAAK,IAAI;YAChC,CAAC,CAAC,kBAAkB;YACpB,CAAC,CAAC,IAAI,CAAC,aAAa,KAAK,MAAM;gBAC7B,CAAC,CAAC,mBAAmB;gBACrB,CAAC,CAAC,QAAQ,CAAC;IACjB,CAAC;IAED,IAAY,UAAU;QACpB,OAAO,IAAI,CAAC,aAAa,KAAK,IAAI;YAChC,CAAC,CAAC,WAAW;YACb,CAAC,CAAC,IAAI,CAAC,aAAa,KAAK,MAAM;gBAC7B,CAAC,CAAC,WAAW;gBACb,CAAC,CAAC,QAAQ,CAAC;IACjB,CAAC;IAED,IAAI,SAAS;QACX,OAAO;YACL,IAAI,CAAC,KAAK;YACV,IAAI,CAAC,cAAc;YACnB,IAAI,CAAC,IAAI;YACT,IAAI,CAAC,cAAc,IAAI,GAAG,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,UAAU,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE;YAC/E,IAAI,CAAC,UAAU,IAAI,mBAAmB,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;SAC/D;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,UAAU,CAAC,mBAAmB,EAAE,sBAAsB,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACrF,CAAC;IAED,IAAI,mBAAmB;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC;QACnC,IAAI,IAAI,IAAI,IAAI;YAAE,OAAO,IAAI,CAAC;QAC9B,OAAO,uBAAuB,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC;IAC/C,CAAC;wGApKU,OAAO;4FAAP,OAAO,0WAlGR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgGT;;4FAEU,OAAO;kBArGnB,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;oBACvB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgGT;iBACF;;sBAIE,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;;sBACP,OAAO;uBAAC,OAAO"}
package/dist/styles.css CHANGED
@@ -3297,7 +3297,8 @@
3297
3297
  --st-highlight-accent: var(--st-semantic-action-primary);
3298
3298
  background: var(--st-semantic-surface-subtle);
3299
3299
  border-left: 4px solid var(--st-highlight-accent);
3300
- border-radius: var(--st-radius-md, 0.375rem);
3300
+ /* Accent latéral fort = coins carrés. Ne pas arrondir une carte/exergue à liseré. */
3301
+ border-radius: 0;
3301
3302
  color: var(--st-semantic-text-primary);
3302
3303
  padding: var(--st-spacing-4, 1rem);
3303
3304
  }
@@ -6337,7 +6338,7 @@
6337
6338
  .st-streamingMessage__reasoning {
6338
6339
  background: var(--st-component-chatMessage-reasoningBackground, var(--st-semantic-surface-subtle));
6339
6340
  border-left: 2px solid var(--st-semantic-border-subtle);
6340
- border-radius: var(--st-component-control-radius, 0.375rem);
6341
+ border-radius: 0;
6341
6342
  margin: 0 0 0.5rem;
6342
6343
  padding: 0.4rem 0.6rem;
6343
6344
  }
@@ -9022,11 +9023,21 @@
9022
9023
  width: 100%;
9023
9024
  }
9024
9025
 
9025
- /* Opt-in accent bar: reserve the 2px gutter only when enabled so text never
9026
- shifts on selection. */
9026
+ /* Opt-in accent bar: reserve a 2px gutter without attaching a border to the
9027
+ rounded host. The selected accent is painted by a square pseudo-element so no
9028
+ one-sided stroke follows the row radius. */
9027
9029
  .st-selectableRow--accentBar {
9028
9030
  padding-left: calc(0.75rem - 2px);
9029
- border-left: 2px solid transparent;
9031
+ }
9032
+
9033
+ .st-selectableRow--accentBar::before {
9034
+ background: transparent;
9035
+ block-size: 100%;
9036
+ content: "";
9037
+ inline-size: 2px;
9038
+ inset-block: 0;
9039
+ inset-inline-start: 0;
9040
+ position: absolute;
9030
9041
  }
9031
9042
 
9032
9043
  .st-selectableRow:hover:not(.st-selectableRow--disabled):not(.st-selectableRow--selected) {
@@ -9059,8 +9070,8 @@
9059
9070
  }
9060
9071
 
9061
9072
  /* The left accent bar paints only when opt-in AND selected. */
9062
- .st-selectableRow--accentBar.st-selectableRow--selected {
9063
- border-left-color: var(
9073
+ .st-selectableRow--accentBar.st-selectableRow--selected::before {
9074
+ background: var(
9064
9075
  --st-component-selectableRow-selectedAccent,
9065
9076
  var(--st-semantic-action-primary, #2563eb)
9066
9077
  );
@@ -9176,12 +9187,9 @@
9176
9187
  }
9177
9188
 
9178
9189
  .st-kpiCard__label {
9179
- align-items: center;
9180
9190
  color: var(--st-semantic-text-secondary);
9181
- display: flex;
9182
9191
  font-size: 0.8125rem;
9183
9192
  font-weight: 500;
9184
- gap: var(--st-spacing-1, 0.25rem);
9185
9193
  line-height: 1.25;
9186
9194
  margin: 0;
9187
9195
  }
@@ -9268,40 +9276,37 @@
9268
9276
  color: var(--st-semantic-text-secondary);
9269
9277
  }
9270
9278
 
9271
- /* Accent catégoriel discret : pastille inline près de l'étiquette
9272
- (remplace l'ancien liseré gauche, anti-pattern sur conteneur arrondi). */
9273
- .st-kpiCard__swatch {
9274
- background: var(--st-semantic-border-subtle);
9275
- border-radius: 50%;
9276
- display: inline-block;
9277
- flex: 0 0 auto;
9278
- height: 0.5rem;
9279
- width: 0.5rem;
9279
+ /* Accent catégoriel : liseré conservé, mais carte carrée pour éviter
9280
+ le liseré arrondi sur conteneur arrondi. */
9281
+ .st-kpiCard--toned {
9282
+ border-inline-start-width: var(--st-spacing-1, 0.25rem);
9283
+ border-radius: 0;
9280
9284
  }
9281
9285
 
9282
- .st-kpiCard--category1 .st-kpiCard__swatch {
9283
- background: var(--st-semantic-data-category1);
9286
+ /* Liserés catégoriels — alignés sur la palette data des autres composants. */
9287
+ .st-kpiCard--category1 {
9288
+ border-inline-start-color: var(--st-semantic-data-category1);
9284
9289
  }
9285
- .st-kpiCard--category2 .st-kpiCard__swatch {
9286
- background: var(--st-semantic-data-category2);
9290
+ .st-kpiCard--category2 {
9291
+ border-inline-start-color: var(--st-semantic-data-category2);
9287
9292
  }
9288
- .st-kpiCard--category3 .st-kpiCard__swatch {
9289
- background: var(--st-semantic-data-category3);
9293
+ .st-kpiCard--category3 {
9294
+ border-inline-start-color: var(--st-semantic-data-category3);
9290
9295
  }
9291
- .st-kpiCard--category4 .st-kpiCard__swatch {
9292
- background: var(--st-semantic-data-category4);
9296
+ .st-kpiCard--category4 {
9297
+ border-inline-start-color: var(--st-semantic-data-category4);
9293
9298
  }
9294
- .st-kpiCard--category5 .st-kpiCard__swatch {
9295
- background: var(--st-semantic-data-category5);
9299
+ .st-kpiCard--category5 {
9300
+ border-inline-start-color: var(--st-semantic-data-category5);
9296
9301
  }
9297
- .st-kpiCard--category6 .st-kpiCard__swatch {
9298
- background: var(--st-semantic-data-category6);
9302
+ .st-kpiCard--category6 {
9303
+ border-inline-start-color: var(--st-semantic-data-category6);
9299
9304
  }
9300
- .st-kpiCard--category7 .st-kpiCard__swatch {
9301
- background: var(--st-semantic-data-category7);
9305
+ .st-kpiCard--category7 {
9306
+ border-inline-start-color: var(--st-semantic-data-category7);
9302
9307
  }
9303
- .st-kpiCard--category8 .st-kpiCard__swatch {
9304
- background: var(--st-semantic-data-category8);
9308
+ .st-kpiCard--category8 {
9309
+ border-inline-start-color: var(--st-semantic-data-category8);
9305
9310
  }
9306
9311
 
9307
9312
  /* ---------------------------------------------------------------------------
@@ -16416,7 +16421,8 @@
16416
16421
  align-items: flex-start;
16417
16422
  background: var(--st-semantic-surface-subtle);
16418
16423
  border-left: 3px solid var(--st-semantic-border-strong);
16419
- border-radius: var(--st-radius-sm, 0.25rem);
16424
+ /* Accent latéral fort = coins carrés. Ne pas arrondir une carte/exergue à liseré. */
16425
+ border-radius: 0;
16420
16426
  display: flex;
16421
16427
  gap: var(--st-spacing-2, 0.5rem);
16422
16428
  padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
@@ -17482,51 +17488,79 @@
17482
17488
 
17483
17489
  .st-appShell--workspace {
17484
17490
  display: grid;
17485
- grid-template-areas:
17486
- "top top top top"
17487
- "rail nav main context"
17488
- "bottom bottom bottom bottom";
17489
- grid-template-columns: auto minmax(0, var(--st-component-navShell-width, 18rem)) minmax(0, 1fr) minmax(0, var(--st-component-contextPanel-width, 20rem));
17491
+ grid-template-columns: minmax(0, 1fr);
17490
17492
  grid-template-rows: auto minmax(0, 1fr) auto;
17491
17493
  position: relative;
17492
17494
  }
17493
17495
 
17494
- .st-appShell--workspace:has(.st-appShell__utilityPanel)[data-utility-mode="reserve"]:not([data-utility-side]),
17495
- .st-appShell--workspace:has(.st-appShell__utilityPanel)[data-utility-mode="reserve"][data-utility-side="right"] {
17496
- grid-template-areas:
17497
- "top top top top top"
17498
- "rail nav main context utility"
17499
- "bottom bottom bottom bottom bottom";
17500
- grid-template-columns: auto minmax(0, var(--st-component-navShell-width, 18rem)) minmax(0, 1fr) minmax(0, var(--st-component-contextPanel-width, 20rem)) minmax(0, var(--st-component-utilityPanel-width, 24rem));
17501
- grid-template-rows: auto minmax(0, 1fr) auto;
17496
+ /* The body owns the horizontal layout: a flex row whose panels collapse when
17497
+ they aren't rendered, so empty rail/nav/context/utility columns are never
17498
+ reserved (a dashboard providing only `main` gets the full width). The outer
17499
+ element only stacks top / body / bottom. */
17500
+ .st-appShell__body {
17501
+ grid-row: 2;
17502
+ display: flex;
17503
+ flex-flow: row nowrap;
17504
+ min-block-size: 0;
17505
+ min-inline-size: 0;
17506
+ position: relative;
17502
17507
  }
17503
17508
 
17504
- .st-appShell--workspace:has(.st-appShell__utilityPanel)[data-utility-mode="reserve"][data-utility-side="left"] {
17505
- grid-template-areas:
17506
- "top top top top top"
17507
- "rail nav utility main context"
17508
- "bottom bottom bottom bottom bottom";
17509
- grid-template-columns: auto minmax(0, var(--st-component-navShell-width, 18rem)) minmax(0, var(--st-component-utilityPanel-width, 24rem)) minmax(0, 1fr) minmax(0, var(--st-component-contextPanel-width, 20rem));
17510
- grid-template-rows: auto minmax(0, 1fr) auto;
17509
+ .st-appShell[data-utility-side="bottom"] .st-appShell__body {
17510
+ flex-wrap: wrap;
17511
17511
  }
17512
17512
 
17513
- .st-appShell--workspace:has(.st-appShell__utilityPanel)[data-utility-mode="reserve"][data-utility-side="bottom"] {
17514
- grid-template-areas:
17515
- "top top top top"
17516
- "rail nav main context"
17517
- "rail nav utility utility"
17518
- "bottom bottom bottom bottom";
17519
- grid-template-columns: auto minmax(0, var(--st-component-navShell-width, 18rem)) minmax(0, 1fr) minmax(0, var(--st-component-contextPanel-width, 20rem));
17520
- grid-template-rows: auto minmax(0, 1fr) auto auto;
17513
+ .st-appShell__topChrome { grid-row: 1; }
17514
+ .st-appShell__bottomPanel { grid-row: 3; }
17515
+
17516
+ .st-appShell__primaryRail {
17517
+ order: 10;
17518
+ flex: 0 0 auto;
17519
+ min-block-size: 0;
17520
+ overflow: hidden;
17521
17521
  }
17522
17522
 
17523
- .st-appShell__topChrome { grid-area: top; }
17524
- .st-appShell__primaryRail { grid-area: rail; min-block-size: 0; }
17525
- .st-appShell__navigationPanel { grid-area: nav; min-block-size: 0; overflow: hidden; }
17526
- .st-appShell__main { grid-area: main; min-block-size: 0; min-inline-size: 0; overflow: auto; }
17527
- .st-appShell__contextPanel { grid-area: context; min-block-size: 0; overflow: hidden; }
17528
- .st-appShell__utilityPanel { grid-area: utility; inline-size: 100%; min-block-size: 0; overflow: hidden; }
17529
- .st-appShell__bottomPanel { grid-area: bottom; }
17523
+ .st-appShell__navigationPanel {
17524
+ order: 20;
17525
+ flex: 0 1 auto;
17526
+ inline-size: var(--st-component-navShell-width, 18rem);
17527
+ min-block-size: 0;
17528
+ overflow: hidden;
17529
+ }
17530
+
17531
+ .st-appShell__main {
17532
+ order: 30;
17533
+ flex: 1 1 0;
17534
+ min-block-size: 0;
17535
+ min-inline-size: 0;
17536
+ overflow: auto;
17537
+ }
17538
+
17539
+ .st-appShell__contextPanel {
17540
+ order: 40;
17541
+ flex: 0 1 auto;
17542
+ inline-size: var(--st-component-contextPanel-width, 20rem);
17543
+ min-block-size: 0;
17544
+ overflow: hidden;
17545
+ }
17546
+
17547
+ .st-appShell__utilityPanel {
17548
+ order: 50;
17549
+ flex: 0 1 auto;
17550
+ inline-size: var(--st-component-utilityPanel-width, 24rem);
17551
+ min-block-size: 0;
17552
+ overflow: hidden;
17553
+ }
17554
+
17555
+ .st-appShell[data-utility-side="left"] .st-appShell__utilityPanel {
17556
+ order: 25;
17557
+ }
17558
+
17559
+ .st-appShell[data-utility-mode="reserve"][data-utility-side="bottom"] .st-appShell__utilityPanel {
17560
+ flex-basis: 100%;
17561
+ inline-size: auto;
17562
+ order: 60;
17563
+ }
17530
17564
 
17531
17565
  .st-appShell[data-utility-mode="overlay"] .st-appShell__utilityPanel,
17532
17566
  .st-appShell[data-utility-mode="floating"] .st-appShell__utilityPanel {
@@ -17774,17 +17808,15 @@
17774
17808
  }
17775
17809
 
17776
17810
  @media (max-width: 900px) {
17777
- .st-appShell--workspace {
17778
- grid-template-areas:
17779
- "top"
17780
- "rail"
17781
- "nav"
17782
- "main"
17783
- "context"
17784
- "utility"
17785
- "bottom";
17786
- grid-template-columns: minmax(0, 1fr);
17787
- grid-template-rows: auto auto auto minmax(0, 1fr) auto auto auto;
17811
+ .st-appShell__body {
17812
+ flex-flow: column nowrap;
17813
+ }
17814
+
17815
+ .st-appShell__primaryRail,
17816
+ .st-appShell__navigationPanel,
17817
+ .st-appShell__contextPanel,
17818
+ .st-appShell__utilityPanel {
17819
+ inline-size: auto;
17788
17820
  }
17789
17821
 
17790
17822
  .st-navRail {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sentropic/design-system-angular",
3
- "version": "0.36.54",
3
+ "version": "0.36.56",
4
4
  "description": "Angular components for the Sentropic design system.",
5
5
  "type": "module",
6
6
  "publishConfig": {