@klodd/ds 3.4.2 → 3.4.4

package/bin/klodd-ds.js

@@ -1,10 +1,10 @@
 #!/usr/bin/env node
 /* @klodd/ds CLI-dispatcher.
  *
- * Anvandning fran ett app-repo (Jubb, Ekonom, framtida appar):
+ * Användning från ett app-repo (Jubb, Ekonom, framtida appar):
  *   npx @klodd/ds sync       - kopiera paketets CSS/JS till app-repots ds-mapp
  *   npx @klodd/ds verify     - diff:a committade DS-filer mot paketet (CI-gate)
- *   npx @klodd/ds precache   - generera PRECACHE_URLS fran main.css + base.html
+ *   npx @klodd/ds precache   - generera PRECACHE_URLS från main.css + base.html
  *
  * Konfiguration: klodd-ds.json i app-repots rot.
  *   { "cssTarget": "app/static/css/ds", "jsTarget": "app/static/js/ds" } */
@@ -14,11 +14,11 @@ const cmd = process.argv[2];
 const valid = new Set(['sync', 'verify', 'precache']);
 
 if (!valid.has(cmd)) {
-  console.error('Anvandning: npx @klodd/ds <sync|verify|precache>');
+  console.error('Användning: npx @klodd/ds <sync|verify|precache>');
   console.error('');
   console.error('  sync      Kopiera paketets CSS/JS till app-repots ds-mapp.');
   console.error('  verify    Diff:a committade DS-filer mot paketet (CI-gate).');
-  console.error('  precache  Generera PRECACHE_URLS fran main.css + base.html.');
+  console.error('  precache  Generera PRECACHE_URLS från main.css + base.html.');
   process.exit(1);
 }
 

package/bin/precache.js

@@ -1,12 +1,12 @@
 #!/usr/bin/env node
-/* @klodd/ds precache - genererar PRECACHE_URLS fran main.css @imports
+/* @klodd/ds precache - genererar PRECACHE_URLS från main.css @imports
  * och base.html <link>-taggar.
- * Kor: npx @klodd/ds precache
+ * Kör: npx @klodd/ds precache
  * Output: lista av URL:er att klistra in i sw.js
  *
  * Notera: hanterar bara direkta @import i main.css (inte nested).
- * Ekonom har bundles/ekonom.css som importerar nestat - kompletterar
- * manuellt vid jamforelse mot befintlig PRECACHE_URLS. */
+ * Ekonom har bundles/ekonom.css som importerar nästat - kompletterar
+ * manuellt vid jämförelse mot befintlig PRECACHE_URLS. */
 'use strict';
 
 const fs = require('fs');
