@motech-development/breeze-ui 3.7.0 → 3.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.js +18 -25
- package/lib/index.js.map +1 -1
- package/lib/primitives/Table/Table.d.ts.map +1 -1
- package/lib/styles.css +1 -1
- package/lib/theme.css +5 -0
- package/package.json +2 -1
package/lib/index.js
CHANGED
|
@@ -4953,26 +4953,17 @@ var Lu = {
|
|
|
4953
4953
|
Root: Mu,
|
|
4954
4954
|
Thumb: Fu,
|
|
4955
4955
|
Track: Pu
|
|
4956
|
-
}, Ru = "[&>tbody>tr]:relative [&>tbody>tr]:flex [&>tbody>tr]:flex-col [&>tbody>tr]:items-start [&>tbody>tr]:gap-2 [&>tbody>tr]:px-4 [&>tbody>tr]:py-4 [&>tfoot>tr]:relative [&>tfoot>tr]:flex [&>tfoot>tr]:flex-col [&>tfoot>tr]:items-start [&>tfoot>tr]:gap-2 [&>tfoot>tr]:px-4 [&>tfoot>tr]:py-4 [&>tbody>tr>td]:block [&>tbody>tr>td]:max-w-full [&>tbody>tr>td]:border-0 [&>tbody>tr>td]:p-0 [&>tfoot>tr>td]:block [&>tfoot>tr>td]:max-w-full [&>tfoot>tr>td]:border-0 [&>tfoot>tr>td]:p-0 sm:[&>thead>tr>th]:px-6 sm:[&>thead>tr>th]:py-3 sm:[&>thead>tr>th]:align-middle sm:[&>tbody>tr]:table-row sm:[&>tbody>tr]:border-0 sm:[&>tbody>tr]:p-0 sm:[&>tfoot>tr]:table-row sm:[&>tfoot>tr]:border-0 sm:[&>tfoot>tr]:p-0 sm:[&>tbody>tr>td]:table-cell sm:[&>tbody>tr>td]:border-b sm:[&>tbody>tr>td]:border-[var(--breeze-border)] sm:[&>tbody>tr>td]:px-6 sm:[&>tbody>tr>td]:py-3 sm:[&>tbody>tr>td]:align-middle sm:[&>tfoot>tr>td]:table-cell sm:[&>tfoot>tr>td]:border-b sm:[&>tfoot>tr>td]:border-[var(--breeze-border)] sm:[&>tfoot>tr>td]:px-6 sm:[&>tfoot>tr>td]:py-3 sm:[&>tfoot>tr>td]:align-middle", zu =
|
|
4956
|
+
}, Ru = "[&>tbody>tr]:relative [&>tbody>tr]:flex [&>tbody>tr]:flex-col [&>tbody>tr]:items-start [&>tbody>tr]:gap-2 [&>tbody>tr]:px-4 [&>tbody>tr]:py-4 [&>tfoot>tr]:relative [&>tfoot>tr]:flex [&>tfoot>tr]:flex-col [&>tfoot>tr]:items-start [&>tfoot>tr]:gap-2 [&>tfoot>tr]:px-4 [&>tfoot>tr]:py-4 [&>tbody>tr>td]:block [&>tbody>tr>td]:max-w-full [&>tbody>tr>td]:border-0 [&>tbody>tr>td]:p-0 [&>tfoot>tr>td]:block [&>tfoot>tr>td]:max-w-full [&>tfoot>tr>td]:border-0 [&>tfoot>tr>td]:p-0 sm:[&>thead>tr>th]:px-6 sm:[&>thead>tr>th]:py-3 sm:[&>thead>tr>th]:align-middle sm:[&>tbody>tr]:table-row sm:[&>tbody>tr]:border-0 sm:[&>tbody>tr]:p-0 sm:[&>tfoot>tr]:table-row sm:[&>tfoot>tr]:border-0 sm:[&>tfoot>tr]:p-0 sm:[&>tbody>tr>td]:table-cell sm:[&>tbody>tr>td]:border-b sm:[&>tbody>tr>td]:border-[var(--breeze-border)] sm:[&>tbody>tr>td]:px-6 sm:[&>tbody>tr>td]:py-3 sm:[&>tbody>tr>td]:align-middle sm:[&>tfoot>tr>td]:table-cell sm:[&>tfoot>tr>td]:border-b sm:[&>tfoot>tr>td]:border-[var(--breeze-border)] sm:[&>tfoot>tr>td]:px-6 sm:[&>tfoot>tr>td]:py-3 sm:[&>tfoot>tr>td]:align-middle", zu = "sm:!grid sm:grid-cols-[var(--breeze-table-columns)] sm:gap-x-4 sm:[&>thead]:col-span-full sm:[&>thead]:!grid sm:[&>thead]:grid-cols-subgrid sm:[&>tbody]:col-span-full sm:[&>tbody]:!grid sm:[&>tbody]:grid-cols-subgrid sm:[&>tfoot]:col-span-full sm:[&>tfoot]:!grid sm:[&>tfoot]:grid-cols-subgrid sm:[&>thead>tr]:col-span-full sm:[&>thead>tr]:!grid sm:[&>thead>tr]:grid-cols-subgrid sm:[&>thead>tr]:items-center sm:[&>thead>tr]:px-6 sm:[&>thead>tr]:py-3 sm:[&>tbody>tr]:col-span-full sm:[&>tbody>tr]:!grid sm:[&>tbody>tr]:grid-cols-subgrid sm:[&>tbody>tr]:items-center sm:[&>tbody>tr]:gap-x-4 sm:[&>tbody>tr]:border-b sm:[&>tbody>tr]:border-[var(--breeze-border)] sm:[&>tbody>tr]:px-6 sm:[&>tbody>tr]:py-3 sm:[&>tfoot>tr]:col-span-full sm:[&>tfoot>tr]:!grid sm:[&>tfoot>tr]:grid-cols-subgrid sm:[&>tfoot>tr]:items-center sm:[&>tfoot>tr]:gap-x-4 sm:[&>tfoot>tr]:px-6 sm:[&>tfoot>tr]:py-3 sm:[&>thead>tr>th]:!flex sm:[&>thead>tr>th]:!h-auto sm:[&>thead>tr>th]:items-center sm:[&>thead>tr>th]:!border-0 sm:[&>thead>tr>th]:!p-0 sm:[&>tbody>tr>td]:!flex sm:[&>tbody>tr>td]:!h-auto sm:[&>tbody>tr>td]:items-center sm:[&>tbody>tr>td]:!border-0 sm:[&>tbody>tr>td]:!p-0 sm:[&>tfoot>tr>td]:!flex sm:[&>tfoot>tr>td]:!h-auto sm:[&>tfoot>tr>td]:items-center sm:[&>tfoot>tr>td]:!border-0 sm:[&>tfoot>tr>td]:!p-0", Bu = "!grid grid-cols-[var(--breeze-table-compact-columns)] gap-x-4 [&>thead]:col-span-full [&>thead]:grid-cols-subgrid [&>tbody]:col-span-full [&>tbody]:grid [&>tbody]:grid-cols-subgrid [&>tfoot]:col-span-full [&>tfoot]:grid [&>tfoot]:grid-cols-subgrid [&>tbody>tr]:col-span-full [&>tbody>tr]:grid [&>tbody>tr]:min-h-11 [&>tbody>tr]:grid-cols-subgrid [&>tbody>tr]:items-center [&>tbody>tr]:px-4 [&>tbody>tr]:py-4 [&>tfoot>tr]:col-span-full [&>tfoot>tr]:grid [&>tfoot>tr]:min-h-11 [&>tfoot>tr]:grid-cols-subgrid [&>tfoot>tr]:items-center [&>tfoot>tr]:px-4 [&>tfoot>tr]:py-4 [&>tbody>tr>td]:block [&>tbody>tr>td]:!p-0 [&>tfoot>tr>td]:block [&>tfoot>tr>td]:!p-0 [&>tbody>tr]:border-b [&>tbody>tr]:border-[var(--breeze-border)] [&>tbody>tr>td]:border-0 [&>tfoot>tr>td]:border-0", Vu = {
|
|
4957
4957
|
equal: [],
|
|
4958
4958
|
mediaDetailsAction: [
|
|
4959
|
-
"
|
|
4959
|
+
"max-content",
|
|
4960
4960
|
"minmax(0, 1.3fr)",
|
|
4961
4961
|
"minmax(0, 0.8fr)",
|
|
4962
4962
|
"minmax(0, 1.2fr)",
|
|
4963
|
-
"
|
|
4963
|
+
"max-content"
|
|
4964
4964
|
]
|
|
4965
4965
|
}, Hu = M({
|
|
4966
4966
|
base: "group/table block w-full border-separate border-spacing-0 text-start text-[var(--breeze-ink)] outline-none sm:table [&>tbody:last-of-type>tr:last-child]:border-b-0 sm:[&>tbody:last-of-type>tr:last-child>td]:border-b-0 data-[focus-visible]:outline-2 data-[focus-visible]:outline-offset-2 data-[focus-visible]:outline-[var(--breeze-focus)]",
|
|
4967
|
-
compoundVariants: [{
|
|
4968
|
-
class: Bu,
|
|
4969
|
-
desktopColumns: "equal",
|
|
4970
|
-
layout: "responsiveGrid"
|
|
4971
|
-
}, {
|
|
4972
|
-
class: Bu,
|
|
4973
|
-
desktopColumns: "mediaDetailsAction",
|
|
4974
|
-
layout: "responsiveGrid"
|
|
4975
|
-
}],
|
|
4976
4967
|
defaultVariants: {
|
|
4977
4968
|
boundary: "none",
|
|
4978
4969
|
desktopColumns: "equal",
|
|
@@ -4989,9 +4980,9 @@ var Lu = {
|
|
|
4989
4980
|
mediaDetailsAction: ""
|
|
4990
4981
|
},
|
|
4991
4982
|
layout: {
|
|
4992
|
-
grid:
|
|
4983
|
+
grid: `${Bu} ${zu}`,
|
|
4993
4984
|
responsive: Ru,
|
|
4994
|
-
responsiveGrid: zu
|
|
4985
|
+
responsiveGrid: `${Ru} ${zu}`
|
|
4995
4986
|
},
|
|
4996
4987
|
virtualized: {
|
|
4997
4988
|
false: "",
|
|
@@ -5038,7 +5029,7 @@ var Lu = {
|
|
|
5038
5029
|
}
|
|
5039
5030
|
}
|
|
5040
5031
|
}), Yu = M({
|
|
5041
|
-
base: "grid min-w-0 grid-cols-[minmax(5rem,auto)_minmax(0,1fr)] gap-4 border-b border-[var(--breeze-border)] px-4 py-2 text-start [
|
|
5032
|
+
base: "grid min-w-0 grid-cols-[minmax(5rem,auto)_minmax(0,1fr)] gap-4 border-b border-[var(--breeze-border)] px-4 py-2 text-start [overflow-wrap:anywhere] last:border-b-0 before:me-1 before:hidden before:font-[family-name:var(--breeze-font-display)] before:text-base before:leading-[1.4] before:font-bold before:text-[var(--breeze-ink-muted)] data-[label]:before:inline-block data-[label]:before:content-[attr(data-label)] max-sm:data-[breeze-compact-hidden]:!hidden sm:table-cell sm:border-b sm:border-[var(--breeze-border)] sm:px-4 sm:py-3 sm:last:border-b sm:data-[label]:before:hidden [&>*]:min-w-0",
|
|
5042
5033
|
defaultVariants: { align: "start" },
|
|
5043
5034
|
variants: {
|
|
5044
5035
|
align: {
|
|
@@ -5049,7 +5040,8 @@ var Lu = {
|
|
|
5049
5040
|
presentation: {
|
|
5050
5041
|
data: "",
|
|
5051
5042
|
disclosure: "absolute end-4 top-6 h-4 w-4 text-[var(--breeze-ink-muted)] sm:static sm:h-auto sm:w-5 sm:self-stretch sm:text-end [&>*]:ms-auto [&>svg]:size-4"
|
|
5052
|
-
}
|
|
5043
|
+
},
|
|
5044
|
+
spanning: { true: "[grid-column:var(--breeze-table-compact-column-span)] sm:[grid-column:var(--breeze-table-column-span)]" }
|
|
5053
5045
|
}
|
|
5054
5046
|
});
|
|
5055
5047
|
function Xu(e) {
|
|
@@ -5407,30 +5399,31 @@ function zd({ "aria-describedby": e, className: t, disabled: n = !1, id: r, onAc
|
|
|
5407
5399
|
});
|
|
5408
5400
|
}
|
|
5409
5401
|
function Bd({ align: e = "start", className: t, column: n, colSpan: r, presentation: i = "data", ref: a, textValue: o, ...s }) {
|
|
5410
|
-
let c = v(cd), l = v(ld), u = I(a), d = Zu(r), f = c.has(Q(n)),
|
|
5411
|
-
let e = `span ${
|
|
5402
|
+
let c = v(cd), l = v(ld), u = I(a), d = Zu(r), f = d !== void 0 && d > 1 ? d : void 0, p = c.has(Q(n)), m = f === void 0 ? null : gd(Q(n), f, l, (e) => c.has(e)), g = f === void 0 ? void 0 : (() => {
|
|
5403
|
+
let e = `span ${f} / span ${f}`;
|
|
5412
5404
|
return {
|
|
5413
5405
|
"--breeze-table-column-span": e,
|
|
5414
|
-
"--breeze-table-compact-column-span":
|
|
5406
|
+
"--breeze-table-compact-column-span": m === null ? e : `span ${m.span} / span ${m.span}`
|
|
5415
5407
|
};
|
|
5416
|
-
})(),
|
|
5408
|
+
})(), y = _((e) => {
|
|
5417
5409
|
u(e);
|
|
5418
5410
|
let t = e?.closest("[data-breeze-table]") ?? null;
|
|
5419
5411
|
_d(t, hd(t, void 0, c));
|
|
5420
|
-
}, [c, u]),
|
|
5412
|
+
}, [c, u]), b = (m === null ? p : m.compactHidden) === !0;
|
|
5421
5413
|
return h(Ft, {
|
|
5422
5414
|
...s,
|
|
5423
5415
|
className: Yu({
|
|
5424
5416
|
align: e,
|
|
5425
5417
|
class: t,
|
|
5426
|
-
presentation: i
|
|
5418
|
+
presentation: i,
|
|
5419
|
+
spanning: f !== void 0
|
|
5427
5420
|
}),
|
|
5428
5421
|
colSpan: d,
|
|
5429
5422
|
"data-breeze-cell-column": String(n),
|
|
5430
5423
|
"data-breeze-cell-column-key": Q(n),
|
|
5431
|
-
"data-breeze-compact-hidden":
|
|
5432
|
-
ref:
|
|
5433
|
-
style:
|
|
5424
|
+
"data-breeze-compact-hidden": b ? "" : void 0,
|
|
5425
|
+
ref: y,
|
|
5426
|
+
style: g,
|
|
5434
5427
|
textValue: o
|
|
5435
5428
|
});
|
|
5436
5429
|
}
|