ropav 0.0.2 → 0.0.3
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/README.md +32 -3
- package/dist/base.css +125 -88
- package/dist/button.css +259 -32
- package/dist/button.js +51 -19
- package/dist/button.js.map +1 -1
- package/dist/checkbox.css +125 -21
- package/dist/checkbox.js +77 -42
- package/dist/checkbox.js.map +1 -1
- package/dist/components/button/button.d.ts +2 -2
- package/dist/components/button/index.d.ts +1 -1
- package/dist/components/button/types.d.ts +8 -1
- package/dist/components/checkbox/index.d.ts +1 -1
- package/dist/components/checkbox/types.d.ts +8 -0
- package/dist/components/input/index.d.ts +1 -1
- package/dist/components/input/input.d.ts +5 -1
- package/dist/components/input/types.d.ts +5 -0
- package/dist/components/radio/index.d.ts +1 -1
- package/dist/components/radio/types.d.ts +12 -0
- package/dist/components/select/types.d.ts +3 -0
- package/dist/components/select/useSelect.d.ts +2 -0
- package/dist/components/switch/index.d.ts +1 -1
- package/dist/components/switch/types.d.ts +4 -0
- package/dist/components/textarea/index.d.ts +1 -1
- package/dist/components/textarea/types.d.ts +5 -0
- package/dist/components/textarea/useTextarea.d.ts +1 -0
- package/dist/index.d.ts +0 -2
- package/dist/index.js +2 -4
- package/dist/input.css +87 -21
- package/dist/input.js +66 -23
- package/dist/input.js.map +1 -1
- package/dist/radio.css +82 -18
- package/dist/radio.js +35 -8
- package/dist/radio.js.map +1 -1
- package/dist/select.css +104 -39
- package/dist/select.js +149 -87
- package/dist/select.js.map +1 -1
- package/dist/switch.css +75 -20
- package/dist/switch.js +8 -4
- package/dist/switch.js.map +1 -1
- package/dist/textarea.css +80 -20
- package/dist/textarea.js +33 -5
- package/dist/textarea.js.map +1 -1
- package/dist/useControlState.js +4 -0
- package/dist/useControlState.js.map +1 -1
- package/package.json +9 -9
- package/src/styles/_mixins.scss +18 -8
- package/src/styles/_tokens.scss +130 -99
- package/src/styles/_variables.scss +28 -28
- package/dist/components/_internal/icons/CheckIcon.d.ts +0 -18
- package/dist/components/_internal/icons/ChevronDownIcon.d.ts +0 -18
- package/dist/components/_internal/icons/MinusIcon.d.ts +0 -18
- package/dist/components/_internal/icons/index.d.ts +0 -3
- package/dist/components/_internal/optionList.d.ts +0 -9
- package/dist/components/tabs/index.d.ts +0 -5
- package/dist/components/tabs/index.js +0 -2
- package/dist/components/tabs/tab-panel.d.ts +0 -21
- package/dist/components/tabs/tabs-list.d.ts +0 -20
- package/dist/components/tabs/tabs-trigger.d.ts +0 -21
- package/dist/components/tabs/tabs.d.ts +0 -23
- package/dist/components/tabs/types.d.ts +0 -18
- package/dist/components/tabs/useTabs.d.ts +0 -19
- package/dist/components/tooltip/index.d.ts +0 -2
- package/dist/components/tooltip/index.js +0 -2
- package/dist/components/tooltip/tooltip.d.ts +0 -23
- package/dist/components/tooltip/types.d.ts +0 -5
- package/dist/components/tooltip/useTooltip.d.ts +0 -8
- package/dist/tabs.css +0 -45
- package/dist/tabs.js +0 -205
- package/dist/tabs.js.map +0 -1
- package/dist/tooltip.css +0 -78
- package/dist/tooltip.js +0 -112
- package/dist/tooltip.js.map +0 -1
- package/dist/useRequiredInject.js +0 -11
- package/dist/useRequiredInject.js.map +0 -1
package/src/styles/_tokens.scss
CHANGED
|
@@ -8,62 +8,83 @@
|
|
|
8
8
|
--rp-font-family: #{$font-family-base};
|
|
9
9
|
|
|
10
10
|
// Colors
|
|
11
|
-
--rp-color-primary
|
|
12
|
-
--rp-color-secondary
|
|
13
|
-
--rp-color-success
|
|
14
|
-
--rp-color-warning
|
|
15
|
-
--rp-color-danger
|
|
16
|
-
--rp-color-info
|
|
17
|
-
--rp-color-
|
|
18
|
-
--rp-color-
|
|
19
|
-
--rp-color-
|
|
20
|
-
--rp-color-
|
|
21
|
-
--rp-color-
|
|
22
|
-
--rp-color-
|
|
23
|
-
--rp-color-
|
|
24
|
-
--rp-color-
|
|
25
|
-
--rp-color-
|
|
26
|
-
--rp-color-
|
|
27
|
-
--rp-color-
|
|
28
|
-
--rp-color-
|
|
29
|
-
--rp-color-
|
|
30
|
-
--rp-color-
|
|
31
|
-
--rp-color-
|
|
32
|
-
--rp-color-
|
|
33
|
-
--rp-color-
|
|
34
|
-
--rp-color-
|
|
35
|
-
--rp-color-
|
|
36
|
-
--rp-color-
|
|
37
|
-
--rp-color-
|
|
38
|
-
--rp-color-
|
|
39
|
-
--rp-color-
|
|
40
|
-
--rp-color-
|
|
41
|
-
--rp-color-
|
|
42
|
-
--rp-color-
|
|
43
|
-
--rp-color-
|
|
44
|
-
--rp-color-
|
|
45
|
-
--rp-color-
|
|
46
|
-
--rp-color-
|
|
47
|
-
--rp-color-
|
|
48
|
-
--rp-color-
|
|
49
|
-
--rp-color-
|
|
50
|
-
--rp-color-
|
|
51
|
-
--rp-color-
|
|
52
|
-
--rp-color-
|
|
53
|
-
--rp-color-
|
|
54
|
-
--rp-color-
|
|
55
|
-
--rp-color-
|
|
56
|
-
--rp-color-
|
|
57
|
-
--rp-color-
|
|
58
|
-
--rp-color-
|
|
59
|
-
--rp-color-
|
|
60
|
-
--rp-color-
|
|
61
|
-
--rp-color-
|
|
62
|
-
--rp-color-
|
|
63
|
-
--rp-color-success-fg
|
|
64
|
-
--rp-color-warning-
|
|
65
|
-
--rp-color-
|
|
66
|
-
--rp-color-
|
|
11
|
+
--rp-color-primary : #{$color-primary};
|
|
12
|
+
--rp-color-secondary : #{$color-secondary};
|
|
13
|
+
--rp-color-success : #{$color-success};
|
|
14
|
+
--rp-color-warning : #{$color-warning};
|
|
15
|
+
--rp-color-danger : #{$color-danger};
|
|
16
|
+
--rp-color-info : #{$color-info};
|
|
17
|
+
--rp-color-text : #{$color-text};
|
|
18
|
+
--rp-color-text-secondary : #{$color-text-secondary};
|
|
19
|
+
--rp-color-text-disabled : #{$color-text-disabled};
|
|
20
|
+
--rp-color-text-inverted : #{$color-white};
|
|
21
|
+
--rp-color-background : #{$color-background};
|
|
22
|
+
--rp-color-surface : #{$color-white};
|
|
23
|
+
--rp-color-surface-raised : #{$color-white};
|
|
24
|
+
--rp-color-surface-muted : #{$color-gray-2};
|
|
25
|
+
--rp-color-surface-hover : #{$color-gray-3};
|
|
26
|
+
--rp-color-button-default-bg : #{$color-gray-2};
|
|
27
|
+
--rp-color-button-default-bg-hover : #{$color-gray-3};
|
|
28
|
+
--rp-color-button-default-bg-active : #{$color-gray-4};
|
|
29
|
+
--rp-color-surface-inverted : #{$color-gray-12};
|
|
30
|
+
--rp-color-overlay : rgba(17, 17, 17, 0.55);
|
|
31
|
+
--rp-color-border : #{$color-border};
|
|
32
|
+
--rp-color-border-hover : #{$color-border-hover};
|
|
33
|
+
--rp-color-focus-ring : color-mix(in srgb, var(--rp-color-primary) 32%, transparent);
|
|
34
|
+
--rp-color-on-primary : #{$color-on-primary};
|
|
35
|
+
--rp-color-on-secondary : #{$color-on-secondary};
|
|
36
|
+
--rp-color-on-success : #{$color-on-success};
|
|
37
|
+
--rp-color-on-warning : #{$color-on-warning};
|
|
38
|
+
--rp-color-on-danger : #{$color-on-danger};
|
|
39
|
+
--rp-color-on-info : #{$color-on-info};
|
|
40
|
+
--rp-color-primary-hover : color-mix(in srgb, var(--rp-color-primary) 90%, #{$color-black});
|
|
41
|
+
--rp-color-primary-active : color-mix(in srgb, var(--rp-color-primary) 80%, #{$color-black});
|
|
42
|
+
--rp-color-primary-subtle-bg : #e6f4fe;
|
|
43
|
+
--rp-color-primary-subtle-bg-hover : #d5efff;
|
|
44
|
+
--rp-color-primary-subtle-bg-active : #c2e5ff;
|
|
45
|
+
--rp-color-primary-border : #8ec8f6;
|
|
46
|
+
--rp-color-primary-border-hover : #5eb1ef;
|
|
47
|
+
--rp-color-primary-fg : #113264;
|
|
48
|
+
--rp-color-secondary-hover : color-mix(in srgb, var(--rp-color-secondary) 90%, #{$color-black});
|
|
49
|
+
--rp-color-secondary-active : color-mix(in srgb, var(--rp-color-secondary) 80%, #{$color-black});
|
|
50
|
+
--rp-color-secondary-subtle-bg : #f4f0fe;
|
|
51
|
+
--rp-color-secondary-subtle-bg-hover : #ebe4ff;
|
|
52
|
+
--rp-color-secondary-subtle-bg-active: #e1d9ff;
|
|
53
|
+
--rp-color-secondary-border : #c2b5f5;
|
|
54
|
+
--rp-color-secondary-border-hover : #aa99ec;
|
|
55
|
+
--rp-color-secondary-fg : #2f265f;
|
|
56
|
+
--rp-color-success-hover : color-mix(in srgb, var(--rp-color-success) 90%, #{$color-black});
|
|
57
|
+
--rp-color-success-active : color-mix(in srgb, var(--rp-color-success) 80%, #{$color-black});
|
|
58
|
+
--rp-color-success-subtle-bg : #e6f6eb;
|
|
59
|
+
--rp-color-success-subtle-bg-hover : #d6f1df;
|
|
60
|
+
--rp-color-success-subtle-bg-active : #c4e8d1;
|
|
61
|
+
--rp-color-success-border : #8eceaa;
|
|
62
|
+
--rp-color-success-border-hover : #5bb98b;
|
|
63
|
+
--rp-color-success-fg : #193b2d;
|
|
64
|
+
--rp-color-warning-hover : color-mix(in srgb, var(--rp-color-warning) 90%, #{$color-black});
|
|
65
|
+
--rp-color-warning-active : color-mix(in srgb, var(--rp-color-warning) 80%, #{$color-black});
|
|
66
|
+
--rp-color-warning-subtle-bg : #ffefd6;
|
|
67
|
+
--rp-color-warning-subtle-bg-hover : #ffdfb5;
|
|
68
|
+
--rp-color-warning-subtle-bg-active : #ffd19a;
|
|
69
|
+
--rp-color-warning-border : #f5ae73;
|
|
70
|
+
--rp-color-warning-border-hover : #ec9455;
|
|
71
|
+
--rp-color-warning-fg : #582d1d;
|
|
72
|
+
--rp-color-danger-hover : color-mix(in srgb, var(--rp-color-danger) 90%, #{$color-black});
|
|
73
|
+
--rp-color-danger-active : color-mix(in srgb, var(--rp-color-danger) 80%, #{$color-black});
|
|
74
|
+
--rp-color-danger-subtle-bg : #feebec;
|
|
75
|
+
--rp-color-danger-subtle-bg-hover : #ffdbdc;
|
|
76
|
+
--rp-color-danger-subtle-bg-active : #ffcdce;
|
|
77
|
+
--rp-color-danger-border : #f4a9aa;
|
|
78
|
+
--rp-color-danger-border-hover : #eb8e90;
|
|
79
|
+
--rp-color-danger-fg : #641723;
|
|
80
|
+
--rp-color-info-hover : color-mix(in srgb, var(--rp-color-info) 90%, #{$color-black});
|
|
81
|
+
--rp-color-info-active : color-mix(in srgb, var(--rp-color-info) 80%, #{$color-black});
|
|
82
|
+
--rp-color-info-subtle-bg : #def7f9;
|
|
83
|
+
--rp-color-info-subtle-bg-hover : #caf1f6;
|
|
84
|
+
--rp-color-info-subtle-bg-active : #b5e9f0;
|
|
85
|
+
--rp-color-info-border : #7dcedc;
|
|
86
|
+
--rp-color-info-border-hover : #3db9cf;
|
|
87
|
+
--rp-color-info-fg : #0d3c48;
|
|
67
88
|
|
|
68
89
|
// Font sizes
|
|
69
90
|
--rp-font-size-xs : #{$font-size-xs};
|
|
@@ -102,11 +123,9 @@
|
|
|
102
123
|
// Border radius
|
|
103
124
|
--rp-radius-none: #{$radius-none};
|
|
104
125
|
--rp-radius-sm : #{$radius-sm};
|
|
105
|
-
--rp-radius-base: #{$radius-base};
|
|
106
126
|
--rp-radius-md : #{$radius-md};
|
|
107
127
|
--rp-radius-lg : #{$radius-lg};
|
|
108
128
|
--rp-radius-xl : #{$radius-xl};
|
|
109
|
-
--rp-radius-2xl : #{$radius-2xl};
|
|
110
129
|
--rp-radius-full: #{$radius-full};
|
|
111
130
|
|
|
112
131
|
// Border widths
|
|
@@ -118,17 +137,6 @@
|
|
|
118
137
|
--rp-size-control-md: #{$size-control-md};
|
|
119
138
|
--rp-size-control-lg: #{$size-control-lg};
|
|
120
139
|
|
|
121
|
-
// Component tokens
|
|
122
|
-
--rp-component-menu-min-width : #{$component-menu-min-width};
|
|
123
|
-
--rp-component-menu-max-height: #{$component-menu-max-height};
|
|
124
|
-
|
|
125
|
-
// Z-index
|
|
126
|
-
--rp-z-index-dropdown: #{$z-index-dropdown};
|
|
127
|
-
--rp-z-index-tooltip : #{$z-index-tooltip};
|
|
128
|
-
|
|
129
|
-
// Opacity
|
|
130
|
-
--rp-opacity-disabled: #{$opacity-disabled};
|
|
131
|
-
|
|
132
140
|
// Shadows
|
|
133
141
|
--rp-shadow-sm : #{$shadow-sm};
|
|
134
142
|
--rp-shadow-base: #{$shadow-base};
|
|
@@ -144,36 +152,59 @@
|
|
|
144
152
|
|
|
145
153
|
html.dark {
|
|
146
154
|
// Colors
|
|
147
|
-
--rp-color-text
|
|
148
|
-
--rp-color-text-secondary
|
|
149
|
-
--rp-color-text-disabled
|
|
150
|
-
--rp-color-text-inverted
|
|
151
|
-
--rp-color-background
|
|
152
|
-
--rp-color-surface
|
|
153
|
-
--rp-color-surface-raised
|
|
154
|
-
--rp-color-surface-muted
|
|
155
|
-
--rp-color-surface-hover
|
|
156
|
-
--rp-color-
|
|
157
|
-
--rp-color-
|
|
158
|
-
--rp-color-
|
|
159
|
-
--rp-color-
|
|
160
|
-
--rp-color-
|
|
161
|
-
--rp-color-
|
|
162
|
-
--rp-color-
|
|
163
|
-
--rp-color-
|
|
164
|
-
--rp-color-
|
|
165
|
-
--rp-color-
|
|
166
|
-
--rp-color-
|
|
167
|
-
--rp-color-
|
|
168
|
-
--rp-color-
|
|
169
|
-
--rp-color-
|
|
170
|
-
--rp-color-
|
|
171
|
-
--rp-color-
|
|
172
|
-
--rp-color-secondary-
|
|
173
|
-
--rp-color-
|
|
174
|
-
--rp-color-
|
|
175
|
-
--rp-color-
|
|
176
|
-
--rp-color-
|
|
155
|
+
--rp-color-text : #eeeeee;
|
|
156
|
+
--rp-color-text-secondary : #b4b4b4;
|
|
157
|
+
--rp-color-text-disabled : #6e6e6e;
|
|
158
|
+
--rp-color-text-inverted : #{$color-gray-12};
|
|
159
|
+
--rp-color-background : #111111;
|
|
160
|
+
--rp-color-surface : #111111;
|
|
161
|
+
--rp-color-surface-raised : #191919;
|
|
162
|
+
--rp-color-surface-muted : #191919;
|
|
163
|
+
--rp-color-surface-hover : #222222;
|
|
164
|
+
--rp-color-button-default-bg : #191919;
|
|
165
|
+
--rp-color-button-default-bg-hover : #222222;
|
|
166
|
+
--rp-color-button-default-bg-active : #2a2a2a;
|
|
167
|
+
--rp-color-surface-inverted : #{$color-gray-2};
|
|
168
|
+
--rp-color-overlay : rgba(17, 17, 17, 0.75);
|
|
169
|
+
--rp-color-border : #3a3a3a;
|
|
170
|
+
--rp-color-border-hover : #606060;
|
|
171
|
+
--rp-color-focus-ring : color-mix(in srgb, var(--rp-color-primary) 45%, transparent);
|
|
172
|
+
--rp-color-primary-subtle-bg : #0d2847;
|
|
173
|
+
--rp-color-primary-subtle-bg-hover : #003362;
|
|
174
|
+
--rp-color-primary-subtle-bg-active : #004074;
|
|
175
|
+
--rp-color-primary-border : #205d9e;
|
|
176
|
+
--rp-color-primary-border-hover : #2870bd;
|
|
177
|
+
--rp-color-primary-fg : #70b8ff;
|
|
178
|
+
--rp-color-secondary-subtle-bg : #291f43;
|
|
179
|
+
--rp-color-secondary-subtle-bg-hover : #33255b;
|
|
180
|
+
--rp-color-secondary-subtle-bg-active: #3c2e69;
|
|
181
|
+
--rp-color-secondary-border : #56468b;
|
|
182
|
+
--rp-color-secondary-border-hover : #6958ad;
|
|
183
|
+
--rp-color-secondary-fg : #baa7ff;
|
|
184
|
+
--rp-color-success-subtle-bg : #132d21;
|
|
185
|
+
--rp-color-success-subtle-bg-hover : #113b29;
|
|
186
|
+
--rp-color-success-subtle-bg-active : #174933;
|
|
187
|
+
--rp-color-success-border : #28684a;
|
|
188
|
+
--rp-color-success-border-hover : #2f7c57;
|
|
189
|
+
--rp-color-success-fg : #3dd68c;
|
|
190
|
+
--rp-color-warning-subtle-bg : #331e0b;
|
|
191
|
+
--rp-color-warning-subtle-bg-hover : #462100;
|
|
192
|
+
--rp-color-warning-subtle-bg-active : #562800;
|
|
193
|
+
--rp-color-warning-border : #7e451d;
|
|
194
|
+
--rp-color-warning-border-hover : #a35829;
|
|
195
|
+
--rp-color-warning-fg : #ffa057;
|
|
196
|
+
--rp-color-danger-subtle-bg : #3b1219;
|
|
197
|
+
--rp-color-danger-subtle-bg-hover : #500f1c;
|
|
198
|
+
--rp-color-danger-subtle-bg-active : #611623;
|
|
199
|
+
--rp-color-danger-border : #8c333a;
|
|
200
|
+
--rp-color-danger-border-hover : #b54548;
|
|
201
|
+
--rp-color-danger-fg : #ff9592;
|
|
202
|
+
--rp-color-info-subtle-bg : #082c36;
|
|
203
|
+
--rp-color-info-subtle-bg-hover : #003848;
|
|
204
|
+
--rp-color-info-subtle-bg-active : #004558;
|
|
205
|
+
--rp-color-info-border : #12677e;
|
|
206
|
+
--rp-color-info-border-hover : #11809c;
|
|
207
|
+
--rp-color-info-fg : #4ccce6;
|
|
177
208
|
|
|
178
209
|
// Shadows
|
|
179
210
|
--rp-shadow-sm : 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
@@ -5,30 +5,32 @@
|
|
|
5
5
|
$font-family-base: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !default;
|
|
6
6
|
|
|
7
7
|
// Colors
|
|
8
|
-
$color-primary : #
|
|
9
|
-
$color-secondary : #
|
|
10
|
-
$color-success : #
|
|
11
|
-
$color-warning : #
|
|
12
|
-
$color-danger : #
|
|
13
|
-
$color-info : #
|
|
8
|
+
$color-primary : #0d74ce !default;
|
|
9
|
+
$color-secondary : #6550b9 !default;
|
|
10
|
+
$color-success : #218358 !default;
|
|
11
|
+
$color-warning : #cc4e00 !default;
|
|
12
|
+
$color-danger : #ce2c31 !default;
|
|
13
|
+
$color-info : #107d98 !default;
|
|
14
14
|
$color-white : #ffffff !default;
|
|
15
|
-
$color-black : #
|
|
16
|
-
$color-gray-
|
|
17
|
-
$color-gray-
|
|
18
|
-
$color-gray-
|
|
19
|
-
$color-gray-
|
|
20
|
-
$color-gray-
|
|
21
|
-
$color-gray-
|
|
22
|
-
$color-gray-
|
|
23
|
-
$color-gray-
|
|
24
|
-
$color-gray-
|
|
25
|
-
$color-gray-
|
|
26
|
-
$color-
|
|
27
|
-
$color-
|
|
28
|
-
$color-text
|
|
15
|
+
$color-black : #111111 !default;
|
|
16
|
+
$color-gray-1 : #fcfcfc !default;
|
|
17
|
+
$color-gray-2 : #f9f9f9 !default;
|
|
18
|
+
$color-gray-3 : #f0f0f0 !default;
|
|
19
|
+
$color-gray-4 : #e8e8e8 !default;
|
|
20
|
+
$color-gray-5 : #e0e0e0 !default;
|
|
21
|
+
$color-gray-6 : #d9d9d9 !default;
|
|
22
|
+
$color-gray-7 : #cecece !default;
|
|
23
|
+
$color-gray-8 : #bbbbbb !default;
|
|
24
|
+
$color-gray-9 : #8d8d8d !default;
|
|
25
|
+
$color-gray-10 : #838383 !default;
|
|
26
|
+
$color-gray-11 : #646464 !default;
|
|
27
|
+
$color-gray-12 : #202020 !default;
|
|
28
|
+
$color-text : $color-gray-12 !default;
|
|
29
|
+
$color-text-secondary: $color-gray-11 !default;
|
|
30
|
+
$color-text-disabled : $color-gray-9 !default;
|
|
29
31
|
$color-background : $color-white !default;
|
|
30
|
-
$color-border : $color-gray-
|
|
31
|
-
$color-border-hover : $color-gray-
|
|
32
|
+
$color-border : $color-gray-6 !default;
|
|
33
|
+
$color-border-hover : $color-gray-8 !default;
|
|
32
34
|
$color-on-primary : $color-white !default;
|
|
33
35
|
$color-on-secondary : $color-white !default;
|
|
34
36
|
$color-on-success : $color-white !default;
|
|
@@ -72,12 +74,10 @@ $spacing-12: 3rem !default;
|
|
|
72
74
|
|
|
73
75
|
// Border radius
|
|
74
76
|
$radius-none: 0 !default;
|
|
75
|
-
$radius-sm : 0.
|
|
76
|
-
$radius-
|
|
77
|
-
$radius-
|
|
78
|
-
$radius-
|
|
79
|
-
$radius-xl : 0.75rem !default;
|
|
80
|
-
$radius-2xl : 1rem !default;
|
|
77
|
+
$radius-sm : 0.375rem !default;
|
|
78
|
+
$radius-md : 0.75rem !default;
|
|
79
|
+
$radius-lg : 1rem !default;
|
|
80
|
+
$radius-xl : 1.5rem !default;
|
|
81
81
|
$radius-full: 9999px !default;
|
|
82
82
|
|
|
83
83
|
// Border widths
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
2
|
-
props: import('vue').PublicProps & (typeof globalThis extends {
|
|
3
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
4
|
-
} ? P : {});
|
|
5
|
-
expose: (exposed: {}) => void;
|
|
6
|
-
attrs: any;
|
|
7
|
-
slots: {};
|
|
8
|
-
emit: {};
|
|
9
|
-
}>) => import('vue').VNode & {
|
|
10
|
-
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
11
|
-
};
|
|
12
|
-
declare const _default: typeof __VLS_export;
|
|
13
|
-
export default _default;
|
|
14
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
15
|
-
[K in keyof T]: T[K];
|
|
16
|
-
} : {
|
|
17
|
-
[K in keyof T as K]: T[K];
|
|
18
|
-
}) & {};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
2
|
-
props: import('vue').PublicProps & (typeof globalThis extends {
|
|
3
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
4
|
-
} ? P : {});
|
|
5
|
-
expose: (exposed: {}) => void;
|
|
6
|
-
attrs: any;
|
|
7
|
-
slots: {};
|
|
8
|
-
emit: {};
|
|
9
|
-
}>) => import('vue').VNode & {
|
|
10
|
-
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
11
|
-
};
|
|
12
|
-
declare const _default: typeof __VLS_export;
|
|
13
|
-
export default _default;
|
|
14
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
15
|
-
[K in keyof T]: T[K];
|
|
16
|
-
} : {
|
|
17
|
-
[K in keyof T as K]: T[K];
|
|
18
|
-
}) & {};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
2
|
-
props: import('vue').PublicProps & (typeof globalThis extends {
|
|
3
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
4
|
-
} ? P : {});
|
|
5
|
-
expose: (exposed: {}) => void;
|
|
6
|
-
attrs: any;
|
|
7
|
-
slots: {};
|
|
8
|
-
emit: {};
|
|
9
|
-
}>) => import('vue').VNode & {
|
|
10
|
-
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
11
|
-
};
|
|
12
|
-
declare const _default: typeof __VLS_export;
|
|
13
|
-
export default _default;
|
|
14
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
15
|
-
[K in keyof T]: T[K];
|
|
16
|
-
} : {
|
|
17
|
-
[K in keyof T as K]: T[K];
|
|
18
|
-
}) & {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export interface OptionListItem {
|
|
2
|
-
label: string;
|
|
3
|
-
value: string | number;
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
}
|
|
6
|
-
export type OptionListValue = string | number | null;
|
|
7
|
-
export declare function hasOptionListValue(value: OptionListValue): boolean;
|
|
8
|
-
export declare function getOptionListDisplayLabel<T extends OptionListItem>(options: T[] | undefined, value: OptionListValue): string;
|
|
9
|
-
export declare function getOptionListActiveDescendantId(baseId: string, focusedIndex: number): string | undefined;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { default as Tabs } from './tabs';
|
|
2
|
-
export { default as TabsList } from './tabs-list';
|
|
3
|
-
export { default as TabsTrigger } from './tabs-trigger';
|
|
4
|
-
export { default as TabPanel } from './tab-panel';
|
|
5
|
-
export type { TabsProps, TabsTriggerProps, TabPanelProps } from './types';
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { TabPanelProps } from './types';
|
|
2
|
-
declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
-
props: import('vue').PublicProps & __VLS_PrettifyLocal<TabPanelProps> & (typeof globalThis extends {
|
|
4
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
5
|
-
} ? P : {});
|
|
6
|
-
expose: (exposed: {}) => void;
|
|
7
|
-
attrs: any;
|
|
8
|
-
slots: {
|
|
9
|
-
default?: (props: {}) => any;
|
|
10
|
-
};
|
|
11
|
-
emit: {};
|
|
12
|
-
}>) => import('vue').VNode & {
|
|
13
|
-
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
14
|
-
};
|
|
15
|
-
declare const _default: typeof __VLS_export;
|
|
16
|
-
export default _default;
|
|
17
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
18
|
-
[K in keyof T]: T[K];
|
|
19
|
-
} : {
|
|
20
|
-
[K in keyof T as K]: T[K];
|
|
21
|
-
}) & {};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
2
|
-
props: import('vue').PublicProps & (typeof globalThis extends {
|
|
3
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
4
|
-
} ? P : {});
|
|
5
|
-
expose: (exposed: {}) => void;
|
|
6
|
-
attrs: any;
|
|
7
|
-
slots: {
|
|
8
|
-
default?: (props: {}) => any;
|
|
9
|
-
};
|
|
10
|
-
emit: {};
|
|
11
|
-
}>) => import('vue').VNode & {
|
|
12
|
-
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
13
|
-
};
|
|
14
|
-
declare const _default: typeof __VLS_export;
|
|
15
|
-
export default _default;
|
|
16
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
17
|
-
[K in keyof T]: T[K];
|
|
18
|
-
} : {
|
|
19
|
-
[K in keyof T as K]: T[K];
|
|
20
|
-
}) & {};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { TabsTriggerProps } from './types';
|
|
2
|
-
declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
-
props: import('vue').PublicProps & __VLS_PrettifyLocal<TabsTriggerProps> & (typeof globalThis extends {
|
|
4
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
5
|
-
} ? P : {});
|
|
6
|
-
expose: (exposed: {}) => void;
|
|
7
|
-
attrs: any;
|
|
8
|
-
slots: {
|
|
9
|
-
default?: (props: {}) => any;
|
|
10
|
-
};
|
|
11
|
-
emit: {};
|
|
12
|
-
}>) => import('vue').VNode & {
|
|
13
|
-
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
14
|
-
};
|
|
15
|
-
declare const _default: typeof __VLS_export;
|
|
16
|
-
export default _default;
|
|
17
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
18
|
-
[K in keyof T]: T[K];
|
|
19
|
-
} : {
|
|
20
|
-
[K in keyof T as K]: T[K];
|
|
21
|
-
}) & {};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { TabsProps } from './types';
|
|
2
|
-
declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
-
props: import('vue').PublicProps & __VLS_PrettifyLocal<TabsProps & {
|
|
4
|
-
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
5
|
-
}> & (typeof globalThis extends {
|
|
6
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
7
|
-
} ? P : {});
|
|
8
|
-
expose: (exposed: {}) => void;
|
|
9
|
-
attrs: any;
|
|
10
|
-
slots: {
|
|
11
|
-
default?: (props: {}) => any;
|
|
12
|
-
};
|
|
13
|
-
emit: (evt: "update:modelValue", value: string) => void;
|
|
14
|
-
}>) => import('vue').VNode & {
|
|
15
|
-
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
16
|
-
};
|
|
17
|
-
declare const _default: typeof __VLS_export;
|
|
18
|
-
export default _default;
|
|
19
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
20
|
-
[K in keyof T]: T[K];
|
|
21
|
-
} : {
|
|
22
|
-
[K in keyof T as K]: T[K];
|
|
23
|
-
}) & {};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { InjectionKey } from 'vue';
|
|
2
|
-
export interface TabsProps {
|
|
3
|
-
modelValue: string;
|
|
4
|
-
}
|
|
5
|
-
export interface TabPanelProps {
|
|
6
|
-
value: string;
|
|
7
|
-
}
|
|
8
|
-
export interface TabsTriggerProps {
|
|
9
|
-
value: string;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
}
|
|
12
|
-
export interface TabsContext {
|
|
13
|
-
activeTab: string;
|
|
14
|
-
select: (value: string) => void;
|
|
15
|
-
getTriggerId: (value: string) => string;
|
|
16
|
-
getPanelId: (value: string) => string;
|
|
17
|
-
}
|
|
18
|
-
export declare const tabsKey: InjectionKey<TabsContext>;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { TabPanelProps, TabsContext, TabsProps, TabsTriggerProps } from './types';
|
|
2
|
-
export declare function useTabs(props: Readonly<TabsProps>, tabsId: string, emitUpdate: (value: string) => void): {
|
|
3
|
-
rootClass: import('vue').ComputedRef<string[]>;
|
|
4
|
-
};
|
|
5
|
-
export declare function useTabsList(): {
|
|
6
|
-
listRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
|
|
7
|
-
rootClass: import('vue').ComputedRef<string[]>;
|
|
8
|
-
onKeydown: (e: KeyboardEvent) => void;
|
|
9
|
-
};
|
|
10
|
-
export declare function useTabsTrigger(props: Readonly<TabsTriggerProps>): {
|
|
11
|
-
tabs: TabsContext;
|
|
12
|
-
isActive: import('vue').ComputedRef<boolean>;
|
|
13
|
-
rootClass: import('vue').ComputedRef<string[]>;
|
|
14
|
-
select: () => void;
|
|
15
|
-
};
|
|
16
|
-
export declare function useTabPanel(props: Readonly<TabPanelProps>): {
|
|
17
|
-
tabs: TabsContext;
|
|
18
|
-
isActive: import('vue').ComputedRef<boolean>;
|
|
19
|
-
};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { TooltipProps } from './types';
|
|
2
|
-
declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
|
-
props: import('vue').PublicProps & __VLS_PrettifyLocal<TooltipProps> & (typeof globalThis extends {
|
|
4
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
5
|
-
} ? P : {});
|
|
6
|
-
expose: (exposed: {}) => void;
|
|
7
|
-
attrs: any;
|
|
8
|
-
slots: {
|
|
9
|
-
default?: (props: {}) => any;
|
|
10
|
-
} & {
|
|
11
|
-
content?: (props: {}) => any;
|
|
12
|
-
};
|
|
13
|
-
emit: {};
|
|
14
|
-
}>) => import('vue').VNode & {
|
|
15
|
-
__ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
|
|
16
|
-
};
|
|
17
|
-
declare const _default: typeof __VLS_export;
|
|
18
|
-
export default _default;
|
|
19
|
-
type __VLS_PrettifyLocal<T> = (T extends any ? {
|
|
20
|
-
[K in keyof T]: T[K];
|
|
21
|
-
} : {
|
|
22
|
-
[K in keyof T as K]: T[K];
|
|
23
|
-
}) & {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { TooltipProps } from './types';
|
|
2
|
-
export declare function useTooltip(props: Readonly<TooltipProps>): {
|
|
3
|
-
tooltipId: string;
|
|
4
|
-
isVisible: import('vue').Ref<boolean, boolean>;
|
|
5
|
-
tipClass: import('vue').ComputedRef<string[]>;
|
|
6
|
-
onShow: () => void;
|
|
7
|
-
onHide: () => void;
|
|
8
|
-
};
|