@sentropic/design-system-svelte 0.34.66 → 0.34.67

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 (8) hide show
  1. package/README.md +3 -3
  2. package/dist/.srchash +1 -0
  3. package/dist/EventFeedPanel.svelte +2 -1
  4. package/dist/Highlight.svelte +2 -1
  5. package/dist/KpiCard.svelte +3 -1
  6. package/dist/SelectableRow.svelte +15 -5
  7. package/dist/StreamingMessage.svelte +1 -1
  8. package/package.json +1 -3
package/README.md CHANGED
@@ -32,15 +32,15 @@ Import the package CSS once at the app or preview boundary, then render componen
32
32
  </ThemeProvider>
33
33
  ```
34
34
 
35
- `ThemeProvider` defaults to the Sent Tech theme. Tenant themes can be supplied from `@sentropic/design-system-themes`, `@sentropic/design-system-theme-dsfr`, or `@sentropic/design-system-theme-carbon`.
35
+ `ThemeProvider` defaults to the Sent Tech theme. Tenant themes can be supplied from `@sentropic/design-system-themes`, `@sentropic/design-system-theme-dsfr`, `@sentropic/design-system-theme-canada`, or `@sentropic/design-system-theme-quebec`.
36
36
 
37
37
  ```svelte
38
38
  <script>
39
39
  import { ThemeProvider } from "@sentropic/design-system-svelte";
40
- import { carbonTheme } from "@sentropic/design-system-theme-carbon";
40
+ import { dsfrTheme } from "@sentropic/design-system-theme-dsfr";
41
41
  </script>
42
42
 
43
- <ThemeProvider theme={carbonTheme}>
43
+ <ThemeProvider theme={dsfrTheme}>
44
44
  <!-- your content -->
45
45
  </ThemeProvider>
46
46
  ```
package/dist/.srchash ADDED
@@ -0,0 +1 @@
1
+ 5fa4af626e8a967b1e34a8ab542a01e4b9b3051441b1a26defa3e5b10ca0e657
package/dist/EventFeedPanel.svelte CHANGED
@@ -158,7 +158,8 @@
158
158
  align-items: flex-start;
159
159
  background: var(--st-semantic-surface-subtle);
160
160
  border-left: 3px solid var(--st-semantic-border-strong);
161
- border-radius: var(--st-radius-sm, 0.25rem);
161
+ /* Accent latéral fort = coins carrés. Ne pas arrondir une carte/exergue à liseré. */
162
+ border-radius: 0;
162
163
  display: flex;
163
164
  gap: var(--st-spacing-2, 0.5rem);
164
165
  padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
package/dist/Highlight.svelte CHANGED
@@ -37,7 +37,8 @@
37
37
  --st-highlight-accent: var(--st-semantic-action-primary);
38
38
  background: var(--st-semantic-surface-subtle);
39
39
  border-left: 4px solid var(--st-highlight-accent);
40
- border-radius: var(--st-radius-md, 0.375rem);
40
+ /* Accent latéral fort = coins carrés. Ne pas arrondir une carte/exergue à liseré. */
41
+ border-radius: 0;
41
42
  color: var(--st-semantic-text-primary);
42
43
  padding: var(--st-spacing-4, 1rem);
43
44
  }
package/dist/KpiCard.svelte CHANGED
@@ -234,9 +234,11 @@
234
234
  padding: var(--st-spacing-6, 1.5rem);
235
235
  }
236
236
 
237
- /* Accent catégoriel : liseré coloré à gauche. */
237
+ /* Accent catégoriel : liseré conservé, mais carte carrée pour éviter
238
+ le liseré arrondi sur conteneur arrondi. */
238
239
  .st-kpiCard--toned {
239
240
  border-inline-start-width: var(--st-spacing-1, 0.25rem);
241
+ border-radius: 0;
240
242
  }
241
243
 
242
244
  .st-kpiCard__label {
package/dist/SelectableRow.svelte CHANGED
@@ -254,11 +254,21 @@
254
254
  width: 100%;
255
255
  }
256
256
 
257
- /* Opt-in accent bar: reserve the 2px gutter only when enabled so text never
258
- shifts on selection. */
257
+ /* Opt-in accent bar: reserve a 2px gutter without attaching a border to the
258
+ rounded host. The selected accent is painted by a square pseudo-element so
259
+ no one-sided stroke follows the row radius. */
259
260
  .st-selectableRow--accentBar {
260
261
  padding-left: calc(0.75rem - 2px);
261
- border-left: 2px solid transparent;
262
+ }
263
+
264
+ .st-selectableRow--accentBar::before {
265
+ background: transparent;
266
+ block-size: 100%;
267
+ content: "";
268
+ inline-size: 2px;
269
+ inset-block: 0;
270
+ inset-inline-start: 0;
271
+ position: absolute;
262
272
  }
263
273
 
264
274
  .st-selectableRow:hover:not(.st-selectableRow--disabled):not(.st-selectableRow--selected) {
@@ -291,8 +301,8 @@
291
301
  }
292
302
 
293
303
  /* The left accent bar paints only when opt-in AND selected. */
294
- .st-selectableRow--accentBar.st-selectableRow--selected {
295
- border-left-color: var(
304
+ .st-selectableRow--accentBar.st-selectableRow--selected::before {
305
+ background: var(
296
306
  --st-component-selectableRow-selectedAccent,
297
307
  var(--st-semantic-action-primary, #2563eb)
298
308
  );
package/dist/StreamingMessage.svelte CHANGED
@@ -305,7 +305,7 @@
305
305
  .st-streamingMessage__reasoning {
306
306
  background: var(--st-component-chatMessage-reasoningBackground, var(--st-semantic-surface-subtle));
307
307
  border-left: 2px solid var(--st-semantic-border-subtle);
308
- border-radius: var(--st-component-control-radius, 0.375rem);
308
+ border-radius: 0;
309
309
  margin: 0 0 0.5rem;
310
310
  padding: 0.4rem 0.6rem;
311
311
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sentropic/design-system-svelte",
3
- "version": "0.34.66",
3
+ "version": "0.34.67",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -27,7 +27,6 @@
27
27
  ],
28
28
  "dependencies": {
29
29
  "@lucide/svelte": "^0.562.0",
30
- "@sentropic/design-system-theme-carbon": "0.2.2",
31
30
  "@sentropic/design-system-themes": "0.11.0"
32
31
  },
33
32
  "peerDependencies": {
@@ -39,7 +38,6 @@
39
38
  "test": "vitest run src"
40
39
  },
41
40
  "devDependencies": {
42
- "@sentropic/design-system-theme-carbon": "0.2.2",
43
41
  "@sentropic/design-system-theme-dsfr": "0.2.2",
44
42
  "@sentropic/design-system-themes": "0.11.0",
45
43
  "@sveltejs/package": "^2.5.0",