@klodd/ds 5.4.2 → 5.5.0

package/css/components/review-banner.css

@@ -1,70 +0,0 @@
-/* ================================================================
-   components/review-banner.css
-   Generic warning-CTA-banner: titel + meta + chevron i pill-form.
-   Anvands for "X att granska/atgarda"-rader som lankar till en
-   review-vy. Warning-toned bakgrund.
-
-   Lyft fran Ekonom v4.4.0 (ADR 0020). Konsumeras av alla appar som
-   har en granskning/atgards-flow.
-
-   Blocks:
-     .review-banner  - klickbar warning-CTA-banner
-
-   Element:
-     .review-banner__title  - rubrik-text (fs-14 medium)
-     .review-banner__meta   - underrubrik (fs-12 subtle)
-     .review-banner__chev   - chevron-svg, hoger-stalld
-
-   HTML:
-     <a href="/granskning" class="review-banner">
-       <div>
-         <p class="review-banner__title">X att granska</p>
-         <p class="review-banner__meta">Mojliga utgifter</p>
-       </div>
-       <svg class="review-banner__chev"...></svg>
-     </a>
-   ================================================================ */
-.review-banner {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--space-12);
-  background: var(--warning-dim);
-  border: var(--bw-hairline) solid var(--warning-border);
-  border-radius: var(--radius-14);
-  padding: var(--space-14) var(--space-16);
-  margin-bottom: var(--space-14);
-  color: var(--text-default);
-  text-decoration: none;
-  transition: var(--tr-bg-base);
-}
-
-@media (hover: hover) and (pointer: fine) {
-  .review-banner:hover {
-    text-decoration: none;
-    background: var(--warning-hover, var(--warning-dim));
-  }
-}
-
-.review-banner:focus-visible {
-  outline: 2px solid var(--accent-9);
-  outline-offset: 2px;
-}
-
-.review-banner__title {
-  font-size: var(--fs-14);
-  font-weight: var(--fw-medium);
-  color: var(--text-default);
-  margin: 0;
-}
-
-.review-banner__meta {
-  font-size: var(--fs-12);
-  color: var(--text-subtle);
-  margin: var(--space-2) 0 0;
-}
-
-.review-banner__chev {
-  opacity: 0.7;
-  flex-shrink: 0;
-}

package/css/components/status-icon.css

@@ -1,32 +0,0 @@
-/* ================================================================
-   components/status-icon.css
-   Inline status-icon i text-flow (clock, alert, check). Tightare
-   pa baseline + flex-shrink:0 sa den inte staucher i smala containers.
-
-   Anvands typiskt efter en description-text for att signalera tillstand:
-   pending, stale, success, warning.
-
-   Lyft fran Ekonom v4.4.0 (var .tx-pending-icon, ADR 0020).
-
-   Blocks:
-     .status-icon  - inline-flex SVG-wrapper for status-indicator
-
-   Modifiers:
-     .status-icon--pending  - default muted-color (clock-icon)
-     .status-icon--stale    - warning-color (clock som blivit gammal)
-     .status-icon--success  - positive-color (check)
-     .status-icon--warning  - warning-color (alert)
-   ================================================================ */
-.status-icon {
-  display: inline-flex;
-  align-items: center;
-  margin-left: var(--space-6);
-  color: var(--text-muted);
-  vertical-align: -2px;
-  flex-shrink: 0;
-}
-
-.status-icon--pending { color: var(--text-muted); }
-.status-icon--stale   { color: var(--warning); }
-.status-icon--success { color: var(--positive); }
-.status-icon--warning { color: var(--warning); }

package/css/components/tag-inline.css

