@a-type/ui 6.0.61 → 6.0.63
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/arbor/arbor.d.ts +8 -0
- package/dist/arbor/arbor.js +8 -0
- package/dist/arbor/arbor.js.map +1 -1
- package/dist/components/avatar/AvatarList.d.ts +5 -3
- package/dist/components/avatar/AvatarList.js +4 -15
- package/dist/components/avatar/AvatarList.js.map +1 -1
- package/dist/components/card/Card.module.css +1 -1
- package/dist/hooks/useSize.d.ts +5 -0
- package/dist/hooks/useSize.js +5 -2
- package/dist/hooks/useSize.js.map +1 -1
- package/package.json +1 -1
- package/src/arbor/arbor.ts +8 -0
- package/src/components/avatar/AvatarList.tsx +7 -1
- package/src/components/card/Card.module.css +1 -1
- package/src/hooks/useSize.ts +11 -2
package/dist/arbor/arbor.d.ts
CHANGED
|
@@ -3,27 +3,35 @@ declare const defaultColors: {
|
|
|
3
3
|
ranges: {
|
|
4
4
|
lemon: {
|
|
5
5
|
hue: number;
|
|
6
|
+
neutralSaturation: number;
|
|
6
7
|
};
|
|
7
8
|
leek: {
|
|
8
9
|
hue: number;
|
|
10
|
+
neutralSaturation: number;
|
|
9
11
|
};
|
|
10
12
|
tomato: {
|
|
11
13
|
hue: number;
|
|
14
|
+
neutralSaturation: number;
|
|
12
15
|
};
|
|
13
16
|
blueberry: {
|
|
14
17
|
hue: number;
|
|
18
|
+
neutralSaturation: number;
|
|
15
19
|
};
|
|
16
20
|
eggplant: {
|
|
17
21
|
hue: number;
|
|
22
|
+
neutralSaturation: number;
|
|
18
23
|
};
|
|
19
24
|
attention: {
|
|
20
25
|
hue: number;
|
|
26
|
+
neutralSaturation: number;
|
|
21
27
|
};
|
|
22
28
|
success: {
|
|
23
29
|
hue: number;
|
|
30
|
+
neutralSaturation: number;
|
|
24
31
|
};
|
|
25
32
|
user: {
|
|
26
33
|
hue: number;
|
|
34
|
+
neutralSaturation: number;
|
|
27
35
|
};
|
|
28
36
|
};
|
|
29
37
|
mainColor: string;
|
package/dist/arbor/arbor.js
CHANGED
|
@@ -5,27 +5,35 @@ const defaultColors = {
|
|
|
5
5
|
ranges: {
|
|
6
6
|
lemon: {
|
|
7
7
|
hue: 86,
|
|
8
|
+
neutralSaturation: 0.2,
|
|
8
9
|
},
|
|
9
10
|
leek: {
|
|
10
11
|
hue: 165.88,
|
|
12
|
+
neutralSaturation: 0.2,
|
|
11
13
|
},
|
|
12
14
|
tomato: {
|
|
13
15
|
hue: 10.51,
|
|
16
|
+
neutralSaturation: 0.2,
|
|
14
17
|
},
|
|
15
18
|
blueberry: {
|
|
16
19
|
hue: 248.14,
|
|
20
|
+
neutralSaturation: 0.2,
|
|
17
21
|
},
|
|
18
22
|
eggplant: {
|
|
19
23
|
hue: 280.21,
|
|
24
|
+
neutralSaturation: 0.2,
|
|
20
25
|
},
|
|
21
26
|
attention: {
|
|
22
27
|
hue: 30,
|
|
28
|
+
neutralSaturation: 0.2,
|
|
23
29
|
},
|
|
24
30
|
success: {
|
|
25
31
|
hue: 140,
|
|
32
|
+
neutralSaturation: 0.2,
|
|
26
33
|
},
|
|
27
34
|
user: {
|
|
28
35
|
hue: 0,
|
|
36
|
+
neutralSaturation: 0.2,
|
|
29
37
|
},
|
|
30
38
|
},
|
|
31
39
|
mainColor: 'lemon',
|
package/dist/arbor/arbor.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"arbor.js","sourceRoot":"","sources":["../../src/arbor/arbor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAEN,kBAAkB,EAClB,WAAW,GACX,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEjE,MAAM,aAAa,GAAG;IACrB,MAAM,EAAE;QACP,KAAK,EAAE;YACN,GAAG,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"arbor.js","sourceRoot":"","sources":["../../src/arbor/arbor.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,17 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
2
|
import { AvatarProps } from './Avatar.js';
|
|
3
|
-
export declare function AvatarListRoot({ children, count, size, className, ...rest }: {
|
|
3
|
+
export declare function AvatarListRoot({ children, count, size, className, style, ...rest }: {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
count: number;
|
|
6
6
|
size?: number;
|
|
7
7
|
className?: string;
|
|
8
|
+
style?: CSSProperties;
|
|
8
9
|
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export declare function AvatarListItemRoot({ index, children, className, }: {
|
|
10
|
+
export declare function AvatarListItemRoot({ index, children, className, style, }: {
|
|
10
11
|
index: number;
|
|
11
12
|
children: ReactNode;
|
|
12
13
|
className?: string;
|
|
14
|
+
style?: CSSProperties;
|
|
13
15
|
}): import("react/jsx-runtime").JSX.Element;
|
|
14
16
|
export declare function AvatarListItem({ index, className, ...rest }: {
|
|
15
17
|
index: number;
|
|
@@ -16,24 +16,13 @@ const AvatarListContext = createContext({
|
|
|
16
16
|
size: 24,
|
|
17
17
|
});
|
|
18
18
|
export function AvatarListRoot(_a) {
|
|
19
|
-
var { children, count, size = 24, className } = _a, rest = __rest(_a, ["children", "count", "size", "className"]);
|
|
19
|
+
var { children, count, size = 24, className, style } = _a, rest = __rest(_a, ["children", "count", "size", "className", "style"]);
|
|
20
20
|
const width = count > 0 ? size + (count - 1) * ((size * 2) / 3) : 0;
|
|
21
|
-
return (_jsx(AvatarListContext.Provider, { value: { size }, children: _jsx("div", Object.assign({ className: className, style: {
|
|
22
|
-
position: 'relative',
|
|
23
|
-
flexBasis: 'auto',
|
|
24
|
-
width,
|
|
25
|
-
minWidth: width,
|
|
26
|
-
height: size,
|
|
27
|
-
} }, rest, { children: children })) }));
|
|
21
|
+
return (_jsx(AvatarListContext.Provider, { value: { size }, children: _jsx("div", Object.assign({ className: className, style: Object.assign(Object.assign({}, style), { position: 'relative', flexBasis: 'auto', width, minWidth: width, height: size }) }, rest, { children: children })) }));
|
|
28
22
|
}
|
|
29
|
-
export function AvatarListItemRoot({ index, children, className, }) {
|
|
23
|
+
export function AvatarListItemRoot({ index, children, className, style, }) {
|
|
30
24
|
const { size } = useContext(AvatarListContext);
|
|
31
|
-
return (_jsx("div", { className: className, style: {
|
|
32
|
-
position: 'absolute',
|
|
33
|
-
left: index === 0 ? 0 : index * ((size * 2) / 3),
|
|
34
|
-
zIndex: index,
|
|
35
|
-
top: 0,
|
|
36
|
-
}, children: children }));
|
|
25
|
+
return (_jsx("div", { className: className, style: Object.assign(Object.assign({}, style), { position: 'absolute', left: index === 0 ? 0 : index * ((size * 2) / 3), zIndex: index, top: 0 }), children: children }));
|
|
37
26
|
}
|
|
38
27
|
export function AvatarListItem(_a) {
|
|
39
28
|
var { index, className } = _a, rest = __rest(_a, ["index", "className"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarList.js","sourceRoot":"","sources":["../../../src/components/avatar/AvatarList.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AvatarList.js","sourceRoot":"","sources":["../../../src/components/avatar/AvatarList.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAA4B,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AAElD,MAAM,iBAAiB,GAAG,aAAa,CAAmB;IACzD,IAAI,EAAE,EAAE;CACR,CAAC,CAAC;AAEH,MAAM,UAAU,cAAc,CAAC,EAa9B;QAb8B,EAC9B,QAAQ,EACR,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,EACT,KAAK,OAQL,EAPG,IAAI,cANuB,mDAO9B,CADO;IAQP,MAAM,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpE,OAAO,CACN,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAC1C,4BACC,SAAS,EAAE,SAAS,EACpB,KAAK,kCACD,KAAK,KACR,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,MAAM,EACjB,KAAK,EACL,QAAQ,EAAE,KAAK,EACf,MAAM,EAAE,IAAI,OAET,IAAI,cAEP,QAAQ,IACJ,GACsB,CAC7B,CAAC;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,GAML;IACA,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CACN,cACC,SAAS,EAAE,SAAS,EACpB,KAAK,kCACD,KAAK,KACR,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAChD,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,CAAC,eAGN,QAAQ,GACJ,CACN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAQhB;QARgB,EAC9B,KAAK,EACL,SAAS,OAMK,EALX,IAAI,cAHuB,sBAI9B,CADO;IAMP,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CACN,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,YACrD,KAAC,MAAM,kBAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAM,IAAI,EAAI,GACtC,CACrB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACvD,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,kBAAkB;CAC5B,CAAC,CAAC"}
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
&[data-emphasis='ambient'] {
|
|
19
19
|
@apply --mx-surface-ambient;
|
|
20
20
|
padding: 0;
|
|
21
|
-
@apply --mx-bg(--fn-color-
|
|
21
|
+
@apply --mx-bg(--fn-color-saturated(var(--m-surface-ambient-bg), 9));
|
|
22
22
|
@apply --mx-borderColor-faded(50%);
|
|
23
23
|
}
|
|
24
24
|
&[data-emphasis='secondary'] {
|
package/dist/hooks/useSize.d.ts
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import { RefObject } from 'react';
|
|
2
2
|
interface ResizeObserverEntry {
|
|
3
3
|
target: Element;
|
|
4
|
+
contentRect: DOMRectReadOnly;
|
|
5
|
+
borderBoxSize?: ReadonlyArray<{
|
|
6
|
+
inlineSize: number;
|
|
7
|
+
blockSize: number;
|
|
8
|
+
}>;
|
|
4
9
|
}
|
|
5
10
|
type ResizeObserverCallback = (entries: ResizeObserverEntry[]) => void;
|
|
6
11
|
export declare class ResizeObserver {
|
package/dist/hooks/useSize.js
CHANGED
|
@@ -13,9 +13,12 @@ export function useSize(callback) {
|
|
|
13
13
|
}
|
|
14
14
|
const resizeObserver = new ResizeObserver((entries) => {
|
|
15
15
|
entries.forEach((entry) => {
|
|
16
|
+
var _a, _b, _c, _d, _e, _f;
|
|
17
|
+
const width = (_c = (_b = (_a = entry.borderBoxSize) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.inlineSize) !== null && _c !== void 0 ? _c : entry.contentRect.width;
|
|
18
|
+
const height = (_f = (_e = (_d = entry.borderBoxSize) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.blockSize) !== null && _f !== void 0 ? _f : entry.contentRect.height;
|
|
16
19
|
cb({
|
|
17
|
-
width
|
|
18
|
-
height
|
|
20
|
+
width,
|
|
21
|
+
height,
|
|
19
22
|
});
|
|
20
23
|
});
|
|
21
24
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSize.js","sourceRoot":"","sources":["../../src/hooks/useSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAa,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"useSize.js","sourceRoot":"","sources":["../../src/hooks/useSize.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/arbor/arbor.ts
CHANGED
|
@@ -10,27 +10,35 @@ const defaultColors = {
|
|
|
10
10
|
ranges: {
|
|
11
11
|
lemon: {
|
|
12
12
|
hue: 86,
|
|
13
|
+
neutralSaturation: 0.2,
|
|
13
14
|
},
|
|
14
15
|
leek: {
|
|
15
16
|
hue: 165.88,
|
|
17
|
+
neutralSaturation: 0.2,
|
|
16
18
|
},
|
|
17
19
|
tomato: {
|
|
18
20
|
hue: 10.51,
|
|
21
|
+
neutralSaturation: 0.2,
|
|
19
22
|
},
|
|
20
23
|
blueberry: {
|
|
21
24
|
hue: 248.14,
|
|
25
|
+
neutralSaturation: 0.2,
|
|
22
26
|
},
|
|
23
27
|
eggplant: {
|
|
24
28
|
hue: 280.21,
|
|
29
|
+
neutralSaturation: 0.2,
|
|
25
30
|
},
|
|
26
31
|
attention: {
|
|
27
32
|
hue: 30,
|
|
33
|
+
neutralSaturation: 0.2,
|
|
28
34
|
},
|
|
29
35
|
success: {
|
|
30
36
|
hue: 140,
|
|
37
|
+
neutralSaturation: 0.2,
|
|
31
38
|
},
|
|
32
39
|
user: {
|
|
33
40
|
hue: 0,
|
|
41
|
+
neutralSaturation: 0.2,
|
|
34
42
|
},
|
|
35
43
|
},
|
|
36
44
|
mainColor: 'lemon',
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode, createContext, useContext } from 'react';
|
|
1
|
+
import { CSSProperties, ReactNode, createContext, useContext } from 'react';
|
|
2
2
|
import { Avatar, AvatarProps } from './Avatar.js';
|
|
3
3
|
|
|
4
4
|
const AvatarListContext = createContext<{ size: number }>({
|
|
@@ -10,12 +10,14 @@ export function AvatarListRoot({
|
|
|
10
10
|
count,
|
|
11
11
|
size = 24,
|
|
12
12
|
className,
|
|
13
|
+
style,
|
|
13
14
|
...rest
|
|
14
15
|
}: {
|
|
15
16
|
children: ReactNode;
|
|
16
17
|
count: number;
|
|
17
18
|
size?: number;
|
|
18
19
|
className?: string;
|
|
20
|
+
style?: CSSProperties;
|
|
19
21
|
}) {
|
|
20
22
|
const width = count > 0 ? size + (count - 1) * ((size * 2) / 3) : 0;
|
|
21
23
|
|
|
@@ -24,6 +26,7 @@ export function AvatarListRoot({
|
|
|
24
26
|
<div
|
|
25
27
|
className={className}
|
|
26
28
|
style={{
|
|
29
|
+
...style,
|
|
27
30
|
position: 'relative',
|
|
28
31
|
flexBasis: 'auto',
|
|
29
32
|
width,
|
|
@@ -42,16 +45,19 @@ export function AvatarListItemRoot({
|
|
|
42
45
|
index,
|
|
43
46
|
children,
|
|
44
47
|
className,
|
|
48
|
+
style,
|
|
45
49
|
}: {
|
|
46
50
|
index: number;
|
|
47
51
|
children: ReactNode;
|
|
48
52
|
className?: string;
|
|
53
|
+
style?: CSSProperties;
|
|
49
54
|
}) {
|
|
50
55
|
const { size } = useContext(AvatarListContext);
|
|
51
56
|
return (
|
|
52
57
|
<div
|
|
53
58
|
className={className}
|
|
54
59
|
style={{
|
|
60
|
+
...style,
|
|
55
61
|
position: 'absolute',
|
|
56
62
|
left: index === 0 ? 0 : index * ((size * 2) / 3),
|
|
57
63
|
zIndex: index,
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
&[data-emphasis='ambient'] {
|
|
19
19
|
@apply --mx-surface-ambient;
|
|
20
20
|
padding: 0;
|
|
21
|
-
@apply --mx-bg(--fn-color-
|
|
21
|
+
@apply --mx-bg(--fn-color-saturated(var(--m-surface-ambient-bg), 9));
|
|
22
22
|
@apply --mx-borderColor-faded(50%);
|
|
23
23
|
}
|
|
24
24
|
&[data-emphasis='secondary'] {
|
package/src/hooks/useSize.ts
CHANGED
|
@@ -3,6 +3,11 @@ import { RefObject, useEffect, useMemo, useRef } from 'react';
|
|
|
3
3
|
import { useStableCallback } from './useStableCallback.js';
|
|
4
4
|
interface ResizeObserverEntry {
|
|
5
5
|
target: Element;
|
|
6
|
+
contentRect: DOMRectReadOnly;
|
|
7
|
+
borderBoxSize?: ReadonlyArray<{
|
|
8
|
+
inlineSize: number;
|
|
9
|
+
blockSize: number;
|
|
10
|
+
}>;
|
|
6
11
|
}
|
|
7
12
|
type ResizeObserverCallback = (entries: ResizeObserverEntry[]) => void;
|
|
8
13
|
export declare class ResizeObserver {
|
|
@@ -26,9 +31,13 @@ export function useSize<E extends HTMLElement>(
|
|
|
26
31
|
}
|
|
27
32
|
const resizeObserver = new ResizeObserver((entries) => {
|
|
28
33
|
entries.forEach((entry) => {
|
|
34
|
+
const width =
|
|
35
|
+
entry.borderBoxSize?.[0]?.inlineSize ?? entry.contentRect.width;
|
|
36
|
+
const height =
|
|
37
|
+
entry.borderBoxSize?.[0]?.blockSize ?? entry.contentRect.height;
|
|
29
38
|
cb({
|
|
30
|
-
width
|
|
31
|
-
height
|
|
39
|
+
width,
|
|
40
|
+
height,
|
|
32
41
|
});
|
|
33
42
|
});
|
|
34
43
|
});
|