@echodial/deck 0.1.2 → 0.1.3

package/README.md

@@ -4,7 +4,7 @@
 [![Packagist version](https://img.shields.io/packagist/v/echodial/deck)](https://packagist.org/packages/echodial/deck)
 [![License: MIT](https://img.shields.io/npm/l/@echodial/deck)](LICENSE)
 
-**Deck is a CSS framework that ships as one 26.7 KB Brotli (32.7 KB gzip) stylesheet: buttons, forms,
+**Deck is a CSS framework that ships as one 26.8 KB Brotli (32.7 KB gzip) stylesheet: buttons, forms,
 tables, a data grid, charts, overlays, an icon sprite, and a full color system. You add it
 with one `<link>` tag. There is no build step, no config file, and zero dependencies.**
 
@@ -23,7 +23,7 @@ That is the whole install. Nothing to compile, nothing to purge, nothing to conf
   whole page with no second stylesheet.
 - **Zero runtime dependencies.** The JavaScript is optional and dependency-free.
 
-Version 0.1.2 · MIT · Chrome 117+, Edge 117+, Safari 17.4+, Firefox 128+
+Version 0.1.3 · MIT · Chrome 117+, Edge 117+, Safari 17.4+, Firefox 128+
 
 ## What Deck weighs
 
@@ -33,14 +33,14 @@ it for text by default, so Brotli is what most users actually receive.
 
 | File | Brotli | gzip |
 | --- | --- | --- |
-| `deck.min.css` | **26.7 KB** | 32.7 KB |
+| `deck.min.css` | **26.8 KB** | 32.7 KB |
 | `deck-icons.svg` | **27.1 KB** | 33.6 KB |
 | `deck.min.js` | **8.9 KB** | 10.0 KB |
 | **All three** | **62.8 KB** | **76.3 KB** |
 
 The sprite is the largest single file, slightly bigger than the stylesheet — worth stating
 plainly rather than leaving you to find it in devtools. Swapping `deck.min.js` for the full
-`deck.bundle.min.js` (adds the date picker, combobox, data grid, toasts, QR encoder)
+`deck.bundle.min.js` (adds the carousel, drawer, mega menu, copy button, QR encoder, editor and library adapters)
 makes the JavaScript 17.3 KB and the total 71.2 KB Brotli (85.8 KB gzip).
 
 ### The sprite is a manifest, not a fixed cost
@@ -74,9 +74,9 @@ brand marks through from the previous sprite, and dropping them drops the marks.
 
 | File | Brotli | gzip | What it is |
 | --- | --- | --- | --- |
-| `deck.min.css` | 26.7 KB | 32.7 KB | The whole framework |
+| `deck.min.css` | 26.8 KB | 32.7 KB | The whole framework |
 | `deck.min.js` | 8.9 KB | 10.0 KB | Optional behaviour, no dependencies |
-| `deck-extras.min.js` | 5.7 KB | 6.5 KB | Date picker, combobox, data grid, toasts, QR encoder |
+| `deck-extras.min.js` | 5.7 KB | 6.5 KB | Carousel, drawer, mega menu, copy button, QR encoder, editor |
 | `deck-adapters.min.js` | 4.0 KB | 4.5 KB | Optional library integrations, inert unless one is loaded |
 | `deck.bundle.min.js` | 17.3 KB | 19.5 KB | All three scripts in one file |
 | `deck-icons.svg` | 27.1 KB | 33.6 KB | 152 symbols: 75 icons at two weights, plus two brand marks |
@@ -183,9 +183,12 @@ npm install @echodial/deck
 
 ```js
 import '@echodial/deck/css';
-import Deck from '@echodial/deck';
+import '@echodial/deck/bundle';   // sets window.Deck
 ```
 
+In 0.1.2, `import Deck from '@echodial/deck'` does not build: the file it resolves to ends in
+an export that is not valid JavaScript. Import the bundle for its side effect instead.
+
 Subpath exports, so you can take only what you need:
 
 | Import | What it is |
@@ -193,8 +196,8 @@ Subpath exports, so you can take only what you need:
 | `@echodial/deck/css` | the whole stylesheet |
 | `@echodial/deck/css/min` | minified |
 | `@echodial/deck/icons` | the sprite |
-| `@echodial/deck/js` | core behaviour |
-| `@echodial/deck/extras` | datepicker, combobox, grid, toasts, QR |
+| `@echodial/deck/js` | core behaviour: toasts, theme switch, date picker, combobox, data grid |
+| `@echodial/deck/extras` | carousel, drawer, mega menu, copy button, QR, editor |
 | `@echodial/deck/adapters` | optional library integrations |
 | `@echodial/deck/bundle` | all three in one file |
 | `@echodial/deck/layers/tokens.css` | one layer at a time |

package/build.mjs

@@ -287,7 +287,7 @@ async function build() {
     `/* Deck v${pkg.version} — ES module entry.\n` +
     `   The scripts attach Deck to globalThis; this re-exports it so that\n` +
     `   \`import Deck from '@echodial/deck'\` behaves the way you expect. */\n` +
-    bundle + '\nexport default globalThis.Deck;\nexport { globalThis as __deckGlobal };\n');
+    bundle + '\nexport default globalThis.Deck;\n');
 
   // ---- Sizes ---------------------------------------------------------------
   // One place for every published figure. dist/sizes.json is the single source

package/dist/api-buckets.json

@@ -965,7 +965,7 @@
       "layer": "deck.components",
       "file": "07-components.css",
       "line": 431,
-      "uses": 12
+      "uses": 14
     },
     "accordion-body": {
       "bucket": "public",
@@ -975,7 +975,7 @@
       "layer": "deck.components",
       "file": "07-components.css",
       "line": 460,
-      "uses": 23
+      "uses": 25
     },
     "actions-cq": {
       "bucket": "public",
@@ -1005,7 +1005,7 @@
       "layer": "deck.components",
       "file": "07-components.css",
       "line": 146,
-      "uses": 58
+      "uses": 60
     },
     "alert-bad": {
       "bucket": "public",
@@ -1015,7 +1015,7 @@
       "layer": "deck.components",
       "file": "07-components.css",
       "line": 169,
-      "uses": 10
+      "uses": 12
     },
     "alert-body": {
       "bucket": "public",
@@ -1025,7 +1025,7 @@
       "layer": "deck.components",
       "file": "07-components.css",
       "line": 160,
-      "uses": 47
+      "uses": 49
     },
     "alert-good": {
       "bucket": "public",
@@ -1045,7 +1045,7 @@
       "layer": "deck.components",
       "file": "07-components.css",
       "line": 163,
-      "uses": 16
+      "uses": 18
     },
     "alert-title": {
       "bucket": "public",
@@ -1055,7 +1055,7 @@
       "layer": "deck.components",
       "file": "07-components.css",
       "line": 157,
-      "uses": 47
+      "uses": 49
     },
     "alert-warn": {
       "bucket": "public",
@@ -1065,7 +1065,7 @@
       "layer": "deck.components",
       "file": "07-components.css",
       "line": 167,
-      "uses": 18
+      "uses": 16
     },
     "anchor": {
       "bucket": "public",
@@ -1185,7 +1185,7 @@
       "layer": "deck.components",
       "file": "07-components.css",
       "line": 81,
-      "uses": 194
+      "uses": 196
     },
     "badge-bad": {
       "bucket": "public",
@@ -1225,7 +1225,7 @@
       "layer": "deck.components",
       "file": "07-components.css",
       "line": 98,
-      "uses": 44
+      "uses": 46
     },
     "badge-solid": {
       "bucket": "public",
@@ -1485,7 +1485,7 @@
       "layer": "deck.components",
       "file": "05-buttons.css",
       "line": 7,
-      "uses": 564
+      "uses": 568
     },
     "btn-3d": {
       "bucket": "public",
@@ -1595,7 +1595,7 @@
       "layer": "deck.components",
       "file": "05-buttons.css",
       "line": 72,
-      "uses": 121
+      "uses": 123
     },
     "btn-round": {
       "bucket": "public",
@@ -2275,7 +2275,7 @@
       "layer": "deck.components",
       "file": "06-forms.css",
       "line": 175,
-      "uses": 128
+      "uses": 129
     },
     "check-card": {
       "bucket": "public",
@@ -2355,7 +2355,7 @@
       "layer": "deck.layout",
       "file": "04-layout.css",
       "line": 74,
-      "uses": 367
+      "uses": 369
     },
     "cluster-between": {
       "bucket": "public",
@@ -2635,7 +2635,7 @@
       "layer": "deck.layout",
       "file": "04-layout.css",
       "line": 11,
-      "uses": 99
+      "uses": 101
     },
     "container-full": {
       "bucket": "public",
@@ -3795,7 +3795,7 @@
       "layer": "deck.mobile",
       "file": "08-mobile.css",
       "line": 183,
-      "uses": 60
+      "uses": 61
     },
     "emoji-grid": {
       "bucket": "public",
@@ -4995,7 +4995,7 @@
       "layer": "deck.mobile",
       "file": "08-mobile.css",
       "line": 134,
-      "uses": 618
+      "uses": 627
     },
     "icon-fill": {
       "bucket": "public",
@@ -5005,7 +5005,7 @@
       "layer": "deck.mobile",
       "file": "08-mobile.css",
       "line": 156,
-      "uses": 12
+      "uses": 14
     },
     "icon-follow": {
       "bucket": "public",
@@ -5025,7 +5025,7 @@
       "layer": "deck.mobile",
       "file": "08-mobile.css",
       "line": 154,
-      "uses": 85
+      "uses": 89
     },
     "icon-muted": {
       "bucket": "public",
@@ -5975,7 +5975,7 @@
       "layer": "deck.type",
       "file": "03-type.css",
       "line": 29,
-      "uses": 210
+      "uses": 212
     },
     "lg": {
       "bucket": "public",
@@ -7985,7 +7985,7 @@
       "layer": "deck.components",
       "file": "06-forms.css",
       "line": 288,
-      "uses": 56
+      "uses": 59
     },
     "range-pair": {
       "bucket": "public",
@@ -8445,7 +8445,7 @@
       "layer": "deck.layout",
       "file": "04-layout.css",
       "line": 161,
-      "uses": 86
+      "uses": 88
     },
     "segmented": {
       "bucket": "public",
@@ -8895,7 +8895,7 @@
       "layer": "deck.utilities",
       "file": "09-utilities.css",
       "line": 182,
-      "uses": 125
+      "uses": 137
     },
     "stack": {
       "bucket": "public",
@@ -8935,7 +8935,7 @@
       "layer": "deck.layout",
       "file": "04-layout.css",
       "line": 63,
-      "uses": 485
+      "uses": 487
     },
     "stack-3": {
       "bucket": "public",
@@ -8945,7 +8945,7 @@
       "layer": "deck.layout",
       "file": "04-layout.css",
       "line": 65,
-      "uses": 2144
+      "uses": 2150
     },
     "stack-4": {
       "bucket": "public",
@@ -8965,7 +8965,7 @@
       "layer": "deck.layout",
       "file": "04-layout.css",
       "line": 69,
-      "uses": 140
+      "uses": 142
     },
     "stack-8": {
       "bucket": "public",
@@ -9245,7 +9245,7 @@
       "layer": "deck.components",
       "file": "07-components.css",
       "line": 241,
-      "uses": 112
+      "uses": 124
     },
     "table-compact": {
       "bucket": "public",
@@ -9265,7 +9265,7 @@
       "layer": "deck.components",
       "file": "07-components.css",
       "line": 274,
-      "uses": 100
+      "uses": 112
     },
     "table-wrap": {
       "bucket": "public",
@@ -9275,7 +9275,7 @@
       "layer": "deck.components",
       "file": "07-components.css",
       "line": 231,
-      "uses": 109
+      "uses": 121
     },
     "tabs": {
       "bucket": "public",
@@ -9605,7 +9605,7 @@
       "layer": "deck.components",
       "file": "13-toasts.css",
       "line": 49,
-      "uses": 36
+      "uses": 38
     },
     "toast-action": {
       "bucket": "internal",

package/dist/deck.css

@@ -1,5 +1,5 @@
 /*! ==========================================================================
- *  Deck v0.1.2 — the CSS framework for Keel
+ *  Deck v0.1.3 — the CSS framework for Keel
  *  Mobile first. One file. No build step. No config. No dependencies.
  *
  *  <link rel="stylesheet" href="/assets/deck.css">

package/dist/deck.esm.js

@@ -1,4 +1,4 @@
-/* Deck v0.1.2 — ES module entry.
+/* Deck v0.1.3 — ES module entry.
    The scripts attach Deck to globalThis; this re-exports it so that
    `import Deck from '@echodial/deck'` behaves the way you expect. */
 /*! ==========================================================================
@@ -2641,4 +2641,3 @@ if (typeof module !== 'undefined' && module.exports) module.exports = Deck;
    : typeof Deck !== 'undefined' ? Deck : null);
 
 export default globalThis.Deck;
-export { globalThis as __deckGlobal };

package/dist/deck.min.css

@@ -1,5 +1,5 @@
 /*! ==========================================================================
- *  Deck v0.1.2 — the CSS framework for Keel
+ *  Deck v0.1.3 — the CSS framework for Keel
  *  Mobile first. One file. No build step. No config. No dependencies.
  *
  *  <link rel="stylesheet" href="/assets/deck.css">
@@ -15,7 +15,7 @@
  *  MIT licence. https://get-deck.dev
  *  ======================================================================== */
 /*! ==========================================================================
- *  Deck v0.1.2 — the CSS framework for Keel
+ *  Deck v0.1.3 — the CSS framework for Keel
  *  Mobile first. One file. No build step. No config. No dependencies.
  *
  *  <link rel="stylesheet" href="/assets/deck.css">

package/dist/sizes.json

@@ -1,11 +1,11 @@
 {
-  "version": "0.1.2",
+  "version": "0.1.3",
   "note": "Generated by build.mjs. Do not edit. Brotli is quality 11 with a size hint.",
   "files": {
     "deck.min.css": {
       "raw": 172836,
       "gzip": 32706,
-      "brotli": 26712
+      "brotli": 26757
     },
     "deck-icons.svg": {
       "raw": 110032,
@@ -36,11 +36,11 @@
   "totals": {
     "core": {
       "gzip": 76268,
-      "brotli": 62757
+      "brotli": 62802
     },
     "bundle": {
       "gzip": 85780,
-      "brotli": 71157
+      "brotli": 71202
     }
   },
   "sample": {

package/dist/usage.json

@@ -7,59 +7,59 @@
     "unused": 17
   },
   "uses": {
-    "stack-3": 2144,
+    "stack-3": 2150,
     "text-muted": 858,
-    "icon": 618,
-    "btn": 564,
-    "stack-2": 485,
-    "cluster": 367,
+    "icon": 627,
+    "btn": 568,
+    "stack-2": 487,
+    "cluster": 369,
     "stack-4": 314,
     "stack": 303,
     "card": 265,
     "cluster-tight": 246,
-    "lede": 210,
+    "lede": 212,
     "card-body": 201,
-    "badge": 194,
+    "badge": 196,
     "breadcrumb": 191,
     "label": 189,
     "btn-sm": 184,
     "field": 177,
     "text-sm": 169,
     "input": 164,
-    "stack-6": 140,
+    "stack-6": 142,
     "icon-sm": 139,
-    "check": 128,
-    "sr-only": 125,
-    "btn-primary": 121,
-    "table": 112,
-    "table-wrap": 109,
+    "sr-only": 137,
+    "check": 129,
+    "table": 124,
+    "btn-primary": 123,
+    "table-wrap": 121,
+    "table-stack": 112,
     "btn-ghost": 109,
-    "table-stack": 100,
-    "container": 99,
+    "container": 101,
     "grid": 96,
     "card-title": 95,
     "push": 94,
+    "icon-lg": 89,
+    "section": 88,
     "fw-semi": 88,
-    "section": 86,
-    "icon-lg": 85,
     "avatar": 81,
     "btn-icon": 77,
     "dg-num": 74,
     "tab": 65,
-    "emoji": 60,
+    "emoji": 61,
+    "alert": 60,
     "skeleton": 60,
-    "alert": 58,
-    "range": 56,
+    "range": 59,
     "num": 55,
     "sidebar-link": 55,
     "icon-tile": 52,
     "grid-tight": 50,
+    "alert-title": 49,
+    "alert-body": 49,
     "switch": 48,
     "split": 48,
-    "alert-title": 47,
-    "alert-body": 47,
+    "badge-good": 46,
     "list-row": 46,
-    "badge-good": 44,
     "select": 44,
     "check-text": 42,
     "menu-item": 42,
@@ -70,9 +70,9 @@
     "file": 39,
     "textarea": 38,
     "list": 38,
+    "toast": 38,
     "s1": 36,
     "enter-rise": 36,
-    "toast": 36,
     "list-main": 35,
     "list-title": 35,
     "number": 35,
@@ -92,6 +92,7 @@
     "lazy": 26,
     "segmented": 26,
     "tip": 26,
+    "accordion-body": 25,
     "chart": 25,
     "dg-check": 25,
     "editor-tool": 25,
@@ -99,7 +100,6 @@
     "step": 25,
     "is-invalid": 24,
     "dg-pin-start": 24,
-    "accordion-body": 23,
     "navbar": 23,
     "chart-bar-fill": 23,
     "icon-tile-lg": 23,
@@ -137,7 +137,7 @@
     "sidebar-group": 19,
     "stack-8": 19,
     "mono": 19,
-    "alert-warn": 18,
+    "alert-info": 18,
     "icon-follow": 18,
     "carousel-slide": 18,
     "carousel": 18,
@@ -156,7 +156,7 @@
     "qr": 17,
     "toast-main": 17,
     "toast-title": 17,
-    "alert-info": 16,
+    "alert-warn": 16,
     "avatar-sm": 16,
     "btn-danger": 16,
     "btn-soft": 16,
@@ -171,6 +171,7 @@
     "addon": 15,
     "kanban-card": 15,
     "kanban": 15,
+    "accordion": 14,
     "avatar-lg": 14,
     "chat": 14,
     "badge-bad": 14,
@@ -180,6 +181,7 @@
     "required": 14,
     "progress": 14,
     "spinner": 14,
+    "icon-fill": 14,
     "modal": 14,
     "pop": 14,
     "step-note": 14,
@@ -202,13 +204,12 @@
     "phone": 13,
     "tabs": 13,
     "pile": 12,
-    "accordion": 12,
+    "alert-bad": 12,
     "badge-brand": 12,
     "carousel-track": 12,
     "carousel-dots": 12,
     "editor-content": 12,
     "g-border": 12,
-    "icon-fill": 12,
     "indicator-badge": 12,
     "kanban-empty": 12,
     "navbar-links": 12,
@@ -240,7 +241,6 @@
     "cq-shell": 11,
     "drag-handle": 11,
     "cube": 10,
-    "alert-bad": 10,
     "avatar-xs": 10,
     "card-header": 10,
     "fab": 10,
@@ -1566,6 +1566,7 @@
       "public_html/docs/reference/php.php",
       "public_html/docs/reference/spacing.php",
       "public_html/docs/start/first-page.php",
+      "public_html/docs/start/install.php",
       "public_html/index.php",
       "public_html/php-helper.php"
     ],
@@ -1959,10 +1960,12 @@
     "accordion": [
       "FINDINGS.md",
       "public_html/docs/components/accordion.php",
+      "public_html/docs/start/install.php",
       "public_html/index.php"
     ],
     "accordion-body": [
       "public_html/docs/components/accordion.php",
+      "public_html/docs/start/install.php",
       "public_html/index.php"
     ],
     "stack-6": [
@@ -2054,6 +2057,7 @@
     "alert-bad": [
       "public_html/docs/components/alert.php",
       "public_html/docs/start/first-page.php",
+      "public_html/docs/start/install.php",
       "public_html/index.php"
     ],
     "icon": [
@@ -2114,6 +2118,7 @@
       "public_html/docs/components/alert.php",
       "public_html/docs/guides/dark-mode.php",
       "public_html/docs/index.php",
+      "public_html/docs/start/install.php",
       "public_html/index.php"
     ],
     "alert-good": [
@@ -3083,6 +3088,7 @@
       "public_html/docs/guides/forms.php",
       "public_html/docs/guides/rtl.php",
       "public_html/docs/start/first-page.php",
+      "public_html/docs/start/install.php",
       "public_html/index.php",
       "public_html/php-helper.php",
       "src/js/deck.js"
@@ -3821,6 +3827,7 @@
       "FINDINGS.md",
       "README.md",
       "public_html/docs/components/emoji.php",
+      "public_html/docs/start/install.php",
       "public_html/index.php"
     ],
     "emoji-lg": [
@@ -4241,6 +4248,7 @@
       "README.md",
       "public_html/docs/_layout.php",
       "public_html/docs/components/icon.php",
+      "public_html/docs/start/install.php",
       "public_html/index.php"
     ],
     "icon-muted": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@echodial/deck",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A mobile-first CSS framework with no build step, no config file, and no dependencies. Retheme an entire app from one number.",
   "keywords": [
     "css",