@veevarts/design-system 2.12.0 → 2.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.
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
export declare const cardListClass: {
|
|
2
2
|
readonly base: "w-full";
|
|
3
3
|
readonly list: "m-0 list-none p-0";
|
|
4
|
-
readonly item: "border-b border-pos-hair last:border-b-0";
|
|
4
|
+
readonly item: "relative border-b border-pos-hair last:border-b-0";
|
|
5
5
|
readonly card: "block w-full px-4 py-[0.875rem] text-left";
|
|
6
6
|
readonly cardInteractive: "cursor-pointer outline-none transition-colors hover:bg-default-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-primary motion-reduce:transition-none [html[data-pos-reduce-motion=true]_&]:transition-none";
|
|
7
7
|
readonly headline: "flex items-baseline gap-2.5";
|
|
8
|
+
readonly headlineWithActions: "pr-[3.25rem]";
|
|
8
9
|
readonly title: "min-w-0 text-[0.90625rem] font-semibold text-primary [overflow-wrap:anywhere]";
|
|
9
10
|
readonly amount: "ml-auto shrink-0 whitespace-nowrap text-[0.9375rem] font-bold tabular-nums text-default-900";
|
|
11
|
+
readonly actions: "absolute right-4 top-[0.1875rem] z-[1]";
|
|
10
12
|
readonly chips: "mt-[0.5625rem] flex flex-wrap gap-1.5";
|
|
13
|
+
readonly chipsLine: "mt-[0.5625rem] flex items-center gap-2.5";
|
|
14
|
+
readonly chipsInline: "flex min-w-0 flex-wrap gap-1.5";
|
|
11
15
|
readonly rows: "mt-[0.5625rem] block";
|
|
12
16
|
readonly row: "flex items-baseline gap-3 py-[0.1875rem] text-[0.8125rem]";
|
|
13
17
|
readonly rowLabel: "shrink-0 text-default-500";
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
export declare const filterSelectClass: {
|
|
2
|
-
readonly base: "relative inline-grid min-w-[
|
|
3
|
-
readonly baseActive: "
|
|
2
|
+
readonly base: "relative inline-grid min-w-[var(--filter-select-min)] max-w-max shrink grow basis-[var(--filter-select-min)] grid-cols-[minmax(0,1fr)] [--filter-select-min:6rem]";
|
|
3
|
+
readonly baseActive: "[--filter-select-min:8rem]";
|
|
4
4
|
readonly cell: "[grid-area:1/1]";
|
|
5
|
-
readonly sizer: "invisible h-0 overflow-hidden whitespace-nowrap border-x-2 border-transparent pl-2 pr-[
|
|
6
|
-
readonly
|
|
5
|
+
readonly sizer: "invisible h-0 max-w-[20rem] overflow-hidden whitespace-nowrap border-x-2 border-transparent pl-2 pr-[2.0625rem] text-[0.875rem]";
|
|
6
|
+
readonly sizerActive: "pr-[3.4375rem] font-semibold";
|
|
7
|
+
readonly select: "w-full [contain:inline-size]";
|
|
7
8
|
readonly trigger: "h-[2.375rem] min-h-[2.375rem] rounded-[0.625rem] border-medium border-pos-field bg-white px-2 shadow-none data-[hover=true]:border-default-300 data-[focus=true]:border-primary data-[open=true]:border-primary data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-primary data-[focus-visible=true]:ring-offset-1";
|
|
8
|
-
readonly triggerActive: "!border-acct-rust-border !bg-acct-rust-fill pr-[
|
|
9
|
+
readonly triggerActive: "!border-acct-rust-border !bg-acct-rust-fill pr-[1.875rem]";
|
|
9
10
|
readonly value: "text-[0.875rem] !text-default-900";
|
|
10
11
|
readonly valueActive: "font-semibold !text-primary-600";
|
|
11
12
|
readonly iconActive: "!text-primary-600";
|