@accelint/design-system 1.1.4 → 1.1.5
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/components/button/button.css.d.ts +24 -24
- package/dist/components/checkbox/checkbox.css.d.ts +23 -23
- package/dist/components/chip/chip.css.d.ts +18 -18
- package/dist/components/combo-box/combo-box.css.d.ts +9 -9
- package/dist/components/date-field/date-field.css.d.ts +17 -17
- package/dist/components/date-input/date-input.css.d.ts +25 -25
- package/dist/components/dialog/dialog.css.d.ts +15 -15
- package/dist/components/drawer/drawer.css.d.ts +16 -16
- package/dist/components/group/group.css.d.ts +7 -7
- package/dist/components/icon/icon.css.d.ts +9 -9
- package/dist/components/input/input.css.d.ts +20 -20
- package/dist/components/menu/menu.css.d.ts +42 -42
- package/dist/components/number-field/number-field.css.d.ts +11 -11
- package/dist/components/options/options.css.d.ts +44 -44
- package/dist/components/picker/picker.css.d.ts +18 -18
- package/dist/components/popover/popover.css.d.ts +12 -12
- package/dist/components/query-builder/query-builder.css.d.ts +53 -53
- package/dist/components/radio/radio.css.d.ts +22 -22
- package/dist/components/search-field/search-field.css.d.ts +9 -9
- package/dist/components/select/select.css.d.ts +12 -12
- package/dist/components/slider/slider.css.d.ts +27 -27
- package/dist/components/switch/switch.css.d.ts +16 -16
- package/dist/components/tabs/tabs.css.d.ts +25 -25
- package/dist/components/text-field/text-field.css.d.ts +8 -8
- package/dist/components/textarea/textarea.css.d.ts +22 -22
- package/dist/components/time-field/time-field.css.d.ts +17 -17
- package/dist/components/tooltip/tooltip.css.d.ts +11 -11
- package/dist/components/tree/tree.css.d.ts +45 -45
- package/dist/ladle/actions.js.map +1 -1
- package/dist/styles/theme.css.d.ts +200 -200
- package/dist/test/setup.js +141 -19
- package/dist/test/setup.js.map +1 -1
- package/dist/utils/css/index.d.ts +1 -1
- package/package.json +3 -3
|
@@ -12,25 +12,25 @@ import '../options/types.js';
|
|
|
12
12
|
declare const selectContainer: string;
|
|
13
13
|
declare const selectColorVars: {
|
|
14
14
|
description: {
|
|
15
|
-
color: `var(--${string})
|
|
15
|
+
color: `var(--${string})`;
|
|
16
16
|
};
|
|
17
17
|
error: {
|
|
18
|
-
color: `var(--${string})
|
|
18
|
+
color: `var(--${string})`;
|
|
19
19
|
};
|
|
20
20
|
};
|
|
21
21
|
declare const selectSpaceVars: {
|
|
22
|
-
width: `var(--${string})
|
|
23
|
-
x: `var(--${string})
|
|
24
|
-
y: `var(--${string})
|
|
22
|
+
width: `var(--${string})`;
|
|
23
|
+
x: `var(--${string})`;
|
|
24
|
+
y: `var(--${string})`;
|
|
25
25
|
};
|
|
26
26
|
declare const selectStateVars: {
|
|
27
|
-
size: `var(--${string})
|
|
28
|
-
isDisabled: `var(--${string})
|
|
29
|
-
isInvalid: `var(--${string})
|
|
30
|
-
isOpen: `var(--${string})
|
|
31
|
-
isRequired: `var(--${string})
|
|
32
|
-
isFocused: `var(--${string})
|
|
33
|
-
isFocusVisible: `var(--${string})
|
|
27
|
+
size: `var(--${string})`;
|
|
28
|
+
isDisabled: `var(--${string})`;
|
|
29
|
+
isInvalid: `var(--${string})`;
|
|
30
|
+
isOpen: `var(--${string})`;
|
|
31
|
+
isRequired: `var(--${string})`;
|
|
32
|
+
isFocused: `var(--${string})`;
|
|
33
|
+
isFocusVisible: `var(--${string})`;
|
|
34
34
|
};
|
|
35
35
|
declare const selectClassNames: SelectClassNames;
|
|
36
36
|
|
|
@@ -13,53 +13,53 @@ import '../icon/types.js';
|
|
|
13
13
|
import '../input/types.js';
|
|
14
14
|
|
|
15
15
|
declare const sliderColorVars: {
|
|
16
|
-
color: `var(--${string})
|
|
17
|
-
background: `var(--${string})
|
|
18
|
-
boxShadow: `var(--${string})
|
|
16
|
+
color: `var(--${string})`;
|
|
17
|
+
background: `var(--${string})`;
|
|
18
|
+
boxShadow: `var(--${string})`;
|
|
19
19
|
thumb: {
|
|
20
|
-
color: `var(--${string})
|
|
20
|
+
color: `var(--${string})`;
|
|
21
21
|
};
|
|
22
22
|
track: {
|
|
23
|
-
color: `var(--${string})
|
|
23
|
+
color: `var(--${string})`;
|
|
24
24
|
};
|
|
25
25
|
bar: {
|
|
26
|
-
color: `var(--${string})
|
|
26
|
+
color: `var(--${string})`;
|
|
27
27
|
};
|
|
28
28
|
};
|
|
29
29
|
declare const sliderSpaceVars: {
|
|
30
|
-
gap: `var(--${string})
|
|
31
|
-
margin: `var(--${string})
|
|
30
|
+
gap: `var(--${string})`;
|
|
31
|
+
margin: `var(--${string})`;
|
|
32
32
|
track: {
|
|
33
|
-
minDimension: `var(--${string})
|
|
34
|
-
thickness: `var(--${string})
|
|
33
|
+
minDimension: `var(--${string})`;
|
|
34
|
+
thickness: `var(--${string})`;
|
|
35
35
|
};
|
|
36
36
|
thumb: {
|
|
37
|
-
height: `var(--${string})
|
|
38
|
-
width: `var(--${string})
|
|
39
|
-
borderRadius: `var(--${string})
|
|
37
|
+
height: `var(--${string})`;
|
|
38
|
+
width: `var(--${string})`;
|
|
39
|
+
borderRadius: `var(--${string})`;
|
|
40
40
|
};
|
|
41
41
|
bar: {
|
|
42
|
-
height: `var(--${string})
|
|
43
|
-
width: `var(--${string})
|
|
42
|
+
height: `var(--${string})`;
|
|
43
|
+
width: `var(--${string})`;
|
|
44
44
|
};
|
|
45
45
|
};
|
|
46
46
|
declare const sliderStateVars: {
|
|
47
|
-
layout: `var(--${string})
|
|
48
|
-
orientation: `var(--${string})
|
|
49
|
-
isDisabled: `var(--${string})
|
|
47
|
+
layout: `var(--${string})`;
|
|
48
|
+
orientation: `var(--${string})`;
|
|
49
|
+
isDisabled: `var(--${string})`;
|
|
50
50
|
};
|
|
51
51
|
declare const sliderThumbStateVars: {
|
|
52
|
-
layout: `var(--${string})
|
|
53
|
-
isDisabled: `var(--${string})
|
|
54
|
-
isDragging: `var(--${string})
|
|
55
|
-
isFocused: `var(--${string})
|
|
56
|
-
isFocusVisible: `var(--${string})
|
|
57
|
-
isHovered: `var(--${string})
|
|
52
|
+
layout: `var(--${string})`;
|
|
53
|
+
isDisabled: `var(--${string})`;
|
|
54
|
+
isDragging: `var(--${string})`;
|
|
55
|
+
isFocused: `var(--${string})`;
|
|
56
|
+
isFocusVisible: `var(--${string})`;
|
|
57
|
+
isHovered: `var(--${string})`;
|
|
58
58
|
};
|
|
59
59
|
declare const sliderTrackStateVars: {
|
|
60
|
-
layout: `var(--${string})
|
|
61
|
-
isDisabled: `var(--${string})
|
|
62
|
-
isHovered: `var(--${string})
|
|
60
|
+
layout: `var(--${string})`;
|
|
61
|
+
isDisabled: `var(--${string})`;
|
|
62
|
+
isHovered: `var(--${string})`;
|
|
63
63
|
};
|
|
64
64
|
declare const sliderClassNames: SliderClassNames;
|
|
65
65
|
|
|
@@ -5,26 +5,26 @@ import 'react';
|
|
|
5
5
|
|
|
6
6
|
declare const switchContainer: string;
|
|
7
7
|
declare const switchColorVars: {
|
|
8
|
-
border: `var(--${string})
|
|
9
|
-
background: `var(--${string})
|
|
10
|
-
color: `var(--${string})
|
|
11
|
-
indicator: `var(--${string})
|
|
8
|
+
border: `var(--${string})`;
|
|
9
|
+
background: `var(--${string})`;
|
|
10
|
+
color: `var(--${string})`;
|
|
11
|
+
indicator: `var(--${string})`;
|
|
12
12
|
};
|
|
13
13
|
declare const switchSpaceVars: {
|
|
14
|
-
diameter: `var(--${string})
|
|
15
|
-
gutter: `var(--${string})
|
|
16
|
-
gap: `var(--${string})
|
|
17
|
-
travel: `var(--${string})
|
|
14
|
+
diameter: `var(--${string})`;
|
|
15
|
+
gutter: `var(--${string})`;
|
|
16
|
+
gap: `var(--${string})`;
|
|
17
|
+
travel: `var(--${string})`;
|
|
18
18
|
};
|
|
19
19
|
declare const switchStateVars: {
|
|
20
|
-
alignInput: `var(--${string})
|
|
21
|
-
isDisabled: `var(--${string})
|
|
22
|
-
isFocused: `var(--${string})
|
|
23
|
-
isFocusVisible: `var(--${string})
|
|
24
|
-
isHovered: `var(--${string})
|
|
25
|
-
isPressed: `var(--${string})
|
|
26
|
-
isReadOnly: `var(--${string})
|
|
27
|
-
isSelected: `var(--${string})
|
|
20
|
+
alignInput: `var(--${string})`;
|
|
21
|
+
isDisabled: `var(--${string})`;
|
|
22
|
+
isFocused: `var(--${string})`;
|
|
23
|
+
isFocusVisible: `var(--${string})`;
|
|
24
|
+
isHovered: `var(--${string})`;
|
|
25
|
+
isPressed: `var(--${string})`;
|
|
26
|
+
isReadOnly: `var(--${string})`;
|
|
27
|
+
isSelected: `var(--${string})`;
|
|
28
28
|
};
|
|
29
29
|
declare const switchClassNames: SwitchClassNames;
|
|
30
30
|
|
|
@@ -12,45 +12,45 @@ declare const tabsContainers: {
|
|
|
12
12
|
panel: string;
|
|
13
13
|
};
|
|
14
14
|
declare const tabColorVars: {
|
|
15
|
-
background: `var(--${string})
|
|
16
|
-
border: `var(--${string})
|
|
17
|
-
color: `var(--${string})
|
|
15
|
+
background: `var(--${string})`;
|
|
16
|
+
border: `var(--${string})`;
|
|
17
|
+
color: `var(--${string})`;
|
|
18
18
|
};
|
|
19
19
|
declare const tabSpaceVars: {
|
|
20
20
|
list: {
|
|
21
|
-
gap: `var(--${string})
|
|
22
|
-
x: `var(--${string})
|
|
23
|
-
y: `var(--${string})
|
|
21
|
+
gap: `var(--${string})`;
|
|
22
|
+
x: `var(--${string})`;
|
|
23
|
+
y: `var(--${string})`;
|
|
24
24
|
};
|
|
25
25
|
tab: {
|
|
26
|
-
x: `var(--${string})
|
|
27
|
-
y: `var(--${string})
|
|
26
|
+
x: `var(--${string})`;
|
|
27
|
+
y: `var(--${string})`;
|
|
28
28
|
};
|
|
29
29
|
};
|
|
30
30
|
declare const tabListStateVars: {
|
|
31
|
-
align: `var(--${string})
|
|
32
|
-
anchor: `var(--${string})
|
|
33
|
-
count: `var(--${string})
|
|
34
|
-
orientation: `var(--${string})
|
|
35
|
-
size: `var(--${string})
|
|
36
|
-
variant: `var(--${string})
|
|
31
|
+
align: `var(--${string})`;
|
|
32
|
+
anchor: `var(--${string})`;
|
|
33
|
+
count: `var(--${string})`;
|
|
34
|
+
orientation: `var(--${string})`;
|
|
35
|
+
size: `var(--${string})`;
|
|
36
|
+
variant: `var(--${string})`;
|
|
37
37
|
};
|
|
38
38
|
declare const tabStateVars: {
|
|
39
|
-
isHovered: `var(--${string})
|
|
40
|
-
isPressed: `var(--${string})
|
|
41
|
-
isSelected: `var(--${string})
|
|
42
|
-
isFocused: `var(--${string})
|
|
43
|
-
isFocusVisible: `var(--${string})
|
|
44
|
-
isDisabled: `var(--${string})
|
|
39
|
+
isHovered: `var(--${string})`;
|
|
40
|
+
isPressed: `var(--${string})`;
|
|
41
|
+
isSelected: `var(--${string})`;
|
|
42
|
+
isFocused: `var(--${string})`;
|
|
43
|
+
isFocusVisible: `var(--${string})`;
|
|
44
|
+
isDisabled: `var(--${string})`;
|
|
45
45
|
};
|
|
46
46
|
declare const tabPanelsStateVars: {
|
|
47
|
-
shouldForceMount: `var(--${string})
|
|
47
|
+
shouldForceMount: `var(--${string})`;
|
|
48
48
|
};
|
|
49
49
|
declare const tabPanelStateVars: {
|
|
50
|
-
shouldForceMount: `var(--${string})
|
|
51
|
-
isFocused: `var(--${string})
|
|
52
|
-
isFocusVisible: `var(--${string})
|
|
53
|
-
isInert: `var(--${string})
|
|
50
|
+
shouldForceMount: `var(--${string})`;
|
|
51
|
+
isFocused: `var(--${string})`;
|
|
52
|
+
isFocusVisible: `var(--${string})`;
|
|
53
|
+
isInert: `var(--${string})`;
|
|
54
54
|
};
|
|
55
55
|
declare const tabsClassNames: TabsClassNames;
|
|
56
56
|
|
|
@@ -7,21 +7,21 @@ import '../input/types.js';
|
|
|
7
7
|
declare const textFieldContainer: string;
|
|
8
8
|
declare const textFieldColorVars: {
|
|
9
9
|
description: {
|
|
10
|
-
color: `var(--${string})
|
|
10
|
+
color: `var(--${string})`;
|
|
11
11
|
};
|
|
12
12
|
error: {
|
|
13
|
-
color: `var(--${string})
|
|
13
|
+
color: `var(--${string})`;
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
16
|
declare const textFieldSpaceVars: {
|
|
17
|
-
gap: `var(--${string})
|
|
17
|
+
gap: `var(--${string})`;
|
|
18
18
|
};
|
|
19
19
|
declare const textFieldStateVars: {
|
|
20
|
-
size: `var(--${string})
|
|
21
|
-
isDisabled: `var(--${string})
|
|
22
|
-
isInvalid: `var(--${string})
|
|
23
|
-
isReadOnly: `var(--${string})
|
|
24
|
-
isRequired: `var(--${string})
|
|
20
|
+
size: `var(--${string})`;
|
|
21
|
+
isDisabled: `var(--${string})`;
|
|
22
|
+
isInvalid: `var(--${string})`;
|
|
23
|
+
isReadOnly: `var(--${string})`;
|
|
24
|
+
isRequired: `var(--${string})`;
|
|
25
25
|
};
|
|
26
26
|
declare const textFieldClassNames: TextFieldClassNames;
|
|
27
27
|
|
|
@@ -5,32 +5,32 @@ import '../../types/generic.js';
|
|
|
5
5
|
|
|
6
6
|
declare const textAreaContainer: string;
|
|
7
7
|
declare const textAreaColorVars: {
|
|
8
|
-
background: `var(--${string})
|
|
9
|
-
border: `var(--${string})
|
|
10
|
-
color: `var(--${string})
|
|
8
|
+
background: `var(--${string})`;
|
|
9
|
+
border: `var(--${string})`;
|
|
10
|
+
color: `var(--${string})`;
|
|
11
11
|
};
|
|
12
12
|
declare const textAreaSpaceVars: {
|
|
13
|
-
minWidth: `var(--${string})
|
|
14
|
-
width: `var(--${string})
|
|
15
|
-
maxWidth: `var(--${string})
|
|
16
|
-
minHeight: `var(--${string})
|
|
17
|
-
height: `var(--${string})
|
|
18
|
-
maxHeight: `var(--${string})
|
|
19
|
-
x: `var(--${string})
|
|
20
|
-
y: `var(--${string})
|
|
13
|
+
minWidth: `var(--${string})`;
|
|
14
|
+
width: `var(--${string})`;
|
|
15
|
+
maxWidth: `var(--${string})`;
|
|
16
|
+
minHeight: `var(--${string})`;
|
|
17
|
+
height: `var(--${string})`;
|
|
18
|
+
maxHeight: `var(--${string})`;
|
|
19
|
+
x: `var(--${string})`;
|
|
20
|
+
y: `var(--${string})`;
|
|
21
21
|
};
|
|
22
22
|
declare const textAreaStateVars: {
|
|
23
|
-
resize: `var(--${string})
|
|
24
|
-
size: `var(--${string})
|
|
25
|
-
isDisabled: `var(--${string})
|
|
26
|
-
isEmpty: `var(--${string})
|
|
27
|
-
isFocused: `var(--${string})
|
|
28
|
-
isFocusVisible: `var(--${string})
|
|
29
|
-
isHovered: `var(--${string})
|
|
30
|
-
isInvalid: `var(--${string})
|
|
31
|
-
isPlaceholder: `var(--${string})
|
|
32
|
-
isReadOnly: `var(--${string})
|
|
33
|
-
isRequired: `var(--${string})
|
|
23
|
+
resize: `var(--${string})`;
|
|
24
|
+
size: `var(--${string})`;
|
|
25
|
+
isDisabled: `var(--${string})`;
|
|
26
|
+
isEmpty: `var(--${string})`;
|
|
27
|
+
isFocused: `var(--${string})`;
|
|
28
|
+
isFocusVisible: `var(--${string})`;
|
|
29
|
+
isHovered: `var(--${string})`;
|
|
30
|
+
isInvalid: `var(--${string})`;
|
|
31
|
+
isPlaceholder: `var(--${string})`;
|
|
32
|
+
isReadOnly: `var(--${string})`;
|
|
33
|
+
isRequired: `var(--${string})`;
|
|
34
34
|
};
|
|
35
35
|
declare const textAreaClassNames: TextAreaClassNames;
|
|
36
36
|
|
|
@@ -11,33 +11,33 @@ import '../icon/types.js';
|
|
|
11
11
|
|
|
12
12
|
declare const timeFieldContainer: string;
|
|
13
13
|
declare const timeFieldSpaceVars: {
|
|
14
|
-
x: `var(--${string})
|
|
15
|
-
y: `var(--${string})
|
|
16
|
-
gap: `var(--${string})
|
|
17
|
-
minWidth: `var(--${string})
|
|
18
|
-
width: `var(--${string})
|
|
19
|
-
maxWidth: `var(--${string})
|
|
14
|
+
x: `var(--${string})`;
|
|
15
|
+
y: `var(--${string})`;
|
|
16
|
+
gap: `var(--${string})`;
|
|
17
|
+
minWidth: `var(--${string})`;
|
|
18
|
+
width: `var(--${string})`;
|
|
19
|
+
maxWidth: `var(--${string})`;
|
|
20
20
|
};
|
|
21
21
|
declare const timeFieldColorVars: {
|
|
22
|
-
border: `var(--${string})
|
|
22
|
+
border: `var(--${string})`;
|
|
23
23
|
description: {
|
|
24
|
-
color: `var(--${string})
|
|
24
|
+
color: `var(--${string})`;
|
|
25
25
|
};
|
|
26
26
|
error: {
|
|
27
|
-
color: `var(--${string})
|
|
27
|
+
color: `var(--${string})`;
|
|
28
28
|
};
|
|
29
29
|
label: {
|
|
30
|
-
color: `var(--${string})
|
|
30
|
+
color: `var(--${string})`;
|
|
31
31
|
};
|
|
32
32
|
};
|
|
33
33
|
declare const timeFieldStateVars: {
|
|
34
|
-
size: `var(--${string})
|
|
35
|
-
isDisabled: `var(--${string})
|
|
36
|
-
isFocused: `var(--${string})
|
|
37
|
-
isHovered: `var(--${string})
|
|
38
|
-
isInvalid: `var(--${string})
|
|
39
|
-
isReadOnly: `var(--${string})
|
|
40
|
-
isRequired: `var(--${string})
|
|
34
|
+
size: `var(--${string})`;
|
|
35
|
+
isDisabled: `var(--${string})`;
|
|
36
|
+
isFocused: `var(--${string})`;
|
|
37
|
+
isHovered: `var(--${string})`;
|
|
38
|
+
isInvalid: `var(--${string})`;
|
|
39
|
+
isReadOnly: `var(--${string})`;
|
|
40
|
+
isRequired: `var(--${string})`;
|
|
41
41
|
};
|
|
42
42
|
declare const timeFieldClassNames: TimeFieldClassNames;
|
|
43
43
|
|
|
@@ -9,21 +9,21 @@ declare const tooltipContainers: {
|
|
|
9
9
|
target: string;
|
|
10
10
|
};
|
|
11
11
|
declare const tooltipSpaceVars: {
|
|
12
|
-
x: `var(--${string})
|
|
13
|
-
y: `var(--${string})
|
|
12
|
+
x: `var(--${string})`;
|
|
13
|
+
y: `var(--${string})`;
|
|
14
14
|
};
|
|
15
15
|
declare const tooltipStateVars: {
|
|
16
|
-
containerPadding: `var(--${string})
|
|
17
|
-
crossOffset: `var(--${string})
|
|
18
|
-
offset: `var(--${string})
|
|
19
|
-
placement: `var(--${string})
|
|
20
|
-
isEntering: `var(--${string})
|
|
21
|
-
isExiting: `var(--${string})
|
|
22
|
-
isOpen: `var(--${string})
|
|
16
|
+
containerPadding: `var(--${string})`;
|
|
17
|
+
crossOffset: `var(--${string})`;
|
|
18
|
+
offset: `var(--${string})`;
|
|
19
|
+
placement: `var(--${string})`;
|
|
20
|
+
isEntering: `var(--${string})`;
|
|
21
|
+
isExiting: `var(--${string})`;
|
|
22
|
+
isOpen: `var(--${string})`;
|
|
23
23
|
};
|
|
24
24
|
declare const tooltipTargetStateVars: {
|
|
25
|
-
focusable: `var(--${string})
|
|
26
|
-
relative: `var(--${string})
|
|
25
|
+
focusable: `var(--${string})`;
|
|
26
|
+
relative: `var(--${string})`;
|
|
27
27
|
};
|
|
28
28
|
declare const tooltipClassNames: TooltipClassNames;
|
|
29
29
|
|
|
@@ -20,70 +20,70 @@ declare const treeContainers: {
|
|
|
20
20
|
};
|
|
21
21
|
declare const treeColorVars: {
|
|
22
22
|
bar: {
|
|
23
|
-
background: `var(--${string})
|
|
24
|
-
border: `var(--${string})
|
|
25
|
-
color: `var(--${string})
|
|
23
|
+
background: `var(--${string})`;
|
|
24
|
+
border: `var(--${string})`;
|
|
25
|
+
color: `var(--${string})`;
|
|
26
26
|
};
|
|
27
27
|
indicator: {
|
|
28
|
-
background: `var(--${string})
|
|
29
|
-
border: `var(--${string})
|
|
30
|
-
color: `var(--${string})
|
|
28
|
+
background: `var(--${string})`;
|
|
29
|
+
border: `var(--${string})`;
|
|
30
|
+
color: `var(--${string})`;
|
|
31
31
|
};
|
|
32
32
|
};
|
|
33
33
|
declare const treeSpaceVars: {
|
|
34
34
|
bar: {
|
|
35
|
-
x: `var(--${string})
|
|
36
|
-
y: `var(--${string})
|
|
35
|
+
x: `var(--${string})`;
|
|
36
|
+
y: `var(--${string})`;
|
|
37
37
|
};
|
|
38
38
|
description: {
|
|
39
|
-
x: `var(--${string})
|
|
40
|
-
y: `var(--${string})
|
|
39
|
+
x: `var(--${string})`;
|
|
40
|
+
y: `var(--${string})`;
|
|
41
41
|
};
|
|
42
42
|
empty: {
|
|
43
|
-
x: `var(--${string})
|
|
44
|
-
y: `var(--${string})
|
|
43
|
+
x: `var(--${string})`;
|
|
44
|
+
y: `var(--${string})`;
|
|
45
45
|
};
|
|
46
46
|
};
|
|
47
47
|
declare const treeStateVars: {
|
|
48
|
-
allowsDragging: `var(--${string})
|
|
49
|
-
allowsExpansion: `var(--${string})
|
|
50
|
-
allowsVisibility: `var(--${string})
|
|
51
|
-
showTreeLines: `var(--${string})
|
|
52
|
-
size: `var(--${string})
|
|
48
|
+
allowsDragging: `var(--${string})`;
|
|
49
|
+
allowsExpansion: `var(--${string})`;
|
|
50
|
+
allowsVisibility: `var(--${string})`;
|
|
51
|
+
showTreeLines: `var(--${string})`;
|
|
52
|
+
size: `var(--${string})`;
|
|
53
53
|
};
|
|
54
54
|
declare const treeGroupStateVars: {
|
|
55
|
-
count: `var(--${string})
|
|
56
|
-
layout: `var(--${string})
|
|
57
|
-
isDropTarget: `var(--${string})
|
|
58
|
-
isEmpty: `var(--${string})
|
|
59
|
-
isFocused: `var(--${string})
|
|
60
|
-
isFocusVisible: `var(--${string})
|
|
55
|
+
count: `var(--${string})`;
|
|
56
|
+
layout: `var(--${string})`;
|
|
57
|
+
isDropTarget: `var(--${string})`;
|
|
58
|
+
isEmpty: `var(--${string})`;
|
|
59
|
+
isFocused: `var(--${string})`;
|
|
60
|
+
isFocusVisible: `var(--${string})`;
|
|
61
61
|
};
|
|
62
62
|
declare const treeIndicatorStateVars: {
|
|
63
|
-
dropPosition: `var(--${string})
|
|
64
|
-
isDropTarget: `var(--${string})
|
|
63
|
+
dropPosition: `var(--${string})`;
|
|
64
|
+
isDropTarget: `var(--${string})`;
|
|
65
65
|
};
|
|
66
66
|
declare const treeItemStateVars: {
|
|
67
|
-
allowsDragging: `var(--${string})
|
|
68
|
-
count: `var(--${string})
|
|
69
|
-
index: `var(--${string})
|
|
70
|
-
selectionMode: `var(--${string})
|
|
71
|
-
selectionBehavior: `var(--${string})
|
|
72
|
-
isDisabled: `var(--${string})
|
|
73
|
-
isDragging: `var(--${string})
|
|
74
|
-
isDropTarget: `var(--${string})
|
|
75
|
-
isExpanded: `var(--${string})
|
|
76
|
-
isFirstChild: `var(--${string})
|
|
77
|
-
isFocused: `var(--${string})
|
|
78
|
-
isFocusVisible: `var(--${string})
|
|
79
|
-
isGroup: `var(--${string})
|
|
80
|
-
isHovered: `var(--${string})
|
|
81
|
-
isLastChild: `var(--${string})
|
|
82
|
-
isPressed: `var(--${string})
|
|
83
|
-
isReadOnly: `var(--${string})
|
|
84
|
-
isSelected: `var(--${string})
|
|
85
|
-
isViewable: `var(--${string})
|
|
86
|
-
isVisible: `var(--${string})
|
|
67
|
+
allowsDragging: `var(--${string})`;
|
|
68
|
+
count: `var(--${string})`;
|
|
69
|
+
index: `var(--${string})`;
|
|
70
|
+
selectionMode: `var(--${string})`;
|
|
71
|
+
selectionBehavior: `var(--${string})`;
|
|
72
|
+
isDisabled: `var(--${string})`;
|
|
73
|
+
isDragging: `var(--${string})`;
|
|
74
|
+
isDropTarget: `var(--${string})`;
|
|
75
|
+
isExpanded: `var(--${string})`;
|
|
76
|
+
isFirstChild: `var(--${string})`;
|
|
77
|
+
isFocused: `var(--${string})`;
|
|
78
|
+
isFocusVisible: `var(--${string})`;
|
|
79
|
+
isGroup: `var(--${string})`;
|
|
80
|
+
isHovered: `var(--${string})`;
|
|
81
|
+
isLastChild: `var(--${string})`;
|
|
82
|
+
isPressed: `var(--${string})`;
|
|
83
|
+
isReadOnly: `var(--${string})`;
|
|
84
|
+
isSelected: `var(--${string})`;
|
|
85
|
+
isViewable: `var(--${string})`;
|
|
86
|
+
isVisible: `var(--${string})`;
|
|
87
87
|
};
|
|
88
88
|
declare const treeClassNames: TreeClassNames;
|
|
89
89
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../node_modules/.pnpm/@ladle+react@5.1.1_@swc+helpers@0.5.17_@types+node@24.10.1_@types+react@19.
|
|
1
|
+
{"version":3,"sources":["../../../node_modules/.pnpm/@ladle+react@5.1.1_@swc+helpers@0.5.17_@types+node@24.10.1_@types+react@19.0.0_jiti@2.6_dc569bf49e5d33e5f72c6bb4772a3398/node_modules/@ladle/react/lib/app/exports.ts","../../src/ladle/actions.ts"],"names":[],"mappings":";;;;;;;;;AAkDO,IAAM,MAAA,GAAS,CAAC,IAAA,KAAiB;AACtC,EAAA,MAAM,WAAY,MAAA,CACf,aAAA;AACH,EAAA,OAAO,CAAC,KAAA,GAAa,MAAA,KACnB,QAAA,CAAS;AAAA,IACP,MAAM,UAAA,CAAW,YAAA;AAAA,IACjB,KAAA,EAAO,EAAE,IAAA,EAAM,KAAA,EAAM;AAAA,IACrB,KAAA,EAAO;AAAA,GACR,CAAA;AACL,CAAA;;;ACzDO,SAAS,WAAc,IAAA,EAA+B;AAC3D,EAAA,OAAO,IAAA,CAAK,MAAA,CAAmB,CAAC,GAAA,EAAK,GAAA,KAAQ;AAC3C,IAAA,GAAA,CAAI,GAAG,CAAA,GAAI,MAAA,CAAO,GAAa,CAAA;AAE/B,IAAA,OAAO,GAAA;AAAA,EACT,CAAA,EAAG,EAAE,CAAA;AACP","file":"actions.js","sourcesContent":["import type * as React from \"react\";\nimport { useLadleContext } from \"./src/context\";\nimport {\n StoryDecorator,\n ActionType,\n GlobalState,\n ThemeState,\n ModeState,\n GlobalAction,\n Config,\n KnownMeta,\n MetaJson as BaseMetaJson,\n MetaJsonStory as BaseMetaJsonStory,\n} from \"../shared/types\";\n\nimport * as msw from \"msw\";\nexport { msw };\n\nexport type { UserConfig } from \"../shared/types\";\nexport * as ui from \"./src/ui\";\nexport * as dialog from \"./src/dialog\";\nexport * as icons from \"./src/icons\";\nexport { useMDXComponents } from \"@mdx-js/react\";\nexport const Story = (props: any) => props.children;\nexport const Meta = (props: any) => props.children;\nexport const Description = (props: any) => props.children;\n\ntype ReactNodeWithoutObject =\n | React.ReactElement\n | string\n | number\n | boolean\n | null\n | undefined;\n\nexport { useLadleContext, ActionType, ThemeState, ModeState };\nexport type { StoryDecorator };\n\n// deprecated, linkTo is just easier to use\nexport const useLink = () => {\n const { dispatch } = useLadleContext();\n return (value: string) => dispatch({ type: ActionType.UpdateStory, value });\n};\n\nexport const linkTo = (value: string) => {\n const dispatch = (window as any)\n .ladleDispatch as React.Dispatch<GlobalAction>;\n return () => dispatch({ type: ActionType.UpdateStory, value });\n};\n\nexport const action = (name: string) => {\n const dispatch = (window as any)\n .ladleDispatch as React.Dispatch<GlobalAction>;\n return (event: any = undefined) =>\n dispatch({\n type: ActionType.UpdateAction,\n value: { name, event },\n clear: false,\n });\n};\n\nexport type { GlobalAction, GlobalState };\n\nexport type GlobalProvider = React.FC<{\n globalState: GlobalState;\n dispatch: React.Dispatch<GlobalAction>;\n config: Config;\n children: ReactNodeWithoutObject;\n storyMeta?: Meta;\n}>;\n\nexport type SourceHeader = React.FC<{\n path: string;\n locStart: number;\n locEnd: number;\n}>;\n\nexport interface StoryDefault<P = {}> {\n args?: Args<P>;\n argTypes?: ArgTypes<P>;\n decorators?: StoryDecorator<P>[];\n meta?: Meta;\n title?: string;\n msw?: msw.RequestHandler[];\n parameters?: { [key: string]: any };\n}\n\nexport interface Story<P = {}> extends React.FC<P> {\n args?: Args<P>;\n argTypes?: ArgTypes<P>;\n decorators?: StoryDecorator<P>[];\n meta?: Meta;\n storyName?: string;\n msw?: msw.RequestHandler[];\n parameters?: { [key: string]: any };\n}\n\nexport type Args<\n P = {\n [key: string]: any;\n },\n> = Partial<P>;\n\nexport type ControlType =\n | \"select\"\n | \"multi-select\"\n | \"radio\"\n | \"inline-radio\"\n | \"check\"\n | \"inline-check\"\n | \"background\"\n | \"color\"\n | \"date\"\n | \"number\"\n | \"text\"\n | \"boolean\"\n | \"range\";\n\nexport interface ArgType<K = any> {\n control?: {\n name?: string;\n labels?: { [key: string]: string };\n type: ControlType;\n min?: number;\n max?: number;\n step?: number;\n [key: string]: any;\n };\n mapping?: { [key: string | number]: any };\n options?: K[] | unknown;\n defaultValue?: K;\n description?: string;\n name?: string;\n action?: string;\n [key: string]: any;\n}\n\nexport type ArgTypes<\n P = {\n [key: string]: any;\n },\n> = {\n [key in keyof P]?: ArgType<P[key]>;\n};\n\nexport interface Meta extends KnownMeta {\n [key: string]: any;\n}\n\nexport type MetaJson = BaseMetaJson<Meta>;\nexport type MetaJsonStory = BaseMetaJsonStory<Meta>;\n","import { action } from '@ladle/react';\n\nexport function actions<T>(...keys: (keyof T)[]): Partial<T> {\n return keys.reduce<Partial<T>>((acc, key) => {\n acc[key] = action(key as string) as T[keyof T];\n\n return acc;\n }, {});\n}\n"]}
|