@codemonster-ru/vueforge 0.46.0 → 0.48.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.
@@ -0,0 +1,40 @@
1
+ type Size = 'small' | 'normal' | 'large';
2
+ type Variant = 'filled' | 'outlined';
3
+ type Format = 'hex' | 'rgb' | 'hsl';
4
+ interface Props {
5
+ modelValue?: string;
6
+ format?: Format;
7
+ alpha?: boolean;
8
+ presets?: Array<string>;
9
+ placeholder?: string;
10
+ disabled?: boolean;
11
+ readonly?: boolean;
12
+ size?: Size;
13
+ variant?: Variant;
14
+ ariaLabel?: string;
15
+ }
16
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
17
+ change: (...args: any[]) => void;
18
+ close: (...args: any[]) => void;
19
+ "update:modelValue": (...args: any[]) => void;
20
+ open: (...args: any[]) => void;
21
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
22
+ onChange?: ((...args: any[]) => any) | undefined;
23
+ onClose?: ((...args: any[]) => any) | undefined;
24
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
25
+ onOpen?: ((...args: any[]) => any) | undefined;
26
+ }>, {
27
+ disabled: boolean;
28
+ size: Size;
29
+ variant: Variant;
30
+ modelValue: string;
31
+ placeholder: string;
32
+ readonly: boolean;
33
+ ariaLabel: string;
34
+ format: Format;
35
+ alpha: boolean;
36
+ presets: Array<string>;
37
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
38
+ root: HTMLDivElement;
39
+ }, HTMLDivElement>;
40
+ export default _default;
@@ -0,0 +1,45 @@
1
+ type Size = 'small' | 'normal' | 'large';
2
+ type Variant = 'filled' | 'outlined';
3
+ interface Props {
4
+ modelValue?: string;
5
+ length?: number;
6
+ placeholder?: string;
7
+ disabled?: boolean;
8
+ readonly?: boolean;
9
+ size?: Size;
10
+ variant?: Variant;
11
+ mask?: boolean;
12
+ alphanumeric?: boolean;
13
+ autocomplete?: string;
14
+ autoFocus?: boolean;
15
+ ariaLabel?: string;
16
+ }
17
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
18
+ blur: (...args: any[]) => void;
19
+ change: (...args: any[]) => void;
20
+ focus: (...args: any[]) => void;
21
+ paste: (...args: any[]) => void;
22
+ "update:modelValue": (...args: any[]) => void;
23
+ complete: (...args: any[]) => void;
24
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
25
+ onBlur?: ((...args: any[]) => any) | undefined;
26
+ onChange?: ((...args: any[]) => any) | undefined;
27
+ onFocus?: ((...args: any[]) => any) | undefined;
28
+ onPaste?: ((...args: any[]) => any) | undefined;
29
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
30
+ onComplete?: ((...args: any[]) => any) | undefined;
31
+ }>, {
32
+ length: number;
33
+ disabled: boolean;
34
+ mask: boolean;
35
+ size: Size;
36
+ variant: Variant;
37
+ modelValue: string;
38
+ placeholder: string;
39
+ readonly: boolean;
40
+ autocomplete: string;
41
+ ariaLabel: string;
42
+ alphanumeric: boolean;
43
+ autoFocus: boolean;
44
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
45
+ export default _default;
@@ -30,10 +30,10 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
30
30
  modelValue: string;
31
31
  placeholder: string;
32
32
  readonly: boolean;
33
+ format: TimeFormat;
33
34
  min: string;
34
35
  max: string;
35
36
  step: number;
36
- format: TimeFormat;
37
37
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
38
38
  root: HTMLDivElement;
39
39
  control: HTMLButtonElement;
@@ -112,6 +112,70 @@ export type PasswordInputTokens = {
112
112
  fontSize?: string;
113
113
  };
114
114
  };
