@cascivo/react 0.12.0 → 0.13.0
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/dist/app-shell/app-shell.js +24 -23
- package/dist/badge/badge.js +17 -10
- package/dist/button/button.css +1 -1
- package/dist/button/button.module.js +1 -1
- package/dist/card/card.css +1 -1
- package/dist/card/card.module.js +8 -8
- package/dist/combobox/combobox.css +1 -1
- package/dist/combobox/combobox.module.js +15 -15
- package/dist/data-table/data-table.css +1 -1
- package/dist/data-table/data-table.js +7 -1
- package/dist/data-table/data-table.module.js +29 -29
- package/dist/date-picker/date-picker.css +1 -1
- package/dist/date-picker/date-picker.module.js +19 -19
- package/dist/file-uploader/file-uploader.css +1 -1
- package/dist/file-uploader/file-uploader.module.js +14 -14
- package/dist/filter/filter.js +10 -9
- package/dist/icon-button/icon-button.css +1 -1
- package/dist/icon-button/icon-button.module.js +1 -1
- package/dist/index.d.ts +1273 -57
- package/dist/input/input.css +1 -1
- package/dist/input/input.module.js +5 -5
- package/dist/item/item.css +1 -1
- package/dist/item/item.module.js +6 -6
- package/dist/layouts/src/page-header/page-header.css +1 -0
- package/dist/layouts/src/page-header/page-header.js +33 -0
- package/dist/layouts/src/page-header/page-header.module.js +13 -0
- package/dist/link/link.js +12 -12
- package/dist/multi-select/multi-select.css +1 -1
- package/dist/multi-select/multi-select.module.js +11 -11
- package/dist/node/app-shell/app-shell.js +24 -23
- package/dist/node/badge/badge.js +17 -10
- package/dist/node/button/button.module.js +1 -1
- package/dist/node/card/card.module.js +8 -8
- package/dist/node/combobox/combobox.module.js +15 -15
- package/dist/node/data-table/data-table.js +7 -1
- package/dist/node/data-table/data-table.module.js +29 -29
- package/dist/node/date-picker/date-picker.module.js +19 -19
- package/dist/node/file-uploader/file-uploader.module.js +14 -14
- package/dist/node/filter/filter.js +10 -9
- package/dist/node/icon-button/icon-button.module.js +1 -1
- package/dist/node/input/input.module.js +5 -5
- package/dist/node/item/item.module.js +6 -6
- package/dist/node/layouts/src/page-header/page-header.js +33 -0
- package/dist/node/layouts/src/page-header/page-header.module.js +12 -0
- package/dist/node/link/link.js +12 -12
- package/dist/node/multi-select/multi-select.module.js +11 -11
- package/dist/node/notification/notification.js +50 -44
- package/dist/node/notification/notification.module.js +7 -7
- package/dist/node/number-input/number-input.module.js +8 -8
- package/dist/node/otp-input/otp-input.module.js +2 -2
- package/dist/node/overflow-menu/overflow-menu.js +18 -13
- package/dist/node/password-input/password-input.module.js +7 -7
- package/dist/node/progress/progress.js +3 -2
- package/dist/node/react/src/index.js +4 -3
- package/dist/node/search/search.module.js +5 -5
- package/dist/node/stat/stat.js +6 -5
- package/dist/node/stat/stat.module.js +7 -7
- package/dist/node/status/status.js +18 -11
- package/dist/node/steps/steps.js +23 -23
- package/dist/node/structured-list/structured-list.js +14 -13
- package/dist/node/tag/tag.js +22 -15
- package/dist/node/tags-input/tags-input.module.js +4 -4
- package/dist/node/tile/tile.module.js +3 -3
- package/dist/node/time-picker/time-picker.module.js +5 -5
- package/dist/node/timeline/timeline.js +22 -16
- package/dist/notification/notification.css +1 -1
- package/dist/notification/notification.js +50 -44
- package/dist/notification/notification.module.js +7 -7
- package/dist/number-input/number-input.css +1 -1
- package/dist/number-input/number-input.module.js +8 -8
- package/dist/otp-input/otp-input.css +1 -1
- package/dist/otp-input/otp-input.module.js +2 -2
- package/dist/overflow-menu/overflow-menu.js +18 -13
- package/dist/password-input/password-input.css +1 -1
- package/dist/password-input/password-input.module.js +7 -7
- package/dist/progress/progress.js +3 -2
- package/dist/react/src/index.js +4 -3
- package/dist/search/search.css +1 -1
- package/dist/search/search.module.js +5 -5
- package/dist/stat/stat.css +1 -1
- package/dist/stat/stat.js +6 -5
- package/dist/stat/stat.module.js +7 -7
- package/dist/status/status.js +18 -11
- package/dist/steps/steps.js +23 -23
- package/dist/structured-list/structured-list.js +14 -13
- package/dist/styles.css +33 -19
- package/dist/tag/tag.js +22 -15
- package/dist/tags-input/tags-input.css +1 -1
- package/dist/tags-input/tags-input.module.js +4 -4
- package/dist/tile/tile.css +1 -1
- package/dist/tile/tile.module.js +3 -3
- package/dist/time-picker/time-picker.css +1 -1
- package/dist/time-picker/time-picker.module.js +5 -5
- package/dist/timeline/timeline.js +22 -16
- package/package.json +4 -4
|
@@ -5,52 +5,53 @@ import { cn as t, useSignal as n, useSignalEffect as r, useSignals as i } from "
|
|
|
5
5
|
import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
6
6
|
import { cloneElement as c, isValidElement as l, useRef as u } from "react";
|
|
7
7
|
//#region ../components/src/app-shell/app-shell.tsx
|
|
8
|
-
function d({ header: d, nav: f, children: p, footer: m, open: h, defaultOpen: g, onOpenChange: _, className: v }) {
|
|
8
|
+
function d({ header: d, nav: f, children: p, footer: m, open: h, defaultOpen: g, onOpenChange: _, className: v, ...y }) {
|
|
9
9
|
i();
|
|
10
|
-
let
|
|
11
|
-
|
|
12
|
-
let
|
|
13
|
-
function
|
|
14
|
-
|
|
10
|
+
let b = h !== void 0, x = n(h ?? g ?? !0);
|
|
11
|
+
b && (x.value = h);
|
|
12
|
+
let S = u(null), C = u(null);
|
|
13
|
+
function w(e) {
|
|
14
|
+
b || (x.value = e), _?.(e);
|
|
15
15
|
}
|
|
16
|
-
function
|
|
17
|
-
typeof document < "u" && (
|
|
16
|
+
function T() {
|
|
17
|
+
typeof document < "u" && (C.current = document.activeElement), w(!x.value);
|
|
18
18
|
}
|
|
19
19
|
r(() => {
|
|
20
|
-
|
|
20
|
+
b || g !== void 0 || typeof window > "u" || typeof window.matchMedia != "function" || window.matchMedia("(max-width: 63.999rem)").matches && (x.value = !1);
|
|
21
21
|
}), r(() => {
|
|
22
|
-
if (!
|
|
22
|
+
if (!x.value || typeof document > "u") return;
|
|
23
23
|
let e = (e) => {
|
|
24
|
-
e.key === "Escape" &&
|
|
24
|
+
e.key === "Escape" && w(!1);
|
|
25
25
|
};
|
|
26
26
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
27
27
|
}), r(() => {
|
|
28
|
-
let e =
|
|
29
|
-
if (e) if (
|
|
28
|
+
let e = S.current;
|
|
29
|
+
if (e) if (x.value) e.removeAttribute("inert");
|
|
30
30
|
else {
|
|
31
31
|
e.setAttribute("inert", "");
|
|
32
|
-
let t =
|
|
32
|
+
let t = C.current;
|
|
33
33
|
t && e.contains(document.activeElement) && t.focus();
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
|
-
let
|
|
37
|
-
onMenuClick:
|
|
38
|
-
menuExpanded:
|
|
36
|
+
let E = l(d) && f ? c(d, {
|
|
37
|
+
onMenuClick: T,
|
|
38
|
+
menuExpanded: x.value
|
|
39
39
|
}) : d;
|
|
40
40
|
return /* @__PURE__ */ s("div", {
|
|
41
41
|
className: t(e.shell, v),
|
|
42
|
-
"data-open":
|
|
42
|
+
"data-open": x.value,
|
|
43
|
+
...y,
|
|
43
44
|
children: [
|
|
44
45
|
/* @__PURE__ */ o("div", {
|
|
45
46
|
className: e.header,
|
|
46
|
-
children:
|
|
47
|
+
children: E
|
|
47
48
|
}),
|
|
48
49
|
/* @__PURE__ */ s("div", {
|
|
49
50
|
className: e.body,
|
|
50
51
|
children: [f && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("div", {
|
|
51
|
-
ref:
|
|
52
|
+
ref: S,
|
|
52
53
|
className: e.navWrapper,
|
|
53
|
-
"data-open":
|
|
54
|
+
"data-open": x.value,
|
|
54
55
|
"data-testid": "app-shell-nav",
|
|
55
56
|
children: /* @__PURE__ */ o("div", {
|
|
56
57
|
className: e.navInner,
|
|
@@ -58,10 +59,10 @@ function d({ header: d, nav: f, children: p, footer: m, open: h, defaultOpen: g,
|
|
|
58
59
|
})
|
|
59
60
|
}), /* @__PURE__ */ o("div", {
|
|
60
61
|
className: e.scrim,
|
|
61
|
-
"data-open":
|
|
62
|
+
"data-open": x.value,
|
|
62
63
|
"data-testid": "app-shell-scrim",
|
|
63
64
|
"aria-hidden": "true",
|
|
64
|
-
onClick: () =>
|
|
65
|
+
onClick: () => w(!1)
|
|
65
66
|
})] }), /* @__PURE__ */ o("main", {
|
|
66
67
|
id: "cascade-main",
|
|
67
68
|
tabIndex: -1,
|
package/dist/badge/badge.js
CHANGED
|
@@ -1,17 +1,24 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
3
|
import e from "./badge.module.js";
|
|
4
|
-
import { cn as t } from "@cascivo/core";
|
|
5
|
-
import { jsx as
|
|
4
|
+
import { cn as t, normalizeTone as n } from "@cascivo/core";
|
|
5
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
6
6
|
//#region ../components/src/badge/badge.tsx
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
var i = {
|
|
8
|
+
neutral: "default",
|
|
9
|
+
info: "info",
|
|
10
|
+
success: "success",
|
|
11
|
+
warning: "warning",
|
|
12
|
+
danger: "destructive"
|
|
13
|
+
};
|
|
14
|
+
function a({ variant: a = "default", size: o = "md", className: s, children: c, ...l }) {
|
|
15
|
+
return /* @__PURE__ */ r("span", {
|
|
16
|
+
"data-variant": i[n(a)] ?? a,
|
|
17
|
+
"data-size": o,
|
|
18
|
+
className: t(e.badge, s),
|
|
19
|
+
...l,
|
|
20
|
+
children: c
|
|
14
21
|
});
|
|
15
22
|
}
|
|
16
23
|
//#endregion
|
|
17
|
-
export {
|
|
24
|
+
export { a as Badge };
|
package/dist/button/button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cascivo.component{.
|
|
1
|
+
@layer cascivo.component{._button_131qn_2{justify-content:center;align-items:center;gap:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-weight:var(--cascivo-font-medium);line-height:var(--cascivo-leading-none);white-space:nowrap;cursor:pointer;transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);border-radius:var(--cascivo-button-radius,var(--cascivo-radius-control));border:1px solid #0000;text-decoration:none;display:inline-flex}._button_131qn_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._button_131qn_2:disabled,._button_131qn_2[aria-disabled=true]{opacity:.5;opacity:var(--cascivo-disabled-opacity,.5);cursor:not-allowed;pointer-events:none}._button_131qn_2[data-size=sm]{height:var(--cascivo-control-height-sm);padding-inline:var(--cascivo-space-3);font-size:var(--cascivo-text-ui)}._button_131qn_2[data-size=md]{height:var(--cascivo-control-height-md);padding-inline:var(--cascivo-space-4);padding-block:.5rem;padding-block:--cascivo-step(2);font-size:var(--cascivo-text-ui)}._button_131qn_2[data-size=lg]{height:var(--cascivo-control-height-lg);padding-inline:var(--cascivo-space-6);font-size:var(--cascivo-text-body)}@media (pointer:coarse){._button_131qn_2[data-size=sm],._button_131qn_2[data-size=md]{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}._button_131qn_2[data-variant=primary]{background-color:var(--cascivo-color-primary);color:var(--cascivo-color-primary-fg)}._button_131qn_2[data-variant=primary]:hover:not(:disabled){background-color:var(--cascivo-color-primary-hover)}._button_131qn_2[data-variant=primary]:active:not(:disabled){background-color:var(--cascivo-color-primary-active)}._button_131qn_2[data-variant=secondary]{background-color:var(--cascivo-color-secondary);color:var(--cascivo-color-secondary-content)}._button_131qn_2[data-variant=secondary]:hover:not(:disabled){background-color:var(--cascivo-color-secondary-hover)}._button_131qn_2[data-variant=ghost]{color:var(--cascivo-color-text);background-color:#0000}._button_131qn_2[data-variant=ghost]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._button_131qn_2[data-variant=destructive]{background-color:var(--cascivo-color-destructive);color:var(--cascivo-color-text-on-destructive)}._button_131qn_2[data-variant=destructive]:hover:not(:disabled){background-color:var(--cascivo-color-destructive-hover)}}@media (forced-colors:active){._button_131qn_2{border:1px solid buttontext}._button_131qn_2:focus-visible{outline-offset:2px;outline:2px solid highlight}._button_131qn_2:disabled{color:graytext;border-color:graytext}}
|
package/dist/card/card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cascivo.component{.
|
|
1
|
+
@layer cascivo.component{._card_ssezx_2{background-color:var(--cascivo-color-surface);border-radius:var(--cascivo-radius-surface);padding:var(--_card-p,0);overflow:hidden}._card_ssezx_2:has(>._header_ssezx_12,>._content_ssezx_12,>._footer_ssezx_12){padding:0}._card_ssezx_2[data-padding=none]{--_card-p:0}._card_ssezx_2[data-padding=sm]{--_card-p:var(--cascivo-space-4);--_card-inner-p:var(--cascivo-space-4)}._card_ssezx_2[data-padding=md]{--_card-p:var(--cascivo-space-6);--_card-inner-p:var(--cascivo-space-6)}._card_ssezx_2[data-padding=lg]{--_card-p:var(--cascivo-space-8);--_card-inner-p:var(--cascivo-space-8)}._card_ssezx_2[data-variant=default]{border:1px solid var(--cascivo-color-border)}._card_ssezx_2[data-variant=outlined]{border:1.5px solid var(--cascivo-color-border-strong)}._card_ssezx_2[data-variant=elevated]{box-shadow:var(--cascivo-shadow-md);border:none}._header_ssezx_12{padding:var(--_card-inner-p,var(--cascivo-space-6));gap:var(--cascivo-space-1);flex-direction:column;min-inline-size:0;padding-block-end:0;display:flex}._headerRow_ssezx_67{justify-content:space-between;align-items:flex-start;gap:var(--cascivo-space-3);flex-direction:row}._headerRow_ssezx_67 ._headerMain_ssezx_75{gap:var(--cascivo-space-1);flex-direction:column;min-inline-size:0;display:flex}._headerRow_ssezx_67 ._headerActions_ssezx_82{align-items:center;gap:var(--cascivo-space-1);flex-shrink:0;display:flex}._title_ssezx_90{font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-lg);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-tight);margin:0}._content_ssezx_12{padding:var(--_card-inner-p,var(--cascivo-space-6));color:var(--cascivo-color-text-subtle);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);line-height:var(--cascivo-leading-relaxed)}._footer_ssezx_12{padding:var(--_card-inner-p,var(--cascivo-space-6));align-items:center;gap:var(--cascivo-space-2);min-inline-size:0;padding-block-start:0;display:flex}._footer_ssezx_12>*{min-inline-size:0}}
|
package/dist/card/card.module.js
CHANGED
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
import './card.css';
|
|
4
4
|
var e = {
|
|
5
|
-
card: "
|
|
6
|
-
header: "
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
5
|
+
card: "_card_ssezx_2",
|
|
6
|
+
header: "_header_ssezx_12",
|
|
7
|
+
content: "_content_ssezx_12",
|
|
8
|
+
footer: "_footer_ssezx_12",
|
|
9
|
+
headerRow: "_headerRow_ssezx_67",
|
|
10
|
+
headerMain: "_headerMain_ssezx_75",
|
|
11
|
+
headerActions: "_headerActions_ssezx_82",
|
|
12
|
+
title: "_title_ssezx_90"
|
|
13
13
|
};
|
|
14
14
|
//#endregion
|
|
15
15
|
export { e as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cascivo.component{.
|
|
1
|
+
@layer cascivo.component{._wrapper_11nor_2{gap:var(--cascivo-space-1);min-inline-size:0;font-family:var(--cascivo-font-sans);flex-direction:column;display:flex;position:relative}._label_11nor_14{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._field_11nor_20{align-items:center;display:flex;position:relative}._trigger_11nor_26{inline-size:100%;padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;justify-content:space-between;align-items:center;display:flex}._trigger_11nor_26:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_11nor_26:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._trigger_11nor_26:disabled{opacity:.5;cursor:not-allowed}._wrapper_11nor_2[data-size=sm] ._trigger_11nor_26{block-size:2rem}._wrapper_11nor_2[data-size=md] ._trigger_11nor_26{block-size:2.5rem}._wrapper_11nor_2[data-size=lg] ._trigger_11nor_26{block-size:3rem}._wrapper_11nor_2[data-state=error] ._trigger_11nor_26{border-color:var(--cascivo-color-danger)}._value_11nor_74{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._placeholder_11nor_80{color:var(--cascivo-color-text-subtle)}._chevron_11nor_84{border-inline-end:2px solid var(--cascivo-color-text-muted);border-block-end:2px solid var(--cascivo-color-text-muted);block-size:.75rem;inline-size:.75rem;transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out);flex-shrink:0;margin-inline-start:var(--cascivo-space-2);display:inline-block;transform:rotate(45deg)}._wrapper_11nor_2[data-state=open] ._chevron_11nor_84{transform:rotate(-135deg)}._clear_11nor_100{cursor:pointer;min-block-size:1.5rem;min-inline-size:1.5rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-xs);padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:var(--cascivo-space-8)}._clear_11nor_100:hover{color:var(--cascivo-color-text)}._clear_11nor_100:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._listbox_11nor_126{inline-size:100%;z-index:var(--cascivo-z-dropdown);background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);max-block-size:16rem;box-shadow:var(--cascivo-shadow-overlay);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute;inset-block-start:calc(100% + var(--cascivo-space-1));inset-inline-start:0;overflow-y:auto;translate:0 -.25rem}._listbox_11nor_126[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._listbox_11nor_126[data-state=open]{opacity:0;translate:0 -.25rem}}._searchWrapper_11nor_160{padding:var(--cascivo-space-2);border-block-end:1px solid var(--cascivo-color-border)}._search_11nor_160{inline-size:100%;padding-inline:var(--cascivo-space-2);padding-block:var(--cascivo-space-1);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);outline:none}._search_11nor_160:focus-visible{border-color:var(--cascivo-color-accent)}._option_11nor_182{padding-inline:var(--cascivo-space-3);padding-block:var(--cascivo-space-2);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);cursor:pointer;border-radius:var(--cascivo-radius-item)}._option_11nor_182[data-state=active]{background-color:var(--cascivo-color-bg-subtle)}._option_11nor_182[aria-selected=true]{background-color:color-mix(in srgb, var(--cascivo-color-accent) 12%, transparent);color:var(--cascivo-color-accent)}._option_11nor_182[data-disabled]{opacity:.4;cursor:not-allowed}._empty_11nor_205{padding:var(--cascivo-space-4);text-align:center;font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-muted)}._error_11nor_212{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-danger)}._hint_11nor_217{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}}
|
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
import './combobox.css';
|
|
4
4
|
var e = {
|
|
5
|
-
wrapper: "
|
|
6
|
-
label: "
|
|
7
|
-
field: "
|
|
8
|
-
trigger: "
|
|
9
|
-
value: "
|
|
10
|
-
placeholder: "
|
|
11
|
-
chevron: "
|
|
12
|
-
clear: "
|
|
13
|
-
listbox: "
|
|
14
|
-
searchWrapper: "
|
|
15
|
-
search: "
|
|
16
|
-
option: "
|
|
17
|
-
empty: "
|
|
18
|
-
error: "
|
|
19
|
-
hint: "
|
|
5
|
+
wrapper: "_wrapper_11nor_2",
|
|
6
|
+
label: "_label_11nor_14",
|
|
7
|
+
field: "_field_11nor_20",
|
|
8
|
+
trigger: "_trigger_11nor_26",
|
|
9
|
+
value: "_value_11nor_74",
|
|
10
|
+
placeholder: "_placeholder_11nor_80",
|
|
11
|
+
chevron: "_chevron_11nor_84",
|
|
12
|
+
clear: "_clear_11nor_100",
|
|
13
|
+
listbox: "_listbox_11nor_126",
|
|
14
|
+
searchWrapper: "_searchWrapper_11nor_160",
|
|
15
|
+
search: "_search_11nor_160",
|
|
16
|
+
option: "_option_11nor_182",
|
|
17
|
+
empty: "_empty_11nor_205",
|
|
18
|
+
error: "_error_11nor_212",
|
|
19
|
+
hint: "_hint_11nor_217"
|
|
20
20
|
};
|
|
21
21
|
//#endregion
|
|
22
22
|
export { e as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cascivo.component{.
|
|
1
|
+
@layer cascivo.component{._root_ulang_2{--_row-height:3rem;font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background-color:var(--cascivo-color-surface);flex-direction:column;display:flex;overflow:hidden}._root_ulang_2[data-density=compact]{--_row-height:2.25rem}._root_ulang_2[data-density=normal]{--_row-height:3rem}._root_ulang_2[data-density=relaxed]{--_row-height:3.75rem}._toolbar_ulang_26{justify-content:space-between;align-items:flex-end;gap:var(--cascivo-space-4);padding:var(--cascivo-space-3) var(--cascivo-space-4);border-block-end:1px solid var(--cascivo-color-border);display:flex}._heading_ulang_35{gap:var(--cascivo-space-1);flex-direction:column;display:flex}._title_ulang_41{font-size:var(--cascivo-text-base);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._description_ulang_47{font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text-subtle)}._search_ulang_52{appearance:none;height:2rem;min-inline-size:14rem;padding-inline:var(--cascivo-space-3);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none}._search_ulang_52:hover:not(:focus){border-color:var(--cascivo-color-border-strong)}._search_ulang_52:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._batchBar_ulang_79{justify-content:space-between;align-items:center;gap:var(--cascivo-space-4);padding:var(--cascivo-space-2) var(--cascivo-space-4);background-color:var(--cascivo-color-bg-subtle);border-block-end:1px solid var(--cascivo-color-border);display:flex}._batchCount_ulang_89{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text)}._batchActions_ulang_95{gap:var(--cascivo-space-2);display:flex}._scroller_ulang_101{max-block-size:var(--cascivo-data-table-max-height,none);overflow:auto}._scrollerVirtualized_ulang_106{block-size:var(--cascivo-data-table-height,400px);max-block-size:none;overflow:auto}._table_ulang_112{border-collapse:collapse;table-layout:auto;inline-size:100%}._root_ulang_2[data-paginated=true][data-fixed-layout=true] ._table_ulang_112{table-layout:fixed}._table_ulang_112 thead th{padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-data-table-cell-gap,var(--cascivo-space-4));text-align:start;font-weight:var(--cascivo-font-semibold);font-size:var(--cascivo-text-xs);text-transform:uppercase;letter-spacing:var(--cascivo-tracking-wide);color:var(--cascivo-color-text-subtle);background-color:var(--cascivo-color-bg-subtle);border-block-end:1px solid var(--cascivo-color-border);white-space:nowrap}._table_ulang_112 thead th[data-align=end]{text-align:end}._table_ulang_112 td{padding-block:0;padding-inline:var(--cascivo-data-table-cell-gap,var(--cascivo-space-4));block-size:var(--_row-height);vertical-align:middle;border-block-end:1px solid var(--cascivo-color-border);color:var(--cascivo-color-text)}._table_ulang_112 td[data-sized],._table_ulang_112 th[data-sized]{overflow-wrap:anywhere}._table_ulang_112 td[data-align=end]{text-align:end}._table_ulang_112 tbody tr[data-filler-row] td{border-block-end:none}._root_ulang_2[data-sticky-header=true] ._table_ulang_112 thead th{z-index:var(--cascivo-z-raised,10);background-color:var(--cascivo-color-surface);position:sticky;inset-block-start:0}._root_ulang_2[data-zebra=true] ._table_ulang_112 tbody tr:nth-child(2n of ._row_ulang_182){background-color:var(--cascivo-color-bg-subtle)}._controlCol_ulang_188{inline-size:3rem}._controlCell_ulang_192{text-align:center;padding-inline:var(--cascivo-space-2)}._sortButton_ulang_198{align-items:center;gap:var(--cascivo-space-1);font-family:inherit;font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding:0;display:inline-flex}._sortButton_ulang_198:focus-visible{text-decoration:underline}._sortButton_ulang_198:after{content:"↕";opacity:.4;font-size:.75em}._sortButton_ulang_198[data-state=ascending]:after{content:"↑";opacity:.9}._sortButton_ulang_198[data-state=descending]:after{content:"↓";opacity:.9}._row_ulang_182{content-visibility:auto;contain-intrinsic-size:auto var(--_row-height,3rem)}._row_ulang_182[data-state=selected] td{background-color:color-mix(in srgb, var(--cascivo-color-accent) 8%, transparent)}._emptyCell_ulang_246{padding:var(--cascivo-space-8) var(--cascivo-space-4);text-align:center;color:var(--cascivo-color-text-muted)}._expansionRow_ulang_253[data-state=closed]{display:none}._expansionGrid_ulang_259{overflow:hidden}._expansionInner_ulang_263{padding:var(--cascivo-space-4)}._expandButton_ulang_268{cursor:pointer;block-size:1.5rem;inline-size:1.5rem;color:var(--cascivo-color-text-muted);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex}._expandButton_ulang_268:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._expandButton_ulang_268:hover{color:var(--cascivo-color-text);background-color:var(--cascivo-color-bg-subtle)}._chevron_ulang_291{block-size:.75rem;inline-size:.75rem;transition:transform var(--cascivo-duration-150) var(--cascivo-ease-out);border-block-end:2px solid;border-inline-end:2px solid;display:block;transform:rotate(45deg)}._expandButton_ulang_268[data-state=open] ._chevron_ulang_291{transform:rotate(-135deg)}._shimmer_ulang_306{background-color:var(--cascivo-color-bg-subtle);border-radius:var(--cascivo-radius-indicator);block-size:.875rem;inline-size:80%;display:block;position:relative;overflow:hidden}._shimmer_ulang_306:after{content:"";background:linear-gradient(90deg, transparent, var(--cascivo-color-surface), transparent);animation:_shimmer_ulang_306 var(--cascivo-duration-500,.5s) var(--cascivo-ease-in-out,ease-in-out) infinite;position:absolute;inset:0;translate:-100%}@keyframes _shimmer_ulang_306{to{translate:100%}}._footer_ulang_333{justify-content:flex-end;align-items:center;gap:var(--cascivo-space-4);padding:var(--cascivo-space-3) var(--cascivo-space-4);border-block-start:1px solid var(--cascivo-color-border);font-size:var(--cascivo-text-sm);display:flex}._pageSize_ulang_343{align-items:center;gap:var(--cascivo-space-2);color:var(--cascivo-color-text-muted);display:flex}._pageSize_ulang_343 select{appearance:none;height:2rem;padding-inline:var(--cascivo-space-2);font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;outline:none}._pageSize_ulang_343 select:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._range_ulang_369{color:var(--cascivo-color-text-muted);white-space:nowrap}._pageButtons_ulang_374{gap:var(--cascivo-space-1);display:flex}._pageButton_ulang_374{border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-control);cursor:pointer;block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text);font-size:var(--cascivo-text-base);transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), border-color var(--cascivo-duration-150) var(--cascivo-ease-out);background:0 0;outline:none;justify-content:center;align-items:center;display:inline-flex}._pageButton_ulang_374:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle);border-color:var(--cascivo-color-border-strong)}._pageButton_ulang_374:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._pageButton_ulang_374:disabled{color:var(--cascivo-color-text-muted);cursor:not-allowed}._srOnly_ulang_415{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}
|
|
@@ -117,6 +117,7 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
|
|
|
117
117
|
"data-zebra": pe || void 0,
|
|
118
118
|
"data-sticky-header": me || void 0,
|
|
119
119
|
"data-paginated": h ? !0 : void 0,
|
|
120
|
+
"data-fixed-layout": f.every((e) => e.width !== void 0) || void 0,
|
|
120
121
|
children: [
|
|
121
122
|
/* @__PURE__ */ l("span", {
|
|
122
123
|
"aria-live": "polite",
|
|
@@ -176,7 +177,10 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
|
|
|
176
177
|
/* @__PURE__ */ u("colgroup", { children: [
|
|
177
178
|
v && /* @__PURE__ */ l("col", { className: n.controlCol }),
|
|
178
179
|
g && /* @__PURE__ */ l("col", { className: n.controlCol }),
|
|
179
|
-
f.map((e) => /* @__PURE__ */ l("col", { style: e.width
|
|
180
|
+
f.map((e) => /* @__PURE__ */ l("col", { style: e.width !== void 0 || e.minWidth !== void 0 ? {
|
|
181
|
+
...e.width === void 0 ? {} : { width: e.width },
|
|
182
|
+
...e.minWidth === void 0 ? {} : { minWidth: e.minWidth }
|
|
183
|
+
} : void 0 }, e.key))
|
|
180
184
|
] }),
|
|
181
185
|
/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", { children: [
|
|
182
186
|
v && /* @__PURE__ */ l("th", {
|
|
@@ -205,6 +209,7 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
|
|
|
205
209
|
return /* @__PURE__ */ l("th", {
|
|
206
210
|
scope: "col",
|
|
207
211
|
"data-align": e.align ?? "start",
|
|
212
|
+
"data-sized": e.width !== void 0 || void 0,
|
|
208
213
|
"aria-sort": e.sortable ? r : void 0,
|
|
209
214
|
children: e.sortable ? /* @__PURE__ */ l("button", {
|
|
210
215
|
type: "button",
|
|
@@ -269,6 +274,7 @@ function f({ columns: f, rows: se, getRowId: ce, sort: p, defaultSort: le, sortM
|
|
|
269
274
|
}),
|
|
270
275
|
f.map((t) => /* @__PURE__ */ l("td", {
|
|
271
276
|
"data-align": t.align ?? "start",
|
|
277
|
+
"data-sized": t.width !== void 0 || void 0,
|
|
272
278
|
children: t.render ? t.render(e.row) : String(d(e.row, t.key) ?? "")
|
|
273
279
|
}, t.key))
|
|
274
280
|
]
|
|
@@ -2,35 +2,35 @@
|
|
|
2
2
|
|
|
3
3
|
import './data-table.css';
|
|
4
4
|
var e = {
|
|
5
|
-
root: "
|
|
6
|
-
toolbar: "
|
|
7
|
-
heading: "
|
|
8
|
-
title: "
|
|
9
|
-
description: "
|
|
10
|
-
search: "
|
|
11
|
-
batchBar: "
|
|
12
|
-
batchCount: "
|
|
13
|
-
batchActions: "
|
|
14
|
-
scroller: "
|
|
15
|
-
scrollerVirtualized: "
|
|
16
|
-
table: "
|
|
17
|
-
row: "
|
|
18
|
-
controlCol: "
|
|
19
|
-
controlCell: "
|
|
20
|
-
sortButton: "
|
|
21
|
-
emptyCell: "
|
|
22
|
-
expansionRow: "
|
|
23
|
-
expansionGrid: "
|
|
24
|
-
expansionInner: "
|
|
25
|
-
expandButton: "
|
|
26
|
-
chevron: "
|
|
27
|
-
shimmer: "
|
|
28
|
-
footer: "
|
|
29
|
-
pageSize: "
|
|
30
|
-
range: "
|
|
31
|
-
pageButtons: "
|
|
32
|
-
pageButton: "
|
|
33
|
-
srOnly: "
|
|
5
|
+
root: "_root_ulang_2",
|
|
6
|
+
toolbar: "_toolbar_ulang_26",
|
|
7
|
+
heading: "_heading_ulang_35",
|
|
8
|
+
title: "_title_ulang_41",
|
|
9
|
+
description: "_description_ulang_47",
|
|
10
|
+
search: "_search_ulang_52",
|
|
11
|
+
batchBar: "_batchBar_ulang_79",
|
|
12
|
+
batchCount: "_batchCount_ulang_89",
|
|
13
|
+
batchActions: "_batchActions_ulang_95",
|
|
14
|
+
scroller: "_scroller_ulang_101",
|
|
15
|
+
scrollerVirtualized: "_scrollerVirtualized_ulang_106",
|
|
16
|
+
table: "_table_ulang_112",
|
|
17
|
+
row: "_row_ulang_182",
|
|
18
|
+
controlCol: "_controlCol_ulang_188",
|
|
19
|
+
controlCell: "_controlCell_ulang_192",
|
|
20
|
+
sortButton: "_sortButton_ulang_198",
|
|
21
|
+
emptyCell: "_emptyCell_ulang_246",
|
|
22
|
+
expansionRow: "_expansionRow_ulang_253",
|
|
23
|
+
expansionGrid: "_expansionGrid_ulang_259",
|
|
24
|
+
expansionInner: "_expansionInner_ulang_263",
|
|
25
|
+
expandButton: "_expandButton_ulang_268",
|
|
26
|
+
chevron: "_chevron_ulang_291",
|
|
27
|
+
shimmer: "_shimmer_ulang_306",
|
|
28
|
+
footer: "_footer_ulang_333",
|
|
29
|
+
pageSize: "_pageSize_ulang_343",
|
|
30
|
+
range: "_range_ulang_369",
|
|
31
|
+
pageButtons: "_pageButtons_ulang_374",
|
|
32
|
+
pageButton: "_pageButton_ulang_374",
|
|
33
|
+
srOnly: "_srOnly_ulang_415"
|
|
34
34
|
};
|
|
35
35
|
//#endregion
|
|
36
36
|
export { e as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cascivo.component{.
|
|
1
|
+
@layer cascivo.component{._wrapper_1hgll_2{gap:var(--cascivo-space-1);min-inline-size:0;font-family:var(--cascivo-font-sans);flex-direction:column;display:inline-flex;position:relative}._wrapper_1hgll_2[data-size=sm]{--_height:2rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-3)}._wrapper_1hgll_2[data-size=md]{--_height:2.5rem;--_font:var(--cascivo-text-sm);--_px:var(--cascivo-space-4)}._wrapper_1hgll_2[data-size=lg]{--_height:3rem;--_font:var(--cascivo-text-base);--_px:var(--cascivo-space-4)}._label_1hgll_31{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text);line-height:var(--cascivo-leading-snug)}._field_1hgll_38{align-items:center;display:flex;position:relative}._trigger_1hgll_44{justify-content:space-between;align-items:center;gap:var(--cascivo-space-2);block-size:var(--_height,2.5rem);min-inline-size:12rem;padding-inline:var(--_px,var(--cascivo-space-4));font-family:var(--cascivo-font-sans);font-size:var(--_font,var(--cascivo-text-sm));color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-field);cursor:pointer;text-align:start;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);outline:none;display:flex}._trigger_1hgll_44:hover:not(:disabled){border-color:var(--cascivo-color-border-strong)}._trigger_1hgll_44:focus-visible{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cascivo-color-accent) 20%, transparent)}._trigger_1hgll_44:disabled{opacity:.5;cursor:not-allowed}._wrapper_1hgll_2[data-state=error] ._trigger_1hgll_44{border-color:var(--cascivo-color-danger)}._value_1hgll_82{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._placeholder_1hgll_88{color:var(--cascivo-color-text-subtle)}._icon_1hgll_91{color:var(--cascivo-color-text-muted);font-style:normal}._clear_1hgll_96{cursor:pointer;min-block-size:1.5rem;min-inline-size:1.5rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-xs);padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:var(--cascivo-space-8)}._clear_1hgll_96:hover{color:var(--cascivo-color-text)}._clear_1hgll_96:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._calendar_1hgll_121{z-index:var(--cascivo-z-dropdown);padding:var(--cascivo-space-3);background-color:var(--cascivo-color-surface-overlay);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-overlay);box-shadow:var(--cascivo-shadow-overlay);opacity:0;visibility:hidden;transition:opacity var(--cascivo-motion-enter), translate var(--cascivo-motion-enter), visibility var(--cascivo-motion-enter);position:absolute;inset-block-start:calc(100% + var(--cascivo-space-1));inset-inline-start:0;translate:0 -.25rem}._calendar_1hgll_121[data-state=open]{opacity:1;visibility:visible;translate:0}@starting-style{._calendar_1hgll_121[data-state=open]{opacity:0;translate:0 -.25rem}}._header_1hgll_153{justify-content:space-between;align-items:center;margin-block-end:var(--cascivo-space-2);display:flex}._monthLabel_1hgll_160{font-size:var(--cascivo-text-sm);font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-text)}._navButton_1hgll_166{border-radius:var(--cascivo-radius-control);cursor:pointer;block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text-muted);font-size:var(--cascivo-text-base);background:0 0;border:1px solid #0000;outline:none;justify-content:center;align-items:center;display:inline-flex}._navButton_1hgll_166:hover{background-color:var(--cascivo-color-bg-subtle);color:var(--cascivo-color-text)}._navButton_1hgll_166:focus-visible{border-color:var(--cascivo-color-accent)}._grid_1hgll_188{border-collapse:collapse;inline-size:100%}._weekday_1hgll_193{padding-block:var(--cascivo-space-1);font-size:var(--cascivo-text-xs);font-weight:var(--cascivo-font-medium);color:var(--cascivo-color-text-muted);text-align:center;inline-size:2.25rem}._cell_1hgll_202{text-align:center;padding:2px}._empty_1hgll_206{inline-size:2.25rem}._day_1hgll_210{block-size:2.25rem;inline-size:2.25rem;font-family:var(--cascivo-font-sans);font-size:var(--cascivo-text-sm);color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-control);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:flex}._day_1hgll_210:hover:not([aria-disabled]){background-color:var(--cascivo-color-bg-subtle)}._day_1hgll_210:focus-visible{box-shadow:0 0 0 2px var(--cascivo-color-accent)}._day_1hgll_210[data-today]{font-weight:var(--cascivo-font-semibold);color:var(--cascivo-color-accent)}._day_1hgll_210[data-selected]{background-color:var(--cascivo-color-accent);color:var(--cascivo-color-accent-foreground,var(--cascivo-color-text-on-accent))}._day_1hgll_210[aria-disabled]{opacity:.35;cursor:not-allowed}._error_1hgll_245{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-danger)}._hint_1hgll_249{font-size:var(--cascivo-text-xs);color:var(--cascivo-color-text-muted)}}
|
|
@@ -2,25 +2,25 @@
|
|
|
2
2
|
|
|
3
3
|
import './date-picker.css';
|
|
4
4
|
var e = {
|
|
5
|
-
wrapper: "
|
|
6
|
-
label: "
|
|
7
|
-
field: "
|
|
8
|
-
trigger: "
|
|
9
|
-
value: "
|
|
10
|
-
placeholder: "
|
|
11
|
-
icon: "
|
|
12
|
-
clear: "
|
|
13
|
-
calendar: "
|
|
14
|
-
header: "
|
|
15
|
-
monthLabel: "
|
|
16
|
-
navButton: "
|
|
17
|
-
grid: "
|
|
18
|
-
weekday: "
|
|
19
|
-
cell: "
|
|
20
|
-
empty: "
|
|
21
|
-
day: "
|
|
22
|
-
error: "
|
|
23
|
-
hint: "
|
|
5
|
+
wrapper: "_wrapper_1hgll_2",
|
|
6
|
+
label: "_label_1hgll_31",
|
|
7
|
+
field: "_field_1hgll_38",
|
|
8
|
+
trigger: "_trigger_1hgll_44",
|
|
9
|
+
value: "_value_1hgll_82",
|
|
10
|
+
placeholder: "_placeholder_1hgll_88",
|
|
11
|
+
icon: "_icon_1hgll_91",
|
|
12
|
+
clear: "_clear_1hgll_96",
|
|
13
|
+
calendar: "_calendar_1hgll_121",
|
|
14
|
+
header: "_header_1hgll_153",
|
|
15
|
+
monthLabel: "_monthLabel_1hgll_160",
|
|
16
|
+
navButton: "_navButton_1hgll_166",
|
|
17
|
+
grid: "_grid_1hgll_188",
|
|
18
|
+
weekday: "_weekday_1hgll_193",
|
|
19
|
+
cell: "_cell_1hgll_202",
|
|
20
|
+
empty: "_empty_1hgll_206",
|
|
21
|
+
day: "_day_1hgll_210",
|
|
22
|
+
error: "_error_1hgll_245",
|
|
23
|
+
hint: "_hint_1hgll_249"
|
|
24
24
|
};
|
|
25
25
|
//#endregion
|
|
26
26
|
export { e as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cascivo.component{.
|
|
1
|
+
@layer cascivo.component{._uploader_nfhc5_2{gap:var(--cascivo-space-2);flex-direction:column;inline-size:100%;min-inline-size:0;display:flex}._label_nfhc5_13{font-size:var(--cascivo-font-size-sm);font-weight:var(--cascivo-font-weight-medium);color:var(--cascivo-color-text)}._input_nfhc5_19{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}._zone_nfhc5_28{padding:var(--cascivo-space-8) var(--cascivo-space-4);border:2px dashed var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);color:var(--cascivo-color-text-muted);font-size:var(--cascivo-font-size-sm);cursor:pointer;transition:border-color var(--cascivo-duration-150) var(--cascivo-ease-out), background var(--cascivo-duration-150) var(--cascivo-ease-out);text-align:center;justify-content:center;align-items:center;inline-size:100%;display:flex}._zone_nfhc5_28:hover:not(:disabled),._zone_nfhc5_28[data-state=dragover]{border-color:var(--cascivo-color-accent);background:var(--cascivo-color-accent-subtle)}._zone_nfhc5_28:disabled{opacity:.5;cursor:not-allowed}._hint_nfhc5_61{font-size:var(--cascivo-font-size-xs);color:var(--cascivo-color-text-muted)}._list_nfhc5_66{gap:var(--cascivo-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._file_nfhc5_75{align-items:center;gap:var(--cascivo-space-2);padding:var(--cascivo-space-2) var(--cascivo-space-3);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-surface);background:var(--cascivo-color-surface);font-size:var(--cascivo-font-size-sm);grid-template-columns:auto 1fr auto auto;grid-template-areas:"status name size remove""status error error error";display:grid}._file_nfhc5_75[data-state=error]{border-color:var(--cascivo-color-danger)}._status_nfhc5_92{grid-area:status;align-items:center;display:flex}._glyph-complete_nfhc5_98{color:var(--cascivo-color-success-foreground)}._glyph-error_nfhc5_102{color:var(--cascivo-color-danger)}._name_nfhc5_106{text-overflow:ellipsis;white-space:nowrap;grid-area:name;overflow:hidden}._size_nfhc5_113{color:var(--cascivo-color-text-muted);font-size:var(--cascivo-font-size-xs);grid-area:size}._remove_nfhc5_119{padding:var(--cascivo-space-1);border-radius:var(--cascivo-radius-control);color:var(--cascivo-color-text-muted);cursor:pointer;font-size:var(--cascivo-font-size-xs);background:0 0;border:none;grid-area:remove;justify-content:center;align-items:center;line-height:1;display:flex}._remove_nfhc5_119:hover{color:var(--cascivo-color-danger);background:var(--cascivo-color-danger-subtle)}._error-message_nfhc5_139{font-size:var(--cascivo-font-size-xs);color:var(--cascivo-color-danger);grid-area:error}}
|
|
@@ -2,20 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
import './file-uploader.css';
|
|
4
4
|
var e = {
|
|
5
|
-
uploader: "
|
|
6
|
-
label: "
|
|
7
|
-
input: "
|
|
8
|
-
zone: "
|
|
9
|
-
hint: "
|
|
10
|
-
list: "
|
|
11
|
-
file: "
|
|
12
|
-
status: "
|
|
13
|
-
"glyph-complete": "_glyph-
|
|
14
|
-
"glyph-error": "_glyph-
|
|
15
|
-
name: "
|
|
16
|
-
size: "
|
|
17
|
-
remove: "
|
|
18
|
-
"error-message": "_error-
|
|
5
|
+
uploader: "_uploader_nfhc5_2",
|
|
6
|
+
label: "_label_nfhc5_13",
|
|
7
|
+
input: "_input_nfhc5_19",
|
|
8
|
+
zone: "_zone_nfhc5_28",
|
|
9
|
+
hint: "_hint_nfhc5_61",
|
|
10
|
+
list: "_list_nfhc5_66",
|
|
11
|
+
file: "_file_nfhc5_75",
|
|
12
|
+
status: "_status_nfhc5_92",
|
|
13
|
+
"glyph-complete": "_glyph-complete_nfhc5_98",
|
|
14
|
+
"glyph-error": "_glyph-error_nfhc5_102",
|
|
15
|
+
name: "_name_nfhc5_106",
|
|
16
|
+
size: "_size_nfhc5_113",
|
|
17
|
+
remove: "_remove_nfhc5_119",
|
|
18
|
+
"error-message": "_error-message_nfhc5_139"
|
|
19
19
|
};
|
|
20
20
|
//#endregion
|
|
21
21
|
export { e as default };
|
package/dist/filter/filter.js
CHANGED
|
@@ -4,28 +4,29 @@ import e from "./filter.module.js";
|
|
|
4
4
|
import { useControllableSignal as t, useSignals as n } from "@cascivo/core";
|
|
5
5
|
import { jsx as r } from "react/jsx-runtime";
|
|
6
6
|
//#region ../components/src/filter/filter.tsx
|
|
7
|
-
function i({ options: i, value: a, defaultValue: o = [], onValueChange: s, onChange: c, multi: l = !1, variant: u = "pill", className: d,
|
|
7
|
+
function i({ options: i, value: a, defaultValue: o = [], onValueChange: s, onChange: c, multi: l = !1, variant: u = "pill", className: d, ariaLabel: f, ...p }) {
|
|
8
8
|
n();
|
|
9
|
-
let [
|
|
9
|
+
let [m, h] = t({
|
|
10
10
|
value: a,
|
|
11
11
|
defaultValue: o,
|
|
12
12
|
onChange: s ?? c
|
|
13
13
|
});
|
|
14
|
-
function
|
|
15
|
-
let t =
|
|
16
|
-
n = l ? t.includes(e) ? t.filter((t) => t !== e) : [...t, e] : t.includes(e) ? [] : [e],
|
|
14
|
+
function g(e) {
|
|
15
|
+
let t = m.value, n;
|
|
16
|
+
n = l ? t.includes(e) ? t.filter((t) => t !== e) : [...t, e] : t.includes(e) ? [] : [e], h(n);
|
|
17
17
|
}
|
|
18
18
|
return /* @__PURE__ */ r("div", {
|
|
19
19
|
role: "group",
|
|
20
20
|
className: [e.filter, d].filter(Boolean).join(" "),
|
|
21
21
|
"data-variant": u,
|
|
22
|
-
|
|
22
|
+
"aria-label": p["aria-label"] ?? f,
|
|
23
|
+
...p,
|
|
23
24
|
children: i.map((t) => /* @__PURE__ */ r("button", {
|
|
24
25
|
type: "button",
|
|
25
26
|
className: e.item,
|
|
26
|
-
"data-selected":
|
|
27
|
-
onClick: () =>
|
|
28
|
-
"aria-pressed":
|
|
27
|
+
"data-selected": m.value.includes(t.value) || void 0,
|
|
28
|
+
onClick: () => g(t.value),
|
|
29
|
+
"aria-pressed": m.value.includes(t.value),
|
|
29
30
|
children: t.label
|
|
30
31
|
}, t.value))
|
|
31
32
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer cascivo.component{.
|
|
1
|
+
@layer cascivo.component{._iconButton_1f9hf_2{aspect-ratio:1;font-family:var(--cascivo-font-sans);line-height:var(--cascivo-leading-none);cursor:pointer;border-radius:var(--cascivo-button-radius,var(--cascivo-radius-control));color:var(--cascivo-color-text);transition:background-color var(--cascivo-duration-150) var(--cascivo-ease-out), color var(--cascivo-duration-150) var(--cascivo-ease-out), box-shadow var(--cascivo-duration-150) var(--cascivo-ease-out);background-color:#0000;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}._iconButton_1f9hf_2:focus-visible{box-shadow:var(--cascivo-focus-ring);outline:none}._iconButton_1f9hf_2:disabled,._iconButton_1f9hf_2[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}._iconButton_1f9hf_2[data-size=sm]{block-size:var(--cascivo-control-height-sm);inline-size:var(--cascivo-control-height-sm);font-size:var(--cascivo-text-sm)}._iconButton_1f9hf_2[data-size=md]{block-size:var(--cascivo-control-height-md);inline-size:var(--cascivo-control-height-md);font-size:var(--cascivo-text-base)}._iconButton_1f9hf_2[data-size=lg]{block-size:var(--cascivo-control-height-lg);inline-size:var(--cascivo-control-height-lg);font-size:var(--cascivo-text-lg)}._iconButton_1f9hf_2[data-variant=ghost]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._iconButton_1f9hf_2[data-variant=outline]{border-color:var(--cascivo-color-border);background-color:var(--cascivo-color-surface)}._iconButton_1f9hf_2[data-variant=outline]:hover:not(:disabled){background-color:var(--cascivo-color-bg-subtle)}._iconButton_1f9hf_2[data-variant=filled]{background-color:var(--cascivo-color-primary);color:var(--cascivo-color-primary-fg)}._iconButton_1f9hf_2[data-variant=filled]:hover:not(:disabled){background-color:var(--cascivo-color-primary-hover)}._iconButton_1f9hf_2[data-variant=filled]:active:not(:disabled){background-color:var(--cascivo-color-primary-active)}}@media (forced-colors:active){._iconButton_1f9hf_2{border:1px solid buttontext}._iconButton_1f9hf_2:focus-visible{outline-offset:2px;outline:2px solid highlight}._iconButton_1f9hf_2:disabled{color:graytext;border-color:graytext}}
|