@vegastack/design 0.8.43 → 0.8.45

package/dist/{chunk-TJIBDRBZ.js → chunk-FTYGS5BK.js}

@@ -44,6 +44,8 @@ var prose = {
   strong: "[&_strong]:font-semibold",
   em: "[&_em]:italic",
   del: "[&_del]:line-through [&_s]:line-through",
+  // A highlight (`==text==`): its colour's subtle tag fill behind body ink, kept on paper too.
+  mark: "[&_mark]:rounded-xs [&_mark]:bg-tag-yellow-subtle [&_mark]:px-0.5 [&_mark]:text-inherit [&_mark]:box-decoration-clone [&_mark]:[print-color-adjust:exact] [&_mark[data-color=green]]:bg-tag-green-subtle [&_mark[data-color=blue]]:bg-tag-blue-subtle [&_mark[data-color=purple]]:bg-tag-purple-subtle [&_mark[data-color=pink]]:bg-tag-pink-subtle [&_mark[data-color=red]]:bg-tag-red-subtle",
   // Lists. Items and markers are body text: family, size and ink inherit (a `::marker` takes the
   // item's font), so `1.` and `•` never read as a second typeface or a second colour. One thing
   // does NOT inherit: the user-agent stylesheet gives `::marker` `font-variant-numeric:

package/dist/create-animated-icon.cjs

@@ -84,6 +84,8 @@ var prose = {
   strong: "[&_strong]:font-semibold",
   em: "[&_em]:italic",
   del: "[&_del]:line-through [&_s]:line-through",
+  // A highlight (`==text==`): its colour's subtle tag fill behind body ink, kept on paper too.
+  mark: "[&_mark]:rounded-xs [&_mark]:bg-tag-yellow-subtle [&_mark]:px-0.5 [&_mark]:text-inherit [&_mark]:box-decoration-clone [&_mark]:[print-color-adjust:exact] [&_mark[data-color=green]]:bg-tag-green-subtle [&_mark[data-color=blue]]:bg-tag-blue-subtle [&_mark[data-color=purple]]:bg-tag-purple-subtle [&_mark[data-color=pink]]:bg-tag-pink-subtle [&_mark[data-color=red]]:bg-tag-red-subtle",
   // Lists. Items and markers are body text: family, size and ink inherit (a `::marker` takes the
   // item's font), so `1.` and `•` never read as a second typeface or a second colour. One thing
   // does NOT inherit: the user-agent stylesheet gives `::marker` `font-variant-numeric:

package/dist/create-animated-icon.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-TJIBDRBZ.js";
+} from "./chunk-FTYGS5BK.js";
 
 // src/icons/create-animated-icon.tsx
 import * as React from "react";

package/dist/icons/index.cjs

@@ -98,6 +98,8 @@ var prose = {
   strong: "[&_strong]:font-semibold",
   em: "[&_em]:italic",
   del: "[&_del]:line-through [&_s]:line-through",
+  // A highlight (`==text==`): its colour's subtle tag fill behind body ink, kept on paper too.
+  mark: "[&_mark]:rounded-xs [&_mark]:bg-tag-yellow-subtle [&_mark]:px-0.5 [&_mark]:text-inherit [&_mark]:box-decoration-clone [&_mark]:[print-color-adjust:exact] [&_mark[data-color=green]]:bg-tag-green-subtle [&_mark[data-color=blue]]:bg-tag-blue-subtle [&_mark[data-color=purple]]:bg-tag-purple-subtle [&_mark[data-color=pink]]:bg-tag-pink-subtle [&_mark[data-color=red]]:bg-tag-red-subtle",
   // Lists. Items and markers are body text: family, size and ink inherit (a `::marker` takes the
   // item's font), so `1.` and `•` never read as a second typeface or a second colour. One thing
   // does NOT inherit: the user-agent stylesheet gives `::marker` `font-variant-numeric:

package/dist/icons/index.js

@@ -1,6 +1,6 @@
 import {
   cn
-} from "../chunk-TJIBDRBZ.js";
+} from "../chunk-FTYGS5BK.js";
 
 // src/icons/icon.tsx
 import "react";

package/dist/index.cjs

@@ -75,6 +75,8 @@ var prose = {
   strong: "[&_strong]:font-semibold",
   em: "[&_em]:italic",
   del: "[&_del]:line-through [&_s]:line-through",
+  // A highlight (`==text==`): its colour's subtle tag fill behind body ink, kept on paper too.
+  mark: "[&_mark]:rounded-xs [&_mark]:bg-tag-yellow-subtle [&_mark]:px-0.5 [&_mark]:text-inherit [&_mark]:box-decoration-clone [&_mark]:[print-color-adjust:exact] [&_mark[data-color=green]]:bg-tag-green-subtle [&_mark[data-color=blue]]:bg-tag-blue-subtle [&_mark[data-color=purple]]:bg-tag-purple-subtle [&_mark[data-color=pink]]:bg-tag-pink-subtle [&_mark[data-color=red]]:bg-tag-red-subtle",
   // Lists. Items and markers are body text: family, size and ink inherit (a `::marker` takes the
   // item's font), so `1.` and `•` never read as a second typeface or a second colour. One thing
   // does NOT inherit: the user-agent stylesheet gives `::marker` `font-variant-numeric:

package/dist/index.d.cts

@@ -72,6 +72,7 @@ declare const prose: {
     readonly strong: "[&_strong]:font-semibold";
     readonly em: "[&_em]:italic";
     readonly del: "[&_del]:line-through [&_s]:line-through";
+    readonly mark: "[&_mark]:rounded-xs [&_mark]:bg-tag-yellow-subtle [&_mark]:px-0.5 [&_mark]:text-inherit [&_mark]:box-decoration-clone [&_mark]:[print-color-adjust:exact] [&_mark[data-color=green]]:bg-tag-green-subtle [&_mark[data-color=blue]]:bg-tag-blue-subtle [&_mark[data-color=purple]]:bg-tag-purple-subtle [&_mark[data-color=pink]]:bg-tag-pink-subtle [&_mark[data-color=red]]:bg-tag-red-subtle";
     readonly ul: "[&_ul]:my-2 [&_ul]:ms-5 [&_ul]:list-disc [&_ul.contains-task-list]:list-none";
     readonly ol: "[&_ol]:my-2 [&_ol]:ms-5 [&_ol]:list-decimal";
     readonly li: "[&_li]:mt-1 [&_li]:marker:normal-nums [&_li]:marker:text-inherit [&_li_p]:my-0";

package/dist/index.d.ts

@@ -72,6 +72,7 @@ declare const prose: {
     readonly strong: "[&_strong]:font-semibold";
     readonly em: "[&_em]:italic";
     readonly del: "[&_del]:line-through [&_s]:line-through";
+    readonly mark: "[&_mark]:rounded-xs [&_mark]:bg-tag-yellow-subtle [&_mark]:px-0.5 [&_mark]:text-inherit [&_mark]:box-decoration-clone [&_mark]:[print-color-adjust:exact] [&_mark[data-color=green]]:bg-tag-green-subtle [&_mark[data-color=blue]]:bg-tag-blue-subtle [&_mark[data-color=purple]]:bg-tag-purple-subtle [&_mark[data-color=pink]]:bg-tag-pink-subtle [&_mark[data-color=red]]:bg-tag-red-subtle";
     readonly ul: "[&_ul]:my-2 [&_ul]:ms-5 [&_ul]:list-disc [&_ul.contains-task-list]:list-none";
     readonly ol: "[&_ol]:my-2 [&_ol]:ms-5 [&_ol]:list-decimal";
     readonly li: "[&_li]:mt-1 [&_li]:marker:normal-nums [&_li]:marker:text-inherit [&_li_p]:my-0";

package/dist/index.js

@@ -7,7 +7,7 @@ import {
   proseClassName,
   proseDocument,
   proseDocumentClassName
-} from "./chunk-TJIBDRBZ.js";
+} from "./chunk-FTYGS5BK.js";
 export {
   FLOATING,
   TIMINGS,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vegastack/design",
-  "version": "0.8.43",
+  "version": "0.8.45",
   "description": "VegaStack design system — cn utility, icon runtime, Tailwind v4 preset, and the vegastack-design CLI (tokens ship separately as @vegastack/design-tokens)",
   "license": "MIT",
   "repository": {

package/skills/vegastack-design-system/references/components.md

@@ -239,6 +239,6 @@ starts with `icon-` is a component and never an icon.
 - **`destination-picker`** — Choose where something goes — spaces, their folders, recents, search, refusals with a reason.
 - **`field-type-link-step`** — The "Links to" step of FieldTypePicker — grouped kinds of record, each with one line on what a link to it does, and a table choice for a kind that lives in a table (Rows).
 - **`field-type-picker`** — A searchable, grouped list of field types with icons, and an optional second step.
-- **`record-picker`** — Pick records of the kinds the app passes in — search, kind filter, recents, refused rows — in a popover or a dialog.
+- **`record-picker`** — Pick records of the kinds the app passes in — search, kind filter, recents, folder browsing, refused rows — in a popover or a dialog.
 - **`upload-dialog`** — The "Add files" modal: a drop zone and the staged files (thumbnail or icon, name, size, remove), then an optional per-file details view the host renders, and Add. It stages files only; the host uploads them.
 - **`upload-panel`** — The uploads card pinned bottom-end: a header naming the batch with time left, file and folder rows with progress rings, failures with Retry, interrupted rows with Choose file and destination links, a done card that dismisses itself, a confirm before cancelling, and a bottom sheet on phones. Controlled; the host engine uploads.