115
+ export type OtpInputTokens = {
116
+ gap?: string;
117
+ fontSize?: string;
118
+ cellSize?: string;
119
+ padding?: string;
120
+ borderRadius?: string;
121
+ borderColor?: string;
122
+ backgroundColor?: string;
123
+ textColor?: string;
124
+ placeholderColor?: string;
125
+ focusBorderColor?: string;
126
+ focusRingShadow?: string;
127
+ hoverBorderColor?: string;
128
+ disabledOpacity?: string;
129
+ small?: {
130
+ cellSize?: string;
131
+ padding?: string;
132
+ fontSize?: string;
133
+ };
134
+ large?: {
135
+ cellSize?: string;
136
+ padding?: string;
137
+ fontSize?: string;
138
+ };
139
+ };
140
+ export type ColorPickerTokens = {
141
+ minWidth?: string;
142
+ gap?: string;
143
+ fontSize?: string;
144
+ padding?: string;
145
+ borderRadius?: string;
146
+ borderColor?: string;
147
+ backgroundColor?: string;
148
+ textColor?: string;
149
+ placeholderColor?: string;
150
+ focusBorderColor?: string;
151
+ focusRingShadow?: string;
152
+ hoverBorderColor?: string;
153
+ disabledOpacity?: string;
154
+ swatchSize?: string;
155
+ swatchRadius?: string;
156
+ panelPadding?: string;
157
+ panelBorderColor?: string;
158
+ panelBackgroundColor?: string;
159
+ panelShadow?: string;
160
+ panelGap?: string;
161
+ rangeAccentColor?: string;
162
+ presetSize?: string;
163
+ presetRadius?: string;
164
+ presetBorderColor?: string;
165
+ presetHoverBorderColor?: string;
166
+ small?: {
167
+ padding?: string;
168
+ fontSize?: string;
169
+ swatchSize?: string;
170
+ presetSize?: string;
171
+ };
172
+ large?: {
173
+ padding?: string;
174
+ fontSize?: string;
175
+ swatchSize?: string;
176
+ presetSize?: string;
177
+ };
178
+ };
115
179
  export type NumberInputTokens = {
116
180
  gap?: string;
117
181
  fontSize?: string;
@@ -1293,6 +1357,8 @@ export type ThemeComponentTokens = {
1293
1357
  accordion?: AccordionTokens;
1294
1358
  input?: InputTokens;
1295
1359
  passwordInput?: PasswordInputTokens;
1360
+ otpInput?: OtpInputTokens;
1361
+ colorPicker?: ColorPickerTokens;
1296
1362
  numberInput?: NumberInputTokens;
1297
1363
  formField?: FormFieldTokens;
1298
1364
  textarea?: TextareaTokens;
@@ -0,0 +1,40 @@
1
+ declare const _default: {
2
+ minWidth: string;
3
+ gap: string;
4
+ fontSize: string;
5
+ padding: string;
6
+ borderRadius: string;
7
+ borderColor: string;
8
+ backgroundColor: string;
9
+ textColor: string;
10
+ placeholderColor: string;
11
+ focusBorderColor: string;
12
+ focusRingShadow: string;
13
+ hoverBorderColor: string;
14
+ disabledOpacity: string;
15
+ swatchSize: string;
16
+ swatchRadius: string;
17
+ panelPadding: string;
18
+ panelBorderColor: string;
19
+ panelBackgroundColor: string;
20
+ panelShadow: string;
21
+ panelGap: string;
22
+ rangeAccentColor: string;
23
+ presetSize: string;
24
+ presetRadius: string;
25
+ presetBorderColor: string;
26
+ presetHoverBorderColor: string;
27
+ small: {
28
+ padding: string;
29
+ fontSize: string;
30
+ swatchSize: string;
31
+ presetSize: string;
32
+ };
33
+ large: {
34
+ padding: string;
35
+ fontSize: string;
36
+ swatchSize: string;
37
+ presetSize: string;
38
+ };
39
+ };
40
+ export default _default;
@@ -0,0 +1,26 @@
1
+ declare const _default: {
2
+ gap: string;
3
+ fontSize: string;
4
+ cellSize: string;
5
+ padding: string;
6
+ borderRadius: string;
7
+ borderColor: string;
8
+ backgroundColor: string;
9
+ textColor: string;
10
+ placeholderColor: string;
11
+ focusBorderColor: string;
12
+ focusRingShadow: string;
13
+ hoverBorderColor: string;
14
+ disabledOpacity: string;
15
+ small: {
16
+ cellSize: string;
17
+ padding: string;
18
+ fontSize: string;
19
+ };
20
+ large: {
21
+ cellSize: string;
22
+ padding: string;
23
+ fontSize: string;
24
+ };
25
+ };
26
+ export default _default;
@@ -269,6 +269,70 @@ declare const _default: {
269
269
  fontSize: string;
270
270
  };
271
271
  };
272
+ otpInput: {
273
+ gap: string;
274
+ fontSize: string;
275
+ cellSize: string;
276
+ padding: string;
277
+ borderRadius: string;
278
+ borderColor: string;
279
+ backgroundColor: string;
280
+ textColor: string;
281
+ placeholderColor: string;
282
+ focusBorderColor: string;
283
+ focusRingShadow: string;
284
+ hoverBorderColor: string;
285
+ disabledOpacity: string;
286
+ small: {
287
+ cellSize: string;
288
+ padding: string;
289
+ fontSize: string;
290
+ };
291
+ large: {
292
+ cellSize: string;
293
+ padding: string;
294
+ fontSize: string;
295
+ };
296
+ };
297
+ colorPicker: {
298
+ minWidth: string;
299
+ gap: string;
300
+ fontSize: string;
301
+ padding: string;
302
+ borderRadius: string;
303
+ borderColor: string;
304
+ backgroundColor: string;
305
+ textColor: string;
306
+ placeholderColor: string;
307
+ focusBorderColor: string;
308
+ focusRingShadow: string;
309
+ hoverBorderColor: string;
310
+ disabledOpacity: string;
311
+ swatchSize: string;
312
+ swatchRadius: string;
313
+ panelPadding: string;
314
+ panelBorderColor: string;
315
+ panelBackgroundColor: string;
316
+ panelShadow: string;
317
+ panelGap: string;
318
+ rangeAccentColor: string;
319
+ presetSize: string;
320
+ presetRadius: string;
321
+ presetBorderColor: string;
322
+ presetHoverBorderColor: string;
323
+ small: {
324
+ padding: string;
325
+ fontSize: string;
326
+ swatchSize: string;
327
+ presetSize: string;
328
+ };
329
+ large: {
330
+ padding: string;
331
+ fontSize: string;
332
+ swatchSize: string;
333
+ presetSize: string;
334
+ };
335
+ };
272
336
  numberInput: {
273
337
  gap: string;
274
338
  fontSize: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codemonster-ru/vueforge",
3
- "version": "0.46.0",
3
+ "version": "0.48.0",
4
4
  "description": "Open source UI components for Vue.js.",
5
5
  "license": "MIT",
6
6
  "author": "Kirill Kolesnikov",