@@ -1,21 +0,0 @@
-/* ================================================================
-   components/tag-inline.css
-   Diskret inline-tag som markerar metadata in-line med brodtext.
-   Mindre an .chip - har ingen pill-bakgrund. Bara avvikande font-
-   storlek + muted color + slight tracking.
-
-   Anvands typiskt for inline-status (estimat, beta, deprecated) som
-   ska synas men inte dominera surrounding text.
-
-   Lyft fran Ekonom v4.4.0 (var .estimat-tag, ADR 0020).
-
-   Blocks:
-     .tag-inline  - inline-tag i muted text-stil
-   ================================================================ */
-.tag-inline {
-  font-style: normal;
-  font-size: var(--fs-11);
-  color: var(--text-muted);
-  font-weight: var(--fw-regular);
-  letter-spacing: var(--ls-tracker, 0.02em);
-}

package/js/index.js

@@ -1,95 +0,0 @@
-/* @klodd/ds - JavaScript entry point.
- *
- * Convenience-aggregator som kor enskilda init-funktioner. Default
- * fungerar utan konfiguration (LLM-vanligt). Konfig-objektet kan
- * over-rida vad som ska aktiveras.
- *
- * Anvandning:
- *
- *   <script src="https://unpkg.com/@klodd/ds/js/index.js" defer></script>
- *   <script>
- *     window.addEventListener('DOMContentLoaded', () => {
- *       KloddDS.init();
- *     });
- *   </script>
- *
- * Eller med konfig:
- *
- *   KloddDS.init({
- *     swPath: '/service-worker.js',
- *     lucide: true,
- *     barStyles: true,
- *     heroRoll: true,
- *     pullToRefresh: false,
- *     turboNav: false,
- *     navOptimistic: true,
- *     sheetDrag: true,
- *     pwaRegister: false,  // satt true + swPath for SW + install-prompts
- *   });
- *
- * Individuella moduler kan ocksa importeras separat fran js/-mappen.
- * KloddDS.init() ar bara en convenience-wrapper - den inkluderar inte
- * filerna sjalv, dvs varje modul-fil maste laddas via <script>-tag.
- *
- * Defaults ar konservativa: heavy beteenden (PtR, Turbo Drive, PWA
- * register) ar OFF default. App-mantainern aktiverar opt-in.
- */
-'use strict';
-
-(function (root) {
-  const defaults = {
-    lucide: true,
-    barStyles: true,
-    heroRoll: true,
-    navOptimistic: true,
-    sheetDrag: true,
-    pullToRefresh: false,
-    turboNav: false,
-    pwaRegister: false,
-    swPath: '/static/sw.js',
-  };
-
-  const KloddDS = {
-    init(config) {
-      const cfg = Object.assign({}, defaults, config || {});
-
-      if (cfg.lucide && typeof root.initLucide === 'function') {
-        root.initLucide();
-      } else if (cfg.lucide && root.lucide && typeof root.lucide.createIcons === 'function') {
-        root.lucide.createIcons();
-      }
-
-      if (cfg.barStyles && typeof root.initBarStyles === 'function') {
-        root.initBarStyles();
-      }
-
-      if (cfg.heroRoll && typeof root.initHeroRoll === 'function') {
-        root.initHeroRoll();
-      }
-
-      if (cfg.navOptimistic && typeof root.initNavOptimistic === 'function') {
-        root.initNavOptimistic();
-      }
-
-      if (cfg.sheetDrag && typeof root.initSheetDrag === 'function') {
-        root.initSheetDrag();
-      }
-
-      if (cfg.pullToRefresh && typeof root.initPullToRefresh === 'function') {
-        root.initPullToRefresh();
-      }
-
-      if (cfg.turboNav && typeof root.initTurboNav === 'function') {
-        root.initTurboNav();
-      }
-
-      if (cfg.pwaRegister && typeof root.initPwaRegister === 'function') {
-        root.initPwaRegister({ swPath: cfg.swPath });
-      }
-    },
-
-    version: '2.0.0',
-  };
-
-  root.KloddDS = KloddDS;
-})(typeof window !== 'undefined' ? window : globalThis);