@vireo-ai/trellis-ui 0.1.25 → 0.1.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vireo-ai/trellis-ui",
-  "version": "0.1.25",
+  "version": "0.1.29",
   "type": "module",
   "description": "Django-native UI toolkit for building realtime and interactive web apps.",
   "license": "MIT",
@@ -54,6 +54,11 @@
       "import": "./packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/*.js",
       "default": "./packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/*.js"
     },
+    "./capabilities/*": {
+      "types": "./packages/client/types/capabilities/*.entry.generated.d.ts",
+      "import": "./packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/*.js",
+      "default": "./packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/*.js"
+    },
     "./cdn": "./packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.js",
     "./cdn.min": "./packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.min.js",
     "./cdn.js": "./packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.js",

package/packages/client/src/components/checkbox/styles.css

@@ -0,0 +1,7 @@
+[data-ui-checkbox][data-variant="pills"]:is(
+  [data-ui-interaction="tonal"],
+  [data-ui-interaction="combined"]
+) {
+  background-color: var(--ui-interaction-fill);
+  background-image: none;
+}

package/packages/client/src/components/radio/styles.css

@@ -33,14 +33,8 @@
   }
 
   [data-ui-radio][data-variant="pills"][data-checked] {
-    background-color: var(--color-intent-accent-solid);
-    color: var(--color-intent-accent-solid-ink) !important;
-    box-shadow: var(--shadow-elevation-1);
-  }
-
-  [data-ui-radio][data-variant="pills"][data-checked]:hover:not([data-disabled]) {
-    background-color: var(--color-intent-accent-solid-hover);
-    box-shadow: var(--shadow-elevation-1);
+    background-color: transparent;
+    color: var(--ui-surface-ink);
   }
 
   [data-ui-radio][data-variant="pills"] [data-ui-radio-indicator] {

package/packages/client/src/styles/components.css

@@ -12,6 +12,7 @@
 @import "../components/select/styles.css";
 @import "../components/field/styles.css";
 @import "../components/radio/styles.css";
+@import "../components/checkbox/styles.css";
 @import "../components/date-picker/styles.css";
 @import "../components/file-upload/styles.css";
 @import "../components/button/styles.css";

package/packages/client/src/styles/generated/theme-fonts.css

@@ -1,5 +1,5 @@
 /* Generated by packages/theme-engine/scripts/generate-default-css.mjs. */
-/* Theme 72972b25a2870eb2; CSS 9bd56c40eb5861dd. */
+/* Theme fa53e5e7500664ca; CSS 9bd56c40eb5861dd. */
 @import url("https://fonts.bunny.net/css?family=inter:400,500,600,700&display=swap");
 
 @import url("https://fonts.bunny.net/css?family=fira-code:400,500,600,700&display=swap");

package/packages/client/src/styles/generated/theme-palette.css

@@ -1,5 +1,5 @@
 /* Generated by packages/theme-engine/scripts/generate-default-css.mjs. */
-/* Theme 72972b25a2870eb2; CSS bc4f14ba503f3d18. */
+/* Theme fa53e5e7500664ca; CSS 93d564ac4b8bb6f2. */
 @theme {
   --color-canvas: transparent;
   --color-accent-1: transparent;
@@ -499,6 +499,7 @@
   --font-weight-medium: 500;
   --font-weight-semibold: 600;
   --font-weight-bold: 700;
+  --label-ink-emphasis: 35%;
   --text-body: var(--text-2);
   --text-body--line-height: var(--text-2--line-height);
   --text-body--letter-spacing: var(--text-2--letter-spacing);
@@ -560,7 +561,7 @@
   --text-label--line-height: var(--text-2--line-height);
   --text-label--letter-spacing: var(--text-2--letter-spacing);
   --font-label: var(--font-sans);
-  --font-weight-label: var(--font-weight-medium);
+  --font-weight-label: var(--font-weight-normal);
   --text-description: var(--text-2);
   --text-description--line-height: var(--text-2--line-height);
   --text-description--letter-spacing: var(--text-2--letter-spacing);
@@ -895,6 +896,7 @@
   --font-weight-medium: 500;
   --font-weight-semibold: 600;
   --font-weight-bold: 700;
+  --label-ink-emphasis: 35%;
   --text-body: var(--text-2);
   --text-body--line-height: var(--text-2--line-height);
   --text-body--letter-spacing: var(--text-2--letter-spacing);
@@ -956,7 +958,7 @@
   --text-label--line-height: var(--text-2--line-height);
   --text-label--letter-spacing: var(--text-2--letter-spacing);
   --font-label: var(--font-sans);
-  --font-weight-label: var(--font-weight-medium);
+  --font-weight-label: var(--font-weight-normal);
   --text-description: var(--text-2);
   --text-description--line-height: var(--text-2--line-height);
   --text-description--letter-spacing: var(--text-2--letter-spacing);
@@ -1288,6 +1290,7 @@
   --font-weight-medium: 500;
   --font-weight-semibold: 600;
   --font-weight-bold: 700;
+  --label-ink-emphasis: 35%;
   --text-body: var(--text-2);
   --text-body--line-height: var(--text-2--line-height);
   --text-body--letter-spacing: var(--text-2--letter-spacing);
@@ -1349,7 +1352,7 @@
   --text-label--line-height: var(--text-2--line-height);
   --text-label--letter-spacing: var(--text-2--letter-spacing);
   --font-label: var(--font-sans);
-  --font-weight-label: var(--font-weight-medium);
+  --font-weight-label: var(--font-weight-normal);
   --text-description: var(--text-2);
   --text-description--line-height: var(--text-2--line-height);
   --text-description--letter-spacing: var(--text-2--letter-spacing);