@scattered-light/loomiere-base-ui 0.16.0 → 0.18.0

package/README.md

@@ -162,7 +162,7 @@ Pieces for pages that read like an accountant's working paper. They use the them
 <StatFigure label="Book balance" value="75.00" caption="DR · Oct 29" underline="double" />
 ```
 
-`StatCard` is a card for one thing a page lists (an Entity, an account): a heading, a caption, and a row of figures ruled off under them. Give it `href` or `onOpen` and the whole card opens through its title, with one tab stop named by the title. `headingLevel` fits it to the page's outline.
+`StatCard` is a card for one thing a page lists (an Entity, an account): a heading, a caption, and a row of figures ruled off under them. Give it `href` or `onOpen` and the whole card opens through its title, with one tab stop named by the title. `headingLevel` fits it to the page's outline. `footer` adds a line under the figures, and `tag` puts a small mark (a count of what is new, a status) at the top right.
 
 ```tsx
 <StatCard

package/dist/{chunk-TVZOM4US.js → chunk-2BFNETZZ.js}

@@ -3538,7 +3538,7 @@ var StatFigure = React10.forwardRef(function StatFigure2({ className, label, val
     }
   );
 });
-var StatCard = React10.forwardRef(function StatCard2({ className, title, caption, facts, href, onOpen, headingLevel = 3, footer, ...props }, ref) {
+var StatCard = React10.forwardRef(function StatCard2({ className, title, caption, facts, href, onOpen, headingLevel = 3, footer, tag, ...props }, ref) {
   const Heading = `h${headingLevel}`;
   const interactive = href != null || onOpen != null;
   return /* @__PURE__ */ jsxs(
@@ -3550,8 +3550,11 @@ var StatCard = React10.forwardRef(function StatCard2({ className, title, caption
       ...props,
       children: [
         /* @__PURE__ */ jsxs("header", { className: "StatCardHeader", children: [
-          /* @__PURE__ */ jsx(Heading, { className: "StatCardTitle", children: href != null ? /* @__PURE__ */ jsx("a", { className: "StatCardLink", href, children: title }) : onOpen != null ? /* @__PURE__ */ jsx("button", { className: "StatCardLink", type: "button", onClick: onOpen, children: title }) : title }),
-          caption != null ? /* @__PURE__ */ jsx("p", { className: "StatCardCaption", children: caption }) : null
+          /* @__PURE__ */ jsxs("div", { className: "StatCardHeading", children: [
+            /* @__PURE__ */ jsx(Heading, { className: "StatCardTitle", children: href != null ? /* @__PURE__ */ jsx("a", { className: "StatCardLink", href, children: title }) : onOpen != null ? /* @__PURE__ */ jsx("button", { className: "StatCardLink", type: "button", onClick: onOpen, children: title }) : title }),
+            caption != null ? /* @__PURE__ */ jsx("p", { className: "StatCardCaption", children: caption }) : null
+          ] }),
+          tag != null ? /* @__PURE__ */ jsx("span", { className: "StatCardTag", children: tag }) : null
         ] }),
         /* @__PURE__ */ jsx("div", { className: "StatCardFacts", style: { gridTemplateColumns: `repeat(${Math.max(facts.length, 1)}, minmax(0, 1fr))` }, children: facts.map((fact, index) => /* @__PURE__ */ jsx(StatFigure, { size: "sm", ...fact }, index)) }),
         footer != null ? /* @__PURE__ */ jsx("div", { className: "StatCardFooter", children: footer }) : null
@@ -3601,7 +3604,7 @@ var PickerSplitTrigger = React10.forwardRef(function PickerSplitTrigger2({ class
 var SideNav = React10.forwardRef(function SideNav2({ className, collapsed, children, ...props }, ref) {
   return /* @__PURE__ */ jsx("nav", { ref, className: cn("SideNav", className), "data-collapsed": collapsed ? "" : void 0, ...props, children });
 });
-var SideNavItem = React10.forwardRef(function SideNavItem2({ className, current, count, countTone, disabled, hint, children, href, onClick, ...props }, ref) {
+var SideNavItem = React10.forwardRef(function SideNavItem2({ className, current, count, countTone, disabled, hint, nested, children, href, onClick, ...props }, ref) {
   return /* @__PURE__ */ jsxs(
     "a",
     {
@@ -3612,6 +3615,7 @@ var SideNavItem = React10.forwardRef(function SideNavItem2({ className, current,
       "aria-disabled": disabled ? true : void 0,
       "data-current": current ? "" : void 0,
       "data-disabled": disabled ? "" : void 0,
+      "data-nested": nested ? "" : void 0,
       onClick: disabled ? (event) => event.preventDefault() : onClick,
       ...props,
       children: [
@@ -3869,5 +3873,5 @@ var EditableList = {
 };
 
 export { AppBar, AppBarSpacer, Badge, CURRENCY_SEARCH_THRESHOLD, Calendar, CurrencySelect, DatePicker, DatePresets, DescriptionItem, DescriptionList, Drawer, EditableList, Field, ListDetail, ListDetailDetail, ListDetailList, ListDetailRoot, MAX_MINOR_UNITS, MoneyField, MoneyFieldAffix, MoneyFieldGroup, MoneyFieldInput, MoneyFieldRoot, NumberField, PickerButton, PickerSplit, PickerSplitMain, PickerSplitTrigger, Popover, Sheet, SideNav, SideNavGroup, SideNavItem, SideNavToggle, Splitter, SplitterHandle, SplitterPanel, SplitterRoot, StatCard, StatFigure, addDays, addMonths, affixSide, applyKey, applyStored, ariaPercents, builtinPresets, clampDate, createPanels, cssSize, currencyName, currencySymbol, daysInMonth, defaultPresets, defaultWeekStartsOn, endOfWeek, formatDay, formatFull, formatMoney2 as formatMoney, fromMinorUnits, getCurrencyDigits, handleTarget, inclusiveDays, isValidCurrency, isoWeek, last30Days, last7Days, lastMonth, lastWeek, layoutOf, lengthBlockReason, measure, monthCells, moveFocusDate, nextMonth, nextWeek, normalizePaste, orderRange, parseDate, parseDecimalString, parseSize, presetInBounds, resetToDefault, resizeByDelta, resolvePreset, roundHalfExpand, roundingChangesValue, sameSelection, serializeSize, settle, sizeText, startOfWeek, syncPanels, thisMonth, thisQuarter, thisWeek, toDecimalString, toMinorUnits, today, todayDate, toggleCollapsed, tomorrow, useListDetail, valueText, yearToDate, yesterday };
-//# sourceMappingURL=chunk-TVZOM4US.js.map
-//# sourceMappingURL=chunk-TVZOM4US.js.map
+//# sourceMappingURL=chunk-2BFNETZZ.js.map
+//# sourceMappingURL=chunk-2BFNETZZ.js.map