@@ -36,8 +36,8 @@ const htmlLinks = [...baseHtml.matchAll(/<link[^>]+rel=["']stylesheet["'][^>]+hr
 const allUrls = [...new Set([...cssImports, ...htmlLinks])].sort();
 
 console.log('// Auto-genererat av npx @klodd/ds precache');
-console.log('// Kor kommandot igen om main.css eller base.html andras.');
-console.log('// Hanterar bara direkta @imports - jamfor mot befintlig SW-lista.');
+console.log('// Kör kommandot igen om main.css eller base.html ändras.');
+console.log('// Hanterar bara direkta @imports - jämför mot befintlig SW-lista.');
 console.log('const PRECACHE_URLS = [');
 allUrls.forEach((url) => console.log(`  '${url}',`));
 console.log('];');

package/bin/sync.js

@@ -1,8 +1,8 @@
 #!/usr/bin/env node
 /* @klodd/ds sync - kopierar paketets CSS och JS till app-repot.
- * Kor: npx @klodd/ds sync
- * Forutsatter att CWD ar app-repots rot.
- * Laser cssTarget/jsTarget fran klodd-ds.json i CWD, eller anvander default.
+ * Kör: npx @klodd/ds sync
+ * Förutsätter att CWD är app-repots rot.
+ * Läser cssTarget/jsTarget från klodd-ds.json i CWD, eller använder default.
  *
  * Cross-platform via fs.cpSync (Node 16.7+) - inte POSIX cp -r. */
 'use strict';

package/bin/verify.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
-/* @klodd/ds verify - diff:ar committade DS-filer mot paket-kallan.
- * Kor i CI: npx @klodd/ds verify
+/* @klodd/ds verify - diff:ar committade DS-filer mot paket-källan.
+ * Kör i CI: npx @klodd/ds verify
  * Fail:ar med exit code 1 om drift detekteras. */
 'use strict';
 
@@ -58,7 +58,7 @@ const allDrift = [...cssDrift, ...jsDrift];
 if (allDrift.length > 0) {
   console.error('FAIL: @klodd/ds drift detekterad:');
   allDrift.forEach((d) => console.error('  ' + d));
-  console.error('\nKor `npm run build:ds` for att synka.');
+  console.error('\nKör `npm run build:ds` för att synka.');
   process.exit(1);
 }
 

package/css/apps/ekonom.css

@@ -1,6 +1,6 @@
 /* ================================================================
    apps/ekonom.css - Ekonom (hushallsekonomi) overrides
-   Sätt data-app="ekonom" pa <html>. Refererar bara primitives, inte
+   Sätt data-app="ekonom" på <html>. Refererar bara primitives, inte
    semantic - eftersom semantic-lagret laser dessa.
 
    Ekonom har:
@@ -9,7 +9,7 @@
    3. Varm Plum-tonad high-contrast text (#F4F2FA istallet for Mauve-12)
 
    Komponenter laser bara semantic tokens via 10-semantic.css. De vet
-   aldrig om appen ar Jubb (Mauve neutral + Blue accent) eller Ekonom
+   aldrig om appen är Jubb (Mauve neutral + Blue accent) eller Ekonom
    (Plum surface + Plum accent).
    ================================================================ */
 [data-app="ekonom"] {
@@ -21,13 +21,13 @@
   --accent-text:     var(--plum-11);
 
   /* Surface - varm plum-tonad bakgrund istallet for Mauve-neutral.
-     Plum-1 (#181118) ar nastan lika mork som Mauve-1 men med plum-
+     Plum-1 (#181118) är nastan lika mork som Mauve-1 men med plum-
      ton.
 
-     Konvention: --surface-raised = appens <color>-2. Galler alla
+     Konvention: --surface-raised = appens <color>-2. Gäller alla
      Klodd-appar (Jubb -> blue-2, Ekonom -> plum-2). Korten ligger
-     subtilt over page-bakgrunden utan att bli for ljus. Tidigare
-     anvande Ekonom --plum-2-5 (mellanvarde) - nu linjerat med
+     subtilt over page-bakgrunden utan att bli för ljus. Tidigare
+     använde Ekonom --plum-2-5 (mellanvarde) - nu linjerat med
      samma regel som Jubb. */
   --surface-page:    var(--plum-1);   /* #181118 */
   --surface-default: var(--plum-2);   /* #201320 */
@@ -41,7 +41,7 @@
      Bevarar den karaktaren som Ekonom haft sedan tidigt. */
   --text-default: #F4F2FA;
 
-  /* Accent alpha - Radix Plum Dark Alpha. Override pa default-Blue. */
+  /* Accent alpha - Radix Plum Dark Alpha. Override på default-Blue. */
   --accent-a1:  var(--plum-a1);
   --accent-a2:  var(--plum-a2);
   --accent-a3:  var(--plum-a3);

package/css/apps/jubb.css

@@ -1,10 +1,10 @@
 /* ================================================================
    apps/jubb.css - Jubb (jobbradar) accent-override
-   Sätt data-app="jubb" pa <html>. Refererar bara primitives, inte
+   Sätt data-app="jubb" på <html>. Refererar bara primitives, inte
    semantic - eftersom semantic-lagret laser dessa.
 
    Komponenter laser bara --accent-* via 10-semantic.css. De vet
-   aldrig om appen ar Jubb eller Ekonom.
+   aldrig om appen är Jubb eller Ekonom.
    ================================================================ */
 [data-app="jubb"] {
   /* Accent - Radix Blue Dark */
@@ -18,12 +18,12 @@
      Tidigare arvde apparna default Mauve-skala for surface - nu far
      bagge appar app-specifik surface-tone som matchar accent.
 
-     Konvention: --surface-raised = appens <color>-2. Galler alla
+     Konvention: --surface-raised = appens <color>-2. Gäller alla
      Klodd-appar (Jubb -> blue-2, Ekonom -> plum-2). Denna lagger
      korten subtilt over page-bakgrunden (color-1) utan att bli
      for ljus.
 
-     Blue-1 (#0d1520) ar morkast - sidans bakgrund.
+     Blue-1 (#0d1520) är morkast - sidans bakgrund.
      Blue-2 (#111927) - sektioner, nav, tab-bar OCH kort (raised).
      Blue-3 (#0d2847) - inte langre raised, frigjord for ev. framtida
      niva mellan raised och overlay.

package/css/components/panel.css

@@ -1,11 +1,11 @@
 /* ================================================================
    components/panel.css
-   Allmanna paneler. .panel ar bas. Modifiers: --info, --danger,
+   Allmanna paneler. .panel är bas. Modifiers: --info, --danger,
    --attention. Slot-element: .panel__title, .panel__title-row,
    .panel__step-row.
 
-   Skiljer sig fran .card sa: panel ar mer noga med padding och
-   margin-bottom (flode i lista). Card ar mer flexibel med slots
+   Skiljer sig fran .card sa: panel är mer noga med padding och
+   margin-bottom (flode i lista). Card är mer flexibel med slots
    (.card-header, .card-body, .card-footer).
    ================================================================ */
 .panel {
@@ -52,11 +52,11 @@
 }
 
 .panel--info {
-  border-left: 3px solid var(--positive-border);
+  border: 1px solid var(--positive-border);
 }
 
 .panel--info-warning {
-  border-left: 3px solid var(--warning-border);
+  border: 1px solid var(--warning-border);
 }
 
 .panel--danger {

package/css/components/setting-row.css

@@ -25,7 +25,11 @@
   justify-content: space-between;
   gap: var(--space-12);
   width: 100%;
-  padding: var(--space-14) var(--space-16);
+  /* Bara vertikal padding - horisontell sajt-padding kommer fran parent
+     (panel, card, ds-demo etc). Tidigare var det dubbel-indrag - text
+     hamnade indragen fran parent-padding plus rad-padding. Nu alignar
+     setting-row med split-bar och andra edge-to-edge-element. */
+  padding: var(--space-14) 0;
   background: transparent;
   border: 0;
   border-radius: var(--radius-12);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@klodd/ds",
-  "version": "3.4.2",
-  "description": "Klodd Design System - shared tokens, typography, components and JS for Jubb, Ekonom, and future apps. v3.4 inkluderar sync/verify/precache CLI sa app-repona inte langre handhaller egna build-script. v3.4.1 tar bort Google Fonts @import + gor hero-roll-kommentarer app-agnostiska. v3.4.2 etablerar surface-raised = <color>-2-konvention for kort/paneler i alla appar.",
+  "version": "3.4.4",
+  "description": "Klodd Design System - shared tokens, typography, components and JS for Jubb, Ekonom, and future apps. v3.4.4 städar åäö i CLI-skript och paket-CSS-kommentarer (preferences-regel #11: alltid å/ä/ö i svenska texter).",
   "main": "css/index.css",
   "bin": {
     "klodd-ds": "./bin/klodd-ds.js"