@lawkit/ui 0.1.75 → 0.1.76
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/index.css +1 -1
- package/dist/index.js +2087 -2024
- package/dist/ui-v3/src/components/ButtonGroup/ButtonGroup.css.d.ts +2 -0
- package/dist/ui-v3/src/components/NavigationTab/NavigationTab.css.d.ts +1 -3
- package/dist/ui-v3/src/components/Tabs/Tabs.css.d.ts +10 -1
- package/dist/ui-v3/src/lib/useSlidingIndicator.d.ts +13 -0
- package/package.json +1 -1
|
@@ -6,6 +6,7 @@ export declare const root: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
6
6
|
};
|
|
7
7
|
outline: {};
|
|
8
8
|
segmented: {
|
|
9
|
+
position: "relative";
|
|
9
10
|
alignItems: "center";
|
|
10
11
|
gap: number;
|
|
11
12
|
padding: `var(--${string})`;
|
|
@@ -18,6 +19,7 @@ export declare const root: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
18
19
|
medium: {};
|
|
19
20
|
};
|
|
20
21
|
}>;
|
|
22
|
+
export declare const slidingPill: string;
|
|
21
23
|
export declare const item: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
22
24
|
variant: {
|
|
23
25
|
fill: {
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
export declare const root: string;
|
|
2
|
+
export declare const slidingPill: string;
|
|
2
3
|
export declare const tab: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
3
4
|
active: {
|
|
4
5
|
true: {
|
|
5
|
-
backgroundColor: `var(--${string})`;
|
|
6
|
-
border: `1px solid var(--${string})`;
|
|
7
6
|
color: `var(--${string})`;
|
|
8
7
|
selectors: {
|
|
9
8
|
"&:hover:not(:disabled)": {
|
|
10
9
|
color: `var(--${string})`;
|
|
11
|
-
borderColor: `var(--${string})`;
|
|
12
10
|
};
|
|
13
11
|
};
|
|
14
12
|
};
|
|
@@ -1,10 +1,19 @@
|
|
|
1
1
|
export declare const root: string;
|
|
2
2
|
export declare const tabRow: string;
|
|
3
3
|
export declare const tabList: string;
|
|
4
|
+
export declare const slidingPill: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
5
|
+
size: {
|
|
6
|
+
large: {
|
|
7
|
+
height: number;
|
|
8
|
+
};
|
|
9
|
+
medium: {
|
|
10
|
+
height: number;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
}>;
|
|
4
14
|
export declare const tabItem: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
5
15
|
active: {
|
|
6
16
|
true: {
|
|
7
|
-
backgroundColor: `var(--${string})`;
|
|
8
17
|
color: `var(--${string})`;
|
|
9
18
|
};
|
|
10
19
|
false: {
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
export interface SlidingIndicatorRect {
|
|
3
|
+
left: number;
|
|
4
|
+
width: number;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* 세그먼트 컨트롤(Tabs/ButtonGroup류)의 슬라이딩 인디케이터 위치·너비를
|
|
8
|
+
* 실제 DOM 크기로 계산한다. 각 항목 엘리먼트에 `data-slide-item`을 붙여야
|
|
9
|
+
* 컨테이너 안에서 인디케이터 자신과 구분해 찾을 수 있다.
|
|
10
|
+
*
|
|
11
|
+
* @returns 활성 항목이 없거나(activeIndex < 0) 아직 측정 전이면 null
|
|
12
|
+
*/
|
|
13
|
+
export declare function useSlidingIndicator(containerRef: RefObject<HTMLElement | null>, activeIndex: number): SlidingIndicatorRect | null;
|