@intentic/extension-ui 1.363.0 → 1.364.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/check/kit-decisions.mjs
CHANGED
|
@@ -74,7 +74,7 @@ const redecidedLooks = (name, words, parent) => [
|
|
|
74
74
|
: []),
|
|
75
75
|
...((name === `Row` || name === `DisclosureRow`) && ROW_HEIGHT.test(words)
|
|
76
76
|
? [
|
|
77
|
-
`<${name}> is given a height of its own, so it stands taller or shorter than the rows beside it: a row is as tall as its tier
|
|
77
|
+
`<${name}> is given a height of its own, so it stands taller or shorter than the rows beside it: a row is as tall as its tier and its group (one line, or described once any row of the group is), and its text is clamped so it cannot raise it`,
|
|
78
78
|
]
|
|
79
79
|
: []),
|
|
80
80
|
];
|
|
@@ -5,50 +5,56 @@ export declare const ROW_TIERS: {
|
|
|
5
5
|
readonly comfortable: {
|
|
6
6
|
readonly pad: "px-4.5 py-3.5";
|
|
7
7
|
readonly facePad: "px-4.5 py-2.5";
|
|
8
|
+
readonly heightBare: "min-h-14";
|
|
9
|
+
readonly heightDescribed: "min-h-18";
|
|
8
10
|
readonly gap: "gap-3";
|
|
9
11
|
readonly icon: "text-xl";
|
|
10
12
|
readonly title: "font-semibold leading-tight";
|
|
11
13
|
readonly description: "text-xs";
|
|
12
14
|
readonly headline: "basis-56";
|
|
15
|
+
readonly headlineWide: "md:basis-56";
|
|
13
16
|
readonly mark: 28;
|
|
14
17
|
readonly heading: "sm";
|
|
15
18
|
readonly headingLine: "gap-x-2.5 gap-y-1";
|
|
16
19
|
readonly headingLabel: "min-w-0";
|
|
17
20
|
readonly headingInset: "px-1";
|
|
18
21
|
readonly headingGap: "mb-2.5";
|
|
19
|
-
readonly floor: "md:*:min-h-16";
|
|
20
22
|
};
|
|
21
23
|
readonly compact: {
|
|
22
24
|
readonly pad: "px-4 py-2.5";
|
|
23
25
|
readonly facePad: "px-4 py-1";
|
|
26
|
+
readonly heightBare: "min-h-12";
|
|
27
|
+
readonly heightDescribed: "min-h-16";
|
|
24
28
|
readonly gap: "gap-3";
|
|
25
29
|
readonly icon: "text-lg";
|
|
26
30
|
readonly title: "text-sm font-medium leading-tight";
|
|
27
31
|
readonly description: "text-2xs";
|
|
28
32
|
readonly headline: "basis-44";
|
|
33
|
+
readonly headlineWide: "md:basis-44";
|
|
29
34
|
readonly mark: 22;
|
|
30
35
|
readonly heading: "sm";
|
|
31
36
|
readonly headingLine: "gap-x-2.5 gap-y-1";
|
|
32
37
|
readonly headingLabel: "min-w-0";
|
|
33
38
|
readonly headingInset: "px-1";
|
|
34
39
|
readonly headingGap: "mb-2.5";
|
|
35
|
-
readonly floor: "md:*:min-h-14";
|
|
36
40
|
};
|
|
37
41
|
readonly dense: {
|
|
38
42
|
readonly pad: "px-2.5 py-2";
|
|
39
43
|
readonly facePad: "px-2.5 py-0.5";
|
|
44
|
+
readonly heightBare: "min-h-8";
|
|
45
|
+
readonly heightDescribed: "min-h-12";
|
|
40
46
|
readonly gap: "gap-2.5";
|
|
41
47
|
readonly icon: "text-base";
|
|
42
48
|
readonly title: "text-xs font-medium leading-tight";
|
|
43
49
|
readonly description: "text-2xs";
|
|
44
50
|
readonly headline: "basis-24";
|
|
51
|
+
readonly headlineWide: "md:basis-24";
|
|
45
52
|
readonly mark: 18;
|
|
46
53
|
readonly heading: "xs";
|
|
47
54
|
readonly headingLine: "gap-x-2 gap-y-0.5";
|
|
48
55
|
readonly headingLabel: "min-w-0 truncate";
|
|
49
56
|
readonly headingInset: "pl-2 pr-1";
|
|
50
57
|
readonly headingGap: "mb-1";
|
|
51
|
-
readonly floor: "md:*:min-h-12";
|
|
52
58
|
};
|
|
53
59
|
};
|
|
54
60
|
export declare const ROW_TONES: Record<RowTone, string>;
|
|
@@ -69,5 +75,9 @@ export declare const ROW_BLOCK_PAD: {
|
|
|
69
75
|
};
|
|
70
76
|
export declare const provideRowDensity: (density: ComputedRef<RowDensity>) => void;
|
|
71
77
|
export declare const useRowDensity: (own: () => RowDensity | undefined) => ComputedRef<RowDensity>;
|
|
78
|
+
export declare const provideRowLines: () => void;
|
|
79
|
+
export declare const useRowLines: (own: () => boolean) => ComputedRef<boolean>;
|
|
72
80
|
export declare const provideRowFlushInline: (flush: boolean) => void;
|
|
73
81
|
export declare const useRowFlushInline: () => boolean;
|
|
82
|
+
export declare const ROW_WASH_BLEED = "-mx-2.5 px-2.5 rounded-lg";
|
|
83
|
+
export declare const ROW_WASH_BLEED_FULL = "-mx-2.5 !px-2.5 rounded-lg !w-[calc(100%+1.25rem)]";
|
|
@@ -51,6 +51,9 @@ export declare const ICONS: {
|
|
|
51
51
|
box: {
|
|
52
52
|
outline: string;
|
|
53
53
|
};
|
|
54
|
+
"box-plus": {
|
|
55
|
+
outline: string;
|
|
56
|
+
};
|
|
54
57
|
boxes: {
|
|
55
58
|
outline: string;
|
|
56
59
|
};
|
|
@@ -312,6 +315,9 @@ export declare const ICONS: {
|
|
|
312
315
|
play: {
|
|
313
316
|
outline: string;
|
|
314
317
|
};
|
|
318
|
+
plug: {
|
|
319
|
+
outline: string;
|
|
320
|
+
};
|
|
315
321
|
print: {
|
|
316
322
|
outline: string;
|
|
317
323
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@intentic/extension-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.364.0",
|
|
4
4
|
"description": "The UI kit intentic extensions render with, host-provided at runtime (the app's own components via the import map), so extension UI is always native to the shell",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|