@vio-live/web-sdk 0.7.0 → 0.8.0

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
 import * as _lit_react from '@lit/react';
-import { V as VioCart$1, a as VioCheckout$1, b as VioProduct$1, c as VioProductCarousel$1, d as VioProductDetail$1 } from '../tokens-CCZuuTN6.js';
-export { e as VioThemeOverrides, f as VioTokens, g as applyVioTheme } from '../tokens-CCZuuTN6.js';
+import { V as VioCart$1, a as VioCheckout$1, b as VioProduct$1, c as VioProductCarousel$1, d as VioProductDetail$1 } from '../tokens-DtqqmAiG.js';
+export { e as VioThemeOverrides, f as VioTokens, g as applyVioTheme } from '../tokens-DtqqmAiG.js';
 import 'lit-html';
 import 'lit';
 

package/dist/react/index.js

@@ -1,5 +1,5 @@
-import { registerVioElements, VioProduct, VioProductCarousel, VioProductDetail, VioCart, VioCheckout } from '../chunk-GPMDZSC2.js';
-export { VioTokens, applyVioTheme } from '../chunk-GPMDZSC2.js';
+import { registerVioElements, VioProduct, VioProductCarousel, VioProductDetail, VioCart, VioCheckout } from '../chunk-YNKOGPTE.js';
+export { VioTokens, applyVioTheme } from '../chunk-YNKOGPTE.js';
 import '../chunk-4ZEN4J7I.js';
 import * as React from 'react';
 

package/dist/{tokens-CCZuuTN6.d.ts → tokens-DtqqmAiG.d.ts}

@@ -521,6 +521,8 @@ declare const VioTokens: {
         readonly sm: "2px";
         readonly md: "4px";
         readonly lg: "8px";
+        /** Sheet/drawer corners — the largest surface radius in the checkout. */
+        readonly xl: "16px";
         readonly full: "9999px";
     };
 };
@@ -535,10 +537,16 @@ declare const VioTokens: {
  * `injectTokens` installs above, regardless of import/injection order — no
  * specificity fights, no reaching for `!important`.
  *
- * A curated subset on purpose: colors + fonts are what a merchant/publisher
- * actually wants a "brand settings" panel for. Spacing/radius/sizes stay
- * internal — expose them here later if a real need shows up, don't
- * speculatively surface the whole token set as public API.
+ * A curated subset on purpose — colors, fonts, corner radius and the spacing
+ * steps the checkout actually uses. Radius and spacing were added once the
+ * need was real (brand panels in Vev/Replit): corner shape is the strongest
+ * identity lever after colour, and the spacing steps drive comfortable-vs-
+ * compact density. The rest of the token set (sizes, tracking, line heights)
+ * stays internal — don't speculatively surface it as public API.
+ *
+ * Panels are expected to present these as a few opinionated choices (e.g.
+ * "Sharp / Default / Rounded") rather than four raw pixel inputs; the API
+ * stays per-token so a panel can compose whatever presets it wants.
  *
  * Host integrations (the Vio Config panel in Vev, a future Replit CMS
  * panel, anything else) should call this ONE function — never set
@@ -558,6 +566,18 @@ interface VioThemeOverrides {
     colorBorderDefault?: string;
     fontSerif?: string;
     fontSans?: string;
+    /** Corner radius. `sm` = drag handles, `lg` = controls (chips, notices,
+     *  shipping options), `xl` = the sheet/drawer itself. Set all three to `0`
+     *  for a square look, or raise `xl` for a softer one. */
+    radiusSm?: string;
+    radiusMd?: string;
+    radiusLg?: string;
+    radiusXl?: string;
+    /** Spacing steps — drive checkout density (compact vs comfortable). */
+    spaceSm?: string;
+    spaceMd?: string;
+    spaceLg?: string;
+    spaceXl?: string;
 }
 /**
  * Apply (or clear) theme overrides. Pass `null`/`undefined` for a key to

package/dist/ui/index.d.ts

@@ -1,4 +1,4 @@
-export { V as VioCart, a as VioCheckout, b as VioProduct, c as VioProductCarousel, d as VioProductDetail, e as VioThemeOverrides, f as VioTokens, g as applyVioTheme } from '../tokens-CCZuuTN6.js';
+export { V as VioCart, a as VioCheckout, b as VioProduct, c as VioProductCarousel, d as VioProductDetail, e as VioThemeOverrides, f as VioTokens, g as applyVioTheme } from '../tokens-DtqqmAiG.js';
 import 'lit-html';
 import 'lit';
 

package/dist/ui/index.js

@@ -1,5 +1,5 @@
-import { registerVioElements } from '../chunk-GPMDZSC2.js';
-export { VioCart, VioCheckout, VioProduct, VioProductCarousel, VioProductDetail, VioTokens, applyVioTheme, registerVioElements } from '../chunk-GPMDZSC2.js';
+import { registerVioElements } from '../chunk-YNKOGPTE.js';
+export { VioCart, VioCheckout, VioProduct, VioProductCarousel, VioProductDetail, VioTokens, applyVioTheme, registerVioElements } from '../chunk-YNKOGPTE.js';
 import '../chunk-4ZEN4J7I.js';
 
 // src/ui/index.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vio-live/web-sdk",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Vio Web SDK — in-site shoppable + native checkout, designed for editorial commerce sites",
   "type": "module",
   "main": "./dist/index.js",